.foo {} 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ul, ol, li,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Constant Styles */

a:link {color: #003782; text-decoration: none;}
a:active {color: #003782; text-decoration: none;}
a:visited {color: #003782; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

body{
background: #fff url(../Images/gradientbg.png) repeat-x;
padding: 0;
margin: 0;
font-family: "Arial", times, sans-serif;
background-attachment:fixed;
}


img{
border: 0;
}

.clear{
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}


/* Div Styles */

#container{
background: #fff;
width: 980px;
height: auto;
margin: 0 auto;	
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}


#description img{
margin: 10px;
padding: 1px;
border: 1px solid #235e8c;
float: left;
}  

.header{
background: #eaeaea;
width: 980px;
height: 125px;
float: left;
}

.logo{
background: url(../Images/logo_top.gif) no-repeat;
width: 581px;
height: 125px;
float: left;
display: block;
}

.logo h1{
display: none;
}

.ulclass 
{
font-family: Tahoma;
font-size: 12px;
text-align: left;
list-style-position:inside;
}



.headerbox1{
width: 399px;
height: 79px;
float: left;
}

#ctl00_Register{
color: #003782;
}

#ctl00_Register:hover{
color: #000;
}


#ctl00_ContentPlaceHolder1_catPanel{margin: 0 10px;}
#ctl00_ContentPlaceHolder1_catPanel ul{float: left;width: 600px;  list-style: none; font-size: 14px;}
#ctl00_ContentPlaceHolder1_catPanel ul li {width: 500px;margin: 15px 0 5px 0; padding: 0 0 5px 10px;}
#ctl00_ContentPlaceHolder1_catPanel ul li a {padding-bottom: 5px;border-bottom: 1px solid #e4f0f6;width: 500px;display:block;}
#ctl00_ContentPlaceHolder1_catPanel ul ul{margin: 2px 10px 30px 0;}
#ctl00_ContentPlaceHolder1_catPanel ul ul li:hover{background-color:#e4f0f6;}
#ctl00_ContentPlaceHolder1_catPanel ul ul li {padding: 5px 10px 0 10px;width: 225px; overflow: visible; white-space: normal; float: left; margin: 0; margin-left: 10px;border:0;}
#ctl00_ContentPlaceHolder1_catPanel ul li a{font-weight: bold;color: #000;}
#ctl00_ContentPlaceHolder1_catPanel ul ul li a{vertical-align: middle;font-weight: normal;width: 220px;color: #003782;border: 0; font-size: 12px;}
#ctl00_ContentPlaceHolder1_catPanel ul ul li a:hover{color: #000;}


.headerbox2{
width: 399px;
height: 46px;
float: left;
}

.titletext, .titletext2, .titletext3, .titletext4, .mapuktext, .addrtext1, .addrtext2, .addrtext3, .addrtext4, .accounttext1, .accounttext3, .accounttext2, .accounttext4, .accounttext5, .accounttext2blue, .headertext, .feattext1, .feattextmain, .footext, .footertext2, .lnavtext, .lnavtextin{
font-family: Arial;
font-size: 12px;
font-weight: bold;	
color: #fff;
margin: 8px 0 0 51px;
float: left;
}

.search{
float: right;
height: 30px;
text-align: center;
width: 336px;
background: url(../Images/search_1.gif) no-repeat; 
margin: 5px 8px 0 0;
height: 37px;
}


#ctl00_search:focus{
border: 0;
}


#ctl00_search{
border: 0;
height: 16px;
width: 230px;
margin: 11px 0 0 56px;
float: left;
}

.nav{   
width: 980px;
height: 46px;
float: left;
text-transform: uppercase;
}

.navinner{
float: none;
width: 967px;
height: 36px;
margin: 5px 0 0 7px;
}


.navimgleft{
background: url(../Images/top_nav_left.gif) no-repeat;
width: 9px;
height: 36px;
float: left;
}

