/*-------------------------------------------- CHECKOUT outer nav (not inside shopping_cart) ----------------------------------*/

#checkoutBreadcrumbs { padding: 0px; margin-top: 20px; min-height: 45px; display: block; }
#checkoutBreadcrumbs .checkoutLink { float: left; padding-bottom: 0px; }
#checkoutBreadcrumbs .checkoutLink p { margin-bottom: 0px; font-size: 18px; line-height: 24px; color: #ccc; }

#shopping_cart .checkoutH3 { font-size: 16px; color: #999; font-weight: bold; margin-bottom: 6px; display: inline-block; line-height: 22px; width: auto; margin-top: 0px; }
#shopping_cart h3.checkoutH3 { border-bottom: 1px #E83754 solid; margin-bottom: 20px; margin-top: 20px; }

#shopping_cart .pinkUnderline, #registrationPage .pinkUnderline { height: 1px; width: 120px; left: -120px; position: relative; top: -21px; background-color: #E83754; }

#shopping_cart.checkout_cart { width: 100%; padding-left: 0px; padding-right: 0px; clear: both; }
#shopping_cart { 
    border: 1px #eee solid;
    background-color: #fff;
    margin: 10px 0px 10px 0px; 
}

#shopping_cart #basket_itemsblock, #shopping_cart #confirmationInner, #shopping_cart #basketExtraInfo { padding: 40px 120px 30px 120px; }
#shopping_cart #basketExtraInfo { padding-right: 0px; padding-top: 0px;  width: 55%; margin-top: -165px; position: relative; z-index: 1; }
#shopping_cart #confirmationInner { padding-bottom: 0px !important; }

#bottomButtons { padding: 0px; min-height: 45px; display: block; clear:left;}

/*-------------------------------------------- buttons main -*/

#shopping_cart .checkoutNavBtn, /* would be great not to have this long list but for now, defensive css */
#registrationPage .checkoutNavBtn, 
#loginPage .checkoutNavBtn, 
#profileOuter .checkoutNavBtn, 
#fm_searchAdd .checkoutNavBtn, 
.fm_cancel .checkoutNavBtn, 
#fm_picklist .checkoutNavBtn, 
#fm_addSave .checkoutNavBtn, 
.fm_reEdit .checkoutNavBtn, 
#checkoutBreadcrumbs .checkoutNavBtn, 
#bottomButtons .checkoutNavBtn,
#forgottenPwForm .checkoutNavBtn,
#resetPwHolder .checkoutNavBtn
{
    float: left;  
    background-color: #E83754;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-top: 5px;
    padding: 8px 30px;
}

#bottomButtons .checkoutNavBtn { margin-top: 0px; }
.fm_cancel .checkoutNavBtn { display:block; }
.fm_cancel { float: none; clear: both; margin-bottom: 30px; }

#profileOuter .checkoutNavBtn { float: right; margin-bottom: 20px; margin-top: -10px; }
#fm_picklist .checkoutNavBtn, #fm_addSave .checkoutNavBtn { float: right; }
#loginPage .checkoutNavBtn { margin-top: 20px; width: 40%; height: 40px; }
#loginPage .newButton#signIn { margin-top: 20px; background-color: #ccc; }

#registrationPage .checkoutNavBtn:hover, 
#loginPage .checkoutNavBtn:hover, 
#profileOuter .checkoutNavBtn:hover, 
#fm_searchAdd .checkoutNavBtn:hover, 
.fm_cancel .checkoutNavBtn:hover, 
#fm_picklist .checkoutNavBtn:hover, 
#fm_addSave .checkoutNavBtn:hover, 
.fm_reEdit .checkoutNavBtn:hover, 
#checkoutBreadcrumbs .checkoutNavBtn:hover,
#bottomButtons .checkoutNavBtn:hover,
#forgottenPwForm .checkoutNavBtn:hover,
#resetPwHolder .checkoutNavBtn:hover
{ background-color: #333 !important; }

#registrationPage .checkoutNavBtn { float: right; margin-top: -10px; height: 40px; margin-left: 20px; }

#shopping_cart .secondaryCheckoutNavBtn, 
#loginPage .secondaryCheckoutNavBtn, 
#profileOuter .secondaryCheckoutNavBtn, 
#fm_searchAdd .secondaryCheckoutNavBtn, 
.fm_reEdit .secondaryCheckoutNavBtn, 
#checkoutBreadcrumbs .secondaryCheckoutNavBtn,
#bottomButtons .secondaryCheckoutNavBtn {
    background-color: transparent !important;
    color: #E83754 !important;
    padding-left: 0px; 
    padding-right: 0px;
    padding-top: 0px; 
    margin-right: 20px;
}

