.login-content .left, .login-content .right {float:left; width:42%; padding:15px 3%; margin: 0 2% 0 0; background-color:#fff;

  -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

}
.contentBox {color:#b1b1b1;}
a.button {text-decoration:none!important; font-weight:normal; font-size:14px; font-family: 'Asap', sans-serif; padding:5px 10px;}
a.button:hover {background-color:#555;}
form#login {font-family:Arial, Helvetica, sans-serif;}
#leftnav {margin:15px 0; background-color:#f3f3f3; padding:15px 10%;

  -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */}
#leftnav h1 {color:#555; font-size:22px;}
#leftnav ul {padding:0 0 0 10%; font-family:Arial, Helvetica, sans-serif;}
#leftnav ul li a {color:#F20910; font-size:12px;}

#register h2 {padding:20px 0 10px 20px; color: #000;}
.form {width:100%; margin:0 0 15px;}
.form label {width:20%; padding:0 2% 0 0; display:inline-block; color:#b1b1b1;}
.form input.text, #register .form password.text {width:70%; padding:8px 1%;}
table.form input[type=text] {width:96%; padding:8px 1%;}
.form select {width:72%; padding:5px 1%;}
.form .error {color:#F00; font-size:11px; font-style:italic; display:block;}
#register a.button {margin:15px 0 0;}

.buttons .left {float:left; width:50%;}
.buttons .right {float:right!important; width:50%; text-align:right;}

.cart-info {font-family:Arial, Helvetica, sans-serif; background-color:#fff;}
.cart-info table {border-collapse: collapse; margin:0 0 15px;
border: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #dddddd;
width:100%;}
.cart-info th {background-color:#ccc; font-weight:bold; color:#444; padding:5px 1%; text-align:left;}
.cart-info td {padding:8px 1%; vertical-align:top;}

.cart-info thead td {
border-bottom: 1px solid #dddddd;
font-weight: bold;
}

.cart-info tr:nth-child(even) {background-color:#f3f3f3;}

#cartextras {clear:both; margin:50px 0 20px 0; border-top:1px solid #ccc; padding:15px 0 0;}
.cart-module {float:right; width:60%; margin:0 4% 0 0;}
.cart-module #shipping { padding: 10px 3%; background-color:#f3f3f3;

  -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */}
.cart-module #shipping #button-quote {float:right;}
.cart-total {float:right; width:30%; padding: 10px 3%; background-color:#fff;}
  .cart-total td.right {text-align:right;}
.cart-total table, .cart-module #shipping table {width:100%;}
 #couponstuff {clear:both; margin:15px 0 0; padding: 10px 3%; background-color:#f3f3f3;

  -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */}

#couponstuff input.button  {background-color:#888;}

.checkout .left, .checkout .right {float:left; width:46%; margin:0 2%;}
.checkout-heading {background-color:#F20910; color:#fff; padding:5px 2%; display:block;  font-family: 'Asap', sans-serif; font-weight:bold; font-size:18px;}
.checkout-heading a{float:right; color:#FFF; cursor:pointer; font-size:12px; display:block; padding:3px;}
.checkout .checkout-content {margin:15px 0;}
.checkout #checkout, .checkout #payment-address, .checkout #shipping-address, .checkout #shipping-method, .checkout #payment-method, .checkout #confirm {clear:both;}
.checkout .checkout-content input.large-field, .checkout .checkout-content select.large-field {width:98%;}
.checkout #payment-method .buttons .right {font-size:14px;} 

#shipping-address label, #payment-new label {display:inline-block; width:auto; margin:0 0 10px;}
#shipping-address input.large-field, #shipping-address select.large-field, #payment-new input.large-field, #payment-new select.large-field {display:inline-block; width:76%;}

.checkout #buttons .right {float:none!important; width:96%!important;}

.checkout-product .cart-total {clear:both; width:50%; margin: 15px 0;}
.cart-total ul {list-style-type:none; padding:0!important;}
.cart-total li .price {width:70%;}
.cart-total li .total {width:28%; text-align:right;}

#cartbutton .buttons{padding-top:25px; clear:both;}
.checkout-product table tbody td.name, .checkout-product table tbody td.model, .checkout-product table tbody td.quantity, .checkout-product table tbody td.price, .checkout-product table tbody td.total {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

table.radio {width:100%;}
.checkout-content table.radio { max-width:500px;}

.checkout-product table {width:100%;}
.checkout-product th {background-color:#ccc; font-weight:bold; color:#444; padding:5px 1%; text-align:left;}
.checkout-product td {padding:5px 1%; vertical-align:top;}

.payment {clear:both;}

td.quantity {text-align:center!important;}
label.full {width:90%!important;}

.checkout-product {background-color:#fff; margin: 0 0 20px;}
.checkout-product thead td {font-weight:bold; border-bottom:1px solid #dddddd;}
.checkout-product tr:nth-child(even) {background-color:#f3f3f3;}


/******** MEDIA QUERIES *******/
@media screen and (max-width:999px) and (min-width:768px) {
#couponstuff label {display:block;}
#couponstuff input.button {margin:5px 0 20px!important;}

.checkout-product td {max-width:200px;}
}

@media screen and (max-width:767px) and (min-width:571px) {
.login-content .left {margin:0 2% 20px 0; width:43%;}
.login-content .right {margin:0 0 20px 0; width:43%;}
#register h2 {padding:20px 5% 10px;}
.form label {display:block; width:90%; padding:0 5%;}
.form input.text, #register .form password.text {width:88%; margin:0 5%;}
.form select {margin:0 5%; width:90%;}
.form input.radio {margin:0 0 0 5%;}

#couponstuff label {display:block;}
#couponstuff input.button {margin:5px 0 20px!important;}

.cart-info td.quantity input[type=text] {display:block; margin:0 auto 5px;}
#shipping select {width:100%;}

.checkout-product td {max-width:230px;}

.cart-info table {font-size:12px;}
}



@media screen and (max-width:570px) and (min-width:320px) {
.login-content .left, .login-content .right {float:none; width:94%; margin:0 0 20px 0;}
#leftnav {margin:0;}

#register h2 {padding:20px 5% 10px;}
.form label {display:block; width:90%; padding:0 5%;}
.form input.text, #register .form password.text {width:88%; margin:0 5%;}
.form select {margin:0 5%; width:90%;}
.form input.radio {margin:0 0 0 5%;}

.cart-total{float:none; width:94%; margin:0 0 15px;}
.checkout-product .cart-total{float:none; width:94%; margin:15px 0;}
.cart-module {float:none; width:100%;}
#shipping select {width:100%;}

#couponstuff label {display:block;}
#couponstuff input.button {margin:5px 0 20px!important;}

.cart-info th {font-size:12px; padding:5px 2% 5px 0; text-align:center;}
.cart-info td {font-size:11px; padding:5px 2% 5px 0; max-width:120px;}
.cart-info td.quantity input[type=text] {display:block; margin:0 auto 5px;}
#cartextras {margin:25px 0;}
input[type=image] {display:inline-block;}

.checkout .left, .checkout .right {float:none; width:96%;}

#shipping-address input.large-field, #shipping-address select.large-field, #payment-new input.large-field, #payment-new select.large-field {display:block; width:98%;}

.checkout-product td, .checkout-product th {font-size:14px;}
.checkout-product td {display:inline-block;}

.checkout-product thead td.price, .checkout-product tbody td.price {display:none;}

.checkout-product thead td.name, .checkout-product tbody td.name {width:43%;}
.checkout-product thead td.model, .checkout-product tbody td.model {width:15%;}
.checkout-product thead td.quantity, .checkout-product tbody td.quantity {width:15%;}
.checkout-product thead td.total, .checkout-product tbody td.total {width:15%;}

.checkout-product tfoot td.price {width:70%;}
.checkout-product tfoot td.total {width:23%;}


.checkout-product table tbody td.name, .checkout-product table tbody td.model, .checkout-product table tbody td.quantity, .checkout-product table tbody td.price, .checkout-product table tbody td.total {font-family:Arial, Helvetica, sans-serif; font-size:11px;}


}