.navimgmid{
background: url(../Images/top_nav_middle.gif) repeat-x;
width: 948px;
height: 36px;
float: left;
white-space: nowrap;
overflow: visible;
}

.navimgright{
background: url(../Images/top_nav_right.gif) no-repeat;
width: 10px;
height: 36px;
float: left;
}

.nav ul{
margin: 0;
padding: 0;
white-space: nowrap;
}

.nav ul li
{
list-style-type: none;
display: inline;
white-space: nowrap;
}

.nav li a
{
display: block;
float: left;
color: #fff;
text-decoration: none;
padding: 13px 18px 10px 18px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}

.nav li a:hover {
background-color: #196A3C;
}

.nav li.leftnav {
list-style-type: none;
display: inline;
}

.nav li.leftnav a:hover {
background: url(../Images/navleft.gif) no-repeat;
padding-left: 26px;
margin-left: -8px;
}

.navphone
{
float: left;
margin-left: 16px;
color: #fff;
font-size: 20px;
padding-top: 6px;
font-family: Arial;
font-size: 21px;
font-weight: bold;
margin-top: 2px;
}

/* Menu */
#navigation{
line-height: 0;
padding-left: 3px;
margin-top: 3px;
}

#navigation li
{    
    margin: 0;
    padding: 0;
    outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    list-style: none;
    }
#navigation ul
{    
    list-style: none;
    margin: 0;
    padding: 0;
    outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    }




.head{
cursor: pointer;
margin:0 0 0 190px;
padding:0;
width: 30px; 
height: 30px;
display: block;
background: transparent url(../Images/menusprite.png) no-repeat;
background-position: right;
}

.hiddenlink{
cursor: pointer;
width: 191px;
height: 30px;
float: left;
background: transparent url(../Images/menusprite.png) no-repeat;
text-indent: 20px;
color: #fff;
line-height: 30px;
}


#navigation li li a:hover {
	color: #000;
	background-color: #e7e7e7;
}
#navigation li li
{   
    margin: 0;
    padding: 0;
    list-style: none;
text-indent: 14px;
	color: #000;
	line-height: 14px;
}

#navigation li li a {
	width: 214px;
	padding: 3px;
	font-weight:bold;
	color:#0e6233;
	display:block;
	text-indent:10px;
	text-decoration: none;
	outline: 0;
}



#nav1 span.head {background-position: -190px 0px;}
#nav2 span.head {background-position: 0 -31px;}
#nav3 span.head {background-position: 0 -62px;}
#nav4 span.head {background-position: 0 -93px;}
#nav5 span.head {background-position: 0 -124px;}
#nav6 span.head {background-position: 0 -155px;}
#nav7 span.head {background-position: -62px -31px;}
#nav8 span.head {background-position: -62px -62px;}
#nav9 span.head {background-position: -62px -93px;}
#nav10 span.head {background-position: -62px -124px;}
#nav11 span.head {background-position: -62px -155px;}
#nav12 span.head {background-position: -124px -31px;}
#nav13 span.head {background-position: -124px -62px;}
#nav14 span.head {background-position: -124px -93px;}
#nav15 span.head {background-position: -124px -124px;}
#nav16 span.head {background-position: -124px -155px;}

#nav1 span.selected {background-position: -188px -31px;}
#nav2 span.selected {background-position: -32px -31px;}
#nav3 span.selected {background-position: -32px -62px;}
#nav4 span.selected {background-position: -32px -93px;}
#nav5 span.selected {background-position: -32px -124px;}
#nav6 span.selected {background-position: -32px -155px;}
#nav7 span.selected {background-position: -94px -31px;}
#nav8 span.selected {background-position: -94px -62px;}
#nav9 span.selected {background-position: -94px -93px;}
#nav10 span.selected {background-position: -94px -124px;}
#nav11 span.selected {background-position: -94px -155px;}
#nav12 span.selected {background-position: -156px -31px;}
#nav13 span.selected {background-position: -156px -62px;}
#nav14 span.selected {background-position: -156px -93px;}
#nav15 span.selected {background-position: -156px -124px;}
#nav16 span.selected {background-position: -156px -155px;}


