body 				{ 
font-family: "Lucida Sans Unicode", Verdana, Arial; 
font-size: 70%; 
margin: 5px 0px 20px 5px; 
color: #353333; 
line-height: 130%; 
text-align:center;
background-color:#ECE4DE;  
}


td p {
font-family: "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
}

.tblbody {
font-family: "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
background-color: #FFFFFF; 
color:#999999;
font-weight:bold; 
line-height: 130%; 
text-align:left;  
}

.tdrt	{
text-align:right;
color:#666666;
padding-right:3px;
font-size:11px;
}


.button { 
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
color: #FFFFFF; 
background-color: #C10001; 
text-align: center; 
border: 1px solid; 
border-color: #FFFFFF Black Black #FFFFFF; 
height: 21px;
}


.bold {
	font-size: 13px;
	COLOR: #353333; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold;
	text-align:left; 
}

.boldsrch {
	font-size: 10px;
	COLOR: #353333; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold;
	text-align:left; 
}

.boldblack	{
font-style:italic;
text-align:left;
}

.headertitle {
	font-size: 13px;
	COLOR: #020FCF; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold;
	text-transform:capitalize; 
}

.producerbold {
	font-size: 13px; 
	COLOR: #000000; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold; 
}

.img	{
border:1px solid #000000;
padding:2px;
margin: 2px;
}

.quoteblack {
	font-size: 13px; 
	COLOR: #000000; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:bold; 
}

.maintext {
	font-size: 11px; 
	COLOR: #350B0B; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:normal; 
	text-align:justify; 
	padding-left:5px;
	padding-right:5px; 
	padding-top: 5px;
	padding-bottom: 5px;
}

.maintext1 {
	font-size: 12px;
	COLOR: #000066; 
	LINE-HEIGHT: 14pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	font-weight:normal; 
	text-align:justify; 
	padding-top:5px; 
	padding-bottom:5px;
}


.main1 {
	FONT-WEIGHT: bold; 
	font-size: 12px; 
	COLOR: #000066; 
	LINE-HEIGHT: 13pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
	text-align:center;
}

.producttitle {
	FONT-WEIGHT: bold; 
	font-size: 11px; 
	COLOR: #999999; 
	LINE-HEIGHT: 13pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
}

.productrest {
	FONT-WEIGHT: bold; 
	font-size: 11px; 
	COLOR: #000000; 
	LINE-HEIGHT: 13pt; 
	font-family: "Lucida Sans Unicode", Verdana, Arial; 
}


.footer {
	font-size: 12px; 
	COLOR: #0074F4; 
	font-family: "Lucida Sans Unicode", Verdana, Arial ; 
	font-weight:normal; 
	line-height:16px; 
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px; 
	text-align:center; 
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ul	{ 
text-align:justify;
}


a:link {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color:#999999;
}
a:visited {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	font-style: underline;
	text-decoration: none;
	color:#999999;
}
a:hover {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	text-decoration: underline;
	color:#999999;
}
a:active {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color:#999999;
}

.selectbox {  
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
color: #020FCF; 
background-color: #FFFFFF; 
text-transform:capitalize; 
border: 1px #020FCF solid; 
height: 20px; 
clip:   rect(   ); 
width: 180px; 
}

.TextBox {  
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; color: #000000; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #000000 solid; 
height: 20px; 
clip:   rect(   ); 
width: 140px; 
}

.TextBoxlg {  
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; color: #000000; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #000000 solid; 
height: 20px; 
clip:   rect(   ); 
width: 200px; 
}

.TextBoxMulti { 
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
color: #000000; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #000000 solid; 
width: 180px; 
height: 150px; 
 }

.TextBoxSearch {  
font-family:  "Lucida Sans Unicode", Verdana, Arial; 
font-size: 11px; 
color: #000066; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #000000 solid; 
height: 18px; 
width:127px; 
clip:   rect(   );
}

.shoppnl	{
background-color:#8C8C8C;
text-transform:uppercase;
text-align:left;
color:#FFFFFF;
font-size:11px;
}

.shoppnlnro	{
text-transform:uppercase;
text-align:left;
color:#FFFFFF;
background-color:#8C8C8C;
}

.symbol	{
padding-left:13px;
}

.shoppnl a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
text-transform: uppercase; 
padding: 0px 10px; 
}
.shoppnl a:hover	{ text-decoration: none; background-color:#EC1C24;}
.shoppnl a:hover.this	{ }
.shoppnl a.this	{ background-color: #EC1C24; text-transform:capitalize; }




/* ---------------------------- --------------------------------- */

#menuHolder			{ 
width: 100%; 
background-color: #8C8C8C; 
height: auto; 
text-align:center;
}
#menuHolder ul		{ display: inline; margin: 0px 0px 0px 0px; line-height: 200%; }
#menuHolder ul li	{ display: inline; list-style-type: none; margin: 5px 0px 20px 0px; }
#menuHolder a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
text-transform: uppercase; 
padding: 4px 16px 4px 16px; 
margin-top: 10px; 
}
#menuHolder a:hover	{ text-decoration: none; background-color:#EC1C24;}
#menuHolder a:hover.this	{ }
#menuHolder a.this	{ background-color: #EC1C24; }


