/*
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;}

/* popup panel - width is required for IE */
#popupcontent_panel.yui-panel, #lightboxcontent_panel.yui-panel { border:none; background-color:transparent; width:550px;}

/* modal mask */
#popupcontent_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  { 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; }
#popupcontent_panel.yui-panel .hd span, #lightboxcontent_panel.yui-panel .hd span {line-height:20px; padding-left:3px;}
#popupcontent_panel.yui-panel .hd .tl, #lightboxcontent_panel.yui-panel .hd .tl { width:8px; height:20px; top:0; left:0; background:transparent url(../../../images/popup_hd_tl.png); position:absolute; }
#popupcontent_panel.yui-panel .hd .tr, #lightboxcontent_panel.yui-panel .hd .tr { width:8px; height:20px; top:0; right:0; background:transparent url(../../../images/popup_hd_tr.png); 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 { 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, #invt_popup #lightboxcontent_panel.yui-panel { width: 390px; }
#invt_popup #popupcontent_panel.yui-panel .bd, #invt_popup #lightboxcontent_panel.yui-panel { overflow:hidden; }
#invt_popup #popupcontent_panel h1, #invt_popup #lightboxcontent_panel.yui-panel { display:none; } /* hide the title because it is already supplied in the popup header */



/* 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:relative; top:0px; left:552px; font-size:0.9em; color:#333; z-index:1000; width:220px;} /* 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: 220px; height: auto !important;}
/*IE6*/html*#popupcart_panel.yui-panel  { width: 220px !important;}
#minicart_detail .details h2 a{font-weight:bold;}

/* header */
/* margin-left matches width of corner graphic */
#minicart_detail .yui-panel .hd { padding:0; border:none; background-color:#bb1b00; 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; }

#minicart_detail #popupcart h2 { padding-bottom:0; }
#minicart_detail #popupcart .details h2 { padding-bottom:0; font-weight:bold;}

/* body */
#minicart_detail .yui-panel .bd { padding:10px; border:1px solid #BB1B00; background-color:#FFF;}
#minicart_detail .yui-panel .bd #popupcart #minicart_products p { margin: 0; }
#minicart_detail .yui-panel .bd p { margin: 0 0 10px 0; }
/*\*/
html*#minicart_detail .yui-panel .bd {       
  *width:198px;  /* ie6  */
}/**/

/*\*/
html*#minicart_detail .yui-panel .bd p {       
  *margin: 20px 0 10px 0;  /* ie6  */
}/**/
/*   IE  7    */
*:first-child+html #minicart_detail .yui-panel .bd p {
 	margin: 10px 0 10px 0;
}

/* products */
#minicart_detail ul { width: 100%; overflow: hidden; clear: both; }

/*\*/
html*#minicart_detail ul.items_added {       
  *font-size:1em; /* ie6  */
  *position:relative; 
  *width: 100%; 
  *overflow: hidden; 
  *clear: both; 
  *margin-top:-3px; 
  *padding-top:0; 
  *margin-right:100px; 
  *margin-left:0; 
  *font-weight:bold;
}/**/
/* All except IE6-  */
html>body #minicart_detail ul.items_added{ font-size:1em; position:relative !important; width: 100% !important; overflow: hidden; clear: both; margin-top:0; padding-top:0; margin-right:-7px; font-weight:bold;}

*+html #minicart_detail ul.items_added {
  position:relative; /* ie7  */
  width: 100%; 
  margin-top:-3px; 
  padding-top:0; 
  margin-right:100px; 
  margin-left:0; 
 } 
#minicart_detail ul.items_empty{  padding-bottom:0; height:0;} 
ul#minicart_products { margin:5px 0; }
ul#minicart_products li { width: 178px; padding:3px 0; clear: both; overflow:hidden; background:#DFDFDF; border-bottom:#FFF solid 5px; }
/*IE6*/html*ul#minicart_products li { width: 200px; padding:3px 0; clear: both; overflow:hidden; background:#DFDFDF; border-bottom:#FFF solid 5px; }
ul#minicart_products h2 { margin: 0; padding: 0; font-size:1.1em; }
ul#minicart_products p { margin: 0; padding: 0; }
ul#minicart_products .image { float: left;}
ul#minicart_products .details { float: right; width: 117px; }
/*IE6*/html*ul#minicart_products .details { float: right; width: 140px; }
ul#minicart_products img { width:50px; padding-left:5px; }
/* links */
ul#minicart_links { width:100%; }
ul#minicart_links li.viewbasket { float:left; display:inline; font-weight:bold;}
ul#minicart_totals li.items { float:left; display:inline; font-weight:bold;}
ul#minicart_totals li.total { float:right; display:inline;font-weight:bold; }
ul#minicart_links li.checkout { float:right; display:inline; font-weight:bold;}
/* 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:1000; margin:0px; padding:0px; cursor:pointer; visibility:inherit; background-repeat:no-repeat; }
#minicart-close:hover { background-image:url(../../../images/popup_hd_bt_close.gif); }


/* 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: 300px; overflow-y:auto; overflow-x:hidden; }
