/*
 *mass reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,input,label {  
	margin:0; 
	padding:0; 
}
body{
	font-size: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	background: url(../design/images/navbg.jpg) 0 1.5em repeat-x #555;
} 
html>body{
	font-size: 16px;
}
body h1{
	position: absolute;
	left: -9000em;
}

div#utility{
	font-size: .6875em ;
	line-height: 2.181em;
	color: #ccc;
	width: 790px;
	margin: 0 auto;
	height: 2.181em;
	overflow: hidden;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}
div#utility ul{
	margin-left: -1em;
	height: 2.181em;
	float: left;
}
div#utility ul li{
	float: left;
	list-style: none;
}
div#utility ul li a{
	color:#ccc;
	padding-left: 1em;
	border-left: 1px solid #999;
	padding-right:1em;
}
div#utility ul li a:hover{
	color:#fff;
}
div#utility form{
	font-size: 14px;
	float: right;
	padding-right: 10px;
}
div#utility form input{
	padding: 0 0 0 5px;
	border: 0;
	float: right;
	color: #ccc;
	display: block;
	height: 1.5em;
	background: url(../design/images/searchbg.gif) bottom left no-repeat #555;
	width: 223px;
	margin: 0;
}
div#utility form input.submitsearch{
	padding: 0 0 0 5px;
	width: auto;
	background: none;
}
ul#nav{
	clear: both;
	width: 790px;
	margin: 0 auto;
	position: relative;
	height: 48px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ul#nav li{
	list-style: none;
	float: left;
	width: 110px;
	height: 48px;
	position: relative;
}
ul#nav li a{
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	text-indent: -9000em;
}
ul#nav li a#whatwedo{
	background: url(../design/images/whatwedo.jpg) top left no-repeat;
}
ul#nav li a#whatwedo:hover{
	background: url(../design/images/whatwedo.jpg) bottom left no-repeat;
}
ul#nav li a#ourwork{
	background: url(../design/images/ourwork.jpg) top left no-repeat;
}
ul#nav li a#ourwork:hover{
	background: url(../design/images/ourwork.jpg) bottom left no-repeat;
}
ul#nav li a#filetypes{
	background: url(../design/images/filetypes.jpg) top left no-repeat;
}
ul#nav li a#filetypes:hover{
	background: url(../design/images/filetypes.jpg) bottom left no-repeat;
}
ul#nav li a#shop{
	background: url(../design/images/shop.jpg) top left no-repeat;
}
ul#nav li a#shop:hover{
	background: url(../design/images/shop.jpg) bottom left no-repeat;
}
ul#nav li a#myaccount{
	background: url(../design/images/myaccount.jpg) top left no-repeat;
}
ul#nav li a#myaccount:hover{
	background: url(../design/images/myaccount.jpg) bottom left no-repeat;
}
ul#nav li a#contactus{
	background: url(../design/images/contactus.jpg) top left no-repeat;
}
ul#nav li a#contactus:hover{
	background: url(../design/images/contactus.jpg) bottom left no-repeat;
}
ul#nav li a#home{
	background: url(../design/images/logo2.png) bottom center no-repeat;
}
div#content{
	clear: left;
	background: #fff;
}
ul#nav .homeitem{
	width: 130px;
	height: 89px;
	position: absolute;
	top: -24px;
	left: 330px;
}
ul#nav li ul{
	float: none;
	position: absolute;
	width: 150px;
	color: #ddd;
	background:url(../design/images/dd_bg.png) center bottom no-repeat;
	display: none;
	left: -40px;
	line-height: 1em;
	padding-bottom: 1em;;
	z-index: 1;
}
ul#nav li:hover ul{
	display: block;
}
ul#nav li ul li{
	height: 2em;
	width: 100%;
}
ul#nav li ul li a{
	text-indent: 0;
	display: block;
	text-align: left;
	color: #fff;
	text-decoration: none;
	line-height: 2em;
	width: 140px;
	padding-left: 10px;
	/*border-bottom: 1px solid #333;*/
}
ul#nav li ul li a:hover{
	background: #900;
	color: #fff;
	/*border-bottom: 1px solid #F39494;*/
}
.floatleft{
	float: left;
}
ul#nav li.floatright{
	float: right;
}	
#content_footer{
	width: 790px;
	margin: 0 auto;
	position: relative;
	clear: left;
}
div#content{
	border-bottom: .5em solid #ccc;
	padding-top: 1em;
}
div#content #content_footer p{
	width: 215px;
	float: left;
	line-height: 1.5em;
	margin-left: 10px;
	margin: 10px 0 10px 10px; 
	padding: 20px 20px 20px 10px;
	display: inline;
	background: url(../design/images/paragraph_bg.png) center right no-repeat;
	color: #ffd9d9;
	border-left: 5px solid #400;
	position: relative; 
	top: -10px;
	left: -10px;
	font-size: 14px;
}
div#content #content_footer p img{
	position: absolute;
	top: 1em;
	left: 225px;
}
div#content #content_footer p span{
	color: #fff;
	font-style: italic;
	display: block;
	font-weight: bold;
}
#content_footer ul li{
	width: 250px;	
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	list-style: none;
}
#content_footer ul li.print_starter{
	background: url(../design/images/print_starter_kit.png) top left no-repeat;
}
#content_footer ul li.print_starter:hover{
	background: url(../design/images/print_starter_kit.png) top right no-repeat;
}
#content_footer ul li.web_starter{
	background: url(../design/images/starter_kit.png) top left no-repeat;
}
#content_footer ul li.web_starter:hover{
	background: url(../design/images/starter_kit.png) top right no-repeat;
}
#content_footer ul li a{
	display: block;
	height: 152px;
	width: 250px;
	text-decoration: none;
	font-size: 1.25em;
	color: #333;
}
div#content #content_footer ul li a p{
	width: 120px;
	background: none;
	border-left: none;
	color: #333;
	padding: 0;
	margin: .625em 0 0 10px;
	line-height: 1.25em;
	position: static;
}
div#content #content_footer ul li a p span{
	border-top: 1px dashed #aaa;
	color: #aaa;
	font-weight: normal;
	font-style: normal;
}
div#content #content_footer ul li a:hover p{
	color: #fff;
	cursor: pointer;
}
div#content #content_footer ul li a:hover p span{
	border-top: 1px dashed #aaa;
	color: #000;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
}
.bottom_margin{
	clear: left;
}
div#media_area{
	width: 790px;
	height: 360px;
	background: #ccc;
	margin: 0 0 1em 0;
	overflow: hidden;
	background: url(../design/images/media_area_bg.jpg) top left no-repeat #fff;
	position: relative;
	left: -5px;
	z-index: 0;
	padding-bottom: 1em;
	
}
div#media_area ul.leads{
	position: absolute;
	top: 200px;
}
div#media_area ul.leads li{
	list-style: none;
}
div#media_area ul.leads li a img{
	border: none;
}
#footer{
	padding-top: .75em;
	width: 790px;
	margin: 0 auto;
	color: #ccc;
	font-size: 14px;
	line-height: 2em;
}
#footer li{
	list-style: none;
	width: 250px;
	float: left;
	margin-left: 10px;
	display: inline;
}
#footer li a{
	color: #ccc;
	padding-left: 15px;
	background: url(../design/images/footer_bullet.gif) -258px 50% no-repeat;
}
#footer li a:hover{
	color: #cf0;
	background: url(../design/images/footer_bullet.gif) 0% 50% no-repeat;
}
#footer li ul li{
	margin:0;
}
#footer li h3{
	border-bottom: 2px dotted #777;
}
#footer li.copyrite{
	float: none;
	clear: left;
	display: block;
	width: 790px;
	text-align: center;
	margin-left: 0;
	color: #777;
	padding-top: 1em;
}
#footer li a:hover{
	color: #cf0;
	background: url(../design/images/footer_bullet.gif) 0% 50% no-repeat;
}
#footer li ul li{
	margin:0;
}
#footer li h3{
	border-bottom: 2px dotted #777;
}
#footer li.copyrite{
	float: none;
	clear: left;
	display: block;
	width: 790px;
	text-align: center;
	margin-left: 0;
	color: #777;
	padding-top: 1em;
}
#content_width{
	width: 790px;
	margin: 0 auto;
	padding: 0;
}
.clearboth{
	clear: both;
}
#productDetail form h2{
	font-size: 1.25em;
	border-bottom: 1px solid #eee;
	padding: 0;
	margin: 0;
}

