/* @override http://tkmaxx.test.venda.com/content/ebiz/tkmaxx/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; }

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

/* modal mask */
#popupcontent_panel_mask, #lightboxcontent_panel_mask, #wait_panel_mask, #signin_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 {background:none !important; position:none !important; }

/* header */
/* margin-left matches width of corner graphic */
#popupcontent_panel.yui-panel .hd, #lightboxcontent_panel.yui-panel .hd, #wait_panel.yui-panel .hd, #signin_panel.yui-panel .hd { padding:0; border:none; background-color:#FF7200; 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, #signin_panel.yui-panel .hd span {line-height:20px; padding-left:3px;}
#popupcontent_panel.yui-panel .hd .tl, #lightboxcontent_panel.yui-panel .hd .tl, #wait_panel.yui-panel .hd .tl, #signin_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 .tl, #lightboxcontent_panel.yui-panel .hd .tl, #wait_panel.yui-panel .hd .tl, #signin_panel.yui-panel .hd .tl  {behavior: url(/content/ebiz/tkmaxx/resources/images/iepngfix.htc);}
#popupcontent_panel.yui-panel .hd .tr, #lightboxcontent_panel.yui-panel .hd .tr, #wait_panel.yui-panel .hd .tr, #signin_panel.yui-panel .hd .tr { width:8px; height:20px; top:0; right:0; background:transparent url(../../../images/popup_hd_tr.png); position:absolute; }
#popupcontent_panel.yui-panel .hd .tr, #lightboxcontent_panel.yui-panel .hd .tr, #wait_panel.yui-panel .hd .tr, #signin_panel.yui-panel .hd .tr  {behavior: url(/content/ebiz/tkmaxx/resources/images/iepngfix.htc);}

/* close window button */
#popupcontent_panel.yui-panel .container-close, #lightboxcontent_panel.yui-panel .container-close, #signin_panel.yui-panel .container-close { top:3px; right:11px; height:15px; width:15px; background-image:url(../../../images/popup_hd_bt_close.gif); }
#popupcontent_panel.yui-panel .container-close:hover, #lightboxcontent_panel.yui-panel .container-close:hover, #signin_panel.yui-panel .container-close:hover { background-image:url(../../../images/popup_hd_bt_closeover.gif); }
#closelightbox {width:77px; height:23px; float:left; margin:10px 0 0 210px; background-image:url(../../../images/bg_close.gif); text-indent:-5000px; outline:0; overflow:hidden;}
	
/* body */
#popupcontent_panel.yui-panel .bd, #lightboxcontent_panel.yui-panel .bd, #wait_panel.yui-panel .bd{ padding:10px; border:1px solid #FF7200; 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 */
    /* fix width of light box */
#lightboxcontent_panel {width:auto;height:auto;}
#lightboxcontent_panel_c {width:auto;height:auto;}
*html #lightboxcontent_panel {width:535px;height:630px;}
*html #lightboxcontent_panel_c {width:475px;height:630px;}
*:first-child+html #lightboxcontent_panel {width:522px;height:630px;}
*:first-child+html #lightboxcontent_panel_c {width:522px;height:630px;}

#lightbox_holder #lightboxcontent_panel.yui-panel .bd {overflow:hidden; width:500px;height:580px;}
*:first-child+html #lightbox_holder #lightboxcontent_panel.yui-panel .bd { width:auto;height:auto;}
*html #lightbox_holder #lightboxcontent_panel.yui-panel .bd {width:513px;}
#lightbox_holder #lightboxcontent_panel h1 { display:none; } /* hide the title because it is already supplied in the */
#lightboxflash { display:block;margin: 0 auto; }

/***** hack opera9.5 ******/ 
@media all and (-webkit-min-device-pixel-ratio:10000), 

       			not all and (-webkit-min-device-pixel-ratio:0) 
	   
       { 
	   
         :root #lightbox_holder #lightboxcontent_panel.yui-panel .bd {width:425px;height:480px; width:500px;height:580px;} 
		 
        }

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

#minicart_element {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
/* if you are using the static minicart detail only and NOT the popup version, delete the line above */

