/* ecommerce.css - Copyright (c) 2002-2012 Open2b Software Snc. */

#design-center .top-sellers .product-details { margin-left: 1.7em; }
#design-center .top-sellers .number          { display: block; font-size: 123.1%; }

#header,
#header-content { overflow: hidden; }

/* products */

.products                                 { clear: both; }
.products ol.design-grid li               { height: 300px; }
.products ol.design-grid li .item-content { position: relative; }

.products .item-1-columns .item-content        { margin: 0; padding: 10px; }
.products .item-1-columns .product-image       { background: white; float: left; margin: 0; margin-right: 10px; padding: 0; width: auto; }
.products .item-1-columns .product-details     { font-size: 13px; width: auto; }
.products .item-1-columns .product-name        { text-align: left; }
.products .item-1-columns .product-add-to-cart { bottom: auto; left: auto; margin-top: 10px; position: relative; right: auto; top: auto; }

.products .product-add-to-cart          { float: right; }
.products .product-image                { margin-bottom: 5px; text-align: center; overflow: hidden; }
.products a.design-product-small-image  { display: block; height: 100px; min-height: 100px; }
.products a.design-product-medium-image { display: block; height: 150px; min-height: 150px; }
.products .product-details              { margin: 0 5px 5px 5px; text-align: left; }
.products .product-name                 { text-align: center; }
.products .product-code                 { font-style: italic; }
.products .product-description          { clear: both; line-height: 1.4em; margin: 1em 0; }

#design-center .products .product-rating { display: none; }

#design-center .top-sellers .product-details { margin-left: 1.7em; }
#design-center .top-sellers .number          { display: block; font-size: 123.1%; }

.column .products li                         { height: auto; width: 164px; }
.column .products .product-add-to-cart       { font-size: 12px; margin-top: 5px; }
.column .products .product-short-description { display: none; }
.column .products .product-rating            { float: left; }

.column .top-sellers .product-details        { margin-left: 1.7em; }
.column .top-sellers .number                 { display: inline; float: left; font-size: 123.1%; }

.product-name a     { text-decoration: none; }

/*** product.html ***/

.product .product-producer   { font-size: 11px; margin-bottom: 10px; margin-top: -12px; }
.product .product-producer a { text-decoration: none; }

.product .product-image               { float: left; text-align: center; width: 300px; }
.product .product-image .product-zoom { font-size: 11px; margin-top: 10px; text-align: center; }

.product .product-image + .product-details { margin-left: 310px; }

.product .design-options label      { margin-right: 3px; }
.product .design-options img        { margin: 1px; padding: 1px; }

.share-this { margin-top: 20px; }

