/*
Name: Protoytpe Layout CSS
Creative by: Rise Creative Group
Date modified: 2/5/08
------------------------------------*/

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


/* Base style
------------------------------------*/

body {
	background: url(../images/bg.jpg) top center no-repeat #00336b;
	padding: 0;
	margin: 0;
	}


/* Things to hide
------------------------------------*/
.product_box span {display:none;}


/* Container
------------------------------------*/
#container {
	width:100%;
	padding: 0;
	margin: 0;
	position: relative;
	}
	
/* Header
------------------------------------*/
#header {
	width:880px;
	height: 120px;
	margin: 0 auto; 
	padding: 10px;
	position: relative;
	z-index: 99;
	}

#logo {
	background:url(../images/logo-trans.png);
	width: 221px;
	height: 142px;
	position: absolute;
	top: 43px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
	}
	
#logo span {display:none;}

/* Prototype placeholders
------------------------------------*/

.imgholder {
	background:url(/images/slant.gif);
	border:#999999 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.imgholder span {
	background:#999999;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}
.formholder {
	background:url(/images/blue_slant.gif);
	border: #003366 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.formholder span {
	background:#003366;
	color:#FFFFFF;
	margin: 10px;
	display:block;
}

.infoholder {
	background:url(/images/yellow_slant.gif);
	border: #FFCC00 2px solid;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
}

.infoholder span {
	background: #FFCC00;
	color: #000000;
	margin: 10px;
	display:block;
}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.info_pop_highlight {
	background-color: #fff;
}


/* 
Navigation
------------------------------------*/

#nav {
	background:url(../images/nav_bg.gif) no-repeat;
	padding: 2px 0 0 4px;
	margin: 0 auto;
	width: 538px;
	padding-top: 1px;
	padding-left: 20px;
	position: absolute;
	top: 93px;
	left: 370px;
	height: 54px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;

}

#nav li { list-style: none;float:left; 	position:relative; }

#nav li a {
	margin-left: 0 ;
	margin-bottom: 0;
	margin-right:3px;
	float: left;
	padding: 0 12px 0 12px;
	line-height: 55px;
	vertical-align:middle;
	list-style: none;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	position:relative;
}

#nav li a:hover {background:url(../images/nav_hover.jpg) repeat-x; text-decoration:none;}

#nav li a.l1 {background:url(../images/home_icon.jpg) no-repeat center;width:17px;height:55px;display:block;}
#nav li a.l1 span {display:none;}
#nav li a.l1:hover {background:url(../images/home_icon.jpg) no-repeat center;}

#about #nav a.l2,#the-mist #nav a.l3,#customer-care #nav a.l4,#products #nav a.l5, #store #nav a.l6, #contact #nav a.l7  {background: url(../images/current_nav_latch.jpg) bottom center no-repeat;}



/* Son of Suckerfish: Horizontal Sprite Nav
------------------------------------*/

#nav li ul { /* second-level lists */
	position: absolute;
	background: #f5f5f5;
	border: 3px #0294F5 solid;
	width: 100px;
	top: 15px;
	margin-left: -40px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { /* second-level lists */
	padding: 2px 10px 5px 5px;
	border:none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#contextual_info {
	list-style: none;
	width:200px;
	background: #ccc;
	margin-top: 15px;
	margin-left: 20px;
	font-size: .85em;
	display: block;
	float: right;
	
	}
	
#contextual_info li {
	display: block;
	padding: 15px;
	background: #ccc;
	border-bottom: 1px solid #fff;
	zoom: 1;
	}

/* 

Feature
------------------------------------*/

#feature_holder {
	background: url(../images/feature_holder_bg.jpg) repeat-x;
	width: 100%;
	height: 272px;
	position: relative;
	z-index: 1;
	}

#feature {
background: url(../images/feature_bg.jpg) no-repeat 45px 0;
width: 960px;
height: 255px;
margin: 0 auto;
padding: 20px 0 0 0;
position: relative;
}

.subpage #feature_holder {
	background: url(../images/subpage_feature_holder_bg.jpg) repeat-x;
	width: 100%;
	height:144px;
	position: relative;
	padding: 0;
	margin:0;
	z-index: 11;
	}
	
#products #feature, #contact #feature, #store #feature, #privacy #feature {background: url(../images/subpage_feature_bg_simple.jpg) no-repeat right;}

#products.fans #feature {background: url(../images/subpage_feature_bg.jpg) no-repeat right;}

