/* CSS Document */
* { font-family: inherit; font-style: inherit;  border: none;  padding: 0;  margin: 0;}

body{ margin:0 0 0 0; padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#e5e5e5; color:#333;}

.wrapper{ width:960px; text-align: left; margin-left: auto; margin-right: auto;
 background:#e5e5e5 url(../images/bg_wrapper.jpg) repeat-y left; padding:0 7px 0 7px;}

a{text-decoration:none; color:#339900;}
	a:hover{ text-decoration:underline; color:#8ab4cd;}
 
#header{ background:#fff url(../images/bg_header.jpg) no-repeat left;}
	#logo img{ padding:10px; margin-bottom:10px; padding-top:15px;}
	#header_right{ padding:10px 0 0 0; text-align:right;}
		#header_right a{ color:#006600; background:#fff; padding:3px 5px; border:1px solid #999;
						-moz-border-radius: 3px; -webkit-border-radius: 3px; background:url(../images/head_btn_bg.gif) repeat-x;}
		#header_right a:hover{ text-decoration:none; background:#090; color:#fff;}
#navigation { background:#999999 url(../images/bg_navigation.jpg) repeat-x left; height:42px; color:#fff;}
#flash_content_middle {height:280px; background-color:#CCCCCC; margin-top:5px;}
#index_bottom{ margin:5px 0 5px 0;}
	.index_bottom_box{ border:1px solid #ccc; background:#e5e5e5 url(../images/bg_index_bottom_box.jpg) repeat-x left; padding:5px; height:240px;}
		.index_bottom_box img{ margin-bottom:10px;}
		.index_bottom_box ul {margin:5px 0 0 0;}
		.index_bottom_box ul li{ font-size:11px; list-style-image:url(../images/list_style.gif);}
		
#side_navigation{ border:1px solid #ccc; background:#fff; margin:5px 0; padding:10px;}
	#side_navigation h3{ /*background:url(../images/bg_sub_navi.jpg) repeat-x left;*/ 
	 font-size:16px; color:#999999; border-bottom:1px solid #ccc; /*border-left:5px solid #8ab4cd;*/}
	#side_navigation ul li{ list-style: none; margin:0 0 2px 0; padding:5px; padding-left:10px; display:block; 
	/*background:#efefef; background:url(../images/side_nav_bg.gif);*/  border-bottom:1px dashed #8ab4cd; background:url(../images/side_nav_bg.png) no-repeat right;}
	#side_navigation ul li a:hover{ text-decoration:none;}
	
#side_bar{ border:1px solid #ccc; background:#fff; margin:5px 0; padding:10px; font-size:11px; 
			background:#666666; color:#fff;}
	#side_bar ul li{list-style:square;}
	#side_bar strong {color:#999999; color:#bbe5fe;}
	
.main_content{ border:1px solid #ccc; background:#fff; margin:5px 0; padding:10px;}
	/*.main_content h3{ background:url(../images/bg_page_title.jpg) no-repeat left; color:#fff; 
	 font-size:20px; padding:60px 0 15px 20px; margin:0 0 10px 0; color:#009900;}*/
	.main_content h3{ color:#339900; color:#666; border-bottom:1px solid #ccc; border-left:5px solid #8ab4cd; padding:10px; background:#efefef;}
	.main_content h4{ color:#666; font-size:14px;}
	.main_content img{ float:right; margin:0 0 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.main_content li{ list-style:square;}

.product_box{ text-align:center; border:1px solid #ccc; height:150px; margin-bottom:5px;}
	.product_box img{ float:none; border:none;}
	.product_selector{background:#efefef; padding:5px;}
		.product_selector select{ width:100%; border:1px solid #999; margin:5px 0;}
		.product_selector input{ background-color:#009900; color:#fff; padding:5px; }
.product_page {}
	.product_page img{ float:none; margin:0;}
.product_title { font-size:18px;}
.product_info img{float:none; margin:0;}

.header{ font-weight:800;}

.resources_page li{ background-color:#efefef; border-bottom:1px solid #ccc; display:block; list-style:none;
				 margin:5px; padding:5px; padding-left:20px; }

#footer{background:#585858 url(../images/bg_footer.jpg) repeat-x left; min-height:64px; color:#fff;}
	#footer a{ color:#ccc;}
	#footer_right{ text-align:center; padding:15px 0 15px 0;}
		#footer_right a{ color:#ccc;}
	#footer_logo img{padding:10px; margin-bottom:10px;}

#footer_inside{background:#585858; min-height:84px; color:#fff; padding:15px 0 0 0}
	#footer_inside a{ color:#ccc;}
	#footer_logo img{padding:10px; margin-bottom:10px;}
	#footer_inside ul { margin:5px 0 0 0;}
	#footer_inside ul li{list-style:none; padding:0; margin:0; margin-bottom:5px; font-size:11px;}
	
.standard_table tr td{ line-height:20px;}	
.standard_btn a{ background:#339900; padding:6px 10px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999;}
	.standard_btn a:hover{ text-decoration:none; border-color:#666;}	
.red a{ background-color:#993300;}
.green a{ background-color:#339900;}
.gray a{ background-color:#999999;}	
	
textarea:focus, input:focus {
	background:#efefef;
    border:3px solid #ccc;
}

.product_container{ text-align:center; margin-bottom:10px;}
	.product_container img{float:none; margin:5px; padding:0; border:1px solid #8ab4cd;
	-moz-border-radius:0px; -webkit-border-radius:0px;}
	.product_container a:hover{ text-decoration:none;}

.product_grid table {border:1px solid #ccc; width:100%;}
.product_grid table thead tr td{ padding:3px 5px; background-color:#666; color:#fff; text-align:center; font-weight:800; line-height:30px; border-top:3px solid #8ab4cd; background:url(../images/table_header_bg.gif);}
.product_grid table thead tr td img{ vertical-align:middle;}
.product_grid table tbody tr {font-size:11px;}
.product_grid table tbody tr td{text-align:center; vertical-align:middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.product_grid table tbody tr td ul li{text-align:left;}
.product_grid table tbody tr td ul{ text-align:left; margin:3px 0; margin-left:5px;}
.product_category{ font-size:11px;}	
.product_category td{padding:5px;  background:#efefef; }
.product_grid img{float:none;}
.product_grid a:hover{text-decoration:none;}

.installation_grid table{ border:1px solid #ccc;}
.installation_grid table tr td{padding:5px;}
.installation_grid table thead tr td{padding:8px; background:#999; color:#fff; text-align:center; font-weight:800; border-top: 2px solid #339900;}

.forms label{ position:absolute; width: 180px;}
.forms select, .forms input, .forms textarea{ margin-left:180px; border:1px solid #ccc;}
.form_right{margin-left:180px;}
.forms_noleftmargin tr td{ padding:2px;}
.forms_noleftmargin select, .forms_noleftmargin input, .forms_noleftmargin textarea{border:1px solid #ccc;}
.button{}
.button input{background:#339900; padding:5px 10px; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:5px 0 0 0;}
	.button iuput:hover{background:#666666; padding:5px 10px; color:#fff;}
.forms ol li{list-style:none; padding:0px; margin:0px; margin-bottom:5px; clear:both;}
.result_table{}
	.result_table table{width:100%; border:1px solid #ccc;}
	.result_table table tr th{ padding:5px; background:url(../images/bg_th.jpg) repeat-x;}
		.result_table table tr th:hover{ cursor:pointer; background:url(../images/bg_th_flip.jpg) repeat-x;}
		.result_table table tr th img{float:none; vertical-align:middle; margin-top:5px; margin-left:0px;}
	.result_table table tr td{ padding:5px; border-bottom:1px solid #efefef;}



/* ----------------- CSS from the old website ----------------------- */	
#textleft {width: 310px; float: left; padding-top: 12px; padding-bottom: 12px;  }
	#textleft img{ float:none;}
#textright {width: 302px; float: left; padding-top: 12px; padding-bottom: 12px;  }
	#textright img{ float:none;}

.prodheader2 {color: #676767; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; }
.prodcontainer {margin:0 0 20px 0; clear:both;}
.prodphoto{ float:left;}
.prodnamebox{ float:left;}

.detailstab {background:url(../images/bg_tab.jpg) repeat-x; border-bottom: #FFFFFF 1px solid; color: #333; float: left; padding: 10px;height: 17px; font-weight: normal; margin-right:2px;}
.detailstab a:link {text-decoration: none; color: #333;}
.detailstab a:visited { text-decoration: none; color: #333;}
.detailstab a:hover { text-decoration: underline; color: #333;}

.detailstabselected {background-color: #666; background:url(../images/bg_tab_selected.jpg) repeat-x; color: #fff; float: left; padding:10px; height: 18px; font-weight: bold; margin-right:2px; border-top:2px solid #339900;}
	.detailstabselected a, .detailstabselected a:hover{ color:#fff;}
#detailsbox {padding:10px 0 0 0; border-top:2px solid #666;  float:left; width:560px; width:100%;}
	#detailsbox img{float:none; margin:0;}
/* contact page */
.contact {}
	.contact input {border:1px solid #999;}
	.contact textarea {border:1px solid #999;}
div.spacer { clear: both; }

/*forms*/
.formleft {width: 300px; float: left; position: relative; padding-top: 20px; font-size: 11px;}
.formleft input{ border:1px solid #666;}
.formright {width: 295px; float: left; position: relative; padding-top: 20px; padding-bottom: 10px; font-size: 11px;}
.formright input{ border:1px solid #666;}
.formbar {width: 290px; clear:both; position: relative; background-color:#e5e5e5; color: #000000; font-size: 12px;   font-weight: bold; border-bottom: 2px #CCCCCC solid; margin-bottom:5px;}
.formbartext {padding: 3px 3px 3px 12px;}
.formback {background-color:#FFFFFF; width: 290px;}
.formbackleft {background-color:#FFFFFF; width: 290px;}
.formrow {clear: both;  color: #000000; padding-bottom: 20px; font-size: 11px;}
.formlabel {width: 160px; float: left; position: relative; padding-left: 12px; font-size: 11px; padding-top: 3px;}
.formfield {width: 110px; float: left; position: relative; font-size: 11px;}
.formfieldradio {width: 110px; float: right; position: relative; font-size: 11px;}
input.formfield {height: 12px;}
.formspacer {clear: both; height: 10px;}
.buttonrow {}
	.buttonrow input{background:#339900; padding:5px 10px; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;
					 margin:5px 0 0 0; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999;}
	.buttonrow input:hover{padding:5px 10px; color:#fff; border-color:#666;}
.formerror {width: 280px;  color: #FF0000; font-size:11px; text-align: right;}
.formline {background-color: #000000; width: 600px; padding: 3px; height: 2px;}
.formrowleft {clear: both;  color: #000000; padding-bottom: 20px; padding-left: 12px; font-size: 11px;}