#productDetail #productPhotos{
	width: 250px;
	float: left;
	margin-left: 10px;
	font-size: 14px;
}
#productDetail form #extraDetails{
	width: 510px;
	float: left;
	padding: 0;
	padding-top: 10px;
	font-size: 14px;
}
#productDetail form #productDescription{
	margin-top: 0;
}
#productDetail form #productPhotos *{
	float: left;
}
#productDetail form #productPhotos #prodCaption{
	clear: left;
	margin: 1.25em 0;
	color: #ccc;
	font-size: .625em;
}
#extraDetails div div.form-label{
	text-align: left;
	background: url(../images/dotted_arrow.gif) bottom right no-repeat;
	padding: 0;
	margin: 0 0 10px 5px;
	width: 260px;
	font-size: 14px;
}
#extraDetails div div.form-field{
	padding: 0;
	margin: 0 0 10px 0;
}
#extraDetails div div.form-label span{
	background: #fff;
}
#productDetail .form-label-empty{
	font-weight: bold;
	width: 260px;
	clear: left;
	float: left;
	margin-left: 5px;
}
#productDetail #price, #productDetail #msrpPrice, #productDetail #msrpSavingsField {
	width: 20%;
}
#productDetail .submitBtn{
	margin-top: 1em;
	font-size: 12px;
}
.qnty_margin input{
	margin-bottom: 1em;
}
#productDetail  h4{
	clear: left;
	background: #eee;
	margin-bottom: 10px;
	padding: .25em;
	border-collapse: inherit;
}
sup{
	font-size: 12px;
	font-weight: normal;
}
#productDetail #productsRelated{
	width: 520px;
	border: none;
}
#productDetail .hdr-title{
	background: none;
	color:#ccc;
	border-bottom: 1px solid #eee;
	padding: 0;
	margin: 0;
}
#productDetail #productsRelated .content-odd, #productDetail #productsRelated .content-even{
	width: 250px;
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	float: left;
	display: block;
	text-align: left;
}
#productDetail #productsRelated .content-odd div.photo, #productDetail #productsRelated .content-even div.photo{
	text-align: left;
}
#productDetail #productsRelated .content-odd div.title, #productDetail #productsRelated .content-even div.title{
	margin: 0;
	padding: 0;
	width: 250px;
	text-align: left;
	margin: .5em 0;
}
#productDetail form #productPhotos a.link{
	color: #CC0000;
	clear: left;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#productDetail form #productPhotos a.link:visited{
	color: #c00;
}
#productDetail form #productPhotos a.link:hover{
	color: #c00;
	text-decoration: none;
}
#productDetail #productsRelated .details .sprice, #productDetail #productsRelated .details .detailsBtn{
	width: 250px;
	text-align: left;
	background: none;
	padding: 0;
	margin: .5em 0;
	height: inherit;
}
#productDetail #productsRelated .details .detailsBtn a{
	color: #666;
	padding: 0;
	margin:0;
	text-decoration: underline;
}
#productDetail #productsRelated .details .detailsBtn a:visited{
	color: #666;
	padding: 0;
	margin:0;
	text-decoration: underline;
}
#productDetail #productsRelated .details .detailsBtn a:hover{
	color: #c00;
	text-decoration: none;
}
#productDetail #detailGroup{
	width: 790px;
}
#productDetail #productBundle{
	width: 250px;
	float: left;
	border: none;
	clear: none;
	text-align: left;
	font-size: 14px;
	margin-left: 5px;
}
#productDetail #productBundle .hdr-title{
	font-size: 16px;
}
#detailGroup #productsRelated{
	float: left;
	clear:none;
}
#productBundle #bundleCaption{
	margin: .5em 0;
}
#productBundle .batchAddToCartButton{
	margin: .5em 0;
}
div#categoryGrid div.homepagecontent{
	padding: 0;
	margin: 0;
}
div#email_form{
	width: 500px;
	float: left;
}
div.pageNote p{
	padding-bottom: 10px;
	font-size: .75em;
}
div#directions_form{
	width: 200px;
	float: left;
	margin-left: 20px;
}
form#contact_form label,div#directions_form label{
	display: block;
	padding-bottom: 10px;
}
form#contact_form label input{
	width: 98%;
}
form#contact_form label textarea{
	width: 98%;
}
h2{
	font-size: 1.25em;
	border-bottom: 1px solid #eee;
	padding: 0;
	margin: 0;
}
#helmer_services{
	width: 225px;
	float: left;
	padding-left: 15px;
}
#helmer_services ul li{
	list-style: none;
	padding-left: 20px;
	background: url(../design/images/checkthat.png) top left no-repeat;
	margin: 0 0 1em 0;
}
#about_helmer{
	width: 500px;
	float: left;
}
h4#services_header{
	line-height: 3em;
}
#about_helmer p{
	font-size: 16px;
	line-height: 1.5em;
	padding-top: 1em;
}
#about_helmer img{
	float: left;
	display: block;
	padding: 0 1em 1em 0;
}
.banner-area{
	display: block;
	width: 540px;
	text-align: left;
	float: right;
}
.banner-area img{
	padding-bottom: 1em;
}
.banner-area strong{
	display: block;
}
.banner-order-link{
	display: block;
	width: 150px;
	height: 55px;
	background: url(http://www.helmerprinting.com/images/download-button.jpg) top left no-repeat;
	text-indent: -5000em;
}
#grad_banner_lead{
	display: block;
	position: absolute;
	top: 1em;
	right: 1em;
	width: 200px;
	height: 95px;
	background: url(http://www.helmerprinting.com/images/banner_leadin.png) top left no-repeat;
	text-indent: -500em;
	overflow: hidden;
}