/*
Theme Name: EnPak
Theme URI: http://www.enpak.com
Author: Tim Kadlec
Author URI: http://www.envano.com
*/

@import "style/css/reset.css";
.ads .link a { behavior: url(/iepngfix.htc) }
/* @group General */
body{
	margin: 0;
	padding: 0;
	background: url(style/images/bodybg.gif) top left repeat-x #01642f;
	font: 12px/1.2em arial, helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
p, ul, ol, dl, address, table, blockquote, pre, fieldset {
	margin-bottom: 1.5em; /* 18px */
	line-height: 1.5em;
}
a{
	outline: none;
}
ol{
	list-style-type:decimal;
	margin-left: 40px;
}
ol li{
	list-style-type:decimal;
	padding-left: 5px;
}

/* @end */

/* @group Headings */
h1 {
	font-size: 70%;
	margin-top:0em;	
	margin-bottom: 0em; 
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active{
	width: 250px;
	height: 89px;
	text-indent: -9999px;
	display: block;
}
h2{
	font-size: 2em; /* 24px */
	margin: .4em 10px 1em 0;
	font-weight: bold;
	color: #fff;
	background: url(style/images/heading.gif) top right no-repeat #00853e;
	display: block;
	padding: .4em 10px;
	font-family: "Trebuchet MS", arial, helvetica;
}
h3{
	font-size: 1.5em; /* 18px */
	margin: 1.4em 0 1em 0;
	font-weight: bold;
	color: #246095;
	font-family: "Trebuchet MS", arial, helvetica;
	clear: both;
	line-height: 1.4em;
}
h4{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
h5{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
h6{
	font-size: 1.16em; /* 14px */
	margin: 1.3em 0;
	font-weight: bold;
	color: #000;
}
/* @end */

/* @group Page Structure */

/* @group Page setup */
#wrap{
	width: 956px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: #d7d7d7;
	color: #484d52;
	overflow: hidden;
}
#products #content, #home #content{
	padding: 0;
}
#home #content{
	height: 402px;
}

#home #content #content-left {
	background: url(style/images/leftblock-2.png) top left no-repeat;
	width: 318px;
	float: left;
	margin: 0;
	padding: 0;
	height: 402px;
}

#home #content #content-left h3 {
	color: white;
	font-size: 26px;
	margin-top: 20px;
}

#home #content #content-left h4 {
	color: #00c059;
	font-size: 16px;
	margin-bottom: 0;
}

#home #content #content-left h5 {
	color: #00c059;
	font-size: 20px;
	margin: 0 0 40px 10px;
}

#home #content #content-left h6 {
	color: white;
	font-size: 16px;
	margin-left: 10px;
	word-spacing: 0.1em;
	line-height: 1.5em;
}

#home #content #content-left p {
	color: white;
	font-size: 14px;
	line-height: 1.4em;
}

#home #content #content-left sup {
	font-size: 10px;
}

#home #content #content-right {
	width: 638px;
	float: right;
	margin: 0;
	padding: 0;
}

