@CHARSET "UTF-8";

#welcome #pageWrapper .contentArea h1,
#welcome #pageWrapper .contentArea h2,
#welcome #pageWrapper .contentArea h3 { color: #000; }

#welcome #pageWrapper h1 { font-size: 24px; }

#welcome #pageWrapper h2 { font-size: 20px; margin: 0px; }

#welcome #pageWrapper h3 { font-size: 16px; font-weight: normal; }

#welcome .smallText { font-size: 14px; }

#welcome #pageContent {
	min-height: 310px;
	margin-bottom: 0px;
	text-align: center;
}

#welcome.clearNewCX #pageWrapper { background-image: none; }

#welcome #pageContent { margin: 45px; }

@media only screen and (min-width: 1280px) {
	#welcome #pageContent { margin: 45px 80px; }
}

#welcome.clearNewCX #pageContent { margin: 0px; margin-bottom: 50px; }

/* ------------------------------------------------------------ WELCOME PAGE ----- */

#welcome #welcomeToFresh { margin-top: 200px; margin-bottom: 30px; text-align: center; }

#welcome #mpButtons { text-align: center; }

#welcome .mpButton {
	background-color: #690;
	border-radius: 30px; -moz-border-radius: 30px;
	cursor: pointer;
	color: #fff;
	display: inline-block;	
	font-size: 20px;
	margin: 10px;
	padding: 8px;
	text-align: center;
	width: 200px;
}

#welcome .mpButton a { color: #fff; text-decoration: none; }

#welcome .mpLink { color: #690; text-decoration: underline; }

/* -------------------------------------------------------------- FORM PAGES ----- */

#welcome .contentArea {
	background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/omaha/images/categorypages/gradcx/seamless-white-line-unit-2._V383736962_.png);
	border-radius: 5px;	-moz-border-radius: 5px;
	box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.5);
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 50px;
	padding-bottom: 80px;
	text-align: left;
	width: 834px;
}

#welcome.clearNewCX .contentArea, #welcome .clearBackground { background-color: transparent; background-image: none; box-shadow: none; padding: 20px 50px; width: 944px; }


@media only screen and (min-width: 1280px) {
    #welcome .contentArea { width: 1020px; }
    
    #welcome.clearNewCX .contentArea { width: 1180px; }
}

#welcome form > div,
#welcome form .formComponent > div { margin-bottom: 20px; }

#welcome select,
#welcome input[type='text'],
#welcome input[type='email'],
#welcome input[type='password'] { border: 1px solid #acacac; color: #555; font-size: 14px; }

#welcome input[type='text'],
#welcome input[type='email'],
#welcome input[type='password'] { padding: 8px; width: 300px; height: 16px; }

#welcome select { height: 34px; padding: 6px; }

#welcome option { padding: 6px; }

#welcome .submitButton,
#welcome .submitButtonSmall,
#welcome input[type='submit'], input[name='submitAddress'] {
	background-color: #690;
	border-radius: 5px;	-moz-border-radius: 5px;
	border-style: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 4px 25px 5px;
	text-align: center;
}

#welcome .submitButton.inCart,
#welcome .submitButtonSmall.inCart,
#welcome input[type='submit'].inCart {
	padding: 4px 0px 5px;
	width: 100%;
}

#welcome .submitButton a { color: #fff; text-decoration: none; }

#welcome input.disabled { background-color: #b7b7b7; cursor: auto; }

#welcome .submitButtonSmall {
    background-color: #b7b7b7;
    color: #222;
    display: inline-block;
    font-size: 16px;
    margin: 10px 0px;
    padding: 5px 15px;
}

#welcome .submitButtonSmall a { color: #222; text-decoration: none; }

#welcome #forgotPassword { float: right; }

#welcome .errorBox {
	border: 1px solid #d80008;
	border-radius: 5px; -moz-border-radius: 5px;
	color: #d80008;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 12px;
}

#welcome .placeholderLabel {
	color: #777; 
    display: none;
    font-size: 15px;
    padding: 10px;
    position: absolute;
    top: -2px;
}

#welcome input.placeholder { color: #aaa; }

