/*
*
* @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.
* 
*/


/* stan custom modifications: */
div#vmMainPageOPC {
 margin-left: 30px; 
 margin-right: auto;
 
}
div#vmMainPageOPC input, div#vmMainPageOPC select {
float: right;
}
div#vmMainPageOPC input#coupon_code {
 float: right; 

}
div.details-button, div.details-button button {
 position:relative;
 right:auto;
 left: 10px;
}

div.input_coupon_div {
 right:auto;
 float: right;
 left: 210px; 
 bottom:5px;
}
div.wrapper_coupon {
 width: 100%; 
 float: right; 
}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div.formField2 {
    float: right; 
   
}

div#vmMainPageOPC div.op_col5 .opc_PricesalesPrice, div#vmMainPageOPC div.op_col5 span.opc_PricesalesPrice {
 text-align: right;
}
div#vmMainPageOPC div.op_col7 .opc_PricesalesPrice, div#vmMainPageOPC div.op_col7 span.opc_PricesalesPrice {
 text-align: right;
 float: left;
}

div#vmMainPageOPC h3 span.col-module_header_color {
 margin-right: 15px;
}


div#vmMainPageOPC a.deletebtn, div#vmMainPageOPC a.deletebtn:hover {
 background: none;
 background: transparent url('images/remove_from_cart.png') no-repeat top right; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
}

#vmMainPageOPC input.updatebtn {
background: transparent url('images/update_quantity_cart.png') no-repeat top right; 

}

#onepage_main_div h3, div#vmMainPageOPC h3 {
  padding: 0 !important; 
 /*margin: 0 !important; */
 background: none !important;
 /*margin-top: 10px !important;*/
 margin-left: 10px; 
  
}

#onepage_main_div h3 span span span span {
 margin-right: 10px; 
} 

div#vmMainPageOPC div.op_basket_row div a.continue_link {
 padding-right: 20px;
}

div#vmMainPageOPC input#coupon_code {
 margin-right: 9px;
 
}

div#basket_container {
 width: 100%;
 float: right;
}

div#couponcode_field {
 margin-top: 10px; 
 float: right;
 
 float: right; 
 width: 100%; 
 margin-bottom: 15px;
 clear: both; 
}

div#couponcode_field form input {
 text-align: right;
 margin-left: 0; 
 margin-right: auto; 
 clear: both;

}


div#couponcode_field form button {
  clear: both;
  float: right;
  background-color: transparent;
  background-color: transparent !important;
  border: none !important;
   box-shadow: none !important;  

}

div#onepage_main_div {
 float: right;
}
 


div#vmMainPageOPC span#confirmbtn {
 text-align: left;
 font-weight: normal;
 padding-left: 20px;
 color: #FFFFFF;
}

div#basket_container div.op_basket_row div.op_col1 div {
  
 position: relative; 
 top: 0; 
 right: 10px; 
}
div#basket_container div.op_basket_row div.op_col1 {
 float: right;

}
div#basket_container div.op_basket_row div.op_col2 {
 float: right;
 
}
div#basket_container div.op_basket_row div.op_col3 {
 float: right;
 }
 
div#basket_container div.op_basket_row div.op_col4 {
 float: right;
 }
 
div#basket_container div.op_basket_row div.op_col5 {
float: right;
 
}
div#basket_container div.op_basket_row div.op_col6 {
 float: right;
 }
div#basket_container div.op_basket_row div.op_col6 form {
 float: right;
 }
div#basket_container div.op_basket_row div.op_col6 form input {
 float: right !important;
}
div#basket_container div.op_basket_row div.op_col7 div.PricesalesPrice {
 text-align: right;
}

div#basket_container div.op_basket_row div.op_col7 {
 float: right;
 }
div#basket_container div.op_basket_row div.op_col1_4 {
 float: right;
 text-align: left;
}
div#basket_container div.op_basket_row div.op_col5_3 {
 float: right;
 text-align: left;
}
div#basket_container div.op_basket_row div.op_col2_2 {
 float: right;
 
  
}
div#basket_container div.op_basket_row div.op_col2_3 {
float: right;
 }



#basket_container div div div div div div div div div.op_basket_row {
 background: url("images/othermenu_line_left.png") no-repeat scroll left bottom transparent;
 float: right;
 }
div#vmMainPageOPC .basket_container {
  float: right;
}

