/* Author Name : Shaikh Rahil,Mandar Juvekar Author Site : http://www.wrappercode.com Site URL : http://www.pantene.com Updated on : 10th July 2009 */ /* --------------------------------------------- STRUCTURE --------------------------------------------- */ html {overflow-y:scroll;/* Moz */height: 100%;} body{background-color:#001930;font:62.5% Arial, Helvetica, sans-serif;} body#home{background-color:#fff;} #wrapper-code{margin:0 auto;width:990px;font:1.1em Arial;color:#3b3b3b;position:relative;z-index:1000;} #content-wrapper{width:990px;clear:both;float:left;position:relative; z-index:-999;} #content-wrapper.potion{background:url(../images/potion-bg.jpg) left top no-repeat;width:990px;height:430px;} .apply-page{background:url(../images/apply-bg.jpg) left top no-repeat;width:990px;height:710px;} .hair{background:url(../images/hair-bg.jpg) left top no-repeat;width:990px;height:1310px;} .myth{background:url(../images/myth-bg.jpg) left top no-repeat;width:990px;height:1160px;} #footer{ position:absolute; bottom:30px; right:-1px; width:400px; color:#3f5270 } #footer li{float:left;margin-left:5px;font-size:0.9em;} #footer li a{color:#3f5270} /* --------------------------------------------- HEADER --------------------------------------------- */ #header{float:left;height:90px;position:relative;width:990px;} #header h1{position:absolute;top:10px;left:35px;} #header h1 a{ background:url(../images/logo.gif) left top no-repeat;width:140px;height:77px;text-indent:-9999px;display:block;} body#home #header{background:#001930} body#home #header h1{display:block;width:141px;height:54px;text-indent:-9999px;background:#001930 url(../images/home-logo.gif) left top no-repeat;} #header ul#main-nav{position:absolute;top:20px;right:0px;} #header ul#main-nav li{float:left;} #header ul#main-nav li a#apply{ background:url(../images/nav-sprite.gif) left top no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#apply:hover{ background:url(../images/nav-sprite.gif) left bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#apply.focus{ background:url(../images/nav-sprite.gif) left bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#hair{ background:url(../images/nav-sprite.gif) center top no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#hair:hover{ background:url(../images/nav-sprite.gif) center bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#hair.focus{ background:url(../images/nav-sprite.gif) center bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#vs{ background:url(../images/nav-sprite.gif) right top no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#vs:hover{background:url(../images/nav-sprite.gif) right bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} #header ul#main-nav li a#vs.focus{background:url(../images/nav-sprite.gif) right bottom no-repeat;width:141px;height:65px;display:block;text-indent:-9999px;} /* --------------------------------------------- COMMON CLASSES & IDS --------------------------------------------- */ *{padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;} a,a:link,a:visited{color:#3b3b3b;text-decoration:none;outline:none;} a:hover{color:#a5a2a2;text-decoration:underline;} h3{font:1.7em Georgia,"arial rounded mt bold", "arial black";text-align:left;text-transform:uppercase;color:#eb0008;letter-spacing:0.5px; visibility:hidden} h4{font-size:1.1em;color:#3b3b3b;letter-spacing:0.5px;} p{padding-bottom:10px;line-height:160%;} li{list-style:none; } img{border-width:0px;} input, select{padding:3px;font-size:1em;color:#3b3b3b; } input:hover,select:hover{background-color:#EFEFEF;color:#000;} input[type="image"]:hover{background-color:transparent;} dt{padding-top:10px;} dt a{font-weight:bold;} textarea{border:1px solid #a5a2a2;padding:3px;color:#3b3b3b;font-size:1.03em; letter-spacing:-0.5px; font-family:Arial, Helvetica, sans-serif; } input[type="image"],input[type="radio"]{border-width:0} /*HOME*/ .home{background:#fff url(../images/home-bg.jpg) left top no-repeat;width:990px;height:570px; z-index:999;} #home-flash{position:absolute;top:22px;left:120px;width:780px;height:350px;z-index:1000;} #blurb1{position:absolute;bottom:65px;left:150px;width:300px;height:139px;} #blurb1 a{background:url(../images/blurb1.jpg) left top no-repeat;width:300px;height:139px;text-indent:-9999px;display:block;} #blurb2{position:absolute;bottom:65px;left:550px;width:314px;height:139px;} #blurb2 a{background:url(../images/blurb2.jpg) left top no-repeat;width:314px;height:139px;text-indent:-9999px;display:block;} #home-footer{position:absolute;bottom:10px;left:30px; background:url(../images/png.gif) left top no-repeat;padding:0 0 0 50px;width:600px;font-size:0.8em;color:#d3d3d3;} #home-footer p{padding:0;margin:-3px;} #home-footer #home-list{padding-top:3px;margin-left:-3px;} #home-footer #home-list li{float:left;margin-right:3px;font-size:0.9em; } #blurbs .box-content ul li{background:url(../images/common/sprites.gif) 0px -0px no-repeat;padding:1px 0 10px 15px;} #blurbs .box-content a{color:#3b3b3b;font-weight:bold;} #blurbs .box h3{text-transform:capitalize;} a.feed-icon{position:absolute;top:0;right:0;} /*APPLY*/ #content-wrapper.apply-page #video{position:absolute;top:80px;left:150px;width:292px;height:272px;border:3px solid #3f5270} #copy-apply{ position:absolute;bottom:120px;left:260px;width:600px;color:#fff;font-size:1em;} #form{position:absolute;top:333px;left:290px;} #form table td{color:#fff;padding-bottom:5px;_padding-bottom:4px;font-size:1.1em;display:table-cell;} #form table td.alpabets{color:#cfba80;font-weight:bold; text-align:center} .question-bg{ width:430px;height:116px;padding:5px 0 0 10px;;} .circle{ background:url(../images/circle.png) 2px 2px no-repeat;color:#047dab !important;padding:3px 0 0 7px;font-weight:bold;} .question{font-weight:bold;} .spacer{padding-top:10px;} .spacer2{padding-top:0px;} .spacer3{padding-top:0px;} #content-wrapper.potion h2,#content-wrapper.potion h3,#content-wrapper.potion p,#content-wrapper.apply-page p,#content-wrapper.apply-page h2,#content-wrapper.myth #testimonials,#content-wrapper.myth h3,#content-wrapper.myth h2,#content-wrapper.myth h3,#content-wrapper.myth h4,#content-wrapper.myth p,#q-copy{display:none;} #one,#two,#three{padding-top:10px;display:none} p#home{padding:15px 0;clear:both;} /*simple basic html */ #htmlbasic{position:absolute;top:22px;left:120px;width:780px;height:350px;z-index:1000; background:url(../images/html-bg1.jpg) 413px 39px no-repeat;} .htmlcontents {width: 350px; margin:135px 0 0 28px; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #fff;} .htmlcontents h2 {color: #666;} .htmlcontents a { clear:both; text-decoration: underline;} .htmlcontents a:hover {color: #fff;} #wrapper-code .footerinks { clear: both; padding: 15px 0 5px 80px; background: url(../images/arrow.jpg) 60px 19px no-repeat; font: bold 10px Verdana, Arial, Helvetica, sans-serif; } #wrapper-code #hide-footer { display: none; z-index:1; } #wrapper-code .column1,#wrapper-code .column2,#wrapper-code .column3 { float: left; width: 300px; padding: 0; margin: 0; color: #f0ca97; } #wrapper-code .column1 a,#wrapper-code .column2 a,#wrapper-code .column3 a { float: left; width: 300px; padding: 0; color: #f0ca97; } #wrapper-code .fcolor, #wrapper-code .fcolor a { color: #3b3b3b!important; } #wrapper-code .fcolor a:hover { color: #a5a2a2!important; } #wrapper-code .column1 {padding-left: 80px; width: 225px;} #wrapper-code .headingb {font: bold 12px Verdana, Arial, Helvetica, sans-serif;}