﻿/* overlay styles
--------------------*/
.background-effect {
    display:none; 
    filter: Alpha(Opacity=65);
    opacity: 0.65;
    width: 100%; 
    height: 100%; 
    min-height: 100%; 
    background: #000;
    position: fixed;
    z-index:40;
    top: 0px; 
    left: 0px;
}
.overlay {
    display: none;
	position: fixed;
	width: 421px; 
	top: 150px; 
	left: 50%; 
	margin-left: -225px; 
	background: #E9E9E9; 
	z-index: 999; 
}
.overlay.xlarge {
    display: none;
	position: fixed;
	width: 550px; 
	top: 100px; 
	left: 50%; 
	margin-left: -250px; 
	background: #E9E9E9; 
	z-index: 999; 
}
#product-detail-page .overlay {background: #E9E9E9;}
.overlay .overlay-heading {
    background:url(../en/site/canvas/forgot-pass-bg2.gif) no-repeat;
    color:#FFFFFF;
    padding:7px 10px;
    font-size:1.3em;
    margin:0px;
    text-align:left;
}
.overlay .secure-overlay-heading {
    background:url(../en/site/canvas/3ds-overlay-header.gif) no-repeat;
    color:#FFFFFF;
    padding:7px 10px;
    font-size:1.3em;
    margin:0px;
    text-align:left;
}
.overlay-hidden {visibility: hidden;}

/* overlay buttons
------------------- */
.overlay-buttons-container .overlay-close,
.overlay-buttons-container .overlay-close-only,
.overlay-buttons-container .overlay-submit {
    margin: 0;
    height: 26px;    
}
.overlay-heading-close {
    margin: 1px 4px;
    float: right;
}
.overlay-buttons-container .overlay-close {
    width: 60px;
    float: left;
    margin: 10px 0 0 0;
}
p.product-upsell-msg
{
    width:258px;
    clear:both;
}



.overlay-buttons-container .overlay-submit,
.overlay-buttons-container .overlay-close-only,
.overlay-buttons-container .upsell-submit {
    width: 86px;
    float: right;
    margin: 10px 0 0 0;
}
.overlay-buttons-container {
    height: 40px; 
    clear: both;
}
#payment-page .address-overlay .overlay-buttons-container {
    height: auto;
}
/* overlay content area
------------------------ */
.overlay dl {margin: 20px 0 0 0;}
.overlay dt, .overlay dd {padding:2px;float:left;height: 35px;}
.overlay dt {width: 140px;}
.overlay dd {width: 240px;}
.overlay dd input,.overlay dd select {float:left;width: 230px;}
.overlay dd span {float:left;text-align: left;padding-left:10px;}
#payment-page .overlay dd span {padding-left:0px;}
.overlay dd span.error,.overlay dd span.errorright {width: 230px;clear: left;padding-left: 0px;}
.overlay-content p.info-only {padding: 10px; }
.overlay-content p {text-align: left;}
#payment-page .overlay-content p {padding:1em;}
#payment-page .overlay-content p.error {padding:0;}
.overlay-content div.inner-content {padding: 10px; height: 33px;font-size: 1.1em;}
div.Upselloverlay  div.inner-content {padding: 10px; height: 38px;font-size: 1.1em;}
.overlay-content div.content-left {float: left; margin: 0px 0px 0px 10px;}
.overlay-content div.content-right {float: right;}
.overlay-content table {width: 100%;margin-top: 10px;}
.overlay-content table td {padding: 5px;}

/* specific overlay overrides 
---------------------------------*/
/* address overlay on delivery page */
.address-overlay {
    top: 50px;
    width: 255px;
    margin-left: -140px;
    left:50%;  
}
.address-overlay .last-block dt,.address-overlay .last-block dd {height:auto;float: none;}
.address-overlay .last-block dt {float: left;}
.address-overlay .last-block button {float: left;}
.address-overlay #address-list-container {padding: 0px;}
.address-overlay .last-block-container ul.option {float: left;}
.address-overlay #address-list-container .last-block dt.access {height:0;width:0;}
.address-overlay #address-list-container ul.option {margin: 0;}
.address-overlay #address-list-container .last-block, 
.address-overlay #address-list-container .last-block-container {
    background-image: none;
    margin-top: 0px;
    height: auto;
}
.address-overlay #address-list-container .last-block-container select.select {
    margin-left: -5px;
    width: 215px;
    height: 170px;
}
.address-overlay .last-block-operations input,.address-overlay .last-block-operations1 input {margin-top: 15px;}
.address-overlay .address input {margin-bottom: 2px;}
/* forgotton password overlay */
div.forgotpasswordoverlay div.content-left input {width:200px;}
div.forgotpasswordoverlay .email-sent-msg {
    margin-right: 35px;
    float: right;
    color:#0055A5;
}
/* Overlay styles */
/* ---=== border image explanation ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/
#ctl00_cphForm_viewItemsOverlay .overlay-wrapper {
    max-height:300px;
    padding:10px;
    overflow:auto;
}
.overlay-wrapper {padding:10px;}
.overlay-wrapper .overlay-content {
    background:#e9e9e9;
    margin:0;
    padding:10px 0 0 0;
}
.tlc, .trc, .blc, .brc {background-color: transparent;background-repeat: no-repeat;}
.tlc {background-image:url(../en/site/canvas/overlay/tlc.gif);background-position:top left;}
.trc {background-image:url(../en/site/canvas/overlay/trc.gif);background-position: 100% 0%;}
.blc {background-image:url(../en/site/canvas/overlay/blc.gif);background-position: 0% 100%;}
.brc {background-image:url(../en/site/canvas/overlay/brc.gif);background-position: 100% 100%;}
.tb, .bb {background-color: transparent;background-repeat: repeat-x;}		
.tb {background-image:url(../en/site/canvas/overlay/tb.gif);background-position: 0% 0%;}
.bb {background-image:url(../en/site/canvas/overlay/bb.gif);background-position: 50% 100%;}
.rb {background-image:url(../en/site/canvas/overlay/r.gif);background-position: 100% 0%;background-repeat: repeat-y;}
.lb {background-image:url(../en/site/canvas/overlay/l.gif);background-position: 0% 100%;background-repeat: repeat-y;}
/* Inner Border styles */
#ctl00_cphForm_viewItemsOverlay .itrc {
    background-image:url("../en/site/canvas/overlay/itrc.gif");
    background-position:100% 0;
    max-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
}
.itlc, .itrc, .iblc, .ibrc {background-color: transparent;background-repeat: no-repeat;}
.itlc {background-image:url(../en/site/canvas/overlay/itlc.gif);background-position:top left;}
.itrc {background-image:url(../en/site/canvas/overlay/itrc.gif);background-position: 100% 0%; }
.iblc {background-image:url(../en/site/canvas/overlay/iblc.gif);background-position: 0% 100%;}
.ibrc {background-image:url(../en/site/canvas/overlay/ibrc.gif);background-position: 100% 100%;}
.itb, .ibb {background-color: transparent;background-repeat: repeat-x;}		
.itb {background-image:url(../en/site/canvas/overlay/itb.gif);background-position: 0% 0%;}
.ibb {background-image:url(../en/site/canvas/overlay/ibb.gif);background-position: 50% 100%;}
.irb {background-image:url(../en/site/canvas/overlay/ir.gif);background-position: 100% 0%;background-repeat: repeat-y;}
.ilb {background-image:url(../en/site/canvas/overlay/il.gif);background-position: 0% 100%;background-repeat: repeat-y;}
.inner-color {background-image:url(../en/site/canvas/overlay/inner-color.gif);background-position:0 100%;background-repeat:repeat;}
