 /* CSS Document */

/* layout.css
 * Copyright 2006 HVACGIANT. All rights reserved.
 * Minch Design, Inc.
 *
 * Last Modified: 5/18/2006
 * The layout.css file contains the style information for positioning and other layout factors
 */
 
body { margin: 0px; padding: 0px; text-align: center; /* ie5 center fix */ }
form { padding: 0px; margin: 0px; border: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 3px 0px; }
ul { margin: 4px 0px 5px 16px; padding: 0px; }
/* hide information that only shows up when css is not rendered */
.nocss { display: none; }
/* ----- */

#container { width: 750px; margin: 0px auto; text-align: left; }

/*new product tab browsing -begin*/
#tabsystem { clear: both; margin: 10px 0px; padding: 0px; }
#tabs { list-style-type: none; margin: 0px; padding: 0px; }
#tabs li { float: left; margin: 0px 3px 0px 0px; margin-bottom: -1px; }
#tabs li a { padding: 4px 8px; background-color: #F6F2E9; border: 1px solid #D1CAB7; display: block; color: #211F20; text-decoration: none; font-weight: bold;}
#tabs li a:hover, #tabs li.hover a { background-color: #fff;  }
#tabs li.current a, #tabs li.current a:hover  { position: relative; background-color: #fff; border-bottom: 1px solid #fff; }

#prodtabinfo { border: 1px solid #D1CAB7; min-height: 200px; clear: both; margin-top: -10px; padding: 10px; }

* html #prodtabinfo { height: 200px; }
/*new product tab browsing -end*/

#masthead {}
	.logo { padding: 20px 0px; float: left; }
	.logo a { display: block; }
	.logo a b { display: none; }
	.slogan { float: left; padding-top: 16px; margin-left: 24px; width: 300px; }
	.globalnav { float: right; padding: 4px 0px; }
	.globalnav a.shopping_cart { padding: 0px 20px 2px 0px; }
	.globalnav a, .globalnav span { padding: 0px 2px 0px 2px; }
	#search { float: right; clear: right; padding-top: 10px; width: 190px; }
	#search * { vertical-align: middle; display: inline; }
		#searchlbl { margin-right: 10px; width: 51px; height: 16px; float: left; margin-top: 3px; }
		#searchlbl label { display: block;	width: 0; height: 0; overflow: hidden; }
		.searchinput { margin-right: 7px; float: left; width: 85px; }
		.searchbutton { float: right; }
		
#mnav { clear: both; margin: 3px 0px 3px; height: 29px; overflow: hidden; }
	#mnav ul { margin: 4px 0px 0px 0px; list-style-type: none; padding: 0px; }
	#mnav ul li { float: left; }
	#mnav li a { display: block; padding: 5px 11px 7px; vertical-align: middle; }

#contentcontainer { clear: both; }

#snav { float: left; width: 180px; margin-left: -750px; margin-bottom: 10px; }
	#snav ul { clear: both; margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px; }
	#snav ul li {  margin: 0px; padding: 3px 0px 3px; }
	#snav ul li ul { margin: 3px 0px 0px; padding: 0px; }
	#snav ul li ul li { padding: 2px 0px; }
	#snav ul li.expanded { padding-bottom: 0px; }
	#snav ul li a { margin-left: 5px; }
	#snav ul li a:hover {}
	#snav ul li ul li a { padding-left: 10px; }
	#snav ul#other {}
	#snav ul#other li {}
	#snav ul#other li ul {}
	#snav ul#other li ul li {}
	#snav ul#other li ul li a { }
	
#snav1 { float: left; width: 180px; margin-left: 0px; margin-bottom: 10px; }
	#snav1 ul { clear: both; margin: 0px 0px 0px 0px; list-style-type: none; padding: 0px; }
	#snav1 ul li {  margin: 0px; padding: 3px 0px 3px; }
	#snav1 ul li ul { margin: 3px 0px 0px; padding: 0px; }
	#snav1 ul li ul li { padding: 2px 0px; }
	#snav1 ul li.expanded { padding-bottom: 0px; }
	#snav1 ul li a { margin-left: 5px; }
	#snav1 ul li a:hover {}
	#snav1 ul li ul li a { padding-left: 10px; }
	#snav1 ul#other {}
	#snav1 ul#other li {}
	#snav1 ul#other li ul {}
	#snav1 ul#other li ul li {}
	#snav1 ul#other li ul li a { }
		
