/* Global CSS Document */ /* ################################################################## */ /* FONTS */ /* ################################################################## */ h1,h2,h3,h4,p,li,td,th,textarea,input,div, select{ font-family:Arial, Verdana, Helvetica, sans-serif; } p,li,td,th,textarea,input,div, select{ color:#999; } body{ font-size: 67.5%; /* For IE */ } html>body { font-size: 11px; /* IE cant read this */ } /* ################################################################## */ /* FORM */ /* ################################################################## */ input.inputTextVerySmall, select.inputTextVerySmall, textarea.inputTextVerySmall {width:20px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextSmall, select.inputTextSmall, textarea.inputTextSmall {width:50px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextMediumExtraSmall, select.inputTextSmallLarge, textarea.inputTextSmallLarge {width:75px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextMediumSmall, select.inputTextMediumSmall, textarea.inputTextMediumSmall {width:100px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextMedium, select.inputTextMedium, textarea.inputTextMedium {width:150px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextMediumLarge, select.inputTextMediumLarge, textarea.inputTextMediumLarge {width:200px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextMediumExtraLarge, select.inputTextMediumExtraLarge, textarea.inputTextMediumExtraLarge {width:225px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input.inputTextlarge, select.inputTextlarge, textarea.inputTextlarge {width:250px; font-size:98%; border: 1px solid; border-color: #828282 #A9A9A9 #BCBCBC #A9A9A9 !important;} input:focus, textarea:focus {border-color: #679FDB #8EC4FF #A7D1FF #8EC4FF !important} div.formItem{} div.formElementRegAlignHeading {float:left; width:160px;} div.formElementRegAlign {float:left; width:250px; } div.checkboxAlign {width:25px;float:left; padding-top:10px;} div.checkboxAlignText {width:220px;float:left; padding-top:10px;} *>html div.formElementRegAlign {}/* IE/MAC only \*/ #Error { width:100%; display:block; border-bottom:1px solid #ccc; padding-top:19px; padding-bottom:0px;} #t_Error {background-image:url(/images/layout/error.gif); background-repeat:no-repeat; width:95px;height:25px; margin-left:21px; float:left;} #Error_padding {color:#FF0000; float:left; margin-top:5px; font-weight: bold;} div.ProgressBarItem{} div.ProgressBarContent{ float:left; width:225px; padding-top:5px; } div.ProgressBarItemBar{ width:225px; height:3px; background-color:#F57EAE; margin:0px; padding:0px;} div.ProgressBarItemBar img{float:left;} div.ProgressBarCount{float:right; text-align:center; font-size: 10px; font-weight:bold; color:#630A3E;} /* ################################################################## */ /* SCREEN LAYOUT */ /* ################################################################## */ body{margin:0px;padding:0px;background-color:#E0EEFB;} a {color: #5AADD6;} a:hover {color: #5AADD6;} h1,h2,h3,h4,h5,p,form{margin:0px;padding:0px;} #printOnly,span,.printOnly{visibility:hidden;display:none;} h1,h2,h3,h4,h5 {color:#1C3C79; margin:0px; padding-bottom:5px;font-size:140%; font-weight: bold;} h2 { margin:0px; padding-bottom:5px;} h3 { margin:0px; padding-bottom:5px;font-size:130%;} h4 { margin:0px; padding-bottom:2px;font-size:125%;} h3 { font-size:15px;} html>body h3 { font-weight:normal} p{padding-top:2px; padding-bottom: 2%; line-height: 120%;} ul{ padding:0; margin:0px; } ul li { padding:0; margin:0px;padding-bottom:5px; padding-left:12px; }/*background: no-repeat url(/images/i-bullet.gif); list-style-type:none }*/ /* ################################################################## */ /* LAYOUT */ /* ################################################################## */ #global {margin-left: auto; margin-right:auto; width:741px;margin-top:12px;padding-bottom:0px; background-repeat:no-repeat; background-image: url(/images/layout/i_header.gif);} #mainHeader {width:741px; height:72px; margin:0px; padding:0px; } #mainBody, #mainBody2, #mainBody3 {width:741px; margin:0px; padding:0px; background-repeat:repeat-y;}/* min-height: 340px; height:auto; _height:340px;}*/ #mainBody {background-image: url(/images/layout/i_body.gif);} #mainBody2 {background-image: url(/images/layout/i_body2.gif);} #mainBody3 {background-image: url(/images/layout/i_body3.gif);} #pageTitleBlock {background-image:url(/images/layout/i_title_background.gif); background-repeat:no-repeat; width:741px; height:67px;} h2.t_pageTitle {background-repeat:no-repeat; width:741px; height:67px; padding:0px; margin:0px;} #footer_overLine {clear:both; display:block; height:1px; width:741px; background-color:#ccc; overflow:hidden} #footer {background-image:url(/images/layout/i_footer.gif); background-repeat:no-repeat; width:741px; height:61px;margin-top:0px;} #footerLinks {width:541px; height:30px; margin-left:160px; padding-top:6px;} #footer ul li {float:left; list-style-type:none; padding-right:10px;} #footer a, #footer a:hover {color:#B7B7B7; text-decoration:none; font-size: 11px;} #copyRight {color:#B7B7B7; font-size: 10px; padding:2px 0px 0px 5px;} /* ################################################################## */ /* TYPO LAYOUT CODE */ /* ################################################################## */ #subnav_col {float:left; width:168px; padding:0px; margin:0px; } html>body #subnav_col {width:169px;} #content_col {float:left; width:571px; padding:0px; margin:0px; margin-left:0px;} #content_col2_area {background-image: url(/images/layout/i_col3.gif);margin:0px; padding:0px; background-repeat:repeat-y;float:left;} #content_col2a {float:left; width:385px; padding:0px; margin:0px; margin-left:1px;} html>body #content_col2a {width:386px;} #content_col2b {float:left; width:184px; padding:0px; margin:0px;} div.default_contentPadding {padding:20px;} div.template3_div {width:345px; overflow:hidden; height:1px; background-color:#ccc; margin: 5px 0px 5px 20px;} div.Clear {clear:both; display:block;} div.Clear20 {clear:both; display:block;height:20px;overflow:hidden;} div.Clear_extraLarge {clear:both; display:block; height:200px; overflow:hidden} div.Clear_large {clear:both; display:block; height:30px; overflow:hidden} div.Clear_medium {clear:both; display:block; height:15px; overflow:hidden} div.Clear_small {clear:both; display:block; height:5px; overflow:hidden} div.Clear_tiny {clear:both; display:block; height:1px; overflow:hidden} #clicktag {display:none;} /* ################################################################## */ /* MENU CODE */ /* ################################################################## */ #mainNav li {float: left; list-style-type:none; border: 0px;} #mainNav a {width: 100%; height: 61px; text-decoration:none; display: block; border: 0px;} #mainNavHomeButton {width: 99px; height: 61px; padding:0px; margin:0px; margin-right: 52px;} #mainNavHomeButton a {width: 99px; height: 61px;} #mainNavHomeButton a {background: no-repeat url(/images/layout/i_dove_logo.gif);} /*/your-body.asp*/ #mainNav6Active, #mainNav6Button {width: 56px; height: 16px; padding:0px; margin:0px; padding-left: 0px; margin-top:27px;} #mainNav6Active a, #mainNav6Button a {width: 56px; height: 16px;} #mainNav6Button a {background: no-repeat url(/images/layout/b_YourBody.gif);} #mainNav6Button a:hover, #mainNav6Button a:focus {background: no-repeat url(/images/layout/b_YourBody_over.gif);} #mainNav6Active a {background: no-repeat url(/images/layout/b_YourBody_over.gif);} /*/your-face.asp*/ #mainNav10Active, #mainNav10Button {width: 54px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav10Active a, #mainNav10Button a {width: 54px; height: 16px;} #mainNav10Button a {background: no-repeat url(/images/layout/b_YourFace.gif);} #mainNav10Button a:hover, #mainNav10Button a:focus {background: no-repeat url(/images/layout/b_YourFace_over.gif);} #mainNav10Active a {background: no-repeat url(/images/layout/b_YourFace_over.gif);} /*/your-hair.asp*/ #mainNav13Active, #mainNav13Button {width: 50px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav13Active a, #mainNav13Button a {width: 50px; height: 16px;} #mainNav13Button a {background: no-repeat url(/images/layout/b_YourHair.gif);} #mainNav13Button a:hover, #mainNav13Button a:focus {background: no-repeat url(/images/layout/b_YourHair_over.gif);} #mainNav13Active a {background: no-repeat url(/images/layout/b_YourHair_over.gif);} /*/campaign-for-real-beauty.asp*/ #mainNav476Active, #mainNav476Button {width: 127px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav476Active a, #mainNav476Button a {width: 127px; height: 16px;} #mainNav476Button a {background: no-repeat url(/images/layout/b_CampaignForRealBeauty.gif);} #mainNav476Button a:hover, #mainNav476Button a:focus {background: no-repeat url(/images/layout/b_CampaignForRealBeauty_over.gif);} #mainNav476Active a {background: no-repeat url(/images/layout/b_CampaignForRealBeauty_over.gif);} /*/pink-star-walk.asp*/ #mainNav494Active, #mainNav494Button {width: 76px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav494Active a, #mainNav494Button a {width: 76px; height: 16px;} #mainNav494Button a {background: no-repeat url(/images/layout/b_PinkStarWalk.gif);} #mainNav494Button a:hover, #mainNav494Button a:focus {background: no-repeat url(/images/layout/b_PinkStarWalk_over.gif);} #mainNav494Active a {background: no-repeat url(/images/layout/b_PinkStarWalk_over.gif);} /*/real-beauty-magazine/default.asp*/ #mainNav226Active, #mainNav226Button {width: 60px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav226Active a, #mainNav226Button a {width: 60px; height: 16px;} #mainNav226Button a {background: no-repeat url(/images/layout/b_MyDove.gif);} #mainNav226Button a:hover, #mainNav226Button a:focus {background: no-repeat url(/images/layout/b_mydove_over.gif);} #mainNav226Active a {background: no-repeat url(/images/layout/b_mydove_over.gif);} /*/were-listening.asp*/ #mainNav252Active, #mainNav252Button {width: 77px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav252Active a, #mainNav252Button a {width: 77px; height: 16px;} #mainNav252Button a {background: no-repeat url(/images/layout/b_WereListening.gif);} #mainNav252Button a:hover, #mainNav252Button a:focus {background: no-repeat url(/images/layout/b_WereListening_over.gif);} #mainNav252Active a {background: no-repeat url(/images/layout/b_WereListening_over.gif);} /*campaign-for-real-beauty.asp*/ #mainNav160Active, #mainNav160Button {width: 127px; height: 16px; padding:0px; margin:0px; padding-left: 13px; margin-top:27px; background-image:url(/images/layout/i_menu_div.gif); background-repeat:no-repeat;} #mainNav160Active a, #mainNav160Button a {width: 127px; height: 16px;} #mainNav160Button a {background: no-repeat url(/images/layout/b_CampaignForRealBeauty.gif);} #mainNav160Button a:hover, #mainNav160Button a:focus {background: no-repeat url(/images/layout/b_CampaignForRealBeauty_over.gif);} #mainNav160Active a {background: no-repeat url(/images/layout/b_CampaignForRealBeauty_over.gif);} /* ################################################################## */ /* SUBMENU CODE */ /* ################################################################## */ #subNav {padding:0px; margin:0px; width:160px; padding:0px 1px 1px 1px; } #subNav li {padding:0px; margin:0px; width:160px; list-style-type:none; border: 0px;} #subNav a {width:140px; text-decoration:none; display: block; border: 0px; padding: 6px 5px 6px 20px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;} #subNav a {background-color:#F2F8FD; color: #2B4982; background-image:url(/images/layout/i_subnav.gif);} #subNav a:hover, #subNav a:focus {background-color:#D2E7F9; color: #5AADD6; background-image:url(/images/layout/i_subnav_over.gif);} #subNav a:active {background-color:#D2E7F9; color: #5AADD6; background-image:url(/images/layout/i_subnav_over.gif);} #subNav li.subNavActive a {background-color:#D2E7F9; color: #5AADD6; background-image:url(/images/layout/i_subnav_over.gif);} #subnav_end { width:167px; height:160px; color: #5AADD6; background-image:url(/images/layout/i_subnav_end.gif); background-repeat:no-repeat; margin-left:1px;} /* ################################################################## */ /* FEATURES CODE */ /* ################################################################## */ div.featurePanel { width:570px; height:211px;} html>body div.featurePanel { width:571px;} /* IE PC can't read this*/ div.featurePanel h3, div.featurePanel p { display: none;} /* ################################################################## */ /* SNIPPETS CODE DEFAULT */ /* ################################################################## */ div.snippet { width:156px; background-repeat:no-repeat; padding:14px; background-position:top; border-bottom:1px solid #ccc; height:140px;} div.snippet h4 { background-repeat:no-repeat;display:block;} div.snippet p { margin:0px; padding:10px 0 5px 0;} div.snippet_testimonial { width:156px; padding:14px;} div.snippet_testimonial h4 { background-repeat:no-repeat; display:block;background-image:url(/images/layout/t_snippet_what-youve-said.gif); width:156px; height:29px;} /* ################################################################## */ /* SNIPPETS CODE TEMPLATE 3 [3 col - mid]*/ /* ################################################################## */ div.snippet_col3_2 { padding: 0px 20px 0px 20px;} div.i_snippet_col3_2 { padding: 0px 20px 0px 20px; float:left; width:75px;} div.c_snippet_col3_2 { padding:25px 0px 0px 0px; float:left; width:230px;} div.c_snippet_col3_2 p { padding:0px 0px 5px 0px;}