/*
Theme Name: Gateway Industrial Inc.
Theme URI: http://wordpress.org/
Description: The theme for Gateway Industrial Inc.
Version: 1.0
Author: Atomicdust
*/

/*******************************************/
/* RESET */
/*******************************************/

* {
	margin: 0;
	padding: 0;
	}
	
.clear {clear:both;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }	

table {
	border-collapse: collapse;
	border-spacing: 0;
	}	

/*******************************************/
/* LAYOUT */
/*******************************************/

body {
	color: #666;
	font-family: Arial, Helvetica sans-serif;
	}
	
	body.page,
	body.single,
	body.category { background: #e7e8e9 url("images/page_background.jpg") center 74px no-repeat; }	
	
	body.home { background: #e7e8e9 url("images/home_background.jpg") center 74px no-repeat; }
	
	body.error404, 
	body.page-id-22, 
	body.page-id-85,
	body.page-id-104 { background: #e7e8e9 url("images/form_background.jpg") center 74px no-repeat; }

div#container {
	width: 942px;
	margin: 0 auto 0 auto;
	}
	
div#banner { position: relative; }
	
body.page div#banner, 
body.single div#banner,
body.category div#banner { height: 240px; }	

body.home div#banner { height: 400px; }

body.error404 div#banner, 
body.page-id-22 div#banner, 
body.page-id-85 div#banner,
body.page-id-104 div#banner { height: 205px; }

div#header {
	height: 104px;
	position:relative;
	}
	
div#logo {
	width: 229px;
	height: 105px;
	float: left;
	display: inline;
	}
	
div#logo h1 {
	width: 229px;
	height: 105px;
	display: block;
	background: url("images/logo.png") left top no-repeat;
	}
	
div#logo h1 a {
	display:block;
	width:229px;
	height:105px;
	text-indent: -9999px;
	}
	
div#menu {
	float: right;
	display: inline;
	margin-top: 64px;
	width: 713px;
	height: 41px;
	/*position: absolute;*/
	}

div#wrap {
	min-height: 250px;
	overflow: hidden;
	}
	
div#entry { overflow: hidden; }
	
div#content {
	float: left;
	display: inline;
	}
	
body.page div#content, 
body.single div#content,
body.category div#content {
	padding: 35px 39px 0 39px;
	width: 576px;
	}

body.home div#content {
	width: 553px;
	padding: 80px 0 0 39px;
	float: left;
	display: inline;
	overflow: hdiden;
	}

body.page div#sidecol,
body.single div#sidecol,
body.category div#sidecol {
	width: 273px;
	padding: 0 0 0 15px;
	float: left;
	display: inline;
	}

body.home div#sidecol {
	width: 307px;
	min-height:220px;
	padding: 45px 27px 0 12px;
	float: left;
	display: inline;
	overflow: hidden;
	background: url("images/homepage_sidebox.png") left top no-repeat;
	}

body.home div#sidecol h3 {
	font-size:14px;
	padding:10px 0 0 0;
	margin: 0 0 4px 17px;
	line-height: 17px;
	color:#666;
	font-weight:bold;
	}
	
body.category div#sidecol h3 {
	text-indent:-9999em;
	display:block;
	width:200px;
	height:51px;
	background:url(images/want-to-print.png);
	}
	
body.category div#sidecol a#download-pdf {
	text-indent:-9999em;
	display:block;
	width:189px;
	height:83px;
	background:url(images/download-pdf.png);
	margin:-15px 0px 0px -10px;
	}
	
body.category div.post {
	margin-bottom:30px;
	}
	
div#newsletter {
	border-top: solid 2px #FFF;
	padding: 14px 0 0 0;
	text-align: center;
	clear: both;
	}

div#footer {
	border-top:solid 2px #FFF;
	}
	
ul#affiliates {
	display:block;
	width:700px;
	height:56px;
	margin:0px auto;
	clear:both;
	}
	
ul#affiliates li {
	display:inline;
	float:left;
	}
	
