/* * Category style's that will come back in every catergory page * - Links * - Main flash animation, if height of animation is higher simply overwrite that value * - Tabs */ #p-rcb a.p-link { background:transparent url(/consumerfiles/pageitems/master/categorypages/Shavers2009/assets/images/icon-link.gif) no-repeat center right; padding-right:10px; color:#323232; font-weight:bold;} #p-rcb #flashcontent_header { background-repeat: no-repeat; background-position: 0px 0px; background-color: #ffffff;} #p-rcb #flashcontent_header, #p-rcb #flashcontent_header #flash-inner-wrapper { height:290px; min-height:290px; } #p-rcb #flashcontent_header object { outline: none; } /* Start: Product Details Tabs */ #p-rcb #cp_wrap_tab_productdetails { width:960px; font-size:12px; line-height:normal; height:75px; max-height:75px; } /* End: Product Details Tabs */ /* Start: Product Details Tabs */ /* Tab redesign ---------------------------------------------------------*/ #cp_tab_productdetails { margin: 0; padding: 0; } #cp_tab_productdetails li { float: left;text-align:center;padding:0;list-style:none;background:none;width:20%; list-style: none; height:75px;} #cp_tab_productdetails a { display: block; line-height: 30px;font-size: 11px; text-align: center; outline: none;color:#323232; height:75px; } #cp_tab_productdetails a:hover { text-decoration: none; } #cp_tab_productdetails .cp_active a {background:none; color:#323232; font-weight:bold;} #cp_tab_productdetails .cp_active a, #cp_tab_productdetails .cp_active a:hover {} #cp_tab_productdetails .cp_spacer, #cp_tab_productdetails .cp_leftImg, #cp_tab_productdetails .cp_rightImg { display: none; } .sIFR-active #p-rcb h2 { visibility:hidden; padding-bottom: 0px; margin-bottom: 0px; } .sIFR-active #p-rcb h3 { visibility:hidden; padding-bottom:0px; margin:0px; } .sIFR-active #p-rcb h4 { visibility:hidden; padding-bottom:0px; margin:0px; } /* End of common catergory style's */ /* Use the following to to push centered tabs (2, 3, ...) and have them positioned manualy, this must be done per language */ #p-rcb #cp_wrap_tab_productdetails #cp_tab_2 span.cp_spacer { padding-left:100px; } #p-rcb #cp_wrap_tab_productdetails #cp_tab_3 span.cp_spacer { padding-left:100px; } #p-rcb #cp_wrap_tab_productdetails #cp_tab_4 span.cp_spacer { padding-left:100px; } #p-rcb #cp_wrap_tab_productdetails #cp_tab_5 span.cp_spacer { padding-left:200px; } /* End of manualy position tabs */ /* Theme depended content*/ /* Examples of use css in previous category pages, these line may be replace by your own styles.*/ #p-rcb h2 { font-size:170%; } #p-rcb h3, h4 { color:#0b5ed7; background-color:none; } #p-rcb h5 { color:#0b5ed7; font-weight:bold; } #p-rcb .p-col-articles h4 { color:#7cbd2a; } #p-rcb #cp_flashcontent_header { width:957px; margin:0 1px;background-color:#fff; text-align:center; } #p-rcb #cp_flashcontent_header img { margin:0; } #p-rcb .overlay_clips_1 { text-align : right; position: absolute; width: 920px; height : 535px; z-index: 10000; padding: 10px;} /* DIV POPUP */ #p-rcb #bottom_1, #bottom_2, #bottom_3, #bottom_3, #bottom_7, #instantReplay, #pauseLive{color: #0D5FD8;cursor: pointer;} #p-rcb #bottom_1:hover, #bottom_2:hover, #bottom_3:hover, #bottom_4:hover{text-decoration: underline;} #p-rcb .close_button{ text-align : right; padding-bottom:10px; cursor: pointer; color : #0b5ed7; font-weight:bold; background-color:#FFFFFF; } #p-rcb .green_title{ color:#00a7bc; font-size:12px; font-weight:bold;} /* TAB 1 */ #p-rcb .tab1_mainbg{ float:left; background-image:url(/consumerfiles/pageitems/master/categorypages/Shavers2009/assets/images/tab1_main_bg.jpg); width:960px; height:849px; background-repeat:no-repeat; } #p-rcb .tab1_leftbox{ float:left; width:500px; } #p-rcb .tab1_rightbox{float:left; width:425px; } #p-rcb .tab1_textbox1{ float:left; width:387px; padding-left:20px; padding-top:20px; } #p-rcb .tab1_nivea_btn{ float:left; width:120px; clear:both; padding-top:20px; padding-left: 165px;} #p-rcb .tab1_spacer{ float:left; clear:both; width:387px; height:350px;} #p-rcb .tab1_textbox2{ float:left; width:387px; clear:both; cursor:pointer; } #p-rcb .tab1_textbox3{ float:left; width:387px; clear:both; padding-top:40px; cursor:pointer;} #p-rcb .tab1_bottombox{ float:left; width:960px; clear:both; } #p-rcb .tab1_textbox4{ float:left; width:459px; padding-left:20px; padding-top:40px;cursor:pointer; } #p-rcb .tab1_textbox5{ float:left; width:220px; padding-left:225px; padding-top:40px;cursor:pointer; } #p-rcb .tab1_textbox4_title{float:left; clear:both; width:459px; } #p-rcb .tab1_textbox4_link{float:left; padding-top:185px; clear:both;width:459px; } #p-rcb .tab1_btm_bg{ float:left; background-image:url(/consumerfiles/pageitems/master/categorypages/Shavers2009/assets/images/tab1_btm_bg.jpg); background-position:bottom; background-repeat:no-repeat; width:960px; height:317px; } #p-rcb .tab1_buydiv{padding-left:290px; padding-top:250px; float:left;} #p-rcb .tab1_buybtn{ float:left; text-align:center; background-image:url(/consumerfiles/pageitems/master/categorypages/Shavers2009/assets/images/btn_orange_2.gif); color:#FFFFFF; font-weight:bold; background-repeat:no-repeat; width:90px; height:21px; cursor:pointer;} #p-rcb .tab1_buybtn a{ color:#FFFFFF; font-weight:bold;} /* TAB 2 */ #p-rcb .tab2_mainbg{ float:left; width:960px; background-position:top; background-repeat:no-repeat;} #p-rcb .tab2_leftbox{ float:left; width:340px; height:934px; } #p-rcb .tab2_rightbox{ float:left; width:580px; } #p-rcb .tab2_nivea_btn{ float:left; clear:both; padding-top:20px; padding-left:285px; width:5px;} #p-rcb .tab2_textbox1{ float:left; padding-top:20px; clear:both; width:460px; height:280px; } #p-rcb .tab2_textbox2{ float:left; width:200px; padding-left:20px; clear: both; height:180px;} #p-rcb .tab2_textbox2_title{ float:left; font-size:12px; color:#00545c; font-weight:bold; border-bottom:1px solid #00545c; width:300px;} #p-rcb .tab2_textbox2_text { float:left;width:300px; padding-top:5px; height:80px;} #p-rcb .tab2_textbox3{ float:left; width:290px; clear: both;} #p-rcb .tab2_textbox3_boxtop{ float:left; clear:both;} #p-rcb .tab2_textbox3_boxbtm{ float:left; clear:both; padding-top:20px; width:300px;} #p-rcb .tab2_buybtn{ margin-left:10px; float:left; text-align:center; color:#FFFFFF; font-weight:bold; background-repeat:no-repeat; width:90px; height:21px;} #p-rcb .tab2_buybtn a{ color:#FFFFFF; font-weight:bold;} #p-rcb .tab2_leftboxtop{ float:left; height:400px; clear:both; width:200px; } #p-rcb .tab2_leftboxbtm{ float:left;height:400px; clear:both; width:200px; } #p-rcb .tab2_buybtn2{ float:left; float:left; text-align:center; color:#FFFFFF; font-weight:bold; background-repeat:no-repeat; width:222px; height:21px;} #p-rcb .tab2_buybtn2 a{ color:#FFFFFF; font-weight:bold;} #p-rcb .tab2_nivealogo{ float:left; margin-right: 70px; } /* TAB 3 */ #p-rcb .tab3_topbg{ float:left; background-position:bottom; background-repeat:no-repeat; width:960px; height:466px;} #p-rcb .tab3_textbox1{ float:left; padding-top:10px; padding-left:20px; width:360px; } #p-rcb .tab3_textbox2{ float:right; padding-top:70px; padding-right:60px; width:333px; } #p-rcb .tab3_movs{ float:left; clear:both; width:960px; padding-bottom:40px;} #p-rcb .tab3_mov1{ float:left; width:221px; padding-left:25px;} #p-rcb .tab3_mov2{ float:left; width:221px; padding-left:9px;} #p-rcb .tab3_mov3{ float:left; width:221px; padding-left:9px;} #p-rcb .tab3_mov4{ float:left; width:221px; padding-left:9px;} #p-rcb .tab3_vidimg{float:left; clear:both;} #p-rcb .tab3_vidtext{float:left; clear:both; width:180px; padding-top:10px;} #p-rcb .tab3_buybtndiv{ padding-left:395px; float:left;} #p-rcb .tab3_buybtn{ margin-top: 55px; float:left; text-align:center; color:#FFFFFF; font-weight:bold; background-repeat:no-repeat; width:90px; height:21px;} #p-rcb .tab3_buybtn a{ color:#FFFFFF; font-weight:bold;} /* TAB 4 */ #p-rcb .tab4_mainbg_top{ width: 960px; height: 498px; background-repeat:no-repeat; float: left;} #p-rcb .tab4_mainbg_bottom{ width: 960px; height: 575px; background-repeat:no-repeat; float: left; background-position:bottom; background-color:#FFFFFF;} #p-rcb .tab4_topbox{ width: 960px; height: 235px; float: left;} #p-rcb .tab4_toptxt{ float: left; /*width: 640px;*/ /*height: 140px;*/ padding-left: 420px; padding-top: 60px; } #p-rcb .tab4_toptxt_maintxt{ width: 480px; height: 140px;} #p-rcb .tab4_box2{ width: 960px; height: 235px; float: left;} #p-rcb .tab4_box2_txt{ padding-top: 30px; width: 250px;} #p-rcb .tab4_box3{ padding-left: 300px; padding-top: 30px; width: 660px; height: 250px;} #p-rcb .tab4_box4{ padding-left: 60px; width: 900px; /*height: 200px;*/ float: left;} #p-rcb .tab4_box4_txt{ padding-top: 30px; width: 530px; padding-bottom:30px;} #p-rcb .tab4_productshots{ padding-top: 0px; padding-left: 35px; width: 925px; height: 225px; clear: both;} #p-rcb .tab4_product{ width: 275px; height: 225px; float: left;} #p-rcb .tab4_product_text{ float:left; width:225px; height:30px; text-align:center;} #p-rcb .tab4_product_img1{ float:left; clear:both; padding-left:10px; } #p-rcb .tab4_product_img2{ float:left; clear:both; padding-left:40px; } #p-rcb .tab4_buybtndiv{ padding-left:80px; float:left;} #p-rcb .tab4_buybtn{ margin-top: 15px; float:left; text-align:center; color:#FFFFFF; font-weight:bold; background-repeat:no-repeat; width:90px; height:21px;} #p-rcb .tab4_buybtn a{ color:#FFFFFF; font-weight:bold;} /* TAB 5 */ #p-rcb .sub_title {font-weight: bold;color: #00545c;} #p-rcb .tab5_background_splatter{width: 960px;height: 55px; float: left;} #p-rcb .tab5_topbox{ width: 960px; float: left;} #p-rcb .tab5_boxwrapper{ width: 450px; float: left;} #p-rcb .tab5_title{ padding-left: 45px; float: left; width: 565px; } #p-rcb .tab5_mainbutton{ padding-left: 45px; float: left; width: 285px; height: 63px;} #p-rcb .tab5_mainbox{ width: 900px; height: 300px; background-repeat:no-repeat; background-position:bottom; padding-top: 85px; padding-left: 60px; clear: both; } #p-rcb .tab5_mainboxend{ width: 900px; height: 300px; padding-top: 85px; padding-left: 60px; clear: both; } #p-rcb .tab5_mainbox_img{ float: left;} #p-rcb .tab5_mainbox_txt{ width: 290px; padding-left: 20px; float: left;} #p-rcb .tab5_mainbox_img2{ float: left;} #p-rcb .tab5_mainbox_txt2{ width: 290px; padding-left: 110px; padding-top: 10px;} /*where to buy button */ #p-rcb .wtb-button { background:transparent url(/consumerfiles/pageitems/master/where_to_buy/standard/button-r.png) no-repeat scroll 100% 50%; float:left; padding-right:5px; cursor:pointer; } #p-rcb .wtb-button, wtb-button:visited { color:#FFFFFF; font-weight: bold; } #p-rcb .wtb-button:hover, wtb-button:focus { font-weight: bold; } #p-rcb .wtb-button span { background:transparent url(/consumerfiles/pageitems/master/where_to_buy/standard/button.png) no-repeat scroll 0 50%; display:block; padding:0.333em 7px 0.583em 14px; text-align:center; white-space:nowrap; } #p-rcb .wtb-button-02 { background-image:url(/consumerfiles/pageitems/master/where_to_buy/standard/button-2-r.png); padding-right:7px; } #p-rcb .wtb-button-02 span { background-image:url(/consumerfiles/pageitems/master/where_to_buy/standard/button-2.png); padding:0.333em 7px 0.583em 14px; } ul li { background-image:url(/crsc/images/icon-listitem-closed.gif); background-position:0 0; background-repeat:no-repeat; list-style-type:none; padding:0 15px;}