/*
Author: Jeff Golenski - jeffgolenski@midnight-shift.net
*/

/* --------------------------------------- BODY  */

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-align: left;
	/*background: #fff url(images/mainbg.jpg) 0 0 repeat-x;*/
}

html>body { /* Opera Fix */
	font-size: small;
}

a:link, a:visited, a:active {
	color: #152560;
	font-weight: bold;
	text-decoration: underline;
}
	
a:hover, a:focus {
	color: #152560;
	font-weight: bold;
	text-decoration: none;
}
  
a.highlight {
	 color: red;
	} 

/* --------------------------------------- STRUCTURE  */


#shell {
	margin: 0;
	padding: 0;
	width: 1000px;
}

/* ------------- HEADER  */


#expandheader {
	width: 1000px;
	padding: 0;
	margin: 0;
	background: url(images/headerexpandbg.jpg) 0 0 no-repeat; 
	text-align: left;
}

#innerheader {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

h1#title {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	float: left;
}

h1#title a {
	display: block;
	width: 250px;
	height: 88px; /* div.clear, used in conjunction with "float: left;" adds another 1px to make the header 11px high */
	text-indent: -9999px; 
}  

#headerflash {
	width: 490px;
	height: 69px;
	float: left;

}

#headercontact {
	width: 258px;
	height: 69px;
	float: left;
	color: #000609;
}

#headercontact p {
	margin: 10px 0 0 80px;
	font-size: 8pt;
	line-height: 13pt;
}

	/* ------------- HEADER HORZ NAV  */

#headerhorznav {
	float: left;
	height: 18px;
	font-size: 92%;
	margin-top: 2px;
}  

#headerhorznav ul {
	float: left;
	margin: 0 22px 0 0;
	padding: 0;
	list-style: none;
}

#headerhorznav ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	color: #926229;
}

#headerhorznav ul a, #headerhorznav ul a:visited, #headerhorznav ul a:active {
	float: left;
	display: block;
	color: #512c00;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 2px 5px;

}

#headerhorznav ul a:hover, #headerhorznav ul a:focus {
	text-decoration: underline;
} 

	/* END HEADER HORZ NAV */

.displaydate {
	float: left;
	font-size: 8pt;
	}  

/* END HEADER */

/* ------------- MID SECTION  */

#midsectionexpand {
	background: url(images/midsectionexpandbg.gif) 0 0 repeat-y;
    min-width: 1000px;
} 

#midsection {
	background: url(images/midsectionbg.gif) 100% 0 repeat-y;
}    

#leftcol {
	width: 166px;
	float: left;
}

	/* ------------- SEARCH  */

	div#search {
		margin: 5px 2px 2px 2px;
		padding: 0;
	} 
	
/*	div#search {
		margin: 5px 2px 2px 2px;
		background: url(images/searchbg.gif) 0 0 no-repeat; 
		padding: 8px 4px 2px 6px;
		height: 38px;
	}   */
	
	.searchbar {
	
	}

	.searchtext {
		margin: 0;
		border-left: 1px #bfbebe solid;
		border-top: 1px #bfbebe solid;
		border-bottom: 1px #bfbebe solid;
		border-right: none;
		background: #e9e9e9 url(images/searchbarbg.gif) 0 0 repeat-x; 
		padding: 3px 1px 1px 4px;
		height: 22px;
		width: 145px;
		float: left;
		color: #252525;
		font-weight: bold;
		font-size: 110%;
	}

	.searchbutton {
		float: left;
	}

 
	/* END SEARCH */

	/* ------------- LEFT COL NAVIGATION  */

	div#mainnav {
		margin: 0;
		padding: 0;   
	}

	div#mainnav div.header, div#leftfooter div.header {
		margin: 0 10px 5px 0;
		padding: 3px 4px 5px 6px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 80%;
		color: #0f0f0f;
		background: url(images/mainnavheaderbg.gif) 100% 0 no-repeat;   
	}
	
	div#basic-nav {
		margin: 0 0 10px 5px;
		font-size: 75%;
	}
	
	div#basic-nav ul.toplvl {
	 margin: 0;
	padding: 0;   
	}

	div#basic-nav ul.toplvl li {
		margin: 0;
		padding: 2px 2px 2px 0;
		list-style: none;
		color: #000411;
		font-weight: bold;
		
	}
	
	div#basic-nav ul li a, div#basic-nav ul li a:active, div#basic-nav ul li a:visited {
		padding: 2px 2px 2px 10px;
		color: #000411;
		font-weight: bold; 
		background: url(images/mainnavarrow.gif) 0 50% no-repeat;
		text-decoration: none;
	}
	
	div#basic-nav ul li a:hover, div#basic-nav ul li a:focus {
		text-decoration: underline;
	}  

	div#mainnav ul.subnav {
		list-style: none;
		padding: 0 0 0 25px;
		margin: 2px 0;
	}

 	div#mainnav ul.subnav a, div#mainnav ul.subnav a:visited, div#mainnav ul.subnav a:active {
    	color: #233783;
		text-decoration: none;
		padding: 0;
	}

	div#mainnav ul.subnav a:hover, div#mainnav ul.subnav a:focus {
		text-decoration: underline;
	}  
  

	div#specialcats {
		margin: 0 0 10px 10px;
	}

	div#specialcats ul {
		list-style: none;
	    margin: 0;
		padding: 0;
	}

	div#specialcats ul li a, div#specialcats ul li a:active, div#specialcats ul li a:visited {
		padding: 2px 2px 2px 10px;
		background: url(images/mainnavarrow.gif) 0 50% no-repeat;
		color: #000411;
		cursor: pointer;
		font-weight: bold;
		font-size: 85%;
		text-decoration: none;
	}
	
	div#specialcats ul li a:hover, div#specialcats ul li a:focus {
		text-decoration: underline;
	}  
	
	/* END LEFT COL NAVIGATION */

