/* * 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/Bluraydvdplayers/assets/images/icon-link.gif) no-repeat center right; padding-right:10px; } #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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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/Bluraydvdplayers/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; } /* 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 h2, h3 { color:#0b5ed7; 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; } #p-rcb .blue_t { color : #1266FF; } #p-rcb .lilGreyTXT { color : #666666; font-size : 9px; } #p-rcb .intro_t { color: #1266FF; font-size : 12px; } #p-rcb .overlay_clips_1 { text-align : center; position: absolute; width: 936px; height : 550px; 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; } /* TAB 1 */ #p-rcb .tab1_top { clear : both; width:960px; height:170px;} #p-rcb .tab1_textBl_topL{ float : left; width : 800px; height: 100px; padding-left : 20px; padding-top : 20px; padding-right : 20px;} #p-rcb .tab1_middle { width:960px;} #p-rcb .tab1_midL { float : left; width : 305px; padding-bottom : 20px; padding-left : 17px;} #p-rcb .tab1_midM { float : left; width : 305px; border-left : 1px solid #E2E2E2; border-right : 1px solid #E2E2E2; padding-bottom : 20px; padding-left : 10px;} #p-rcb .tab1_midR { float : left; width : 305px; padding-bottom : 20px; padding-left : 10px;} #p-rcb .tab1_midL_p { float : left; padding-right : 12px;} #p-rcb .tab1_midM_p { float : left; padding-right : 12px;} #p-rcb .tab1_midR_p { float : left; padding-right : 18px;} /* TAB 2 */ #p-rcb .tab2_mid { width:960px; padding-bottom:10px;} #p-rcb .tab2_midL { padding-left : 20px; width : 940px;} #p-rcb .tab2_top_p { padding-top : 20px; width:700px;} #p-rcb .tab2_mid_p { float : left; background-repeat : no-repeat; background-position : top left; padding-top : 120px; width:450px;} #p-rcb .tab2_mid_img { float : left; padding-left:40px; width:400px;} #p-rcb .tab2_mid_top { float : left; width : 850px; padding-left : 20px;} #p-rcb .tab2_mid_L { float : left; width : 450px; text-align : center;} #p-rcb .tab2_mid_R { float : right; width : 485px; padding-top : 20px; padding-right : 20px;} #p-rcb .tab2_bottom { clear : both; background-repeat : no-repeat; background-position : bottom left; height: 222px} #p-rcb .tab2_bottom_text{ position: relative; left: 20px; top: 40px; width:480px;} /* TAB 3 */ #p-rcb .tab3_top { float:left;clear : both;background-repeat : no-repeat; background-position : top right; width : 940px; height: 177px; padding-left : 20px;} #p-rcb .tab3_top_p { width: 470px; padding-top : 20px;} #p-rcb .tab3_mid { float:left;clear : both; background-repeat : no-repeat; background-position : bottom right; width : 960px;} #p-rcb .tab3_midL { padding-left : 20px; padding-right:18px; } #p-rcb .tab3_intro { padding-bottom:20px;} #p-rcb .tab3_mid_intro { padding-bottom:20px;} #p-rcb .tab3_mid_p { } #p-rcb .tab3_midR { clear:both;} #p-rcb .tab3_video { padding-top: 3px; padding-bottom:20px;} #p-rcb .tab3_midR .intro { padding-left:20px;} #p-rcb .tab3_botR {} #p-rcb .tab3_botR .row1 { float:left; padding-bottom:30px;} #p-rcb .tab3_botR .row1 .col_L { float:left; width:214px;} #p-rcb .tab3_botR .row1 .col_R { float:left; width:214px; padding-left:20px;} #p-rcb .tab3_botR .row2 { float:left; padding-bottom:30px;padding-left:20px;} #p-rcb .tab3_botR .row2 .col_L { float:left; width:214px;} #p-rcb .tab3_botR .row2 .col_R { float:left; width:214px; padding-left:20px;} #p-rcb .tab3_botR .col p { width:210px;} #p-rcb .tab3_botR .col span { font-style:italic;} #p-rcb .tab3_bottom_text{ float:left; width:600px; } #p-rcb .tab3_bottom_flash{float:left; padding-bottom:20px; padding-right:20px;} /* TAB 4 */ #p-rcb .tab4_top { padding-left: 20px; padding-top: 16px;} #p-rcb .tab4_top_L { float:left; width: 420px; padding-bottom: 16px;} #p-rcb .tab4_top_R { float:left; width: 440px; padding-right: 20px; padding-bottom: 16px; padding-left:20px;} #p-rcb .tab4_top_R_title { float:left; width: 500px;} #p-rcb .tab4_bottom-row { float:left; width:960px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e2e2e2;} #p-rcb .tab4_col-1 { float:left; padding-left: 20px; width: 385px;} #p-rcb .tab4_col-2 { float:left; padding-left: 55px; padding-top: 10px; width:475px;} /* DIV POPUP */ #p-rcb #video1, #video2, #video3, #video4, #freedom_flash{color: #0D5FD8;cursor: pointer;} /* BRIGHTCOVE */ #overlayDiv.popup {width:auto;/*750px;*/ /* player height + padding left and right (486 + 20)*/display:none;background:#fff;border:1px solid black;padding:4px;} #overlayDiv.popup .navigation {float:right; cursor:pointer;} #overlayDiv.popup .content{padding:10px;text-align:center;} #overlayDiv.popupbrightcove{height:auto; /* player height + padding top and bottom + close button height (412 + 20 + 15)*/} #popupManBackground {background:#333;} #overlayDiv .close_btn{ cursor: pointer; color : #000000; font-weight:bold; } /* FLASH VIDEO */ #overlayDiv2.popup2{width:900px; height:626px; /* player height + padding left and right (486 + 20)*/display:none;background:#fff;border:1px solid black;padding:4px;} #overlayDiv2.popup2 .navigation {float:right;} #overlayDiv2.popup2 .content{padding:30px;} #popupManBackground {background:#333;} #overlayDiv2 .close_btn{ cursor: pointer; color : #000000; font-weight:bold; }