.subpage #feature {
background: url(../images/subpage_feature_bg.jpg) no-repeat right;
width: 960px;
height: 134px;
margin: 0 auto;
padding: 20px 0 0 0;
position: relative;
}

#feature ul {
	width: 850px;
	}

.headline {color:#0C2353;font-size:1.5em; margin-top:15px;margin-left:29px;margin-bottom: 0px;}

#store .headline, #privacy .headline {margin-top:45px;margin-left:50px; font-size: 3em;}

.subpage .headline {margin: 60px 0 0 285px; font-size:2em;}

.featureImg {position: absolute;left: 770px;z-index:99;}

.featureText {width: 200px;}

.featureImageHolder {position:absolute;left:660px;top:-130px; z-index:99;}
	
/* Search
------------------------------------*/

#search {
	height: 30px;
	padding: 0 0 15px 20px;
	display: block;
}
	
#search input {margin-top:8px;}

/* Content
------------------------------------*/


#content_holder {
	width: 100%;
	background: #fff;
	padding:0;
	margin:0;
	border-top:1px solid #fff;
	}

#content {
	width:898px;
	margin: 0 auto;
	position: relative;
	}
	
#content li { padding-bottom:5px;}

.intro {font-soize: 2.5em; color: #5985b8; line-height:22px;font-family:Georgia, "Times New Roman", Times, serif;}


/* Columns
------------------------------------*/

#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 600px;
	margin: 0;
	padding: 20px;
}

#main_col.home_col {
	width: 840px;
	margin: 0;
	padding: 20px;
}

#split_col1 {
	float: left;
	width: 385px;
	margin: 0;
	padding: 18px 18px 20px 30px;
	position: relative;
}

#split_col1 em {font-size:1em;font-weight:bold; color:#024D73;}

#punch_list li {background: url(../images/bullet_arrow.jpg) top left no-repeat; list-style:none;margin: 8px 0 0 -45px; padding-left: 28px;}

#punch_list li.eco {background:url(../images/bullet_arrow_green.jpg) top left no-repeat;}

#split_col2 {
	background: url(../images/split_col2_bottom.jpg) bottom no-repeat #D3D3D3;
	float: right;
	width: 218px;
	margin: 215px 0;
	padding: 0 0 95px 0;
	position:relative;
}

#split_col2 h2 {margin-left: 5px;}


#split_col2 a {color: #0d2354;font-weight: bold;text-decoration:none;}

#split_col2 a:hover {text-decoration:underline;}

#split_col2 ul {padding:0;margin:0 0 0 5px;}

#split_col2 li {
	list-style: none;
	zoom: 1;
	margin:0;
	padding:0;
	}
	
#product_links {list-style:none; width:209px;padding-bottom:15px;}

#product_links a {display:block; padding: 9px 0 9px 50px;}
	
.purchase-link { background: url(../images/purchase_button.gif) no-repeat; width:160px; }
.warranty-link { background: url(../images/warranty_button.gif) no-repeat; width:160px; }
.manuals-link { background: url(../images/manual_button.gif) no-repeat; width:160px; }
.faqs-link { background: url(../images/faqs_button.gif) no-repeat; width:160px; }

#about #split_col2 {margin-top: 165px;}

#contact #split_col2 {margin-top: 55px;}

#products.fans #split_col2 {margin-top: 160px;}

#parts_links li {list-style: square; margin-left:25px; margin-bottom: 8px; margin-top: 5px;}

#parts_links h2 {margin-top:15px;}

#parts_links a {text-decoration: underline;}

#parts_links a:hover {color: #999;}
 
#product_select {
	width: 500px;
	margin: 0 auto;
	}

#split_col2 .top {width:218px;height: 25px;background:url(../images/split_col2_top.jpg) no-repeat top;}

#split_col2 .middle {padding:10px;margin:0x;}
#split_col2 .middle p {padding-left: 7px;}

#sub_col {
	background:url(../images/products_nav_bg.jpg) repeat-y;
	float: left;
	width: 226px;
	margin: -85px 0 0 0;
	padding:0;
	background-color: #0C2353;
	color: #fff;
	border-width: 1px;
	display: block;
	position: relative;
	z-index: 11;
}

#store #sub_col {margin: -18px 0;}

#sub_col .top {width:226px;height:69px;background: url(../images/product_nav_top.jpg) no-repeat;position:relative;margin:0;padding:0;}
#sub_col .bottom {width:226px;height:19px;background: none; padding-top:200px;}