/* */ 

.col1{
width: 230px;
min-height: 700px;
float: left;
overflow: visible;
}

.col2{
width: 570px;
min-height: 700px;
float: left;
} 

.col3{
width: 180px;
min-height: 700px;
float: left;
}

.left_nav{
background: #f4f4f4;
border: 1px solid #cccccc;
min-height: 453px;
width: 226px;
margin-left: 3px;
float: left;
overflow: visible;
font: 11px Arial;
color: black;
}

.leftad{
background: #f4f4f4;
border: 1px solid #cccccc;
height: 314px;
width: 226px;
margin: 3px 0 0 3px;
float: left;		
}

.titlebox1{
width: 220px;
height: 31px;
margin: 3px 0 0 3px;
float: left;
}

.titlebox2{
width: 170px;
height: 31px;
margin: 3px 0 0 3px;
float: left;
}

.titleleft{
background: url(../Images/side_nav_left.gif) no-repeat;
width: 4px;
height: 31px;
float: left;
}

.titlemid{
background: url(../Images/side_nav_middle.gif) repeat-x;
width: 212px;
height: 31px;
float: left;
}

.titlemid2{
background: url(../Images/side_nav_middle.gif) repeat-x;
width: 162px;
height: 31px;
float: left;
}

.titleright{
background: url(../Images/side_nav_right.gif) no-repeat;
width: 4px;
height: 31px;
float: left;
}

.adimage{
width: 216px;
height: 200px;
margin: 4px 0 0 4px;
background-color: #fff;
border: 1px solid #bfbfbf;
float: left;
}

.featuredbot{
background: #eaeaea;
width: 226px;
height: 25px;
float: left;
}

.featback{
width: 226px;
min-height: 55px;
float: left;
}

.col2content{
background: #fff;
width: 560px;
min-height: 700px; 
margin: 0 0 0 5px;
float: left;
line-height: 16px;
}

.rightbox1{
background: #f4f4f4;
border: 1px solid #cccccc;
min-height: 259px;
width: 175px;
margin: 0;
float: left;	
}

.accountback{
width: 175px;
min-height: 120px;
float: left;    
}

.loginouter{
margin-top: 4px;
margin-right: 10px;
height: 19px;
float: right;
}

#username, #password, #email{
border: 1px solid #cac6c6;
height: 15px;
width: 159px;
padding-left: 10px;
margin: 3px 0 0 7px;
background: #FFF;
float: left;    
}

.pswouter{
width: 108px;
height: 19px;
margin: 5px 0 0 63px;
float: left;
}

.gogreen{
width: 16px;
height: 16px;
margin: 0 0 0 2px;
float: left;
}

a.lnkLogin{
background:url(../Images/but_green_go.gif) no-repeat;
color: #003781;
text-decoration: none; 
font-weight: normal; 
background-position: right;
display: block;
width: 45px;
padding-top: 6px;
margin-left: 5px;
margin-top: -5px;
font-size: 11px !important;
height: 18px;
font-family: "Arial";
}

a.lnkEmail{
background:url(../Images/but_blue_go.gif) left center no-repeat;
color: #003781;
text-decoration: none; 
font-weight: normal; 
background-position: right;
width: 95px;
display: block;
padding-top: 9px;
margin-left: 10px;
margin-top: -8px;
font-size: 11px !important;
height: 18px;
font-family: "Arial";
}

#errorbox
{
    display:none;
}

.blueline{
background: url(../Images/blue_line_small.gif) no-repeat;
width: 175px;
height: 1px;
margin-top: 4px;
float: left;    
}


.mapukback{
width: 175px;
height: 214px;
float: left;
}

.mapukbackbot{
background: #eaeaea;
width: 175px;
height: 25px;
float: left;
}