#checkoutBreadcrumbs .secondaryCheckoutNavBtn, #bottomButtons .secondaryCheckoutNavBtn { padding-top: 0.8%; }
#profileOuter .secondaryCheckoutNavBtn { float: none; margin-bottom: 0px; }
#fm_searchAdd .secondaryCheckoutNavBtn { margin-right: 30px; font-size: 16px; }
.fm_reEdit .secondaryCheckoutNavBtn { margin-top: -5px; }

#registrationPage .secondaryCheckoutNavBtn:hover, 
#profileOuter .secondaryCheckoutNavBtn:hover, 
#fm_searchAdd .secondaryCheckoutNavBtn:hover, 
.fm_reEdit .secondaryCheckoutNavBtn:hover, 
#checkoutBreadcrumbs .secondaryCheckoutNavBtn:hover,
#bottomButtons .secondaryCheckoutNavBtn:hover
{ background-color: transparent !important; color: #000; }

#findAddBtn { float: right !important; color:#fff !important; }
.btnR { float: right!important; }

a.checkoutNavBtn:focus { color: #fff !important; background-color:#333 !important; }
a.secondaryCheckoutNavBtn:focus { background-color:transparent !important; color:#E83754 !important; text-decoration: underline; }

.user_address { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}

/*-------------------------------------------- buttons -- */

#shopping_cart .expandArrow {
    display: block;
    float: right;
    margin-top: 8px; 
    margin-left: 4px;
}

#shopping_cart #checkoutLogdinBack { 
    padding-left: 0px !important;
    background-color: transparent;
    color: #E83754;
    margin-top: 10px;
}
#shopping_cart #checkoutLogdinNext { 
    color: #fff;
    float: right;
    margin-top: 10px;
}

#shopping_cart .checkoutLink {
    margin-top: 10px; 
    float: left;
    display: block;
    padding-left: 0px;
    line-height: 24px;
}

#shopping_cart .checkoutLink:hover { color: #000; opacity: 0.8; }

.shoppingQ {
    background-color: transparent !important;
    padding: 0px;
    float: none; 
    font-size: 15px !important;
    color: #323232;
    display:block;
    margin-top: 10px; 
}
#registrationPage .shoppingQ { float: right; margin-left: 10px; margin-top: 0px; }
#registrationPage #dpRegQ2 { float: left; margin-top: 20px; }

.shoppingA {
    font-style: italic;
    font-size: 14px;
    display: inline-block;
    padding-top: 5px; 
}
#registrationPage .shoppingA { padding-top: 0px; padding-bottom: 20px; }

#shopping_cart .offscreen, #registrationPage .offscreen, #profileOuter .offscreen {
    position: absolute;
    left: -200em;
    top: -20em;
}

#shopping_cart .shoppingQ:focus, #profileOuter .shoppingQ:focus { text-decoration: underline !important; color: #E83754 !important; }
#shopping_cart .questionIco { float: left; width: 18px; margin-right: 4px; }

#shopping_cart .output2, #shopping_cart .output1 { margin: 10px 0px;}

#shopping_cart .iconBGcirc {
    float: left;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
}
#shopping_cart .iconBGcirc .uifont {
    color: #fff;
    font-size: 22px;
    line-height: 39px;
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
    text-align: center;
}
#shopping_cart .tickBox, #humanCheck .tickBox { 
    width: 16px; 
    height: 16px; 
    float: left; 
    margin-left: 0; 
    margin-top: 17px; 
    position: relative; 
}
#shopping_cart .membershipType .tickBox, #humanCheck .tickBox { margin-top: 0px; }

#shopping_cart .deliveryRadio input[type="radio"] { opacity: 0; }

#shopping_cart .bgTxtHighlight { background: #E83754; color: #E83754; }
#shopping_cart .bgTxtNoHighlight { background: #eee; color: #000; }
#shopping_cart .labelSpan { 
    background: none !important; 
    line-height: 50px; 
    float: left; 
    margin-left: 8px; 
    font-size: 20px;
}