#sub_col a {color: #fff;font-weight:bold; display: block;padding: 3px 20px 3px 10px; margin-left: 15px; width:185px;}
#sub_col a:hover {color:#ccc;}
#sub_col a.current, #sub_col em a {background: url(../images/product_nav_current.png) right no-repeat #00aad7; color: #FFFF33; font-style:normal;}
.tractor #sub_col a.current {background: url(../images/product_nav_tractor_current.png) no-repeat right #00b9e0; padding: 1px 26px 2px 10px;}

#sub_col_division {background: url(../images/product_nav_division.jpg) no-repeat; width:226px;height:49px;padding:0;margin:15px 0;}

#sub_col ul{
	list-style: none;
	list-style-type: none;
	display: inline;
	margin: -5px 0;
	padding: 5px 10px 10px 10px;
}

#sub_col li {
	font-size: .9em;
	margin: 0;
	display: block;	
	padding: 0 5px 5px 0;
	clear: both;
	zoom:1;
	}
	

#col_left {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 0 40px;
	}

#col_center {
float: left;
	width: 350px;
	margin: 0;
	padding: 20px 0 0 20px;
}

#col_right {
float: right;
	width: 210px;
	margin: 0;
	padding: 20px 40px 0 0;
	}
	
.product_box {
	width: 439px;
	padding-top: 15px;
	color: #fff;
	position:relative;
	}
	
.product_box a {color:#fff;}
	
.product_box img {float: left; margin: 9px 15px 0 8px;position:relative;z-index: 10;}
	
.product_box .top {
	width: 429px;
	height: 142px;
	background:url(../images/products_box_top.jpg) no-repeat;
	margin:0;
	padding: 0 10px 10px 10px;
	}
	
.product_box .bottom {
	background: url(../images/products_box_bottom.jpg) bottom no-repeat;
	width: 439px;
	height: 12px;
	margin: 0;
	padding:0;
	}
	
.product_box p {width: 90%;font-size:.95em;}
.product_box_button {background:url(../images/product_box_button.jpg) no-repeat;width:126px;height:33px; text-align:center; line-height:33px;vertical-align:middle;position:absolute;left:290px;top:148px;}
.product_box_button a, .product_box_button a:visited { color: #fff; font-weight:bold;font-size: .9em;}
.product_box_button a:hover {color: #FFFF33; text-decoration: underline;}

	
#misting_fans_headline {background:url(../images/misting-fans-h2-trans.png) no-repeat bottom;width:178px;height:14px;margin: 0 0 0 12px;padding-top:8px;clear: both;}
.subpage #misting_fans_headline {margin: 0 0 0 12px;padding-top:25px;padding-left:15px;clear: both;}
#vehicle_additions_headline {background: url(../images/vehicle-additions-h2-trans.png) no-repeat bottom;width:125px;height:13px;margin: 0 0 0 18px;padding-top: 9px;clear: both;}
#customer_care_headline {background: url(../images/customer_care_headline.jpg) no-repeat bottom;width:336px;height:19px;margin-left: 205px;padding-top:20px;clear: both;}
#search_headline {background:url(../images/search-trans.png) no-repeat bottom;width:62px;height:14px;margin: 0 0 0 20px;padding-top:10px;clear: both;}
#browse_headline {background:url(../images/browse_by_cat-trans.png) no-repeat bottom;width:136px;height:14px;margin: 0 0 0 20px;padding-top:28px;clear: both;}

#customer_care_box {
	width: 896px;
	margin: 18px 0 0 0;
	pading:0;
	position: relative;
	}
	
#customer_care_box p {margin-left: 215px; padding-right: 20px;}
	
#customer_care_box .top {
	margin: 0;
	padding:0;
	width: 896px;
	height: 175px;
	background:url(../images/customer_care_top.jpg) no-repeat top #93D5EF;
	}
	
#customer_care_box .bottom {
	width: 896px;
	height: 31px;
	background:url(../images/customer_care_bottom.jpg) no-repeat top #93D5EF;
	margin: -15px 0 0 0;
	padding:0;
	}

#operator {
	background:url(../images/operator-trans.png) no-repeat;
	width: 220px;
	height: 229px;
	position: absolute;
	top: -33px;
	left: -2px;
	}

#product_buttons {
	padding: 0;
	width: 300px;
	margin: 0 auto;
	font-size: .9em;
	}
	
#product_buttons li {
	list-style: none;
	padding:0;
	margin: 0 15px 15px 0;
	float: left;
	}
	