#calculator #content{
	text-align: center;
}
#calculator #content h2, #calculator p, #calculator #content ul{
	text-align: left;
}
#calculator #content ul{
	margin-left: 40px;
}
#calculator #content li{
	list-style-type: disc;
}
#calculator #fuelcalculator{
	float: right;
	margin-left: 15px;
}
#content{
	background: url(style/images/contentbg.gif) top left repeat-x #d7d7d7;
	color: #333;
	padding: 1px 0;
	display: block;
	overflow: hidden;
	width: 100%;
}
#content a{
	color: #00853e;
}
#content .more{
	background: #007AC3;
	color: #fff;
	padding: .5em .5em;
	width: 150px;
	text-decoration: none;
}
#content div.image{
	display: inline;
	float: left;
	margin: 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding: 7px;
	width: 200px;
}
#content div.image img{
	margin-bottom: 3px;
}
#content div.wide{
	width: 250px;
}
#content div.flright{
	float: right;
	margin-right: 0;
}
#content div.image span{
	display: block;
	font-size: 90%;
	text-align: left;
}
#content .more:hover{
	background: #0067A4;
}
#content p, #content h3, #content ul, #content form{
	margin-left: 10px;
	margin-right: 10px;
}
#content p.pubDate{
	font-weight: bold;
	margin-bottom: -1.5em;
	font-size: 1.2em;
}
#job-stories-testimonials #content ul, #job-stories-testimonials #content li, #news-releases #content ul, #news-releases #content li{
	list-style-type: disc;
} 
#job-stories-testimonials #content ul, #news-releases #content ul{
	margin-left: 40px;
}
#job-stories-testimonials h3{
	clear: none;
}
#watch{
	float: right;
	width: 246px;
	height: 218px;
	margin-left: 10px;
	display: block;
	border: 0;
	text-decoration: none;
}
#watch span{
	text-decoration: underline;
}
#watch img{
	margin: 0;
	border: 0;
}
.story{
	background: url(style/images/storybg.gif) top right repeat-y;
	width: 100%;
	overflow: hidden;
}
/* @group #Videos */
#testimonial{
	position:absolute;
	top: 100px;
	z-index: 9999;
	height: 310px;
	width: 500px;
	visibility: hidden;
	text-align: center;
	background-color: #ccc;
}
#testimonial .close{
	color: #333;
	text-transform: uppercase;
	float: right;
	text-decoration: none;
	padding: 7px 0;
	margin-right: 10px;
	display: inline;
}
 #window{
	height:700px;
	width:100%;
	position:absolute;
	z-index: 990;
	top:0px;
	left:0px;
	background: #000;
	opacity:.8;
	filter:alpha(opacity=80);
	display:none;
}
/* @end */
#sidebar{
	float: right;
	margin: 0 0 1em 10px;
	padding: 4em 10px 0 10px;
	display: inline;
	width: 325px;
	font-size: .9em;
	background: #fff;
}
#sidebar h5{
	margin: -10px 0 20px 10px;
}
#sidebar .note{
	font-style: italic;
}
#sidebar blockquote{
	font-style: italic;
}
#sidebar cite{
	display: block;
	padding-top: .2em;
	text-align: right;
	font-style: normal;
}
#article{
	float: left;
	width: 60%;
}
#content #article h3, #news-releases h3{
	clear: none;
}
.vcard .org{
	margin-bottom: 0;
	font-weight: bold;
}
#sales-service .vcard{
	width: 32%;
	float: left;
}
#contact form{
	margin-bottom: 20px;
}
#contact .vcard{
	float: right;
	display: inline;
	margin-right: 30px;
}
#contact .vcard ul{
	padding: 10px 30px 10px 10px;
	background: #fff;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border: 1px solid #000;
	color: #000;
}
#contact .org{
	background: #000;
	color: #fff;
	padding: .3em 5px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border: 1px solid #000;
}
.req{
	color: red;
}
#contact td{
	border-bottom: 1px solid #eee;
	padding: .5em 5px .5em 0;
}
#contactUsFormPart2 p{
	font-size: 90%;
	margin: 0;
	width: 250px;
}
.left{
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #00853e;
}
.right{
	float: right;
	margin: 0 0 10px 15px;
	border: 1px solid #007AC3;
}

.aboutleft{
	float: left;
	margin: 0 15px 120px 0;
	border: 1px solid #00853e;
}
/* @end */
/* @group Calculator Results */
#content #print {
	width: 70%;
	overflow: hidden;
	margin-left: 18%;
	padding-bottom: 1.4em;
}
#content #print ul{
	margin-left: 0;
}
#print li{
	float: left;
	width: 49%;
	padding-bottom: .3em;
	overflow: hidden;
}
#print li label{
	width: 100px;
	display: block;
	float: left;
}
#content #calcResults h4{
	font-size: 1.5em;
	line-height: 1.5em;
	color: #333;
	font-weight: normal;
	text-align: center;
	float: right;
	margin-top: 0;
	margin-right: 50px;
	display: inline;
}
#content #calcResults .print{
	margin-left: 4%;
	margin-bottom: .9em;
}
#content #calcResults .print a{
	text-decoration: none;
	background: url(style/images/print.gif) center left no-repeat;
	padding: 3px 0 3px 25px;
	font-size: 90%;
}
#calcResults h4 strong{
	color: #00853E;
	display: block;
	font-size: 2.2em;
}
#calcResults ul{
	margin-left: 4%;
	font-size: 1.2em;
}
#calcResults li{
	padding-bottom: .2em;
}
#calcResults table{
	width: 90%;
	margin-left: 4%;
	border: 1px solid #333;
}
#calcResults th{
	text-align: center;
	background: #000;
	color: #fff;
	padding: .4em;
	font-weight: bold;
}
#calcResults table td{
	padding: .6em;
	text-align: right;
	background: #fff;
	border: 1px solid #333;
}
#calcResults table td.first{
	text-align: left;
}
#calcResults table .alt td{
	background: #DEEFE5;
}
/* @endc */
/* @group Service */
#service{
	display: block;
	width: 937px; 
	overflow: hidden;
	margin-left: 8px;
}
#service h3{
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
}
#service .locations{
	width: 696px;
	margin-right: 8px;
	float: left;
	background: #E1E1E1;
	overflow: hidden;
}
#service .locations h3{
	background: url(style/images/locationshead.png) no-repeat;
	width: 696px;
	color: #fff;
	padding: 8px 10px;
}
#service .vcard{
	float: left;
	width: 33%;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}
