/* HTH - ARCH Chemicals Home Stylesheet 
(c) ARCH Chemcials
[Table of contents]
1. Body
2. Container / #container (968px)
3. Header / #header
4. Utility Navigation / .utilityNav
5. Global Navigation / #nav
6. Article (Center Content) / #article
7. 4-Step / #stepArea
8. Bottom Three / #bottomThree
9. Footer / #footercontainer
10. Copyright / #copyrightcontainer
*/
@import "/FedFiles/en/Stylesheets/reset.css";
/* 1. Body */
body{background:#0085cf url(/FedFiles/en/HTH/Images/bak_home.png) no-repeat top center;font:80% "Trebuchet MS", Arial, sans-serif;}
/* 2. Container*/
#container{width:968px;margin:0 auto;text-align:center;min-height:730px;background:#0085cf url(/FedFiles/en/HTH/Images/bak_home.png) no-repeat top center;}

/* 3. Header */
#header{padding-top:42px;text-align:left; height:43px; position:relative;}
form#cse-search-box { position:absolute; top:46; right:21px;}
/* 4. Utility Navigation */
ul.utilityNav{color:#fff;padding:11px 0 0 303px;float:left;width:355px;}
ul.utilityNav li{display:inline;float:left;background:url(/FedFiles/en/HTH/Images/sep_utility.gif) no-repeat bottom right;}
ul.utilityNav li.last{background:transparent;}
ul.utilityNav li a{display:block;margin:0 10px 0 7px;}
ul.utilityNav li.last a{display:inline;position:relative;left:7px;margin:0 10px 0 0;}
ul.utilityNav li a, ul.utilityNav li a:link, ul.utilityNav li a:visited, ul.utilityNav li a:active{color:#fff;text-decoration:none;}
ul.utilityNav li a:hover{text-decoration:underline;}
input#searchArea{width:190px;display:inline;border:0!important;position:relative;top:-14px;background:transparent;padding:0 0 0 2px!important;}

/* 5. Global Navigation */
ul#nav{width:757px;margin:0 0 0 205px;text-align:left;padding:9px 0 0 0; float:left;height:34px;}
ul#nav li{float:left;display:inline;margin:0 2px 0 0;padding:0;height:34px;}

/* 6. Article */
#article{float:left;padding-left:10px;margin:0 0 0 10px;width:950px;height:356px;z-index:0;}
#article img{float:left;top:2px!important;}
#article img.noFloat{float:none;}
#article a.addtocart img{display:block!important;clear:both;}
#article.home img{display:none;}
/* 7. 4-Step Area*/
#stepArea{width:494px;min-height:271px;float:left;margin:-321px 0 0 453px;text-align:left;position:relative;}
#stepArea {background: transparent url(/FedFiles/en/HTH/Images/bak_4stepWhite.png) no-repeat top left;}
#stepArea p{/*font-size:100%;*/font-style:italic;width:224px;}
#stepArea .section{width:430px;height:110px;margin:53px 0 0 40px;}
#stepArea .section div{display:none;}
#stepArea .section div p{float:left;font-size:110%;}
#stepArea .section div img{float:left;margin-left:80px;}
#selectorArea{width:462px;float:left;height:80px;background: url(/FedFiles/en/HTH/Images/bak_4step_selectors.png) no-repeat top left;margin:2px 0 0 17px;}

#selectorArea a{float:left;padding:0 0;height:102px;width:102px;position:relative;top:-10px;}
a#image0.activeSlide{margin-left:25px;background: url(/FedFiles/en/HTH/Images/btn_4step_1over.png) no-repeat top left;}
a:hover#image0, a#image0.activeSlide{margin-left:25px;background: url(/FedFiles/en/HTH/Images/btn_4step_1over.png) no-repeat top left;}
a:hover#image1, a#image1.activeSlide{margin-left:25px;background: url(/FedFiles/en/HTH/Images/btn_4step_2over.png) no-repeat top left;}
a:hover#image2, a#image2.activeSlide{margin-left:25px;background: url(/FedFiles/en/HTH/Images/btn_4step_3over.png) no-repeat top left;}
a:hover#image3, a#image3.activeSlide{width:120px;margin-left:15px;background: url(/FedFiles/en/HTH/Images/btn_4step_4over.png) no-repeat top left;}

/* 8. Bottom Three Area*/
#threeArticles{float:left;margin:29px 0 0 19px;padding-top:9px;position:relative;}
#threeArticles h2 {color:#0085cf;font-size:150%; margin-top:13px; margin-bottom:7px; background:url(/FedFiles/en/HTH/Images/hdr_underline.gif) no-repeat left bottom}
#threeArticles p{line-height:1em;}
#threeArticles ul {margin:10px 0 0 16px;}
#threeArticles ul li{list-style:none outside url(/FedFiles/en/HTH/Images/blt_red_oval.gif) ;line-height:1em;margin-bottom:10px;}
.articleOne, .articleTwo, .articleThree{float:left;width:266px;text-align:left;padding:0 15px 0 25px;}
.articleOne{margin-right:6px;}
.articleTwo{margin-right:6px;}
.articleThree {margin-right:6px;}
p#waterTestLoginLink {position:absolute;top:100px;left:154px; width:136px;}

/* . Footer */
#footer{font-size:95%;line-height:1em;margin:8px auto 0 auto;padding:0 0 30px 27px;text-align:center;width:968px;}
#footer ul{margin-bottom:8px;}
#footer li{margin:0;display:inline;background: url(/FedFiles/en/HTH/Images/sep_footer.gif) no-repeat center right;}
#footer li a{padding:0 10px 0 4px;!important;margin:0;}
#footer li span {padding:0 0 0 6px;}
#footer li.last, p.copy a.last{background-image:none;}
#footer, #footer a, .copy, .copy a{color:#d6f0ff;}
p.copy{margin-top:10px;}
p.copy a{padding:0 7px 0 5px;background: url(/FedFiles/en/HTH/Images/sep_footer.gif) no-repeat center right;}
#footer p{padding-bottom:10px;}
a, a:link, a:visited, a:active{color:#0085cf;text-decoration:none!important;}
a:hover{text-decoration:underline!important;}
/*#stepArea div div{border:1px solid red;background-color:white;background-image:transparent;float:left;}*/
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
span.general{clear:both;display:block;padding:25px 0;}
#pLogin input {margin-bottom:5px;}

/* general styles; required for wysiwyg */
h4{color:#333333;margin-bottom:4px;font-size:95%;}
h5{color:#333333;margin-bottom:4px;font-size:85%;}
h6{color:#333333;margin-bottom:4px;font-size:75%;}