ul#affiliates li a {
	display:block;
	height:56px;
	background-image:url(images/affl_logos.jpg);
	text-indent:-9999em;
	}
	
ul#affiliates li a#carrier-transicold {
	width:106px;
	}
ul#affiliates li a#volvo {
	width:56px;
	background-position: -106px 0px; 
	}
ul#affiliates li a#ud {
	width:74px;
	background-position: -162px 0px;
	}
ul#affiliates li a#gmc {
	width:100px;
	background-position: -236px 0px;
	}
ul#affiliates li a#cummins {
	width:53px;
	background-position: -336px 0px;
	}
ul#affiliates li a#comfort-pro {
	width:105px;
	background-position: -389px 0px;
	}
ul#affiliates li a#clima-cab {
	width:110px;
	background-position: -494px 0px;
	}
ul#affiliates li a#ntp {
	width:86px;
	background-position: -604px 0px;
	}
	
ul#affiliates li a#carrier-transicold:hover {
	background-position:0px -60px;
	}
ul#affiliates li a#volvo:hover {
	background-position: -106px -60px; 
	}
ul#affiliates li a#ud:hover {
	background-position: -162px -60px;
	}
ul#affiliates li a#gmc:hover {
	background-position: -236px -60px;
	}
ul#affiliates li a#cummins:hover {
	background-position: -336px -60px;
	}
ul#affiliates li a#comfort-pro:hover {
	background-position: -389px -60px;
	}
ul#affiliates li a#clima-cab:hover {
	background-position: -494px -60px;
	}
ul#affiliates li a#ntp:hover {
	background-position: -604px -60px;
	}

/*******************************************/
/* BANNER AREA */
/*******************************************/
	
div#banner_border {
	padding: 8px;
	}
	
body.page div#banner_border, 
body.single div#banner_border { 
	position: absolute;
	top: -5px;
	left: -3px;
	width: 640px;
	height: 236px;
	background: url("images/sub_banner_back.png") center top no-repeat;
	}		

body.home div#banner_border { 
	float: none;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 937px;
	height: 347px;
	background: url("images/home_banner_back.png") center top no-repeat;
	}	
	
body.home div#slideshow {	
	width: 936px;
	height: 345px;
	overflow: hidden;
	}
	
body.page div#banner2, 
body.single div#banner2,
body.category div#banner2{
	float: right;
	display: inline;
	width: 270px;
	padding-top: 35px;
	}
	
div#weeklysp_banner {
	float: left;
	display: inline;
	width: 520px;
	height: 151px;
	margin: 50px 0 0 15px;
	}
	
div#contact_banner {
	position: relative;
	float: left;
	display: inline;
	width: 520px;
	height: 84px;
	margin: 120px 0 0 15px;
	clear: both;
	}	
	
div#location_banner {
	position: absolute;
	margin-top: -15px;
	width: 642px;
	height: 300px;
	}
	
/*******************************************/
/* MENU */
/*******************************************/

#menu ul {
	list-style: none;
	margin-left: 43px;
	}

#menu ul li {
	float: left;
	display: inline;
	height: 61px;
	margin-right: 13px;
	position: relative;
	font-size: 16px;
	}
	
	#menu ul li.current_page_item { margin-right: 0; }	
	
#menu ul li a {
	float: left;
	display: block;
	font-weight: normal;
	height: 61px;
	color: #919599;
	text-decoration: none;
	text-transform: lowercase;
	cursor: pointer;
	}
	
#menu ul li.current_page_item a { color: #fff; background: url("images/menu_left.png") left top no-repeat; }

#menu ul li a:hover span { background-color:#999; color:#FFF; height:auto; padding:5px; margin:9px -5px 0px -5px; }
#menu ul li.current_page_item a:hover span {
	margin:0px 0px 0px 17px;
	float: left;
	display: inline;
	height:61px;
	padding:14px 18px 0px 0px;
	background: url("images/menu_right.png") right top no-repeat;
	cursor: pointer;
	}