#minicart_detail { position:absolute; top:15px; left:715px; font-size:0.9em; color:#333; z-index:1101;} /* 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 { padding:0; border:1px solid #d1d1d1; border-width: 1px 1px 0 1px;background-color:#fff; height:38px; width: 90px; z-index: 1102; position: relative;	box-shadow: 1px -2px 3px #999;	-webkit-box-shadow: 1px -2px 3px #999;	-moz-box-shadow: 1px -2px 3px #999;}

#minicart_detail .yui-panel .hd span {line-height:20px; padding-left:3px;}
#minicart_detail .yui-panel .hd .tl,#minicart_detail .yui-panel .hd .tr {display: none;}


#minicart_items {z-index: 1104; position: relative;}
#showminicart {z-index: 1103;}
/* body */
#minicart_detail .yui-panel .bd { padding:10px; border:1px solid #d1d1d1; background-color:#FFF; -webkit-box-shadow: 1px 0px 3px #999;-moz-box-shadow: 1px 0px 3px #999; box-shadow: 1px 0px 3px #999; margin: -1px 5px 5px 0; z-index:1105;}
.bd h2 {text-indent: -5555px; display: block; background: url(../../../images/new/theyre-nearly-yours-basket.png) no-repeat left center; height: 25px; margin-bottom: 3px;}
/* products */
#minicart_detail ul {overflow: hidden; clear: both; margin: 0;}
ul#minicart_products li {width: 200px; padding:7px 0; clear: both; overflow:hidden; line-height: 120%;}
ul#minicart_products .details h2 { margin: 0; padding: 0 3px 0 0; font-size:1em; text-indent: 0px; background: none; height: auto;  float: left;}
ul#minicart_products .details h2 a {color: #333;}
ul#minicart_products p { margin: 0; padding: 0; }
ul#minicart_products p.price {font-size: 1em; margin: 0; padding: 0;}
ul#minicart_products .image { float: left;}
ul#minicart_products .invtatt {color: #bfc0c0;}
ul#minicart_products .details { float: right; width: 145px; }
ul#minicart_products .quantity {color: #999; font-size: 9px;}
ul#minicart_products img { width:50px; }
/* links */
ul#minicart_links { width:100%; border-top: 1px dotted; padding-top: 10px; padding-bottom:0px; margin-top: 10px;} /* We add this because IE6 doesn't like float right on li.checkout without it */
ul#minicart_totals {width: 212px;}
ul#minicart_totals li.items, ul#minicart_links li.viewbasket { float:left; display:inline; }
ul#minicart_totals li.total, ul#minicart_links li.checkout { float:right; display:inline; }
ul#minicart_totals li.total {width: auto;}
ul#minicart_totals li a {font-weight: bold;} 
ul#minicart_totals li span {font-weight: normal;padding-left: 5px;}
ul#minicart_links li.viewbasket a {color: #ba1c31;}
/* 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); }


/* sign in */
#signin_popup {text-align: left;}
#iframewrapper {margin:0 auto; padding-top:0; text-align: left; position: relative;}
#iframewrapper .checkoutR, #signin_popup .checkoutR {display:none;} /* hides the help & info section */
#iframewrapper h1, #signin_popup h1 {display:none;} /* hides the title sourced in the popup */
#iframewrapper fieldset.f-loginemail div {margin:10px 0;}
#iframewrapper .dontFloat {float:none;width:auto;}
#signin_popup #signInPanelIframe1 {width:505px; height:220px;}
#signin_popup .containerpwrm, #signin_popup .containerpwrmthankyou {margin: 10px;}

/* underlay */
#signin_panel_c.yui-panel-container.shadow .underlay {background:none !important; position:none !important;}


/* body */
#signin_panel .bd { padding:10px; height:230px; border-bottom:none; border-top:1px solid #343434; border-left:1px solid #343434; border-right:1px solid #343434; background-color:#FFF; }
#signin_panel .bd #loadPanelImg { background-image:url(../../../images/loading_bar.gif); display:block; width:220px; height:19px; }

/* footer */
#signin_panel .ft { padding:0 10px 10px 10px; border-top:none; border-bottom:1px solid #343434; border-left:1px solid #343434; border-right:1px solid #343434; background-color:#FFF; font-size:0.9em; overflow:visible;}
#signin_panel .ft p { padding:0; margin:0;}