﻿* {margin:0;padding:0;}
html {font-size:80%;font-family: Arial, Helvetica, sans-serif;height:100%;background-color:#000000;}
body {color:#656565;text-align:center;height:100%}
#outer {text-align:center;width:100%;background-color:#dfdfdf;}

/** header styles **/
h1,h2,h3,h4,h5,h6 {color:#8D8D8D;font-family:Arial, Helvetica, Sans-Serif;margin-bottom:6px;padding-top:0px;}
h1 {font-size:160%;color:#00275E;}
h2 {font-size:130%;}
h3 {font-size:110%;margin-bottom:2px;padding-top:20px;}
h4 {font-size:100%; margin-bottom:2px;padding-top:14px;}
h5 {font-size:100%; color:#00275E; margin-bottom:6px;padding-top:6px;}
h6 {font-size:100%;}
h1 span, h2 span {display:none;}

#about-h2{color:#00275E; margin-bottom:6px;padding-top:10px;}

input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size:90%;}
a img { border:none;}
a {text-decoration:none;color:#006699;}
a:hover {text-decoration:underline;}
p {margin-bottom:10px; font-size:100%;line-height:1.6em;}
.hidden {display:none;}
.clear {clear:both;line-height:0px;height:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.imgFloatRight{float:right; padding:0 20px 0 35px;}
.imgFloatLeft{float:left; padding:12px 15px 0 0 ;}
.firstPara{font-weight:bold; padding:0 0 0 0;}


/** page structure **/
#container {width:964px;margin:0 auto 0 auto; background:url(images/bgEdge.jpg) top center repeat-y #DFDFDF;padding: 0 0 0 10px;}
#header{width:754px;height:40px;text-align:left;}
#logo{width:200px;height:122px;float:left;}
#leftside{width:200px;float:left;text-align:left}
#rightside{width:754px;float:left;text-align:left}
#leftInner{padding: 20px 0 0 20px;}
#leftInner p{padding: 10px 0 0 0;color:#FFFFFF;}

#horNav{width:754px;height:29px;background:url(images/bgNavigation.jpg) top left no-repeat #000000;}



/** layout **/
#mainContent{width:920px;text-align:left;padding:0 10px 0px 10px;background-color:#FFFFFF; }
#mainMessage{padding-top:10px;}
#homepageUpper{display:block;clear:right;width:695px; padding:25px 30px 5px 29px;}
#GenPanel{display:block;clear:right;width:695px; padding:10px 30px 10px 29px;}
#homepageLower{width:725px; padding:0px 0 0px 29px;}
#homepageLower h2{color:#ffffff;margin:0 0 0 0;padding:6px 0 0 0;font-size:130%}
#promoWindow{padding:8px 0 0 0}


#horNav ul {margin: 0;list-style: none; padding: 0 0 0 10px}		
#horNav ul li{display:inline;}
#horNav ul li a {float:left;display:block;padding:5px 15px 0 15px;height:24px;text-decoration:none;background:url(images/nav.png) no-repeat top right;text-align:center;color: #fff;}
#horNav ul li a.active {background-position: 0 -58px;}		
#horNav ul li a:Hover {background-position: 0 -29px;}
#horNav ul li a.active:hover {background-position: 0 -58px;}

#contentLower{padding:0px 0 0 40px;}
#contentLower ul{padding: 10px 0 0 0px;}	

#secondaryNav{color:#8c8c8c;padding:0 0 0 0;margin:0 auto;font-size:110%;width:954px;height:35px text-align:center;background:url(images/sidepurple.png) repeat-y top left #ffffff;}
#secondaryNav a{color:#8c8c8c;}

#footerleftside{width:200px;float:left;height:35px;background-color:#543556}
#footerrightside{width:754px;float:left;height:25px;padding:10px 0 5px 0}

#footerOutside {width:100%;background-color:#000000;color:#FFF;font-size:90%;text-align:center;min-height: 100%;
	height: auto !important;height:100%;}
#footer{width:914px;margin:0 auto;color:#ffffff;padding:10px 0 100px 30px;text-align:left;}
#footer p{font-size:110%;line-height:1.3em;width: 350px;float:left;}
#footer a{color:#8c8c8c;}
#footerInfoRight {width:180px;text-align:right;float:right;padding:0px 6px 0 0;font-size:90%;}




.formrow {margin: 10px 0 10px 0;padding: 0;display: block;}
label{width: 150px;float: left;text-align: left;margin: 0 8px 0 0;padding-top: 2px;clear: both;}
label.required {background:transparent url(images/required.gif) no-repeat center right;}
.input-box{font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;color:#656565;padding: 2px 0 3px 3px; 0 0;background: #ffffff;border:1px solid #bbbbbb;width:200px;}
.textbox{font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;color:#656565;padding: 1px 0 1px 3px; 0 0;background:#ffffff;border:1px solid #bbbbbb;width:120px;}
.chkBox {float: left;padding: 0 20px 6px 0;margin: 0;}
fieldset {padding:0px 20px 30px 80px;margin:20px 0 40px 0;position:relative;border: 1px solid #3399cc;background:transparent url(images/fieldsetbg.jpg) no-repeat bottom right;}
fieldset:hover{border-color:#006699;}
fieldset p {padding:20px 0px 0px 0px;margin: 0;font-weight: bold;}
.dropDownBox{font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;color:#656565;height:20px;}

legend{font-size:120%;font-weight:bold;padding:5px;margin:0 0 16px -8px;color:#ffffff;background:#006699;position:relative;}
p span.required {display:inline-block;vertical-align:middle;line-height:3.4em;width:22px;line-height:3.4em;text-indent:-10000px;overflow:hidden;background:transparent url(images/required.gif) no-repeat center right;}

.homepageBox{width:190px;height:255px;float: left; padding:7px 15px;margin:0 15px 0 0;background-color:#DFDFDF }
.homepageBox p{padding:6px 0;margin:0 0 0 0;font-size:90%;line-height: 18px;}
.homepageBox h3{padding:10px 0 0 0;margin:0 0 0 0; color:#666666;font-size:130%}

#homepageUpper ul, #GenPanel ul{padding:4px 0 12px 20px; list-style-image:url(images/blueball.gif);}
#homepageUpper ul li, #GenPanel ul li{padding:1px 0 5px 4px;}
#homepageUpper ul, #GenPanel #contactForm ul {padding:4px 0 4px 20px; list-style-image:none;}
	
.spacePara{height:14px;}

#keyBenefits{background:url(images/bg_keybenefits.gif);width:690px;height:273px;margin:10px 30px 10px 29px;}
#keyBenefits ul{padding:16px 0 12px 95px; list-style-type:none;}
#keyBenefits ul li{padding:4px 0 0px 4px;color:#FFFFFF; font-weight:bold;font-size:100%;height:32px; letter-spacing:-0.5px}

#keyBenefits2{background:url(images/bg_keybenefits_styromelt.gif);width:690px;height:344px;margin:10px 30px 10px 29px;}
#keyBenefits2 ul{padding:16px 0 12px 95px; list-style-type:none;}
#keyBenefits2 ul li{padding:4px 0 0px 4px;color:#FFFFFF; font-weight:bold;font-size:100%;height:32px; letter-spacing:-0.5px}

.newsDate {color:#999999;font-size: 90%}
.NewsPanelHeading{padding: 8px 0 4px 0}
.NewsPanelHeading a{color: #666666;}
.NewsPanelDate{font-weight:bold; color: #999999;}

#contactForm{width:590px;padding: 16px;margin:20px 0 10px 0;background-color:#e5e5e5; }
.formRow {width: 590px;margin: 5px 0 8px 0;padding: 6px 0;}
.signUpinput {margin:0 6px 0 0; height:20px; float:left;color:#666;font-size: 90%; padding: 2px 0 0 6px;border: #ccc solid 1px;width:260px;}
.enqBox{margin: 6px 0 0 0;font-size: 90%;width: 270px; color:#666}
#subButton{padding: 16px 0 0 167px}
#vidBtn{padding: 10px 0 0 0;}


.partnerPanel{width: 620px; background:url(img/partnerPanel.jpg) #D0D0D9 top left no-repeat; padding: 10px 10px 0 10px;margin: 0 0 10px 0;color: #666;}
.partnerPics {float: left;margin: 0 10px 0 0 ;clear: both;}
.partnerPanel h5{margin-bottom:6px;padding-top:4px}
.cPanel{padding:0 20px 0 20px;margin:0}
.cPanelH3{padding:15px 0 0 20px;margin:0}
.topPadding{padding:20px 0 0 0}
.img_float_right {float: right;margin: 10px 10px 10px 10px;}