div#vmMainPageOPC .op_starttab  {
 background: url(images/button-left.png) no-repeat left top;
 line-height: 27px; 
}
div#vmMainPageOPC .op_tabs {
 margin: 0;
 padding: 0; 
 line-height: 27px; 
}
div#vmMainPageOPC .op_endtab {
background: url(images/button-right.png) no-repeat right top;
line-height: 27px; 
}
div#vmMainPageOPC .coupon {
  
}
button#submit_coupon_button {
 float: right; 
}

div#tab_selector button {

}

span#span_coupon_button span {
 text-align: center;
 padding-left: 45px; 
 
}


div#onepage_userfieds {
	width: 100%; 
	float: right;
}
div#onepage_info_above_button {
	text-align: center; 
	margin: auto;
}
div#vmMainPageOPC  div#onepage_total_inc_sh {
 padding-top: 10px;
}

div#onepage_submit_section {
	width: 100%; 
	float: right;
	padding-top: 30px;
}

div#onepage_login {
 text-align: right;
 padding-left: 35%;
}


div#vmMainPageOPC span.bottom_totals_txt {
width: 30%;
text-align: left;
float: right;
padding-left: 40px;
}

div#vmMainPageOPC span.bottom_totals {
/* width: 67%; */
text-align: right;
padding-left: 3%;
float: right;
padding-left: 35px;

}
div#onepage_total_inc_sh {
 float: right;
}
div#vmMainPageOPC div#totalam div {
 float: right;
}

div#totalam {
float: right;
}

div#tt_order_subtotal_div {
 width: 100%;
 float: right;
 clear: both;
}

div#logintab .button {
 float: right;
}
div#vmMainPageOPC textarea#customer_note_field {
float: right;
}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div  div#rbsubmit {
 padding-top: 20px;
 vertical-align: bottom;
 text-align: right;
 width: 40%; 
 min-width: 300px; 
 float: left;
}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div#customer_note_place {
  width: 40%; 
  float: right;
}
div#rbsubmit div {
 padding: 0;
 width: 350px;
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div.formLabel {
    clear: left;
    float:right;
    font-weight: bold;
    margin: 10px 10px 0 0;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 30%;
}
div#vmMainPageOPC div.continue_link_under_basket {
 margin-bottom: 30px; 
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div.formField {
    float: right;
    /*margin: 8px 2px 2px;*/
    vertical-align: middle;
    width: 100%;
}
div.op_userfields_style_hundred {
 width: 100%; 
}
div.op_userfields_style_other {
  width: 100%; 
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div.formField input[type="checkbox"], div#vmMainPageOPC  input[type="checkbox"] {
  clear: right; 
  float: right; 
  
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div.formField label, div#vmMainPageOPC label {
   clear: left;
   float: right;
  
 
 

}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div#registertab div.formField {
 margin-top: 10px; 
 width: 75%; 
}


/* CSS  for two column theme, remove this to have single column */
div#vmMainPageOPC div#onepage_main_div div.bill_to_section,div#vmMainPageOPC  div#onepage_main_div div#bill_to_section {
 width: 49%; 
 float: right;
 margin-right: 0%;  
 margin-left: 1%; 
 margin-top: 30px; 
 padding-left: 0; 
 padding-right: 0; 
 clear: right; 
}

div#vmMainPageOPC div#onepage_main_div div.shipto_section, div#vmMainPageOPC div#onepage_main_div div.shipping_method_section, div#vmMainPageOPC div#onepage_main_div div.payment_method_section {
  width: 49%;
padding-left: 0;
padding-right: 0;
float: right;
margin-left: 0%;
margin-right: 1%;
margin-top: 30px;
clear: left;
}
}
/* end CSS  for two column theme, remove this to have single column */
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div#registertab div.formLabel {
 width: auto; 
 margin: 0; 
 margin-top: 10px; 
}
/* rounded corners Felix */
div#vmMainPageOPC div.op_inside {
    /*margin-bottom: -20px;*/
/*    margin-top: -15px; */
    margin-top: 0px; 
/*    padding-top: 15px;  */
    float: right;
    margin-right: 0; 
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;	 
    padding-bottom: 5px;
    padding-top: 20px;
	margin-bottom: -15px; 
}

div#vmMainPageOPC div.op_rounded_content div div {
 padding-top: 20px;

}
div#vmMainPageOPC .checkoutarea {
    background: none repeat scroll 0 0 transparent !important;
    border: none !important;
	margin: 0 !important;    
    padding: 10px 0 !important;
    width: 100% !important;
    float: right !important;
    clear: both;
}

