/* reusable modernizr classes */
html.no-js .nojs_hidden, html.js .js_hidden {display: none;}
label[data-required]:before { content: attr(data-required); }
/* things get border-box so we can add padding and margins to 100% width elements */
.panel, .panel .column, .column.left, .column.right, input, textarea, .pg_wrapper, #checkout-header, .overlay-container, fieldset
{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/js/shared/external/boxsizing.htc);}
.pre {
white-space: pre;
}
/* things get auto-clearfixed to DRY up classes in HTML */
.panel, .panel header, .row, .product, .column
{ *zoom: 1; }
.panel:before, .panel header:before, .row:before, .product:before, .column:before,
.panel:after, .panel header:after, .row:after, .product:after, .columnn:after
{ display: table; line-height: 0; content: ""; }
.panel:after, .panel header:after, .row:after, .product:after, .column:after
{clear: both; }
/* universal panel styles */
.panel {border: 1px solid #ccc; overflow: hidden; }
.panel .block.right { float: right; }
.loading * { opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.panel .content {padding: 1em;}
.column.left {float: left; clear: left; width: 65%; padding-right: 2em;}
.column.left .panel {margin-bottom: .3em;}
.column.right {float: right; clear: right; width: 35%}
.column fieldset.fs { max-width: 45em; width: 100%; }
.panel>.column {float: left; border-right: 1px solid #ccc; margin-bottom: -99999px; padding-bottom: 99999px;} /* margin and padding bottom hacks equal box height */
.panel>.column {*margin-bottom: 0; *padding-bottom: 1em;} /* fix box height hack for ie7 */
.panel>.column:first-of-type {clear: left;}
.panel>.column:last-of-type {border-right-width: 0;}
.panel>.column > :last-child {margin-bottom: 1em;} /* replaces bottom padding killed by box-height hack -- should be equal to .panel .column padding above */
.panel header {border-bottom-width: 0; margin: 0; background-color: #ccc; font-weight: bold;}
.panel header h2, .panel header .item-count {font-size: 1.4em; float: left;padding: .3em .5em; font-weight: bold; border-width: 0; margin: 0; line-height: 1.2em;}
.panel header h2 .edit { float: none; margin: 0; text-transform: none; }
.panel h3 {font-size: 1.2em; font-weight: bold; border-bottom-width: 0; }
.panel header .edit {float:right; margin: 2px 1em 0 0; text-transform: uppercase;}
.panel .content header {padding: 0.2em 0;}
#viewcart .panel footer {float:right; margin: 5px;}
#payment-panel .sub-section {margin-left: 0em; margin-top:10px;}
#promo-panel.panel {border:none;}
#promo-panel.panel .banner {margin-bottom: 0.4em; padding: .1em;}
.panel .sub-section {margin-left: 2em;}
.panel .sub-section .sub-section {margin: 0;}
html.no-js .panel .sub-section {margin-left: 0em;}
/* universal form styles */
.panel .form-item {margin: 1em 0;}
.panel .form-item.radio {display: inline-block;}
.panel label {display: block;}
.panel .form-item.radio,
.panel .checkbox {margin-right: 2em;}
.panel .form-item.radio input,
.panel .form-item.checkbox input,
.panel .form-item.radio label,
.panel .form-item.checkbox label {display: inline; float: none; clear: none;}
.panel p {margin-bottom: 1em;}
.panel select,
.panel textarea,
.panel input,
.uneditable-input { height: 2.2em; padding: .2em .6em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel .checkbox input { height: auto; }
.warning-message {margin-bottom: 1em; font-size: 1.2em; font-weight: bold; color: #f00;}
.warning { font-weight: bold; color: #f00;}
.messages {margin: 1em; font-size: 1.2em; font-weight: bold;}
.messages .single-message {border: 1px solid #999; padding: .4em .8em; background-color: #eee; margin-bottom: .4em; background-color: #ffafa9; border-color: #cc6f69;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.messages .single-message .close_link {float: right; cursor: pointer; display: block; margin-left: 1em;}
.messages .single-message.INFORMATION {background-color: #fbcc72; border-color: #cc9942;}
.overlay-container {width: 450px; height: 335px;}
/* CHECKOUT HEADER */
#checkout-header { background-color: #ddd; padding: 1em; margin-bottom: 1em; position: relative;}
#checkout-header h1 { float: left; }
#checkout-header h2 {font-size: 1.4em; font-weight: bold; padding: 0; margin: 0; border-width: 0; position: absolute; bottom: .6em; left: 120px;}
#checkout-header .shopping-region {float: right;}
#checkout-header ul.nav-links {list-style-type: none; margin: 48px 0 0 0; padding: 0;}
#checkout-header ul.nav-links li {display: inline-block; margin: 0 1em;}
#checkout-header ul.nav-links.detached {position: fixed; top: 0; width: 100%; margin-top: 0; z-index: 999}
#checkout-header li.call-us,
#checkout-header li.live-chat {float: right;}
#checkout-header li.email-us {float: right; clear: right; margin-right: 0;}
#checkout-header li.checkout-text {font-weight: bold; font-size: 1.2em;}
#checkout-header #mobile-cart-button {display: none;}
#checkout-header #mobile-cart-button.inactive:before {content: "+ ";}
#checkout-header #mobile-cart-button.active:before {content: "- ";}
#checkout-header #viewcart-panel {background-color: white; margin-top: 1em;}
#checkout-header #viewcart-panel h2 {display: none;}
#mobile-breadcrumb {display: none; list-style-type: none; margin: .5em 0;}
#mobile-breadcrumb li {display: inline-block;}
/* SIGN IN PANEL */
.sign-in-panel .forgot-pass {margin-top: 1em;}
.sign-in-panel .column, #billing-address-display.column, #shipping-address-display.column, #gift-options-display.column {width: 50%; *width: 49%;}
.sign-in-panel #return-user {border-right-width: 0;}
.sign-in-panel input {width: 100%;}
html.no-js .sign-in-panel #forgot-pw-note {display: none;}
.sign-in-panel.paypal.finished {display: none;}
.sign-in-panel img.img_mail { float:left; margin-right: 0.3em; }
#sign-in-paypal-panel header#new-account-h, #index #sign-in-paypal-panel header#return-account-h,
#sign-in-panel header#new-account-h, #index #sign-in-panel header#return-account-h {background:none;}
.sign-in-panel #new-or-returning-radios {margin-bottom: 1em;}
.sign-in-panel #new-or-returning-radios input,
.sign-in-panel #new-or-returning-radios label {display: inline-block; width: auto; padding: 0;}
.sign-in-panel #new-or-returning-radios input {margin-top: -0.3em;}
.sign-in-panel #new-or-returning-radios fieldset {float: left; width: 50%;}
/* NEED HELP PANEL */
body#index #need-help-panel {display: none;}
#need-help-panel {margin-bottom: 1em;}
/* LINKS PANEL */
#links-panel .links_list .link {margin-bottom: .5em;}
#links-panel .links_list .link:last-child {margin-bottom: 0;}
.generic-helplinks-overlay {width: 630px; height: 550px;}
/* OFFER CODE PANEL */
#offer-code-panel input {width: auto;}
#offer_code .btn-primary { margin-left:10px; }
/* PAYMENT PANEL */
#payment-panel form {margin-top: 1em;}
#payment-panel .content { position: relative; }
#payment-panel input[type='radio'] {margin: 0 .5em 0 1em;}
#payment-panel input[type="radio"]:first-child {margin-left: 0;}
#payment-panel input[type='checbox'] {margin: 0 .5em 0 0;}
#payment-panel .form-item.block {display: block;}
#payment-panel .payment-option,
#payment-panel .payment-control { display: inline-block; }
#payment-panel .payment-option .related-media { display: block; padding: 5px 15px;}
#payment-panel .cc-info { width: 10em; margin: 1em 0 1.5em; }
#payment-panel #checkout_payment_select .related-media {display: block; margin-top: .2em;}
#payment-panel #checkout_payment_card_select label {float: left; margin-right: 1em;}
#payment-panel #checkout_saved_payments h3 {margin-bottom: 1em;}
#payment-panel #checkout_saved_payment h3 {margin-bottom: 1em;}
#payment-panel #checkout_saved_payment #default-payment-method {margin: 1em 0;}
#payment-panel #checkout_saved_payment #default-payment-method input[type="checkbox"] {float: left;}
#payment-panel #complete-btn {text-align: center; margin-bottom: 2em;}
/*.js #payment-panel #checkout_billing_panel .btn-mini { display: none;}*/
#payment-panel .security-info { position: absolute; right: 1.5em; text-align: center; top: 1.5em; }
#payment-panel .field-are-required { position: absolute; top: 0; right: 1em; }
#checkout_review .msg-order-email { display: none; }
#checkout_review div.submit { text-align: center; }
.privacy-policy-overlay {width: 650px; height: 350px;}
#security-code-panel { margin: -20px;}
#security-code-panel header a { float: right; margin-top: 5px; }
#security-code-panel .content { width: 100%; max-width: 540px; overflow: hidden; }
#security-code-panel .content .left { float: left; width: 40.740741%; }
#security-code-panel .content .right { float: right; width: 59.259259%; text-align: right;}
#security-code-panel .center { text-align: center; }
#security-info-panel { margin: -20px;}
#security-code-panel header a { float: right; margin-top: 5px; }
#security-code-panel .content { width: 100%; max-width: 540px; overflow: hidden; }
/* PAYMENT PANEL */
#payment-panel .column {width: 50%}
#payment-panel ul.block {margin-bottom: 1em;}
#payment-panel .payment-info {margin: .5em 0;}
#payment-panel .payment-info .additional-info {float: right; width: 20%;}
#payment-panel .payment-info .additional-info .required-notice {font-style: italic;}
#payment-panel .payment-info .additional-info .related-media {margin: .3em 0;}
#payment-panel .payment-info .additional-info a.security-information {font-weight: bold;}
#payment-panel .form-item label {margin-right: 1em;}
#payment-panel .form-item label:last-child {margin-right: 0;}
#payment-panel .form-item .related-media {clear: left; display: inline-block; }
#payment-panel .form-item .related-media img {margin-right: .125em;}
#payment-panel .form-item .related-media img:last-child {margin-right: 0;}
#payment-panel .form-item-group.expiration-date {float: left; margin-right: .5em;}
#payment-panel .form-item-group.expiration-date .form-item {float: left; margin-top: 0; margin-right: .5em;}
#payment-panel .credit-card-options {padding: 0 1.5em;}
#payment-panel .credit-card-options select {width: 100%; font-size: 1em;}
#payment-panel .saved-credit-card-info {padding: 0 1.5em;}
#payment-panel .btn-primary {margin: 1.5em auto 0;}
#payment-panel .saved-credit-card-info p {margin: 1em 0;}
#payment-panel .saved-credit-card-info .card-number,
#payment-panel .saved-credit-card-info .card-type {}
#payment-panel .saved-credit-card-info .expiration-date {display: block;}
#payment-panel .btn-primary {display: block; margin: 1.5em auto 0;}
.security-overlay {width: 450px; height: 230px;}
/* GIFTCARD */
fieldset.fs.checkout_giftcard { margin-top: 0px; max-width: none; }
.payment-giftcard { margin-top: 10px; }
.giftcard-balance-overlay { width: 425px; height: auto; margin: auto; }
.giftcard-balance-overlay h3 { margin-bottom: 10px; }
.has-giftcard-text { margin-left: 0.5em; }
.giftcart-balance { margin-top: 10px; font-weight: bold; }
/******* VIEWCART *********/
/*------------------------*/
/* VIEWCART SIDEBAR TABS */
body#viewcart .tab-bar {margin-left: .5em;}
body#viewcart .tab-bar li {margin-right: .5em; float: left;}
body#viewcart .tab-bar li a {border-width: 0px; color: #000; background-color: #ccc; display: block; padding: .5em; color: #000; text-decoration: none; font-weight: bold;}
body#viewcart .tab-bar li a.active {border-width: 0px; color: #fff; background-color: #333; font-weight: bold; }
body#viewcart .tab-content {clear: both;}
html.js body#viewcart .tab-pane { opacity: 0; height: 0; overflow: hidden;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
transition: opacity 1s ease;
}
html.js body#viewcart .tab-pane.active {display: block; opacity: 1; height: auto;}
html.js body#viewcart .tab-pane header {display: none;}
/* VIEWCART PRODUCTS */
.product {position: relative; margin: 1em 0;}
.cart-header>.column,
.product>.column {padding: .8em .6em; float: left;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product>.column.thumb {padding-top: 0;}
.product .thumb {width: 21%; padding: 0; }
.product .desc {width: 45%;}
.product.shaded .color {width: 25%;}
.product .price, .cart-header .price {width: 11%}
.product .qty, .cart-header .qty {width: 12%}
.product .total, .cart-header .total {width: 11%; float: right; text-align:right;}
.product .error { clear:both; position: relative; }
.product .error p { left: 11.65em;position: absolute; top: -2.25em; }
.cart-header .products { width: 66%;}
.cart-header div { float: left; }
.product .qty {margin-top: -0.35em; }
.product.donation .qty {margin-top: 0; }
.product .total {font-weight: bold; text-align: right;}
.product .price-label,
.product .qty-label {display: none;}
.product .swatch {float:left; width: 16px; height: 16px; background-color: black; }
.product .remove_btn {margin-top: 1em; }
.product .gc-message {display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; width: 12.75em;}
.product .replenishment {margin-top: 1em; }
.product .replenishment,
.product .hazmat {width: 79%; clear: right; margin-left: 21%;}
.product .replenishment {clear: both;}
.replenishment select {margin-right: .5em; float: left;}
.replen_notice {height:auto; overflow:hidden; color: #B50404;}
/* VIEWCART PAGE VIEWCART PANEL */
body#viewcart #viewcart-panel .viewcart-buttons-panel {border-width: 0; margin: 0;}
#viewcart-panel .viewcart-buttons-panel .continue-shopping {display: none;}
#viewcart-panel .viewcart-buttons-panel .go-shopping {display: none;}
#viewcart-panel header h2 .edit { float: none; margin: 0; text-transform: none; }
.viewcart-buttons-panel a {display: inline-block;}
.viewcart-buttons-panel .continue-checkout {margin-top: -8px; }
.mobile-choose-samples-and { display: none; }
body#viewcart #viewcart-panel { border-bottom-width: 0; margin-bottom: 0; display: block; }
body#viewcart #viewcart-panel header { background-color: #333; color: #fff;}
body#viewcart #viewcart-panel .content { display: block; padding-bottom: 0; }
/* CHECKOUT PAGE VIEWCART PANEL */
body#index .panel.edit header { background-color: #333;}
body#index .panel.edit h2 { color: white; background-color: #333;}
body#index #viewcart-panel .viewcart-buttons-panel {display: none;}
body#index .cart-header {display: none;}
html.js div.qty input.update_btn {display: none;}
body#index .product.shaded .responsive-shade-shim {height: 2.4em; clear: both;}
body#index .product .price { width: 100%}
body#index .product .price-label { display: inline-block; }
body#index .product .qty {min-width: 4em;}
body#index .product .qty-label {display: inline-block;}
body#index .product .total {text-align: right;}
body#index .product .thumb {width: 20%; }
body#index .product .desc {width: 35%;}
body#index .product .qty {width: 22%}
body#index .product .total {width: 23%; float: right;}
body#index .product .qty {margin-top: 0}
body#index .product .error p { position: static; }
body#index .product.shaded .color {position: absolute; bottom: 1em; left: 0; width: 100%}
body#index .product.shaded .color .swatch {position: absolute; top: 0px; left: 0;}
body#index .product.shaded .color .shade {position: absolute; top: 0px; left: 20px;}
body#index #viewcart-panel { border-bottom-width: 0; margin-bottom: 0; display: block; }
body#index #viewcart-panel .content { display: block; padding-bottom: 0; }
/* SAMPLES PANEL */
.samples-panel h3 {margin-bottom: 1em;}
.samples-panel ul.product-list {overflow:hidden;}
.samples-panel ul.product-list .product {border-spacing: .4em; height: 140px; border-bottom: 1px dotted #ccc; display:block;}
.samples-panel ul.product-list .product:last-child { border:none; }
.samples-panel ul.product-list > li.deactivate { color: grey; }
.samples-panel ul.product-list > li h4 {margin-top: 1em;}
.samples-panel ul.skus {margin-top: 1em;}
.samples-panel ul.skus li {margin-bottom: .5em;}
.samples-panel .swatch, .samples-panel input.sample-select {float: left; margin-right: .3em; }
.samples-panel .product-img {max-width: 108px; width: 100%; float: left; text-align: center; margin-right: 1em;}
.samples-panel .product-img img {width: 100%;}
.samples-panel .product-img a {clear:left;}
.samples-panel .details {margin-left: 108px;}
.samples-panel .add-button,
.samples-panel .no-thanks {display: none;}
#viewcart .samples-panel .return-link { display: none; }
.samples-overlay {padding: 0;}
.samples-overlay .close-container {position: absolute; top: .2em; right: 1em; float: none;}
.samples-overlay .samples-panel {border-width: 0;}
.samples-overlay .samples-panel .product-list > li { float: left; clear: none; border-width: 0; width: 25%; height: 200px;}
.samples-overlay .samples-panel .product-list > li:nth-child(4n+1) { clear: left; }
.samples-overlay .product .details,
.samples-overlay .product img {float: none;}
.samples-overlay .product img {width: 100%; margin-bottom: 1em;}
.samples-overlay .product .details {clear: left; margin-left: 0; padding-right: 2em;}
#viewcart .samples-overlay .add-button {display: block;}
.samples-panel .product .details input { padding-top; 0; height: auto;}
.samples-overlay .samples-panel .add-button,
.overlay-container .samples-panel .add-button,
.overlay-container .samples-panel .no-thanks {display: inline-block;}
.overlay-container .samples-panel .view-larger {display: none;}
.overlay-container .samples-panel .add-button {float: right; padding-right: 2em;}
#samples-panel .samples-buttons.top {display: none;}
/* SAMPLES PANEL - LARGE IMAGE */
.samples-view-larger-overlay {padding: 0;}
.samples-view-larger-overlay .close-container {position: absolute; top: .2em; right: 1em; float: none;}
#sample-large-panel .large-image {float:left;}
#sample-large-panel .center {clear: both; text-align: center;}
#sample-large-panel h4.product-name {margin-top:60px;}
#sample-large-panel .swatch {width: 60px; height: 60px; overflow: hidden;}
#sample-large-panel .shade {float: left; padding-right: 1em; padding-top: 1em;}
/* SAMPLES PAGE */
.samples-page .return-link {display: block; width: 50%; float: left;}
.samples-page ul.product-list .product {width: 158px; float: left; height: auto; padding-right: 1em; border-bottom: none;}
.samples-page .product-img {float: none;}
.samples-page .product-img a.view-larger {display: none;}
.samples-page .details {margin-left: 0;}
#samples #samples-panel .return-link,
#samples #samples-panel .add-button {display: block;}
#samples #samples-panel .add-button {text-align: right;}
#samples .viewcart-buttons-panel {border-width: 0}
#samples .panel { border: none; }
#samples .panel header { background-color: transparent; }
/* FAVORITES PANEL & PAST PURCHSES PANEL */
#past-purchases-panel h3,
#favorites-panel h3 {margin-bottom: 1em;}
#past-purchases-panel ul.product-list .product,
#favorites-panel ul.product-list .product {border-spacing: .4em; height: 12em; border-bottom: 1px dotted #ccc; display:block; width: 100%;}
#past-purchases-panel ul.product-list .product:last-child,
#favorites-panel ul.product-list .product:last-child { border:none; }
#past-purchases-panel ul.product-list > li.deactivate,
#favorites-panel ul.product-list > li.deactivate { color: grey; }
#past-purchases-panel ul.product-list > li h4,
#favorites-panel ul.product-list > li h4 {margin-top: 0.5em; font-size:1em;}
#past-purchases-panel ul.skus,
#favorites-panel ul.skus {margin-top: 1em;}
#past-purchases-panel ul.skus li,
#favorites-panel ul.skus li {margin-bottom: .5em;}
#past-purchases-panel .swatch, .samples-panel input.sample-select,
#favorites-panel .swatch, .samples-panel input.sample-select {float: left; margin-right: .3em; }
#past-purchases-panel .product-img,
#favorites-panel .product-img {max-width: 108px; float: left; text-align: center;}
#past-purchases-panel .product-img img,
#favorites-panel .product-img img {width: auto;}
#past-purchases-panel .product-img a,
#favorites-panel .product-img a {clear:left;}
#past-purchases-panel .details,
#favorites-panel .details {margin-left: 2em;}
#past-purchases-panel .product .price,
#favorites-panel .product .price {width: 100%;}
#past-purchases-panel .add-button,
#past-purchases-panel .no-thanks,
#past-purchases-panel footer,
#favorites-panel .add-button,
#favorites-panel .no-thanks,
#favorites-panel footer {display: none;}
#past-purchases-panel .shades-list,
#favorites-panel .shades-list {float: left; clear:both;}
#past-purchases-panel .shade,
#favorites-panel .shade {float: left;}
.tab-pane .cycle-page {width: 100%;}
#past-purchases-panel .dot-pager,
#favorites-panel .dot-pager,
#samples-panel .dot-pager {font-size: 3em; text-align: center; cursor: pointer; line-height: 1em;}
#past-purchases-panel .dot-pager .cycle-pager-active,
#favorites-panel .dot-pager .cycle-pager-active,
#samples-panel .dot-pager .cycle-pager-active{ color: #999;}
#past-purchases-panel #fav-next,
#favorites-panel #fav-next,
#samples-panel #fav-next {float: right;}
/* ORDER SUMMARY PANEL */
#order-summary-panel {border-top-width: 0; border-bottom-width: 0; margin-bottom: 0}
#order-summary-panel header {background-color: transparent; }
#order-summary-panel header h2 {float: right;}
#order-summary-panel .label {width: 85%; text-align: right; float: left; clear: left;}
#order-summary-panel .value {width: 15%; text-align: right; float: left; font-weight: bold;}
#order-summary-panel .total {margin-top: .5em;}
#order-summary-panel .breakdown {background-color: #ccc; padding: 1em; margin-top: 1em; clear: left; float: right; min-width: 220px;}
#order-summary-panel .breakdown .label {text-align: left;}
#order-summary-panel .shipping .container {float: right;}
#order-summary-panel .shipping p {margin-bottom: 0; text-align: left;}
#order-summary-panel .shipping .form-item {margin-top: 0;}
#order-summary-panel .shipping.value {padding-top: 1.6em;}
/* VIEWCART BUTTONS PANEL */
.viewcart-buttons-panel {border-top-width: 0; }
.viewcart-buttons-panel .continue-buttons {float: right;}
.viewcart-buttons-panel .edit-cart {float: left; }
.viewcart-buttons-panel .choose-samples-checkout {display: none;}
/* SHIPPING PANEL */
#shipping-panel section {margin-bottom: 2em;}
#shipping-panel .select-menu {margin-left: 2em;}
#shipping-panel .select-address input[type="radio"] {margin: 0 .5em 0 1em; vertical-align: baseline;}
#shipping-panel .select-address input[type="radio"]:first-child {margin-left: 0;}
#shipping-panel #qas { margin-top: 1em; }
#shipping-panel .default-shipping label,
#shipping-panel .form-item.giftwrap label {display: inline;}
#shipping-panel .content > div {margin-bottom: 1em;}
#shipping-panel .giftwrap, #shipping-panel .card-message {display: block;}
#shipping-panel .giftwrap { margin: 10px 0 20px; }
#shipping-panel .card-message textarea {height: 4em;}
#shipping-panel .gift-options textarea {width: 12em; height: 6em;}
#shipping-panel #continue-btn {text-align: center; margin-bottom: 2em;}
html.no-js #shipping-panel .select-menu {margin-left: 0em;}
#shipping-panel .country-id label { margin-bottom: 5px; }
#shipping-panel #shipping-address-display header, #shipping-panel #gift-options-display header {background: none;}
#shipping-panel.edit header h2 .edit { color: #fff; text-decoration: none; cursor: default; }
#shipping-panel.substate-manual .manual-address {display: none;}
#shipping-panel.substate-manual #manual-address-fields {display: block !important;} /* override default hidden state of sub-panel */
.overlay-container.shipping-same-as-billing-overlay { height: 245px; }
.shipping-address-updated { margin: 1em 0 2em; }
.shipping-also-billing { margin: 2em 0 1em; }
.shipping-same-as-billing-overlay .shipping-buttons { text-align: center; }
.shipping-same-as-billing-overlay .answer-yes,
.shipping-same-as-billing-overlay .answer-no { text-transform: capitalize; }
/* REGISTRATION PANEL */
#registration-panel .how-will-we-use { clear: right; float: right; width: 24em; border: 1px solid #000; padding: 1em; }
#registration-panel .how-will-we-use h3 { margin: 0 0 1em; }
#registration-panel .how-will-we-use p { margin: 0; }
#registration-panel .button-wrapper { text-align: center; }
.why-create-account-overlay {width: 300; height: 100;}
/* CONFIRMATION PANEL */
#confirmation-page #guarantee-panel,
#confirmation-page #links-panel {margin: 2em 0 }
#confirmation-page #confirmation-panel .actions {margin-left: 2em; margin-bottom: 2em;}
#confirmation-panel h3,
#confirmation-panel p { margin-bottom: 1em }
/* NEED HELP PANEL */
#need-help-panel h3 { margin-bottom: 1em }
#need-help-panel h4 { font-weight: bold }
#need-help-panel h4 span.text { font-weight: normal }
#need-help-panel .phone,
#need-help-panel .chat,
#need-help-panel .email { padding: 5px 0 }
#need-help-panel .phone { padding-left: 24px; background: transparent url(/images/checkout/icon_phone.png) no-repeat left center }
#need-help-panel .chat { padding-left: 24px; background: transparent url(/images/checkout/icon_chat.png) no-repeat left center }
#need-help-panel .email { padding-left: 24px; background: transparent url(/images/checkout/icon_email.png) no-repeat left center }
/* OUR GUARANTEE PANEL */
#guarantee-panel {margin-top: 1em;}
#guarantee-panel header {background-color: transparent;}
/* RECOMMEDED PRODUCTS PANEL */
body#viewcart #recommended-products-panel .recommended-product-items .recommended-item {display: table; width: 33%; float:left; height:170px}
body#viewcart #recommended-products-panel .recommended-product-items .recommended-item a {float: left;}
body#viewcart #recommended-products-panel .recommended-product-items .recommended-item .description {float: left; clear:left; width:105px;}
body#viewcart #recommended-products-panel .recommended-product-items .recommended-item .addtobag,
body#viewcart #recommended-products-panel .recommended-product-items .recommended-item .quickshop {clear:left;}
/* SHIPMETHOD PANEL */
#viewcart #shipmethod-panel { border-width: 0 1px; margin-bottom: 0;}
#viewcart #shipmethod-panel header { float: right; padding: 1em; background: transparent; padding-bottom: 0; }
#viewcart #shipmethod-panel div.content { padding-top: 0; float: right; clear: both; max-width: 300px;}
.js #viewcart #shipmethod-panel div.content input { display: none; } /* Hide the button! */
#past-purchases-panel .past-purchases-item.product {
height:80px;
}
#favorites-panel .favorite-item.product {
height:100px;
}
.samples-overlay .content {height:auto; }
.samples-overlay footer {display:none; visibility:hidden;}
/* EMAIL OPT-IN */
fieldset.email_promotions { margin: 0; }
fieldset.email_promotions .form_element a { display: block; }
.email-and-sms-promotions { width: 100%; overflow: hidden; }
.section-email-promotions,
.section-sms-promotions { box-sizing: border-box; float: left; width: 50%; }
.promotions-container .email_promotions .form-item { clear: both; }
fieldset.email_promotions div.pc_email_promo_container { margin-bottom: 0; }
/* SHARED PANEL STYLES */
.ship-type { display: none; }
.ship-type label { display: inline; }
.new-address.form-container {width: 35em;}
.form-container .form-item {margin: .5em .5em .5em 0; display: inline-block;}
.form-container .title, .form-container .default-shipping {display: block;}
.form-container .update-address-note,
.phone-1,
.phone-2 { width: 24%; position: relative; }
.email_promotions .form-item { position: relative; }
.sms_label:after,
.phone-1 label:after,
.phone-2 label:after { content: "(+1)"; position: absolute; color: #999; left: 0; top: 18px; }
.sms_input,
#form--address--field--PHONE1,
#form--address--field--PHONE2,
#form--address_shipping--field--PHONE1,
#form--address_shipping--field--PHONE2 { float: left; margin-left: 25px; }
#form--address--field--PHONE1,
#form--address--field--PHONE2,
#form--address_shipping--field--PHONE1,
#form--address_shipping--field--PHONE2 { width: 107px; }
.sms-mobile-carrier,
.sms-mobile-phone { width: 100%; overflow: hidden; }
.sms-mobile-carrier { clear: both; margin-top: 10px; }
.address-form .form-item input {width: 100%;}
.addresses .form-item,
.name-fields .form-item {width: 41%;}
/* BCA PROMOTION */
.cart-item.donation .product_subname,
.cart-item.donation .sub_line { display: none; }
.donation_amounts { padding-left: 0.1em; margin-bottom: 1em; }
.donation_amount { display: inline; margin: 0.6em 0.6em 0 0; }
.panel .donation_amount_label { display: inline; margin-right: 0.4em; }
.promo_bca_note { clear: both; margin: 1em 0 0; }
.promo_bca_logo { width: 82px; height: 82px; float: right; }
#promo-bca-panel .bca-logo { float: right; }
.column.left #promo-bca-panel { border-width: 0 1px; margin: 0; }
.column.left #promo-bca-panel .panel { width: 60%; margin: 1em; }
.column.right #promo-bca-panel .panel { border: 0; margin: 0; }
.column.right .promo_bca_logo { display: none; }
.column.right .cart-item.donation .price { display: none; }
.pc_hidden {display:none;}
@media (min-width: 1200px) {
.body-container { width: 965px; }
}
@media (max-width: 964px) {
.body-container { width: 768px; }
.product .thumb {width: 17%; padding: 0;}
.product .total, .cart-header .total {width: 15%; float: right;}
.cart-header .products { width: 62%;}
}
@media (max-width: 768px) {
body {font-size: 13px;}
body div.body-container { width: 100%; padding: 0; }
#checkout-header ul.nav-links {margin-top: 42px;}
#checkout-header #mobile-cart-button {display: inline-block;}
#checkout-header .call-us span {display: none;}
body.active-panel-review #checkout-header li.cart-button {display: none;}
#header {margin-bottom: 0;}
.pg_wrapper {padding: 1em;}
.column.left, .column.right { float: none; width: 100%; padding: 0; }
.panel { margin: 1em 0; border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.panel header {background-color: transparent; padding: 0.4em 1em;}
.panel header h2, .panel header .item-count {font-size: 1.1em; padding: 0;}
.panel header .item-count {margin-left: 1em;}
.panel .sub-section {margin-left: 0;}
.panel .form-item {display: block}
.panel .form-item input:not([type=checkbox]):not([type=file]):not([type=radio]):not([type=submit]):not(.btn),
.panel .form-item textarea,
.panel .form-item select
{width: 100%;}
.panel.finished {background-color: #ccc;}
.addresses .form-item,
.name-fields .form-item {width: 100%}
.overlay-container,
.generic-helplinks-overlay,
.privacy-policy-overlay,
.security-overlay,
.giftcard-balance-overlay,
.why-create-account-overlay
{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;}
/* BREADCRUMB STYLES */
body.active-panel-shipping #mobile-breadcrumb,
body.active-panel-registration #mobile-breadcrumb,
body.active-panel-review #mobile-breadcrumb {display: block;}
body.active-panel-shipping #mobile-breadcrumb li.shipping span,
body.active-panel-registration #mobile-breadcrumb li.registration span,
body.active-panel-review #mobile-breadcrumb li.review span {font-weight: bold;}
body#viewcart header.viewcart-header {background-color: #333; color: white; font-weight: bold; text-align: center; padding: .8em 0}
body#viewcart header.viewcart-header h2,
body#viewcart header.viewcart-header .item-count {font-size: 1.2em; margin: 0 0.4em; padding: 0; border-width: 0; font-weight: bold; display: inline-block;}
#viewcart-panel header h2,
#viewcart-panel header .item-count {display: none;}
.viewcart-buttons-panel .paypal-checkout,
.viewcart-buttons-panel span.or {display: none;}
#viewcart-panel .viewcart-buttons-panel .paypal-checkout,
#viewcart-panel .viewcart-buttons-panel span.or {display: inline-block;}
.mobile-choose-samples-and { display: block; text-align: center; }
.bottom-viewcart-buttons .viewcart-buttons-panel .choose-samples-checkout {display: block;}
.bottom-viewcart-buttons .viewcart-buttons-panel .continue-checkout {display: none;}
.bottom-viewcart-buttons .viewcart-buttons-panel .mobile-choose-samples-and {display: none;}
#samples-panel .samples-buttons.top {display: block;}
/* hide panels for various stages of small-screen/mobile checkout */
section.collapsed,
#order-summary-panel.signin,
#shipmethod-panel.signin,
#offer-code-panel.signin,
#sign-in-panel.finished,
#offer-code-panel.shipping
{display: none;}
body#index #need-help-panel {display: block; marg}
#checkout-header h1 {float: none;}
#checkout-header h1 img {max-width: 100%; height: 55px; }
#checkout-header ul.nav-links {clear: left; background-color: #ccc; margin: 1em -1em -1em -1em; padding: .4em;}
#checkout-header ul.nav-links:after { content: ""; display: table; clear: both; }
#checkout-header .checkout-text {padding-top: 3px;}
body#index #checkout-header #viewcart-panel {clear: both;}
#order-summary-panel, body#viewcart #viewcart-panel, body#viewcart #shipmethod-panel {border-top-width: 1px; border-bottom-width: 1px;}
.viewcart-buttons-panel {border-width: 0;}
#shipmethod-panel header {background-color: transparent; }
#shipmethod-panel header h2 {font-size: 1em;}
#order-summary-panel header {display: none;}
#order-summary-panel .total {border-top: 1px solid #333; padding-top: .5em;}
#registration-panel .how-will-we-use { float: none; width: auto; }
/* Panels hidden from small screens -- should also be conditionally loaded via perl/js to save bandwidth */
#recommended-products-panel, .right .tab-switcher, body#viewcart #viewcart-panel #add-samples-message {display: none;}
#guarantee-panel {background-color: #ddd;}
#links-panel {border-width: 0; padding: 0;}
#links-panel h2 { float: none; border-bottom: 1px solid #222; padding-bottom: .3em; margin-bottom: .6em }
#links-panel header,
#links-panel .content {padding: 0;}
#links-panel p.additional-info {display: none;}
#shipmethod-panel .content { padding-top: 0;}
#payment-panel .field-are-required { position: relative; left: .25em; }
#payment-panel .security-info { top: .5em; }
/* Checkout form outside of the shipping panel */
#checkout_review .form-item { margin: 1em 0; }
#checkout_review .msg-order-email { display: block; }
#footer { background-color: transparent; color: #222; border-top: 1px solid #222; }
#footer .footer_container {padding: 1em;}
#footer .footer_nav li a { color: #222; }
/* Checkout form outside of the shipping panel */
#checkout_review .form-item { margin: 1em 0; }
#checkout_review .msg-order-email { display: block; }
#checkout_review .pc-place-order,
#checkout_review .email-and-sms-promotions { display: none; }
.column.left #promo-bca-panel {margin-top: 1em; border-width: 0;}
.column.left #promo-bca-panel .panel {width: 100%; margin: 0; }
}
@media (max-width: 530px) {
#checkout-header ul.nav-links li.live-chat {display: none;}
#checkout-header ul.nav-links .email-us {display: none;}
#viewcart-panel .cart-header {display: none;}
.product {border-bottom: 1px dashed #ccc; margin-bottom: 1em; padding-bottom: 1em; }
.product:last-child {border-bottom-width: 0;}
.product .responsive-shade-shim {height: 1.5em; clear: both;}
#viewcart-panel .qty { text-transform: uppercase;}
body#index .product .thumb,
.product .thumb {width: 25%; padding: 0;}
body#index .product .desc,
.product .desc,
.product.shaded .desc {width: 75%;}
body#index .product.shaded .color,
.product.shaded .color {width: 100%;}
body#index .product .price,
.product .price {width: 20%; display: block; }
.product.sample .price {width: 40%;}
.product .price-label { display: none; }
body#index .product .qty,
.product .qty {width: 35%}
.product.sample .qty {width: 20%; margin-top: 0;}
body#index .product .total,
.product .total {width: 15%;}
body#index #viewcart-panel .qty {margin-top: 0;}
.product .qty .qty-label, .product .qty form {display: inline-block;}
.product .qty select {display: inline-block; margin-top: -0.2em;}
.product.shaded .color {position: absolute; bottom: 1em; left: 0;}
.product.shaded .color .swatch {position: absolute; top: 0px; left: 0;}
.product.shaded .color .shade {position: absolute; top: 0px; left: 20px;}
.product.shaded .color .shade-label {display: none;}
.product .qty select {font-size: .9em; padding: 0;}
.product .error p { position: static; }
.viewcart-buttons-panel .or,
#viewcart-panel .viewcart-buttons-panel .or,
#viewcart-panel .viewcart-buttons-panel .paypal-checkout {display: inline-block;}
.mobile_hidden {display:none;}
.pc_hidden {display:block;}
}
@media (max-width: 480px) {
.sign-in-panel>.column { float: none; width: 100%; margin-bottom: 0; padding-bottom: 0; border-right-width: 0; border-bottom: 1px solid #ccc;}
#shipping-address-display.column, #gift-options-display.column {width: 100%; *width: 99%;}
#confirmation-panel div.print-buttons { display: none; }
}
@media (max-width: 380px) {
#checkout-header ul.nav-links li.call-us { margin: 0; font-size: 8px; padding: 2px; }
#checkout-header ul.nav-links.detached li.call-us { margin-right: 1.5em; }
#payment-panel .payment-option .related-media {padding: 5px 5px;}
#payment-panel .related-media.cc img {width: 30px;}
.product .thumb {width: 20%; }
.product .desc {width: 80%; padding-right: 60px;} /* padding added to account for remove button -- may need to be adjusted for brand styles */
.product.shaded .color {width: 100%;}
.product .price {width: 20%; padding-left: 0;}
.product .qty {width: 40%; padding-right: 0;}
.product .total {width: 20%;}
}