/*
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; font-family:Arial; z-index:3;}

/* popup panel */
#popupcontent_panel.yui-panel, #lightboxcontent_panel.yui-panel, #loading_panel.yui-panel, #enlarge_panel.yui-panel { border:none; background-color:transparent;}

/* modal mask */
#popupcontent_panel_mask, #lightboxcontent_panel_mask, #wait_panel_mask, #loading_panel_mask, #enlarge_panel_mask {background-color:#000000;}

/* 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, #loading_panel_c.yui-panel-container.shadow .underlay, #enlarge_panel_c.yui-panel-container.shadow .underlay {display: none;}

.yui-panel-container {z-index: 31;}

/* header */
/* margin-left matches width of corner graphic */
#popupcontent_panel.yui-panel .hd, #lightboxcontent_panel.yui-panel .hd, #wait_panel.yui-panel .hd, #loading_panel.yui-panel .hd, #enlarge_panel.yui-panel .hd {background:#b4b5ba none repeat scroll 0 0;border:0 none;height:25px;padding:0;width:686px;}
#popupcontent_panel.yui-panel .hd span, #lightboxcontent_panel.yui-panel .hd span, #wait_panel.yui-panel .hd span,
#loading_panel.yui-panel .hd span, #enlarge_panel.yui-panel .hd span {line-height:17px; padding-left:3px; font-weight: normal;}
#popupcontent_panel.yui-panel .hd .tl, #lightboxcontent_panel.yui-panel .hd .tl, #wait_panel.yui-panel .hd .tl, #loading_panel.yui-panel .hd .tl, #enlarge_panel.yui-panel .hd .tl { display: none;}
#popupcontent_panel.yui-panel .hd .tr, #lightboxcontent_panel.yui-panel .hd .tr, #wait_panel.yui-panel .hd .tr, #loading_panel.yui-panel .hd .tr, #enlarge_panel.yui-panel .hd .tr { display: none; }

#popupcontent_panel_h span {display:none;}

/* close window button */
#popupcontent_panel.yui-panel .container-close, #lightboxcontent_panel.yui-panel .container-close,
#loading_panel.yui-panel .container-close, #enlarge_panel.yui-panel .container-close {
		background-image:url(../../../images/popup_hd_bt_close.gif);
		height: 14px;
		right: 5px;
		top: 5px;
		width: 14px;
}
#popupcontent_panel.yui-panel .container-close:hover, #lightboxcontent_panel.yui-panel .container-close:hover, #loading_panel.yui-panel .container-close:hover, #enlarge_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, #loading_panel.yui-panel .bd, #enlarge_panel.yui-panel .bd {padding:10px; background-color:#FFF; }
#popupcontent_panel #buttons, #lightboxcontent_panel #buttons, #loading_panel #buttons, #enlarge_panel #buttons {margin:15px 0;}

/* 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: 686px;}
#invt_popup #popupcontent_panel.yui-panel .bd {background: #e0e4ea url(../../../images/bg_productdetail.jpg) repeat-x top;}
#invt_popup #popupcontent_panel_h span img {display:none;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #tellafriend h1 {border-bottom:0 none;color:#555555;font-size:1.5em;left:0;margin:0;padding:0;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #tellafriendthankyou h1 {border-bottom:0 none;color:#555555;font-size:1.5em;left:0;margin:0 0 15px 29px;padding:0;text-transform:capitalize;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #tellafriend p {color:#5E5E5E;margin:15px 0 0;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #tellafriend fieldset label {color:#5E5E5E;float:left;margin:0;padding:3px 0 0;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #tellafriend #buttons {margin:0;padding:0;width:615px;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent input, #invt_popup #popupcontent_panel.yui-panel .bd #popupcontent textarea {font-size:1em;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #writereview h1,
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #writereviewthankyou h1 {border-bottom: 1px solid #E0C0CF; padding-bottom: 5px; margin-bottom: 10px; width: 100%;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback h1,
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailinstockthankyou h1 {color:#555555;font-size:1.5em;margin:0 0 0 29px;padding:0;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback p,
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailinstockthankyou p {margin:21px 0 20px 29px;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback div {margin:21px 0 0 29px;padding:0 0 30px;width:600px;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback div p {margin:0 0 25px;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback label {color:#5E5E5E;float:left;font-weight:bold;margin:0 14px 0 0;padding:5px 0 0;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback input#bisemail {background:#EAEAEA none repeat scroll 0 0;color:#5E5E5E;float:left;margin:0 10px 0 0;padding:5px;width:173px;}
#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent #emailmeback div div#buttons {float:left;margin:0;padding:0;width:111px;}

#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent textarea {background:#EAEAEA none repeat scroll 0 0;color:#5E5E5E;overflow:auto;padding:5px;width:394px;}

#invt_popup #popupcontent_panel.yui-panel .bd #popupcontent .ppmsg input {border:none;}

/*#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 */
/* you should remove this line if you want to show the minicart at all times as a static element */

#minicart_detail { 
		position:absolute; 
		top:98px;
		left:668px; 
		color:#424242;
		z-index:3;
} /* add the z-index for IE to float popup above Element heading graphics */
html* #minicart_detail {
		]top:98px;
		]left: 668px;    /*IE7,IE6*/
}/**//*
*#minicart_detail {top: 117px; left: 818px; }*/ /* IE7 */
*html #minicart_detail {top: 98px; left: 668px;} /* IE6 */
body:nth-of-type(1) #minicart_detail {
		left: 670px;		/*SAFARI */
}


