/* Lightbox Styles */

div#modalBackground
{
	position:fixed;
	top:0;
	left:0;
	clear:both;
	width:100%;
	height:100%;
}

#lightboxContainer, #alternateLightbox, .complaintProcessLightbox
{
	position:absolute;
	z-index:100;
}

#lightboxContainer
{
	text-align:left;
}

.lightboxInfo
{
	display:none;
}

#lightboxInner
{
	position:relative;
	padding:20px;
}

#lightboxContent
{
    display:none;
    padding:20px;
}

#alternateLightboxContent
{
	display:none;
}

.close
{
	position:absolute;
	top:22px;
	right:22px;
}

#dealsLightboxWrapper a.close
{
	top:50px;
	left:380px;
	z-index:30;
	position:relative;
	float:left;
}


/** Order Now Slidedown **/

div#orderNowForm
{
}

div#orderNowMid
{
	background:url(../Images/Lightbox/Login_wheeldownMid.png) repeat-y;
	width:279px;
	padding-left:30px;
	text-align:left;
	float:left;
}

div#orderNowMid p
{
    padding:3px 15px 0;
    text-align:left;
    vertical-align:middle;
    width:210px;
    float:left;
}

div#orderNowMid a
{
	margin:5px 0 0 15px;
}

div#orderNowMid input.largeTextBox
{
	margin-top:8px;
}

div#orderNowMid input
{
	left: 15px;
	vertical-align:middle;
	position:relative;
}

div#orderNowMid label
{
    margin-left:25px;
}

div#orderNowMid img
{
	margin:3px 0;
}

div#orderNowMid a 
{
	float:left;
	margin-top:10px;
	position:relative;
	margin-left:10px;
}

div#orderNowMid a.forgotYourPassword
{
	margin-left:0;
	left:15px;
	float:left;
	width:205px;
}

div#orderNowMid a.cancel
{
	float:right;
	margin:10px 38px 0 0;
}

div#orderNowMid a.cancel img
{
	margin-bottom:0;
}

div#orderNowMid a.getStarted
{
	margin-top:13px;
}

.orderNowDash
{
    width:215px;
    margin:3px 10px 0 10px;
}

#orderNowBot
{
	background:url(../Images/Lightbox/Login_wheeldownBtm.png) no-repeat;
	width:279px;
	height:31px;
	float:left;
}

/** Login Lightbox Styles **/

div.loginHeader
{
	margin:0px;
	margin-left:-3px;
}

.loginLightboxTop, body.yeti h1.loginLightboxTop
{
    background:url(../Images/Lightbox/beginYourOrderHeadline.png) repeat-y;
    width:813px;
    height: 52px;
    position:relative;
    top:0;
    right:0;
    width:auto;
    text-indent:-2000px;
}

.complaintProcessLightbox h1.loginLightboxTop
{
    background:url(../Images/Lightbox/blankHeader.png) repeat-y;
    width:813px;
    height: 52px;
    position:relative;
    top:0;
    right:0;
    width:auto;
    text-indent:-2000px;
}

.loginLightboxMid
{
    background:url(../Images/Lightbox/login_lightboxMid.png) repeat-y;
    width:770px;
    padding:10px 10px 5px 25px;
    float:left;
}

.loginLightboxMid p
{
	text-align:left;
}

.loginOrderInfo
{
    background:url(../Images/Lightbox/login_orderInfoTop.gif) #fff7e4 no-repeat;
    width:717px;
    padding:15px 15px 1px 15px;
    float:left;
    margin-left:5px;
    _margin-left:3px;
}

body.yeti .loginOrderInfo p, .loginOrderInfo p
{
	text-align:left;
	font-size:12px;
	margin:2px;
}

.loginOrderInfoBot
{
    background:url(../Images/Lightbox/login_orderInfoBot.gif) no-repeat;
    width:747px;
    height:8px;
    float:left;
    margin-left:5px;
	_margin-left:3px;
}

.guestUserLoginContainer
{
	margin-top:10px;
	float:left;
}

.guestUserLoginContainer .guestUserContent
{
	background:url(../Images/Lightbox/securityFixBox.png) repeat-y;
	width:733px;
	float:left;
	padding-left:25px;	
	padding-bottom:25px;
}