#mainimg			{ 
width: 476px; 
height: 440px; 
background-position: center;
background-image:url(../images/brakewell_logo.jpg);
background-repeat:no-repeat;
margin-top:50px;
margin-left:20px;
}

#mainimgtest			{ 
width: 532px; 
height: 572px; 
background-image:url(../images/bg_home.jpg);
background-repeat:no-repeat;
float:right;
margin:0px;
padding:0px;
}

#mainimgmain			{ 
width: 530px; 
height: 572px; 
background-image:url(../images/bg_homemain.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
position:absolute;
z-index:1;
}

#hpanelleft	{
width: 180px;
height:600px;
background-color:#FE0000;
background-image:url(../images/hpanellft.gif);
background-repeat:no-repeat;
margin:0px auto;
padding:2px auto;
float:left;
}

#hpanellefttest	{
width: 180px;
height:600px;
background-color:#FE0000;
background-image:url(../images/lft_red.jpg);
background-repeat:no-repeat;
margin:0px auto;
padding:2px auto;
float:left;
}

#hpanellefttxt	{
color:#FFFFFF;
padding:2px;
margin:2px;
}

#biogpanelleft	{
width: 180px;
height:600px;
background-color:#FE0000;
background-image:url(../images/biogpanellft.gif);
background-repeat:no-repeat;
margin:0px auto;
padding:2px auto;
float:left;
}

#mainimgbiog			{ 
width: 298px; 
height: 200px; 
background-position: center;
background-image:url(../images/biogimgmain_sml.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:4px;
margin-left:83px;
}

#mainimgbiogind			{ 
width: 443px; 
height: 297px; 
margin-top:50px;
margin-bottom:4px;
margin-left:20px;
text-align:center;
padding:0px auto
margin:0px auto;
}



#hometxt	{
width:100%; 
height:auto; 
background-color:#DFDDFE; 
color:#000066; 
padding:2px;
}

#toptxt	{
color:#FFFFFF;
margin-left:200px;
margin-top:2px;
}

#biogtxt	{
margin-top:10px; 
width:350px; 
height:auto; 
margin-left:70px; 
padding-left:4px; 
}

#biogtxtshop	{
text-align:center; 
margin-left:10px; 
margin-top:12px;
padding:0px auto;
margin:0px auto;
}

#biogtxt2	{
text-align:center; 
margin-left:10px; 
margin-top:6px;
padding:0px auto;
margin:0px auto;
color:#000066
}

#menuBottomTop			{ 
width: 760px;
height:113px;
background-image:url(../images/store.jpg);
background-repeat:no-repeat;
}

#menuBottom			{ 
width: 100%; 
height: 15px; 
background-color: #8364FF; 
border-bottom: 1px solid #CCCCCC; 
clear:both; 
}

#menuBottom ul		{ 
display: inline; 
margin: 0px 0px 0px 50px; 
line-height: 200%; 
}

#menuBottom ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px;
 }
 
#menuBottom a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px; 
}
#menuBottom a:hover	{ 
text-decoration: underline;
}

#menuBottom a:hover.this	{ }

#menuBottom a.this	{ 
background-color: #999999;
 }




* html #contentmiddle	{
w\idth: 360px;
}

/* ----------------------------------------------- Primary ------------------------------------------------------ */

#wrapper 			{ 
width: 800px; 
height:600px; 
margin: 10px auto; 
text-align: justify; 
border: 1px solid #000000; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

