/*IE6 specific*/ .ie6 body{behavior:url('csshover.htc');} .ie6 h2{behavior: url('iepngfix.htc');} .ie6 #identity{behavior: url('iepngfix.htc');} .ie6 #footer{behavior: url('iepngfix.htc');} .ie6 #navigation ul li a{behavior: url('iepngfix.htc');} .ie6 #backFooter {behavior: url('iepngfix.htc'); display:inline;} .ie6 #content #side .block .blockBottom{margin-top: -15px;} .ie6 #home #content #bottomAdd .block .blockBottom{margin-top: -15px;} .ie6 #home #content #bottom .block .blockBottom{margin-top: -15px;} /*Firefox specific*/ .gecko #home #content #bottom .block .blockBottom{margin-top: -1px;} .gecko input[type=radio]{margin-right: 4px;} .gecko input[type=checkbox]{margin-right: 4px;} /*Master Reset*/ *{margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; background-position: 0 0; background-repeat: no-repeat!important; outline: none;} body{background: url(../images/bg_body.png) repeat-x !important;} li{list-style-type: none;} hr {border: 0; width: 100%;} p{margin: 14px 0px 10px 0px; line-height: 18px;} img{border: 0; display: block; margin: 0;} a{text-decoration: underline;color: #515353;} a:hover{color: #000;} sup{font-size:11px; line-height: 9px; font-weight: bold;} form label {cursor: pointer; } input {line-height: 14px;} input[type=radio]{margin-right: 2px;} input[type=checkbox]{margin-right: 2px;} /*CLASSES*/ .left{float: left;} .right{float: right;} .center{margin: 0 auto;} .block{display: block;} .inline{display: inline;} .strong{font-weight: bold;} .fixer{display: none;} .clearer{display: block; clear: both; height: 0; line-height: 0; font-size: 0;} .separator{display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; background: #e1e1e1; margin-left: -17px; width: 666px; position: absolute;} .ol li{list-style-type: decimal !important; margin-left: 34px;} .ul li{list-style-type: disc !important; margin-left: 34px;} .pad-right {margin-right:3px!important;} .fontSize_S{font-size: 9px;} .fontSize_M{font-size: 11px; color: #999999;} .fontSize_L{font-size: 14px;} .fontSize_XL{font-size: 16px;} .fontSize_XXL{font-size: 24px;} /*Buttons*/ .btn{display: block; cursor:pointer; border:none; text-indent: -1000px; } .btnSubmit{width: 73px; height: 20px; background: url(../images/btn_submit.png);} .btnsearchForum{width: 107px; height: 20px; background: url(../images/btn_searchForum.png);} .btn_submitForm{width: 107px; height: 20px; background: url(../images/btn_submitForm.png);} .btn_clickForMore{width: 132px; height: 20px; background: url(../images/btn_clickForMore.png);} .btn_downloadSunBuddy{width: 149px; height: 20px; background: url(../images/btn_downloadSunBuddy.png);} .btn_downloadBrideWidget{width: 149px; height: 20px; background: url(../images/btn_downloadBrideWidget.png);} .btn_sendToFriend{width: 154px; height: 20px; background: url(../images/btn_sendToFriend.png);} /* forum buttons */ .btnloginForum{width: 58px; height: 20px; background: url(../images/btn_login.gif);} .btnregisterForum{width: 78px; height: 20px; background: url(../images/btn_register.gif);} .btnreminderForum{width: 169px; height: 20px; background: url(../images/btn_send_password_reminder.gif);} .btnconfirmForum{width: 209px; height: 20px; background: url(../images/btn_request_account_confirmation.gif);} .btnpreviewForum{width: 78px; height: 20px; background: url(../images/btn_preview.gif);} .btnbackForum{width: 58px; height: 20px; background: url(../images/btn_back.gif);} .btnnewtopicForum{width: 84px; height: 20px; background: url(../images/btn_new_topic.gif);} .btnsaveForum{width: 58px; height: 20px; background: url(../images/btn_save.gif);} .btnoptionsForum{width: 150px; height: 20px; background: url(../images/btn_subsciption_options.gif);} .btnreplyForum{width: 58px; height: 20px; background: url(../images/btn_reply.gif);} .btnsendForum{width: 58px; height: 20px; background: url(../images/btn_send.gif);} .top{display:block; width: 44px; height:20px; background: url(../images/link_top.png); text-indent: -9999px; float: right;} /*Forms*/ .competitionForm label{display: inline-block; width:100px; font-size: 11px;} .competitionForm .inputText{background: #c9c9c9; border: none; color: #fff; font-weight: bold; padding: 2px; width: 200px;} .competitionForm .inputTextArea{background: #c9c9c9; border: none; color: #fff; font-weight: bold; padding: 2px; width: 200px;} .forumLoginForm label{display: inline-block; width:70px; font-size: 11px;} .forumLoginForm .inputText{ width: 170px;} /*Layout*/ body{background: #fff; color: #515353;} #wrapPage{width: 980px; margin: 0 auto;} #footer{} #content{} /*Header*/ #header {height: 155px;} /*Navigation*/ #navigation{} #navigation ul li{float: left; } #navigation ul .current{} #navigation ul li a{text-transform: uppercase; height: 25px; padding: 0 16px; display: block; background-position: 50% !important;} #navigation ul li a span{display: none;} #navigation ul .nav_item01 a{background: url(../images/nav_item01.png); width: 42px;} #navigation ul .nav_item02 a{background: url(../images/nav_item02.png); width: 101px;} #navigation ul .nav_item03 a{background: url(../images/nav_item03.png); width: 88px;} #navigation ul .nav_item04 a{background: url(../images/nav_item04.png); width: 133px;} #navigation ul .nav_item05 a{background: url(../images/nav_item05.png); width: 74px;} #navigation ul .nav_item06 a{background: url(../images/nav_item06.png); width: 87px;} #navigation ul .nav_item07 a{background: url(../images/nav_item07.png); width: 57px;} #navigation ul .nav_item08 a{background: url(../images/nav_item08.png); width: 141px;} /*Breadcrumb*/ #breadcrumb{float: left; padding-left: 10px;} #breadcrumb ul li{display: inline; font-size: 11px; } #breadcrumb ul li a{font-size: 11px;} #breadcrumb .home{font-weight: bold;} #breadcrumb .current a{text-decoration: none;} /*Bookmarks*/ #bookmarks{float: right; padding-right: 10px;} #bookmarks ul li{display: inline; font-size: 11px;} #bookmarks ul li a{font-size: 11px; text-decoration: none;} #bookmarks ul li a:hover{font-size: 11px; text-decoration: underline;} /*Content*/ #content #mainVideo{width: 980px; float: left; margin-top: -4px;} #content #mainVideo .block{background: url(../images/bg_home_mainv_block_privacy.png);} #content #mainVideo .block .blockBottom{background: url(../images/bg_home_mainv_block_privacy.png) 0 100%; padding: 5px; display: block;} #content #mainVideo .block .content{padding-top: 8px; padding-left:10px; padding-right:10px; margin: 0; line-height: 14px;} #content #mainVideo .tabHome .content{padding-top: 8px; padding-left:4px;} #content #mainVideo .theFacts .content{padding: 8px 20px;} #content #main{width: 672px; float: left; margin-top: -4px;} #content #main .block{background: url(../images/bg_home_main_block.png);} #content #main .block .blockBottom{background: url(../images/bg_home_main_block.png) 0 100%; padding: 5px; display: block;} #content #main .block .content{padding-top: 8px; padding-left:10px; padding-right:10px; margin: 0; line-height: 14px;} #content #main .tabHome .content{padding-top: 8px; padding-left:4px;} #content #main .theFacts .content{padding: 8px 20px;} #content #main .forumstabHome h1{background: url(../images/title_haveYourSay.png);} #content #main h1{height: 32px; background-position: 0 50% !important; margin-bottom: 10px;} #content #main h2{height: 32px; background-position: 0 50% !important;} #content #main h3{height: 32px; background-position: 0 50% !important;} #content #main h1 span, #content #main h2 span, #content #main h3 span {display: none;} #content #main p{} /*Inner*/ .inner #content #main {margin-top: 0;} .inner #content #main .block{background: url(../images/bg_inner_main_block.png);} .inner #content #main .block .blockBottom{background: url(../images/bg_inner_main_block.png) 0 100%; padding: 5px;} .inner #content #main .block .content{padding: 8px 20px; margin: 0; line-height: 14px;} .inner #content #side .first {position: relative; margin-top: -3px;} /*Titles*/ .title_history{background: url(../images/title_history.png);} .title_meetCliniquesGuiding{background: url(../images/title_meetCliniquesGuiding.png);} .title_3stepCompetition{background: url(../images/title_3stepCompetition.png);} .title_3stepsToaNewYou{background: url(../images/title_3stepsToaNewYou.png);} .title_happyCompetition{background: url(../images/title_happyCompetition.png);} .title_whatMakesYouHappy{background: url(../images/title_whatMakesYouHappy.png);} .title_whatsNew{background: url(../images/title_whatsNew.png);} .title_everythingYouNeed{background: url(../images/title_everythingYouNeed.png);} .title_meetClinique3Step{background: url(../images/title_meetClinique3Step.png);} .title_cliniqueITgirlsWinners{background: url(../images/title_cliniqueITgirlsWinners.png);} .title_cliniqueITgirlsWinnersH2{background: url(../images/title_cliniqueITgirlsWinnersH2.png);} .title_privacy{background: url(../images/title_privacy.png);} .title_downloadCliniqueSunBuddy{background: url(../images/title_downloadCliniqueSunBuddy.png);} .title_downloadCliniqueBridalWidget{background: url(../images/title_downloadCliniqueBridalWidget.png);} .title_getYourSunProtection{background: url(../images/title_getYourSunProtection.png);} .title_withYouEverystep{background: url(../images/title_withYouEverystep.png);} .title_theFacts{background: url(../images/title_thefacts-home.png);} .title_aboutSkin{background: url(../images/title_thefacts-aboutSkin.png);} .title_aboutSkinCare{background: url(../images/title_thefacts-aboutSkinCare.png);} .title_aboutMakeup{background: url(../images/title_thefacts-aboutMakeup.png);} .title_aboutMens{background: url(../images/title_thefacts-aboutMens.png);} .title_aboutSuncare{background: url(../images/title_thefacts-aboutSuncare.png);} .title_sunBuddy{background: url(../images/title_sunbuddy.png);} /*bullets*/ .factsBullet{padding-left: 60px; min-height:50px; height:auto !important; height:50px;} .fact1{background: url(../images/bullet_fact1.png);} .fact2{background: url(../images/bullet_fact2.png);} .fact3{background: url(../images/bullet_fact3.png);} .fact4{background: url(../images/bullet_fact4.png);} .fact5{background: url(../images/bullet_fact5.png);} .fact6{background: url(../images/bullet_fact6.png);} .fact7{background: url(../images/bullet_fact7.png);} .fact8{background: url(../images/bullet_fact8.png);} .fact9{background: url(../images/bullet_fact9.png);} .fact10{background: url(../images/bullet_fact10.png);} .fact11{background: url(../images/bullet_fact11.png);} /*Tabs*/ #content #tabs{margin-left: 3px; z-index: ; position: relative;} #content #tabs li{float: left; width: 94px; height: 24px; line-height: 24px; text-align: center; background-image: url(../images/bg_tabs.png); background-repeat: repeat-x !important; background-position: 100%; border: 1px solid #e8e8e8; border-bottom: none; margin-right: 1px;} #content #tabs .active{background-image: none; background-color: #fff; border-bottom: none;} #content #tabs li a{width: auto; display: block; font-size: 10px; text-decoration: none;} #content #tabs .first{border-left: 1px solid #f4f4f4; } #forums #content #tabs li{width: 71px;} /*Bottom*/ #home #content #bottom{width: 672px; float: left;} #home #content #bottom .block{ background: url(../images/bg_home_main_block.png);} #home #content #bottom .block .blockBottom{background: url(../images/bg_home_main_block.png) 0 100%; height: 5px; display: block; margin-top: -5px;} #home #content #bottom .block .content{padding-top: 4px; padding-left: 4px; } #home #content #bottom .blockSub{width: 165px; height:135px; float: left; background-position: 100% 100% !important; } #home #content #bottom .blockSub a{text-decoration:none; } #home #content #bottom .blockSub h2{height: 23px; background-position: 10px 50% !important;} #home #content #bottom .blockSub h2 span{display: none;} #home #content #bottom .blockSub p{padding-top: 8px; padding-left:10px; margin: 0; line-height: 14px !important;} #home #content #bottom .howtos {background: url(../images/graph_howtos.jpg);} #home #content #bottom .howtos h2{background-image: url(../images/title_howtos.png);} #home #content #bottom .yoursay {background: url(../images/graph_yoursay.jpg);} #home #content #bottom .yoursay h2{background-image: url(../images/title_yoursay.png);} #home #content #bottom .events {background: url(../images/graph_events.jpg);} #home #content #bottom .events h2{background-image: url(../images/title_events.png);} #home #content #bottom .interviews {background: url(../images/graph_interviews.jpg); width: 166px; border: none !important;} #home #content #bottom .interviews h2{background-image: url(../images/title_interviews.png);} #home #content #bottomAdd{width: 304px; float: right;} #home #content #bottomAdd .block{background: url(../images/bg_side_block.png); } #home #content #bottomAdd .block .blockBottom{background: url(../images/bg_side_block.png) 0 100%; height: 5px; display: block; margin-top: -5px;} #home #content #bottomAdd .block .content{padding-top: 4px; padding-left: 4px; padding-right: 4px; height: 139px;} #home #content #bottomAdd .block h2{height: 23px; background-position: 10px 50% !important;} #home #content #bottomAdd .block h2 span{display: none;} #home #content #bottomAdd .block p{padding-top: 8px; padding-left:10px; margin: 0; line-height: 14px;} #home #content #bottomAdd .thefacts h2{background-image: url(../images/title_thefacts.png);} #home #content #bottomAdd .sunBuddy h2{background-image: url(../images/title_sunbuddy.png);} /*Side*/ #content #side{width: 304px; float: right; margin-top:3px;} #content #side .block{background: url(../images/bg_side_block.png);} #content #side .block .blockBottom{background: url(../images/bg_side_block.png) 0 100%; height: 5px; display: block; margin-top: -5px;} #content #side .block .content{padding-top: 4px; padding-left: 4px; padding-right: 4px;} #content #side .block h2{height: 23px; background-position: 10px 50% !important;} #content #side .block h2 span{display: none;} #content #side .block p{padding-top: 8px; padding-left:10px; padding-right:10px; margin: 0; line-height: 14px;} #content #side .block form{padding: 10px; line-height: 20px;} #content #side .poll .content{background: url(../images/graph_poll.jpg); background-position: 98% 100% !important;} #content #side .poll h2{background-image: url(../images/title_poll.png);} #content #side .poll label{font-size: 11px;} #content #side .first {position: relative; margin-top: -28px;} #content #side .campaign h2{background-image: url(../images/title_whats_new.png);} #content #side .join h2{background-image: url(../images/title_join.png);} #content #side .shop h2{background-image: url(../images/title_shop.png);} #content #side .winner h2{background-image: url(../images/title_winner.png);} #content #side .video h2{background-image: url(../images/title_Video.png);} #content #side .forumLogin h2{background-image: url(../images/title_forumLogin.png);} #content #side .searchForum h2{background-image: url(../images/title_searchForum.png);} #content #side .statisticsForum h2{background-image: url(../images/title_statisticsForum.png);} #content #side .statisticsForum *{font-size: 11px;} #content #side .thefacts h2{background-image: url(../images/title_thefacts.png);} #content #side .sunBuddy h2{background-image: url(../images/title_sunbuddy.png);} /*Footer*/ #footer{height: 100px;} #footer .content{padding:12px 15px;} #footer ul li{display: inline; font-size: 11px;} #footer ul li a{font-size: 11px; text-decoration: none;} #footer ul li a:hover{font-size: 11px; text-decoration: underline;} /*Modal*/ .createAccount {background: url(../images/bg_modal.png); color:#666666; height: 840px; } .createAccount .content{padding: 20px 0px 0px 30px;} .createAccount .content p{margin: 0px 0px 10px 0px; line-height: 18px;} .createAccount .content .inputText{width: 230px;} .createAccount .close{display:block; width: 18px; height:18px; background: url(../images/link_close.png); text-indent: -9999px; float: right; margin-top: -10px; margin-right: 10px;} .createAccount h1{height: 32px; background-position: 0 50% !important;} .createAccount h2{height: 32px; background-position: 30px 50% !important; border-top:1px solid #e7e8e2; border-bottom:1px solid #e7e8e2; margin-left: -30px; width: 729px; position:absolute;} .createAccount h1 span, .createAccount h2 span{display: none;} .createAccount h1{background: url(../images/title_createAccount.png);} .title_newsletter{background: url(../images/title_newsletter.png);} .title_aboutYou{background: url(../images/title_aboutYou.png);} .history {background: url(../images/bg_modal-small.png); color:#666666; height: 460px; } .history .content{padding: 5px;} .sendToFriend {background: url(../images/bg_modal-small.png); color:#666666; height: 460px; } .sendToFriend .content{padding: 20px 0px 0px 30px;} .sendToFriend .content p{margin: 0px 0px 10px 0px; line-height: 18px;} .sendToFriend .content .inputText{width: 230px;} .sendToFriend .close{display:block; width: 18px; height:18px; background: url(../images/link_close.png); text-indent: -9999px; float: right; margin-top: -10px; margin-right: 10px;} .sendToFriend h1{height: 32px; background-position: 0 50% !important;} .sendToFriend h2{height: 32px; background-position: 30px 50% !important; border-top:1px solid #e7e8e2; border-bottom:1px solid #e7e8e2; margin-left: -30px; width: 729px; position:absolute;} .sendToFriend h1 span, .sendToFriend h2 span{display: none;} .sendToFriend h1{background: url(../images/title_sendToFriend.png);} .title_details{background: url(../images/title_details.png);} .thankYou {background: url(../images/bg_modal-small.png); color:#666666; height: 460px; } .thankYou .content{padding: 20px 0px 0px 30px;} .thankYou .content p{margin: 0px 0px 10px 0px; line-height: 18px;} .thankYou .content .inputText{width: 230px;} .thankYou .close{display:block; width: 18px; height:18px; background: url(../images/link_close.png); text-indent: -9999px; float: right; margin-top: -10px; margin-right: 10px;} .thankYou h1{height: 32px; background-position: 0 50% !important;} .thankYou h2{height: 32px; background-position: 30px 50% !important; border-top:1px solid #e7e8e2; border-bottom:1px solid #e7e8e2; margin-left: -30px; width: 729px; position:absolute;} .thankYou h1 span, .sendToFriend h2 span{display: none;} .thankYou h1{background: url(../images/title_thankYou.png);} /* forum css */ table, table.plain { border-collapse: collapse; border: 0; empty-cells: show; /* padding:5px; */ } table.pmheaders { border-collapse: collapse; border: 0; empty-cells: show; } table.pmheaders td { margin: 0; padding: 3px; border: 1px solid #cccccc; } table td, table.plain td { margin: 0; padding: 3px; border: 0; } table.profile { border-collapse: collapse; border: 2px solid #e0e0e0; empty-cells: show; } table.profile td { margin: 0; padding: 3px; border: 2px solid #e0e0e0; } /* this is the main table used on most pages */ .tableDisplay { border: 1px solid #E6E7E1; width: 100%; /*height:auto; */ } .tableDisplay td { padding: 6px; border: 1px solid #E6E7E1; } tr.tableHeader td { /* background-image: url(../images/tableHeaderBG.jpg); background-repeat: repeat-x; */ background-color: #FAF9F8; /* in case there is no background image or it doesn't load */ font-weight: bold; font-size:13px; text-transform:uppercase; } tr.tableHeader td a {text-decoration:none; font-size:13px!important;} tr.tableSubheader td, tr.tableSubheader td a { background-color: #FAF9F8; /* light blue */ font-weight: bold; color: #000000; } tr.tableRow0 td { background-color: #ffffff; /* background-color: #FBFBFB;color: #235577; dark blue */ } tr.tableRow1 td { /* background-color: #FBFBFB; /* practically white! color: #235577; */ } td.postAuthorInfo { background-color: #FAF9F8; /* light blue */ } td.postContent { } .signature { border-top: 1px dashed #999999; } .edit_notice { font-style: italic; } div.signature p { margin: 0; } span.title { font-family: serif; font-size: 24px; font-weight: normal; font-variant: small-caps; } div.title { border-bottom: 1px solid #235577; } textarea#body { width: 450px; height: 250px; } .formBox, .formDropDown { width: 250px; font-family: Verdana; font-size: 11px; } div.code { font-size: 11px; border: solid thin #0000CC; background-color: #FFFFCC; white-space: nowrap; overflow:auto; display:block; width:500px; } div.quotedText { background-color: #e0e0e0; padding: 5px; margin-left: 10px; } table#forumList div.forumName a { text-transform:uppercase; font-size:11px; color:#606060; font-weight:bold; } .lastP { font-size:11px; color:#606060; } table#forumList div.forumDesc { font-size:11px; } .error { /* background-color:#ff0000;!important; */ color: #cf0808; font-weight: bold; /* border: 1px solid black; padding: 10px!important; margin-left: 20px; width: 460px;*/ } .error ul{ margin-left:10px!important; padding-left:10px; } .success { color: #008040; /* font-weight: bold; border: 1px solid black; padding: 5px; margin-left: 20px; width: 460px; */ } .footer { font-family: Verdana; font-size: 10px; color: #000000; margin-top: 20px; } .postLinks, .postLinks a { font-size: 0.9em; } .topMenu, .topMenu a { /* color: #235577; */ } .button { font-size: 11px; padding:2px; background-color: #787777; /* in case there is no background image or it doesn't load */ color: white; font-weight: bold; height: 22px; vertical-align: middle; border: 1px solid #787777; margin: 0; } A.button { text-decoration: none; padding-left: 10px; padding-right: 10px; text-decoration: none; line-height: 14px; } A.button:hover {color:#CCCCCC;} h1.threadTitle { margin: 0; font-size: 2em; } td.pagination { padding-top: 5px; padding-bottom: 5px; } #pollResultsTbl {margin-left:7px;} #backFooter {float:right; color:#999999; vertical-align:top; font-size:11px; } #backFooter img { display:inline;}