#welcome form .error { border: 1px solid #d80008; }

#welcome .errorText { color: #f00; }

/* ----------------------------------------------------------- PAGE SPECIFIC ----- */

#welcome #checkAddressPage { width: 320px; }

#welcome #createAccountNote { font-size: 14px; }

#refreshCartBody h2 { line-height: 20px; }

#refreshCartBody #welcome { margin: 15px; margin-bottom: 50px; }

#refreshCartBody #mpSelect { font-size: 13px; margin: 20px 0; }

#refreshCartBody #mpSelect select { display: none; margin-top: 5px; padding: 0px; height: 20px; }

#refreshCartBody #membershipSignInArea { font-size: 14px; }

#refreshCartBody #learnMoreCart a:link , a:visited { font-size: 14px; }
#refreshCartBody #learnMoreCart {font-size: 14px; }
#refreshCartBody #checkAnotherAddressLink { color: #555; font-size: 13px; }
 
#refreshCartBody #checkAnotherAddressLink { cursor: pointer; display: none; margin: 20px 0; text-decoration: underline; }

#checkAddressLink { cursor: pointer; text-decoration: underline; }

#checkAddressNoThanksLink { cursor: pointer; display: none; text-decoration: underline; }


#refreshCartBody #welcome input { max-width: 240px; }

#refreshCartBody #welcome .heading { font-size: 17px; margin-bottom: 20px; }

#welcome .congratsMessage {	font-size: 22px; margin-top: 10px; margin-bottom: 20px; }

#refreshCartBody #welcome #primeDisclaimer { margin-top: 25px; }


#welcome form[name='checkAddressForm'] #stateAndZip input[name='zip'] { float: left; width: 96px; }

#welcome form[name='checkAddressForm'] select { float: left; margin: 0px; margin-right: 30px; width: 112px; }

#welcome form[name='checkAddressForm'] #stateAndZip { height: 30px; }


#welcome #checkAddressPage form[name='checkAddressForm'] { margin-top: 20px; }

#welcome #checkAddressPage form[name='checkAddressForm'] #stateAndZip input[name='zip'] { width: 130px; }

#welcome #checkAddressPage form[name='checkAddressForm'] select { width: 140px; }


#welcome form[name='notifyMeForm'] { margin-top: 15px; }

#welcome form[name='notifyMeForm'] > div { margin-bottom: 5px; }

#welcome form[name='notifyMeForm'] input[type='email'] { width: 210px; }

#welcome form[name='notifyMeForm'] input[type='submit'] { background-color: #069; margin-top: 15px; }

/* ------------------------------------------------------------------- INTRO ----- */

#intro { font-size: 16px; }

#pageWrapper #intro h1 { color: #690; }

#pageWrapper #intro h2 { font-size: 22px; }

#pageWrapper #intro h3 { font-size: 18px; }

#welcome #intro p { font-size: 18px; line-height: 24px; margin: 20px 0px; }

#pageWrapper #intro { margin-bottom: 20px; margin-top: 10px; }

#intro a { color: #000; text-decoration: underline; }

#intro.contentArea { padding: 30px; }

#welcome #learnMore { color: #555; cursor: pointer; font-size: 16px; margin: 2px; text-decoration: underline; }

#intro #checkYourAddress,
#intro #signInToRegister { margin-top: 30px; width: 600px; }

#intro #checkYourAddress > form,
#intro #signInToRegister > form { margin-bottom: 0px; margin-top: 10px; }

#intro #checkYourAddress form[name='notifyMeForm'] { margin-top: 0px; }

#intro form > div { display: inline-block; margin-bottom: 20px; }

#intro input[type='text'],
#intro input[type='email'],
#intro input[type='password'] { margin-right: 8px; width: 250px; }

#intro form[name='checkAddressForm'] > div { display: block; float: left; margin-right: 15px; }

#intro form[name='checkAddressForm'] .submitButtonWrapper { width: 100%; }

#intro form[name='checkAddressForm'] input[name='zip'] { width: 150px; }

#intro form[name='checkAddressForm'] select[name='state'] { width: 124px; }