/*----------------------------------------------------- delivery */

#shopping_cart #deliveryFooter { 
    background-color: #e1e1e1; 
    padding: 20px 120px; 
    margin-top: 20px; 
    margin-bottom: 0px; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#shopping_cart #delivery_block { padding: 0px !important; }
#shopping_cart #delivery_block #deliveryInner {
    margin: 30px 120px;
    padding-bottom: 0px;
    width: auto;
    display: block;
}

#shopping_cart .instructionPara { margin-bottom: 15px; }
#shopping_cart #addresses_block { width: 100%; }

#shopping_cart #chooseDeliv { 
    margin-top: 10px; 
    width: 100%; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#shopping_cart #sevenDayWarn { padding-top: 18px; }

/*----------------------------------------------------- confirmation */

#shopping_cart #promoCode { 
    width: 55%; 
    position: relative;
    top: -68px; 
}

#shopping_cart #apply_promo { width: auto; position: static; float: none; }

#shopping_cart input[name="promo_code"], #shopping_cart input[name="donation"] { 
    border: 1px #ccc solid !important; 
    float: left;
    height: 23px;
    padding-left: 10px !important;
    width: 50%;
}
#shopping_cart input[name="donation"] { width: 40px; margin-right: 10px; margin-bottom: 10px; }

#shopping_cart #promoCode .checkoutNavBtn, #shopping_cart .confirmationOpts .checkoutNavBtn { float: left; margin-top: 0px; margin-left: 10px; height: 36px; padding-top: 5px; padding-bottom: 5px; }
#shopping_cart .confirmationOpts .checkoutNavBtn { margin-left: 0px; height: 35px; }

#confirmation_block h3.pinkUnderlineH { margin-bottom: 5px;}
#confirmation_block .pinkUnderline { margin-top: 0px; }
#confirmation_block .user_address p { margin-bottom: 10px; }
#confirmation_block p.addressPara { margin-bottom: 5px; }
#confirmation_block .confScreenAddressRow { clear: both; position: relative; top:-30px;  }
#confirmation_block .user_address {
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-bottom: 0px; 
    margin-top: 0px;
}
#confirmation_block .user_address#delivery_address { margin-right: 0px; }

#shopping_cart #pay_now { float: right; margin-top: 25px; }

#shopping_cart .confirmationOpts { 
    background-color: #eee; 
    padding: 15px 120px; 
    margin: 20px 0px; 
    width: auto; 
    clear: both;
}

#shopping_cart .confirmationOpts p { padding-bottom: 6px; }
#shopping_cart .confirmationOpts h3.checkoutH3 { color: #333; float: none; clear:both; margin-top: 10px; border-bottom: 0px; margin-bottom: 10px; }
#shopping_cart .confirmationOpts h4 { font-size: 15px; line-height: 22px; border-bottom: 1px #E83754 solid; width: auto; margin-top: 20px; display: inline-block; margin-bottom: 20px; font-weight: bold; }

#shopping_cart #confirmationDonation { margin-bottom: 4px;  margin-top: 0px !important; }
#shopping_cart #confirmationDonationP { float: left; line-height: 35px !important; font-size: 18px; margin-right: 10px; color: #E83754 !important; }
#shopping_cart #donationMoreInfo, #friendMoreInfo { margin: 15px 0px 20px 0px; }
#shopping_cart #donationMoreInfoBtn { margin-top: 9px; }

#shopping_cart .firstExtraP { font-weight: bold; }

#shopping_cart #confirmationFriend { margin-top: 4px; }
#shopping_cart #confirmationFriend ul { margin-top: 6px; margin-bottom: 6px; }
#shopping_cart #confirmationFriend li { }

#shopping_cart .extraPadTop { padding-top: 8px; }

#shopping_cart .membershipType { margin-bottom: 20px; margin-top: 10px; }
#shopping_cart .membershipType:last-child { margin-bottom: 0px; }
#shopping_cart .membershipName { font-weight: bold; }
#shopping_cart .membershipCheckbox { opacity: 0; }

#shopping_cart .membershipType label { color: #E83754; }
#shopping_cart p.memNote { color: #666 !important; font-style: italic; padding-top: 3px; }

/*------------------------------------------------------------------------------------------------- Basket */