#product_buttons a {
	display: block;
	padding: 125px 0 0 0;
	width: 117px;
	vertical-align: bottom;
	text-align: center;
}

#product_buttons a.all_products {
	background: url(../store/images/button-all-products.jpg) no-repeat;
	}

#product_buttons a.misting_fans {
	background: url(../store/images/button-fans.jpg) no-repeat;
	}
	
#product_buttons a.misting_fan_parts {
	background: url(../store/images/button-fan-parts.jpg) no-repeat;
	}

#product_buttons a.tractor_parts {
	background: url(../store/images/button-tractor-parts.jpg) no-repeat;
	}

/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
	}

.clear {
	clear: both;
}

img {
	border: 0;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}

.note {
	text-transform: uppercase;
	color: #ccc;
}

.highlight {
	background-color: #ffcc99;
}

#login {width: 291px; height: 154px; background:url(../images/login-bg.jpg) no-repeat; padding: 16px;}

/* Tables
------------------------------------*/
	
.tabular {
	background: #ddf1fb;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #000000 !important;
}	
	
.tabular th {
	text-align:left;
	height:10px;
	color: #000;
}

.tabular_highlight {
	background: #BDDFF1;
	color: #000000 !important;
}

/* Show/hide DL
------------------------------------*/
#TJK_ToggleON,#TJK_ToggleOFF {display:none}

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {
	padding:2px 5px;
	margin-right:5px;
	background-color: #2A507C;
	color: #FFFFFF;
}

/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 

/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}

/* image and left padding for DDs */
#TJK_DL dd {background:url(answer.gif) no-repeat;padding-left:25px}

/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:10px;color:#000;text-decoration:none}
#TJK_DL dt a:visited {color:#000}
#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus {color: #10498C;}

/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(/images/arrow_right.gif)}
#TJK_DL .DTminus a {background-image:url(/images/arrow_down.gif)}

/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer; cursor:hand;}
	

/* Site Information
------------------------------------*/

#footer {
	width: 100%;
	height: 105px;
	background:url(../images/footer_bg.jpg) repeat-x #009DDA;
	margin-top: 15px;
	}
	
#store #footer {margin-top: 20px;}

#site_information {
	width: 872px;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	list-style: none;
	list-style-type:none;
	clear:both;
	font-size: 0.9em;
	color: #fff;
  	}
	
#site_information li {
	display: block;
	padding: 8px 0 8px 0;
	clear: both;
	}

#site_information a, #site_information a:visited {color: #93D5EF;}

#footerlinks a, #footerlinks a:visited {padding: 0 15px 5px 0; margin:0; display: block;float:left;} 

/* ---- calendar and input styles ---- */

input.DatePicker{
	display: block;
	width: 100px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url(/images/date.gif) no-repeat top left;
	cursor: pointer;
}
input:focus.DatePicker{
	background: #fffce9 url(/images/datefocus.gif) no-repeat top left;
}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #E9F1D4;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}


	/*===================== Store Styles ======================*/
	
#cart-details {background: url(../images/cart_details_bg.jpg) no-repeat #ccc; display: block; padding:8px; margin:-20px 0 15px -24px;}	


	/*===================== jQuery Slider Styles ======================*/
#slides { width: 100%; height: 261px; padding-top:0;font-size: 1em; position: relative; margin-left: 0; position: relative;}
#slide1 {background:url(../images/slide-images/slide_1.jpg) no-repeat 45px -10px;}
#slide2 {background:url(../images/slide-images/slide_2.jpg) no-repeat 45px -10px;}
#slide3 {background:url(../images/slide-images/slide_3.jpg) no-repeat 45px -10px;}
#slide4 {background:url(../images/slide-images/slide_4.jpg) no-repeat 45px -10px;}
#slides div { width: 920px; height: 252px; padding: 15px; color: #333; text-align: left; position:relative;}
#slides div p { line-height: 20px;  color: #fff; display: block; width: 500px; margin-left:30px; margin-top: 5px;}
#slides div img { float: right; margin: -25px 5px 0 0;  padding: 0; }
#slides p img {float:left; position:relative; margin:-7px 0;}
#menu { position: absolute; top: 45px;left: 440px; width: 350px; z-index:99;}
#menu a { display: block; padding: 4px 8px 4px 8px; background: url(../images/menu_bg.jpg) repeat-x top #000033; border-top:1px solid #97e2ff; border-right:1px solid #97e2ff; float: left; color: #fff; font-weight: bold;}
#menu a:hover {color:#FFFF33;}
#menu a.activeSlide { background: #019dda;}