/* begin styling for popup boxes */
a.closeX ,
.modal hr,
div.margin hr,
.nextLargeImagePopupBanner{
	display:none !important;
}
.shade {
	background:#666;
}
.modal input.nextHTMLButton,
div.margin input.nextHTMLButton {
	margin: 1em;
	text-decoration:none;	
	cursor:pointer;
	} 

.modal,
div.margin {
	overflow:visible !important;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	font-size: 14px;
    line-height: 1.3;	
	font-family:Arial, Helvetica, sans-serif;
	
}
.modal {	
	margin:0;
	border:2px solid #CCC;
	top:50px !important;
}
div.margin {
	height:auto !important;
	width:500px !important;
	left:50% !important;
	margin:0 0 0 -250px;
	background:#FBFBFB;
	border:2px solid #666;
}
.nextCartPolicies div.margin,
.nextPrivacyPolicyPopup {
	top:50px !important;
}
.nextInvoice div.margin {
	top:360px !important;
}
.modal .nextTopBanner,
div.margin .nextTopBanner {
	margin-bottom:15px;
}
.modal tr.banner1,
div.margin tr.banner1{
	background:none;
	color:#666;
	border-bottom:1px dotted #333;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
}
.modal tr.banner1 td,
div.margin tr.banner1 td {
	padding:0 0 3px 0;
	text-align:left;
}
.modal .nextBottomBanner,
div.margin .nextBottomBanner{
	display:none;
}
.modal input.nextHTMLButton[value="Cancel"],
.modal input.nextHTMLButton[value="Close and Return to Login"],
.modal input.nextHTMLButton[value="Close and Continue Checkout"],
.modal input.nextHTMLButton[value="Close"],
div.margin input.nextHTMLButton[value="Close"],
.nextLargeImagePopup input.nextHTMLButton[value="Close"] {
	display:block;
	font-size:0;
	line-height:0;
	font-weight:bold;
	background:url(../images/bg_closeX_3.png) 0 50% no-repeat;
	padding:0;
	margin:0;
	text-indent:-9999px;
	width:39px;
	height:39px;
	border:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:-19px;
	right:-21px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
  
}
div[id$="DropShadow"] {
	display:none;
}

.nextCartBottomButtons div[id$="foregroundElement"]{
	top:50px !important;
	left:50% !important;
	margin-left:-212px;
	width:424px !important;
	/*position:absolute !important;*/
}
.nextCartBottomButtons .nextSocialSaleCouponWrapper div#mpeCoupon_foregroundElement { /* move this to social coupon css - update this once a unique class is added to the social coupon foreground element so this does not apply to the regular coupon popup which can pop up too high on the screen with this in place */
	position:absolute !important;
	top:0;
}
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup { /* move this to social coupon css */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding:0 0 60px 0;
}
.nextCartBottomButtons div#mpeCoupon_foregroundElement .modal.nextSocialSaleCouponPopup tr.banner1 td{ /* move this to social coupon css */
	text-align:center;
	padding:5px;
}
.nextSocialSaleCouponPopup #socialDefine { /* move this to social coupon css */
	position:relative;
}
.nextTellAFriend div[id$="foregroundElement"] {
	top:50px !important;
	left:50% !important;
	margin-left:-274px;
	width:526px !important;
	position:absolute !important;
}
#mpeCalculator_foregroundElement {
	top: 50px !important;
	left: 50% !important;
    margin-left: -342px;    
    width: 684px !important;
	/*position:absolute !important;*/
}

