/* === === === === === === === === === ===
 * Name: checkout.css
 * The Etailers All Rights Reserved 2012
 * by: Noemí Losada
 * Version: 0.1
 * === === === === === === === === === === */

/* Onestep layout
============================================================*/
.onestep-layout .header-container { background:transparent; }
.onestep-layout .footer-container { background:transparent; box-shadow:0 0 0 transparent; }
.onestep-layout .footer { padding:0 0 20px 0; }
#shopping-cart-table .wrap-name { padding:0 0 0 40px !important; }
.checkout-cart-index .col-main { margin:0 0 30px; }

.checkout-cart-index,
.checkout-onepage-index { background: url("../images/bkg-page-2.png") repeat-x scroll 0 0 #FEE19B !important; }

.checkout-onepage-index .footer,
.checkout-cart-index .footer { border:0; }
.checkout-onepage-index .header,
.checkout-cart-index .header { background:transparent; }
.checkout-onepage-index #main,
.checkout-cart-index #main { border:1px solid #e2e2e2; background-color:#FFF; padding:12px; }
.checkout-cart-index .page-title { padding:0; border:0; float:left; clear:both; width:100%; margin:10px 0; height:62px; }
.checkout-cart-index .page-title .title-block-cart { float:left; width:440px; text-align:left; }
.checkout-cart-index .page-title .checkout-types { float:right; width:520px; }
.checkout-cart-index .page-title .checkout-types li { float:left; width:50%; }
.checkout-cart-index .page-title .checkout-types .gray-label { display:none; }
.checkout-cart-index .checkout-types .btn-gray { float:left; text-decoration:none; margin:19px 0 0; box-shadow:0 0px 10px #888; border-radius:10px; }
.checkout-cart-index .checkout-types .btn-gray2 { float:left; text-decoration:none; margin:12px 0 0; }
.checkout-cart-index .page-title .checkout-types .btn-proceed-checkout { float:right; }
.checkout-onepage-index .main-container,
.checkout-cart-index .main-container { float:left; position:relative; width: 100%;}
.checkout-onepage-index .footer-container,
.checkout-cart-index .footer-container { background:transparent; margin:0 0 20px 0; clear:both; }
.checkout-cart-index .cart { border:1px solid #e2e2e2; background-color:#FFF; float:left; width:962px; }
.checkout-cart-index .cart .wrap-cart { background-color:#e2e2e2; position:relative; float:left; width:960px; padding:0 0 20px 0; border:1px solid #cdcdcd; }
.checkout-cart-index .cart .btn-update { border:0; background:transparent; text-decoration:underline; color:#424242; cursor:pointer; font-size:13px; font-weight:bold; margin:16px 0 0 158px; }
.checkout-cart-index .a-center { text-align:center !important; }
.cart .totals table th, .cart .totals table td { padding:5px; color:#424242; font-size:12px; }
.checkout-onepage-index #footer,
.checkout-cart-index #footer { padding:20px 0 0 0; }
.checkout-cart-index a:hover { text-decoration:none; }

/* Btn checkout*/
.checkout-types .btn-checkout { margin:5px 32px 0 0; }
.totals .checkout-types .btn-checkout { margin:5px 21px 0 0; }
button.btn-checkout { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; border-radius:16px; box-shadow:0 0 10px #888; }
button.btn-checkout span { float:left; height:47px; background:transparent url(../images/checkout/btn-cart.png) 100% 0 no-repeat; *background:transparent url(../images/checkout/btn-cart.gif) 100% 0 no-repeat; padding:0 35px 0 0; font:bold 15px/49px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#00266c; }
button.btn-checkout span span { background-position:0 0; padding:0 15px 0 25px; text-transform:uppercase; text-shadow:1px 0 3px #fff; }

button.btn-checkout1 span { float:left; height:51px; width: 180px; background:transparent url(../images/checkout/btn-cart1.png) 100% 0 no-repeat; padding:0 35px 0 0; font:bold 15px/56px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
button.btn-checkout2 span { float:left; height:51px; width: 180px; background:transparent url(../images/checkout/btn-cart2.png) 100% 0 no-repeat; padding:0 35px 0 0; font:bold 15px/56px Arial, Helvetica, sans-serif; text-align:right; white-space:nowrap; color:#fff; text-transform:uppercase; }
button.btn-checkout1 span span, button.btn-checkout2 span span { background-position:0 0; padding:0 15px 0 0; text-transform:uppercase; text-shadow:1px 0 3px #fff; }

button.btn-checkout1, button.btn-checkout2 { width:auto; overflow:visible; border:0; padding:0; margin:0; background:transparent; cursor:pointer; border-radius:6px; }
.checkout-onepage-index button.btn-checkout2, .checkout-onepage-index button.btn-checkout1 { width:244px; }
.checkout-onepage-index button.btn-checkout1 span { width:215px; padding:0 18px 0 0px; }
.checkout-onepage-index button.btn-checkout2 span { width:215px; padding:0 25px 0 0px; }

button.btn-checkout3 { margin:12px 20px 0 0; }
button.btn-checkout3 span { height:26px; line-height:27px; font-size:11px; font-weight:bold; font-style:italic; color:#003366; background:url(../images/checkout/btn-checkout3.gif) no-repeat 0 0 transparent; padding:0 0 0 12px; }
button.btn-checkout3 span span { background-position:100% 0; padding:0 20px 0 12px; text-shadow:0 0 0 transparent; }

/* btn gray */
.btn-gray { text-decoration:none; }
.btn-gray span { float:left; height:33px; background:transparent url(../images/checkout/btn-gray.gif) 0 0 no-repeat; padding:0 0 0 11px; font:bold 11px/36px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
.btn-gray span span { background-position:100% 0; padding:0 20px 0 10px; text-transform:uppercase; text-shadow:1px 0 3px #414141; }

.btn-gray2 { text-decoration:none; }
.btn-gray2 span { float:left; height:24px; background:transparent url(../images/checkout/btn-checkout-gray.gif) 0 0 no-repeat; padding:0 0 0 11px; font-size:11px; line-height:25px; text-align:center; white-space:nowrap; color:#003366; font-style:italic; }
.btn-gray2 span span { background-position:100% 0; padding:0 20px 0 10px; text-transform:uppercase; font-weight:bold; }

/* Btn orange */
button.btn-orange { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.btn-orange span { background:url(../images/btn-orange.gif) no-repeat 0 0 transparent; font:bold 13px/30px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:white; height:30px; padding:0 0 0 10px; float:left; }
button.btn-orange span span { background-position:100% 0; padding:0 14px 0 5px; text-transform:uppercase; text-shadow:1px 0 3px #1A1A1A; font-style:italic; line-height:30px !important; }

/* Table */
.checkout-cart-index #shopping-cart-table {}
.checkout-cart-index #shopping-cart-table th { background-color:#e2e2e2; border:0; border-bottom:1px solid #cdcdcd; color:#666666; text-transform:uppercase; font-weight:normal; font-size:13px; text-shadow:1px 1px 1px #fff; }
.checkout-cart-index #shopping-cart-table tbody td { border:0; border-bottom:1px solid #cdcdcd; color:#000; vertical-align:middle; padding:0; }
.checkout-cart-index #shopping-cart-table tbody tr.first td { border-top:1px solid #cdcdcd; }
.checkout-cart-index #shopping-cart-table tfoot td { border:0; }
.checkout-cart-index #shopping-cart-table .product-name a { color:#424242; text-transform:uppercase; text-decoration:none; font-size:12px; display:block; font-weight:bold; }
.checkout-cart-index #shopping-cart-table .qty { width:3em !important; text-align:center; color:#666666; height:19px; font-size:14px; }
.checkout-cart-index #shopping-cart-table .price { font-size:14px; color:#ff3000; font-weight:bold; }
.checkout-cart-index #shopping-cart-table .old-price .price { color:#318dbe; font-size:12px; }
.checkout-cart-index #shopping-cart-table .unit-price .price { color:#424242; }
.checkout-cart-index #shopping-cart-table .btn-remove { margin:0 0 0 26px; }
.checkout-cart-index #shopping-cart-table .product-image { padding:10px; border-right:1px solid #cdcdcd; }
.checkout-cart-index #shopping-cart-table tbody tr { border-bottom:1px solid #cdcdcd; background-color:#FFF; }
.checkout-cart-index #shopping-cart-table .price-box .special-price .price { color:#ff3000; font-size:14px; }
.cart-empty { padding:0 11px; clear:both; }

/* Totals */
.checkout-cart-index #shopping-cart-totals-table .wrap-total { border-top: 1px solid #E3DFDA; }
.checkout-cart-index #block-cart { float:left; width:520px; margin-left:30px; min-height:110px; }
.checkout-cart-index #block-cart p { color:#424242; font-weight:bold; }
.checkout-cart-index .totals .checkout-types { margin-right:20px; float:right; width:360px; text-align:right; }
.checkout-cart-index .totals table { width:30%; float:right; margin:0 19px 0; }
.checkout-cart-index #cart-text { float:right; clear:right; width:26%; color:#666666; margin:30px 60px 0 0; }
.checkout-cart-index .totals .internal { float:left; width:100%; }
.checkout-cart-index .totals #grand-total { border-top:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
.checkout-cart-index .totals #grand-total .price { color:#ff0000; font-size:14px; }

/* OnestepCheckout */
#checkout-review-submit { clear:both; margin:10px 0 0 0; }
.checkout-onepage-index #inline1,
.checkout-onepage-index #inline2,
.checkout-onepage-index #inline3 { padding:20px 0 20px 20px; }
.checkout-onepage-index #fancybox-content h1 { text-align:left; margin:0 0 20px 0; }
#checkout-review-submit .btn-checkout { float:right; }
#checkout-review-options { width:100%; }

/* Total save */
#total-save { float:right; text-align:left; width:300px; padding:10px 0 0 0; color:#DD2700; font-size:14px; text-transform:uppercase; font-weight:bold; }
.onestep-layout div.footer address { color:#000; }
.checkout-cart-index .checkout-cards { float:left; width:100%; text-align:center; margin-top:20px; }

/* Payment Methods */
.totals .gray-label { font-style:italic; text-transform:uppercase; color:#424242; font-size:11px; font-weight:bold; margin:7px 5px 0 0; float:right; white-space:nowrap; }
.totals .checkout-types .paypal-logo a { float:right; }
.totals .checkout-types .btn-checkout3 { float:right; margin:0; }
.totals .checkout-types li { float:right; width:360px; margin-top:20px; }
.totals .info-payment { float:right; clear: right; width:150px; margin-right:20px; }
.totals .info-payment img { margin:10px 0 5px 0; }
.totals .info-payment ul li { list-style-type:disc; text-transform:uppercase; font-size:10px; padding:5px 0 0 0; font-weight:bold; list-style-position:inside; white-space:nowrap; }

/* Testimonials */
.checkout-cart-index .testimonials-cart { float: left; overflow:visible; width:515px; border:0; padding:0; background:url(../images/checkout/testimonials-user-head.png) no-repeat 0 15px transparent; margin-top:20px; margin-left:30px; }
.checkout-cart-index .testimonials-cart div.client { width: auto; font-size:11px; color:#000; }
.checkout-cart-index .testimonials-cart div h3{ font-size: 11px; margin-top: 5px; text-transform:uppercase; }
.checkout-cart-index .testimonials-cart div span{ width: 425px; }
.checkout-cart-index .testimonials-cart div span.name{ font-style: italic; color:#515151; }
.checkout-cart-index .testimonials-cart span.testimonials-link { width: 100%; display: block; }
.checkout-cart-index .testimonials-cart #carousel-wrapper { overflow: hidden; width: auto; }
.checkout-cart-index .testimonials-cart #carousel-content { float: left; height: 75px; width: 460px; }
.checkout-cart-index .testimonials-cart #carousel-content .carousel-slide { background:url(../images/checkout/testimonials-text-globe.png) no-repeat 0 0 transparent; float: left; height: 75px; padding-top: 4px; padding-left: 35px; padding-right: 40px; width: 410px; }
.checkout-cart-index .testimonials-cart #carousel-wrapper { margin-left: 40px; }

/*  */