/* header */
/* margin-left matches width of corner graphic */
#minicart_detail .yui-panel .hd { 
		padding:9px 0 7px;
		background:#2c2c2c; 
		color:#fff; 
		text-transform:uppercase; 
		font-size:0.9em; 
		font-weight:bold;
		font-family:Arial;
		overflow:visible; 
		text-align: left;
		border:none;
}
#minicart_detail .yui-panel .hd span {
		padding-left:13px; 
}
#minicart_detail .yui-panel .hd .tl { display: none;}
#minicart_detail .yui-panel .hd .tr { display: none; }

/* body */
#minicart_detail .yui-panel .bd { 
		padding:0;
		color:#fff;
		background:url(../../../images/bg_minicart_content.jpg) repeat-x top left;
}
#minicart_detail .yui-panel .bd #popupcart {
		margin: 0; 
		padding: 0;
}
#minicart_detail .yui-panel .bd #popupcart h2 {
		padding-left:17px; 
		margin: 0; 
		font-size:1em; 
}
#minicart_detail .yui-panel .bd #popupcart p {
		clear:both;
		padding:8px 0 8px 9px;
		margin:0;
		text-align:left;
}

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

/* Total */
ul#minicart_totals {
		clear:both; 
		width: 280px;
		float:left; 
		padding:7px 0 7px; 
		margin:0; 
}
ul#minicart_totals li {
		float:left;
		padding:0 0 0 11px;
		text-transform:uppercase;
}
ul#minicart_totals li.items {
		font-size:1em;
}
ul#minicart_totals li.items a {
		color:#fff;
}
ul#minicart_totals li.total {
		float:left;
		padding:0 0 0 11px;
		border:none;
		font-size:1em;
}
ul#minicart_totals li.total a {
		color:#fff;
}

/* Items */
ul#minicart_products {
		width:291px;
		clear:both; 
		margin:0;
		padding:0;
}
ul#minicart_products li { 
		padding:7px 0 10px 0; 
		clear: both; 
		overflow:hidden; 
		margin:0; 
}
ul#minicart_products li .image {
		width:64px;
		float:left;
		padding:0 0 0 12px;
		text-align:left;
}
ul#minicart_products .details { 
		float: right; 
		width:212px; 
		text-align:left; 
		margin: 0; 
		padding: 0
}
ul#minicart_products li.first {
		border:none;
}
ul#minicart_products p { 
		margin: 0; 
		padding:0; 
}

#minicart_detail .yui-panel .bd #popupcart  ul#minicart_products .details h2 { 
		width:180px;
		margin: 0; 
		padding: 0; 
		text-align:left; 
		background: none;
		border:none;
}
#minicart_detail .yui-panel .bd #popupcart  ul#minicart_products .details h2 a {
		color:#fff;
}
#minicart_detail .yui-panel .bd #popupcart  ul#minicart_products .details p,
#minicart_detail .yui-panel .bd #popupcart  ul#minicart_products .details span.invtatt {
		padding:2px 0; 
		margin:0; 
		clear: both; 
		text-align: left;
}
ul#minicart_products li div.details p.price {
		font-size:1em;
		font-weight:bold;
}
ul#minicart_products .details .quantity, 
ul#minicart_products .details .unpublished {
		clear:both; 
		text-align:left; 
		font-size:0.8em; 
		padding:0; 
		margin: 0;
}
ul#minicart_products .details .quantity {

}
/* links */
ul#minicart_links { 
		clear:both;  
		padding:8px 8px 9px 0; 
		margin:0;
		border-top:1px solid #9c9c9c;	
		background:#2C2C2C none repeat scroll 0 0;		
}
*html ul#minicart_links { 
		float: left;
		background:#2C2C2C none repeat scroll 0 0;		
}
ul#minicart_links li.viewbasket {
		text-align:right;
		float:right;
}
ul#minicart_links li.viewbasket a {
		width:113px; 
		float:right; 
		height:25px;
		background:url(../../../images/img_minicheckout.gif) no-repeat top left;
		text-indent:-5000px;
		outline:0; 
}
ul#minicart_links li.checkout {
		display:none;
}

 /* We add this because IE6 doesn't like float right on li.checkout without it */
/* close window button */
#minicart-close { 
		top:7px; 
		right:0; 
		height:15px; 
		width:8px; 
		background: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);
}


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

/* product detail/ product list/ search - hide lightbox header */
#lightbox_holder_detail .lightBoxContent {height:550px !important;}
#lightbox_holder_list .lightBoxContent {height:372px !important;}
#lightbox_holder_list .hd, #lightbox_holder_detail .hd{width:0px !important; height:1px !important; background:#fff !important;}
#lightbox_holder_list span.container-close, #lightbox_holder_detail span.container-close {display:none;}
#lightbox_holder_list .bd {background: none !important; padding: 0 !important;}
#lightbox_holder_detail .bd {width: 960px; background: none !important; padding: 0 !important;}
a#closelightbox {display: none; color:#000; float:right; margin:5px; text-transform:uppercase;}