div#vmMainPageOPC div.op_rounded {
    background: url("images/col-module_br.png") no-repeat scroll right bottom transparent;
    margin: 0 0 30px;
    overflow: visible;
    float: right;
    width: 100%;
    
}

#onepage_main_div button {
 background: none;
 background-color: transparent;
 border: medium none;
 cursor: pointer;
 overflow: visible;
 padding: 0 2px;
 white-space: nowrap;
 width; auto;
}
div#vmMainPageOPC button:hover .op_round {
 background-position: right bottom;
 color: #FFFFFF;
}
div#vmMainPageOPC button:hover .op_round span {
 background-position: left bottom;
}


#onepage_main_div .op_round:hover {
 background-position: right bottom;
 color: #FFFFFF;
}
#onepage_main_div .op_round:hover span {
 background-position: left bottom;
}
#onepage_main_div strong {
 text-decoration: none !important;
}
div#vmMainPageOPC .op_basket_row a {
 text-decoration: none;
}
#onepage_main_div button span span {
 /*background: none;*/
 text-indent: -25px;
 text-align: center;
}
#onepage_main_div div#confirmbtn_area{
	float:right;
	clear: both;
	margin-right: -50px;
}
#onepage_main_div #confirmbtn_button span span {
 text-indent: 30px;
 text-align: right;
 
}
div#vmMainPageOPC .op_round span#confirmbtn {
background-image: url(images/button_paypal_left.png);
}
div#vmMainPageOPC .op_round {
 
 margin-left: 10px;
}
div#vmMainPageOPC   .op_round span span {
 background: none; 
 padding-right: 20px;  
}
div#vmMainPageOPC   .op_round span {
 background-image: url(images/button.png);
 background-position: left top;
 background-repeat: no-repeat;
 background-color: transparent;
 height: 29px;
 padding-left: -15px;
 display: inline-block;
 margin: 0;
}
textarea#textareatest_field{
 float:right;
}
span#op_round_and_separator {
 overflow: hidden;
}
div#vmMainPageOPC div.op_inside {
}
div#vmMainPageOPC div.op_rounded div {
    background: url("images/col-module_bl.png") no-repeat scroll left bottom transparent;
    padding-top: 20px;
    margin-top: -20px;
}
div#vmMainPageOPC div.op_rounded div div {
    background: url("images/col-module_tr.png") no-repeat scroll right top transparent;
        padding-top: 20px;
}
div#vmMainPageOPC div.op_rounded div div div {
    background: url("images/col-module_tl.png") no-repeat scroll left top transparent;
        padding-top: 0px;
    margin-top: -20px;
}
div#vmMainPageOPC div.op_rounded div div div div {
    background: none repeat scroll 0 0 transparent;
    padding-top: 0px;
    margin: 0;
	margin-top: 0px;
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix {
    clear: both;
    overflow: visible;
    padding: 9px 18px;
    /*position: relative;*/
    /*min-height: 200px; */
   
    
}
div#vmMainPageOPC div.op_rounded_content div {
    
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div {
 clear: none;
 position: static;
 padding-left: 10px;
 width: 95%;
 text-align: right;
}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div {
 clear: none;
 position: static;
 padding: 0;
 width: auto;
}


div#vmMainPageOPC div.op_rounded h3, div.op_rounded_fix  h3{
    color: #555555;
    display: inline-block;
    font-size: 1em;
    margin-top: -20px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_r, div#vmMainPageOPC div.op_rounded h3 span.col-module_header_l, div#vmMainPageOPC div.op_rounded h3 span.col-module_header_arrow {
    display: inline-block;
    height: 43px;
    line-height: 31px;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_arrow {
    padding: 0 15px;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_r {
    background: url("images/col-module_header_r.png") no-repeat scroll right center transparent;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_l {
    background: url("images/col-module_header_l.png") no-repeat scroll left center transparent;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_arrow {
    background: url("images/col-module_header_arrow.png") no-repeat scroll center bottom transparent;
}
div#vmMainPageOPC div.op_rounded h3 span.col-module_header_color {
    color: #015A80;
}
div#vmMainPageOPC div.op_rounded .op_rounded_content {
    margin-top: 0px;
    text-align: left;
    padding: 0;
}

div#vmMainPageOPC div.op_rounded {
    margin-right: 10px;
}

