/**********/
/* reset */
/********/
html{color:#000;background:#FFF;}
font, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/* li{list-style:none;} */
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/************/
/* generic */
/**********/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.m_0 { margin: 0; }
.p_3 { padding: 3px; }
.pt_3 { padding-top: 3px; }
.p_10 { padding: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_40 { padding-bottom: 40px; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }
.ml_20 { margin-left: 20px; }
.ml_250 { margin-left: 250px; }
.mr_20 { margin-right: 20px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_50 { margin-bottom: 50px; }
.w_half { width: 50%; }
.red { color: #FF3333; }
.green { color: #339933; }




/***********/
/* global */
/*********/
a{
	outline: none;	
	text-decoration: none;	
}

h1, 
h2, 
ul{
	font-family: Arial,Verdana,  Helvetica, sans-serif;
}

h3, 
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, label, ul, ol, a, form, blockquote{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #58585a;
}

strong,
a{
	color: #58585a;
	font-weight: bold;
}


/******************/
/* ccol forms */
/****************/

#cCol form input.text:focus,
#cCol form input.qty:focus, 
#cCol form textarea:focus{
	border:1px #82d1f7 solid;
	color:#666;
}

#cCol form input.text:hover, 
#cCol form input.qty:hover,
#cCol form textarea:hover{
	border:1px #CCC solid;
}

#cCol form label{
	display:block;
}
/*
#cCol form button:hover {
	cursor:pointer;	
}

#cCol form label{
	display:block;
}

#cCol form p {
	margin-bottom: 10px;
}

#cCol form input, 
#cCol form textarea{
	
	border:1px #999 solid;
	color:#666666;
	padding: 4px 5px;
	background-color: #F3F3F3;
	margin-bottom:5px;
}

#cCol form.main input.text,
#cCol form.main textarea{
	width:90%;
}

#cCol form input.button{
	margin-right:8px;
	padding:3px 5px;
	font:10px Arial,san-serif;
	background-color: #FFFFFF;
	}
	
*/


/******************/
/* Site specific */
/****************/
html,body{
	background-color: #cae1ec;
	text-align:center;
}

#wrapper{
	position:relative;
	margin:auto;
	width:805px;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-y;
}
 

#header{
	background-image: url(../images/heada.jpg);
	height: 91px;
	overflow:hidden;
	margin-bottom:25px;
}

#header h1, 
#header h2, 
#header h3, 
#header h4,
#header p,
#header a,
#header form,
#header strong{
	color: #ffffff;
}
 
 
#header #subscribe{
	float:right;
	display:inline;
	margin-right:28px;
	padding-top:26px;
}

#header #subscribe ul{
	text-align:right;
	padding-top:4px;
}
	
#header #subscribe li{
	display:inline;
	padding-left:11px;
}

#header #subscribe li a#sub{
	background-color:#939598;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}


#search{
	float:right;	
	margin-right:28px;
	display:inline; /* IE Double Margin Float Bug Fix */
	padding-top:11px;
}

#search form input.text{
	height:12px;
	margin-bottom:2px;
	font-size:10px;
	width:120px;
	color:#666666;
	margin-left:1px;
	float:left;
}

#search form button{
	border:none;
	height:16px;
	width:16px;
	font-size: 16px;
	background-image:url(../images/go-button.gif);
	background-color: #FFFFFF;
	
	margin-bottom:2px;
	margin-left:2px;
}

form button:hover {
	cursor:pointer;	
}



  /**************/
 /* Menu stuff */
/**************/
#menu-bg{ /* blame ie6*/
	position:absolute;
	height:24px;	
	width:755px;
	
	left:25px;
	top:96px;
	
	background-image: url(../images/menu2.gif);
	background-repeat: no-repeat;
  	background-position: 0px bottom;
}
#main-nav{
	position:absolute;
	height:24px;	
	width:755px;
	
	left:25px;
	top:96px;
} 

#main-nav ul{
	list-style-type: none;

}

#main-nav li a{
	height: 24px;
	position: absolute;
	background-image: url(../images/menu2.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	top:  0px;
	width: 89px;	
}   

#main-nav li a span{
	display:none;

}


#main-nav li#m1 a{
		background-position: 0px 0px;		

	left: 0px;
}
#main-nav li#m1 .selected,
#main-nav li#m1 a:hover{	
  	background-position: 0px bottom;
}


#main-nav li#m2 a{
	background-position: -89px 0px;		
	left: 89px;	
	width: 87px;	
}
#main-nav li#m2 .selected,
#main-nav li#m2 a:hover{	

	  	background-position: -89px bottom;
}


#main-nav li#m3  a{
  	background-position: -176px 0px;		

	left: 176px;
	width: 90px;	
}
#main-nav li#m3 .selected,
#main-nav li#m3  a:hover{	
  	background-position: -176px bottom;
}


