/* @override https://service.simplehuman.com/skin/frontend/simplehuman/products/css/mage-account.css */

/* Global Account */ 
div.my-account div.page-title h1 {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #4D9CC0;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 2px 10px;
    text-transform: lowercase;
    margin-right: -40px;
}
div.buttons-set p.back-link a {
    padding: 1px 0 0 30px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-arrow.png') no-repeat left top;
    text-transform: lowercase;
    display: inline-block;
    color: #4D9CC0;
}
div.buttons-set p.back-link a:hover { background-position: left -25px; color: #666; }
div.buttons-set p.back-link a small, 
div.my-account p.required { display: none;}

/* Account Login */
div.account-login,
div.account-login label em { background: none; }
div.account-login p {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #999999;
}
div.account-login p.required { display: none; }
div.account-login a { color: #4D9CC0; }
div.account-login a:hover { color: #666; }
div.account-login label {
    color: #999;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    float: none;
    text-align: left;
    text-transform: lowercase;
}
div.account-login .input-box { float: none; display: block; margin-top: 4px; }
.account-login .form-list input.input-text {
    width: 335px;
    padding: 3px 6px;
    height: 23px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
}
div.account-login h2 { color: #666; font: bold 12px arial,sans-serif; margin: 17px 17px 10px; padding: 0; }

div.account-login div.page-title { margin-bottom: 0; padding-bottom: 0;}
div.account-login div.page-title h1,
div.account-create div.page-title h1 {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #4D9CC0;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 2px 10px;
    text-transform: lowercase;
    width: 970px;
}

label.required em { display: none}

div.registered-users button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -554px; width: 115px; height: 38px;}
div.registered-users button.button:hover,
div.registered-users button.button:focus,
div.registered-users button.button:active,
div.registered-users button.link_clicked { background-position: left -592px !important; }
div.registered-users button.button span { display: none;}
/*
div.registered-users div.btn-only { padding-left: 90px; width: 253px; }
*/
div.registered-users div.btn-only {
    padding-left: 0;
    width: 350px;
}
/*
div.new-users button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -630px; width: 115px; height: 38px;}
*/
div.new-users button.button {
    background: url("//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-20130509.png") no-repeat scroll left -862px transparent; height: 38px; width: 157px; }
div.new-users button.button:hover,
div.new-users button.button:active,
div.new-users button.button:focus,
div.new-users button.link_clicked { background-position: left -900px !important; }
div.new-users button.button span { display: none;}

/* div.account-login div.registered-users { padding-right: 63px; border-left: 1px solid #ddd; padding-left: 32px;} */
div.account-login div.registered-users {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding-left: 32px;
    padding-right: 75px;
}
div.account-login div.new-users { float: left; padding: padding: 30px 32px 34px; }
div.account-login h2.legend {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-transform: lowercase;
    margin-bottom:15px;
}



div.account-form-bottom { border-left: 1px solid #ddd;}
div.account-form-bottom p {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
}
div.account-form-bottom label {
    color: #666;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: block;
    float: none;
    text-align: left;
}
div.account-form-bottom input.input-text { width: 450px; height: 26px;}
div.account-form-bottom div.fieldset { padding-left: 32px;}
div.account-form-bottom li.fields div.field { width: 230px; float: left; zoom: 1; clear: none;}
div.account-form-bottom li.fields input.input-text { width: 215px}
div.account-form-bottom li.fields div.customer-name div.field { width: 215px; margin-right: 16px;}
/* div.account-form-bottom select { font-size: 14px; height: 30px; padding: 7px 0 4px 2px; font-family: "ff-din-web", arial} */ 
div.account-form-bottom select {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-family: arial\0/ !important;
}
label#label_is_subscribed {
    width: 420px;
}
label#label_is_subscribed a:hover {
    color: #4d9cc0;
}
#subscribeCopy a:hover {
    color: #4d9cc0;
}
/* Forgot PW */
body.customer-account-forgotpassword p.required { display: none; }
body.customer-account-forgotpassword a { color: #4D9CC0; }
body.customer-account-forgotpassword label { color: #666; }
body.customer-account-forgotpassword h2 { color: #666; font: bold 12px arial,sans-serif; margin: 17px 17px 10px; padding: 0; }
body.customer-account-forgotpassword div.page-title h1 {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #4D9CC0;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 2px 10px;
    text-transform: lowercase;
}
body.customer-account-forgotpassword div.buttons-set button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -428px; width: 115px; height: 38px; }
body.customer-account-forgotpassword div.buttons-set button.button:hover,
body.customer-account-forgotpassword div.buttons-set button.link_clicked { background-position: left -466px !important; }
body.customer-account-forgotpassword div.buttons-set button.button span { display: none;}
body.customer-account-forgotpassword div.page-title { margin-bottom: 0; padding-bottom: 0;}
body.customer-account-forgotpassword div.fieldset { padding-top: 20px; width: 650px; margin-bottom: 0; padding-bottom: 0; }
body.customer-account-forgotpassword div.buttons-set {  padding: 15px 0 0; width: 460px; clear: left; margin-left: 32px; }
body.customer-account-forgotpassword div.buttons-set p { width: 150px; margin-bottom: 30px; margin-top: 10px; text-align: left}


/* Account Create */ 
body.customer-account-create div.buttons-set button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -428px; width: 115px; height: 38px; margin:-30px 0 0 370px !important; float: left !important; }
body.customer-account-create div.buttons-set button.button:hover,
body.customer-account-create div.buttons-set button.link_clicked { background-position: left -466px !important; }
body.customer-account-create div.buttons-set button.button span,
body.customer-account-create p.required,
body.customer-account-create div.divider { display: none;}


div.account-create label { color: #666;}
div.account-create div.page-title { margin-bottom: 0; padding-bottom: 0;}
div.account-create div.col-sets { border-top: none; padding: 32px;} /* used to be 20px */
div.account-create div.col-sets div.fieldset { padding: 0px;}
div.account-create div.buttons-set { padding: 15px 0 0; width: 630px; clear: left;  }
.form-list .control .input-box { float: left; margin-left: 0;}
.form-list .control label { margin-left: 20px;}

/* Logout */
body.customer-account-logoutsuccess div.page-title h1 {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #4D9CC0;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 2px 10px;
    text-transform: lowercase;
}

/* Account Forms */ 
div.my-account button.button span { display: none; }
div.my-account button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -784px; width: 109px; height: 39px;}
div.my-account button.button:hover,
div.my-account button.link_clicked,
div.my-account button.button:focus,
div.my-account button.button:active { background-position: left -823px !important; }
div.my-account div.buttons-set { padding: 15px 0 0; width: 460px; clear: left; margin-left: 32px; float: none; }

div#cc_form div.my-account button.button:hover { background-position: left -529px !important; }

div.my-account div.buttons-set p { width: 150px; margin-bottom: 30px; text-align: left}
div.my-account div.page-title { padding-bottom: 0; margin-bottom: 0; padding-top: 0; margin-top: 0;}
div.my-account div.fieldset { border: 1px solid #ddd; width: 660px; margin-bottom: 0; border-top: 0; padding: 20px 20px 20px 20px; font-size: 14px; border-bottom: 0; border-right: 0;}

div.my-account label.invisible { visibility: hidden;}
div.my-account div.col-sets { float: left;}
div.recent-orders table.data-table {border: 1px solid #eee; border-bottom: none;}
div.my-account label {
    color: #999999;
    float: none;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    text-transform: lowercase !important;
}

div.dashboard a.add-addy {
    float: right;
    padding: 0 0 0 30px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-arrow.png') no-repeat left top;
    text-transform: lowercase;
    color: #4D9CC0;
    margin-top: -10px;
}
div.dashboard a.add-addy:hover { background-position: left -25px; color:#666; }
/* Address Book */ 
body.customer-address-index div.page-title { padding-bottom: 0; margin-bottom: 0; height: 29px; padding-right: 32px; }
body.customer-address-index div.page-title h1 { display: block; width: 100%; text-align: left;}
body.customer-address-index div.page-title a.add-addy:hover { background-position: left -25px; }
div.addresses-list { border: 1px solid #ddd; border-top: none;}
div.addresses-list h2.sub-title { border: none;}
div.addresses-list div.col-addybook { padding-top: 30px; float: left; height: 100% !important;}
div.addresses-list div.col-1 { padding-left: 7px; }
div.addresses-list div.col-2 { border-left: 1px solid #ddd; padding-left: 9px; min-height: 355px;}
div.addresses-list ol li.info-box { padding-left: 20px;}
div.addresses-list ol li.info-box a.change { float:right; text-transform: lowercase; margin-right: 25px; margin-top: 11px;}
div.addresses-list div.col-2 ol { margin-top: 10px;}
div.addresses-list ol li.item { padding-left: 25px;}
div.addresses-list div.col-2 li p.actions { float: right; border: none; text-transform: lowercase;}
div.addresses-list div.col-2 li p.actions a:hover,
div.addresses-list ol li.info-box a.change:hover { color: #4D9CC0;}
div.addresses-list address {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
}

li.add-field label { display: none}
li.add-field input { margin-top: 7px;}

/* Order Histoire */ 
body.sales-order-view div.page-title,
body.sales-order-invoice div.page-title { margin-bottom: 20px; padding-right: 32px;}
body.sales-order-view div.page-title h1, 
body.sales-order-invoice div.page-title h1 { display: block; width: 100%; text-align: left;}
body.sales-order-view span.history-options,
body.sales-order-invoice span.history-options { display: block; width: 150px; margin-top: -22px; float: right; text-transform: lowercase;}
div.my-account h2.table-caption {
    background: none repeat scroll 0 0 transparent;
    border-right: 0 none;
    border-top: 0 none;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    padding: 5px 0 3px 17px;
    text-transform: lowercase;
}
div.my-account h2.table-caption span { margin: 0 10px; }
div.my-account h2.table-caption a {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #4d9cc0; }
div.my-account h2.table-caption a:hover { color: #666; }

div.my-account table.data-table th { padding: 11px 12px;}

body.sales-order-view span.separator { margin:0 5px; }

dl.order-info { border: none; width: 985px;}
dl.order-info ul.links { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/bg-breadcrumbs.png') no-repeat left top; display: block; width: 100%; padding-bottom: 10px; }
dl.order-info ul.links li { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/bg-replacement-tab-border.png') no-repeat left top; margin-right: 0;}
dl.order-info ul.links li a {
    background: none;
    text-transform: lowercase;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
}
dl.order-info ul.links li a:hover { color: #4D9CC0;}
dl.order-info ul.links li.current { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/bg-replacement-tab-current.jpg') repeat-x left top; margin-left: 2px; padding-bottom: 6px; }
dl.order-info ul.links li.current strong {
    background: none;
    color: #4D9CC0;
    text-transform: lowercase;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

div.my-account p.order-date {
    border-left: 1px solid #E5E5E5;
    color: #666666;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 5px 0 3px 17px;
    text-transform: lowercase;
}
div.my-account div.order-page div.col-1,
div.my-account div.order-page div.col-2 { border: 1px solid #E5E5E5;}
div.my-account div.order-page div.col2-set.top { padding-bottom: 0;}
div.my-account div.order-page div.col2-set.top div.col-1 { border-bottom: 0;}
div.my-account div.order-page div.col2-set.bottom div.col-1 { border-top: none;}

div.my-account div.order-items { margin-top: 20px;}
p.order-links { background: none; text-transform: lowercase; }
p.order-links a.link-print {
    text-transform: lowercase;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-arrow.png') no-repeat left top;
    padding: 2px 0 2px 30px;
}
p.order-links a.link-print:hover { background-position: left -25px;}
div.order-items h2.sub-title span.separator { visibility: hidden;}
div.order-items h2.sub-title a.link-print { float: right;}
h3.table-caption {
    background: url('//dojbfbukd6hul.cloudfront.net/web_assets/bg-replacement-tab-current.jpg') repeat-x left top;
    text-transform: lowercase;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px;
    padding-left: 10px;
}
div.order-items table.data-table thead { background: none;}

body.sales-order-history div.my-account table.data-table { border-top: none;}
body.sales-order-history div.my-account table.data-table thead th { border-bottom: none;} 


div.form-wrap { position: relative;}
div.form-wrap div.buttons-set { position: absolute; bottom: 0; right: 0;}

/* 09/22/2012 */ 
div#manage_address .col-1, div#manage_address .col-2, div#account_dashboard_top #manage_info { border: 0; margin-right: 10px; width: 315px;}
div#account_dashboard_top #manage_info { margin-right: 0;}

div.col-main .dashboard .info-box .box-content { border-left: 1px solid #E5E5E5; text-transform: lowercase; }
div.col-main .dashboard .info-box .box-title {
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    color: #666666;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 17px 0 0;
    padding: 10px 17px 3px;
    text-transform: lowercase;
}
div.recent-orders table.data-table { border-right: 0;}
div.recent-orders table.data-table tr.last td { border-bottom: 0}
div#account_dashboard_top div#manage_address { float: right; zoom: 1; padding-bottom: 0;}
div.my-account .recent-orders .sub-title { color: #333; font-weight: 600; font-size: 14px; padding: 10px 17px 3px}
div.recent-orders table#my-orders-table thead th,
div.recent-orders table#my-orders-table tbody td { padding-left: 17px;}
div.my-account h1 { color: #333; font-weight: 600; font-size: 14px; }

div.my-account div.fieldset { width: 470px; padding-left: 32px; border: 0 !important; }
div.my-account div.fieldset label em,
div.my-account div.fieldset h2 { display: none}
div.my-account div.page-title { margin-top: 20px !important;}
div.my-account div.page-title h1 {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #666;
    padding: 5px 0 3px 17px;
}
div.my-account input.input-text {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
}
div.customer-name div.field div.input-box { width: 215px;}
div.form-wrap div.buttons-set { left: 500px; width: 110px; padding-bottom: 35px;}
div.my-account .form-list select { width: 215px;}
div.addresses-list { border-bottom: 0; border-right: 0;}
div.addresses-list ol li.info-box { padding: 0 15px 0 10px;}
div.addresses-list .box-title,
div.addresses-list .box-content { border-left: 0; padding-left: 0;}

div.my-account div.page-title { padding-right: 0; margin-right: 0;}
div.my-account .data-table tr.last td { border-bottom: 0;}
div.my-account .data-table { border-right: 0;}


div.dashboard_marquee {height: 110px; margin-top: 15px;}
div.dashboard_marquee h1 {
    font-family: DinLight, arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 40px !important;
    width: 300px;
    color: #fff !important;
}
div.dashboard_marquee div.col_1 { width: 615px; float: left; zoom: 1;}
div.dashboard_marquee div.col_2 { width: 233px; float: left; zoom: 1; border-left: 1px solid #fff; padding: 0 20px 0 25px; min-height: 120px;}
div.dashboard_marquee div.col_2 p,
div.dashboard_marquee div.col_2 span {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #333;
}
div.dashboard_marquee div.col_2 span.white { color: #fff;}

/* Credit Cart Edit */ 
div.dashboard div#cc_form { margin-top: 15px; margin-bottom: 5px;}
div.dashboard div#cc_form .v-fix { margin-right: 10px;}
div.dashboard div#cc_form input.cvv { width: 135px; }
div.dashboard div#cc_form button { cursor: pointer; display: inline-block; width: 87px; height: 25px; text-indent: -9999px; background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-71612.png') no-repeat left -504px; margin-top: 10px; } 
div.dashboard div#cc_form button span { display: none}

div.my-account div.dashboard div.topper { margin-top: 10px;}

/* IE Fixes */
body.customer-account-forgotpassword div.buttons-set p.back-link a { padding-bottom: 9px\9;}
div.order-items a.link-print { padding-bottom: 10px\9; }
*+html div.customer-name div.field div.input-box { margin-left: 8px;}
*+html div.customer-name div.field div.input-box input { margin-left: 0; }
*+html h2.sub-title a.link-print { margin-top: -38px; }
*+html div.order-items h3 { width: 98%; padding-right: 8px;}

div.dashboard button.button span { display: none; }
div.dashboard button.button { background: url('//dojbfbukd6hul.cloudfront.net/web_assets/sprite-btns-503.png') no-repeat left -784px; width: 109px; height: 39px;}
div.dashboard button.button:hover,
div.dashboard button.link_clicked,
div.dashboard button.button:focus,
div.dashboard button.button:active { background-position: left -823px !important; }
div.dashboard div.buttons-set { padding: 15px 0 0; width: 460px; clear: left; margin-left: 32px; float: none; }