.guestUserLoginContainer #dealsGuestUser
{
	background:url(../Images/Deals/securityFixBoxDeals.png) repeat-y;
	width:700px;
	float:left;
	padding-left:25px;	
	padding-bottom:25px;
}
	
.loginBox
{
    width:360px;
    float:left;
    margin-top:20px;
}

.requiredFields
{
	clear:both;
	font-size:11px;
}

.lightboxGetStartedBtn
{
	float:left;
	margin-top:10px;
	display:block;
	position:relative;
	right:5px;
}

.loginBox.alreadyRegistered
{
	margin-left:55px;
	background:#e60e16;
	width:257px;
	text-align:center !important;
}

.alreadyRegistered h3
{
	color:#ffffff;
	font-size:18px;
	text-align:center !important;
}

.alreadyRegistered a
{
	/*margin-left:74px !important;*/
	margin-top:20px;
	margin-bottom:10px;
	left:74px;	
	display:block; 
	float:left;
}


/************************** sign in moving issue

#loginLightboxWrapper .loginBox.alreadyRegistered a
{
	_position:relative;
	_left:35px !important;
	text-align:center;
}

.dealsLoginBox.alreadyRegistered a
{
	_margin-left:38px !important;
	text-align:center;
	_left:0 !important;
}
***********************************/

/*
.loginBox .header
{	
    background:url(../Images/Lightbox/login_signInBoxTop.gif) no-repeat;
	width:360px;
	height:25px;
	padding:15px 0px 0px 15px;
	margin:0px;
	position:relative;
}

.loginBox .mainContent, .loginBox .mainContentLightbox
{
    background:url(../Images/Lightbox/login_signInBoxMid.gif) repeat-y;
    width:339px;
	padding:15px 20px 5px;
    position:relative;
    height:252px !important;
	text-align:left;
}
*/

.loginBox .mainContentLightbox.bannerLogin
{
	height:262px!important;
}

.loginBox .mainContentLightbox
{
	position:relative;
	text-align:left;
}

.loginBox .mainContentLightbox p
{
	text-align:left;	
}

.formText
{
	margin-left:5px;
}

.largeTextBox, .zipCodeWrapper, .cityStateWrapper, .loginErrors, .streetAddressText
{
	text-align:left;
}
.largeTextBox
{
    width:175px;
    margin-bottom:8px;
}

.smallTextBox
{
    width:100px;
    margin-bottom:5px;
}
.loginBox a
{
	position:relative;
}

.loginBox input
{
	position:relative;
    vertical-align:middle;
}


.loginLightboxBot
{
    background:url(../Images/Lightbox/login_lightboxBot.png) no-repeat;
    width:813px;
    height:25px;
    float:left;
}

.noThanks
{
	position:absolute;
	bottom:23px;
    right:40px;
}

.loginButtons
{
	padding-top:15px;
	display:block;
}

/** Deals Lightbox Styles **/

#dealsLightbox
{
	position: absolute;
	width: 502px;
	display: none;
	z-index: 999;	
	text-align: left;
}

#dealsLightboxWrapper
{
    /*margin-left:130px;*/
}

div.sendDealsHeader
{
	margin:0px;
	background:url(../Images/Lightbox/sendDealsHeader.png) no-repeat;
	width:502px;
	height:52px;
	position:relative;
	float:left;
}

div.sendDealsHeader h1
{
	text-indent:-2000px;
}


div.sendDealsHeader a.close
{
	position:absolute;
	right:25px;
	top:21px;
}

#dealsLightboxMid
{
    background:url(../Images/Lightbox/sendDealsMid.png) repeat-y;
    width:452px;
    float:left;
    padding:10px 20px 0 30px;
}

#dealsLightboxMid input
{
	margin:0 3px 0;
	vertical-align:middle;
}

#dealsLightboxMid input.dealsSubmit
{
	margin-top:10px;
	vertical-align:baseline;
}

#dealsLightboxMid p
{
	text-align:left;
}

#privacyTerms
{
    width:320px;
    margin-left:5px;
    font-size:10px;
}

#dealsLightboxMid p#privacyTerms a
{
    float:none;
    margin:0;
}