#menu ul li span {
	float: left;
	display: block;
	height: 46px;
	padding-top: 14px;
	cursor: pointer;
	}
	
#menu ul li.current_page_item span {
	margin-left: 17px;
	float: left;
	display: inline;
	padding-right: 18px;
	background: url("images/menu_right.png") right top no-repeat;
	}

/*******************************************/
/* TYPOGRAPHY */
/*******************************************/

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
	margin-bottom: 15px;
	line-height: 18px;
	}
	
h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: #161f28;
	}
	
h6 {
	color: #888B81;
	}
	
h1 { font-size: 29px; line-height: 32px; }

h2 { font-size: 26px; line-height: 30px; }

h3 { font-size: 23px; line-height: 28px; }

h4 { font-size: 20px; line-height: 26px; }

h5 { font-size: 17px; line-height: 24px; }

h6 { font-size: 13px; font-weight: bold; line-height: 18px; margin-bottom: 3px }

#banner h2 {
	color: #fff;
	/*margin: 8px 0 0 39px; */
	margin: 0 0 0 39px;
	width: 875px;
	}

body.home div#sidecol h4 a {
	color: #4DB5E2;
	background: #F1F1F0;
	display: block;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	padding: 2px 17px;
	}

p {
	font-size: 12px;
	}
	
	body.home #sidecol p {
		margin: 0 17px 15px 17px;
		}
		
	#newsletter p { font-size: 15px; }
	
#footer p {
	text-align: center;
	color: #666;
	}
	
ul, ol {
	margin-left: 15px;
	}
	
ul { list-style: disc; }

ol { list-style: decimal; }
	
li {
	font-size: 12px;
	}
	
a {
	font-weight: bold;
	color: #4db5e2;
	}

#newsletter strong { color: #4DB5E2; }
	
blockquote {
	border: 1px solid #919599;
	padding: 10px;
	background: #D1D8DF;
	}
	
.align-left { float: left; }

.align-right { float: right; }
	
span.price {
	font-weight: bold;
	color: #4db5e2;
	font-size: 20px;
	display: inline;
	}

body.home span.price {
	color: #384d98;
	font-size: 28px;
	}
	
body.category p.special-type {
	margin:5px 0px 5px 0px;
	}
	
body.category h2 {
	margin:0px 0px 10px 0px;
	}

/*******************************************/
/* BUTTONS */
/*******************************************/	

.button {
	text-indent: -9999px;
	display: block;
	}

.inventory {
	display: inline-block;
	width: 282px;
	height: 26px;
	background: url("images/button_inventory.png") left top no-repeat;
	}

.parts {
	display: inline-block;
	width: 282px;
	height: 26px;
	background: url("images/button_parts.png") left top no-repeat;
	}
	
.credit {
	display: inline-block;
	width: 282px;
	height: 26px;
	background: url("images/button_credit.png") left top no-repeat;
	}	

/*.download {
	width: 130px;
	height: 26px;
	background: url("images/button_download.png") left top no-repeat;
	}*/
	
.cancel {
	width: 130px;
	height: 26px;
	background: url("images/button_cancel.png") left top no-repeat;
	}	

a.contact {
	display: block;
	width: 170px;
	height: 65px;
	text-indent: -9999px;
	background: url("images/button_contact.png") left top no-repeat;
	}

a.contact.orange {
	display: block;
	width: 189px;
	height: 83px;
	text-indent: -9999px;
	background: url("images/contact_orange.png") left top no-repeat;
	margin-left:-10px;
	}

a.contactspecial {
	display: inline-block;
	width: 173px;
	height: 17px;
	text-indent: -9999px;
	vertical-align: top;
	background: url("images/button_contactspecial.png") left top no-repeat;
	}
	
a.details {
	display: block;
	text-indent: -9999px;
	width: 147px;
	height: 20px;
	background: url("images/button_details.png") left top no-repeat;	
	}
	
a.all-featured {
	display: block;
	text-indent: -9999px;
	width: 281px;
	height: 26px;
	background: url("images/all-featured.png") left top no-repeat;	
	}
	