#shopping_cart #newShoppingContainer { padding: 0px; }
#shopping_cart #newShoppingContainer #timeWarning { margin-bottom: 15px; display: inline-block; min-height: 36px; }
#shopping_cart #newShoppingContainer #timeWarning p { color: #999; margin-left: 40px; }
#shopping_cart #newShoppingContainer #basketClock { float: left; width: 30px; margin-right: 10px; }
#shopping_cart #newShoppingContainer #timeWarning .highlight { color: #000; font-style: italic; }

#shopping_cart #newShoppingContainer article {
    width: auto;
    float: none;
    margin-right: 0px;
    box-shadow: 0px 0px 0px 0px #fff;
    border-left: 5px #E83754 solid;
    background-color: #eeeeee;
    padding: 15px 15px 5px 15px;
    margin: 10px 0px 0px 0px;
}

/*--------------------------- item head ----*/


#shopping_cart #newShoppingContainer .basketConcertHead h2 { 
    display: block;
    float: left;
    margin: 0px; 
    clear: none;
    font-size: 20px;
    padding-bottom: 10px;
}

#shopping_cart #newShoppingContainer .basketConcertHead h3 { 
    display: block;
    float: right;
    margin: 0px; 
    clear: none;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}

#shopping_cart #newShoppingContainer .basketConcertHead .clearDivider {
    clear:both;
    height: 1px;
    background-color: #cccccc;
    margin: 15px 0px;
} 

/*--------------------------- item details ----*/

#shopping_cart #newShoppingContainer .deleteSeat { width: 10px; float: left; display: block; margin-top: 4px; margin-right: 8px; }

#shopping_cart #newShoppingContainer .seatsInfoSection { margin-bottom: 10px; margin-right: 0px; float: left; }
#shopping_cart #newShoppingContainer .c1 { float: right; }
#shopping_cart #newShoppingContainer .seatInfo { color: #666; margin: 0px; margin-left: 18px;}
#shopping_cart #newShoppingContainer .seatInfo .seatNo, #newShoppingContainer .seatPrice { color: #666; font-weight: bold; font-size: 16px; margin: 0px; text-align: right; }

#shopping_cart #newShoppingContainer .donationSection h2 {
    font-size: 16px;
    display: inline;
    color: #000;
    line-height: 20px;
    margin-left: 0px; 
}
#shopping_cart #newShoppingContainer .donationSection p { line-height: 24px; }

/*--------------------------- totals and information ----*/

#shopping_cart #newShoppingContainer #totals_info { margin-top: 25px; margin-bottom: 25px; }
#shopping_cart #newShoppingContainer #totals_info p { margin-top: 6px; line-height: 18px; padding-right: 30px; }

#shopping_cart #newShoppingContainer .c3 { margin-right: 0px; float: right; }
#shopping_cart #newShoppingContainer .greyHolder { background-color: #eee; padding: 4px 15px 5px 15px; margin-bottom: 5px; }
#shopping_cart #newShoppingContainer .greyHolder p { font-weight: bold; color: #666; margin: 6px 0px; }
#shopping_cart #newShoppingContainer .greyHolder h3 { font-size: 15px; line-height: 18px; font-weight: bold; margin: 6px 0px;  }

/*--------------------------------------------------------------------------------------- media queries */

@media only screen and (max-width: 1250px) {
    #shopping_cart #basket_itemsblock, #shopping_cart #confirmationInner, #shopping_cart #basketExtraInfo { padding: 40px 50px 30px 50px; }
    #shopping_cart #deliveryFooter { padding-left: 50px; padding-right: 50px; }
    #shopping_cart #delivery_block #deliveryInner { margin-left: 50px; margin-right: 50px; }
    #shopping_cart #basketExtraInfo { padding: 0px 0px 30px 50px; }
    #shopping_cart .confirmationOpts { padding: 15px 50px; }
}

