/* * 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{ cursor:pointer; color:#0b5ed7; } #p-rcb .link_buttons { color:#FFFFFF; float:left; font-size:18px; margin-top:2px; text-decoration:none; padding-bottom:20px; } #p-rcb a.p-link { background:transparent url(/consumerfiles/pageitems/master/categorypages/PortableAudio/assets_update/images/icon-link.gif) no-repeat center right; padding-right:10px; color:#0b5ed7; cursor: pointer;} #p-rcb a.p-link_noArrow { color:#0b5ed7; cursor: pointer;} #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:300px; min-height:300px;} #p-rcb #flashcontent_header object { outline: none; } #p-rcb #topcontent_header { height:50px; } #p-rcb #topcontent_header #flashcontent_header_topright { float:right; padding:5px 15px 0 0px} #p-rcb #topcontent_header #flashcontent_header_topleft { float:left; padding:5px 0 0 15px;width:700px;} /* Tab redesign ---------------------------------------------------------*/ #p-rcb #cp_wrap_tab_productdetails ul { margin: 0; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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/PortableAudio/assets_update/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: transparent;} #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; } /* DIV POPUP */ #p-rcb .overlay_clips_1 { text-align : center; position: absolute; width: 936px; height : 370px; 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; } #p-rcb #bottom_1, #bottom_2, #bottom_3, #bottom_4, #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{ 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_main { float : left; padding-bottom : 32px; } #p-rcb .Overview_img_TopL { float : left; width : 512px; height : 239px; } #p-rcb .Overview_textBl_topR { float : left; width : 428px; height : 239px; font-size : 12px; color : #982B96; padding-top : 12px; padding-right : 20px; } #p-rcb .Overview_midL { float : left; width : 319px; border-right : 1px solid #E2E2E2; padding-bottom : 20px; } #p-rcb .Overview_midM { float : left; width : 319px; border-right : 1px solid #E2E2E2; padding-bottom : 20px; } #p-rcb .Overview_midR { float : left; width : 320px; padding-bottom : 20px; } #p-rcb .Overview_midL_p { float : left; padding-right : 12px; padding-left : 18px; } #p-rcb .Overview_midM_p { float : left; padding-right : 12px; padding-left : 18px; } #p-rcb .Overview_midR_p { float : left; padding-right : 18px; padding-left : 16px; } #p-rcb .tab1_songbird { float:left; clear:both; width:960px;} #p-rcb .songbird_wrap { float:left; width:100%; padding:20px; } #p-rcb .songbird_left { float:left; width:570px; padding-right:65px;} #p-rcb .songbird_right { float:left; width:283px; height:189px; background-image:url(../images/tab1_songbird.jpg);} /* TAB 2 */ #p-rcb .tab2_main { padding-bottom : 2px; } #p-rcb .tab2_textBl_topR { float : left; width : 935px; font-size : 12px; color : #982B96; padding-top : 12px; padding-left : 20px; } #p-rcb .tab2_floatR { float:right; } #p-rcb .tab2_floatL { float:left; width:400px; } #p-rcb .tab2_img_TopR { float : left; width : 530px; } #p-rcb .tab2_mid { float : left; width : 960px; padding-bottom:20px;} #p-rcb .tab2_midL { float : left; width : 320px; } #p-rcb .tab2_midM { float :left; width : 410px; } #p-rcb .tab2_midR { float :right; width : 206px; padding-top:20px; } #p-rcb .tab2_mid2 { float : left; width : 960px; padding-bottom:20px;} #p-rcb .tab2_botL { float : left; width : 420px; padding-left : 18px; padding-top : 18px; display:block; } #p-rcb .tab2_botR { float : right; width : 485px; text-align : right;} #p-rcb .tab2_bottom { float : left; width : 960px; height : 190px; border-top : 1px solid #E2E2E2; background-position : bottom center; background-repeat : repeat-x; } #p-rcb .tab2_gradientC { float : left; width : 924px; padding-left : 18px; padding-right : 18px; padding-top : 12px;} #p-rcb .tab2_summary_a { float : left; width : 480px; padding-right : 20px; padding-left : 20px; font-size : 10px; height : 120px; } #p-rcb .tab2_summary_b { float : left; width : 150px; padding-left : 10px; padding-right : 10px; border-right : 1px solid #E2E2E2; font-size : 10px; height : 120px; } #p-rcb .tab2_summary_c { float : left; width : 174px; padding-left : 20px; font-size : 10px; height : 120px; margin-top : -10px; } #p-rcb .tab2_summary_d { float : left; width : 150px; padding-left : 10px; padding-right : 10px; font-size : 10px; height : 120px; } /* TAB 3 */ #p-rcb .tab3_main { padding-bottom : 2px; } #p-rcb .tab3_textBl_topR { width : 930px; font-size : 12px; color : #982B96; padding-top : 12px; padding-left : 18px; clear : both; } #p-rcb .tab3_mid { float:left; width:980px; padding-bottom:20px; padding-top : 20px; } #p-rcb .tab3_midL { float : left; width : 318px; height:420px; border-right : 1px solid #E2E2E2; } #p-rcb .tab3_midM { float:left; width : 478px; border-right : 1px solid #E2E2E2; } #p-rcb .tab3_midR { float :left; width : 478px; } #p-rcb .tab3_midL_p { float : left; padding-right : 12px; padding-left : 18px; } #p-rcb .tab3_midM_p { float : left; padding-right : 12px; padding-left : 18px;} #p-rcb .tab3_midR_p { float : left; padding-right : 18px; padding-left : 16px; } #p-rcb .tab3_bottom { float : left; width : 960px; height : 220px; border-top : 1px solid #E2E2E2; background-position : bottom center; background-repeat : repeat-x; } #p-rcb .tab3_gradientC { float : left; width : 924px; padding-left : 18px; padding-right : 18px; padding-top : 12px;} #p-rcb .tab3_bottom_a { float : left; width : 250px; } #p-rcb .tab3_bottom_b { float : right; width : 285px; padding-right : 160px; } /* TAB 4 */ #p-rcb .tab4_main { float : left; padding-bottom : 12px; clear:both; } #p-rcb .tab4_textBl_topR { float : left; width : 935px; font-size : 12px; color : #982B96; padding-top : 12px; padding-left : 20px; } #p-rcb .tab4_floatR { float:right; } #p-rcb .tab4_floatL { float:left; width:430px; font-size:11px; color:#000000; } #p-rcb .tab4_top { float:left; width:500px; color : #982B96; padding-top : 12px; font-size:12px; padding-bottom:20px; } #p-rcb .tab4_textBl_btm { float : left; width : 935px; font-size : 12px; color : #982B96; padding-top : 12px; padding-left : 20px;} /* .tab4_img_TopR { float : left; width : 433px; border:#FF0000 solid 1px; } #p-rcb .tab4_img_M { float : left; width : 438px; height : 249px; border:#FF0000 solid 1px; } #p-rcb .tab4_textBl_M { float : left; width : 502px; height : 249px; padding-top : 12px; padding-right : 20px; border:#FF0000 solid 1px; } */ #p-rcb .flash_h { height : 312px; } /* TAB 5 */ #p-rcb .tab5_wrap{ float:left; width:960px; background-repeat:no-repeat; background-position:top; } #p-rcb .tab5_shadow{ float:left; width:960px; height:21px;} #p-rcb .tab5_left{ width:644px; float:left; background-position:bottom left; background-repeat:no-repeat; } #p-rcb .tab5_left_col{ float:left; font-size:12px; color:#992c96; padding:20px; width:305px;} #p-rcb .tab5_mid_col{ float:left; width:279px; height:530px; padding-top:20px; padding-left:20px;} #p-rcb .tab5_right_col{ float:left; width:250px; margin-left:50px;padding-top:20px; } #p-rcb .tab5_links{ float:left; width:960px; padding-bottom:7px; padding-top:40px; text-align:center;} #p-rcb .tab5_link1{ float:left; padding-top:7px; padding-left:10px; width:301px; height:34px; margin-left:7px; display:block;} #p-rcb .tab5_link2{ float:left; padding-top:7px; padding-left:10px; width:301px; height:34px; margin-left:7px; display:block;} #p-rcb .tab5_link3{ float:left; padding-top:7px; padding-left:10px; width:301px; height:34px; margin-left:7px; display:block;} #p-rcb .tab5_bottom_partners{width: 935px; /*960 - 25 */ background-color:#FFF; padding-top: 5px; padding-left: 25px; padding-bottom: 0px; clear:both;} #p-rcb .tab5_intro{ width:100%; float:left; padding-left:20px; padding-top:20px;} #p-rcb .tab5_links_1{ width:660px; padding-bottom:7px; padding-top:40px; padding-left: 320px; text-align:center; float: left;} #p-rcb .tab5_links_2{ width:810px; padding-bottom:7px; padding-top:40px; padding-left: 150px; text-align:center; float: left;} #p-rcb .tab5_links_3{ width:960px; padding-bottom:7px; padding-top:40px; text-align:center; float:left;} #p-rcb .tab5_features{ float:left; width:960px;} #p-rcb .features_title{ padding-left:20px;}