.mapuk{
background: url(../Images/mapuk.gif) no-repeat;
width: 144px;
height: 174px;
margin: 19px 0 0 17px;
float: left;
}

.mapuktext{
margin: 9px 0 0 0 !important;
padding: 0 !important;
}

.mapuktext a{
white-space: nowrap;
font-size: 11px;
color: #0e6233;
margin: 0;
padding: 0;
}

.spancenter{
width: 175px;
text-align: center;
display: block;
}


.mapuktext a:hover{
color: #000;
}


.rightbox2{
background: #f4f4f4;
border: 1px solid #cccccc;
height: 273px;
width: 175px;
margin: 3px 0 0 0;
float: left;	
}

.rightbox3{
background: #f4f4f4;
border: 1px solid #cccccc;
height: 263px;
width: 175px;
margin: 3px 0 0 0;
float: left;	
}

.addrback{
width: 175px;
height: 204px ;
float: left;	
}

.greenline{
background: url(../Images/green_line_small.gif) no-repeat;
width: 175px;
height: 1px;
margin-top: 12px;
float: left;
}
.footer{
height: 101px;
width: 980px;
margin-top: 3px;
margin-bottom: 3px;
float: left;
font-size: 12px;
}

.footerouter{
background: #f4f4f4;
border: 1px solid #cccccc;
width: 972px;
height: 99px;
margin-left: 3px;
float: left;
}


.titletext2{
margin: 10px 0 0 41px;
}

.titletext3{
margin: 10px 0 0 33px;
}

.titletext4{
margin: 10px 0 0 30px;
}

.addrtext1{
font-size: 11px;
color: #000;
margin: 12px 0 0 36px;
}

.addrtext2{
font-size: 11px;
color: #0e6233;
margin: 10px 0 0 49px;
}

.addrtext3{
font-size: 11px;
color: #000;
margin: 15px 0 0 43px;
}

.addrtext4 a{
font-size: 11px;
color: #0e6233;
}

.addrtext4 a:hover{
color: #000;
}

.feattext1 a{
font-size: 11px;
color: #0e6233;
padding-left: 1px;
}

.feattext1 a:hover{
color: #000;
}

.mapuktext{
font-size: 11px;
color: #0e6233;
margin: 8px 0 0 9px;
}

.accounttext1{
font-weight:  normal;	
color: #196a3c;
margin: 9px 0 0 15px;	
}

.accounttext2{
font-weight: normal;	
color: #196a3c;
margin: 0;	
}

.accounttext2blue{
font-size: 11px;
font-weight: normal;	
color: #003781;
margin: 0;	
}

.accounttext2green a{
font-size: 12px;
font-weight: normal;	
color: #196a3c;
margin: 0;	
}
.accounttext2green a:hover{
color: #000;
}

.accounttext3 a{
white-space: nowrap;
font-size: 11px;
color: #0e6233;
}

.accounttext3 a:hover{
color: #000;
}

.accounttext4{
font-size: 11px;
font-weight: normal;	
color: #003781;
margin: 4px 0 0 26px;		
}

.accounttext5{
font-size: 11px;
font-weight: normal;	
color: #003781;
margin: 4px 0 0 19px;		
}

.headertext{
color: #4e4e4e;
margin: 0 9px 0 0;
float: right;
}

.footertext{
font-size: 11px;
font-weight: normal;	
text-align:center;
color: #000;
padding: 0 30px;
margin: 15px 0 0 0px;
}



.footertext2{
font-size: 10px;
font-weight: normal;	
color: #000;
margin-top: 20px;
padding-right: 44px;
text-align: center;
}

.lnavtext{
font-size: 11px;
font-weight: normal;	
color: #FFF;
padding: 9px 12px 3px 7px;
margin: 0;
}

.lnavtextin{
font-size: 11px;
font-weight: normal;	
color: #000;
padding: 0 0 0 7px;
margin: 0;
float: none;
}

