/* * 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/LED_lamp/assets/images/icon-link.gif) no-repeat center right; padding-right:10px; color:#0b5ed7; } #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: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/LED_lamp/assets/images/menuBg.gif) repeat-x bottom; font-size:12px; line-height:normal; height:32px; max-height:32px; } /* End: Product Details Tabs */ /* Tab redesign ---------------------------------------------------------*/ #p-rcb #cp_wrap_tab_productdetails ul { margin: 0; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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/LED_lamp/assets/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; } .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 : center; position: absolute; width: 500px; height : 480px; z-index: 10000; padding: 10px;} /* DIV POPUP */ #p-rcb #bottom_1, #bottom_2, #bottom_3, #bottom_7, #instantReplay, #pauseLive { color: #0D5FD8; cursor: pointer; } #p-rcb #bottom_1:hover, #bottom_2:hover, #bottom_3:hover { text-decoration: underline; } #p-rcb .close_button{ position: absolute; padding:0px 5px 0px 5px; right: 17px; top: -5px; cursor: pointer; color : #993300; font-weight:bold; background-color:#FFFFFF; } /* TAB 1 */ #p-rcb .tab1_top_bg { float:left; background-image:url(/consumerfiles/pageitems/master/categorypages/LED_lamp/assets/images/tab1_top_bg.jpg); background-repeat:no-repeat; width:960px; } #p-rcb .tab1_row_1 { float:left; width: 465px; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:475px;} #p-rcb .tab1_row_2 { float:left; width: 960px;} #p-rcb .tab1_row_2_image { float:left; width: 249px; padding-left:30px;} #p-rcb .tab1_row_2_text { float:left; width: 195px; padding-top:20px; padding-left:20px; padding-right:430px;} #p-rcb .tab1_row_3 { float:left; width: 960px;} #p-rcb .tab1_row_3_text_1 { float:left; width: 290px; padding-left:20px;} #p-rcb .tab1_row_3_text_2 { float:left; width: 305px; padding-left:20px; padding-right:325px;} #p-rcb .tab1_row_4 { float:left; background-image:url(/consumerfiles/pageitems/master/categorypages/LED_lamp/assets/images/tab1_bottom_bg.jpg); background-repeat:no-repeat; width:960px; height:365px;} #p-rcb .tab1_row_4_box { float:left; width: 272px; height: 200px; padding-left:585px; padding-top:56px;} #p-rcb .intro_t{ font-size:12px;} #p-rcb .tab1_topbg { background-image:url(/consumerfiles/pageitems/master/categorypages/LED_lamp/assets/images/tab1_topbg.jpg); background-repeat:no-repeat; width:960px; height:477px; } #p-rcb .tab1_bottombg{ background-image:url(/consumerfiles/pageitems/master/categorypages/LED_lamp/assets/images/tab1_bottombg.jpg); background-repeat:no-repeat; height:453px; } #p-rcb .tab1_textbox1{ float:left; width: 959px; height:180px;} #p-rcb .tab1_text1 { float:left; width:434px; padding-left:40px; padding-top:25px;} #p-rcb .tab1_text2 { float:left; width:434px; padding-left:20px; padding-top:68px;} #p-rcb .tab1_text3 { float:left; padding-left:340px; width:450px;} #p-rcb .tab1_textbox2{ float:left; width: 959px; height:210px;} #p-rcb .tab1_text4 { float:left; padding-left:340px; width:600px; padding-top:40px;} #p-rcb .tab1_textbox3{ float:left; width: 959px; height:180px;} #p-rcb .tab1_text5 { float:left; padding-left:60px; width:360px; padding-top:40px;} #p-rcb .tab1_text6 { float:left; padding-left:60px; width:360px; padding-top:40px;} #p-rcb .tab1_text6_title{ width:360px; float:left; clear:both;} #p-rcb .tab1_text6_text{ width:150px; float:left; padding-left:10px; } #p-rcb .tab1_text6_img{ width:196px; float:left; } #p-rcb .tab1_blue_title{ font-size:12px; color:#00a7bc; font-weight:bold;} /* TAB 2 */ #p-rcb .tab2_topbg{ background-repeat:no-repeat; background-position:top;} #p-rcb .tab2_text1{ float:left; width:450px; padding-top:30px; padding-left:40px; font-size:12px;} #p-rcb .tab2_btm_textbox{ width:960px; clear:both; float:left; padding-top:40px; padding-bottom:40px;} #p-rcb .tab2_btm_textbox_img{float:left; padding-left:40px;} #p-rcb .tab2_btm_textbox_text{float:left; padding-left:40px; width:400px;} #p-rcb .tab2_table{ float:left; width:746px; padding-top:40px; padding-left:100px; } #p-rcb .tab2_table_info{ float:left; width:746px; padding-top:5px; padding-left:100px; font-size:10px; } #p-rcb .tab2_tablebg{ float:left;border:1px solid #7cbd2a;} #p-rcb .tab2_header_row{float:left;} #p-rcb .tab2_header_row_title{float:left; width:250px; margin-left:20px; margin-top:10px;} #p-rcb .tab2_header_row_title1{ float:left; width:210px; font-size:12px; color:#888b9c; margin-left:20px; margin-top:10px; text-align:center; font-weight:bold;} #p-rcb .tab2_header_row_title2{ float:left; width:210px; font-size:12px; color:#888b9c; margin-left:20px; margin-top:10px; text-align:center; font-weight:bold;} #p-rcb .grey_title{ float:left;margin-top:70px; width:210px; text-align:center;} #p-rcb .tab2_table_content{ float:left; clear:both; width:744px;} #p-rcb .tab2_table_col1{ float:left;width:300px;font-size:10px;margin-left:20px;margin-top:10px;font-weight:bold; color:#666666;} #p-rcb .tab2_table_col2{ float:left; width:185px; color:#7cbd2a; margin-left:20px; margin-top:10px;font-weight:bold; text-align:center;} #p-rcb .tab2_table_col3{ float:left; width:185px; color:#7cbd2a; margin-left:20px; margin-top:10px; font-weight:bold;text-align:center;} #p-rcb .rowA{ background-color:#f5f5f5; border-bottom:1px #e2e2e2 solid; border-top:1px #e2e2e2 solid; padding:3px;} #p-rcb .rowB{ padding:3px;} #p-rcb .tab2_table_btmbox{ width:744px; height:61px; float:left; clear:both;} #p-rcb .tab2_table_btmcol1{ float:left;width:250px;margin-left:20px; margin-top:8px;} #p-rcb .tab2_table_btmcol2{ float:left; width:210px; margin-left:20px; font-weight:bold; color:#666666; margin-top:8px; text-align:center; } #p-rcb .tab2_table_btmcol3{ float:left; width:210px; color:#7cbd2a; margin-left:20px; font-weight:bold; margin-top:8px; text-align:center;} #p-rcb .rowC{ padding:3px;} #p-rcb .green_title{ color:#7cbd2a; font-size:12px; font-weight:bold;} /* TAB 3 */ #p-rcb .tab3_topbg{ float:left; width:960px; background-position:top; background-repeat:no-repeat;} #p-rcb .tab3_intro{ float:left; width:500px; padding-left:40px; padding-top:40px; font-size:12px; clear:both; } #p-rcb .tab3_textbox1{ float:left; width:450px; padding-left:40px; clear:both; padding-top:40px;} #p-rcb .tab3_textbox1_img{ float:left; width:134px;} #p-rcb .tab3_textbox1_text{ float:left; width:250px;padding-left:20px;} #p-rcb .turquoise_title{ color:#00a7bc; font-weight:bold; font-size:12px;} #p-rcb .tab3_textbox2{float:left; width:400px; clear:both; padding-top:40px; padding-left:40px;} #p-rcb .tab3_textbox3{ float:left; padding-left:40px; clear:both; width:920px; padding-top:10px;} #p-rcb .tab3_textbox3_img{float:left; width:342px;} #p-rcb .tab3_textbox3_text{ float:left; width:548px; padding-top:60px;} #p-rcb .tab3_textbox4{ float:left; clear:both; padding-top:10px; padding-bottom:40px; padding-left:40px; width:920px;} #p-rcb .tab3_textbox4_img1{float:left; width:217px;} #p-rcb .tab3_textbox4_text{float:left; width:300px; padding-left:40px; padding-right:20px;} #p-rcb .tab3_textbox4_img2{float:left; width:294px; background-repeat:no-repeat; height:263px;} #p-rcb .tab3_textbox4_banner{ padding-top:5px; padding-left:2px;} /* TAB 4 */ #p-rcb .tab4_mainbg{ float:left; width:960px; background-position:bottom left; background-repeat:no-repeat;} #p-rcb .tab4_intro{ float:left; font-size:12px; width:500px; padding-left:40px; padding-top:40px; font-size:12px; clear:both; width:500px; } #p-rcb .tab4_texbox1{ float:left; padding-left:300px; width:600px; clear:both;} #p-rcb .tab4_textbox1_text{ float:left; width:300px; padding-right:20px; padding-top:30px; } #p-rcb .tab4_texbox1_img{ float:left; width:262px; } #p-rcb .tab4_textbox2{ float:left; padding-left:440px; width:460px; clear:both;} #p-rcb .tab4_textbox3_img{ float:left; clear:both; width:294px; margin-left:600px; margin-top:60px; height:236px; background-repeat:no-repeat; padding-bottom:60px; } #p-rcb .tab4_textbox3_banner{ float:left;padding-top:5px; padding-left:3px;}