/* @override http://awear.uat.venda.com/content/ebiz/awear/resources/css/external/yui/container-skin.css */ /* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0 */ @import "/venda-support/js/external/yui/build/container/assets/container.css"; /* This MUST be left in place as it defines the base styling */ /* Panel modality mask styles */ /* See http://developer.yahoo.com/yui/examples/container/panelskin1.html for skining tutorial*/ /* general panel */ .yui-panel { border:none; background-color:transparent; } .yui-panel-container {top: 117px; left: 41px;} /* popup panel */ #popupcontent_panel.yui-panel, #lightboxcontent_panel.yui-panel { border:none; background-color:transparent;} #lightboxcontent_panel.yui-panel { min-width: 420px; } html>body #lightboxcontent_panel.yui-panel{width: auto;min-width: 420px;} /* modal mask */ #popupcontent_panel_mask, #lightboxcontent_panel_mask, #wait_panel_mask {background-color:#fff;} /* underlay */ #popupcontent_panel_c.yui-panel-container.shadow .underlay, #minicart_detail_c.yui-panel-container.shadow .underlay, #lightboxcontent_panel_c.yui-panel-container.shadow .underlay { top: 3px; bottom: -3px; right: -3px; left: 3px; background-color: #000; opacity: .12; filter: alpha(opacity=0); } /* header */ /* margin-left matches width of corner graphic */ #popupcontent_panel.yui-panel .hd, #lightboxcontent_panel.yui-panel .hd, #wait_panel.yui-panel .hd { padding:0; border:none; background-color: #b5a49e; color:#FFF; height:20px; margin-left:8px; margin-right:8px; text-transform:uppercase; font-weight:bold; font-size:1em; overflow:visible; } #popupcontent_panel.yui-panel .hd span, #lightboxcontent_panel.yui-panel .hd span, #wait_panel.yui-panel .hd span {line-height:20px; padding-left:3px; color: #ffffff;} #popupcontent_panel.yui-panel .hd .tl, #lightboxcontent_panel.yui-panel .hd .tl, #wait_panel.yui-panel .hd .tl { width:8px; height:20px; top:0; left:0; background-color: #b5a49e; position:absolute; } #popupcontent_panel.yui-panel .hd .tr, #lightboxcontent_panel.yui-panel .hd .tr, #wait_panel.yui-panel .hd .tr { width:8px; height:20px; top:0; right:0; background-color: #b5a49e; position:absolute; } /* close window button */ #popupcontent_panel.yui-panel .container-close, #lightboxcontent_panel.yui-panel .container-close { top:2px; right:4px; height:17px; width:17px; background-image:url(../../../images/popup_hd_bt_close.gif); } #popupcontent_panel.yui-panel .container-close:hover, #lightboxcontent_panel.yui-panel .container-close:hover { background-image:url(../../../images/popup_hd_bt_closeover.gif); } /* body */ #popupcontent_panel.yui-panel .bd, #lightboxcontent_panel.yui-panel .bd, #wait_panel.yui-panel .bd{ padding:10px; border:1px solid #343434; background-color:#FFF; } #popupcontent_panel #buttons, #lightboxcontent_panel #buttons { width:350px; } /* product list specific */ #icat_popup #popupcontent_panel.yui-panel { width: 430px; } #icat_popup #popupcontent_panel.yui-panel .bd { height: 425px; overflow: auto; } /* product detail specific */ #invt_popup #popupcontent_panel.yui-panel { width: 390px; } #invt_popup #popupcontent_panel.yui-panel .bd { overflow:hidden; } #invt_popup #popupcontent_panel h1 { display:none; } /* hide the title because it is already supplied in the popup header */ /* lightbox - product detail */ #lightbox_holder #lightboxcontent_panel.yui-panel .bd { overflow:hidden; } #lightbox_holder #lightboxcontent_panel h1 { display:none; } /* hide the title because it is already supplied in the */ #lightboxflash { display:block; } /* loading panel */ #wait_panel.yui-panel { width:240px; } #wait_panel.yui-panel .bd #loadPanelImg { background-image:url(../../../images/loading_bar.gif); display:block; width:220px; height:19px; } /* minicart detail */ /* if the minicart detail is to appear in a popup window then you need to hide the element */ /* javascript will use innerHTML to pull the content into the popup */ #minicart_element {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} /* you should remove this line if you want to show the minicart at all times as a static element */ #minicart_detail { position:absolute; top:120px; left:290px; font-size:0.9em; color:#333; z-index:1;} /* add the z-index for IE to float popup above Element heading graphics */ #minicart_detail .yui-panel-container {top: 30px;} #minicart_detail #popupcart_panel {overflow:hidden;} /*leave overflow hidden when using animation*/ #minicart_detail #popupcart_panel.yui-panel { width: 200px;} /* obsolete after 5_3_16 */ /* header */ /* margin-left matches width of corner graphic */ #minicart_detail .yui-panel .hd {display: none; padding:0; border:none; background-color:#666; color:#FFF; height:20px; margin-left:8px; margin-right:8px; text-transform:uppercase; font-weight:bold; font-size:1em; overflow:visible; } #minicart_detail .yui-panel .hd span {line-height:20px; padding-left:3px;} #minicart_detail .yui-panel .hd .tl { width:8px; height:20px; top:0; left:0; background:transparent url(../../../images/popup_hd_tl.png); position:absolute; } #minicart_detail .yui-panel .hd .tr { width:8px; height:20px; top:0; right:0; background:transparent url(../../../images/popup_hd_tr.png); position:absolute; } /* body */ #minicart_detail .yui-panel .bd {padding:0; display: block; background:#FFF; } #popupcart {padding: 5px; border: 4px solid #d40075;} #popupcart p {font: bold 0.85em arial, serif; padding: 10px 0 5px 5px;} /* products */ #minicart_detail ul {width: 100%; overflow: hidden; clear: both;} ul#minicart_products {border: 1px dotted #333; border-width: 1px 0;} ul#minicart_products li {padding:5px; clear: both; overflow:hidden; background: #ebeeee;} #popupcart h2 {margin: 5px 0; } #popupcart h2 a {text-transform: uppercase; color: #000; display: block;} #popupcart ul#minicart_products h2 {margin: 0; padding: 0; display: block;} ul#minicart_products h2 a {color: #000000; display: inline;} ul#minicart_products p { margin: 0; padding: 0; } #popupcart p.price {color: #989088; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif !important;} #popupcart p.quantity {font-size: 0.9em; ont-family: Arial, Helvetica, sans-serif !important;} ul#minicart_products .details {font-size: 0.75em; float: right; width: 230px; padding-top: 12px;} /* links */ ul#minicart_links { width:100%; } /* We add this because IE6 doesn't like float right on li.checkout without it */ ul#minicart_totals {margin: 10px 0;} ul#minicart_totals li.items {background:#FFF; color: #000000; display:block; padding: 0 0 5px 0; position: relative; border-bottom: 1px solid #c1b2ad;} #header ul#minicart_totals li.items a {color: #000000 !important; font: normal 0.8em Arial, Helvetica, sans-serif !important;} ul#minicart_totals li.items a span {text-align: right; position: absolute; width: 60px; right: 0px; top: 2px; text-align:right; } ul#minicart_totals li.total{display: block; color:#FFFFFF; padding: 5px 0px; margin: 0; position: relative;} ul#minicart_totals li.total a {color: #000000; font-size: 0.8em; font-weight: bold;} ul#minicart_totals li.total a span {text-align: right; float: right; } ul#minicart_links li.viewbasket {color: #000000; display:block; float: left;} ul#minicart_links li.checkout {float:right;} /* close window button */ #minicart-close { top:2px; right:4px; height:17px; width:17px; background-image:url(../../../images/popup_hd_bt_close.gif); position:absolute; z-index:6; margin:0px; padding:0px; cursor:pointer; visibility:inherit; background-repeat:no-repeat; } #minicart-close:hover { background-image:url(../../../images/popup_hd_bt_closeover.gif); } .yui-overlay {display: block; width:300px;} #wait .bd {font-family:Georgia !important; padding: 59px 0 !important; background-image:url(../images/ajax-loader-white.gif) no-repeat; background-position:135px 330px;} /* product detail popup specific */ #locayta_popup #popupcontent_panel.yui-panel { width:578px; } /* must be greater than the specified width of #productdetail */ #locayta_popup #popupcontent_panel.yui-panel .bd { height: 180px; overflow-y:auto; overflow-x:hidden; }