h2#ourproducts { margin: 0px; padding: 0px; width: 130px; height: 33px; float: left; }
		h2#ourproducts span { display: block; width: 0; height: 0; overflow: hidden; }
		
#content { float: left; width: 370px; margin-left: 190px; margin-bottom: 10px; }

#content.nofeature { width: 560px; }
	h1 { margin: 6px 0px 11px 0px; }
	#content h2 { margin: 10px 0px 0px 0px; }
	#content h5 { margin: 5px 0px 0px; }
	#content h4 { margin: -7px 0px 0px;}
	#content h6 {  margin: 2px 0px 1px; }
	.mspot_large { margin-bottom: 20px; }
	.mspot_double { clear: both; margin: 10px 0px 10px 0px; display: block; }
	.mspot_double div { width: 180px;  }
	.mspot_double .mspot_double_one { float: left; }
	.mspot_double .mspot_double_two { float: right; }
	.mspot_double .mainimage { padding: 1px; display: block; margin-top: 5px; }
	.mspot_double ul { margin: 4px 0px 5px 16px; padding: 0px; }

	.catmarketing { margin: 5px 0px 15px; }
	
	.infosections { display: block; }
	#content .infosections h2 { margin: 0px 0px 0px 0px; }
	.infosections div { padding: 10px 10px 10px 0px; margin-bottom: 10px; width: 170px; }
	.infosections .infosection_one { float: left; }
	.infosections .infosection_two { float: right; }
	.infosections .infosection_three { float: right; margin-right: 10px; }
	.infosections ul { margin: 4px 0px 5px 16px; padding: 0px; }
	
	.product_image { float: left; width: 190px; }
	.product_info { margin-left: 5px; }	
	
	.controls { margin: 10px 0px; padding: 10px; clear: both; }
	.controls div { display: inline; }
	.controls .control_info { float: left;  }
	.controls .control_options { float: right;  }
	.controls .control_options .pagination { padding-left: 7px; }
	.controls .control_options .pagination a { margin: 0px 2px; }
	.controls img { vertical-align: middle }
	
	.product_result_set { clear: both; margin: 0px 0px 10px; }
	.product_result_set .product_result { float: left; width: 180px; }
	.product_result_set .product_result.middle { margin: 0px 10px; }
	.product_result_set .product_result img { margin: 5px 0px 10px; }
	.product_result_set .product_result img.product_image { width: auto;  margin: 0px 0px 10px 0px;  }
	.product_result_set .product_result h6 { margin-bottom: 5px; }
	.product_result_set .product_result .price { margin-bottom: 5px; }

	.search_result_set { margin: 5px 0px 5px; clear: both; display: block; }
	.search_result_set .search_result { margin: 5px 0px; clear: both; }
	.search_result_set .search_result .search_image { float: left; width: 140px; }
	.search_result_set .search_result .search_info { margin-left: 150px; }
	.search_result_set .search_result .search_info .price { margin: 4px 0px 15px; }
	/* shopping cart */
	.policies { margin-top: -8px; }
	.options { margin: 10px 0px; text-align: right; }
	.options a { margin-left: 10px; }
	
	.cartinput{width: 20px;}
	.carttdsummary{padding: 0px;}
	.cart {}
	.cart th { padding: 5px; }
	.cart td { padding: 5px; }	
	.itemprice, td.itemprice, table th.itemprice { text-align: right; padding-right: 10px; }
	
	.cart_prod_image { float: left; margin-right: 5px; }
	.cart_prod_info {}
	.cart_prod_info a { display: block; }
	.shoppingtotals { padding: 10px; }
	.shoppingtotals .info { margin: 0px 0px 10px 140px; }
			.info .desc strong { display: block; }
			.info .desc { display: block; margin-right: 60px; text-align: right; }
			.info .price { float: right; width: 50px; text-align: right; }
	.updatetotal { float: left; width: 130px; margin: 0px 0px 0px 0px; }
	.paymentsaccepted { margin-top: 10px; }
	.paymentsaccepted b, .paymentsaccepted img { display: block; }
	
	.continue { float: right; margin: 10px 0px; }
	.checkout_section, .error_message { clear: both; }
	.checkout_section h3, .checkout_info, .checkout_form {  padding: 6px 5px; }
	h3.attention strong { display: block; }
	.contactus_form{ clear: both; margin: 2px 0px 5px 0px;}
	.contactus_form label { width: 110px; text-align: right; }
	.contactus_form input, .contactus_form textarea { width: 330px; margin-left: 10px; }
	.contactus_form label, .contactus_form input	
	.checkout_form_password { clear: both; margin: 2px 0px 5px 0px;}
	.checkout_form_password label { width: 110px; text-align: right; }
	.checkout_form_password input, .checkout_form_password textarea { width: 100px; margin-left: 10px;}
	.checkout_form_password label, .checkout_form_password input
	.checkout_form_password select, .checkout_form_password textarea { float: left; display: block; }
	.checkout_form_password select { margin-left: 10px; }
	.checkout_form_password.radio_group { margin-left: 120px; }
	.checkout_form_password.radio_group input, .checkout_form_password.radio_group label { float: none; display: inline; width: auto; margin: auto; }
	.checkout_form_element { clear: both; margin: 2px 0px 5px 0px; }
	.checkout_form_element label { width: 110px; text-align: right; }
	.checkout_form_element input, .checkout_form_element textarea { width: 175px; margin-left: 10px; }
	.checkout_form_element label, .checkout_form_element input
	.checkout_form_element select, .checkout_form_element textarea { float: left; display: block; }
	.checkout_form_element select { margin-left: 10px; }
	.checkout_form_element.radio_group { margin-left: 120px; }
	.checkout_form_element.radio_group input, .checkout_form_element.radio_group label { float: none; display: inline; width: auto; margin: auto; }
	.checkout_section .section { margin: 1px 0px 5px; }
	.checkout_info th { text-align: left; }
	.checkout_info td, .checkout_info th { padding: 2px 10px; vertical-align: top; }
	.checkout_info .shoppingtotals .info { margin-bottom: 0px; }
	.minicart { width: 360px; }
	.address { clear: both; }
	.address .checkout_section { width: 185px; float: left; clear: none; }
	.order_review { margin-top: 10px; }
	.order_review i, .order_review b { float: left; display: block;  }
	.order_review b { width: 110px; }
	.order_review br { margin-bottom: 2px; }
	.order_review strong { display: block; margin-bottom: 5px; }
	.order_review i { width: 45px; text-align: right; }
	.order_review .order_total, .order_review .order_summary { padding: 10px; }
	.order_review .order_total { display: block; clear: both; margin: 10px 0px 15px; }
	.error_message { margin: 10px auto; width: 300px; padding: 8px; }
	.error_message ul { margin: 3px 15px; padding: 0px; }