#service .manuals{
	float: left;
	width: 226px;
	margin-right: 7px;
	background: #E1E1E1;
	overflow: hidden;
}
#service .manuals a, #service .warranty a{
	color: #007ac3;
}
#service .manuals .pdf a, #service .warranty .pdf a{
	background: url(style/images/pdf.png) center left no-repeat;
	padding: 2px 0 2px 20px;
	background: url(style/images/pdf.png) 0px 2px no-repeat;
	padding-left: 20px;
	margin-bottom: 3px;
	display: block;
}
#service .manuals a{
	
	
	
	
}
#service .manuals h3{
	background: url(style/images/manualshead.png) no-repeat;
	width: 206px;
	color: #fff;
	padding: 8px 10px;
}
#service .warranty{	
	width: 226px;
	/*margin-top: 2em;
	float: left;*/
}
#service h3.warranty{
	background: url(style/images/warrantyhead.png) no-repeat;
	width: 206px;
	color: #fff;
	padding: 8px 10px;
}
#content #service h4{
	clear: both;
	border-bottom: 1px dotted #333;
	color: #333;
}/* @end */

/* @group About Nav */
#aboutNav{
	float: right;
	display: block;
	margin-right: 40px;
	margin-left: 10px;
	background: url(style/images/aboutNav.gif) top left no-repeat;
	padding: 0;
	width: 196px;
	font-size: 1.2em;
	height: 276px;
}
* html #aboutNav{
	margin-right: 20px;
}
#aboutNav li{
	padding: 0;
	display: block;
	width: 196px;
}
#aboutNav a{
	color: #fff;
	text-decoration: none;
	height: 31px;
	display: block;
	padding-top: 8px;
	padding-left: 25px;
	width: 171px;
}
#aboutNav a:hover{
	background: url(style/images/aboutNav.gif);
}


#aboutNav .news a{
	padding-top: 10px;
	height: 29px;
}
#aboutNav .news a:hover{
	background-position: 197px 0;
} 
#aboutNav .shows a{
	height: 28px;
}
#aboutNav .shows a:hover{
	background-position: 197px -39px;
} 

#aboutNav .contact a:hover{
	background-position: 197px -75px;
}

/* 
#aboutNav .shows a{
	padding-top: 10px;
	height: 29px;
}
#aboutNav .shows a:hover{
	background-position: 197px 0;
}

#aboutNav .contact a:hover{
	background-position: 197px -39px;
}
*/
#content .gigpress-table {
	width: 70% !important;
	margin-left: 10px;
}
/* @end */

/* @group Header */
#header{
	width: 100%;
	display: block;
	position: relative;
	background: url(style/images/headFoot3.png?1) top left no-repeat;
	height: 105px;
}

/* @group Nav */
#header .nav{
	width: 654px;
	float: right;
	overflow: hidden;
	position: absolute;
	top: 59px;
	left: 302px;
	margin-bottom: 0;
	height: 29px;
}
#header .nav li{
	display: block;
	float: left;
}
#header .nav a{
	display: block;
	position: absolute;
	height: 29px;
	text-indent: -9999px;
	top: 0px;
}
#header .nav .products a{
	width: 154px;
	left: 0px;
}
#header .nav .products a:hover{
	background: url(style/images/nav.png) -1px 1px no-repeat;
}
#header .nav .service a{
	width: 191px;
	left: 127px;
}
#header .nav .service a:hover{
	background: url(style/images/nav.png) -127px -30px no-repeat;
}
#header .nav .testimonials a{
	width: 280px;
	left: 290px;
}
#header .nav .testimonials a:hover{
	background: url(style/images/nav.png) -289px -60px no-repeat;
}
#header .nav .about a{
	width: 112px;
	left: 540px;
}
#header .nav .about a:hover{
	background: url(style/images/nav.png) -540px -90px no-repeat;
}
/* @end */
#header .secondary{
	display: block;
	overflow: hidden;
	width: 100%;
	background: url(style/images/secondary_nav.png) top left repeat-x;
	height: 17px;
	position: absolute;
	left: 0;
	top: 88px;
	text-align: right;
	font-size: .9em;
	margin-bottom: 0;
}
#header .secondary li, #header .secondary > a{
	display: block;
	float: left;
	padding: 0 0 0 5px;
	color: #fff;
}
#header .secondary li.navlinks{
	float: right;
	padding: 0 5px;
	text-transform: lowercase;
}
#header .secondary a{
	color: #fff;
	text-decoration: none;
}
/* @end */

/* @group Ads */
.ads{
	display: block;
	overflow: hidden;
	clear: both;
	position: relative;
}
.ads dl{
	float: left;
	width: 478px;
	color: #000;
	height: 108px;
	padding-top: 5px;
	margin-bottom: 0;
}
#home .ads dl{
	height: 82px;
	padding-top: 20px;
}
.ads dt{
	color: #00853e;
	font-size: 1.5em;
	font-family: "Trebuchet MS", arial, helvetica;
	font-weight: bold;
	margin-bottom: .1em;
}

