/*
*
* @copyright Copyright (C) 2007 - 2010 RuposTel - All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see LICENSE.php
* One Page checkout is free software released under GNU/GPL and uses code from VirtueMart
* VirtueMart is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* 
*/


#vmMainPageOPC div#basket_container {
 border: none;
 margin-bottom: 10px;
 padding-top: 7px;
 width: 99.8%;
 white-space: nowrap;
 padding-left: 2px;

 }
 #vmMainPageOPC div#basket_container .vmsectiontableheader {
background: radial-gradient(circle, #476d83, #142849) !important;
background: -webkit-gradient(radial,center center,0,center center,460,from(#476d83),to(#142849)) !important;
background: -webkit-radial-gradient(circle, #476d83, #142849) !important;
background: -moz-radial-gradient(circle, #476d83, #142849) !important;
background: -o-radial-gradient(circle, #476d83, #142849) !important;
box-shadow: 0 0 20px #000000 inset !important;
-webkit-box-shadow: 0 0 20px #000000 inset !important;
-moz-box-shadow: 0 0 20px #000000 inset !important;
text-shadow: -2px 2px 1px #000000 !important;
font-size: 14px !important;
line-height:1.4em !important;
text-transform: none !important;
font-weight: bold !important;
padding: 2px 8px 7px !important;
color: #ffffff !important;
height: 15px !important;
border-bottom:2px solid #CCC !important;
font-family: "Helvetica Nueu",Arial, Verdana, sans-serif !important;
}
	
#vmMainPageOPC div#basket_container .op_col1_header,
#vmMainPageOPC div#basket_container .op_col1,
#vmMainPageOPC div#basket_container .op_col2,
#vmMainPageOPC div#basket_container .op_col3,
#vmMainPageOPC div#basket_container .op_col4,
#vmMainPageOPC div#basket_container .op_col5,
#vmMainPageOPC div#basket_container .op_col6,
#vmMainPageOPC div#basket_container .op_col7 ,
#vmMainPageOPC div#basket_container .op_col7_header {
	text-align:left;
	float:left;
}

#vmMainPageOPC div#basket_container .op_col4,
#vmMainPageOPC div#basket_container .op_col5,
#vmMainPageOPC div#basket_container .op_col6 {
	text-align:center;	
}

#vmMainPageOPC div#basket_container .op_col7  {
 float: right; 
}
#vmMainPageOPC div#basket_container .op_col1_header { width: 37%;}
#vmMainPageOPC div#basket_container .op_col1{ width: 6%;}
#vmMainPageOPC div#basket_container .op_col2{ width: 37%;}
#vmMainPageOPC div#basket_container .op_col3{ width: 0%;}
#vmMainPageOPC div#basket_container .op_col4{ width: 24% !important;}
#vmMainPageOPC div#basket_container .op_col5{ width: 10%;}
#vmMainPageOPC div#basket_container .op_col6{ width: 17%;}
#vmMainPageOPC div#basket_container .op_col7 { width: 12%;text-align: right;}
#vmMainPageOPC div#basket_container .op_col7_header { width: 12%;text-align: right;}

#vmMainPageOPC div.opc_PricesalesPrice {
	float:none;
}
#vmMainPageOPC div#basket_container .op_col2 {
 white-space: normal; 
 
}

#vmMainPageOPC div#basket_container .op_col2  a {
 display: inline-block; 
 word-break:normal;
}

#vmMainPageOPC #basket_cart input[type="text"].inputbox {
max-width: 30%;
margin: -5px 0 0;
float: none;
display: inline-block; 
border: 1px solid #ffffff !important;
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
height: 25px !important;
padding: 0px;
text-align: center;
font-weight: bold;
}

#vmMainPageOPC #basket_cart input[type="text"].inputbox:hover, 
#vmMainPageOPC #basket_cart input[type="text"].inputbox:focus, 
#vmMainPageOPC #basket_cart input[type="text"].inputbox:active {
box-shadow: 0px 0px 10px 2px #ffffff !important;
-webkit-box-shadow: 0px 0px 10px 2px #ffffff !important;
-moz-box-shadow: 0px 0px 10px 2px #ffffff !important;
}

#vmMainPageOPC div#basket_cart a.deletebtn, #vmMainPageOPC #basket_cart a.deletebtn:hover {
background: none;
background: transparent url('images/remove_from_cart.png') no-repeat top left;
display: inline-block;
width: 20px;
height: 20px;
margin-top: 9px;
margin-left: 8px;
position: absolute;
float: left;
left: auto;
}

