.checkout{}
table.checkoutdetail{}
table.checkoutdetail tr{ border-bottom:1px solid #DDDDDD}
table.checkoutdetail tr th{background:#F5F5F5; padding:20px;}
table.checkoutdetail tr td{ padding:20px;}
table.checkoutdetail tr td h3{color:#595959;  font-family: 'roboto-black'; font-size:15px;}
table.checkoutdetail tr td:first-child{ padding-left:0;}
table.checkoutdetail tr td img{border:1px solid #DDDDDD; max-width:90px; height:auto;}
table.checkoutdetail tr td input[type="number"]{ width:80px; padding:5px;}
.shoppingsummery{ width:100%; float:left; background:#F7F7F7; border:1px solid #EEEEEE; padding:30px;}
.shoppingsummery a{text-align:center; color:#676666; display:block; margin-bottom:15px; text-transform:uppercase;}
.shoppingsummery a:hover{ text-decoration:none; color:#028CD1;}
.shoppingsummery h2{font-family: 'roboto-black'; font-size:16px; text-align:center; color:#30A5FF;  border-bottom:1px solid #DDDDDD; margin:0; padding-bottom:10px; margin-bottom:30px;}
table.cartsummery{ margin-bottom:20px;}
table.cartsummery tr td{padding:8px; color:#595959;}
table.cartsummery tr td h3{font-family: 'roboto-black'; font-size:18px; color:#595959;}
table.cartsummery tr td h4{font-family: 'roboto-black'; font-size:16px; color:#595959;}
table.cartsummery tr.bordertop{ border-top:1px solid #DDDDDD; }
table.cartsummery tr.bordertop td{padding-top:15px;}

.couponcode{width:100%; float:left; margin-top:30px;}
.couponcode h2{text-align:left; margin-bottom:10px;}
.couponcode p{margin-bottom:10px; color:#6A6969; font-size:13px; margin-bottom:15px;}
.couponcode input[type="text"]{border:1px solid #AAAAAA; width:100%; padding:8px; margin-bottom:10px; font-size:13px;}
.couponcode input[type="button"],.couponcode input[type="submit"]{width:100%; background:#30A5FF; color:#FFF; padding:6px 15px; border:0; ransition: all 0.5s ease 0s; text-align:center;transition: all 0.5s ease 0s;}
.couponcode input[type="button"]:hover,.couponcode input[type="submit"]:hover{background:#333333;}

.button{ padding:6px 15px; display:inline-block; margin-bottom:15px;   font-family: 'roboto-black'; font-size:16px; letter-spacing:1px;; text-align:center; transition: all 0.5s ease 0s; border:0; border-radius:4px;}
.button-blue{ background:#30A5FF; color:#FFF!important;}
.button-blue:hover{ background:#333333; color:#FFF!important; text-decoration:none;}
.button-lg{padding:12px 25px;}
.button-block{display:block;}

.checkoutcartitempanel{width:100%; float:left; max-height:250px; overflow:auto; margin-bottom:25px;}
table.checkoutcartitem tr{ border-bottom:1px dashed #DDDDDD}
table.checkoutcartitem tr td{ padding:5px; padding-top:10px; padding-bottom:10px; position:relative;}
table.checkoutcartitem tr td h3{color:#595959;  font-family: 'roboto-black'; font-size:13px; margin:0;}
table.checkoutcartitem tr td:first-child{ padding-left:0;}
table.checkoutcartitem tr td img{border:1px solid #DDDDDD; max-width:60px; height:auto;}
table.checkoutcartitem tr td span{width:25px; height:25px; background:#30A5FF; border-radius:100%; position:absolute; font-family: 'roboto-black'; text-align:center; color:#FFF; line-height:25px; left:40px; top:5px;}

table.checkoutcartsummery{ margin-bottom:20px;}
table.checkoutcartsummery tr td{padding:8px; color:#595959;}
table.checkoutcartsummery tr td h3{font-family: 'roboto-black'; font-size:18px; color:#595959; margin:0;}
table.checkoutcartsummery tr td h4{font-family: 'roboto-black'; font-size:16px; color:#595959;margin:0;}
table.checkoutcartsummery tr.bordertop{ border-top:1px solid #DDDDDD; }
table.checkoutcartsummery tr.bordertop td{padding-top:15px;}

.checkoutcustomerinfo{ width:100%; float:left;}
.checkoutcustomerinfo h2{font-size:23px; color:#414241;}
.checkoutcustomerinfo p{color:#7D7E7D;}
.checkoutcustomerinfo p a{color:#30A5FF;}

.checkoutshippingaddress{ width:100%; float:left;}
.checkoutshippingaddress h2{font-size:23px; color:#414241;}

.checkoutfrm{width:100%; float:left;}
.checkoutfrm select {width: 100%;height: 45px;-webkit-appearance: none !important;-moz-appearance: none !important;-ms-appearance: none !important;-o-appearance: none !important;appearance: none !important;background: transparent url(../images/open.png) 96% center no-repeat;text-indent: 0.01px;text-overflow: "";vertical-align: middle;padding: 3px;color: #333333;text-transform: uppercase;border: 1px solid #DFDFDF;border-radius: 4px;}
.checkoutfrm select option{ color:#333;  font-family: 'roboto-regular'; font-family:14px;}

.checkoutfrm input[type="text"],.checkoutfrm input[type="password"],.checkoutfrm input[type="number"],.checkoutfrm input[type="email"],.checkoutfrm input[type="date"]{border:1px solid #DFDFDF; width:100%; height:45px; padding:10px; border-radius:4px; font-size:13px;}
.checkoutfrm input[type="button"],.checkoutfrm input[type="submit"]{ background:#30A5FF; color:#FFF; padding:12px 30px; border:0; border-radius:4px; ransition: all 0.5s ease 0s;}
.checkoutfrm input[type="button"]:hover,.checkoutfrm input[type="submit"]:hover{background:#333333;}

.shippingaddress{width:100%; float:left; border:1px solid #DFDFDF; border-radius:4px; padding:10px; margin-bottom:10px;}
.shippingaddress h5{font-size:15px; color:#6B6B6B; font-weight:600;}

.shippingmethod{width:100%; float:left; border:1px solid #DFDFDF; border-radius:4px; margin-bottom:25px;}
.shippingmethod .methodrow{width:100%; float:left; border-bottom:1px solid #DFDFDF; padding:10px;}

.paymentmethod{width:100%; float:left; border:1px solid #DFDFDF; border-radius:4px; margin-bottom:25px;}

.accordion-pane{ padding:15px; background:#F5F5F5;}
.accordion {width:100%; }
.accordion h3 {background: #FFF;padding: 15px 15px;margin: 0;  border-bottom: none;cursor: pointer;  font-size:17px; font-weight:bold; color:#2190D7;text-align:left; 
border-bottom: 1px solid #DFDFDF; position:relative;}
.accordion h3 img{ position:absolute; right:10px; top:7px;}
 
.accordion h3:hover {background-color: #FFF;}
.accordion h3.active {background: #FFF;}	

.addressoption{width:100%; float:left; border:1px solid #DFDFDF; border-radius:4px;   margin-bottom:10px;}
.addressoptionrow{width:100%; float:left; border-bottom:1px solid #DFDFDF; padding:10px;}
.addressoptioncont{width:100%; float:left;padding:15px; display:none;}