@media only screen and (max-width: 1024px) {
    #shopping_cart #newShoppingContainer #totals_info { margin-top: 0px; }
    #shopping_cart .shoppingQ { margin-top: 6px; margin-bottom: 10px; }
    
    #shopping_cart #basket_itemsblock, #shopping_cart #confirmationInner, #shopping_cart #basketExtraInfo { padding: 40px 30px 30px 30px; }
    #shopping_cart #deliveryFooter { padding-left: 30px; padding-right: 30px; width:100%; }
    #shopping_cart #delivery_block #deliveryInner { margin-left: 30px; margin-right: 30px;}
    #shopping_cart .confirmationOpts { padding: 15px 30px; width: auto !important; }
    #shopping_cart #deliveryFooter { width: auto; }
    #shopping_cart #basketExtraInfo { padding: 0px 30px 25px 30px; margin-top: 0px; width: auto; }
    #shopping_cart #basket_itemsblock { padding-bottom: 0px; }
    #shopping_cart #newShoppingContainer .basketConcertHead { margin-bottom: 0px; }
    
    #shopping_cart #newShoppingContainer .greyHolder { margin-left: 65%; }
    
    #shopping_cart #deliveryInner, #shopping_cart #deliveryInner .c12 { margin-bottom: 0px; }
    #shopping_cart #deliveryOptsRow { margin-top: 25px; }
    
    #confirmation_block .user_address { width: auto; margin-right: 0px; float: none; margin-bottom: 15px; clear: both;  }
	
	nav ul li { width: 100%; }
}

@media only screen and (max-width: 699px) {
    #shopping_cart.checkout_cart { width: auto; margin-top: 0px; }
    #shopping_cart #emptyBasket { float: left; padding-left: 0px !important; }
    #shopping_cart #continueShoppingTop { display: none !important; }
    #shopping_cart #newShoppingContainer .basketConcertHead h3, #newShoppingContainer .basketConcertHead h2 { float: none; clear: both; padding-bottom: 0px; }
	.basketConcertHead h3 { line-height: 20px; }
    
    #checkoutBreadcrumbs .checkoutLink { display: none; }
    .checkoutNavBtn, .secondaryCheckoutNavBtn, 
    .btnR { float: none !important; clear: both; }
    #shopping_cart #newShoppingContainer .greyHolder { margin-left: 40%; }
    #checkoutLogdinNext { float: right !important; margin-left: 20px; }
    
    #shopping_cart #promoCode { top: 0px; width: 100%; position: static; }
    #shopping_cart #promoCode .checkoutNavBtn { float: right !important; clear: none !important; }
    
    #confirmation_block .confScreenAddressRow {position: static; top:0px;  }
    #confirmation_block .confScreenAddressRow h3.pinkUnderlineH { margin-top: 20px;}
    
    #shopping_cart #pay_now {  width: 100%; margin-top: 10px; }
    #shopping_cart .iconBGcirc { display: none; }
    #fm_searchAdd .adbut { text-align: left; }
    #shopping_cart #apply_promo { margin-bottom: 0px;}
    #shopping_cart input[name="promo_code"] { float: none; width: auto; clear: both; margin-left: 0px; margin-bottom: 10px;}  
    
    #shopping_cart  .seatInfo { font-size: 14px !important; }
	
    
}

@media only screen and (max-width: 500px) { 
    #shopping_cart #newShoppingContainer .greyHolder { margin-left: 40px; }
}

/*-------------------------------------------- LOGIN / FORGOTTEN / RESET PASSWORD PAGE ----------------------------------------------------*/

#loginHolder, #fPassHolder, #resetPwHolder { padding: 30px 0px; margin-top: 18px; }

#loginInner, #fPInner, #resetPwInner { margin: 0px 120px; }

#loginPage form.signup_general { padding: 0px; margin: 0px; width: 100%; }
#loginPage .signup_general select { margin-top: 5px; height: 40px; width: 100%; }

#loginPage .signup_general input[type="text"], #loginPage .signup_general input[type="password"], #forgottenPwForm input[type="email"], #resetPwHolder input[type="password"] { 
    padding: 10px 12px; 
    margin-top: 5px; 
    border: 1px #ccc solid; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
#loginPage .signup_general input[type="text"], #loginPage .signup_general input[type="password"], #resetPwHolder input[type="password"] {
	float: left; 
    width: 85%; 
    margin-left: 10%;
}
#resetPwHolder input[type="password"] {
	width: 75%; margin-top: 20px;
}

#forgottenPwForm input[type="email"] {
	width: 100%; margin-top: 20px;
}
#forgottenPwForm .checkoutNavBtn, #resetPwHolder #profilPasswdBtn {
	float: right;
}
#loginPage .signup_general input[type="password"] { margin-top: 20px; width: 42%; margin-right: 3%; }