#admincontent.nofeature { width: 750px; }
	h1 { margin: 6px 0px 11px 0px; }
	#content h2 { margin: 10px 0px 0px 0px; }
	#content h5 { margin: 5px 0px 0px; }
	#content h4 { margin: -7px 0px 0px;}
	#content h6 {  margin: 2px 0px 1px; }
	.mspot_large { margin-bottom: 20px; }
	.mspot_double { clear: both; margin: 10px 0px 10px 0px; display: block; }
	.mspot_double div { width: 180px;  }
	.mspot_double .mspot_double_one { float: left; }
	.mspot_double .mspot_double_two { float: right; }
	.mspot_double .mainimage { padding: 1px; display: block; margin-top: 5px; }
	.mspot_double ul { margin: 4px 0px 5px 16px; padding: 0px; }

	.catmarketing { margin: 5px 0px 15px; }
	
	.infosections { display: block; }
	#content .infosections h2 { margin: 0px 0px 0px 0px; }
	.infosections div { padding: 10px 10px 10px 0px; margin-bottom: 10px; width: 170px; }
	.infosections .infosection_one { float: left; }
	.infosections .infosection_two { float: right; }
	.infosections .infosection_three { float: right; margin-right: 10px; }
	.infosections ul { margin: 4px 0px 5px 16px; padding: 0px; }
	
	.product_image { float: left; width: 190px; }
	.product_info { margin-left: 5px; }	
	
	.controls { margin: 10px 0px; padding: 10px; clear: both; }
	.controls div { display: inline; }
	.controls .control_info { float: left;  }
	.controls .control_options { float: right;  }
	.controls .control_options .pagination { padding-left: 7px; }
	.controls .control_options .pagination a { margin: 0px 2px; }
	.controls img { vertical-align: middle }
	
	.product_result_set { clear: both; margin: 0px 0px 10px; }
	.product_result_set .product_result { float: left; width: 180px; }
	.product_result_set .product_result.middle { margin: 0px 10px; }
	.product_result_set .product_result img { margin: 5px 0px 10px; }
	.product_result_set .product_result img.product_image { width: auto;  margin: 0px 0px 10px 0px;  }
	.product_result_set .product_result h6 { margin-bottom: 5px; }
	.product_result_set .product_result .price { margin-bottom: 5px; }

	.search_result_set { margin: 5px 0px 5px; clear: both; display: block; }
	.search_result_set .search_result { margin: 5px 0px; clear: both; }
	.search_result_set .search_result .search_image { float: left; width: 140px; }
	.search_result_set .search_result .search_info { margin-left: 150px; }
	.search_result_set .search_result .search_info .price { margin: 4px 0px 15px; }
	/* shopping cart */
	.policies { margin-top: -8px; }
	.options { margin: 10px 0px; text-align: right; }
	.options a { margin-left: 10px; }
	
	.cartinput{width: 20px;}
	.carttdsummary{padding: 0px;}
	.cart {}
	.cart th { padding: 5px; }
	.cart td { padding: 5px; }	
	.itemprice, td.itemprice, table th.itemprice { text-align: right; padding-right: 10px; }
	
	.cart_prod_image { float: left; margin-right: 5px; }
	.cart_prod_info {}
	.cart_prod_info a { display: block; }
	.shoppingtotals { padding: 10px; }
	.shoppingtotals .info { margin: 0px 0px 10px 140px; }
			.info .desc strong { display: block; }
			.info .desc { display: block; margin-right: 60px; text-align: right; }
			.info .price { float: right; width: 50px; text-align: right; }
	.updatetotal { float: left; width: 130px; margin: 0px 0px 0px 0px; }
	.paymentsaccepted { margin-top: 10px; }
	.paymentsaccepted b, .paymentsaccepted img { display: block; }
	
	.continue { float: right; margin: 10px 0px; }
	.checkout_section, .error_message { clear: both; }
	.checkout_section h3, .checkout_info, .checkout_form {  padding: 6px 5px; }
	h3.attention strong { display: block; }
	.contactus_form{ clear: both; margin: 2px 0px 5px 0px;}
	.contactus_form label { width: 110px; text-align: right; }
	.contactus_form input, .contactus_form textarea { width: 330px; margin-left: 10px; }
	.contactus_form label, .contactus_form input	
	.checkout_form_password { clear: both; margin: 2px 0px 5px 0px;}
	.checkout_form_password label { width: 110px; text-align: right; }
	.checkout_form_password input, .checkout_form_password textarea { width: 100px; margin-left: 10px;}
	.checkout_form_password label, .checkout_form_password input
	.checkout_form_password select, .checkout_form_password textarea { float: left; display: block; }
	.checkout_form_password select { margin-left: 10px; }
	.checkout_form_password.radio_group { margin-left: 120px; }
	.checkout_form_password.radio_group input, .checkout_form_password.radio_group label { float: none; display: inline; width: auto; margin: auto; }
	.checkout_form_element { clear: both; margin: 2px 0px 5px 0px; }
	.checkout_form_element label { width: 110px; text-align: right; }
	.checkout_form_element input, .checkout_form_element textarea { width: 175px; margin-left: 10px; }
	.checkout_form_element label, .checkout_form_element input
	.checkout_form_element select, .checkout_form_element textarea { float: left; display: block; }
	.checkout_form_element select { margin-left: 10px; }
	.checkout_form_element.radio_group { margin-left: 120px; }
	.checkout_form_element.radio_group input, .checkout_form_element.radio_group label { float: none; display: inline; width: auto; margin: auto; }
	.checkout_section .section { margin: 1px 0px 5px; }
	.checkout_info th { text-align: left; }
	.checkout_info td, .checkout_info th { padding: 2px 10px; vertical-align: top; }
	.checkout_info .shoppingtotals .info { margin-bottom: 0px; }
	.minicart { width: 360px; }
	.address { clear: both; }
	.address .checkout_section { width: 185px; float: left; clear: none; }
	.order_review { margin-top: 10px; }
	.order_review i, .order_review b { float: left; display: block;  }
	.order_review b { width: 110px; }
	.order_review br { margin-bottom: 2px; }
	.order_review strong { display: block; margin-bottom: 5px; }
	.order_review i { width: 45px; text-align: right; }
	.order_review .order_total, .order_review .order_summary { padding: 10px; }
	.order_review .order_total { display: block; clear: both; margin: 10px 0px 15px; }
	.error_message { margin: 10px auto; width: 300px; padding: 8px; }
	.error_message ul { margin: 3px 15px; padding: 0px; }
	