#welcome #primeFreshLegal { margin-bottom: 40px; }

#welcome #freshBenefits { font-size: 26px; margin: 40px 0px; }

#welcome #horizontalLine { display: block; border-top: 1px dashed #000; margin-right: 430px; margin-top: 5px; }


#welcome .benefit { height: 200px; clear: both; margin: 120px 0px; position: relative; }

#welcome .benefit img { margin-top: -100px; }

#welcome .rightImg img { float: right; margin-left: 35px; }

#welcome .leftImg img { float: left; margin-right: 45px; }

#welcome .benefit dt { font-size: 26px; margin: 10px 0px; }

#welcome .benefit dd { font-size: 20px; margin: 0px; }

#welcome #deliveryBenefit { margin-top: 100px; margin-bottom: 40px; }

#welcome #deliveryBenefit img { margin-top: -140px; margin-right: 40px; margin-left: 60px; }

#welcome #toolsBenefit { margin-bottom: 40px; }

#welcome #selectionBenefit { width: 900px; margin-left: -70px; margin-top: 70px; }

@media only screen and (min-width: 1280px) {
    #welcome .benefit { margin: 130px 20px; }
    
    #welcome .benefit img { margin-top: -130px; }
    
    #welcome #selectionBenefit { width: auto; margin-left: 0px; }
    
    #welcome #deliveryBenefit { margin-top: 130px; }
    
    #welcome #deliveryBenefit img { margin-top: -160px; margin-left: 70px; margin-right: 50px; }
    
    #welcome #toolsBenefit img { margin-right: 60px; margin-left: 20px; }
}

/* ------------------------------------------------------------ REGISTRATION ----- */

#registration.contentArea  { font-size: 16px; }

#registration h1 { margin-bottom: 20px; }

#pageWrapper #registration h2 { font-size: 20px; }

#registration input[type='text'],
#registration input[type='email'],
#registration input[type='password'] { width: 250px; }

#registration select { width: 268px; }

#registration #addressBookSignoutMessage { margin-bottom: 40px;}

#registration #addressBookSignoutMessage p { font-size: 13px; }

#registration #setAddressSignoutMessage { display: inline; margin-left: 30px; }

#registration form[name='notifyMeForm'] { margin-top: 0px; }

#registration form[name='notifyMeForm'] input[type='email'] { margin-right: 8px; width: 250px; }

#registration #enterAddressFormComponent  select { width: 125px; margin-right: 20px; float: left; }

#registration #enterAddressFormComponent  input[name='zip'] { width: 105px; }

#registration .buildingEligibility { margin-top: 20px; }

#registration .buildingEligibility label { display: block; font-size: 14px; margin: 8px 16px; }

#registration .buildingEligibility textarea { height: 50px; font-size: 14px; margin-left: 40px; width: 500px; }

#registration .buildingEligibility span { margin-left: 26px; }

#registration form[name='newPaymentForm'] strong { display: block; font-size: 14px; margin-bottom: 4px; }

#registration #enterCreditCard { margin: 20px 0px; }

#registration #enterCreditCard > div { display: inline-block; margin-right: 20px; }

#registration #enterCreditCard  select[name='expMonth'] { width: 70px; }

#registration #enterCreditCard  select[name='expYear'] { width: 90px; }

#registration #billingAddressArea { margin-bottom: 20px; }

#registration select[name='billingAddressId'] { width: 560px; }

#registration #enterNewCreditCardLink,
#registration #enterNewBillingAddressLink { color: #555; cursor: pointer; font-size: 13px; margin-bottom: 30px; margin-top: 10px; text-decoration: underline; }


#registration #defaultAddress { color: #069; position: absolute; top: -8px; }

#registration .addressGroup { margin-bottom: 30px; margin-top: -20px; }

#registration .address { display: inline-block; font-size: 14px; margin-top: 30px; margin-bottom: 10px; margin-right: 32px; position: relative; width: 173px; }

@media only screen and (min-width: 1280px) {
    #registration .address { width: 218px; }
}

#registration .address.default { background-color: #eee; padding: 10px; padding-top: 36px; margin: -10px; margin-top: -36px; margin-right: 20px; }