#loginPage label, #resetPwHolder label { float: left; width: 5%; margin-top: 15px; font-size: 16px; }
#resetPwHolder label { width: 15%; margin-top: 30px; }
#resetPwHolder #confirmLbl, #resetPwHolder #profilPasswdBtn { margin-top: 20px; }
#loginPage #passwordLbl { margin-top: 30px; }

#loginPage .forgottenPassword, #loginPage p.note { float: left; margin-left: 15%; width: 42%; font-size:15px; margin-top:22px; margin-right: 3%; padding-right: 24px; margin-bottom: 0px; box-sizing: border-box; }
#loginPage .forgottenPassword a { color: #E83754; }
#loginPage .forgottenPassword { margin-top: 15px; }

#resetPwHolder p.note { float: left; font-size:15px; margin-top:22px; margin-left: 10%; display: block; }
#resetPwHolder p.note img { width: 22px; display: inline-block; position: relative; top: 6px;}
#resetPwHolder .questionIco { float: left; margin-right: 4px; margin-top: -2px; }

/*--------------------------------------------------------------------------------------- media queries */

@media only screen and (max-width: 1250px) {
    #loginInner, #fPInner, #resetPwInner { margin: 0px 50px; }
}

@media only screen and (max-width: 1024px) {
    #loginInner, #fPInner, #resetPwInner { margin: 0px 30px; }
    #loginPage .signup_general input[type="text"], #loginPage .signup_general input[type="password"], #resetPwHolder input[type="password"] { 
        float: none; 
        clear: both; 
        width: 100%; 
        margin-left: 0px; 
        margin-right: 0px;
        margin-top: 0px; 
    }
    #loginPage label, #resetPwHolder label { float: none; clear: both; width: auto; }
    #loginPage #passwordLbl { margin-top: 15px; }
    #loginPage .forgottenPassword, #loginPage p.note, #resetPwHolder p.note { display: block; float: none; clear: both; width: 100%; margin-left: 0px; margin-right: 0px; }
	#resetPwHolder p.note { margin-top: 6px; }
    #loginPage .newButton { width: 100%; float: none; clear: both; }
    #loginHolder { padding: 30px 0px 25px 0px; } 
    #loginPage .checkoutNavBtn, #forgottenPwForm .checkoutNavBtn, #resetPwHolder .checkoutNavBtn { float: none; width: 100%; }
}

@media only screen and (max-width: 699px) {
    #checkoutBreadcrumbs .aBtnWrap, #bottomButtons .aBtnWrap { display: block; clear: both; min-height: 32px; margin-top: 8px; }
    #checkoutBreadcrumbs .invisSmall, #bottomButtons .invisSmall { display: none; }
    #registrationPage #dpRegQ2 { float: none; clear: both; margin-top: -20px; margin-left: 0px; margin-bottom: 20px; }
    #fm_searchAdd .smallNeedsM { padding-top:20px !important; display: block !important; }
}

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

#registrationInner { padding: 30px 0px; margin: 0px 120px; }
#registrationInner form.signup_general { padding: 0px; margin: 0px; width: 100%; }
#registrationPage .preHeadingClear { clear: both; height: 10px; }
#registrationPage #formEnd { height: 35px; }
#registrationPage .clear { clear: both; }
#registrationPage h3, #confirmation_block h3.pinkUnderlineH { 
    font-size: 16px; 
    color: #999; 
    font-weight: bold; 
    margin-bottom: 20px; 
    display: inline-block;  
    line-height: 22px; 
    width: auto; 
    margin-top: 0px; 
    border-bottom: 1px #E83754 solid;
}

#registrationPage label { width: 48.5%; float: left; display: block; clear: none; }
#registrationPage input[type="text"], #registrationPage input[type="password"] { border: 1px #ccc solid; margin-bottom: 15px; }
#registrationPage select { background-color: #fff; }
#registrationPage #titleSelect { width:12%; float:left; margin-right: 3%; margin-bottom: 20px; }
#registrationPage .confirmInput, #profileOuter .confirmInput { background-color: #fafafa; }

#registrationPage #firstNameInput { width: 33.5%; margin-right: 3%; }
#registrationPage .labelMgin { margin-right: 3%; }

