/* * 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_white { background:transparent url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/icon-link-white.gif) no-repeat center right; padding-right:10px; } #p-rcb a.p-link { background:transparent url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/icon-link.gif) no-repeat center right; padding-right:10px; } #p-rcb #flashcontent_header {background-repeat: no-repeat; background-position: 2px 2px; } #p-rcb #flashcontent_header, #p-rcb #flashcontent_header #flash-inner-wrapper { height:275px; min-height:275px; } #p-rcb #flashcontent_header object { outline: none; } /* Start: Product Details Tabs */ #p-rcb #cp_wrap_tab_productdetails { width:960px; background:#f7f7f7 url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/menuBg.gif) repeat-x bottom; font-size:12px; line-height:normal; height:32px; max-height:32px; } /* Tab redesign ---------------------------------------------------------*/ #p-rcb #cp_wrap_tab_productdetails ul { margin: 0; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-container.gif) repeat-x left top; list-style: none; } #p-rcb #cp_wrap_tab_productdetails li { float: left; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-right-long.gif) no-repeat right top; } #p-rcb #cp_wrap_tab_productdetails a { display: block; line-height: 32px; background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-left-short.gif) no-repeat -1px top; font-size: 11px; text-align: center; outline: none; } #p-rcb #cp_wrap_tab_productdetails a:hover { text-decoration: none; } #p-rcb #cp_wrap_tab_productdetails .cp_active { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-right-long.gif) no-repeat right top; } #p-rcb #cp_wrap_tab_productdetails .cp_active a, #p-rcb #cp_wrap_tab_productdetails .cp_active a:hover { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-left-short.gif) no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; } #p-rcb #cp_wrap_tab_productdetails .cp_active_firstTab a { background-position: -4px top !important; } #p-rcb #cp_wrap_tab_productdetails .cp_active_lastTab { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-left-long.gif) no-repeat left top !important; } #p-rcb #cp_wrap_tab_productdetails .cp_active_lastTab a { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-right-last.gif) no-repeat right top !important; } #p-rcb #cp_wrap_tab_productdetails ul.two_tabs .cp_active_lastTab { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-right-long-nonext.gif) no-repeat right top !important; } #p-rcb #cp_wrap_tab_productdetails ul.two_tabs .cp_active_lastTab a { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-active-left-short.gif) no-repeat left top !important; } #p-rcb #cp_wrap_tab_productdetails .cp_active_leftSibling { background: url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/tab-redesign/bg-tab-mid.gif) no-repeat right top; } #p-rcb #cp_wrap_tab_productdetails .cp_active_rightSibling a { background: none; } #p-rcb #cp_wrap_tab_productdetails .cp_firstTab a { background-position: 0 0; } #p-rcb #cp_wrap_tab_productdetails ul.two_tabs li { width: 320px; } #p-rcb #cp_wrap_tab_productdetails ul.three_tabs li { width: 320px; } #p-rcb #cp_wrap_tab_productdetails ul.four_tabs li { width: 240px; } #p-rcb #cp_wrap_tab_productdetails ul.five_tabs li { width: 192px; } #p-rcb #cp_wrap_tab_productdetails ul.six_tabs li { width: 160px; } #p-rcb #cp_wrap_tab_productdetails .cp_spacer, #p-rcb #cp_wrap_tab_productdetails .cp_leftImg, #p-rcb #cp_wrap_tab_productdetails .cp_rightImg { display: none; } /* End: Product Details Tabs */ /* End of common catergory style's */ /* 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 h2, h3 { color:#992c96; line-height:150%; } #p-rcb .p-col-articles h4 { color:#7cbd2a; } #p-rcb #cp_flashcontent_header { width:958px; margin:0 1px; background-color:#fff; text-align:center; } #p-rcb #cp_flashcontent_header img { margin:0; } */ .sIFR-active #p-rcb h2 { visibility:hidden; padding-top : 0px; } .sIFR-active #p-rcb h3 { visibility:hidden; padding-top : 20px; } .sIFR-active #p-rcb h4 { visibility:hidden; padding-top : 20px; } #p-rcb .redText { color:#df2823; font-size:12px; padding:6px 0 0 0; line-height : 17px;} #p-rcb p, h2, h3, h4, h6 { margin:0; padding:0; } #p-rcb h3, h4 { line-height:1em; } #p-rcb h2 { font-size:170%; font-weight:lighter; } #p-rcb h3 { font-size:160%; font-weight:lighter; } #p-rcb h4 { font-size:110%; } #p-rcb a.p-link { background:transparent url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/icon-link.gif) no-repeat center right; padding-right:10px; } #p-rcb .tab1_tv-row-top, .tab1_tv-row-bottom, .tab2_tv-row-top, .tab2_tv-row-bottom, .tab3_tv-row-top, .tab3_tv-row-bottom, .tab4_tv-row-top, .tab4_tv-row-bottom, .tab5_tv-row-top, .tab5_tv-row-bottom { clear:both; } #p-rcb .overlay_clips_1 { text-align : center; position: absolute; width: 936px; height : 550px; z-index: 10000; padding: 10px;} #p-rcb .overlay_clips_2 { text-align : center; position: absolute; width: 936px; height : 550px; z-index: 10000; padding: 10px;} #p-rcb .overlay_clips_3 { text-align : center; position: absolute; width: 936px; height : 550px; z-index: 10000; padding: 10px;} #p-rcb .overlay_clips_4 { text-align : center; position: absolute; width: 936px; height : 525px; z-index: 10000; padding: 10px;} #p-rcb .overlay_clips_top { padding-top : 20px; } #p-rcb .close_button { position: absolute; right: 10px; top: 10px; cursor: pointer; color : #0D5FD8; } /* DIV POPUP */ #p-rcb #bottom_1, #bottom_2, #bottom_3, #bottom_7 { color: #0D5FD8; cursor: pointer; } #p-rcb #bottom_1:hover, #bottom_2:hover, #bottom_3:hover { text-decoration: underline; } #p-rcb h3 { color: #91C7FF; } #p-rcb h6 { font-size: 110%; font-weight: bold; color: #FFFFFF;} /* OVERVIEW - TAB 1 */ #p-rcb .tab1_main { float : left; padding-bottom : 32px; } #p-rcb .Overview_img_bg { background-image : url(/consumerfiles/pageitems/master/categorypages/Grooming/assets_lazy/images/overview_bg.jpg); width : 960px; height :340px;background-repeat : no-repeat; padding-top:20px; } #p-rcb .Overview_textBl_topR { width : 600px; font-size : 12px; color : #2185B7; padding-top : 12px; padding-left : 20px; clear:both; } #p-rcb .Overview_midL { float : left; width : 315px; padding-bottom : 20px; } #p-rcb .Overview_midM { float : left; width : 315px; padding-bottom : 20px; } #p-rcb .Overview_midR { float : left; width : 315px; padding-bottom : 20px; } #p-rcb .Overview_midL_p { float : left; padding-right : 12px; padding-left : 18px; color:#ffffff; } #p-rcb .Overview_midM_p { float : left; padding-right : 12px; padding-left : 18px; color:#ffffff; } #p-rcb .Overview_midR_p { float : left; padding-right : 18px; padding-left : 16px; color:#ffffff; } #p-rcb .Overview_midL a { color:#ffffff;} #p-rcb .Overview_midM a { color:#ffffff;} #p-rcb .Overview_midR a { color:#ffffff;} #p-rcb .normT { color : #000000; font-size : 11px; } /* TAB 2 */ #p-rcb .tab2_textBl_topR { width : 600px; font-size : 12px; color : #2185B7; padding-top : 12px; padding-left : 20px; padding-bottom : 20px; } #p-rcb .tab2_main { padding-bottom : 2px; } #p-rcb .tab2_left_bl { float : left; width : 400px; font-size : 12px; color : #2185B7; padding-top : 12px; margin-left:20px; } #p-rcb .tab2_right_bl { float : right; width : 500px; font-size : 12px; color : #2185B7; padding-top : 12px; border-left : 1px solid #E2E2E2; margin-top:20px; } #p-rcb .tab2_right_blA { float : left; padding-top : 20px; width:500px; } #p-rcb .tab2_right_img1 { float:left; } #p-rcb .tab2_right_bl1 { float:left; width:270px; } #p-rcb .tab2_right_blB { float : left; width:500px; padding-top:40px ; } #p-rcb .tab2_right_img2 { float:left; } #p-rcb .tab2_right_bl2 { float:left; width:270px; } #p-rcb .tab2_top { width : 960px; clear : both; } #p-rcb .tab2_topL { float : left; width : 245px; padding-left : 20px; } #p-rcb .tab2_topM { float : left; width : 350px; } #p-rcb .tab2_topR { float : right; padding-right:20px; margin-top:30px; } #p-rcb .tab2_bottomBg { float : left; height : auto; width : 960px; background-position : bottom center; background-repeat : repeat-x; } #p-rcb .tab2_mid { float : left; width : 960px; clear : both; padding-bottom:30px; padding-top:30px;} #p-rcb .tab2_mid1 { float : left; width : 178px; } #p-rcb .tab2_mid2 { float : left; width : 280px; border-right : 1px solid #E2E2E2;} #p-rcb .tab2_mid2_p { width : 270px; } #p-rcb .tab2_mid3 { float : left; width : 178px; } #p-rcb .tab2_mid4 { float : left; width : 280px; } #p-rcb .tab2_bottom { clear : both; float : left; width : 960px; height : 215px; border-top : 1px solid #E2E2E2; background-position : bottom center; background-repeat : repeat-x; } #p-rcb .tab2_bottom_p { float : left; padding-top : 12px; padding-left : 210px; width : 340px; } /* TAB 3 */ #p-rcb .tab3_top p{ color:#ffffff; } #p-rcb .tab3_top{ width:957px; height:125px; margin-left:1px; float:left; } #p-rcb .tab3_top_text{ padding:20px 0px 0px 430px; width:500px;} #p-rcb .tab3_main { float : left; padding-bottom : 2px; } #p-rcb .tab3_mainBg { float : left; width : 958px; background-repeat : no-repeat; } #p-rcb .tab3_lCol { float : left; width : 400px; font-size : 12px; color : #2185B7; padding-left:1px; } #p-rcb .tab3_bottom1 { clear : both; float : left; width : 960px; border-top : 1px solid #E2E2E2; clear : both; background-position : bottom center; background-repeat : repeat-x; padding-top:2px; padding-bottom:20px; } #p-rcb .tab3_bottom1_header{ padding-left:15px; padding-top:10px; padding-bottom:20px;} #p-rcb .tab3_bottom_l{ float:left; width:450px; border-right:1px solid #E2E2E2; margin-top:10px; vertical-align:top; padding-left:15px; padding-right:20px; } #p-rcb .tab3_bottom_l h3{ margin:0px; padding:0px;} #p-rcb .tab3_bottom_r h3{ margin:0px; padding:0px;} #p-rcb .tab3_bottom_l_img{ float:right; width:197px;} #p-rcb .tab3_bottom_r_img{ float:right; width:197px;} #p-rcb .tab3_bottom_r{ float:left; width:450px; margin-top:10px;vertical-align:top;padding-left:15px; padding-right:5px; } #p-rcb .tab3_bottom_content { float:left; width:230px; } /* TAB 4 */ #p-rcb .tab4_main { float : left; padding-bottom : 2px; } #p-rcb .tab4_textBl_top { clear : both; float : left; width : 960px; height : 360px; background-position : top right; background-repeat : no-repeat; padding-bottom : 20px; } #p-rcb .tab4_textBl_top_p { float : left; padding-left : 20px; width : 300px; font-size : 12px; color : #2185B7; padding-top : 12px; padding-left : 18px; } #p-rcb .tab4_textBl_top_pB { float : left; width : 300px; height : 340px; } #p-rcb .tab4_textBl_topR { float : left; width : 505px; height : 239px; font-size : 12px; color : #2185B7; padding-top : 12px; padding-left : 20px; } #p-rcb .tab4_img_TopR { float : left; width : 433px; height : 239px; } #p-rcb .tab4_img_M { clear : both; float : left; width : 438px; height : 249px; } #p-rcb .tab4_textBl_M { float : left; width : 502px; height : 249px; padding-top : 12px; padding-right : 20px; } #p-rcb .tab4_midL { border-right : 1px solid #E2E2E2; float : left; width : 470px; } #p-rcb .tab4_midR { float : left; width : 470px; } #p-rcb .tab4_midL_p { padding-left : 20px; padding-right : 20px; } #p-rcb .tab4_bottom { clear : both; float : left; width : 960px; height : 215px; border-top : 1px solid #E2E2E2; clear : both; background-position : bottom center; background-repeat : repeat-x; } #p-rcb .tab4_bottom_p { float : left; padding-top : 12px; padding-left : 200px; width : 320px; } #p-rcb .tab4_bottom_cred { float : left; position : relative; top : 155px; left : 2px; width : 120px; height : 50px; text-align : center; font-size : 10px; } #p-rcb .tab4_bottom_cred2 { float : left; position : relative; top : 155px; left : 30px; width : 120px; height : 50px; text-align : center; font-size : 10px; } #p-rcb .tab4_bottom_cred3 { float : left; position : relative; top : 155px; left : 40px; width : 140px; height : 50px; text-align : center; font-size : 10px; } #p-rcb .tab4_mid1 { float : left; width : 182px; } #p-rcb .tab4_mid2 { float : left; width : 280px; border-right : 1px solid #E2E2E2;} #p-rcb .tab4_mid2_p { width : 270px; } #p-rcb .tab4_mid3 { float : left; width : 182px; } #p-rcb .tab4_mid4 { float : left; width : 280px; } #p-rcb .tab4_mid { float : left; height : auto; width : 960px; background-position : bottom center; background-repeat : repeat-x; }