div#vmMainPageOPC div.op_rounded_fix h3 span.col-module_header_r {
    background: url("images/col-module_dark_header_r.png") no-repeat scroll right center transparent;
}
div#vmMainPageOPC div.op_rounded_fix h3 span.col-module_header_l {
    background: url("images/col-module_dark_header_l.png") no-repeat scroll left center transparent;
}
div#vmMainPageOPC div.op_rounded_fix h3 span.col-module_header_arrow {
    background: url("images/col-module_dark_header_arrow.png") no-repeat scroll center bottom transparent;
}
div#vmMainPageOPC div.op_rounded_fix h3 {
    color: #eaeaea;
	font-family: Arial;
	position: relative; 
	/*
	top: -20px; 
	margin-bottom: -20px; 
	*/
}
div#vmMainPageOPC div.op_rounded_fix h3 span.col-module_header_color {
    color: #eaeaea; 
}
button#confirmbtn {
 top: 100px;
}

div#vmMainPageOPC div.black-basket {
    background: url("images/colmodule_style1_br.png") no-repeat scroll right bottom transparent;
    margin: 0px 0 10px;
}
#basket_container .black-basket div {
    background: url("images/colmodule_style1_bl.png") no-repeat scroll left bottom transparent;
}
#basket_container .black-basket div div {
    background: url("images/colmodule_style1_tr.png") no-repeat scroll right top transparent;
}
#basket_container .black-basket div div div {
    background: url("images/colmodule_style1_tl.png") no-repeat scroll left top transparent;
}
#basket_container .black-basket div div div div {
    background: none repeat scroll 0 0 transparent;
}
#basket_container .black-basket div.col-module_fix {
    clear: both;
    overflow: visible;
    padding: 0;
    position: relative;
}
#basket_container .black-basket h3 span {
    background: none repeat scroll 0 0 transparent !important;
    display: inline !important;
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
}
#basket_container .black-basket h3 {
    background: url("images/colmodule_style1_header.png") repeat-x scroll left bottom transparent;
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    margin: 5px 10px 7px;
    padding: 10px 0 8px;
}
#basket_container .black-basket h3 span.col-module_header_color {
    /*color: #FFFFFF;*/
}
#basket_container .black-basket .col-module_content {
    color: #D9D9D9;
	float: right;
	
/*    padding: 0 12px 12px; */
}
#basket_container .black-basket .col-module_content div.op_basket_row {
}
#basket_container img.browseProductImage 
{
 margin-left: 4px;
}
#basket_container .black-basket {
    margin-right: 0px;
	margin-left: 0px;
}

#basket_container tr {
    /* background: url("images/othermenu_line.png") no-repeat scroll right bottom transparent; */
    border-bottom: 0.2px dotted #999999;
    color: #999999;
    font-size: 1em;
    height: 29px;
    line-height: 29px;
    padding: 0;
    position: relative;
    text-decoration: none;
}
#basket_container tr td {
 background: none;
}
div#vmMainPageOPC tbody {display:block; display:table-row-group;} /* IE and FF */
div#vmMainPageOPC table { empty-cells:show; }


/* address listing */
div#vmMainPageOPC div#staddresses div.op_field_name {
  width:40%; 
  float: right;
  margin: 0; 
  padding: 0; 
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div#customer_note_block {
float: right;
}
div#staddresses div.op_field_value {
 
 float: right;
 clear: right; 
 margin:0; 
 padding:0;
 width:60%; 
}

div#staddresses div.op_radiowrapper {
 width: 10%; 
 margin: 0; 
 margin-top: 10px; 
 padding: 0; 
 float: right;
 clear: left; 
}

div#staddresses div.op_labelwrapper {
 margin: 0; 
 margin-top: 10px; 
 padding: 0; 
 width: 90%; 
 float: right; 

 clear: right;  
}


div#vmMainPageOPC select {
  max-width: 100%; 
}
div.right_column_ice {
  width: 50%; 
  float: right;
}