.feattextmain{
font-size: 12px;
font-weight: normal;	
color: #010101;
line-height: 20px;
width: 212px;
margin: 6px 6px 0 6px;
text-align: center;
}

.FloatLeft{
    float: left;
    width: 33%;
    padding-right: 10px;
    font-family: Arial;
	font-size: 12px;
}     


/* Data Web Control Styles */

.DataWebControlStyle{
    font-size: 90%;
}

.HeaderStyle{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.HeaderStyle a, .HeaderStyle a:visited{
    color: White;
}

.FooterStyle{
    background-color: #a33;
    color: White;
    text-align: right;
}

.AlternatingRowStyle{
    background-color: #fcc;
}

.RowStyle{
}

.SelectedRowStyle{
    background-color: Yellow;
}

.PagerRowStyle{
    background-color: #ddd;
    text-align: right;
}

.SortHeaderRowStyle{
    background-color: #c00;
    text-align: left;
    font-weight: bold;
    color: White;
}

#Col2 .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}  

/* Grid View - start */
.mGrid {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;   
    font-family: Arial;
	font-size: 12px; 
}   
.mGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mGrid th {    
    padding: 4px 2px;    
    color: #fff;    
    background: #424242 url(../Images/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;    
}   
.mGrid .alt { background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; }   
.mGrid .pgr { background: #424242 url(../Images/grd_pgr.png) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }      
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  
/* Grid View - end */

.mGrid2 {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;   
    font-family: Arial;
	font-size: 12px; 
}   
.mGrid2 td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   

.default 
{
	font-family: Arial;
	background-color: #348058;
	font-size: 12px;
}
	
.default .pgr a { color: #666; text-decoration: none; }   
.default .pgr a:hover { color: #000; text-decoration: none; }  


/* new format */
.maintitle
{
width: 100%; /*535px;*/
height: 31px;
margin: 5px 0 10px 0;   
/* margin: 3px 0 0 3px; */
float: left;
background-color: #348058;
}

.titletextx{
font-family: Arial;
font-size: 12px;
font-weight: bold;	
color: #FFF;
margin: 8px 0 0 51px;
float: left;
}

.titletextx{
float: left;
margin: 8px 0 0 41px;
width: 470px;
}

.titletextx a{
text-align: left;
color: #fff;
padding: 7px;
text-decoration: none;

}

.titletextx a:hover{
text-decoration: underline;
}

.titletextx strong{
float:right;
}

.mGreen {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #348058;    
    border-collapse:collapse;   
    font-family: Arial;
	font-size: 12px; 
	
}   
.mGreen td   
{
	/*  
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;   
*/
    padding: 10px 10px 10px 10px;
border: 1px solid #cbcbcb;
font-family: Tahoma;
font-size: 11px; 
}   
.mGreen th {    
    padding: 4px 2px;    
    background-color:#348058;    
/*    background: #424242 url(../Images/grd_head.png) repeat-x top;    */
    border-left: solid 1px #525252;    
    font-size: 0.9em; 
    font-size: 11px;
  color: white;
  border: 1px solid #cbcbcb;

}   
.mGreen .alt { background: #348058 ; }   
.mGreen .pgr { background: #348058 ; }   
.mGreen .pgr table { margin: 5px 0; }   
.mGreen .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
 }     
 
.mGreen a {text-decoration: none; color: #000;  }
 
.mGreen .pgr a { text-decoration: none; }   
.mGreen .pgr a:hover { color: #000; text-decoration: none; }

.image1 {
margin: 10px;
padding: 15px;
border: 1px solid #235e8c; 
float: left;
}

.mGreen2 {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 10px 0;    
    border: solid 1px #348058;    
    border-collapse:collapse;   
    font-family: Arial;
	font-size: 12px; 
	
}

/* products */
h2#itemtitle{
font-size: 14px;
font-family: "Tahoma", sans-serif;
color: #fff;
background-color: #348058;
padding: 5px;
width: 530px;
margin: 6px 0 10px 10px;
text-indent: 15px;
}


#tablewrapper{
margin: 10px 8px 10px 14px;
}

.brandrow
{
    height: 30px;
}

.brandtable
{ width: 560px;
}

.searchbrand a
{
    font-size: 14px;
    }
    
.searchhead
{
    margin: 15px 0 5px 5px;
}

.searchbrand {
padding-left: 30px;
}


#TableBrands
{
    margin: 10px 0 0 20px;
}

.brandcell {
width: 130px;
height: 120px;
padding: 5px 0;
}

.brandcell a
{
font-family: "Tahoma", sans-serif;
font-size: 10px;
display: block;
width: 114px;
min-height: 100px;
text-decoration: none;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom: 10px;
}

.brandcell a:hover
{
background-color: #e7e7e7;
}

.brandcell a img
{
z-index: -1;
width: 80px;
height: 80px;
margin:8px 5px 8px 5px;
background-color: #fff;
padding: 0 10px; 
border: 0;
text-decoration: none;
}


.itemcell {
width: 191px;
height: 159px;
padding: 5px 0;
}

.itemcell a
{
font-family: "Tahoma", sans-serif;
font-size: 10px;
display: block;
width: 160px;
min-height: 144px;
text-decoration: none;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-bottom: 10px;
}

.itemcell a:hover
{
background-color: #e7e7e7;
}

.itemcell a img
{
z-index: -1;
width: 120px;
height: 120px;
margin:7px 0 8px 0;
background-color: #fff;
padding: 0 14px; 
border: 0;
text-decoration: none;
}


#itemname
{
z-index: 999;
font-size: 11px;
font-family: "Tahoma", sans-serif;
text-align: center;
width: 171px;
text-decoration: none;
padding: 0;
margin: 0;
}

#itemname:hover
{
color: #000;
}

/* 'next page' on Products page */
#pagelinks{
float: right;
margin-right: 5px;
}

#pagelinks span a{
padding: 6px 10px 0 10px;
float: left;
text-align: center;
height: 23px;
padding-top: 6px;
color: #fff;
margin-top: 1px;
}


#pagelinks span a:hover{
background-color: #235e8c;
}

.stronglink{
color: #000;
float: left;
margin-top: 7px;
margin-right: 10px;
margin-left: 10px;
}



/* breadcrumb */


/* */

#frontcontent{
border: 1px solid #e6e6e6;
padding: 25px 0 30px 0;
}


#frontcontent h2{
margin-bottom: 10px;
margin-left: 20px; 
font-size: 20px; 
font-weight: normal;
}