#dealsLightboxMid a, .dealsSubmit
{
	float:left;
	margin-left:15px;
	margin-top:10px;
}


#dealsLightboxBtm
{
    background:url(../Images/Lightbox/sendDealsBtm.png) no-repeat;
    width:502px;
    height:31px;
    float:left;
}

#orderNowForm
{
	position: absolute;
	top: 45px;
	right: 133px;
	z-index: 999;
	width: 279px;
}

#loginLightboxWrapper, #loginDealsLightbox, .complaintProcessLightbox
{
	position: absolute;
	width: 813px;
	z-index: 999;
}

.loginErrors
{
	display:none;
	color:red;
}

.loginErrors.cityState
{
    width:150px;
    float:left;
}

.contactUsPopupWrapper
{
	width:438px;
	z-index:999;
	position:absolute;
}

.contactPopupTop
{
	background:url(../Images/ContactUs/cuPopupTop.png) no-repeat;
	width:438px;
	height:30px;
	float:left;
}

.contactPopupMid
{
	background:url(../Images/ContactUs/cuPopupMid.png) repeat-y;
	width:378px;
	padding:10px 30px;
	text-align:left;
	float:left;
}

.contactPopupMid p
{
	width:368px;
}

.contactPopupBot
{
	background:url(../Images/ContactUs/cuPopupBot.png) no-repeat;
	width:438px;
	height:60px;
	float:left;
}

.contactPopupBot a
{
	position:relative;
	float:left;
}


.contactPopupBot .corporateInfoClose
{
	top:20px;
	left:20px;
}

#orderNowFormOrderButton
{
	width: 279px;
	height: 96px;
	background:url(../Images/Lightbox/Login_wheeldownOrderNow.png) no-repeat;
}

#orderNowMid a.noZip, #orderNowMid a.noCityState
{
	margin-left:0px;
	float:none;
}

#orderNowMid .loginErrors
{
	width:245px;
	margin-left:15px;
}

#orderNowMid select
{
	width:100px;
	font-size:10px;
	margin-left:15px;
}

/* Validation Errors */
#birthdayError
{
	color:red;
	display:none;
}

/* Last Order */
#lastOrderPopup
{
	width:504px;
	text-align:left;
	position:absolute;
	z-index:100;
}

div.lastOrderHeaderLightbox
{	
	position:relative;
	background:url(../Images/Common/lastOrderHdr.png) no-repeat;
	width:504px;
	height:52px;
	float:left;
}

.lastOrderMidLightbox
{
    background:url(../Images/Common/lastOrderMidLightbox.png) repeat-y;
    width:444px;
    padding:10px 30px;
    float:left;
}

#lastOrderTop
{
    background:url(../Images/Common/lastOrderTop.gif) no-repeat;
    width:447px;
    height:8px;
    float:left;
    padding:0;	
}

body.yeti .lastOrderMidLightbox p, body.slinky .lastOrderMidLightbox p
{
	text-align:left;
}

.lastOrderMidLightbox div
{
	background:#F4C96B;
    width:427px;	
    padding:5px 10px;
    float:left;
}


.lastOrderMidLightbox div li
{
    margin:0;
    background:#ffe09d;
    padding:5px 15px;
    text-align:left;
    font-weight:bold;
    margin-bottom:5px;
    
}

#lastorderBtm
{
    background:url(../Images/Common/lastOrderBtm.gif) no-repeat;
    width:447px;
    height:9px;
    float:left;	
}

.lastOrderBotLightbox
{
    background:url(../Images/Common/lastOrderBtmLightbox.png) no-repeat;
    width:504px;
    height:25px;
    float:left;
}

.lastOrderMidLightbox a.noThanks, .lastOrderMidLightbox a.orderNow
{
    float:left;
    position:relative;
    top:0;
}

.lastOrderMidLightbox a.noThanks
{
    margin-left:130px;
}

a.signOutUser, a.signOutUser span.username
{
	font-size:11px;
	font-weight:normal;
}

.username
{
	font-weight:bold;
	top:0!important;
}

a .username
{
	color:#752325;
}

.dashedBorder.bannerLoginDash
{
	margin-top:32px;
}