div.st_min_height {
   width: 100%; 
   min-height: auto;
}
div#vmMainPageOPC div#ajaxshipping input, div#vmMainPageOPC div#payment_html input {
 clear: right; 
 float: right;
 
 line-height: auto; 
}
div#vmMainPageOPC div#ajaxshipping input[type="radio"], div#vmMainPageOPC div#payment_html input[type="radio"] {
/*  max-width: 5%; */
}
div#vmMainPageOPC div#ajaxshipping input[type="text"], div#vmMainPageOPC div#payment_html input[type="text"], div#vmMainPageOPC div#payment_html select 
{
 
}
div#vmMainPageOPC div.formField input[type="text"],div#vmMainPageOPC div.formField select, input#opc_password_field, input#opc_password2_field {
width: 92%; 
max-width: 220px; 
margin-bottom: 2px; 

} 
div#vmMainPageOPC div#ajaxshipping input[type="text"], div#vmMainPageOPC div#payment_html input[type="text"], div#vmMainPageOPC div#ajaxshipping select, div#vmMainPageOPC div#payment_html select
{
  max-width: 75%; 
}
div#vmMainPageOPC div#ajaxshipping br, div#vmMainPageOPC div#payment_html br {
 display: none; 
}
div#vmMainPageOPC div#ajaxshipping label, div#vmMainPageOPC div#payment_html label, div#agreed_div label {
 clear: left; 
 width: 95%; 
 margin: 0; 
 line-height: auto; 
 display: block; 
 text-align: right;
}
div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div#agreed_div {
 width: 100%; 
 text-align: right; 
 
}

input#agreed_field {
 margin-top: 0px; 
}
div#basket_container input {
 max-width: 15%; 
}
span.vmpayment_cardinfo {
 clear: both;
 float: right;
}

a.deletebtn, input.inputbox_update, input.updatebtn {
 
 clear: none; 
 float:right;
}
input.inputbox {
 
}

div#basket_container input.inputbox_update {
 max-width: 40px !important; 
}

@media screen and (min-width: 100px) and (max-width: 700px) {

div#vmMainPageOPC {
 margin-left: auto; 
 margin-right: auto;
 
}
div#vmMainPageOPC div.op_rounded {
 margin-left:0;
 
}
div.input_coupon_div {
 right:auto;
 float: right;
 left: 170px; 
 bottom:5px;
 min-width:auto;
 }
div#vmMainPageOPC input#coupon_code {
 width:auto;
}
div.details-button, div.details-button button {
position: relative;
right: auto;
left: -5px;
} 
div#vmMainPageOPC div#onepage_info_above_button {
 padding-right:2%;
 position:relative;
 
 }

div#vmMainPageOPC div#onepage_total_inc_sh {
 display:none;
} 
 
div#basket_container div.op_basket_row div.op_col1, div#basket_container div.op_basket_row div.op_col4, div#basket_container div.op_basket_row div.op_col5 {
  display: none; 
}
div#basket_container div.op_basket_header {
 position: relative; 
}
div#basket_container div.op_basket_header div.op_col6 {
  position: absolute; 
  min-width: 200px; 
  left: 35%;
}
div#basket_container div.op_basket_row div.op_col2_2, div.op_col2 {
 margin-right: 5%; 
}
div#basket_container div.vm-customfield-cart span {
 width: 100%; 
}


#vmMainPageOPC  div.left_column_ice {
 width: 100% !important; 
 padding-right: 0 !important; 
}
div#vmMainPageOPC select {
 max-width: 95%; 
}
#vmMainPageOPC  div.right_column_ice {
  width: 100%; 
  float: left;
}



div#basket_container div.op_basket_row div.op_col7 {
 float: left; 
 position: relative; 
 width: 27%; 
 padding-left:5px;
}


div#vmMainPageOPC div#ajaxshipping span.hasTip, div#vmMainPageOPC div#payment_html span.hasTip {
  float: left; 
  clear: both; 
  
}



div.st_min_height {
   width: 100%; 
   min-height: auto;
}


div#vmMainPageOPC div.op_rounded div.op_rounded_fix div  div#rbsubmit {
 padding-top: 0px;
 vertical-align: bottom;
 text-align: right;
 width: 100%; 
 float: left;
 clear: both; 
}

div#vmMainPageOPC div.op_rounded div.op_rounded_fix div div#customer_note_place {
  width: 100%; 
  float: right;
}

/* end CSS  for two column theme but modified for table */
div#vmMainPageOPC div#onepage_main_div div.bill_to_section,div#vmMainPageOPC  div#onepage_main_div div#bill_to_section {
 width: 100%; 
 float: right;
 margin-right: 0%;  
 margin-left: 0; 
 padding-left: 0; 
 padding-right: 0; 
 clear: both; 
}

div#vmMainPageOPC div#onepage_main_div div.shipto_section, div#vmMainPageOPC div#onepage_main_div div.shipping_method_section, div#vmMainPageOPC div#onepage_main_div div.payment_method_section {
  width: 100%; 
 padding-left: 0; 
 padding-right: 0; 

  float: right;
 margin-left: 0%;  
 margin-right: 0; 
 clear: both; 
}

textarea#customer_note_field {
 float: right;
}
/* end CSS  for two column theme but modified for table */


}
