@media all{
	input[type=checkbox] {outline: 1px solid #6b6b6b;}
.shppingDetailsContainer{padding:12px 10px 22px 10px;}
.paymentDetailsContainer{padding:12px 10px 22px 10px;}
.shoppingConfirmation{padding:12px 0 22px 0;}
.orderHistoryContainer{padding:22px 10px 22px 10px;}

/*.orderHistoryContainer .pagination{ width:100%; text-align:center; float:none; background:none !important;}
.orderHistoryContainer .pagination a.prev, .pagination a.prevLast{ float:none !important; position:relative; top:3px;}
.orderHistoryContainer .pagination a{ float:none !important;}
.orderHistoryContainer .pagination .current{ float:none !important;}
.orderHistoryContainer .pagination a.next, .pagination a.last{ float:none !important; position:relative; top:3px;}
*/
.confirmBtnContainer{ color:#fff;}

/*-----------------Honda Search-----------------*/
.radiobtn{float:left; width:25px; height:15px; padding-top:0px; }
.loginMob{ width:100%; float:left;}
/*login ends*/

.loginMob span{line-height: 20px;
    padding-left: 0;
    padding-right: 5px;
    text-align: left;
    vertical-align: top; width:120px;}
	
.loginMob .submit{ margin-left:156px;}
.errorlog{ clear:both; color:#FF0000; margin-left:156px;}
.profileBtnNew{ display:block;color: #666666;
    font-size: 11px;
    font-weight: bold; margin-left:158px;
	}
.profileBtnNew a{color: #666666;
    font-size: 11px;
    font-weight: bold;}

.profileBtnNew a:hover{ color:#000000;}
.error{margin-left:156px;}


.table{ width:100%; display:block; float:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.tableHeader{ background:#6a6a6a ; width:100%; display:block; float:left; font-weight:bold; color:#fff; line-height:12px; font-size:12px;}


.tableRowDelete{ background:#8e8e8f;width:100%;display:block; float:left; height:30px;border-bottom:1px solid #fff; padding-top:5px;}
.colDelete1New{ width:9%!important;}
.colDelete1{ width:5%!important; float:left;}
.colDelete1New input{ margin-left:8px;}
.colDelete2{ width:66%;float:left; text-align:right; padding-right:10px;}
.colDelete3{ width:33%!important; float:left; text-align:right;}
.colDelete3New{ width:auto; float:none; text-align:right; margin-right:13px; font-weight:bold;}
.colDelete3{ width:auto\0/; float:none\0/; text-align:right; margin-right:13px\0/;}
*+html .colDelete2{ width:55%;float:left; text-align:right; padding-right:10px;}

.tableRow1{ background:#d5d5d2; width:100%; display:block; float:left; font-size:12px; border-bottom:1px solid #999999; }
.tableRow2{ background:#FADCDF; width:100%; display:block; float:left;font-size:12px;border-bottom:1px solid #fff; }

.tableRow3{ background:#8e8e8f ;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #d5d5d2; padding-top:5px;}
.tableRow3 .colDelete1{ text-align:center;}

.tableRowPrice {background:#333;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:right; font-weight: normal;}
.tableRowPriceNew {background:#6a6a6a;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:right; font-weight: bold;}

.colAmount1{ width:83%;float:left;}
.colAmount2{ width:15%;float:left;}





.tableRow1 .col1{ border:none;}
.tableRow1 .col21{ border:none;}
.tableRow1 .col211{ border:none; word-wrap:break-word;}

.tableRow1 .col22{ border:none;word-wrap:break-word;}
.tableRow1 .colvin{ border:none;word-wrap:break-word;}
.tableRow1 .col23{ border:none;}
.tableRow1 .col31{ border:none;}
.tableRow1 .col32{ border:none;}
.tableRow1 .col33{ border:none;}

.tableRow2 .col1{ border:none;}
.tableRow2 .col21{ border:none;}
.tableRow2 .col211{ border:none;}
.tableRow2 .col22{ border:none;}
.tableRow2 .col23{ border:none;}
.tableRow2 .col31{ border:none;}
.tableRow2 .col32{ border:none;}
.tableRow2 .col33{ border:none;}
.col211 span{ display:none;}

.col1, .col21, .col211, .col22, .col23, .col31, .col32, .col33, .colvin{ border-right:1px solid #8e8e8f;padding:7px 8px; min-height:48px; word-wrap:break-word;}

.col1{ width:5%; float:left; }
.col2{ width:53%; float:left;}
.col2-width{ width:49% !important;}
.col21{ width:5%; float:left; }
.col211 {width:43%; float:left; }
.col22{ width:19%; float:left; }
.col23{ width:13%; float:left; text-align:center; }
.col4{ width:7%; float:left;  padding:7px 9px 7px 17px; min-height:25px; text-align:right;}


.col3{ width:33%; float:left}
.col31{ width:25%; float:left; text-align: right;}
.col32{ width:25%; float:left;text-align:right; }
.col33{ width:28%; float:left;text-align:right; }
/*.newClass1{ width:48%;}*/
.col31 span, .col21 span, .col22 span{ display:none;}
.col23 span { display:none;}
.qtyTextbox{ width:20px;}
.hondaAddToCart{border:none;color: #FFFFFF;cursor: pointer;display: block;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal; height: 22px; padding: 0;text-align: center;text-decoration: none; width:76px;}

.shippingHeader{   background:#141414;
    color: #FFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 31px;
    line-height: 32px;
    padding-left: 15px;
    text-transform: uppercase;
    width: auto;}
.innerContent {padding: 0px;}
.innerContent .textbox{ width:60% !important; margin-right:0px; padding:8px 3px; float:left;}

.innerContent .dropdown{  min-width:inherit !important; padding: 8px 3px; margin-right:0px; width:100%;}

.formSeperator { width:48%; margin-bottom:10px;/* float:left;*/}
.formSeperator textarea { height:60px;}
.formSeperator span{ width:110px; display:block; float:left;}

.left{ float:left; margin-bottom:10px; width:100%;}
.inputStyle{width:12px; margin:3px 10px 0 0;}

#postcode_label span{ width:auto !important; float:none !important; display:inline-block !important;}
#shipping_postcode_label span{ width:auto !important; float:none !important; display:inline-block !important;}

.bymore-btn{ margin: 0 2px 0 0\0/;}
.update-cart-btn{ margin: 0 2px 0 0\0/;}
.update-cart-btn{ margin: 0 2px 0 0\0/;}


.bymore-btn {color:#D6D6D6; background: none repeat scroll 0 0 #1D1D1D;border: 1px solid #4E4E4E;width:109px; height:40px;/*line-height:normal !important;*/cursor:pointer;text-align:center; font:bold 12px Arial, Helvetica, sans-serif;margin:0;padding:3px 0 5px;text-decoration:none !important; text-transform:uppercase; font-weight:800;} 
.bymore-btn:hover{ background:#4e4e4e; color:#D6D6D6;}


.continueBtn {color:#D6D6D6; background: none repeat scroll 0 0 #1D1D1D;border: 1px solid #4E4E4E;width:109px; height:40px;/*line-height:normal !important;*/cursor:pointer;text-align:center; font:bold 12px Arial, Helvetica, sans-serif;margin:0;padding:3px 0 5px;text-decoration:none !important; text-transform:uppercase; font-weight:800;} 
.continueBtn:hover{ background:#4e4e4e; color:#D6D6D6;}







a.shippingDetailsBtn{  height:23px; width:190px !important; display:block; color:#FFFFFF; text-align: center; line-height:23px; font-size:12px;  font-weight: bold;cursor:pointer; float:left; }
a.shippingDetailsBtn:hover	{cursor:pointer; color:#fff;}


input.submitOrderBtn { font-size:18px;background:#222;border:none;cursor: pointer;height:40px; line-height:40px;margin:11px 10px 0 0px; padding: 0;width:150px;float:left;font-family: 'Open Sans', sans-serif; color:#D6D6D6; text-align:center; text-transform:uppercase; border:1px solid #888; font-weight:800; display:block;}
input.submitOrderBtn:hover{ background:#888888;}
.responsivePaymentDetails td{ line-height: normal;}


.shoppingCartButtons { width:500px; margin:0 auto;}

.shippingDetailButtons{width: 50%; margin:0 0 0 115px; float:none;}
*+html .shoppingCartButtons{ width:325px;}
.shoppingCartButtons {float:none; margin:0 auto; width:65%; text-align:center; padding-top:6px; display:block; clear:both; margin:0 auto;}

.shoppingCartButtons a { font-size:18px;background:#222;border:none;cursor: pointer;height:40px; line-height:40px;margin:11px 10px 0 0px; padding: 0;width:140px;float:left;font-family: 'Open Sans', sans-serif; color:#D6D6D6; text-align:center; text-transform:uppercase; border:1px solid #888; font-weight:800; display:block;}
.shoppingCartButtons a:hover{ background:#888888;}




.CheckoutStep {
    font-size: 11px;
    height: 35px;
    line-height: 24px;
    width: 100%;
}
.CheckoutStep a {
    text-decoration: none;
}
.CheckoutStep ul {
    float: right;
    padding: 0 0px 0 0; margin:0px;
}
.CheckoutStep li {background:#29292C;color: #fff;display: inline-block;float: left;
height: 30px;margin: 0 0px 0 6px;text-align: center;width: 30px;}
.CheckoutStep li.checkouticon {background: url(../../images/grey/checkout-icon.png) no-repeat 0 4px ;color: #fff!important; font-weight: bold;
line-height: 30px;padding: 0 20px 0 33px;width: auto !important; }
.CheckoutStep li a {color: #fff;display: block;font-size: 12px;font-weight: bold; height: 30px;line-height: 30px; text-align: center;
width: 30px; cursor:pointer;}
.CheckoutStep li a:hover {background:#29292C; color: #FFFFFF;}
.CheckoutStep li.active a {background:#EB1921;color: #FFFFFF;}
.commentsCol { width:200px;}

/****************PAYMENT DETAILS**************/

.tableRowNote-payment{ background:#ccc;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding-top:5px; text-align:right;}

.colNote-payment{ width:100%;float:left;}



.tableRow1-payment{ background:#ccc; width:100%; display:block; float:left; font-size:11px; border-bottom:1px solid #fff; }
.tableRow2-payment{ background:#FADCDF; width:100%; display:block; float:left;font-size:11px;border-bottom:1px solid #fff; }

.tableRow3-payment{ background:#ccc;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding-top:5px;}
.tableRow3-payment .colDelete1{ text-align:center;}

.tableRowPrice-payment {background:#333;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #666; padding:5px 0; color:#fff; text-align:right; font-weight:bold;}

.colAmount1-payment{ width:80%;float:left;}
.colAmount2-payment{ width:18%;float:left;}





.tableRow1-payment .col1-payment{ border:none;}
.tableRow1-payment .col21-payment{ border:none;}
.tableRow1-payment .col211-payment{ border:none;}
.tableRow1-payment .colvin-payment{ border:none;}
.tableRow1-payment .col22-payment{ border:none;}
.tableRow1-payment .col23-payment{ border:none;}
.tableRow1-payment .col31-payment{ border:none;}
.tableRow1-payment .col32-payment{ border:none;}
.tableRow1-payment .col33-payment{ border:none;}

.tableRow2-payment .col1-payment{ border:none;}
.tableRow2-payment .col21-payment{ border:none;}
.tableRow2-payment .col22-payment{ border:none;}
.tableRow2-payment .col23-payment{ border:none;}
.tableRow2-payment .col31-payment{ border:none;}
.tableRow2-payment .col32-payment{ border:none;}
.tableRow2-payment .col33-payment{ border:none;}

.col1-payment, .col21-payment, .col22-payment, .col23-payment, .col31-payment, .col32-payment, .col33-payment, .col211-payment, .colvin-payment{ border-right:1px solid #3F4246;padding:7px 8px; min-height:25px;}

.col1-payment{ width:2%; float:left; }
.col2-payment{ width:50%; float:left;}
.col21-payment{ width:75%; float:left; }
.col21-payment-order{ width:29%!important; float:left; }

.col22-payment{ width:10%; float:left; }
.col23-payment{ width:25%; float:left; text-align:center; }

.col211-payment {width:27%; float:left; text-align:center; }
.colvin-payment {width:13%; float:left; text-align:center; }
.col4-payment{ width:11%; float:left;padding:7px 8px; min-height:25px; text-align:right;}

.col3-payment{ width:45%; float:left}
.col31-payment{ width:20%; float:left; text-align:right;}
.col32-payment{ width:32%; float:left;text-align:right; }
.col33-payment{ width:30%; float:left;text-align:right; }
.col31-payment span, .col21-payment span, .col22-payment span{ display:none;}

.billingAddressRow{background:#333;width:100%;display:block; float:left; height: auto;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:left; font-weight:normal;}

.billingAddressRowEven{background:#ccc;width:100%;display:block; float:left; height: auto;border-bottom:1px solid #fff; padding:5px 0; color:#000; text-align:left; font-weight:normal;}

.billingCol1{ width:48%; float:left; padding:0 1%}
.billingCol11{ width:50%; float:left;}
.billingCol12{ width:50%; float:left; word-wrap: break-word;}

.billingCol2{width:48%; float:left;padding:0 1%}
.billingCol21{ width:50%; float:left;}
.billingCol22{ width:50%; float:left;}

.col211-payment span{ display:none;}


/****************PAYMENT DETAILS**************/



.more{ color:#ff0000;}

/****************ORDER HISTORY**************/

.tableRowNote-order{ background:#ccc;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding-top:5px; text-align:right;}

.colNote-order{ width:100%;float:left;}



.tableRow1-order{ background:#D5D5D2; width:100%; display:block; float:left; font-size:12px; border:1px solid #999999 ; border-top:none; color:#000 }
.tableRow2-order{ background:#FADCDF; width:100%; display:block; float:left;font-size:11px;border-bottom:1px solid #fff; }

.tableRow3-order{ background:#333;max-width:660px;display:block; height:auto;border-bottom:1px solid #fff; padding:5px; float:left;}
*+html .tableRow3-order{ float:none;}

.tableRow3-order .colDelete1{ text-align:center;}

.tableRowPrice-order {background:#333;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:right; font-weight:bold;}

.colAmount1-order{ width:80%;float:left;}
.colAmount2-order{ width:18%;float:left;}




.tableRow1-order .col1-order{ border:none;}
.tableRow1-order .col21-order{border:none;}
.tableRow1-order .col22-order{ border:none;}
.tableRow1-order .col23-order{ border:none;}
.tableRow1-order .col31-order{ border:none;}
.tableRow1-order .col32-order{ border:none;}
.tableRow1-order .col33-order{ border:none;}
.tableRow1-order .col41-order{ border:none;}
.tableRow1-order .col42-order{ border:none;}


.tableRow2-order .col1-order{ border:none;}
.tableRow2-order .col21-order{ border:none;}
.tableRow2-order .col22-order{ border:none;}
.tableRow2-order .col23-order{ border:none;}
.tableRow2-order .col31-order{ border:none;}
.tableRow2-order .col32-order{ border:none;}
.tableRow2-order .col33-order{ border:none;}
.tableRow2-order .col41-order{ border:none;}
.tableRow2-order .col42-order{ border:none;}

.col1-order, .col21-order, .col22-order, .col31-order, .col32-order, .col33-order, .col41-order, .col42-order{ border-right:1px solid #8E8E8F;padding:7px 8px; min-height:25px;}


.col1-order{ width:2%; float:left; }
.col2-order{ width:31%; float:left;}
.col21-order{ width:31%; float:left; }
.col22-order{ width:40%; float:left; }
.col3-order{ width:22%; float:left;}
.col31-order{ width:29%; float:left; }
.col32-order{ width:30%; float:left; }
.col33-order{ width:28%; float:left; }

.col4-order{ width:42%; float:left;}
.col41-order{ width:40%; float:left; }
.col42-order{ width:18%; float:left; }




.col31-order span, .col21-order span, .col22-order span{ display:none;}

.billingAddressRow{background:#fff;width:100%;display:block; float:left; height: auto;border-bottom:1px solid #fff; padding:5px 0; color:#000; text-align:left; font-weight:normal;}

.billingAddressRowEven{background:#EBEBEB;width:100%;display:block; float:left; height: auto;border-bottom:1px solid #fff; padding:5px 0; color:#000; text-align:left; font-weight:normal;}

.billingCol1{ width:48%; float:left; padding:0 1%}
*+html .billingCol1{ width:45%; float:left; padding:0 1%}
.billingCol11{ width:50%; float:left; font-weight:bold;}
.billingCol12{ width:50%; float:left; word-wrap: break-word;}

.billingCol2{width:48%; float:left;padding:0 1%}
*+html .billingCol2{width:48%; float:left;padding:0 1%}
.billingCol21{ width:45%; float:left;font-weight:bold;}
.billingCol22{ width:54%; float:left; word-wrap:break-word;}
*+html .billingCol22{ width:55%; float:left; word-wrap:break-word;}



.collSpanNew{ display:none;}

.DeliverySeperator{float: left;
    margin-bottom: 10px;
    width: 100%;}
	
.DeliverySeperator	span.left{isplay: block;
    float: left;
    width: 110px; margin-right:0px!important;}
	
.DeliverySeperator	label.leftN{isplay: block;
    float: left;
    width:80px; margin-right:0px!important;}	
	
*+html .DeliverySeperator b{ margin-top:4px; display:block;}	
	
	
/****************ORDER HISTORY**************/

.left span.error{ margin-left:116px;}
.colvin span{ display:none;}


#member_profile .tableHeader{ border: 1px solid #8E8E8F;}

.confirmation{max-width:670px; width:100%;}
.terms-conditions{ color:red}
.terms-conditions:hover{ text-decoration:underline !important}
.orderHistory{ color:#fff!important; font-weight:bold; font-size:12px;}
.orderHistory:hover{ color:#F00 !important;}



.shoppingCartCOntainer{ padding:12px 10px 20px 10px;}

.responsiveSelectField{ float:left; width:62%;}
.paginationContent .pagination .prev{ float:none; height:auto; width:auto;}
.paginationContent .pagination .next{ float:none;}
.paginationText{ text-indent:100%; overflow:hidden;}
.radioWrap{ line-height:15px; display:block; margin-bottom:5px;}


}

@media all and (max-width:960px){
.col41-order, .col42-order{ border-right:none;}

	.col1-order{ width:6%; float:left; height:103px;}
	.col2-order{ width:25%; float:left;}
	.col21-order{ width:70%; float:left;}
	.col22-order{ width:70%; float:left; height:64px;  word-wrap: break-word;}
	.col3-order{ width:30%; float:left;}
	.col31-order{ width:70%; float:left;}
	.col32-order{ width:70%; float:left;}
	.col33-order{ width:70%; float:left;}
	
	.col4-order{ width:30%; float:left;}
	.col41-order{ width:70%; float:left;}
	.col42-order{ width:70%; float:left;}
	.left{ float:left; margin-right:15px; margin-bottom:10px;}	
	.formSeperator	{margin-bottom:0;}
	.formSeperator{ margin:0 auto;}
	.loginMob span{ width:115px;}
	#state_field{ }
	.textbox{ /*width:71% !important;*/ margin-right:0;}
	.left{ width:100%; }
	/*.dropdown{ width:98.5%; margin:0;}*/
	.colDelete1New{ width:10%!important;}
	.bymore-btn, .update-cart-btn{ margin-bottom:5px!important;}
	.responsiveSelectField{ width:73%;}
	/*.responsiveSelectField .dropdown{ width:100%;}*/
	
	.formSeperator { width:75%; margin-bottom:10px; float:left;}
	
}


@media all and (max-width:800px){
	.colDelete3{ width:33%; float:left; text-align:right;}
	.collSpanNew{ display:inline;}
	.col21-payment-order{ width:82%!important; }
	.CheckoutStep li.checkouticon{ padding:0 4px 0 12px; width:115px!important;}
	.shoppingCartButtons {float:none; margin:0 auto; width:60%;}
	.col32, .col33{ text-align:left;}
	.shoppingCartButtons a{margin: 0 10px 5px 0 !important;}
	
	.col4{ float:right; width:14%;}
	.tableRow1 .col21{ color:#000; border-bottom:1px dotted #000;}
    .tableRow1 .col211{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1 .col22{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1 .col23{ color:#000;text-align:left;}
	.tableRow2 .col21{ color:#000; border-bottom:1px dotted #000;}
	.tableRow2 .col22{ color:#000; border-bottom:1px dotted #000;}
	.tableRow2 .col23{ color:#000; text-align:left;}
	
	.tableRow1 .col21 span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
	.tableRow1 .col22 span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
	.tableRow1 .colvin span{ display:block;float:left;margin-right:2px; color:#999;text-shadow:1px 1px #444}
	.tableRow1 .col23 span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
	
	.tableRow2 .col21 span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
	.tableRow2 .col22 span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
	.tableRow2 .col23 span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
	
	.tableRow1 .col211 span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
	
	
.tableHeader{ border-radius:6px 6px 0 0;}
.col2{ width:32%;}
.col2-width{ width: 32% !important;}
.col21{ color:#FF9933;}
.col22{ color: #33FFFF;}
.col23{color: #ff0; text-align:left;}
.col21, .col22, .col23, .col211,.colvin{ float:none; width:82%; padding:0 5px; border-radius:0px; margin-bottom:1px; line-height:22px; }
.col3{ width:25%; padding-top:5px;}
.col31, .col32, .col33{ float:none; width:86%;padding:0;}
.col32{ font-weight:bold;}
.col1{word-break:break-all; width:15%; padding-top:5px;}
.col4{ padding-top:5px;}
.col42{ text-align:right;}

.tableRowDelete{ background:#ccc;width:100%;display:block; float:left; height:30px;border-bottom:1px solid #fff; padding-top:5px;}

.colDelete1{ width:22%; float:left;}
.colDelete2{ width:60%;float:left;}
.tableRowPrice {background:#333;width:100%;display:block; float:left; min-height:20px; height:auto;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:right; font-weight:normal;}

.colAmount1{ width:80%; float:left;}
.colAmount2{ width:15%;float:left;}
.col31{ text-align:left;}



    .col32-payment{ text-align:right;}
	.col4{ float:right;}
	.tableRow1-payment .col21-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1-payment .colvin-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1-payment .col211-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1-payment .col22-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow1-payment .col23-payment{ color:#000;text-align:left;}
	.tableRow2-payment .col21-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow2-payment .col22-payment{ color:#000; border-bottom:1px dotted #000;}
	.tableRow2-payment .col23-payment{ color:#000; text-align:left;}
	
	.tableRow1-payment .col21-payment span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
	.tableRow1-payment .col22-payment span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
	.tableRow1-payment .col211-payment span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
	.tableRow1-payment .colvin-payment span{ display:block;float:left;margin-right:2px; color:#999999;text-shadow:1px 1px #444}
	
	.tableRow2-payment .col21-payment span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
	.tableRow2-payment .col22-payment span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
	.tableRow2-payment .col23-payment span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
	
	
	
	
.tableHeader{ border-radius:6px 6px 0 0;}
.col2-payment{ width:60%;}
.col21-payment{ color:#FF9933;}
.col22-payment{ color: #33FFFF; height:64px;}
.col211-payment{ color: #FFFF00;}
.col23-payment{color: #ff0}
.col21-payment, .col22-payment, .col23-payment, .col211-payment, .colvin-payment{ float:none; width:82%; padding:0 5px; border-radius:0px; margin-bottom:1px; line-height:22px; text-align:left; }
.col3-payment{ width:21%; padding-top:5px;}
.col31-payment, .col32-payment, .col33-payment{ float:none; width:100%;padding-bottom:5px; border:none;}
.col32-payment{ font-weight:bold;}
.col1-payment{word-break:break-all; width:8%; padding-top:5px; height:103px;}
.col4{ padding-top:5px;}
.col42{ text-align:right;}

.tableRowNote-payment{ background:#ccc;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding-top:5px;}

.colNote-payment{ width:98%; float:left;}
.tableRowPrice-payment {background:#333;width:100%;display:block; float:left; height:20px;border-bottom:1px solid #fff; padding:5px 0; color:#fff; text-align:right; font-weight:bold;}

.colAmount1-payment{ width:75%; float:left;}
.colAmount2-payment{ width:22%;float:left;}

.billingCol1{ width:98%; float:left; padding:0 1%;}
.billingCol2{ width:98%; float:left;padding:0 1%;}






.colDelete1New{ width:5%!important;}



/*login starts*/
.loginMob{ font-size: 12px;width: 100%; display:block; float:left;}


.tableRow1 .col2 .col31{ margin-top:5px;}

.shippingDetailButtons{ margin-left:121px;}

.billingCol1 { margin-bottom:10px;}
.billingCol1 .billingCol11{ width:50%;}
.billingCol1 .billingCol12{ width:50%;}

.billingCol2 .billingCol21{ width:50%;}
 .billingCol2 .billingCol22{ width:50%;}
 
 .listing a.bymore-btn{ width:110px !important;}
 .listing a.shippingDetailsBtn{ width:110px !important;}
 
 

}



@media all and (max-width:685px)
{

.tableHeader .col2 .col31{  padding: 0 0px 0 2px;}
.shoppingCartButtons {width: 32%;}
.responsiveSelectField{ width:100%; float: none;}
.loginMob span{ width:100%;}
.textbox{width: 98% !important;}
.shippingDetailButtons{ margin:0px; width:auto;}

}






@media all and (max-width:600px)
{

.tableHeader .col2 .col31{  padding: 0 0px 0 3px;}
.responsivePaymentDetails{}
.responsivePaymentDetails tr td{ display:block; width:100% !important;}
.col1{width: 12%;}
.col2-width {width: 35% !important;}
.col3{ width:26%;}
.col4 { width:14%;}

.dropdown {
    width:100% !important; padding:10px 0 !important; height:35px !important; 
}
input.submitOrderBtn{ margin-top:0;}
}
@media all and (max-width:568px)
{
	.shoppingCartButtons {width:93%;}
	.shoppingCartCOntainer{ width:96%; margin:0 auto; padding:12px 0 20px 0;}
	#shipping{width:96%; margin:0 auto;}
	.paymentDetailsContainer{width:96%; margin:0 auto;}
	.orderHistoryContainer{/*width:96%;*/ margin:0 auto;}
}
@media all and (max-width:514px)
{
	
      .tableRow1-order .col21-order{ border:1px dotted #444; border-width:0 0 1px 0;}
	  .CheckoutStep li.checkouticon{ padding:0 4px 0 2px; width:125px!important;}
	  .formSeperator{ margin:0 auto;}
/*	  .textbox{ width:97%; margin-right:0;}*/
	  .left{ width:100%; }
	  .dropdown{ width:100%; margin:0;}
	  .shoppingCartButtons {float:none; margin:0 auto;  /*width:58%;*/}
	  	.colDelete1New{ width:18%!important;}
		.col4{ padding-top:5px; padding-left:0px;}
		
	
.update-cart-btn { float:left;color: #FFFFFF;cursor: pointer; display: block;font-size: 12px;font-weight: bold;height: 34px;line-height: 31px; margin: 0 2px 0 0;padding-right: 0 !important;text-align: center; width:98px; border:none;}
.update-cart-btn:hover {background-position:0 -35px;}	

.bymore-btn{ margin-right:2px;}
.continueBtn{ margin-right:2px;}
.tableHeader .col2 .col31{  padding: 0 0px 0 5px;}	

.listing .shoppingCartButtons{    max-width: 392px;}	

.responsiveSelectField .dropdown{ min-width:inherit !important;}	

}

@media all and (max-width: 440px){
.colDelete1New{ width:20%!important;}

.tableHeader .col2 .col31{  padding: 0 0px 0 5px;}
.commentsCol{ width:auto !important;}
.shoppingCartButtons a{ width:100%;margin-right:0px !important;}
a.shippingDetailsBtn{ width:100% !important; margin-right:0px !important;}
input.submitOrderBtn{ width:100%; margin:0px !important;}
.paymentDetailsContainer{ padding:0px;}
}


@media all and (max-width:380px){

.shippingDetailButtons {
    float: none;
 margin-left: 122px;
    width: 233px;
}
.listing .shoppingCartButtons .marginRight{ margin-right: 2px !important;}

.tableHeader .col33{ margin-top:10px;}
/*.shoppingCartButtons{ width:32%}*/
.commentsCol {
    width: 43% !important;
}
.textbox{ width:98% !important;}
.responsiveSelectField {
    width: 100%;
}
.shippingDetailButtons{ margin-left:0px;}
/*.paymentDetailsContainer a.bymore-btn{width: 114px;}*/
.paymentDetailsContainer a.shippingDetailsBtn{ margin:0 4px 4px 0;}
/*.paymentDetailsContainer input.submitOrderBtn{width: 115px;}*/

}
@media all and (max-width:320px){

.tableHeader .col2 .col31{  padding: 0 0px 0 6px;}.shippingDetailButtons{ margin-left:0px!important;}
#state_field {
    width: 99% !important;
}

.textbox {
    margin-right: 0;
    width:98% !important;
}
/*.shoppingCartButtons{ width:38%}*/

.dropdown {
    margin: 0;
    width: 100% !important;
}


.listing .shoppingCartButtons input.submitOrderBtn{  margin-top: 5px;}

}