#mpeGiftMessage_foregroundElement div.modal {
	width:280px !important;
}
#mpeGiftMessage_foregroundElement {
	top: 50px !important;
	left: 50% !important;
    margin-left: -152px;    
    width: 304px !important;
} 
.nextProductList .nextAddToCart div[id$="foregroundElement"],
#mpeEnterShipTo_foregroundElement {
	top: 50px !important;
	left: 50% !important;
    margin-left: -152px;    
    width: 304px !important;
}
.nextSubmitGiftMessage {
	border:0;
}
div.margin.nextGiftMessage {
	width:auto !important;
	margin:0;
}
.nextGiftMessage textarea {
	padding:10px;
	border:1px solid #CCC;
}
#borderDiv table { /* there should only be one element with id="borderDiv" on each page */
	margin-bottom:15px;
}
.nextExpressOrderPopup #borderDiv table {
	margin:0;
}
#mpeLargeImage_foregroundElement {
	position:absolute !important;
	left:150px !important;
}
*html #mpeLargeImage_foregroundElement {
	top:50px !important; /* for IE6 and befor */
}
.nextLargeImagePopup {
	height:auto !important;
	width:auto !important;
	margin:0 !important;
}
#mpePassword_foregroundElement {
	top: 50px !important;
	left: 50% !important;
    margin-left: -250px;    
    width: 500px !important;
}
#mpePassword_foregroundElement .modal {
	width:500px !important;
}
#mpeReview_foregroundElement,
#mpeQuestion_foregroundElement {
	position:absolute !important;
	top: 50px !important;
	left: 50% !important;
    margin-left: -311px;    
    width: 622px !important;
}
#mpeReview_foregroundElement .modal,
#mpeQuestion_foregroundElement .modal {
	height: auto !important;
}

#mpeGiftMessage_foregroundElement {
	position:absolute !important;
}
#mpeGiftMessage_foregroundElement .modal {
       height:auto !important;
}
#mpeUpsell_foregroundElement {
	position:absolute !important;
	left: 50% !important;
    margin-left: -250px;  
}
#mpeExpressOrder_foregroundElement {
    position: absolute !important;
}
.nextExpressOrderPopup {
    width: auto !important;
	height:auto !important;
}
.nextExpressOrderPopup #borderDiv {
	width:auto !important;
	height:auto !important;
	display:inline-block;
}
.nextExpressOrderPopup .banner2 {
	display:none;
}
.nextExpressOrderPopup td.nextPrice {
	display:table-cell;
	padding:0 15px;
}
#mpeEditPendingBillToAddress_foregroundElement,
#mpeEditPendingShipToAddress_foregroundElement,
mpeEditPendingPayment_foregroundElement {
	position:absolute !important;
}
div.modal,
div.margin {
	height:auto !important;
	/*display:table !important;*/
}
.nextExpressOrderPopup .nextCloseXCell {
	display:none;
}
/* end styling for popup boxes */

/*----------------------------------------------------------------
	..MOBILE FRIENDLY MY ACCOUNT PAGE
------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.account #mpeEditAddress_foregroundElement,
	.account #mpeCreditCard_foregroundElement,
    .account #mpeEditNotification_foregroundElement {
		position:absolute !important;
	}
    .account .modal {
        display: table;
    }
    .account .modal div > div > table > tbody > tr > td {
        display: block;
        text-align: left;
    }
    .account .modal .nextAddressTypeRow > td, 
	.account .modal .nextPreferredShipToRow > td, 
	.account .modal .nextPreferredBillToRow > td {
      float: left;
      margin-top: 5px;
    }
    .account .modal input, .account .modal select {
      max-width: 200px;
    }
    .account .modal .nextEditCreditCardTable > tbody > tr > td {
        float: left;
        margin-top: 5px;
    }
    .account .pageWidth,
    .account #aspnetForm,
	body.account{
        min-width:100px;
    }
    .account #cartUtilityWrap li.withAvatar span,
    .account.CCartActive #cartUtilityWrap .nextHTMLButton{
        display: none;
    }
    .account input.nextHTMLButton.nextCheckOutButton {
        background-image:none;
        padding-left:12px;
        padding-right:12px;
    }
    .account.emptyCart {
        padding-top:0;
    }
    .account.emptyCart #responsiveUtilityWrapper {
        display: none;
    }
}
/*end MOBILE FRIENDLY MY ACCOUNT PAGE*/