a.weeklysp {
	margin: 7px 0 8px 0;
	display: block;
	text-indent: -9999px;
	width: 250px;
	height: 13px;
	background: url("images/button_weekly.png") left top no-repeat;	
	}

/*******************************************/
/* SIDEBAR IMAGE GALLERY / PRODUCT PAGE */
/*******************************************/	

div#front_weekly {
	width: 125px;
	float: right;
	display: inline;
	padding-top:15px;
	}

div#front_weekly img {
	width: 110px;
	}

body.category .product_image {
	float:left;
	margin:0px 10px 10px 0px;
}

body.category .product_image p {
	margin:0px;
}

div.product_image img,
div#front_weekly img {
	border: 3px solid #a5a49f;
	}

div#gallery img {
	border-right: 1px solid #797b77;
	padding: 5px 5px 5px 0;
	vertical-align: middle;
	}
	
/*******************************************/
/* DYNAMIC COLUMNS (Locations Page) */
/*******************************************/	
	
div.dynamic-col-1,
div.dynamic-col-2,
div.dynamic-col-3 {
	float: left;
	display: inline;
	width: 172px;
	}
	
div.dynamic-col-1,
div.dynamic-col-2 {
	margin-right: 30px;
	}

div.dynamic-col-1 h4,
div.dynamic-col-2 h4,
div.dynamic-col-3 h4 {
	margin-bottom: 0;
	font-size: 18px;
	}
	
div.dynamic-col-1 p,
div.dynamic-col-2 p,
div.dynamic-col-3 p {
	font-size: 11px;
	line-height: 14px;
	}
	
div.dynamic-col-1 address,
div.dynamic-col-2 address,
div.dynamic-col-3 address {
	font-size: 13px;
	margin-bottom: 6px;
	font-style: normal;
	line-height: 16px;
	}
	
div.dynamic-col-1 li,
div.dynamic-col-2 li,
div.dynamic-col-3 li {
	font-size: 11px;
	line-height: 14px;
	}	
	
/*******************************************/
/* FORMS */
/*******************************************/	

#form {
	width: 555px;
	padding: 45px;
	background: url("images/form_back.png") left top no-repeat;
	}
	
#select-discuss {display:inline;}

.failure { margin-bottom: 15px; font-style: italic; }

/*******************************************/
/* MODAL POPUP BOX */
/*******************************************/

/* Z-index of #mask must lower than #boxes .window */  
#mask {  
	position:absolute;  
	z-index:9000;  
	background-color:#000;  
	display:none;  
	top: 0;
	left: 0;
	}  

#boxes .window {  
	position: absolute;  
	width: 403px;  
	height: 144px;  
	display: none;  
	z-index: 9999;
	padding: 50px;
	background: url("images/popup_back.png") left top no-repeat;
	}  
	
.dialog_left {
	width: 217px;
	float: left;
	display: inline;
	}
	
.dialog_right {
	width: 135px;
	float: right;
	display: inline;
	}
	
h3.application_type {
	width: 204px;
	height: 18px;
	background: url("images/header_application.png") left top no-repeat;
	text-indent: -9999px;
	}
	
.dialog_left ul, .dialog_right ul {
	list-style: none;
	margin: 0;
	}

.dialog_right ul {
    margin-top: 20px;
 	}

.dialog_left li {
    margin: 10px 0;
	overflow: hidden;
    }

.dialog_right li {
	margin: 12px 0;
	text-align: center;
	}
	
.dialog_left label {
	float: left;
	width: 182px;
	}	
	
.dialog_left input {
	float: left;
	margin: 3px 5px 0 0;
	}

.wp-email-capture-email {
	width: 248px;
	height: 25px;
	padding: 3px;
	color: #A5A49F;
	font-family: Georgia;
	font-size: 18px;
	vertical-align: middle;
	border: 1px solid #A5A49F;
	}
	
.wp-email-capture-submit {
	vertical-align: middle;
	}