/* 
 * ---------------------------------------- *
 * Name: Brother Online Webshop Styles      *
 * Type: CSS                                *
 * Version: Not Versioned                   *
 * Author: Codehouse LTD                    *
 * ---------------------------------------- *
 */

/* MISC */
.content .warning-bar { background: #FBDADC url("/images/brother-online/sprite.png") -396px -1126px no-repeat; font-size: 18px; margin-bottom: 20px; padding: 21px 15px 21px 90px; clear: both; }
.content #Information.info-bar {background: url("/images/brother-online/sprite.png") no-repeat scroll -395px -1049px #DBE0F1;font-size: 18px;margin-bottom: 20px;padding: 21px 15px 21px 90px; clear: both;}
.bottom-sep {height: 4px; margin-bottom: 10px;}
.oldie input[type=submit] { line-height: 23px; }
.faux_h1 { font-size: 35px;}
.clear { clear: both;}
.lightbox-x .lightbox-close { background: url("/images/brother-online/lightbox-x.png") no-repeat; top: -15px; right: -15px; height: 30px; width: 30px; }
.lightbox-dp .lightbox-close { background: url("/images/brother-online/lightbox-x.png") no-repeat; top: -34px; right: -15px; height: 30px; width: 30px; }


/* Form styling */
.generic-form .half-col { display: block; float: left; width: 50%; padding: 0px 10px 0px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.generic-form .half-col + .half-col { padding: 0px 0px 0px 10px; }
.generic-form .half-col:nth-child(2n-1) { padding-left: 0;padding-right: 10px;}
.ie7 .generic-form .half-col { width: 47%; }
.ie7 .generic-form .half-col select { width: 206px; }

.generic-form p,
.generic-form .form-section { margin-bottom: 25px; }
.generic-form .add-device-tnc .error { margin-top: 8px;}

.generic-form a { text-decoration: none; }
.generic-form .error,
.warning-bar p { color: #DD0000; display: block; margin-bottom: 10px; }
.generic-form .error { margin-bottom: 0;}
.generic-form label,
.radio-holder-label,
#registration-radio-buttons .label { display: block; font-size: 14px; margin-bottom: 4px;margin-right: 40px; }
#DeliveryOptionsContainer h3 { margin-bottom: 7px;}
#DeliveryOptionsContainer br { display: none;}
#DeliveryOptionsContainer label { font-size: 13px;margin-right: 0;margin-bottom: 6px;}
#DeliveryOptionsContainer label span.price { float: right; }
#PaymentSurchargeContainer span.price { float: right; }
.generic-form .pwd-field label { margin-right: 10px;}
#registration-radio-buttons .label { width: 100%; }
.radio-btn-holder { width: 100%; float: left; }
.radio-btn-holder label { float: left; }
.generic-form .checkbox-wrapper label { padding-left: 19px; }
.generic-form input[type="text"],
.generic-form-row input[type="text"],
.generic-form input[type="password"],
.generic-form-row input[type="password"] { margin-bottom: 4px; border: 1px solid #9d9d9d; height: 26px; font-size: 13px; width: 305px; max-width: 100%; padding: 0px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.generic-form input[type="text"].aspNetDisabled,
.generic-form-row input[type="text"].aspNetDisabled,
.generic-form input[type="password"].aspNetDisabled,
.generic-form-row input[type="password"].aspNetDisabled { background-color: #cccccc; }

.generic-form .full-width input[type="text"],
.generic-form-row .full-width input[type="text"],
.generic-form .full-width input[type="password"],
.generic-form-row .full-width input[type="password"] { width: 100%; }
.oldie .generic-form input[type="text"],
.oldie .generic-form-row input[type="text"],
.oldie .generic-form input[type="password"],
.oldie .generic-form-row input[type="password"] { line-height: 23px; }
.generic-form input[type="radio"],
.generic-form .styled-radio { float: left; margin-left: 0; }
.generic-form input[type="radio"]:first-child,
.generic-form #SignInRadioRadioButton,
.generic-form .styled-radio:first-child { margin-left: 0px; }
.generic-form input[type="radio"] + label { float: left; }
.generic-form input[type="checkbox"] { float: left; margin: 2px 6px 0px 0px; }
.generic-form select, 
.generic-form-row select { margin-bottom: 5px; border: 1px solid #9d9d9d; font-size: 14px; width: 305px; max-width: 100%; padding: 3px 3px 3px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.generic-form .forgotten-password-link { display: inline-block; clear: both; }
.generic-form .error,
.generic-form .server-error { display: none; }
.generic-form .validation-failed.blur .error { display: block; }
.generic-form .validation-failed.load span.error { display: block; }
.generic-form span[id$='PhoneNumberValidator'].error { display: block; }
.generic-form .visible-server-error { display: block; }

.generic-form  #registration-radio-buttons > div,
.generic-form  #registration-radio-buttons > label,
.generic-form  #business-checkboxes > label { float: left; }

.business-apps-form input[type="text"], .business-apps-form-row input[type="text"], .business-apps-form input[type="password"], .business-apps-form-row input[type="password"] {
margin-bottom: 4px;
border: 1px solid #9d9d9d;
height: 26px;
font-size: 13px;
width: 410px;
max-width: 100%;
padding: 0px 5px;
background: #ffffff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}






/* Login/Register page */
.login-register .hero-banner { padding: 0 8px; margin: 5px 0 20px 0; }
.ie7 .login-register .hero-banner { margin-top: 20px; }
.login-register .hero-banner h1 { margin-top: 0; }
.login-register .hero-banner > div { padding: 22px 30px; }
.login-register .email-success { background: url(/images/brother-online/success-tick.png) #e6eaf5 no-repeat 20px center; padding: 30px 20px 30px 110px; margin-bottom: 15px; }
.oldie .login-register .email-success { margin-bottom: 20px; }
.login-register .warning-bar { margin-bottom: 20px; }
.oldie .login-register .warning-bar { margin-top: 0; margin-bottom: 20px; }
.login-register .email-success h2 { margin-bottom: 10px; }
.login-register .email-success p { font-size: 14px; margin-bottom: 0; }
.login-register .box-out { margin-bottom: 30px; }
.login-register .cb-wrapper { float: left; height: 40px;} /*changed height from 20px*/

ul.social-network-sign-in { list-style: none; }
ul.social-network-sign-in li { padding: 15px 0; }
ul.social-network-sign-in li a { display: block; width: 210px; height: 35px; }
ul.social-network-sign-in li.facebook a { background: url(/images/brother-online/login-btn-facebook.png) no-repeat; }
ul.social-network-sign-in li.google a { background: url(/images/brother-online/login-btn-google.png) no-repeat; }
ul.social-network-sign-in li.linkedin a { background: url(/images/brother-online/login-btn-linkedin.png) no-repeat; }
p.social-network-security { background: url(/images/brother-online/security-icon.png) no-repeat left top; padding: 6px 20px 0 55px; min-height: 45px; font-size: 11px; line-height: 14px; }

.box-out.social-logins { min-height: 380px; }
.social-confirmation h1,
.reset-pass-container h1,
.account-deleted h1 { font-size: 26px; font-weight: bold; line-height: 26px; margin-bottom: 13px; }

/* social confirmation page */
.oldie .social-confirmation { background: #ededed url(/images/brother-online/social-confirmation-bg.png) no-repeat bottom right; }
.social-confirmation { background: #ededed url(/images/brother-online/social-confirmation-bg.png) no-repeat bottom right -8px; padding: 20px 360px 40px 40px; margin-top: 5px;margin-bottom: 30px;}
.social-confirmation .confirmation-message { margin-bottom: 25px; float: left; font-size: 16px; line-height: 22px;width: 100%; }
.social-confirmation #business-checkboxes { margin-top: 5px; }
.ie7 .social-confirmation .generic-form select { width: 256px; }

/* reset password page */
.password-reset .hero-banner > img { padding: 5px 8px 9px 8px; }
.password-reset .hero-banner h1 { margin-top: 5px; }
.password-reset .hero-banner > div { padding-left: 30px; }

.oldie .reset-pass-container { background: #ededed url(/images/brother-online/reset-bg.jpg) no-repeat bottom right; }
.oldie .box-out.reset-pass-container,
.ie9 .box-out.reset-pass-container { padding: 20px;}
.reset-pass-container { background: #ededed url(/images/brother-online/reset-bg.jpg) no-repeat bottom right 25px; padding: 20px; }
.reset-pass-container h1 { margin-bottom: 22px; margin-top: 0; }
.reset-pass-container .email-sent { float: left; padding-left: 70px; background: url(/images/brother-online/email-icon-transparent.png) no-repeat left center; width: 100%; margin: 10px 0 30px 0; height: 33px; }
.reset-pass-container .email-sent > span { width: 100%; float: left; }
.reset-pass-container .email-sent > span.email-address { font-weight: bold; }
.reset-pass-container p { width: 545px; }
.reset-pass-container .back-button { margin: 40px 0 20px 0; }

.password-reset.confirmation .box-out { margin-bottom: 30px; margin-top: 5px; }

/* account closed page hero unit */
.closed-hero-banner { background: #fff; margin-bottom: 0; padding: 20px 20px 0 20px; }
.closed-hero-banner h1 { margin: 45px 0 10px 20px; color: white; }

/* article page */
.content-box.article-page .hero-banner { margin: 5px 0 20px 0; }
.content-box.article-page p { margin-bottom: 10px; }


/********************************/
/*        Online Brother        */
/********************************/

/** BOL homepage **/
.hero-banner.logged-in { margin: 20px 20px 15px 20px; }
.add-device-container .hero-banner { margin: 5px 0 15px 0; }
.hero-banner.logged-in h1,
.add-device-container .hero-banner h1 { margin-top: 0; margin-bottom: 7px; }
.hero-banner.logged-in p,
.add-device-container .hero-banner p { font-size: 18px; margin-bottom: 3px; }
.hero-banner.logged-in a,
.add-device-container .hero-banner a { text-decoration: none; font-size: 14px; }
.hero-banner.logged-in a:hover,
.add-device-container .hero-banner a:hover { text-decoration: underline; }

/* BOL add device page */
.add-device-container .faux_h1 { line-height: 35px; }
.add-device-container .sub-header { margin-bottom: 10px; }
.add-device-container h2 { font-weight: normal;margin-left: 20px;}

/** BOL my account page styling **/
.my-account-hero-banner { position: relative; padding: 0 8px; margin-bottom: 15px; }
.my-account-hero-banner .banner-text-container {position: absolute; left: 20px; width: 600px; }
.my-account-hero-banner .banner-text { font-size: 18px; margin-bottom: 10px; }
.my-account-hero-banner .sign-out-link { font-size: 14px; text-decoration: none; }
.my-account-hero-banner .sign-out-link:hover { text-decoration: underline; }

ul.side-nav { list-style: none; }
ul.side-nav li { margin-bottom: 6px; }
ul.side-nav li a,
ul.side-nav li a.active { display: block; font-size: 16px; line-height: 38px; padding-left: 13px; border-left: 5px solid #0b31a0; background: #f1f1f1; text-decoration: none; color: #4D4D4D; }
ul.side-nav li a:hover,
ul.side-nav li a.active { background: url(/images/brother-online/side-nav-arrow.png) #e3e3e3 -5px center no-repeat; }
.ie7 ul.side-nav li a:hover,
.ie7 ul.side-nav li a.active { background-position-x: 0; }

ul.side-nav-cc { list-style: none; margin-top: 29px; }
ul.side-nav-cc li { margin-bottom: 6px; }
ul.side-nav-cc li a,
ul.side-nav-cc li a.active { display: block; padding-left: 13px; border-left: 5px solid #0b31a0; background: #f1f1f1; text-decoration: none; color: #4D4D4D; }
ul.side-nav-cc li a:hover,
ul.side-nav-cc li a.active { background: url(/images/brother-online/side-nav-arrow.png) #e3e3e3 -5px center no-repeat; }
.ie7 ul.side-nav-cc li a:hover,
.ie7 ul.side-nav-cc li a.active { background-position-x: 0; }


/* BOL my account content  */
.content-box.left-nav-container .hero-banner { margin-top: 5px; margin-bottom: 20px; }
.content-box.left-nav-container .hero-banner h1 { margin-top: 0; }
.content-box.left-nav-container .hero-banner p { font-size: 18px; margin-bottom: 1px; }
.content-box.left-nav-container .hero-banner a { text-decoration: none; font-size: 14px; float: left; margin-top: 10px;}
.content-box.left-nav-container .hero-banner a:hover { text-decoration: underline; }

.four.content-container ul.breadcrumb { font-size: 24px; line-height: 24px; margin-bottom: 15px; font-weight: normal; list-style: none; }
.four.content-container ul.breadcrumb li { float: left; }
.four.content-container ul.breadcrumb li a { text-decoration: none; padding-right: 30px; margin-right: 15px; background: url(/images/brother-online/angle-bracket.png) transparent right center no-repeat; }
.four.content-container ul.breadcrumb li a:hover { text-decoration: underline; }

.four.content-container .content-wrapper hr.sep { margin: 15px 0 20px 0; }
.four.content-container .content-wrapper { border: 1px solid #e3e3e3; float: left; padding: 20px; font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 566px; min-height: 238px; }
.four.content-container .content-wrapper .error { float: left; width: 100%; }

.four.content-container .content-wrapper .lightbox .box-out .add-payment-card { width: 768px; }

.four.content-container .content-wrapper .warning-bar { float: left; }

/* BOL my account - order list */
.ie7 .four.content-container .order-list-filter.btns-container label,
.ie7 .four.content-container .order-list-filter.btns-container #PeriodFilter { float: left; }

.four.content-container .order-list-filter.btns-container { padding: 15px 20px; }
.four.content-container .order-list-filter.bottom.btns-container { padding: 15px 20px; margin-top: 20px; }
.four.content-container .order-list-filter.btns-container #PeriodFilterDropDown { padding: 2px 2px; margin-left: 5px; width: 160px; }

.order-list-stages { float: left; margin: 8px 0;}

.order-list-pagination {clear: both; float: right; margin-top: 3px; }
.order-list-pagination .previousorderpage,
.order-list-pagination .nextorderpage { text-decoration: none; }
.order-list-pagination .previousorderpage:hover,
.order-list-pagination .nextorderpage:hover { text-decoration: underline; }
.order-list-pagination .previousorderpage { margin-right: 10px;float: left; }
.order-list-pagination .previousorderpage:before { content:"\00ab"; }
.order-list-pagination .nextorderpage { margin-left: 10px; float: right; }
.order-list-pagination .nextorderpage:after { content: " \00bb"; padding-left: 5px;margin-bottom: 10px; }
.order-list-pagination .current-page { padding: 0 10px; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; float: left; }

.item-header { background-color: #f2f2f2; float: left; width: 566px; border: 1px solid #e3e3e3; border-bottom: none; padding: 20px; margin-top: 20px;}
.item-header a.button-blue { margin-right: 0; float: right; margin-top: 15px; }
.item-header .order-info { float: left; width: 450px; }
.item-header .order-info p { font-size: 14px; margin-bottom: 2px; }
.item-header .order-info p.order-placed { margin-bottom: 10px; }
.item-header .order-info p.order-placed .order-placed-date { font-weight: bold; font-size: 20px; }
.item-header .order-info p span.last-updated, .address-listing-container .order-details span.last-updated { font-size: 11px; font-style: italic;font-weight: normal; margin-left: 4px}

.four.content-container .order-items { list-style: none; min-height: 0; margin-bottom: 0; }
.order-items li { float: left; padding: 20px 0; border-top: 1px dashed #ccc; width: 100%; }
.order-items li.last { padding-bottom: 0; }
.order-items li.only-child { padding-bottom: 0; border-top: none;  }
.order-items li:first-child { border-top: none; padding-top: 0; }
.order-items li h4,
.order-items li p { font-size: 14px; }
.order-items li h4 { font-weight: bold; }
.order-items .product-container { margin-right: 15px; }
.order-items .product-container,
.order-items .product-info { float: left; }
.order-items .product-container img { border: 1px solid #ccc; float: left; }
.order-items .product-info { width: auto; }

/* BOL my account - order details */
.four.content-container .order-details-container { margin-bottom: 0; border-bottom: none; }
.order-details-container .heading { margin: -20px -20px 20px -20px; background: #F2F2F2; font-size: 14px; padding: 13px 0; text-transform: uppercase; }
.order-details-container .heading span { float: left; }
.order-details-container .heading .item { width: 316px; padding-left: 20px; }
.order-details-container .heading .price { width: 90px; text-align: right; }
.order-details-container .heading .quantity { width: 70px; text-align: right; }
.order-details-container .heading .cost { width: 90px; text-align: right; padding-right: 20px; }

.order-details-container .row { border-bottom: 1px dashed #cccccc; padding: 20px 0; }
.order-details-container .row img { background: #FFFFFF; border: 1px solid #CCCCCC; display: block; float: left; height: 81px; margin-right: 15px; width: 81px; }
.order-details-container .row .product-info { float: left; width: 218px; }
.order-details-container .row .price { float: left; width: 90px; text-align: right; }
.order-details-container .row .quantity { float: left; width: 70px; text-align: right; }
.order-details-container .row .cost { float: left; width: 90px; text-align: right; }

.order-details-container #DeliveryOption, .order-details-container #PaymentMethod { padding-top: 20px; }
.order-details-container #DeliveryOption .method, .order-details-container #PaymentMethod .method  { float: left; width: 316px; }
.order-details-container #DeliveryOption .price, .order-details-container #PaymentMethod .price { float: left; width: 90px; text-align: right; }
.order-details-container #DeliveryOption .cost, .order-details-container #PaymentMethod .cost { float: left; width: 160px; text-align: right; }

.order-details-container .totals { text-align: right; }
.order-details-container .totals span { display: block; height: 20px; }
.order-details-container .total-labels { float: left; width: 476px; }
.order-details-container .total-values { float: left; width: 90px; }

.address-listing-container {float: left; padding: 20px; background: #f2f2f2; border: 1px solid #e3e3e3; border-top: none; width: 566px; margin-bottom: 20px;}
.address-listing-container .order-details { font-size: 14px; display: block; width: 100%; }
.address-listing-container .order-details.top { margin-bottom: 15px; }
.address-listing-container .order-details.bottom { margin-bottom: 20px; }
.address-listing-container .order-details span { font-size: 20px;font-weight: bold; margin-left: 15px;}

.address-listing-container .addresses { list-style: none; margin-top: 20px; }
.address-listing-container .addresses li { float: left; margin-left: 40px; width: 162px; }
.address-listing-container .addresses li:first-child { margin-left: 0px; }
.address-listing-container .addresses li.address span { display: block; }

/* BOL my account - my subscriptions */
.subscription-container .heading { padding: 10px 20px; background-color: #f2f2f2; float: left; width: 566px; border: 1px solid #e3e3e3; border-bottom: none; }

.subscription-container .heading > span { text-transform: uppercase; font-size: 14px; }
.subscription-container .heading > span.cost { float: right; }
.subscription-container .card-select-container select { float: left; width: 180px; margin-right: 20px; }
.subscription-container .card-select-container input { color: #0d2ea0; background: none; border: none; text-decoration: underline; }

.subscription-list { float: left; list-style: none; }
.subscription-list > li { float: left; width: 566px; padding: 20px 0; border-top: 1px dashed #ccc; }
.subscription-list > li:first-child { border-top: none; padding-top: 0; }
.subscription-list > li.last { padding-bottom: 0; }
.subscription-list > li.only-child { padding-bottom: 0; border-top: none;  }
.subscription-list > li .product-container { float: left; margin-right: 15px; }
.subscription-list > li .product-container img { border: 1px solid #ccc;
float: left; }
.subscription-list > li .product-info { float: left; }
.subscription-list > li .product-info h4 { font-size: 16px; font-weight: bold; }

.subscription-list > li .product-cost { float: right; }
.subscription-list > li .product-cost > span { display: block;text-align: right; }
.subscription-list > li .product-cost .period { font-style: italic; font-size: 12px; }

/* BOL my account - personal details */
.four.content-container .personal-details .sml-select { width: 195px; }
.four.content-container .personal-details #TitleDropDown { margin-bottom: 0;}
.four.content-container .personal-details .generic-form-row .checkbox-item label { width: auto; }
.four.content-container .personal-details .input-checkbox { margin-bottom: 20px; }

/* BOL my account - business details */
.ie7 .four.content-container .content-wrapper.business-details .radiobox-item { margin-bottom: 20px; }
.ie7 .four.content-container .content-wrapper.business-details .generic-form-row { margin-bottom: 20px;}
.ie7 .four.content-container .content-wrapper.business-details .generic-form-row label { float: none; margin-bottom: 5px; }
.ie7 .four.content-container .content-wrapper.business-details .generic-form-row input { float: left; margin-bottom: 10px; }
.ie7 .four.content-container .content-wrapper.business-details .submit { margin-top: 10px; }
.four.content-container .business-details #business-checkboxes { float: left; width: 100%; }
.four.content-container .business-details #business-checkboxes .radio-holder { float: left; width: 100%;margin: 8px 0 20px 0; }
.four.content-container .business-details #business-checkboxes .radio-holder .radio-item { float: left;display: inline-block;width: auto; margin-right: 25px; }
.four.content-container .business-details #business-checkboxes .radio-holder .radio-item input[type="radio"] { margin-right: 5px; }
.four.content-container .business-details .field { float: left; margin-bottom: 20px; display: block;}
/*.four.content-container .business-details .field input[type="text"] { float: left; }*/
.four.content-container .business-details .field #VatNumberTextBox,
.four.content-container .business-details select { width: 195px; }
/*.four.content-container .business-details #error-vat-already-registered { float: left; }*/

/* BOL my account - address book */
.four.content-container .content-wrapper.address-book { margin-bottom: 0; border-bottom: none; }
.content-wrapper.address-book ul { list-style: none; float: left;}
.content-wrapper.address-book ul li { float: left; width: 280px; margin-bottom: 20px; } 
.content-wrapper.address-book ul li span { float: left; width: 240px; padding-right: 20px;}
.content-wrapper.address-book ul li:first-child { margin-left: 0; }
.content-wrapper.address-book ul li .address-options { margin-top: 5px; float: left; width: auto; }
.ie7 .content-wrapper.address-book ul li .address-options { width: 250px; }
.content-wrapper.address-book ul li .address-options .disabled-edit-container { float: left; }
.content-wrapper.address-book ul li .address-options .disabled-edit-container .disabled-edit-message { float: left; line-height: 15px; }
.content-wrapper.address-book ul li .address-options .disabled-edit-container .disabled-edit-message > span { font-size: 12px; font-style: italic; margin-right: 0; padding-right: 10px; width: auto; }
.content-wrapper.address-book ul li .address-options a.edit-btn { border-right: 1px solid #4c4c4c; padding-right: 10px; margin-right: 10px; float: left; line-height: 15px; color: #4c4c4c; }
.content-wrapper.address-book ul li .address-options a.edit-btn:hover { color: #06e; }
.content-wrapper.address-book ul li .address-options a.delete-btn { line-height: 15px; float: left;color: #4c4c4c; }
.content-wrapper.address-book ul li .address-options a.delete-btn:hover { color: #06e; }

.content-unit.four.content-container .add-payment-card { float: left; width: 556px; border: 1px solid #e3e3e3; border-top: none; }

.lightbox .delete-address .box-out { margin: 20px; padding: 20px; }
.ie7 .lightbox .delete-address .box-out { width: 570px; }
.lightbox .delete-address .warning-message { padding: 35px 0 35px 100px; background: url(/images/brother-online/warning-ex-icon.png) no-repeat left center; }
.lightbox .delete-address .warning-message p { width: 490px; }
.lightbox-btns-container { float: right; margin-top: 20px;}
.lightbox-btns-container .button { float: right; }

/* BOL my account - edit-address */
.content-unit.four.content-container .content-wrapper.edit-address  { padding: 0; }
.content-unit.four.content-container .content-wrapper.edit-address .radio-btn-holder { margin-top: 10px; }
.content-unit.four.content-container .content-wrapper.edit-address .radio-btn-holder .styled-radio { margin-top: 1px; }
.content-unit.four.content-container .content-wrapper.edit-address .find-address { margin-top: 24px; padding: 0 15px; line-height: 24px; height: 24px; font-size: 11px;}

/* BOL my account - sign in details */
.content-wrapper.sign-in-details #type-switcher { float: left; width: 100%; margin-bottom: 20px; margin-top: 10px;}
.content-wrapper.sign-in-details #type-switcher label { float: left; line-height: 16px; }

.left-nav-container .content-unit.six .info-bar { background: url(/images/brother-online/connection-tick.png) #e6eaf5 10px 16px no-repeat; padding: 25px 20px 25px 60px; margin-bottom: 20px; float: left; width: 840px; }
.content-wrapper.sign-in-details .warning-bar p { margin-bottom: 0; }

.content-wrapper.sign-in-details .social-account-status ul { float: left; list-style: none;width: 100%; }
.content-wrapper.sign-in-details .social-account-status ul li { float: left; padding: 0 0 20px 0; width: 100%; }
.content-wrapper.sign-in-details .social-account-status ul li.connected .status a { color: #0d2ea0; font-style: normal; text-decoration: none;background: url(/images/brother-online/connected-tick.png) left center no-repeat; padding-left: 45px;}
.content-wrapper.sign-in-details .social-account-status .right-arrow { display: inline-block; width: 210px; height: 35px; text-indent:-9999px; }
.content-wrapper.sign-in-details .social-account-status .facebook-btn { float: left; background: url(/images/brother-online/login-btn-facebook.png) no-repeat; }
.content-wrapper.sign-in-details .social-account-status .google-btn { float: left; background: url(/images/brother-online/login-btn-google.png) no-repeat; }
.content-wrapper.sign-in-details .social-account-status .linkedin-btn { float: left; background: url(/images/brother-online/login-btn-linkedin.png) no-repeat; }
.content-wrapper.sign-in-details .social-account-status .action { float: left; }
.content-wrapper.sign-in-details .social-account-status .status a { background: url(/images/brother-online/not-connected-tick.png) left center no-repeat; display: inline-block;font-style: italic; color: #ff0000; font-size: 12px; float: left; margin-left: 20px; margin-top: 8px; padding-left: 45px; }
.content-wrapper.sign-in-details .social-account-status .social-account-Instruction p { margin-bottom: 0; }

.ie7 .content-wrapper.sign-in-details #update-logindetails .generic-form-row { width: 574px; }
.content-wrapper.sign-in-details #update-logindetails .validated-message { float: left; display: block; width: 100%;margin-bottom: 20px; line-height: 14px; }
.content-wrapper.sign-in-details #update-logindetails .md-sz-copy { float: left; margin-top: 20px;}

.content-wrapper.sign-in-details .update-password-field input[type="password"] { width: 195px; }
.content-wrapper.sign-in-details .update-password-field .forgotten-password-link { font-size: 12px; text-decoration: underline; margin-left: 10px; }
.content-wrapper.sign-in-details .form-error{ color: #DD0000; }

.btns-container .close-account-link {background: url(/images/brother-online/close-icon.png) no-repeat left center; padding: 3px 0 3px 30px; text-decoration: none; color: #4d4d4d; margin: 2px 0; float: left;font-size: 14px; }
.btns-container .close-account-link:hover { color: #06e; text-decoration: underline; }

/* BOL my account - payment methods */
.my-account-payment .billing-address { padding: 0; }
.my-account-payment #PaymentGatewayContainer { margin: 25px 0 0 0; }
.four.content-container .content-wrapper.saved-payment-cards .add-payment-card { width: 555px; }

.lightbox .delete-card-item { width: 735px;}
.lightbox .delete-card-item .box-out { margin: 20px; padding: 20px; }
.lightbox .delete-card-item .box-out .card-summary { padding: 20px 0; }
.lightbox .delete-card-item .card-icon-holder { float: left; margin-right: 20px; }
.lightbox .delete-card-item .card-details { float: left;font-size: 14px; width: 585px; }
.ie7 .lightbox .delete-card-item input { float: right; }
.lightbox-btns-container { float: right; margin-top: 20px;}
.lightbox-btns-container .button { float: right; }
.ie7 .lightbox .add-payment-card { float: left;width: 100%; }

/* BOL my account - close account */
.ie7 .four.content-container .content-wrapper .submit { float: left; }
.four.content-container .content-wrapper .generic-form-row { float: left; width: 100%; }
.four.content-container .content-wrapper .generic-form-row label { float: left; width: 100%; margin-bottom: 5px; }
.four.content-container .content-wrapper .generic-form-row select { float: left; margin-bottom: 25px; }
.four.content-container .content-wrapper .generic-form-row textarea { width: 299px; height: 150px; margin-bottom: 25px; }
.four.content-container .btns-container { border: 1px solid #e3e3e3; float: left; width: 566px; padding: 10px 20px; background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #f7f7f7 0%, #f0f0f0 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f0f0f0));  background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f0f0f0 100%);  background: -o-linear-gradient(top,  #f7f7f7 0%,#f0f0f0 100%);  background: -ms-linear-gradient(top,  #f7f7f7 0%,#f0f0f0 100%);  background: linear-gradient(to bottom,  #f7f7f7 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f0f0f0',GradientType=0 ); }

.four.content-container .content-wrapper .mail-verification { margin: 145px 0; padding: 0 75px 0 142px; background: url(/images/brother-online/email-icon.jpg) transparent 72px 5px no-repeat; }
.four.content-container .content-wrapper .mail-verification p { margin-bottom: 0; }

.box-out.account-deleted { background: url(/images/brother-online/x-bg.png) #ededed bottom right no-repeat; padding: 20px 360px 40px 40px; }
.box-out.account-deleted .deleted-ac-message { margin-bottom: 20px; }

/* BOL my account - my invoices */

.my-invoices table { width: 100%; }
.my-invoices table th,
.my-invoices table td { padding: 8px 10px; text-align: left; }
.my-invoices table th { background: #0d2ea1; color: #ffffff; text-transform: uppercase; }
.my-invoices table tr:nth-child(even) td { background: #efeff9; }

.my-invoices ul.pagination { list-style: none; }
.my-invoices ul.pagination li { float: left; margin-right: 10px; }

/* BOL add a device - details */
#activate-warranty table { width: 100%;margin-bottom: 0.5em; }
#activate-warranty table thead { font-weight: bold; }
#activate-warranty table tbody td.serial, #activate-warranty table tbody td.model { line-height: 27px; }
#confirm-bank-details.generic-form p { margin-bottom: 10px;}
#confirm-bank-details.generic-form p.sortcode input { width: 35px;text-align: center;margin-right: 6px;}
#confirm-bank-details.generic-form p.generic-input-btn { margin-top: 15px;}

.generic-form.device-confirm-details { clear: both; }
.generic-form.device-confirm-details select { min-width: 305px;}
.generic-form.device-confirm-details .button-grey { margin-top: 22px; padding: 0 15px; line-height: 24px; height: 24px; font-size: 11px;position: relative;top: -1px;}
.generic-form.device-confirm-details .half-col { width: 35%;}
.generic-form.device-confirm-details p { margin-bottom: 10px; }
.generic-form.device-confirm-details p.generic-input-btn { margin-top: 15px;}
.generic-form.device-confirm-details .generic-form-row { margin: 0 0 15px 0;clear: both;}


/*  Online Brother Styles        
/********************************/
/* add device pages */
.add-device-container .faux_h1, .add-device-container .sub-header, 
.add-device-container .info-bar, .add-device-container .generic-form { margin-left: 20px;}

.add-device-container .info-bar p { font-size: 14px;} /*text-transform: capitalize;*/

/* conference control page */
.conference-control .wrapper .hero-banner { margin: 20px; }
.conference-control .wrapper .hero-banner h1 { margin-top: 0; margin-bottom: 7px; }
.conference-control .wrapper .hero-banner p { font-size: 18px; margin-bottom: 3px; }
.conference-control .wrapper .hero-banner a { text-decoration: none; font-size: 14px; }
.conference-control .wrapper .hero-banner a:hover { text-decoration: underline; }



/*  Dealer Portal - Closed Area Styles        
/********************************/
/* Cashback */
.four.content-container .content-wrapper.closed-area-cashback { font-size: 12px; }
.closed-area-cashback ul { margin-left: 30px; }
.closed-area-cashback .generic-form { background-color: #f1f1f1; padding: 10px; } 
.closed-area-cashback th { background-color: #EDEDED; vertical-align: bottom; text-align:left; }
.closed-area-cashback table { width: 100%; }
.closed-area-cashback .riTextBox.riEnabled,
.closed-area-cashback .riTextBox.riHover,
.closed-area-cashback .riTextBox.riFocused { margin-bottom: 4px; border: 1px solid #9d9d9d; height: 26px; font-size: 13px; width: 305px; max-width: 100%; padding: 0px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "PT Sans",sans-serif;}

#cashback-search-results { border: 1px solid #D3D5D4; font-size: 12px; color: #4d4d4d; min-width: 100%; max-height: 300px; overflow-y: auto; background: #ffffff; padding: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cashback-search-results a { display: block; padding: 2px 4px; }
#cashback-search-results a:hover,
#cashback-search-results a:focus { background: #F5F6F8; }
#cashback-search-results a.results-heading { background: #0D2EA0; color: #ffffff; }
#cashback-search-results a.results-heading:hover,
#cashback-search-results a.results-heading:focus { background: #0067AE }
#cashback-search-results a.results-page { padding-left: 14px; }

/* Recycling */
.closed-area-recycling .manufacturer { width: 280px; margin-bottom: 0; }
.closed-area-recycling .tonerdrum { width: 150px; margin-bottom: 0; }
.closed-area-recycling .generic-form .buttons { width:244px; text-align: right;}
.closed-area-recycling .generic-form .form-section { display: table; margin-bottom:initial;}
.closed-area-recycling .lastcol { text-align:right; padding-right:14px;}
.closed-area-recycling .comment { margin-bottom: 4px; border: 1px solid #9d9d9d; height: 26px; font-size: 13px; max-width: 100%; padding: 0px 5px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:630px; height:72px; }
.closed-area-recycling .dealer-portal-table .last-child .button-blue.button {margin-right:0px;}
.closed-area-recycling table, .closed-area-recycling .fullline {width: 100%;}
.closed-area-recycling .dealer-portal-head { width:100%; background-color: #EDEDED; vertical-align: bottom; text-align:left; font-size:16px;}
.closed-area-recycling .delivery-slip {border-right: none; vertical-align: middle; font-size: 14px;}
.closed-area-recycling tr.lastrow { background-color: #EDEDED !important;}

/* Recycling - delivery slip */
body#ClosedAreaDeliverySlipBodyTag { background: white; } 
@media print { 
    .closed-area-recycling-shippinglist, .closed-area-recycling-shippinglist h2 { font-size:175%; line-height: 100%;}
    .closed-area-recycling-shippinglist th, .closed-area-recycling-shippinglist td { font-size:105%; line-height: 105%;}
    .footerdata { display:none; }
}
@media screen { .closed-area-recycling-shippinglist { font-size: 12px; } }
.closed-area-recycling-shippinglist .ShippingListLogoRight { float: right; }
.closed-area-recycling-shippinglist table { width: 100%; margin-bottom: 25px; text-align: left;} 
.closed-area-recycling-shippinglist tr { border-bottom: 1px solid black; line-height: 30px; }
.closed-area-recycling-shippinglist hr.sep { margin-top: 30px; margin-bottom: 30px; }
.closed-area-recycling-shippinglist h2, .closed-area-recycling-shippinglist .headdata, .closed-area-recycling-shippinglist .addressdata  { margin-bottom: 30px; }

/* Marketing*/
.closed-area-marketing { margin-bottom:25px;}
.closed-area-marketing .lastcol { text-align: right; min-width: 70px; max-width: 150px;}
.closed-area-marketing .MediaColumnOne { width: 300px; }
.closed-area-marketing .MediaColumnThree { width: 100px; }