#frontcontent p{
margin: 0 20px; 
font-size: 13px; 
color: #0e6233;
}

#areaselect h3{
margin-top: 10px; margin-bottom: 10px;margin-left: 17px; font-size: 20px; font-weight: normal;
}

#areaselect strong{
font-size: 10px; font-weight: normal; margin-left: 5px; color: #0e6233;
}

#tooltip {
position: absolute;
z-index: 3000;
background: #003366;
padding: 5px;
color: #fff;
}

#tooltip h3, #tooltip div { margin: 0; }

.greennavleft
{
background: url(../Images/greenleft.gif) no-repeat;
width: 4px;
height: 31px;
float: left;
}

.greennavmid
{
background: url(../Images/greennavmid.gif) repeat-x;
width: 552px;
height: 31px;
float: left;
}

.maintitle span
{
background: url(../Images/backarrow.png) no-repeat;
background-position: bottom left;
float: right;
color: #fff;
font-size: 14px;
padding-top: 7px;
margin-right: 25px;
padding-left: 20px;
}
.prodcattitle span{
background: url(../Images/backarrow.png) no-repeat;
background-position: bottom left;
float: right;
color: #fff;
font-size: 14px;
padding-top: 7px;
margin-right: 7px;
padding-left: 20px;
}

.prodtitleclass
{
color: #fff;
padding:2px 0 0 0;
margin:1px 0;
font-size: 15px;
text-indent: 8px;
float: left !important;
background: none !important;
font-weight: bold;
}