#wrappertest 			{ 
width: 800px; 
height:600px; 
margin: 10px auto; 
text-align: justify; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

#menuon		{ 
float: left;
margin:0px auto;
padding:2px auto;
}

#menu		{ 
float: left;
margin:0px auto;
padding:2px auto; 
}

#contentright		{ 
width: 530px;
height:100%; 
float: right; 
margin:0px auto;
padding:2px auto;
background-color:#FFFFFF;
}

#contentrighttest		{ 
width: 540px;
height:auto; 
float: right;
margin:0px;
padding:0px; 
}

#contentrightshop		{ 
width: 530px;
height:100%; 
float: left; 
margin:0px auto;
padding:2px auto;
background-color:#FFFFFF;
}


#contentfooter		{
	height:-27px;
	float: right;
	margin:0px auto;
	padding-top:80px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;
}

#contentfootertest		{
	height:-27px;
	float: right;
	margin:0px auto;
	padding-top:0px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;
}

#contentfooter	a:link{
font-size:10px;
}

#contentfooterch		{
	float: right;
	margin:0px auto;
	padding-top:79px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;

}

#contentfooterch	a:link{
font-size:10px;
}


#contentfootersc		{
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:90%;
	width: 100%;
	height: 37px;
	font-size:10px;
	width:100%;
	left: 187px;
}

#contentfootersc	a:link{
font-size:10px;
}

#contentfootershop		{
	height:-27px;
	float: right;
	margin:0px auto;
	padding-top:26px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;

}

#contentfootershop	a:link{
font-size:10px;
}

#contentfootershop2		{
	float: right;
	margin:0px auto;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	position:absolute;
	top: 512px;
	width:100%;
}

#contentfootershop2	a:link{
font-size:10px;
}

#contentfooterbiogmain		{
	height:-27px;
	float: right;
	margin:0px auto;
	padding-top:10px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;
}

#contentfooterbiogmain	a:link{
font-size:10px;
}

#contentfooterbiog		{
	height:-27px;
	float: right;
	margin:0px auto;
	padding-top:65px;
	margin-right:2px;
	background-color:#FFFFFF;
	color:#999999;
	font-size:10px;
	width:100%;
}



#contentfooterbiog	a:link{
font-size:10px;
}

#content a			{ color: #AC2327; }
#content a:visited 	{ color: #AC2327; }
#content a:hover	{ color: #511113; }

#FooterHolder			{ 
width: 100%; 
background-color: #020FCF; 
border-top: 1px solid #DFDDF5; 
border-bottom: 1px solid #DFDDF5; 
margin: auto;
text-transform:capitalize; 
*/  height: auto;  
}

#FooterHolder ul		{ 
display: inline; 
margin: 0px 0px 0px 0px; 
line-height: 200%; 
}

#FooterHolder ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px; 
}

#FooterHolder a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px;
}

#FooterHolder a:hover	{ 
text-decoration: underline;
}




#Products 			{ 
width:550px; 
height:auto; 
margin: 20px auto; 
text-align: justify; 
border: 1px solid #000000; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
padding: 5px; 
}

#Products ul		{ 
text-align:left; 
}

#pdf	{
border: 1px solid #000000; 
width: 350px; 
height:30px; 
clear:both;
} 

#panel	{
background-image:url(../images/panel.gif);
background-repeat:no-repeat;
margin:20px auto;
height:159px;
width:159px;
}

#panellogos	{
background-image:url(../images/panellogos.jpg);
background-repeat:no-repeat;
margin:1px auto;
height:159px;
width:159px;
}

#clear	{ 
clear:both ;
}

/* ------------ Vertical Menu ------------- */

#blueblock{
width: 175px;
border-right: 1px solid #8364FD;
padding: 0 0 1em 0;
margin-bottom: 0;
font-family: "tahoma", Verdana, Arial ;
font-size: 90%;
text-transform: uppercase;
background-color: #000DCD;
color: #FFFFFF;
}

* html #blueblock{ /*IE 6 only */
w\idth: 172px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #000DCD;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #DFDDF5;
border-right: 10px solid #DFDDF5;
border-bottom:1px solid #DFDDF5;
background-color: #8364FF;
color: #000066;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #A28DFC;
border-right: 10px solid #A28DFC;
border-bottom:1px solid #403E3E;
background-color: #000DCD;
color: #FFFFFF;
text-decoration: underline;
}