.ads .link{
	color: #45b8fd;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin-right: 4px;
	float: right;
	margin-top: 5px;
}
.ads .link a{
	color: #45b8fd;
	text-decoration: none;
	height: 20px;
	width: 153px;
	padding: 2px 8px;
	display: block;
		background: url(style/images/adslink.png) top left no-repeat;

}
#home .ads #fuelSavings{
	background: url(style/images/ads.jpg) top left no-repeat;
	padding-left: 110px;
	width: 368px;
}
.ads #fuelSavings{
	width: 238px;
	padding-left: 80px;
	background: url(style/images/ads.jpg) 0px -103px no-repeat;
}
.ads #prodLiterature{
	width: 200px;
	padding-left: 120px;
	background: url(style/images/ads.jpg) -318px -103px no-repeat;
}
.ads #options{
	width: 198px;
	padding-left: 120px;
	background: url(style/images/ads.jpg) -638px -103px no-repeat;
}
.ads #enpakAction{
	background: url(style/images/ads.jpg) -478px 0px no-repeat;
	padding-left: 150px;
	width: 328px;
}
/* @end */

/* @group Product */
#products #content{
	height: 537px;
}
#products #wrap{
	height: 780px;
}
.col{
	width: 49%;
	float: left;
}
.col h3{
	margin-top: 0;
}
.product{
	margin-bottom: 1.7em;
	width: 100%;
	overflow: hidden;
}
.product img{
	float: left;
	margin: 0 10px .4em 10px;
	border: 1px solid #333;
}

#content h4{
	margin: 1em 10px;
	/*clear: both;*/
}
.product .specs{
	margin: 1em 10px;
	font-size: 90%;
}

.product .productr{
	float: right;
	width: 270px;
}

#options-accessories #content .product .productr h4 {
	margin-top:0;
}

#options-accessories #content .product .productr {
    width: 255px;
}

.p-line {
	padding-bottom: 10px;
	background: url(style/images/product-line.gif) bottom left no-repeat;
}

#products .ads dl { height: 133px; }

#products .ads #prodLiterature,
#products .ads #options,
#products .ads #fuelSavings
{ background-image: url("/wp-content/themes/enpak/style/images/ads-products.jpg?3"); }

#products .ads #prodLiterature { background-position: -318px 0px; }
#products .ads #options { background-position: -638px 0px; }
#products .ads #fuelSavings { background-position: 0px 0px; }

/* @end */

/* @group Footer */
#footer{
	width: 956px;
	margin: auto;
	display: block;
	color: #00c059;
	clear: both;
	border-top: 2px solid #000;
}
#footer p{
	text-align: left;
}
/* @group Navigation */
#footer .navigation{
	padding-top: 1em;
	display: block;
	height: 76px;
	width: 100%;
	background: url(style/images/headFoot3.png) 0px -89px no-repeat;

}
#footer .navigation ul a{
	color: #00853e;
	text-decoration: none;
	text-transform: uppercase;
}
#footer .navigation ul{
	margin: 0 auto .5em 10.5em;
	overflow: hidden;
}
#footer .navigation ul li{
	display: block;
	float: left;
	width: 24%;
	padding: .3em 0;
	text-align: center;
	border-right: 1px solid #9f9f9f;
}
#footer .navigation li.about{
	width: 15%;
	border-right: 0;
}
#footer .navigation li.testimonials{
	width: 33%;
}
#footer .navigation ul.secondary{
	width: 60%;
	margin-top: .8em;
	margin-left: 16em;
}
#footer .navigation ul.secondary a{
	color: #007ac3;
	text-transform: lowercase;
}
#footer .navigation ul.secondary li{
	display: block;
	float: left;
	width: 24%;
	padding: .3em 0;
	border: 0px;
}

.because li {
	margin-bottom: 10px;
}

#movie-snappy-thing {
	position: absolute;
	height: 50px;
	width: 60px;
	top: 5px;
	right: 385px;
	cursor: pointer;
}

#movie-snappy-thing span {
	display: none;
}

#calculator-gaspump {
	position: absolute;
	height: 80px;
	width: 60px;
	top: -10px;
	left: 25px;
	cursor: pointer;
}

#calculator-gaspump span {
	display: none;
}

#calculator-gaspump-products {
	position: absolute;
	height: 100px;
	width: 60px;
	top: -20px;
	left: 15px;
	cursor: pointer;
}

#calculator-gaspump-products span {
	display: none;
}

.product h4 sup {
	line-height: 16px;
}

#about-enpak {
	color:#00C059;
	margin: 50px auto;
	width: 956px;
	text-align: left;
}
/* @end */

/* @end */

/* @end */