.greennavright

{
background: url(../Images/greenright.gif) no-repeat;
width: 4px;
height: 31px;
float: left;
}

.ProdCat{
color: #fff;
padding:2px 0 0 0;
margin:1px 0;
font-size: 15px;
text-indent: 8px;
float: left !important;
background: none !important;
font-weight: bold;
}

.h1class
{
	/*
margin-top: 14px;
height: 20px;
width: 150px;
*/
font-size: 16px;
/* float: left; */
color: #235e8c;
font-family: tahoma;
}

.pclass 
{
	/*
	height: 165px;
margin-left: 4px;
margin-top: 5px;
width: 220px;
float: left;
*/
font-family: Tahoma;
font-size: 12px;
text-align: left;
}

.accounttext3{
margin: 9px 0 0 0;
}


.accounttext3 p{
width: 176px;
text-align: center;
}

.addrtext4{
margin: 9px 0 0 0;
}


.addrtext4 p{
width: 176px;
text-align: center;
}

#ctl00_EmailTextBox{
color: #666;
}

@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}

/* breadcrumb */
#ctl00_SiteMapPath1_SkipLink{display: none;}

.breadcrumbs{margin: 5px 0; width: 675px; display:block; height: 30px;}

.breadcrumbs span{float:left;height: 29px;font-size: 11px;}

.rootcrumb{
position: relative;
background: transparent url(../Images/breadcrumbsprite.png) no-repeat;
z-index: 100;
width: 50px;
margin-right: -15px;
}

.rootcrumb:hover{background-position: -50px 0px; cursor: pointer;}

.parentcrumb
{
position: relative;
z-index: 90;
margin-right: -15px;
background:url(../Images/breadcrumbsprite.png) no-repeat;
background-position: 100% -29px;
}

.parentcrumb:hover{cursor:pointer;}

.breadcrumbs p{
padding: 6px 20px 0 20px;
}

.breadcrumbs span.current{
background:url(../Images/crumbcurrent.png) no-repeat 100% 0;
width: 200px;
}

.breadcrumbs span.current p{
padding: 6px 20px 0 20px;
}


/* */

.mGreen tr:hover{
background-color: #e4e9f7;
cursor: pointer;
}

.mGreenx tr:hover{
background-color: #fff !important;
cursor: auto !important;
}

.pgr:hover{
background-color: #348058 !important;
cursor: default !important;
}

.pgr td table tr td{
border: 0 !important;
}

.pgr td table tr:hover{
background-color: #348058 !important;
}

/* */
.otherpage p{
width: 520px;
margin: 0 auto 10px auto;
font-size:13px;
line-height: 19px;
}

.otherpage blockquote{
font-size:14px;
font-style:italic;
line-height:16px;
margin:5px 16px !important;
padding:10px 40px;
width:440px;
}

.otherpage table{
font-size: 13px;
margin-left: 20px;
}

.otherpage table td{
text-align: center;
vertical-align: middle;
}
.otherpage table td input{
margin: 5px 15px;
width: 140px;
}

.otherpage table td input:focus{
border: 1px solid #000;
background-color: #ececec;
}


.otherpage table td textarea{
border: 1px solid #348058;
margin: 5px 0;
padding: 5px 10px;
width: 400px;
min-height: 100px;
}

.otherpage table td textarea:focus{
border: 1px solid #000;
background-color: #ececec;
}

.formbuttons input{
float: right;
width: 80px;
margin: 5px 48px 0 -20px !important;
background-color: #ececec;
}
.formbuttons2 input{
width: 80px;
background-color: #ececec;
}
.formbuttons2{
text-align: center;
width: 570px;
}

.otherpage input{
padding: 5px 15px;
border: 1px solid #348058;
}

