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

body {margin:13px auto 0 auto; background:url(../images/bg1.jpg) left top repeat-x #FFF; font-family:Tahoma; color:#302c31; font-size:11px;}

h1, h2, p {margin:0; padding:0;}
ul {list-style:none; margin:0; padding:0;}

.clearElement {clear:both; width:0; height:0; overflow:hidden;}

div.headerWrapper {background:url(../images/headerBg2.png)  top no-repeat; z-index:20; width:100%; position:relative; margin:0 auto; padding-bottom:20px}
	div.headerWrapper div {width:100%; margin:0 auto;}
		div.headerWrapper div img {margin:9px 15px;}
		div.headerWrapper div ul {padding:0px 0 14px 0; list-style:none; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; line-height:13px;}
			div.headerWrapper div li.list {padding:0px 18px; float:left; border-right:solid 1px #001363;}
				div.headerWrapper div li.list a {color:#001363; text-decoration:none;}
				div.headerWrapper div li.list a:hover {color:#0c82e8;}
			div.headerWrapper div li.last {border:none;}
			
			
			
div.container {width:948px; margin:0 auto; position:relative; top:-5px; z-index:10;}
	div.container div.banner { height:235px; padding-top:110px;}
		div.container div.banner div.tag {padding-left:180px; color:#3a363b; font-size:25px; line-height:24px; width:246px; float:left;}
			div.container div.banner div.tag span {font-size:30px; font-weight:bold;}
		div.container div.banner div.btn {float:left; font-size:18px; width:204px; height:31px; padding-top:8px; margin-top:10px; background:url(../images/btn_bg.png) left top no-repeat; text-align:center;}
			div.container div.banner div.btn a {color:#3a363b; text-decoration:none;}
			
			
	div.container div.greyBox {}
		div.container div.greyBox h1 {font-size:20px; font-family:Tahoma; margin:20px 0 30px 0;}
		div.container div.greyBox div.left {background:url(../images/greyBox_left.jpg) left top no-repeat; width:20px; height:300px; float:left;}
		div.container div.greyBox div.right {background:url(../images/greyBox_right.jpg) right top no-repeat; width:20px; height:300px; float:left;}
		div.container div.greyBox div.content {background:url(../images/greyBox_center.jpg) right top repeat-x; width:908px; height:300px; float:left;}
			div.container div.greyBox div.content div.whiteBox {float:left; margin-right:40px;}
				div.container div.greyBox div.content div.whiteBox div.left {background:url(../images/whiteBox_left.png) left top no-repeat; width:9px; height:213px; float:left;}
				div.container div.greyBox div.content div.whiteBox div.right {background:url(../images/whiteBox_right.png) left top no-repeat; width:9px; height:213px; float:left;}
				div.container div.greyBox div.content div.whiteBox div.content {background:url(../images/whiteBox_content.png) left top repeat-x; width:215px; height:213px; float:left;}
					div.container div.greyBox div.content div.whiteBox div.content h2 {font-size:18px; background:url(../images/h2_2_bg.jpg) right bottom no-repeat; margin-top:8px; padding:0 0 6px 12px; margin-bottom:4px;}
					div.container div.greyBox div.content div.whiteBox div.content h2.chemical {background:url(../images/h2_2_bg.jpg) right bottom no-repeat; padding-bottom:10px; margin-bottom:0;}
					div.container div.greyBox div.content div.whiteBox div.content ul {font-size:10px; line-height:15px; padding-left:5px; padding-top:10px;}
						div.container div.greyBox div.content div.whiteBox div.content ul li {background:url(../images/arrow.png) left 5px no-repeat; padding:0 0 5px 15px;}
			div.container div.greyBox div.content div.allPlans {float:left; width:220px; padding-left:25px;}
				div.container div.greyBox div.content div.allPlans h2 {font-size:18px;}
				div.container div.greyBox div.content div.allPlans ul {padding:25px 0 0 15px; font-size:10px;}
					div.container div.greyBox div.content div.allPlans ul li {background:url(../images/arrow_grey.png) left 5px no-repeat; padding:0 0 10px 15px;}
					div.container div.greyBox div.content div.allPlans ul li.white {background:url(../images/arrow_white.png) left 5px no-repeat; font-size:11px; color:#FFF;}
					
	
	div.container div.text {}
		div.container div.text div.welcome {float:left; width:620px; padding:0 50px 0 20px;}
			div.container div.text div.welcome h1 {font-size:15px; padding-bottom:20px;}
		div.container div.text a {display:block; float:left; background:url(../images/have-a-question.jpg) left top no-repeat; width:250px; height:95px;}
		
		
	div.container div.footer {color:#8b8b8b; font-size:10px; border-top:solid 1px #b3b1b3; padding-top:10px; padding-left:15px; padding-bottom:30px;}
		div.container div.footer a {color:#8b8b8b; text-decoration:none;}
		div.container div.footer a:hover {text-decoration:underline;}
		
		.Blue
		{
		    color:Blue;
		    }
		    
		.ErrorText
		{ color:Red;
		    }
		    
		    .SubTitle
		    {
		        color:Blue;
		        font-weight:bold;
		        font-size:x-small;
		        }
		        
		        #backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}