#registrationPage .matchWarning, #profileOuter .matchWarning { color: #E83754; clear: both; position: relative; top: -20px; }
#registrationPage .warningIco, #profileOuter .warningIco { float: left; width: 18px; margin-right: 4px; }

#registrationPage .prefsLabel { width: auto; margin-right: 4%; font-size: 14px; }
#registrationPage input[type="checkbox"] { opacity: 0; }
#registrationPage input[type="radio"] { opacity: 0; }
#registrationPage .tickBox { 
    width: 16px; 
    height: 16px; 
    float: left;   
    position: relative;
	background-position: left bottom;
}
#registrationPage .tickBoxFocus { float: left; border-left: 2px #E83754 solid; width: 3px; height: 16px; display: none; }

#registrationPage #giftAidSect { clear: both; margin-top: 20px; padding-bottom: 10px; }
#registrationPage #giftAidSect label { width: 100%; margin-right: 0px; margin-bottom: 0px; }
#registrationPage #giftAidTick { margin-top: 25px; }
#registrationPage #giftAidFocus { margin-top: 25px; }
#registrationPage #giftAidImg { float: left; }
#registrationPage #giftAidSect p { font-size: 13px; }

#humanCheck label { width: 100%; }
#humanCheck label .tickBox { float: none; display: block; margin: 0px auto; }
#humanCheck label input[type="radio"] { float: left; height: 1px; opacity: 0; }

#registrationPage #confirmReading { width: auto; margin-bottom: 20px; padding-bottom: 5px; }
#registrationPage #incompleteWarning { top: 10px; }

#humanCheck img { width:100%; margin-bottom: 10px; max-height: 211px; max-width: 300px; margin-left: auto; margin-right: auto; }
#humanCheckExp { padding-bottom: 5px; width: auto; }

#registrationPage .t1:focus { color: #E83754; }

/*--------------------------------------------------------------------------------------- media queries */

@media only screen and (max-width: 1250px) {
    #registrationInner { margin: 0px 50px; }
    #registrationPage .pinkUnderline, #shopping_cart .pinkUnderline { width: 50px; left: -50px; }
}

@media only screen and (max-width: 1024px) {
    #registrationInner { margin: 0px 30px; }
    #registrationPage .pinkUnderline, #shopping_cart .pinkUnderline { width: 30px; left: -30px; }
}

@media only screen and (max-width: 699px) {
    
    #registrationPage label { width: 100%; float: none; clear: both; }
    #registrationPage #titleSelect { width: 100%; float: none; clear: both; margin-right: 0px; }
    #registrationPage #firstNameInput { width: 100%; margin-right: 0px; }
    #registrationPage .labelMgin { margin-right: 0px; }
    
    #humanCheckExp { margin-bottom: 25px; }
    #registrationPage .checkoutNavBtn { float: none; margin-top: 20px; width: 100%; margin-left: 0px; }
    #registrationPage #confirmReading { margin-bottom: 10px; }
    #registrationPage #formEnd { height: 5px; }
    #registrationPage .pinkUnderline, #shopping_cart .pinkUnderline { width: 0px; left: 0px; }
}

/*-------------------------------------------- PROFILE PAGE ----------------------------------------------------*/

#details #pf_link_details { color: #E83754; }
#memberships #pf_link_memberships { color: #E83754; }
#dataprotection #pf_link_data_protection { color: #E83754; }
#interests #pf_link_interests { color: #E83754; }
#password #pf_link_change_password { color: #E83754; }

/*-------------------------- profile tab and nav --*/

#profileOuter #pfHeadWelcome { margin-top: -10px; padding: 10px 0px !important; background-color: #333; margin-bottom: 0px; }
#profileOuter .pf_welcome { font-size: 15px; }

#profileOuter .checkOutMargin { margin: 0px 120px; }
#profileOuter #profileNav { padding: 35px 0px 10px 0px; z-index: 0; }
#profileOuter #profileNav a:focus { text-decoration: underline; outline: none; }
#profileOuter .pf_buttons { background: none; font-size: 20px; float: left; text-align: left; padding: 0; margin-right: 30px; color: #CCC; display: block; }
#profileOuter .pf_buttons:hover { color: #E83754; } 
#profileOuter .visSmall { display: none; }

#profileOuter nav ul li a { border: none; padding: 0px !important; font-size: inherit; height: auto; }
#profileOuter nav ul li a:visited { border: none; padding: 0px !important; font-size: inherit; height: auto; }
#profileOuter nav ul li { width: auto; margin: 0px; height: auto; text-align: left; padding: 0px; }

