/* Generic Layout Global Stylesheet */

/* HTML Style Definitions  */
body {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000000;
			margin: 0px;
			background: #FFFFFF;}
			
p {  
			font-size: 11px;
			line-height: 15px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000000;}
			
td {  
			font-size: 11px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			vertical-align: top;}
			
b {  
			font-weight: bold;}
			
h1 {
			background: #000000 url('/pics/layout/asphalt_3.jpg') repeat;
			padding: 5px 8px 5px 12px;
			font-size: 23px;
			font-weight: bold;
			color: #FFCC00;
			margin: 0px;
			text-transform: uppercase;}			
				
h2 {
			background: #000000;
			padding: 5px 5px 9px 9px;
			font-size: 15px;
			font-weight: bold;
			color: #FFCC00;
			margin: 0px;
			border: 2px solid #000000;}				
			
h4 {
			padding:0px 0px 0px 1px;
			margin:0px 0px 10px 0px;
			font-size:110%;
			line-height:100%;
			font-weight:bold;
			color:#333333;}
			
h5 {
			padding:0px 0px 0px 1px;
			margin:0px 0px 5px 0px;
			font-size:100%;
			line-height:100%;
			font-weight:bold;
			color:#333333; 
			text-decoration:none;}	

/* Custom Style Definitions */
.sm {  
			font-size: 10px;
			line-height: 12px;}

.wht {  
			color: #FFFFFF;}
			
/* Header Style Definitions including Search and Jump Menu */
			
table.hdr {
			background: #000000 url('/pics/layout/asphalt_1.jpg') repeat;
			border-bottom: 2px solid #000000;}
			
div.viewcart {
			padding: 8px 12px;
			margin-right: 15px;
			background: #000000;
			color: #FFFFFF;
			font-weight: bold;
			width: 300px;}	
			
table.hdrsearch {
			background: #FFCC00;
			padding: 5px 10px;
			color: #000000;
			font-weight: bold;
			margin: 0px 0px;}	
	
form.catmenu {			/* Jump Menu */
			padding: 0px; 
			margin: 0px;}
						
select.catmenu {			/* Jump Menu */
			font-size: 10px;
			line-height: 15px;
			padding: 1px;
			color: #000000;
			border: 1px solid #000000;
			background-color: #FFFFFF;
			font-weight: bold;
			text-align: left;}				
			
form#searchForm	{			/* Search Box */
			margin: 0px;}		
			
.searchtxt {			/* Search Box */
			font-size: 10px;
			border: 1px solid #000000;
			line-height: 15px;
			padding: 1px;}					
			
.hdrnav {
			padding: 8px;
			background: #000000;
			color: #FFCC00;
			border-bottom: 1px solid #FFCC00;
			font-size: 12px;
			font-weight: bold;                      
			display: block;}										
			
/* Left Navigation Style Definitions */		
td.lftnav {
			width: 200px;
			border-right: 2px solid #000000;
			background-color: #999999;
			color: #FFFFFF;
			padding-bottom: 15px;}
				
div.submenu {
			width: 175px;
			color: #000000;
			background-color: #FFFFFF;
			border: 1px solid #000000;}			
			
/* Content Style Definitions */
			
div.infobar2 {
			padding: 5px 8px;
			text-align: left;
			font-weight: bold;
			font-size: 12px;
			background: #FFCC00;
			border-bottom: 1px solid #000000;}			
			
div.infobar3 {
			padding: 5px 8px;
			text-align: left;
			font-weight: bold;
			font-size: 12px;
			background: #FFCC00;
			border: 0px solid #000000;
			border-width: 1px 0px 1px 0px;}
						
div.content {
			padding: 20px;
  			height:auto !important;			
			min-height: 100%;
			height: 100%;			
			overflow:auto;
			background: #FFFFFF;}
			
div.catcontent {
			padding: 20px;
  			height:auto !important;			
			min-height: 100%;
			height: 100%;
			overflow:auto;}			
			
div.homettl {
			background: #FFFFFF url('/pics/bkg/home_title.gif') repeat;}

img.hmimg {
			padding: 3px;
			border: 1px solid #666666;}
			
div.infoboxhead {		
			border: 1px solid #000000;
			background: #000000; 
			font-size: 13px; 
			color: #FFFFFF;
			padding: 10px; 
			width: 250px;}
			
div.infobox {
			border: 1px solid #000000; 
			font-size: 12px; 
			line-height: 18px; 
			padding: 10px; 
			width: 250px;}		
			

			
/* Right Sub Navigation Style Definitions */		
td.rtnav {
  			height:auto !important;			
			min-height: 100%;
			width: 175px;
			border: 0px solid #000000; 
			border-width: 0px 2px 0px 2px; 
			background: #FFFFFF url('/pics/layout/rtnav_bkg.gif') repeat;}

/* ShopSite Style Definitions */
td.catimg {
			padding: 15px 0px 30px 0px;
			margin: 0px;
			text-align: center;
			font-weight: bold;}

p.txt1prodpg {
			color: #14213D;
			font-size: 11px;}
			
div.txt1cat {
			padding: 0px 15px 15px 0px;
			color: #14213D;
			font-size: 11px;
			border-bottom: 1px solid #000000;}
			
/* td.txt2b {
			padding: 15px 0px 15px 0px;
			font-size: 11px;
			line-height: 16px;
			border-bottom: 1px dashed #454545;}
			
td.txt2 {

			font-size: 11px;
			line-height: 16px;} */

span.sku {
			color: #14213D;
			font-weight: bold;
			font-size: 10px;}

span.skusp {
			color: #666666;
			font-size: 12px;}
			
div.prodname {
			font-weight: bold;
			font-size: 15px;
			color: #FFCC00;
			padding: 8px 8px 8px 15px;
			margin-bottom: 0px;
			display: block;
			background: #000000;}
						
span.prodnamesp {
			font-weight: bold;
			color: #333333;
			font-size: 12px;}	
			
div.proddesc {
			font-size: 11px;
			line-height: 16px;
			padding-bottom: 7px;}		
			
span.milink {
			font-size: 10px;
			font-weight: bold;}											
			
span.size {
			}
			
span.sizesp {
			}

span.pack {
			}
			
span.packsp {
			}
				
									
span.prodprice {
			font-weight: bold;}

span.prodsale {
			font-weight: bold;
			color: #CC0000;}
			
.quantbox {
			padding: 1px 0px 1px 3px;
			border: 1px solid #14213D;
			background-color: #F9EAA2;
			font-size: 9px;}
			
div.subprod {
			display: block;
			padding-bottom: 5px;}

img.miimage {
			border: 2px solid #000000;
			margin: 0px 0px 15px 10px;
			padding: 15px;}
			
.xlimgtbl {
			background: #FFFFFF;
			padding: 10px;
			border: 4px solid #000000;
			text-align: center;} 					
			
/* ShopSite Layout Style Definitions */
td.prodimg {
			padding:  30px 0px 15px 0px;
			text-align: center;
			border-bottom: 1px dotted #999999;}

td.prodinfo {
			padding:  20px 0px 15px 20px;
			border-bottom: 1px dotted #999999;}

					
td.mirt {				
			padding: 10px;
			line-height: 16px;}	
		
td.milft {
			padding: 0px 20px 0px 0px;}	
			

/* MSDS Style Definitions */
.msdscallout {
			padding: 2px 0px 2px 8px;
			margin: 10px 0px 10px 0px;
			border-left: 6px solid #FF0000;}			
			
.msdsbox {
			width: 400px; 
			border:1px solid #000000;}
			
.msdshdr {
			font-weight: bold; 
			color: #FFFFFF; 
			background-color: #CC0000; 
			padding: 8px;}
			
.msdsinfo {
			padding: 10px; 
			line-height: 19px;}					
						
/* Footer Style Definitions */
.footer {
			background: #000000 url('/pics/layout/asphalt_2.jpg') repeat;
			font-size: 11px;
			line-height: 15px;
			color: #FFFFFF;
			padding: 0px;
			margin: 0px;
			display: block;
			border-top: 3px solid #FDCC03;}
			
.footer2 {
			padding: 0px 0px 15px 20px;}			
									
			
/* Custom Navigation Definitions */
a:link {  
			color: #003366;
			text-decoration: underline;}
			
a:visited {  
			color: #333366; 
			text-decoration: underline;}
				
a:hover {  
			color: #009900; 
			text-decoration: underline;}
			
/* nav1a - Top links on left side */

a.nav1a:link, a.nav1a:visited {
			color: #FFFFFF; 
			font-weight: bold; 
			padding: 5px 5px 5px 8px;
			display: block;
			font-size: 11px;
			border-bottom: 1px solid #999999;
			background: #000000;
			text-decoration: none;}

a.nav1a:hover {
			color: #FFFFFF;
			background: #333333;
			font-weight: bold; 
			padding: 5px 5px 5px 8px;
			display: block;			
			font-size: 11px;			
			border-bottom: 1px solid #CCCCCC;
			text-decoration: none;}
			
/* nav1 - Main links on left side */
/* NOTE - left side nav uses inline styles for the left border colors */
			
a.nav1:link, a.nav1:visited {
			color: #000000; 
			font-weight: bold; 
			padding: 5px 5px 5px 8px;
			display: block;
			font-size: 11px;
			background: #FFFFFF;			
			border-bottom: 1px solid #000000;
			text-decoration: none;}

a.nav1:hover {
			color: #000000;
			background: #FFCC00;
			font-weight: bold; 
			padding: 5px 5px 5px 8px;
			display: block;			
			font-size: 11px;			
			border-bottom: 1px solid #000000;
			text-decoration: none;}			

/* nav2 - Secondary links on left side */					

a.nav2:link, a.nav2:visited {
			color: #FFFFFF; 
			font-weight: bold; 
			padding: 3px 5px 3px 20px;
			display: block;
			font-size: 11px;
			background-color: #333333;
			border-bottom: 1px solid #999999;
			border-left: 15px solid #666666;
			text-decoration: none;}

a.nav2:hover {
			color: #000000;
			background-color: #FFCC00; 
			font-weight: bold; 
			padding: 3px 5px 3px 20px;
			display: block;
			font-size: 11px;
			border-left: 15px solid #666666;
			border-bottom: 1px solid #999999;
			text-decoration: none;}					

/* nav3 - Popup layer links */

a.nav3:link, a.nav3:visited {
			color: #000000; 
			background-color: #EEEEEE; 
			font-weight: bold; 
			padding: 5px 8px;
			display: block;
			font-size: 11px;
			border-bottom: 1px solid #000000;
			text-decoration: none;}

a.nav3:hover {
			color: #000000;
			background-color: #FFFFFF; 
			font-weight: bold; 
			padding: 5px 8px 5px 8px;
			display: block;
			font-size: 11px;
			border-bottom: 1px solid #000000;
			text-decoration: none;}

/* nav4 - Main section link on right side */

a.nav4:link, a.nav4:visited {
			color: #FFCC00; 
			background-color: #000000;
			font-weight: bold; 
			border-top: 30px solid #000000;
			padding: 10px 8px 10px 8px;
			display: block;
			font-size: 12px;
			text-align: center;
			text-decoration: none;}

a.nav4:hover {
			color: #F4DB60; 
			background-color: #000000;
			font-weight: bold;
			border-top: 30px solid #000000;
			padding: 10px 8px 10px 8px;
			display: block;
			font-size: 12px;
			text-align: center;
			text-decoration: none;}
			
/* nav5 - Links on right side */

a.nav5:link, a.nav5:visited {
			color: #000000; 
			font-weight: bold; 
			padding: 5px 8px;
			display: block;
			font-size: 11px;
			border-bottom: 1px solid #14213D;
			text-decoration: none;}

a.nav5:hover {
			background-color: #EDC710; 
			color: #000000; 
			font-weight: bold; 
			padding: 5px 8px;
			display: block;
			font-size: 11px;
			border-bottom: 1px solid #14213D;
			text-decoration: none;}					

a.prodname:link, a.prodname:visited  {
			color: #FFCC00;
			text-decoration: none;}

a.prodname:hover  {
			color: #F4D860;
			text-decoration: none;}				
				
a.wht:link, a.wht:visited {  
			color: #FFFFFF; 
			text-decoration: underline;}
						
a.wht:hover {  
			color: #CCCCCC; 
			text-decoration: underline;}	
			
a.yel:link, a.yel:visited {  
			color: #FFCC00; 
			text-decoration: none;}
						
a.yel:hover {  
			color: #FFCC33; 
			text-decoration: underline;}												
						
a.blk:link, a.blk:visited {
			color: #000000; 
			text-decoration: underline;}

a.blk:hover {
			color: #666666; 
			text-decoration: underline;}
			

/* Custom PRINT Definitions */
			
 	@media print {
	.hdr {display: none;}
    .lftnav {display: none;}
    .main {width: 100%;}
    .infobar {display: none;}
    .infobar2 {display: none;}
	.rtnav {display: none;}
    .footer {display: none;}
	.hdrsearch {display: none;}
	.hdrnav {display: none;}
	h2 {color: #000000;}

}