#registration .ineligible { color: #8a8a8a; }

#registration .address > div { margin-top: 15px; }

#registration .eligibility { margin-top: 4px;  margin-bottom: 15px; }

#registration .address .notified { color: #069; text-decoration: none; }

#registration .address .useAddress { display: inline-block; font-size: 13px; text-align: left; width: 130px; }

#registration .address .addressAction { font-size: 13px; }

#registration #currentMPAddressBook .useAddress { 
	background-color: #690;
	border-radius: 5px; -moz-border-radius: 5px; 
	color: #fff;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
}

#registration .address .selectBuildingType .useAddress { 
	background: transparent !important;
	border: none !important;
	color: #000 !important;
	text-decoration: none !important; 
	text-align: center;
}

#registration .address .selectBuildingType { 
	background-color: #ccc;
	border-top-left-radius: 5px; -moz-border-top-left-radius:: 5px;
	border-top-right-radius: 5px; -moz-border-top-right-radius:: 5px;
	display: inline-block;
    margin: -10px;
	padding: 10px;
	padding-bottom: 20px;
}

#registration .addressGroup .buildingEligibility { 
	background-color: #ccc;
	display: none;
	margin-left: -10px;
	margin-top: -20px;
	padding: 20px;
	position: relative; 
}

#registration .addressGroup .buildingEligibility .confirmButton { margin-top: 25px; margin-bottom: 15px; }

#registration .addressGroup .buildingEligibility .close { cursor: pointer; bottom: 15px; right: 15px; position: absolute; text-decoration: underline; }

#registration #aboutDeliveryServices { border: 2px dotted gray; margin-top: 50px; padding: 20px; }

#registration #aboutDeliveryServices h2 { margin-bottom: 15px; }


#registration #addressBlock { margin-top: 30px; margin-bottom: 30px; }

#registration #setAddressAction { margin-top: 20px; }

#registration #setAddressAction > div { display: inline-block; margin-right: 20px; text-align: center; vertical-align: middle; }

#registration #setAddressAction div { height: 66px; }

#registration #setAddressAction strong { display: block; }

#registration #setAddressAction .spacer { display: block; height: 10px; }

#registration #setAddressAction .tiny { display: block; font-size: 14px; }

#registration #reactivatePrimeAction { margin-top: 20px; }

#registration #tryAnotherAddressLink { margin-top: 30px; }

#registration #signUpForPrimeFreshButton { margin-top: 20px; }

#registration.membership p { font-size: 18px; margin: 20px 0px; }

#registration #membershipForm {  margin: 25px 0px; }

#registration #startTrialButton { margin-top: 40px; margin-bottom: 20px; }

#registration #startTrialButton input { font-size: 22px; padding: 6px 32px 7px; }

#registration #legalText { color: #333; font-size: 20px; margin-bottom: 80px; }
 
#registration #legalText a { color: #000; }

/* ------------------------------------------------------------ LIGHTBOXES ----- */

#welcome #lightbox h1 { color: #000; margin-bottom: 10px; }

#welcome #lightbox h2 { margin: 0px; line-height: 24px; }

#welcome #lightbox.learnMoreLightbox { width: 900px; }

#welcome #lightbox { font-size: 16px; padding: 5px; width: 420px; }

#welcome #lightbox #titleMessage { font-size: 18px; }

#welcome #lightbox #titleMessageSmall { font-size: 20px; }

#welcome #lightbox .buttonWrapper { padding: 30px 0px; text-align: center; }

#welcome #lightbox .buttonWrapper .submitButton { display: inline-block; }

#welcome #primeDisclaimer,
#welcome #primeDisclaimer a,
#checkAddressSuccessLightbox a { color: #555; }

#welcome #lightbox #needMembershipLightbox { font-size: 18px; }

#welcome #lightbox #needMembershipLightbox h1 { color: #000; font-size: 24px; margin-bottom: 15px; }

#welcome #cannotUsePrimeCardLightbox { display: none; }

#welcome #viewAccountOnAmazon { font-size: 80%; text-align: center; }

.a-section {
	font-size: 10pt;
}