#features { float: left; width: 180px; margin-left: 10px;}
	.espot { margin-bottom: 10px; }
	.espot p { padding: 10px; margin: 0px; }
	.espot .input { margin: 0px 0px 10px 10px; display: block;  }
	.espot .product_feature { padding: 4px 10px 10px; }
	.espot .product_feature img { margin: 3px auto; display: block; }
	.espot .product_feature .price { display: block; }
	.espot .input_product_feature { display: block; margin: 7px 0px 10px; }


#footer { clear: both; margin: 15px 0px; }
#footer .terms { padding: 5px; margin-bottom: 10px; }
	
	
	
	
	
	
	
/* position related browser fixes */
* html #content { display: inline; }
* html #contentcontainer { margin-top: -10px; }	

/* AUTO CLEARING : http://www.positioniseverything.net/easyclearing.html */
	
	.clearfix:after, #masthead:after, #content:after, #footer:after, .mspot_double:after, 
	.infosections:after, .product_overview:after, .controls:after, .address:after, 
	.search_result_set:after, .product_result_set:after, .search_result:after, #content .order_review:after 
	{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
	
	.clearfix, #masthead, #footer, #content, .mspot_double, .infosections, .address,
	.product_overview, .controls, .search_result_set, .product_result_set, .search_result, #content .order_review
	{display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix, * html #masthead, * html #footer, * html #content, * html .mspot_double, 
	* html .infosections, * html .product_overview, * html .controls, * html .address,
	* html .search_result_set, * html .product_result_set, * html .search_result, * html #content .order_review
	{height: 1%;}
	
	.clearfix, #masthead, #footer, #content, .mspot_double, .infosections, .product_overview, .address,
	.controls, .search_result_set, .product_result_set, .search_result, #content .order_review
	{display: block;}
	/* End hide from IE-mac */
	
/* AUTO CLEARING : END */
.sitemap
{
	float: left;
}
.blacklink
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	font-family: arial;
}
.medbluebg
{
	background-color: #003366;
}
.whitebold
{
		font-weight: bold;
	font-size: 10px;
	color: white;
	font-family: arial;
}