/* same styles as registration page */
#profileOuter label { width: 48.5%; float: left; display: block; clear: none; }
#profileOuter input[type="text"], #profileOuter input[type="password"], #registrationPage input[type="password"] { border: 1px #ccc solid; margin-bottom: 15px; }
#profileOuter select { background-color: #fff; }
#profileOuter #proftitleSelect { width:12%; float:left; margin-right: 3%; margin-bottom: 20px; }
#profileOuter #proffirstNameInput { width: 33.5%; margin-right: 3%; }
#profileOuter .labelMgin { margin-right: 3%; }
#profileOuter select { border: 1px #ccc solid; }

#profileOuter #delivery_address p, #profileOuter span, #profileOuter #billing_address p { color: #777777 !important; }
#profileOuter .user_address { margin-top: 15px; }

#fm_picklist input[type="radio"] { margin: 0px 10px; }
#fm_searchAdd input[type="text"], #fm_addSave input[type="text"] { border: 1px #ccc solid !important; }

p.addressPara { color: #777777 !important; }

/*-------------------------- memberships tab --*/

#profileOuter #pf_box_memberships .c12 { margin-top: 20px; }
#profileOuter #profileMemBtn { padding: 8px 30px; display:inline-block; float: none; margin-top: 10px; }

/*-------------------------- data protect --*/

#profileOuter .questionIco { float: left; width: 18px; margin-right: 4px; }

#profileOuter .prefsLabel { width: auto; margin-right: 4%; font-size: 14px; }
#profileOuter input[type="checkbox"] { opacity: 0; }
#profileOuter .tickBox { 
    width: 16px; 
    height: 16px; 
    float: left;   
    position: relative; 
}
#profileOuter .tickBoxFocus { float: left; border-left: 2px #E83754 solid; width: 3px; height: 16px; display: none; }
#profileOuter .clear { clear: both; height: 10px; }
#profileOuter #preferencesArea { margin-top: 20px; }

#profileOuter #giftAidSect { clear: both; padding-top: 10px; padding-bottom: 10px; }
#profileOuter #giftAidSect label { width: 100%; margin-right: 0px; margin-bottom: 0px; }
#profileOuter #giftAidTick { margin-top: 25px; }
#profileOuter #giftAidFocus { margin-top: 25px; }
#profileOuter #giftAidImg { float: left; }
#profileOuter #giftAidSect p { font-size: 13px; }

/*-------------------------- change password --*/

#profileOuter #pf_box_change_password { margin-top: 30px; }
#profileOuter #profilPasswdBtn { margin-top: 15px; }

/*-------------------------------------------- MEDIA QUERIES ----------------------------------------------------*/

@media only screen and (max-width: 1250px) {
    #profileOuter .checkOutMargin { margin: 0px 50px; }
    #profileOuter .pinkUnderline { width: 50px; left: -50px; }
}

@media only screen and (max-width: 1024px) {
    #profileOuter .checkOutMargin { margin: 0px 30px; }
    #profileOuter .pinkUnderline { width: 30px; left: -30px; }
    
    #profileOuter .pf_buttons { font-size: 18px; float: none; text-align: left; margin-right: 0px; }
    #profileOuter ul li { float: none; }
    #profileOuter .visSmall { display: inline; color: inherit !important; }
    #profileOuter #profileNav { padding-bottom: 5px; }
    
    #profileOuter input[type="text"], #profileOuter input[type="password"] {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 699px) {
    #profileOuter label { width: 100%; float: none; clear: both; }
    #profileOuter #proftitleSelect { width: 100%; float: none; clear: both; margin-right: 0px; }
    #profileOuter #proffirstNameInput { width: 100%; float: none; clear: both; margin-right: 0px; }
    #profileOuter .labelMgin { margin-right: 0px; }
    #profileOuter .shoppingQ { margin-top: 0px; }
    #profileOuter #update_data_protection .c12 { padding-bottom: 20px; }
    #profileOuter #marginSmall { clear: both; height: 15px; }
}

.donation_adjustment_class {
		margin-top: -145px!important;
	}

@media only screen and (max-width: 699px) {
	.donation_adjustment_class {
		margin-top: 0px!important;
	}
}