/* 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:#FFFFFF; } .yui-panel-container {top: 165px; left: 370px; _left: 255px;} .yui-panel .bd p {margin:1em 0 1em 0;} /* popup panel */ #popupcontent_panel.yui-panel, #lightboxcontent_panel.yui-panel { border:none; background-color:transparent;} #lightboxcontent_panel.yui-panel {width:550px;} #lightboxcontent_panel_c.yui-panel {width:0;height:0;} *html #lightboxcontent_panel.yui-panel {width:550px;} *html #lightboxcontent_panel_c.yui-panel {width:0;height:0;} *:first-child+html #lightboxcontent_panel.yui-panel {width:600px;} *:first-child+html #lightboxcontent_panel_c.yui-panel {width:0;height:0;} #lightboxcontent_panel_c .underlay {_display:none !important;} /* 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: #BC9443; 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: #BC9443; 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: #BC9443; 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/accessorize/popup_hd_bt_close.gif); } #popupcontent_panel.yui-panel .container-close:hover, #lightboxcontent_panel.yui-panel .container-close:hover { background-image:url(../../../images/accessorize/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; } body:last-child .yui-overlay #lightboxflash{margin:0 0 0 60px;} /* 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:0px; left:720px; font-size:0.9em; color:#333; z-index:1;} /* add the z-index for IE to float popup above Element heading graphics */ #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:0px 0 30px 0; display: block; background:#FFF url(../../../images/basket_btm.gif) bottom left no-repeat; } #popupcart {padding: 0; border: 3px solid #d40075; border-bottom: none;} #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 {margin:5px 0px 0 0px; padding: 0px} ul#minicart_products li {width: 180px; padding:5px 0; margin-left: 10px; clear: both; overflow:hidden; background: url(../../../images/product_border.gif) bottom left repeat-x;} #popupcart h2 {display: none;} #popupcart ul#minicart_products h2 {margin: 0; padding: 0; display: block;} ul#minicart_products h2 a {color: #000000} 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 .image { float: left; margin-left: 0px; margin-bottom: 3px;} ul#minicart_products .details { float: right; width: 115px; font-size: 0.75em; font: Georgia, "Times New Roman", Times, serif } ul#minicart_products img { width:47px; margin-right: 3px; } /* links */ ul#minicart_links { width:100%; } /* We add this because IE6 doesn't like float right on li.checkout without it */ ul#minicart_links li.viewbasket { float:left; display:inline;} ul#minicart_totals li.items {background:#FFF; color: #000000; display:block; margin: 0px 0 0 10px; padding: 0px; width:180px; 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; width:180px; margin: 0px 0 0 10px; padding: 5px 0px; 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; position: absolute; width: 60px; right: 0px; top: 2px;text-align:right;} ul#minicart_links li.viewbasket {color: #000000; display:block; float: left; background: #BC9443; width: 97px; text-align: left; padding: 6px 0px;} ul#minicart_links li.viewbasket a {padding-left: 5px; font: bold italic 0.78em georgia, serif; text-transform: capitalize; color: #000000;} ul#minicart_links li.checkout {float:right; display:block; background: #d40075 url(../../../images/arrowNxtOvr.gif) 68px 10px no-repeat; color:#FFFFFF; width: 97px; text-align: left; padding: 6px 0px;} ul#minicart_links li.checkout a {padding-left: 8px; font: bold italic 0.78em georgia, serif; text-transform: capitalize;} /* 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:450px; border: medium solid #BC9443; color:#BC9443; _width:450px;} #wait .bd {font-family:Arial,Helvetica,Verdana,sans-serif !important; padding: 25px 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; }