@charset "UTF-8";
/* CSS Document */

/*BASICS*/
body { background: #fff; font: .875em/1.5em Helvetica, Arial, sans-serif; color: #333;}
p {font-size: 1em; margin: 11px 0;display:block;}
h1 {font:normal 2em/1.25 Helvetica, Arial, sans-serif;color:#ec8c22;margin:0; margin-bottom:20px; font-weight:bold}
h2 {font:normal 1.65em Helvetica, Arial, sans-serif; margin: 10px 0;color:#1587c8;}
h3 {font:normal 1.3em Helvetica, Arial, sans-serif; margin: 10px 0;color:#1587c8;}
h4 {font:bold 1.25em Helvetica, Arial, sans-serif; margin: 10px 0;color:#1587c8;border-bottom:dashed 1px #fead28;width:390px;float:right;}
a {color: #ec8c22;}
.content p, .content .list {font-size:.875em;color:#333;width:490px;}
strong {font-weight:bold;}
hr {color:#1587c8;height:5px;background-color:#1587c8;display:block;border:none; width:960px; margin-top:-15px}


/*STRUCTURE*/
.container {width:960px;margin:0 auto;}
.content {display:block;width:960px;background-color:#fff;margin:10px auto 40px auto;}
#header {margin:0 auto;height:233px;width:960px;background: #fff url('../images/bg.png') no-repeat;}
	#logo {display:block;margin-bottom:10px}
	#tagline {margin-top:70px; float:left;color:#fff;font-size:1.7em; line-height:1.35;width:450px; display:block; text-shadow: black 0.1em 0.1em 0.2em; font-weight:bold}
	#tagline span	{background-color:#ec8c22; font-size:.7em;display:block; text-align:center; box-shadow: black 0.1em 0.1em 0.2em; width:430px;margin-top:15px;color:#fff; font-weight:100}
	#tagline strong	{color:#ec8c22}
#hp-banner {display:block;width:100%;height:250px;margin:0 auto;background: #fff url('../images/hpbanner.jpg') top center no-repeat;}
#banner {width:100%;height:120px;margin:0 auto; background: #fff url('../images/banner1.jpg') top center no-repeat;display:block;}
	.banner-buttons {float:right;width:370px;height:265px;margin:50px 100px 0 0;}
	.col-right .banner-buttons {float:right;width:390px;height:265px;margin:0; margin-top:50px;}
	.banner-buttons a {display:block;width:370px;height:50px;padding:10px 0 0 10px;margin-bottom:15px;text-decoration:none;color:#fff;text-shadow: black 0.1em 0.1em 0.2em;}
	.banner-buttons a strong {display:block;font-size:1.7em; text-align:center}
	.banner-buttons a span {display:block;font-size:.9em;}
	.col-50 {display:block;float:right;width:450px;margin-right:20px;padding-right:20px;border-right:dotted 1px #016674;}
		.col-50 p {width:430px;display:block;padding:0 10px;}
		.side50 {margin-right:0;border-right:none;padding-right:0;}
	.hp-col-left {width:260px;display:block;float:left;margin:0 20px 10px 0;}
		.hp-col-left span	{color:#1587c8; font-weight:bold}
	.hp-col-center	{width:250px;display:block;float:left;margin:0 20px 10px 0; margin-left:20px;margin-right:-25px;padding-left:15px}
		.hp-col-center p	{width:250px; color:#1587c8; font-style:italic; font-size:.8em;}
	.hp-col-right {display:block;float:right;width:350px;margin:0 0 10px 0; background-color:rgba(0,56,88,0.1);padding:10px;}
		.hp-col-right p {width:320px;display:block;}
		.hp-col-right h3 span	{display:block; font-size:.8em; color:#000; font-style:italic}
#hp	{width:300px;margin-right:10px; font-size:1em}
.col-left {width:500px;display:block;float:left;margin:0 20px 40px 0;}
.col-right {display:block;float:right;width:400px;margin:0 0 40px 0;}
	.col-right h3 {background-color:#a72c47;color:#fff;text-align:center;width:370px;margin:0 0 20px 0;padding:5px 10px;float:right;}
		.col-right h3 a {color:#fff;}
	.col-right p {width:370px;display:block;padding:0 10px;}
.product-left	{width:750px;display:block;float:left;}
	.product-left p	{margin-bottom:80px;}	
	.product-left img	{float:left;display:block;margin-right:50px;height:125px}
	.product-left ul img	{height:20px;margin-right:0;display:block}
	.product-left ul {display:block;width:960px;list-style:none;font:normal 1em Helvetica, Arial, sans-serif;}
	.product-left ul li {float:left;position:relative;display:block;  margin-left:5px; display:block;}
		
#footer {display:block;width:100%;background:#666;border-top:solid 6px #dedfe1;padding-top:20px;padding-bottom:20px;}
	#footer-address {display:block;width:240px;float:left;height:170px;}
		#footer-address span {display:block;margin-bottom:10px;font:normal 1em Helvetica, Arial, sans-serif;color:#fff;line-height:1.5;}
		#footer-address span strong {font-size:1.25em;}
		#footer-address span a {color:#fff;}


/*NAVIGATION*/
#nav {float:left;display:block;width:960px;height:28px;margin:73px auto 0 auto;}
#nav ul {float:left;display:block;width:960px;list-style:none;font:normal 1em Helvetica, Arial, sans-serif;}
	#nav ul li {float:left;position:relative;display:block;  margin-left:5px; display:block; text-align:center;}
	#nav ul li a {width:103px;height:27px;padding:4px 0 0 0;display:block;text-decoration:none;color:#fff;background: url('../images/nav-blue.png') center no-repeat;}
	#nav ul li a:hover {background: url('../images/nav-orange.png') center no-repeat;display:block;}
#nav-toggle {display:none;}
		
ul#footer-navigation {list-style:none;display:block;width:660px;height:110px;font:normal .875em Helvetica, Arial, sans-serif;float:left;border-left:solid 1px #ececec;padding-left:30px;}
	ul#footer-navigation li {position:relative;display:block;margin:0 15px 0 0;float:left;}
	ul#footer-navigation li a {text-decoration: none; color: #fff;display:block;}
	ul#footer-navigation li a:hover {color: #fff;text-decoration:underline;}


/*SPECIFIC*/
.devnotes {color:#f00;background-color:#ff0;}
span.hide {display:none;}
.nobg {background-color:none !important;background:none !important;text-align:center !important;border:none !important;margin:0 auto;}
.red {background-color:#1587c8;}
.green {background-color:#ec8c22; box-shadow: black 0.1em 0.1em 0.2em;}
	.biggreen {font-size:1em !important;color:#016674 !important;}
.yellow {background-color:#1587c8;}
.orange {background:#db7704 url('../images/checkbox.png') right center no-repeat;}
.border {border:solid 1px #ececec; padding:8px;margin:8px;}
.no-border {border:none !important;}
.left {float:left;margin-right:10px;}
.right {float:right;margin-left:10px;clear:right;margin-bottom:10px;}
ul.list {list-style:outside disc;margin-left:20px;padding-left:20px;display:block;}
	ul.list li {margin-bottom:5px;}
	.news li {margin:5px 0 10px 0;padding:0;background:#ececec url('../images/pdf_icon.png') center left no-repeat;padding:8px 8px 8px 40px;list-style:none;font-size:.875em;}
	.news2 li {margin:5px 0 10px 0;padding:0;background:#ececec;padding:8px 8px 8px 10px;list-style:none;font-size:.875em;}
ol.list {list-style:outside decimal;margin-left:10px;padding-left:10px;display:block;}
	ol.list li {margin-bottom:5px;}
.list .list {font-size:1em;}
.printonly {display:none;}
.more {display:block;margin:8px 0;}
#social {float:right;height:65px;}
	#social img {margin:5px 2px 0;}
.contactbox {float:right;clear:right;width:334px;margin-left:75px;margin-top:44px;padding:10px;background-color:#ececec;}
	.contactbox p {width:305px !important;}
	.contactbox span {background-color:#1587c8;color:#fff;font-weight:bold;display:block;margin-bottom:5px;font-size:1.13em;padding:5px;}
	.directionsbox input {width:260px;padding:3px;}
#map_canvas {width:380px;height:300px;border:solid 1px #0065b5;}
#directionsPanel {width:380px;border:solid 2px #eee;}
	#directionsPanel table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#directionsPanel div {font:1em Arial, Helvetica, sans-serif;color:#666;}
.locations li {display:block;background-color:#f7f7f9;margin:10px 0;font: normal .875em/1.4 Helvetica, Arial, sans-serif;padding:10px;border:solid 1px #d7d5d6;}
	.locations li strong {font-size:1.13em; color:#114a8e;margin-bottom:3px;}
.caption {display:block;width:200px;float:right;margin:5px 0 10px 10px;padding:5px 5px;background-color:#ececec;font-size:.875em;font-style:italic;border-bottom:dashed 1px #fead28;border-top:dashed 1px #fead28;}
	.caption span, .caption img {display:block;margin-bottom:6px;text-align:center;margin:0 auto;}
.video {float:right;display:block;width:370px;}
ul#plant {width:100%;display:block;}
	#plant li {width:47%;margin-right:1%;display:block;height:270px;float:left;background-color:#ececec;padding:0 5px;margin-bottom:5px;}
	#plant img {margin-right:10px;width:135px;float:left;}
	#plant span {width:220px;display:block;float:left;font-size:.875em;}
.products	{display:block;width:960px;height:54px;margin:0 auto; margin-bottom:130px; margin-left:-25px; margin-top:50px}	
	.products ul	{display:block;width:960px;margin:0 auto;list-style:none;}
	.products ul li {float:left;position:relative;display:block; margin-left:40px; text-align:center}
.product-center	{width:960px;display:block;float:left;margin:0 0 50px 0; border-bottom: 5px solid #1587c8}	
	.product-center p	{width:960px}
.box	{display:block;float:right;width:200px;margin:0 0 40px 0; margin-right:150px}	
.box p	{ border:3px solid #1587c8; border-top:hidden; display:block;float:right;width:200px;padding:20px 20px 10px 15px; font-size:1.2em; line-height:1.35; text-align:center; margin-right:-20px; margin-top:-15px;  }
.box span	{float:right; margin-top:5px;}
	

/*FORMS*/
form.cmxform fieldset { margin-bottom: 30px; }
form.cmxform legend {padding: 0 2px;font-weight: bold;_margin: 0 -7px; /* IE Win */}
form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top;}
form.cmxform fieldset ol {margin: 1em 0;padding: 1em 0;border:solid 1px #d7d5d6;background-color:#f7f7f9;}
form.cmxform fieldset ol.hazardous {background-color:#ede3e5;}
form.cmxform fieldset li {list-style: none;padding: 5px;margin: 0;}
form.cmxform fieldset fieldset {border: none;margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;width: auto;}
form.cmxform em {font-weight: bold;font-style: normal;color: #f00;}
form.cmxform label { width: 160px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 163px; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
form.cmxform {width: 440px;font-size: .875em;color: #333;}
form.cmxform legend { padding-left: 0; }
form.cmxform label { color: #333; }
form.cmxform fieldset {border: none;border-top: 1px solid #f7f7f9;/*background: url(../images/cmxform-fieldset.gif) left top repeat-x;*/}
form.cmxform fieldset fieldset { background: none; }	
form.cmxform fieldset li {padding: 5px 10px 7px;/*background: url(../images/cmxform-divider.gif) left bottom repeat-x;*/}


/*TABLES*/
table#testoptions {display:block;width:100%;font-size:.9em;margin-bottom:15px;}
	#testoptions th {height:30px;vertical-align:middle;background-color:#231f20;color:#fff;}
	#testoptions th, #testoptions td {padding:10px;border-right:solid 1px #ddd;border-bottom:solid 1px #999;}
	.thleft {background-color:#ececec;font-weight:bold;}

table#productslist {display:block;width:100%;font-size:.875em;margin:20px 0;}
	#productslist th {background-color:#016674;color:#fff;border:solid 1px #097f8e;font-weight:normal;padding:2px 5px;text-align:center;vertical-align:middle;}
	#productslist td {background-color:#eaf5f7;border:solid 1px #fff;padding:2px 3px;text-align:center;vertical-align:middle;}
	a.tech-sheet {display:block;background-color:#fead28;padding:5px 8px;color:#333;text-decoration:none;width:50%;font:1.13em Arial, Helvetica, sans-serif;margin:0 auto;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
		a.tech-sheet:hover {background-color:#ffc76d;}
	#productslist th h3 {color:#fff;font-weight:bold;text-align:center;}

table#insideproduct {display:block;width:100%;font-size:.875em;margin:20px 0;}
	#insideproduct th {background-color:#016674;color:#fff;border:solid 1px #097f8e;font-weight:normal;padding:5px;text-align:center;vertical-align:middle;}
	#insideproduct td {background-color:#eaf5f7;border:solid 1px #fff;padding:6px 8px;text-align:center;vertical-align:middle;}


/*VECTOR MAP*/
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -moz-border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    -moz-border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    left: 10px;
    top: 10px;
}

.jvectormap-zoomout {
    left: 10px;
    top: 30px;
}
#repmap {display:block;width:100%;height:400px;}
#location ul {display:block;background-color:#ececec;margin:0 0 5px 0;padding:6px;}