#content {
	margin-right: 165px;
	margin-left: 158px;  
	padding: 8px 10px;
	text-align: left;
} 


	/* ------------- RIGHT COL */


#rightcol {
	float: right;
	width: 176px;
	padding: 5px 0;
	margin-left: 1px;
}

#rightcol h2 {
	margin: 2px 0 2px 4px;
	font-size: 80%;
	padding: 3px 0 4px 10px;
	background: url(images/rightcolh2bg.gif) 0 50% no-repeat;
	text-transform: uppercase;
	color: #353535;
}

div.featuredproducts {
	width: 95%;
	text-align: center;
	margin: 5px 0;
}

div.featuredproducts img {
	border: 1px #ccc solid;
	width: 70px;
}

div.featuredproducts table {
	margin: 0 5px;
}

div.featuredproducts table td {
	padding: 8px 2px 8px 2px;
	font-size: 75%;
	text-align: left;
	border-bottom: 1px #ccc dotted;
}  

div.quicklinks {
	width: 100%;
	text-align: center;
}

div.quicklinks img {
	margin: 2px 0;
}

	/* END RIGHTCOL */
 

/* END MIDSECTION */

/* ------------- FOOTER  */

 
#expandfooter {
	width: 100%;
	padding: 0;
	background: url(images/expandfooterbg.gif) 0 0 no-repeat;	
    min-width: 1000px;
}

#leftfooter {
	width: 166px;
	float: left;

}

#leftfooter p {
	font-size: 85%;
	margin: 0 0 0 10px;
} 

#rightfooter {
	float: right;
	width: 189px; 
}

#centerfooter {
	margin-right: 189px;
	margin-left: 201px;  
	padding: 2px 2px 2px 5px;
	text-align: center; 
}    

#centerfooter p {
	color: #444343;
	margin: 5px auto;
	font-size: 90%;
}

#centerfooter a {
	color: #1c43a6;
	font-weight: bold;
}

	/* ------------- FOOTER HORZ NAV  */

#footerhorznav {
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-align: center;
}  

#footerhorznav ul {
	padding: 0;
	margin: 4px auto;
	list-style: none;    
}

#footerhorznav ul.upper {
	width: 575px;

}

#footerhorznav ul.lower {
	width: 375px;
	position: relative;
	left: -55px;
}  

#footerhorznav ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	color: #636363;
}

#footerhorznav ul a, #footerhorznav ul a:visited, #footerhorznav ul a:active {
	float: left;
	display: block;
	color: #1c43a6;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px 2px 5px;

}

#footerhorznav ul a:hover, #footerhorznav ul a:focus {
	text-decoration: underline;
}



	/* END FOOTER HORZ NAV */       

/* END FOOTER */
 

.clear {         /* clears floated elements */
	clear: both;
	font-size: 1px;
	height: 1px;
}


/* --------------------------------------- COMMON ELEMENTS  */

h1 {
	font-size: 105%;
	color: #082892;
	margin: 5px 5px 12px 5px;
	padding: 0 0 0 15px;
	border-bottom: 1px #c6c6c6 dotted;
	background: url(images/h1arrowbg.gif) 0 50% no-repeat;
}

h2 {
	color: #0059d1;
	font-size: 95%;
	margin-top: 15px;
}

h3 {
	color: #00439e;
	font-size: 95%;
	margin: 0 0 6px 0;
}

p {
	font-size: 85%;
	margin-top: 0;
}

a.toplink {
	text-transform: uppercase;
	font-size: 80%;
} 

dl {
	list-style-type: decimal;
		font-size: 85%;
}

dt {
	font-weight: bold;
	margin: 0 0 5px 0;
}

dd {
	margin: 0 0 15px 15px;
	color: #262626;
} 

sup {
	color: red;
}

div#content ul {
 	font-size: 85%;  
}

