/* * 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 */ * { margin: 0; padding: 0; } #p-rcb a.{ background: inherit; }/* FF correction for double underline (sometimes) */ #p-rcb a.u-link u { background:transparent url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/icon-link.gif) no-repeat 100% 50%; padding: 0 10px 0 0px; /* width of the img */ display: inline-block; /* IE correction to show the icon */ cursor: pointer; /* IE correction to show hand instead of arrow */ vertical-align: bottom; /* Opera correction to get the last word vertical aligned */ text-decoration:none; } #p-rcb a:hover u { background-image: background:transparent url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/icon-link.gif); text-decoration: underline; /* avoiding the "u" working for the last word! :-) */ } #p-rcb a.p-link {background:transparent url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/icon-link.gif) no-repeat center right;padding-right:10px;color:#323232;font-weight: bold;} #p-rcb a.noarrow-link { cursor: pointer; vertical-align: bottom; text-decoration:none; } #p-rcb a { color:#0b5ed7; outline: none;} #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; font-size:12px; line-height:normal; height:0px; max-height:0px; } /* Tab redesign ---------------------------------------------------------*/ #p-rcb #cp_wrap_tab_productdetails ul { margin: 0; padding: 0; background: url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/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/notebook_accessories/assets/images/tab-redesign/bg-tab-right-long.gif) no-repeat right top; } #p-rcb #cp_wrap_tab_productdetails a { display: block; line-height: 0px; background: url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/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/notebook_accessories/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/notebook_accessories/assets/images/tab-redesign/bg-tab-active-left-short.gif) no-repeat left top; 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/notebook_accessories/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/notebook_accessories/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/notebook_accessories/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/notebook_accessories/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/notebook_accessories/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; } /* 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:#ffffff; line-height:150%; } #p-rcb .p-col-articles h4 { color:#7cbd2a; } #p-rcb #cp_flashcontent_header { width:960px; margin:0 1px; background-color:#000000; text-align:center; } #p-rcb #cp_flashcontent_header img { margin:0; } */ #p-rcb h5 { text-align:center; } .sIFR-active #p-rcb h2 { visibility:hidden; padding-bottom: 0px; margin-bottom: 0px; } .sIFR-active #p-rcb h3 { visibility:hidden; padding-bottom:0px; } .sIFR-active #p-rcb h4 { visibility:hidden; padding-top : 0px; padding-bottom: 0px; margin-bottom: 0px; } .sIFR-active #p-rcb h5 { visibility:hidden; padding-bottom: 0px; margin-bottom: 0px; } .sIFR-active #p-rcb h6 { visibility:hidden; padding-top : 10px; padding-bottom: 0px; margin-bottom: 0px; } /* DIV POPUP OLD */ #p-rcb .overlay_clips_3 { text-align : center; position: absolute; width: 546px; height : 412px; z-index: 10000; padding: 10px;} #p-rcb .overlay_clips_top { padding-top : 20px; background-color:#FFFFFF; padding-bottom:20px;} #p-rcb .close_button { position: absolute; right: 10px; top: 10px; cursor: pointer; color : #000000; font-weight:bold; } /* 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; } #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:10px;} #popupManBackground {background:#333;} #overlayDiv2 .close_btn{ cursor: pointer; color : #000000; font-weight:bold; } #p-rcb #bottom_1, #bottom_2, #bottom_3 { color: #0D5FD8; cursor: pointer; } #p-rcb #bottom_1:hover, #bottom_2:hover, #bottom_3:hover { text-decoration: underline; } /* OVERVIEW - TAB 1 */ #p-rcb .tab1_topbg { background-image:url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/tab1_topbg.jpg); background-color:#FFFFFF; background-position:bottom; background-repeat:no-repeat; width: 960px; height: 370px; clear:both;} #p-rcb .tab1_flashelement { width: 960px; height: 273px; clear:both;} #p-rcb .tab1_bottombg { background-image:url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/tab1_bottombg.jpg); background-color:#FFFFFF; background-position:top; background-repeat:no-repeat; width: 960px; height: 397px; clear:both;} #p-rcb .tab1_textbox1 { width: 580px; height: 165px; padding-left: 40px; padding-top: 40px;} #p-rcb .tab1_textbox2 { width: 580px; height: 120px; padding-left: 270px;} #p-rcb .tab1_textbox3 { width: 580px; height: 75px; padding-left: 40px; padding-top: 10px;} #p-rcb .tab1_video { width: 580px; height: 290px; padding-top:20px;} #p-rcb .tab1_videobox { width: 240px; height: 145px;float: left;padding-left: 40px;} #p-rcb .tab1_videobox_img { width: 196px; height: 116px;float: left;} #p-rcb .tab1_videobox_txt { width: 196px; text-align: center;} #p-rcb .clicker{ float:left; cursor:pointer; width: 354px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;} #p-rcb .clicker a{ text-decoration:none; color:#000000;} #p-rcb .clicker a:hover{ text-decoration:none; color:#000000;} #p-rcb .mainTitle { float : left; width: 855px; padding-left: 40px;} #p-rcb .bg_top { float : left; background-image:url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/BG_Top_3.jpg); width:960px; background-repeat:no-repeat; font-size : 11px; background-color:#FFFFFF; background-position: bottom left;} #p-rcb .lift_title { padding-top: 0px;} #p-rcb .flash_top { float : left; width: 510px; height: 375px; padding-left: 40px; padding-top: 10px; padding-bottom: 10px;} #p-rcb .intro_top { float : left; width: 380px; padding-left: 10px; font-size: 12px; color:#df2823;} #p-rcb .text_top { float : left; width: 370px; padding-top: 17px; padding-left: 10px;} #p-rcb .text_middle { float : left; width: 400px; padding-left: 40px; padding-right: 540px; padding-bottom: 40px;} #p-rcb .flash_bottom { float : left; width: 960px; height: 275px;} #p-rcb .tab1_btngreen{ float:left; background-image:url(/consumerfiles/pageitems/master/categorypages/notebook_accessories/assets/images/btn_greentv.jpg); background-repeat:no-repeat; width:343px; height:21px; margin-top:270px; margin-left:30px; padding-top:2px; text-align:center; color:#FFFFFF; font-weight:bold; cursor:pointer;}