.product ul.design-option-icons                        { list-style: none; margin: 0; overflow: hidden; padding: 0; }
.product ul.design-option-icons li                     { cursor: pointer; float: left; margin: 1px 1px 1px 3px; padding: 1px; text-align: center; }
.product ul.design-option-icons li.design-option-name  { border: 1px solid #CCCCCC; white-space: nowrap; overflow: hidden; }
.product ul.design-option-icons li.design-option-color { border: 1px solid #CCCCCC; }
.product ul.design-option-icons li.design-option-image { border: 1px solid transparent; line-height: 1px; }
.product ul.design-option-icons li.design-selected     { border: 1px solid #CE6700; padding: 1px; }
.product ul.design-option-icons li div                 { height: 18px; margin: 0; min-height: 18px; padding: 0; width: 18px; }
.product ul.design-option-icons li span                { padding: 0 0.3em; }
.product ul.design-option-icons li img                 { margin: 0; padding: 0; }

/** Sharing buttons **/

.design-share-buttons { margin: 10px 0; }
.design-share-button-pinterest   { float: left; }
.design-share-button-pinterest a { background: url('images/social/pinterest.png') no-repeat; cursor: pointer; display: block; float: left; height: 20px; min-height: 20px; width: 41px; }
.design-share-button-pinterest a:hover  { background-position: 0 -22px; }
.design-share-button-pinterest a:active { background-position: 0 -44px; }
.design-share-button-pinterest a.design-disabled { background-position: 0 -66px; cursor: default; }


#design-zoom-pinterest div { left: 0; position: absolute; top: 0; }

/** Zoom **/

#design-zoom             { margin: 3px; padding: 8px; }
#design-zoom-header      { height: 18px; position: relative; }
#design-zoom-loader      { background: url('images/loader.gif') no-repeat center top; height: 18px; left: 50%; margin-left: -8px; position: absolute; top: 0; width: 16px; }
#design-zoom-close       { background: url('images/close.gif') no-repeat right center; cursor: pointer; line-height: 16px; font-size: 11px; height: 16px; padding: 0 20px 0 3px; position: absolute; right: 0; text-align: right; top: 0; width: 100px; }
#design-zoom-close:hover { color: #186EBB; }

#design-product-image                   { line-height: 1px; vertical-align: middle; }
#design-product-image a                 { cursor: default; display: block; text-align: center; }
#design-product-image a.design-has-zoom { cursor: url('images/zoom-in.cur'), pointer; }
#design-product-image img               { vertical-align: middle; }

#design-product-thumbnails,
#design-zoom-thumbnails     { float: left; margin-top: 10px; overflow: hidden; position: relative; width: 100%; }

#design-product-thumbnails ul,
#design-zoom-thumbnails ul     { clear: left; float: left; left: 50%; list-style: none; margin: 0; overflow: visible; padding: 0; position: relative; text-align: center; }

#design-product-thumbnails li,
#design-zoom-thumbnails li     { border: 1px solid transparent; display: block; float: left; list-style: none; margin: 1px; padding: 0; position: relative; right: 50%; }

#design-product-thumbnails li a,
#design-zoom-thumbnails li a     { display: block; margin: 1px; text-decoration: none; }

#design-product-thumbnails li:hover,
#design-zoom-thumbnails li:hover,
#design-product-thumbnails li.design-selected,
#design-zoom-thumbnails li.design-selected     { border: 1px solid #CE6700; }

#design-zoom-thumbnails li.design-disabled:hover   { border: 1px solid transparent; }

#design-product-thumbnails li.design-disabled:hover a,
#design-zoom-thumbnails    li.design-disabled:hover a  { cursor: default; }

.design-hidden-with-overlay { visibility: hidden !important; }

.product .product-promotion-message { color: #FF6633; margin-bottom: 5px; }

dl.product-prices                       { margin: 6px 0; }
dl.product-prices dt                    { float: left; margin-bottom: 4px; vertical-align: middle; width: 60px; }
dl.product-prices dd                    { margin-bottom: 4px; margin-left: 60px; }
dl.product-prices dd.product-list-price { text-decoration: line-through; }

.product .product-not-for-sale,
.product .product-not-available,
.product .product-preorder-message,
.product .product-promotion-message,
.product .product-prices,
.product .product-options,
.product .product-add-to-wishlist    { margin: 5px 0; padding-bottom: 5px; }

.product .product-not-for-sale,
.product .product-not-available { color: brown; font-weight: bold; }

.product .product-options th,
.product .product-options td     { padding: 3px 3px 3px 0; vertical-align: middle; }
.product .product-options select { width: 100%; }

.product .product-items              { clear: both; overflow: hidden; text-align: center; }
.product .product-items table        { margin-left: 1px; margin-top: 10px; width: 99%; }
.product .product-items th,
.product .product-items td           { border: 1px solid black; padding: 5px; vertical-align: middle; }
.product .product-items .quantity    { text-align: center; }
.product .product-items .add-to-cart { margin-top: 8px; text-align: right; }

.product .product-chart a,
.product .product-add-to-wishlist a { font-size: 12px; margin-top: 10px; }
.product .product-description       { clear: left; padding-top: 10px; }

.product-files { clear: left; }

/*** department.html ***/

.child-departments                           { clear: both; margin: 1em 0; }
.child-departments li                        { overflow: hidden; text-align: center; }
.child-departments li .child-department-name { margin: 5px 0 10px 0; }

/*** promotions ***/

.home-promotions                  { clear: both; }
.home-promotions .promotion-image { float: left; margin: 0 1em 1em 0; }
.home-promotions .promotion-name  { font-size: 120%; }
.home-promotions .promotion-dates { color: #FF6633; font-weight: bold; margin: 0.5em 0 1em 0; }

h1 + .promotion-dates      { margin: -12px 0 18px 0; }
.promotion-description     { overflow: hidden; }
.promotion-description img { float: left; margin: 0 10px 10px 0; }
.promotion .share-this     { margin: 20px; }


/*** cart.html ***/

.cart-items                { margin-bottom: 30px; margin-left: 1px; margin-top: 1px; width: 99.9%; }
.cart-items thead th       { color: #888; padding-left: 20px; text-align: right; white-space: nowrap; }
.cart-items tbody td       { border-bottom: 1px solid #CCC; padding-top: 15px; }
.cart-items th,
.cart-items td             { padding: 7px; }
.cart-items th.product     { text-align: left; }
.cart-items .details       { text-align: left; width: 100%; }
.cart-items .image         { text-align: center; padding-top: 25px; }
.cart-items .name          { border-bottom: 1px solid #ddd; font-size: 13px; min-height: 25px; padding-right: 1em; }
.cart-items .requests      { margin-top: 5px; }
.cart-items .requests label     { color: brown; }
.cart-items .requests textarea  { width: 98%; }
.cart-items .price         { border-bottom: 1px solid #ddd; height: 25px; margin-bottom: 10px; text-align: right; white-space: nowrap; }
.cart-items .quantity        { border-bottom: 1px solid #ddd; height: 25px; margin-bottom: 10px; text-align: right; }
.cart-items .quantity input  { text-align: right; }
.cart-items .update-item   { margin-bottom: 3px; text-align: right; }
.cart-items .remove-item   { text-align: right; }
.cart-items .total-price   { border-bottom: 1px solid #ddd; height: 25px; margin-bottom: 10px; padding-left: 20px; text-align: right; white-space: nowrap; }
.cart-items .to-quote      { color: green; }
.cart-items tfoot th,
.cart-items tfoot td   { text-align: right; }

.cart-items th.total-price { min-width: 100px; }
.cart-items td.price,
.cart-items td.total-price,
.cart-items tr.discount td,
.cart-items tr.total td    { text-align: right; white-space: nowrap; }
.cart-items tr.total th    { color: #555; font-size: 13px; font-weight: bold; padding-top: 15px; text-align: right; }
.cart-items tr.total td    { font-weight: bold; padding: 5px; padding-top: 15px; }
.cart-items .remove-item   { font-size: 11px; margin-top: 3px; text-align: right; }

.cart-buttons              { margin: 10px 0 30px 0; overflow: hidden; }
.cart-continue-button,
.cart-update-button        { float: left; margin-right: 5px; }
.cart-checkout-button      { float: right; }
.cart-coupon               { margin-bottom: 20px; margin-top: 20px; overflow: hidden; padding: 5px; width: 70%; }
.cart-coupon input         { float: right; margin: 3px 0 0 3px; }

.button-go-back input              { float: left; }
.button-continue input,
.button-send-quote-request input,
.button-order input                { float: right; }
.ship-to-another-address           { margin: 1em; }
#shipping label.check-radio,
#payment label.check-radio         { margin-top: 3px; }

label.ship-to-another-address { padding: 5px; padding-left: 25px; }

#privacy-policy label    { margin-top: 1.6em; }
#privacy-policy textarea { text-align: left; width: 100%; }

.documents                 { margin-bottom: 25px; }
.documents .document-view,
.documents .document-date  { text-align: center; }
.documents .document-total { text-align: right; white-space: nowrap; }

.order .address,
.order .order-requests  { background: #FAFAFA; border: 1px dotted #CCCCCC; overflow: hidden; padding: .5em; }
.order .postal-address  { border-right: 1px dotted #CCC; float: left; padding: 1em; width: 45%; }
.order .contact-address { float: left; padding: 1em; }


/*** Boxes ***/

.search-box-departments        { margin: 0.3em 0; }
.search-box-department select,
.search-box-keywords input     { margin-bottom: 3px; width: 95%; }

/*** Checkout Steps ***/

.checkout-steps    { margin-top: 10px; overflow: hidden; }
.checkout-steps ol { list-style-type: none; margin: 0 0 10px 0; overflow: hidden; padding: 0; zoom: 1; }
.checkout-steps li { background: url('images/path-separator.gif') scroll no-repeat left center; display: inline; float: left; font-size: 120%; margin: 0 0 0 -10px; padding: 0 20px 0 10px; zoom: 1; }

/*** currencies ***/

#locale-box .locale-box-currency { clear: left; overflow: hidden; }

/*** view ***/

.page-view             { margin: 20px auto; width: 660px; }
.page-view button      { padding: 5px 20px; }
.document-frame        { background-color: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset; height: 800px; margin: 10px 0 20px 0; overflow: hidden; padding: 0; position: relative; }
.page-view #powered-by { text-align: center; }

#design-document { background: transparent; height: 100%; width: 100%; }