#main-nav li#m4  a{
	background-position: -266px 0px;		
	left: 266px;
	width: 87px;
}
#main-nav li#m4 .selected,
#main-nav li#m4 a:hover{		
  	background-position: -266px bottom;
}


#main-nav li#m5  a{
	background-position: -353px 0px;		

	left: 353px;
	width: 90px;
}
#main-nav li#m5 .selected,
#main-nav li#m5 a:hover{		
  	background-position: -353px bottom;
}


#main-nav li#shop a{
  	background-position: -453px bottom;
	left: 453px;
	width:40px;
}

#main-nav li#dphone p{
	
	position:absolute;
	right: 0px;
	top:6px;
	height:20px;
	width:100px;
	
	
	color:#FFFFFF;
	font-weight:bold;
}




  /********/
 /* main */
/********/
#main{
	margin-top:30px;
	text-align:left;
}

#main p{
}

#main #title{
}

#main h1, 
#main h2, 
#main h3, 
#main h4{
	font-weight: bold;
	color: #58585a;
}
 
#main  h1{
	font-size: 14px;
	padding-bottom:11px;	
}

#main h2{
	font-size: 12px;
	padding-bottom:11px;
	font-weight:bold;
}

#main h3{
	font-size: 10px;
	padding-bottom:11px;
	font-weight:bold;
}




#lCol{
	width:170px;
	margin-left: 25px;
	margin-top:14px;

	float:left;
	display:inline;
}

#lCol a.pack:hover{
    color: #330033;
}
#lCol a#pack-selected{
    color: #330033;
}

#lCol a.indus:hover{
    color: #ffe80a;
}
#lCol a#indus-selected{
    color: #ffe80a;
}

#lCol a.paint:hover {
    color: #33CC99;
}
#lCol a#paint-selected{
    color: #33CC99;
}

#lCol a.safety:hover {
    color: #ee2d2a;
}
#lCol a#safety-selected{
    color: #ee2d2a;
}

#lCol a.paint:hover {
    color: #119775;
}
#lCol a#paint-selected{
    color: #119775;
}

#lCol a.pack {
    color: #FFFFFF;
}

#lCol a.indus {
    color: #FFFFFF;
}

#lCol a.paint {
    color: #FFFFFF;
}

#lCol a.safety {
    color: #FFFFFF;
}





#lCol ul#side-nav,
#lCol #side-nav-bot{
	width:174px;
	background-image:url(../images/side-nav2.gif);
	list-style:none;
}

#lCol #side-nav-bot{
	background-position:bottom;
	height:10px;	
	margin-bottom:10px;
}

#lCol ul#side-nav li{
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	
	margin-left:10px;
	margin-right:10px;
	border-bottom-color:#858687;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#lCol ul#side-nav li#last{
	border:none;
	padding-bottom:0px;
}

#lCol ul#side-nav li a{

	/*color:#FFFFFF;*/
	text-align:center;
	font-weight:normal;
	font-size:14px; 
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	text-transform: uppercase;
}




#lCol ul#side-nav li a:hover{
	/*color:#e5e5e5;*/
}

#lCol .colBox{
	width:174px;
	background-image:url(../images/side-nav2.gif);
	background-position:bottom;
	margin-bottom:10px;
}



#lCol .colBox.yellow{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ffed38;
}

#lCol .colBox.yellow a{
	color:#ffed38 !important;
}

#lCol .colBox.red{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ee2931;
}

#lCol .colBox.red a{
	color:#ee2931 !important;
}

#lCol .colBox.purple{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #844c9f;
}

#lCol .colBox.purple a{
	color:#844c9f !important;
}

#lCol .colBox.green{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #04b187;
}

#lCol .colBox.green a{
	color:#0e8e6f !important;
}

#lCol .colBox.cart{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #043064;
	margin-bottom:10px;
}

#lCol .colBox.contact{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #043064;
	margin-bottom:0px;
}



#lCol .colBox h2{
	color:#FFFFFF;
	font-size:16px;
	font-style:italic;
	
	text-align:center;
	padding:5px;
	padding-bottom:0px;
	padding-top:2px;
	text-transform: uppercase;
	
}

#lCol .colBox.contact h3{
	text-align:left;
	padding:5px;
	padding-bottom:0px;
	padding-top:2px;	
}

#lCol .colBox p{
	color:#1a171b;
	font-size:10px;		
	padding:5px;
}

#lCol .colBox a{
	color:#022f63;
}

#lCol .colBox a:hover{
	color:#1a63b8;
}


#lCol p,
#lCol form,
#lCol h3{
	padding-left:11px;
}


#lCol .contact h3{
	color:#ffffff;	
}



#lCol h3{
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom:6px;
}

#lCol p{
	font-size: 10px;
	color: #F4F4F4;
}