div#content p {
 	margin-left: 5px;
   margin-right: 5px;
}   

div#content ul.right {
 	float: right;
 	margin: 0 0 15px 15px;
	list-style-image: url(images/easyularrow.gif);
} 

div.imgholder {
	float: right;
	padding: 10px;
	margin: 0 0 0 5px;
	text-align: center;
	font-weight: bold;   
}

div.imgholder img {
	margin: 0 0 5px 0;
}

div.imgcenter {
	height: 160px;
	text-align: center;
}

div.imgcenter img {
	width: 580px;
	margin: 10px 0;
}

div.imgaligncenter {
	height: 400px;
	text-align: center;
} 

div.iframeholder {
	width: 98% !important;
}

iframe { overflow-x: hidden;
		overflow-y: auto; 
		}
		
iframe.productiframe {
	width: 100% !important;
	margin: 0;
	overflow-x: hidden;
}

   	
div.breadcrumb {
	padding: 5px 0;
	margin: 0 5px;
	   
}

div.breadcrumb a {
 	font-size: 90%;   
}
		
div.padding {
 padding: 0 10px;   
}

/* --------------------------------------- HOME  */ 

div.aboutblurb {
	padding: 10px;
	margin: 5px 10px;
	background: #f7f7f7;
	border: 1px #dadada solid;
	height: 105px;
} 

div.aboutblurb h1 {
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	border: none;
	color: #082892;
	background: url(images/h1arrowbggray.gif) 0 50% no-repeat;
	font-size: 90%;
} 

div.aboutblurb p {
	line-height: 14pt;
} 


div.aboutblurb ul {
	float: left;
	width: 43%;
	margin: 5px 10px;
	padding: 0;
}

div.aboutblurb ul li {
	padding: 0 ;
	margin: 4px 0;
	list-style: none;
	list-style-image: url(images/easyularrow.gif); 
}        

div.quickeasy {
 	padding: 10px;
	margin: 0 5px;
	height: 185px;
}

div.quickeasy img {
 	float: left;   
}

div.quickeasy h1 {
	margin: 5px 0 12px 250px;
}

div.quickeasy ul {
	margin: 5px 0 12px 275px;

}

div.quickeasy ul li {
	padding: 0 ;
	margin: 4px 0;
	line-height: 14pt;
	list-style: none;
	list-style-image: url(images/easyularrow.gif); 
}

table.promotionalproducts {
	width: 95%;
	border-left: 1px #dadada solid;
	border-right: 1px #dadada solid;
	border-top: 1px #dadada solid;
	font-size: 80%;
	margin: 10px auto; 
} 

table.promotionalproducts td {
	width: 33%;
	background: #f7f7f7;
	border-bottom: 1px #dadada solid;
	border-top: 1px #fff solid;
	padding: 5px 5px 5px 0;
	margin: 0 0 0 10px;    
}

table.promotionalproducts td.shade {
  background: #fdfdfd;
}

table.promotionalproducts a:link, table.promotionalproducts a:visited, table.promotionalproducts a:active {
	color: #085f92;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	display: block;
	background: none;
}
	
table.promotionalproducts a:hover, table.promotionalproducts a:focus {
	text-decoration: underline;
}

table.promotionalproducts td a:link, table.promotionalproducts td a:visited, table.promotionalproducts td a:active
table.promotionalproducts td a:hover, table.promotionalproducts td a:focus {
	background: url(images/promonavarrow.gif) 0 50% no-repeat;
}

table.whatshot { 
	width: 98%;
	border-top: 1px #f1f1f1 solid;
	border-left: 1px #f1f1f1 solid;
}       

table.whatshot td {
	width: 33%;
	padding: 10px 0;
	border-right: 1px #f1f1f1 solid;
	border-bottom: 1px #f1f1f1 solid;
}

table.whatshot td div.featured {
	color: #4f4f4f;
	font-size: 80%;
	padding: 0 10px;
}

table.whatshot td div.featured strong {
	color: #000;
}

table.whatshot td.imgholder {
	border-bottom: none;
}

table.productshowcase { 
	width: 98%;
	border-top: 1px #f1f1f1 solid;
	border-left: 1px #f1f1f1 solid;
	margin-bottom: 15px;
}       

table.productshowcase td {
	width: 25%;
	padding: 10px 0;
	border-right: 1px #f1f1f1 solid;
	border-bottom: 1px #f1f1f1 solid;
}

table.productshowcase td.empty {
	border: none;
	}
	
table.productshowcase img {
	height: 95px;
	} 
	
div.whatshotblurb {
	padding: 10px;
	margin: 5px 10px;
	background: #f7f7f7;
	border: 1px #dadada solid;
}  

div.whatshotblurb p {
	line-height: 14pt;
}                     

/* --------------------------------------- IE ERRORS  */


body {
	font-size: x-small; /* IE5/Win Fix*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}