#vmMainPageOPC div#basket_cart a.updatebtn, 
#vmMainPageOPC div#basket_cart a.updatebtn:hover, 
#vmMainPageOPC div#basket_cart a.updatebtn:focus, 
#vmMainPageOPC div#basket_cart a.updatebtn:active,
#vmMainPageOPC div#basket_cart input.updatebtn, 
#vmMainPageOPC div#basket_cart input.updatebtn:hover,
#vmMainPageOPC div#basket_cart input.updatebtn:focus,
#vmMainPageOPC div#basket_cart input.updatebtn:active  {
background: none;
background: transparent url('images/update_quantity_cart.png') no-repeat 20% 40%;
display: inline-block;
width: 0px;
height: 20px;
border: none !important;
box-shadow: none !important;
left: 5%;
margin-top: 0px;
position: relative;
}

#vmMainPageOPC div#basket_container .sectiontableentry1 {
// background-color: #F7F7F7 !important;
background: radial-gradient(circle, #476d83, #142849);
background: -webkit-gradient(radial,center center,0,center center,460,from(#476d83),to(#142849));
background: -webkit-radial-gradient(circle, #476d83, #142849);
background: -moz-radial-gradient(circle, #476d83, #142849);
background: -o-radial-gradient(circle, #476d83, #142849) ;
box-shadow: 0 0 20px #000000 inset;
-webkit-box-shadow: 0 0 20px #000000 inset;
-moz-box-shadow: 0 0 20px #000000 inset;
border-bottom: 2px solid #000000;
text-shadow: -2px 2px 1px #000000;
}

#vmMainPageOPC div#basket_container .sectiontableentry2 {
// background-color: #F6F6F6 !important;
background: radial-gradient(circle, #476d83, #142849);
background: -webkit-gradient(radial,center center,0,center center,460,from(#476d83),to(#142849));
background: -webkit-radial-gradient(circle, #476d83, #142849);
background: -moz-radial-gradient(circle, #476d83, #142849);
background: -o-radial-gradient(circle, #476d83, #142849) ;
box-shadow: 0 0 20px #000000 inset;
-webkit-box-shadow: 0 0 20px #000000 inset;
-moz-box-shadow: 0 0 20px #000000 inset;
border-bottom: 2px solid #000000;
text-shadow: -2px 2px 1px #000000;
}

#vmMainPageOPC div#basket_container .sectiontableentry, 
#vmMainPageOPC div#basket_container .sectiontableentry0, 
#vmMainPageOPC div#basket_container .sectiontableentry1,
#vmMainPageOPC div#basket_container .sectiontableentry2 {
// background: url("images/dot2.gif") repeat-x scroll center bottom transparent;
padding: 1%;
float:left;
width:98%;
}

#vmMainPageOPC  .vmsectiontableentry1:hover, 
#vmMainPageOPC  .vmsectiontableentry2:hover {
background: #ffffff;
}

#vmMainPageOPC div#basket_container .sectiontableentry1:hover, 
#vmMainPageOPC div#basket_container .sectiontableentry2:hover {
background: -webkit-gradient(radial,center center,0,center center,460,from(#807878),to(#323335));
background: -webkit-radial-gradient(circle, #807878, #323335);
background: -moz-radial-gradient(circle, #807878, #323335);
background: -o-radial-gradient(circle, #807878, #323335);
background: radial-gradient(circle, #807878, #323335);
box-shadow: 0 0 20px #000000 inset;
-webkit-box-shadow: 0 0 20px #000000 inset;
-moz-box-shadow: 0 0 20px #000000 inset;
text-shadow: -2px 2px 1px #000000;
}

#vmMainPageOPC .discount_label{
	width:50%;
	text-align: right;
	float:left;
}
#vmMainPageOPC .discount_desc{
	width:38%;
	text-align: right;
	float:left;
        padding-left: 10px;
}
#vmMainPageOPC #basket_coupon{
	height:80px;
	clear:both;
}
#vmMainPageOPC  #couponcode_field_input {
	width: 40%;
	float:left;
}
#vmMainPageOPC #couponcode_field_txt_discount,
#vmMainPageOPC #couponcode_field_discount {
	width: 28%;
	float:left;
	text-align: right; 
	padding-right: 2%;
}
#vmMainPageOPC #basket_container #shipping_inside_basket_label{
	width: 30%;
	float:left;
	height:30px;
	line-height:30px;
}
#vmMainPageOPC #basket_container #shipping_inside_basket{
	width: 30%;
	float:left;
}
#vmMainPageOPC #basket_container #shipping_inside_basket_cost{
	width:38%;
	float:left;
	text-align:right;
	padding-right:2%;
	height:30px;
	line-height:30px;
	}
#vmMainPageOPC #basket_container #payment_inside_basket_label {
	width: 30%;
	float:left;
	height:30px;
	line-height:30px;
}
#vmMainPageOPC #basket_container #payment_inside_basket{
	width: 30%;
	float:left;
}
#vmMainPageOPC #basket_container #payment_inside_basket_cost{
	width:38%;
	float:left;
	height:30px;
	line-height:30px;
	text-align:right;
	padding-right:2%;
	}
#vmMainPageOPC #basket_container select[name=virtuemart_shipmentmethod_id],
#vmMainPageOPC #basket_container select[name=virtuemart_paymentmethod_id] {
	border-radius:0;
	max-width: 100%;
}	
#vmMainPageOPC div#basket_container .vmsectiontableentry1 {
background: radial-gradient(circle, #476d83, #142849) !important;
background: -webkit-gradient(radial,center center,0,center center,460,from(#476d83),to(#142849)) !important;
background: -webkit-radial-gradient(circle, #476d83, #142849) !important;
background: -moz-radial-gradient(circle, #476d83, #142849) !important;
background: -o-radial-gradient(circle, #476d83, #142849) !important;
box-shadow: 0 0 20px #000000 inset !important;
-webkit-box-shadow: 0 0 20px #000000 inset !important;
-moz-box-shadow: 0 0 20px #000000 inset !important;
text-shadow: -2px 2px 1px #000000 !important;
font-size: 14px !important;
text-transform: none !important;
padding: 3px 5px 12px !important;
height: 15px !important;
border: 1px solid #000000 !important;
font-family: Arial, Verdana, sans-serif !important;
font-weight: normal !important;
clear: both;
color: #ffffff !important;
float: right;
margin: 1px 0;
width: 31%
}

#vmMainPageOPC div#basket_container .vmsectiontableentry2 {
background: radial-gradient(circle, #476d83, #142849) !important;
background: -webkit-gradient(radial,center center,0,center center,460,from(#476d83),to(#142849)) !important;
background: -webkit-radial-gradient(circle, #476d83, #142849) !important;
background: -moz-radial-gradient(circle, #476d83, #142849) !important;
background: -o-radial-gradient(circle, #476d83, #142849) !important;
box-shadow: 0 0 20px #000000 inset !important;
-webkit-box-shadow: 0 0 20px #000000 inset !important;
-moz-box-shadow: 0 0 20px #000000 inset !important;
text-shadow: -2px 2px 1px #000000 !important;
font-size: 14px !important;
text-transform: none !important;
padding: 5px !important;
height: 20px !important;
border: 1px solid #000000 !important;
font-family: Arial, Verdana, sans-serif !important;
font-weight: normal !important;
clear: both;
color: #ffffff !important;
float: right;
width: 31%;
}

#vmMainPageOPC div#basket_container hr {
border-color: #eeeeee;
border-style: solid none none;
border-width: 1px 0 0;
height: 1px;
margin: 10px 0;
}

@media (max-width: 767px) {
	#vmMainPageOPC div#basket_container .op_col1_header { width: 50%;}
	#vmMainPageOPC div#basket_container .op_col1{ width:10%; }
	#vmMainPageOPC div#basket_container .op_col2{ 
		width: 40%;	}
		
	#vmMainPageOPC div#basket_container .op_col4,
	#vmMainPageOPC div#basket_container .op_col5{ 
		display: none;
	}
	#vmMainPageOPC div#basket_container .op_col6{ 
		width:35%;
	}
	
	
	#vmMainPageOPC .discount_label{
	width:80%;
	}
	#vmMainPageOPC .discount_desc{
	width:18%;
	}
	#vmMainPageOPC div#basket_cart a.updatebtn, #vmMainPageOPC div#basket_cart a.updatebtn:hover,
	#vmMainPageOPC div#basket_cart input.updatebtn, #vmMainPageOPC div#basket_cart input.updatebtn:hover  {
	left:2%;
	}
}
@media (max-width: 479px) {
	#vmMainPageOPC div#basket_container .op_col2{ 
		width: 45%;	}
	#vmMainPageOPC div#basket_container .op_col7_header{
		width:50%;
		float:left;
		
	}
	#vmMainPageOPC div#basket_cart a.updatebtn, #vmMainPageOPC div#basket_cart a.updatebtn:hover,
	#vmMainPageOPC div#basket_cart input.updatebtn, #vmMainPageOPC div#basket_cart input.updatebtn:hover  {
	left:-10px;
	}
	#vmMainPageOPC .hide_column{
	display:none !important;
	}

}

#vmMainPageOPC #opc_basket  .coupon_input_wrapper input[type="text"]#coupon_code {
 min-width: 150px; 
 max-width: 50%; 
}

#tt_order_discount_after_txt_basket_code {
display: none;
}

#tt_shipping_rate_basket {
    padding-left: 10px;
}