#lCol #contact a{	
	font-size: 9px;
	color: #F4F4F4;
}



#cCol{
	width:550px;
	float:right;
	display:inline;
	margin-right:35px;
	margin-top:15px;
	padding-bottom:115px;
}

#cCol.home{
	margin-top:0px !important;
}

#specials,
#specials-bot{
	width:568px;
	
	background-image:url(../images/specials/specials.gif);
	background-repeat:no-repeat;
	
	padding-top:30px;
	margin-right:35px;
	float:right;
	display:inline;
}

#specials-bot{
	background-position:bottom;
	height:15px;
	padding-top:0px; 
	margin-bottom:30px;
}


#specials h3{
	padding:0px;
	color:#ed1c24;
}

#specials #promo{

}

#specials #promo{
	float:left;
	width:150px;
	padding-top:85px;
	padding-left:45px;
}

#specials .special{
	float:right;
	width:115px;
}

#specials .special p{
	padding-right:10px;
}


#cCol table{
	background-color:#e9e9e9;
}



#cCol table td{	
	border-color:#FFFFFF;
	border-style:solid;
	border-width:3px;	
}


#cCol table{
	text-align: center;
	color: #fff;
	width: 400px;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom:20px;
}

#cCol table td{
	background-color: #CCC;
	color: #000;
	padding: 4px;

	border: 1px #fff solid;
}

#cCol table th{
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-weight: bold;
} 


#print table{
	background-color: #FFFFFF;
	text-align: right;
}
#print table td{
	background-color: #FFFFFF;
}

#cCol .products{
	clear:both;	
	margin-bottom:10px;
}

#cCol .products p{
	padding-bottom:4px;
}

#cCol .products .lItem{
	float:left;
	width:50%;
	
	background-image:url(../images/bg-split.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin-bottom:15px;
}

#cCol .products .rItem{
	float:right;
	width:50%;
	margin-bottom:15px;
}

#cCol .products img,
#cCol .products img{
	float:left;
	margin-left:10px;
}

#cCol .products p,
#cCol .products h3,
#cCol .products ol,
#cCol .products ul{
	padding-left:140px;
	padding-right:10px;
		list-style:inside;
}


#cCol .products form input{
	height:12px;
	margin-bottom:2px;
	margin-top:2px;
	font-size:10px;
	width:20px;
	color:#666666;
	margin-left:1px;
	border:1px #999 solid;
}

#cCol .products form button{
	border:none;
	height:16px;
	width:74px;
	font-size: 16px;
	background-image:url(../images/add-to-cart.gif);
	background-color:#FFFFFF;
	display:block;  
}

  



#cCol p,
#cCol ul,
#cCol li{
	padding-bottom:4px;
	font-size:10px;
}

#cCol ul,
#cCol ol{
	padding-left:28px;
	padding-right:11px;
}

#cCol ul li{
	list-style-image:url(../images/bullet2.gif);
}

#cCol img.right {
	float: right;
	margin: 0 0 20px 10px;
	}
	
#cCol img.left{
	float: left;
	margin: 0px 10px 20px 0;
	}
	


#cCol #paging{
	padding:5px;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	text-align:right;
}

#cCol #paging a{
	padding:4px 7px 4px 7px;
	margin:0px 2px 7px 2px;
	border:1px solid #083165;
	background:#FFFFFF;
	color:#083165;
	text-decoration:none;
}


#cCol #paging a:hover{
	border:1px solid #083568;
	background:#083568;
	color:#FFFFFF;
	text-decoration:none;
}

#cCol #logos{
	position:absolute;
	width:577px;
	height:170px;
	bottom:-7px;
	right:10px;
}

	
		
.blockquote {
	border-left: 2px solid #999;
	padding: 15px;
	margin: 20px 0;
	font-style: italic;
	background-color: #DADADA;
	}
	



#footer{
	position: relative;
	background-image: url(../images/foota.jpg);
	background-repeat:no-repeat;
	height:45px;
	padding-top: 20px;
}


#footer p,
#footer a{
	text-align:center; 
	font-size: 9px;
	padding-bottom:6px;
}

#footer a{
	padding-left:6px;
	padding-right:6px;
}

#footer span{
	padding-right:6px;
	padding-left:6px;
}

#footer a:hover{
	color:#919191;
}

#cCol .products .lItem .lbody{
	float:left;
	text-align:left;
	padding:0 0 0 0;
	
}
#cCol .products .lItem .lcart,
#cCol .products form,{
	width:100%;
	float:left;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
	
}
.reslink
{
	display:block;
	min-height:80px;
	background:#B8C491;
	width:100%;
	border: #000066 1px solid;
}
a:hover.reslink
{
	background:#CCCCCC;
}
.reslink h3,
.reslink p
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
}
.reslink h3
{
	padding-top:15px;
	font-weight:900;
}