/* */
.prodleft{float:left;}
.prodbrand{text-align: center; margin: 270px 0 0 86px; -moz-border-radius: 15px;-webkit-border-radius:15px;border:1px solid #ccc; width: 100px; min-height:120px;}
.prodbrand:hover{border:1px solid #666;}
.prodright{padding: 5px; float: right; width: 240px;}
.prodtable{font-size: 11px;}
.stock{width: 200px;font-size: 16px;color: #0E6233;}
.stock strong{font-weight: bold; font-size: 16px;}
.partno{font-size:14px;font-weight:bold;}
.partno strong{font-weight:normal;color: #336699;}
.tradeprice{font-weight:bold;}
.tradeprice strong{font-size: 16px;color: #336699;font-weight:normal;}
.prodquantity{border: none; width: 67px; height: 15px; float:left; background:url(../Images/quantity.png) no-repeat; margin: 0; padding: 7px 10px; vertical-align: top;}
.addtocart{border: none; width: 67px; float:left; height: 15px; background:url(../Images/addtobasket.png) no-repeat; margin: 0 0 0 5px; padding: 7px 10px; vertical-align: top;}
.rrp{font-size: 16px;color: #237b4f;}


/* Map */

#mapsearch input{
margin-right: 5px;
}

#mapsearch select{
margin-right: 5px;
}

#mapsearch{
width: 575px;
text-align: center;
font-size: 11px;
margin: 10px 0;
}

#maplocations{
margin: 0 !important;
padding: 0 5px;
font-size: 11px;
}
#mapmap{
}

.styledbtn{
background-color: #ececec;
border: 1px solid #348058;
}

#TableBrandsHead{  
    width: 575px;
    margin: 30px 0;
    padding: 0 0 10px 0;
}

#TableBrandsHead td{ 
    border-bottom: 1px solid #e4f0f6;
    padding: 0px 10px 0px 20px;
}
  
#TableBrandsHead td a{
    float:left;  
    font-size: 18px;
}   

#TableBrandsHead span{
    float: right;
}


.brandsnav
{
    background-color: #e4f0f6;
    width: 22px;
    height: 22px;
    margin: 3px 3px 0 0;
    padding-top: 5px;
    text-align: center;
    float: left;
    color: #0060b4;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.brandsnav:hover
{
    background-color: #0060b4;
    color: #e4f0f6;
}

.brandsnavdiv{
margin-left: 6px;
margin-top: 5px;
}


.advertsclass
{
    height: 254px !important;
    display: block;
}

.registertable{
text-align: left;
}
.registertable tr td{
text-align: left;
}

.registertable tr td{
font-size: 14px;
padding: 5px;
}


.registertable tr td input{
width: 100px;
}

.registertable tr{
text-align: left;
}

.filterresults{
margin: 0 20px;
}s

.option{
width: 130px;
font-size: 11px;

}

.newspage
{
  width: 500px;
  margin: 0 auto;
  display: block;
  font-size: 14px;
}

newspage h2
{margin: 10px 0;
    font-size: 18px;
}

newspage h3{font-size: 16px; margin: 10px 0; }

newspage p{margin: 10px 0; line-height: 22px;}

.registertable{
text-align: left;
}
.registertable tr td{
text-align: left;
}

.registertable tr td{
font-size: 14px;
padding: 5px;
}


.registertable tr td input{
width: 100px;
}

.registertable tr{
text-align: left;
}


.FFbutton 
{
    display:none;
} 
/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; }

* html .ui-autocomplete { width:1px; } 

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	overflow: auto;
}
.ui-menu .ui-menu-item {
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	padding: 9px 0 0 5px;
	display:block;
	height: 20px;}
.ui-menu .ui-menu-item a:hover {
	cursor: pointer;
	background-color: #e4f0f6;
}

.stockimage	
{
	float:left;
	width: 22px;
}

.stockamt
{
	float:left;
margin-top: 4px;
margin-left: 4px;	
}

.itempdf
{
	font-size: 12px;
	float:left; /* right */
	margin-right: 85px;
	margin-left: 15px;
	
}