/*
Author: Ryan VonBergen | media junctionŽ
Project: Digital Printing Services
Date: 3/18/2010
*/

/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */
a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */
html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */
#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/* 
Begin General Elements ###################
*/  

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;	
	}
.clear {clear:both}
/* Links */
a:link, a:visited, a:active {text-decoration:underline;color:#000;}
a:hover	{text-decoration:none;color:#f5b212;}

/* Headlines */
h2 {font-size:23px;line-height:30px;}
h3 {font-size:18px;line-height:22px;}
h4 {font-size:16px;line-height:18px;}

/* Images */
img {border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/* Typography */
p {text-align:left;}
ul {text-align:left;}

/* Forms */
form {}
label {}
input {background:#fff; border:#999 solid 1px;}
button {border:none; cursor:pointer}
textarea {}

/* 
Begin Custom Elements ###################
*/
#wrapper {width:100%; height:100%; margin:0 auto;}

/* 
Header Elements ###################
*/
#header_container {width:100%; height:119px; background:url(../images/nav_sprite.jpg) repeat-x 0 114px;}
#header {width:960px;height:119px; margin:0 auto;}
#headerCol1 {width:695px; float:left; display:inline;}
	#headerCol1 h1 {width:695px; height:115px; text-indent:-9999px; background:url(../images/dps_logo.jpg) top left no-repeat;}
#headerCol2 {width:255px; float:right; display:inline;}
	#headerStore {width:255px; height:115px;}
		#headerStore div h3 {font-size:17px; padding-bottom:3px;}
		#CartPreview {width:255px; height:23px; background:url(../images/cart_preview-bkg.jpg) top left no-repeat;}
			#CartPreview p {text-align:right; padding-right:12px; font-size:14px; line-height:23px;}
		#CartNav {width:255px; padding-top: 4px; font-size:14px;}
			#CartNav p {text-align:center;}
				#CartNav p a {padding:0 6px; text-decoration:none;}
					#CartNav p a.nav_border {border-right:#000 dotted 1px;}
		#StoreSearch {width:255px; padding-top: 4px;} 
			#StoreSearch label {float:left; font-weight:bold; font-size:18px; padding-right:8px;}
			#StoreSearch input {float:left; width:153px;}
			#StoreSearch button {float:right; width:18px; height:18px; background:url(../images/buttons_sprite.png) no-repeat -25px -48px; text-indent:-9999px;}
		#StartShopping {width:255px; height:39px; background:url(../images/start-shopping-button.png) no-repeat 0 0; text-indent:-9999px;}
			#StartShopping a {display:block; width:255px; height:39px; padding-bottom:4px; text-decoration:none;}
		#headerChat {padding-top: 4px; margin-left:15px;}
			#headerChat p {height:21px; background:url(../images/buttons_sprite.png) no-repeat -22px -22px; padding-left:22px;}
				#headerChat p a {display:block; background:#fff; font-size:18px; padding-left:5px; text-decoration:none;}

/* 
Navigation Elements ###################
*/
#nav_container {width:100%; height:50px; background:url(../images/nav_sprite.jpg) repeat-x 0 -5px;}
	#nav_main {width:960px; height:50px; margin:0 auto; z-index:9000;}
		#nav_main ul {width:960px; height:50px; list-style-type:none; text-align:left;}
		#nav_main ul li {float:left; display:inline; line-height:50px;}
			#nav_main ul li a {display:block; padding:0 13px; color:#fff; text-decoration:none;}
			#nav_main ul li a:hover {background:#f4c85f;}
				#dropdown_shadow {width:100%; height:8px; background:url(../images/nav_sprite.jpg) repeat-x 0 -105px;}
				#nav_main ul li ul {list-style-type:none; background:#f5b212; clear:both;}
				#nav_main ul li ul li {line-height:50px; border-bottom:#f4c85f solid 1px;}
					#nav_main ul li ul li a {display:block; padding:0 11px; color:#fff; text-decoration:none;}
					#nav_main ul li ul li a:hover {background:#f4c85f;}

/* 
Bread Crumb Elements ###################
*/
#bread-crumb_container {width:100%; height:47px; background:url(../images/nav_sprite.jpg) repeat-x 0 -113px;}
	#bread-crumb {width:960px; height:47px; margin:0 auto; font-size:13px; padding-left:15px;}
		#bread-crumb ul {list-style-type:none;}
			#bread-crumb ul li {float:left; padding-right:25px; padding-left:5px; line-height:47px; background:url(../images/nav_sprite.jpg) no-repeat right -160px;}
				#bread-crumb ul li.last {background-position:right -113px;}
					#bread-crumb ul li.last a {color:#000;}
					#bread-crumb ul li a {color:#888;}
						#bread-crumb ul li a:hover, #bread-crumb ul li.last a:hover {color:#f5b212; text-decoration:none;}

/* 
Body Elements ###################
*/
#body_container {width:100%; height:100%;}
	.bodyIndex-bkg {background:url(../images/header-ad-bkg.jpg) top center no-repeat;}
	#body {width:960px; margin:0 auto;}
	#bodyHeader {width:960px; margin:0 auto;}
		#bodyHeader_ad {width:960px; height:311px;}						
	
		#bodyHeader_headline {width:960px; margin:0 auto;}
			#bodyHeader_headline h2 {width:534px; height:89px; text-indent:-9999px;}
				#bodyHeader_headline h2.customhardhats {background:url(../images/chh_logo.jpg) top left no-repeat;}
				#bodyHeader_headline h2.teamhardhats {background:url(../images/thh_logo.jpg) top left no-repeat;}
				#bodyHeader_headline h2.signline {background:url(../images/signline_logo.jpg) top left no-repeat;}
			#bodyHeader_headline p {width:426px; font-size:13px; line-height:19px;}

/* 
Footer Elements ###################
*/
#footer_container {width:100%; background:#616161 url(../images/nav_sprite.jpg) repeat-x 0 -207px;}
	#footer {width:960px; height:341px; margin:0 auto; text-align:left;}
		#footer h3 {text-indent:-9999px; height:18px; padding-bottom:22px;}
		#footer h4 {font-size:15px; color:#ddd; font-weight:normal;}
			#footer h3.dps {background:url(../images/title_dps.jpg) top left no-repeat; width:248px;}
			#footer h3.products {background:url(../images/title_product-lines.jpg) top left no-repeat; width:387px;}
			#footer h3.more {background:url(../images/title_more-from.jpg) top left no-repeat; width:221px;}
			#footer p {float:left; display:inline; font-size:14px; text-align:left;}
				.footerListCol {padding:0;}
				.footerListCol ul {list-style-type:none;}
				.footerListCol ul li {padding:2px 0; font-size:14px;}
					.footerListCol ul li a {color:#a3a3a3; text-decoration:none;}
					.footerListCol ul li a:hover {color:#ddd; text-decoration:none;}
		#footerCol1, #footerCol2, #footerCol3 {float:left; display:inline; height:238px; padding:0 15px; margin-top:70px;}	
		#footerCol1 {width:248px; border-right:#4e4e4e solid 1px;} 
		#footerCol2 {width:387px; border-right:#4e4e4e solid 1px; border-left:#747272 solid 1px;}
		#footerCol3 {width:221px; border-left:#747272 solid 1px;}
		#footerRow1 {width:930px; text-align:center; font-size:12px; color:#a3a3a3; padding:10px 0;}