/* * 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/hts2009/assets/images/icon-link.gif) no-repeat center right;padding-right:10px;color:#000000;font-weight: bold;} #p-rcb a.p-link2 {color:#000000;font-weight: bold;} #p-rcb .small_txt { font-size:9px;} #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:272px; min-height:272px; } #p-rcb #flashcontent_header object { outline: none; } /* Start: Product Details Tabs */ /*#p-rcb #cp_wrap_tab_productdetails {width:960px;background:url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/menubg.jpg);font-size:12px;line-height:normal;height:39px; max-height:39px;}*/ /*#p-rcb #cp_wrap_tab_productdetails { width:960px; background:url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/menubg.jpg); font-size:12px; line-height:normal; height:39px; max-height:39px; }*/ /* End: Product Details Tabs */ /* Tab redesign ---------------------------------------------------------*/ #p-rcb #cp_tab_productdetails { margin: 0; padding: 0;background:transparent url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/menubg.jpg) no-repeat 0 0; } #p-rcb #cp_tab_productdetails li { float: left;text-align:center;padding:0;list-style:none;background:none;width:20%; list-style: none; height:39px;} #p-rcb #cp_tab_productdetails a { display: block; line-height: 30px;font-size: 11px; text-align: center; outline: none;color:#C8C8C8;height:39px; padding-top: 10px;} #p-rcb #cp_tab_productdetails a:hover { text-decoration: none; padding-top: 10px;} /*#p-rcb #cp_wrap_tab_productdetails ul { margin: 0; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/menubg.jpg) repeat-x left top; list-style: none; }*/ /*#p-rcb #cp_wrap_tab_productdetails li { float: left; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/hts2009/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/hts2009/assets/images/tab-redesign/bg-tab-left-short.gif) no-repeat -1px top; font-size: 11px; text-align: center; outline: none; color:#C8C8C8; }*/ /*#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/hts2009/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 { color: #FFFFFF; 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/hts2009/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/hts2009/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/hts2009/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/hts2009/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/hts2009/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:900px; } #p-rcb #cp_wrap_tab_productdetails #cp_tab_4 span.cp_spacer { padding-left:200px; } #p-rcb #cp_wrap_tab_productdetails #cp_tab_5 span.cp_spacer { padding-left:100px; } /* 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:#000000; 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; } #p-rcb .green_title{font-weight:bold; color:#00A7BC; font-size:12px; padding-bottom:10px;} /* TAB 1 */ #p-rcb .tab1_topbg {background-image:url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/tab1_topbg.jpg);width:960px;height:189px;background-repeat:no-repeat;background-position: top;} #p-rcb .tab1_topbox{ width: 960px; height:175px; float: left;} #p-rcb .tab1_moviebox{ width: 375px; height: 150px; padding-top: 5px; padding-left: 50px; float: left;} #p-rcb .tab1_bg {background-image:url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/tab1_bg.jpg);width:960px;height:475px;background-repeat:no-repeat;background-position: bottom;} #p-rcb .tab1_middlebg {background-image:url(/consumerfiles/pageitems/master/categorypages/hts2009/assets/images/tab1_middlebg.jpg);width:960px;height:451px;background-repeat:no-repeat;background-position: top;} #p-rcb .tab1_textbox1 {width:375px; height:150px; padding-left: 40px; float: left;} #p-rcb .tab1_textbox2 {width:375px; height:225px; padding-left: 40px; clear:both;} #p-rcb .tab1_textbox3 {width:920px; height:225px; padding-left: 40px; float:left;} #p-rcb .tab1_textbox3_text1 {width:375px; height:225px; float: left;} #p-rcb .tab1_textbox3_text2 {width:395px; height:225px; padding-left: 125px; float: left;} #p-rcb .tab1_bottomflash { width:960px; height:389px;} /* TAB 2 */ #p-rcb .tab2_topbg{ background-repeat:no-repeat; background-position: top; width: 960px; height: 555px; } #p-rcb .tab2_topbox{ width: 960px; height:250px; float: left;} #p-rcb .tab2_moviebox{ width: 300px; height: 50px; padding-top: 45px; padding-left: 50px; float: left;} #p-rcb .tab2_middlebg{background-repeat:no-repeat; width: 960px; height: 258px;} #p-rcb .tab2_bottomflash{width: 960px; height: 560px;} #p-rcb .tab2_textbox1 {width:400px; height:170px; padding-left: 70px; padding-top:40px; float: left;} #p-rcb .tab2_textbox2 {width:430px; height:150px; padding-left: 40px; clear:both;} #p-rcb .tab2_textbox3 {width:535px; padding-left: 300px; padding-top:40px; clear:both;} #p-rcb .tab2_textbox4 {width:920px; padding-left: 30px; padding-top: 30px; padding-bottom: 10px;clear:both;} #p-rcb .tab2_ambisoundLogo{ background-repeat:no-repeat; width: 490px; height: 62px; padding-left : 120px; padding-top : 43px;} #p-rcb .tab2_blurayLogo{ background-repeat:no-repeat; width: 490px; height: 62px; padding-left : 120px; padding-top : 40px;} /* TAB 3 */ #p-rcb .tab3_topbg{ background-repeat:no-repeat; width: 960px; height: 206px; background-color:#FFFFFF; } #p-rcb .tab3_textbox1 {width:700px; height:125px; padding-left: 80px; padding-top:60px; clear:both;} #p-rcb .tab3_maintext_text1 {width:960px; float: left;} #p-rcb .tab3_maintext_text1a {width:400px; padding-left: 40px; padding-bottom: 40px; float: left;} #p-rcb .tab3_maintext_text1b {width:400px; padding-left: 40px; padding-bottom: 40px; float: left;} #p-rcb .tab3_maintext {width:960px; float: left;} #p-rcb .tab3_maintext_text2 {width:440px; float: left;} #p-rcb .tab3_maintext_text2a {width:380px; padding-left: 40px; padding-right: 20px; padding-bottom: 140px; padding-top: 30px;float: left;} #p-rcb .tab3_maintext_text2b {width:650px; padding-left: 40px; padding-right:20px; padding-bottom: 0px; float: left;} #p-rcb .tab3_flash_text_spacer { width:445px; padding-top: 10px; float: left;} #p-rcb .tab3_flash_text { width:500px; text-align:center; font-weight:bold; padding-right:15px; padding-top: 10px; float: left;} #p-rcb .tab3_flashelement { width:960px; height:350px; float: left;} #p-rcb .tab3_link_bar { width:960px; padding-bottom:20px; padding-left:40px; float: left;} #p-rcb .tab3_bottombg { background-repeat:no-repeat; width:960px; height:240px; clear:both;} /* TAB 4 */ #p-rcb .tab4_topbg{ background-repeat:no-repeat; width: 960px; height: 206px; background-color:#FFFFFF; } #p-rcb .tab4_textbox1 {width:600px; height:125px; padding-left: 80px; padding-top:60px; clear:both;} #p-rcb .tab4_flashelement{ width: 960px; height: 633px; } /* TAB 5 */ #p-rcb .tab5_topbg{ background-repeat:no-repeat; width: 960px; height: 189px; background-color:#FFFFFF; clear: both;} #p-rcb .tab5_textbox1 {width:600px; height:40px; padding-left: 80px; padding-top:80px; clear:both;} #p-rcb .tab5_productbox1 {width:960px; height:350px; clear: both;} #p-rcb .tab5_productbox1_box1 {width:430px; height:350px; padding-left: 50px; float: left;} #p-rcb .tab5_productbox1_box2 {width:430px; height:350px; padding-left: 50px; float: left;} #p-rcb .tab5_productbox1_box1_img {width:403px; height:187px;} #p-rcb .tab5_productbox1_box1_txt {width:403px; height:187px;} #p-rcb .tab5_productbox1_box2_img {width:403px; height:187px;} #p-rcb .tab5_productbox1_box2_txt {width:403px; height:187px;} #p-rcb .tab5_productbox2 {width:960px; height:425px; clear:both; padding-top: 50px;} #p-rcb .tab5_productbox2_box1 {width:430px; height:400px; padding-left: 50px; float: left;} #p-rcb .tab5_productbox2_box2 {width:430px; height:400px; padding-left: 50px; float: left;} #p-rcb .tab5_productbox2_box1_img {width:403px; height:187px;} #p-rcb .tab5_productbox2_box1_txt {width:403px; height:187px;} #p-rcb .tab5_productbox2_box2_img {width:403px; height:187px;} #p-rcb .tab5_productbox2_box2_txt {width:403px; height:187px;}