body {
    font-size: 62.5%;
}

.container{
    margin:5px 0px 5px 0px;
}
.heading{
    padding:5px 10px 5px 10px;
    text-align:left;
}
.content{
    padding:5px 10px 5px 10px;
}

.left{
    float:left;
}
.right{
    float:right;
}

.bold{
    font-weight:bold;
}

.light-shadows {
    box-shadow:2px 2px 4px #000;
    -webkit-box-shadow:2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
}
.dark-shadows {
    box-shadow:10px 10px 20px #000;
    -webkit-box-shadow:10px 10px 20px #000;
    -moz-box-shadow: 10px 10px 20px #000;
}

/* prize vouchers */

.prize_text{
    width:95%;
    float:left;
    text-align:justify;
}
.prize_checkbox{
    width:5%;
    float:right;
    text-align:right;
}

/* sending options */

.send_options{
    width:85%;
    float:left;
}
.send_option{
    width:50%;
    float:left:
}
.send_radio{
    width:8%;
    float:left;
}
.send_text{
    width:92%;
    float:right;
    font-weight:bold;
}
.explain_options{
    width:15%;
    float:right;
}
.explain_popup{
    visibility:hidden;
    position:absolute;
    top:150px;
    left:30%;
    width:600px;
    border:3px solid #5d91cd;
    background-color:white;
    font-size:12px;
}

/* total cost of vouchers */

.vouchers_total_text{
    width:70%;
    float:left;
    text-align:left;
    font-weight:bold;
}
.vouchers_total_button{
    width:30%;
    float:right;
    text-align:right;
}

/* voucher header */

.header_name{
    width:50%;
    float:left;
}
.header_cost{
    width:15%;
    float:right;
    text-align:right;
}
.header_price{
    width:35%;
    float:left;
}
.header_currency{
    width:30%;
    float:left;
}
.header_value{
    width:35%;
    float:left;
}
.header_contact{
    width:25%;
    float:right;
    text-align:right;
}
.header_code{
    width:50%;
    float:right;
    text-align:right;
}

/* voucher details */

.voucher_details{
    width:70%;
    float:left;
}
.voucher_image {
    width: 230px;
    height: 153px;
    float: right;
    text-align:right;
}
.voucher_description{
    width:100%;
    text-align:justify;

}
.voucher_selection{
    width:100%;
    font-weight:bold;
    padding:5px 0px 10px 0px;
}
.voucher_value{
    width:33%;
    float:left;
    text-align:left;
}
.voucher_quantity{
    width:33%;
    float:left;
}
.voucher_subtotal{
    width:34%;
    float:left;
}
.quantity_text{
    width:45%;
    float:left;
    text-align:right;
}
.quantity_arrow{
    width:10%;
    float:left;
    cursor:pointer;
}
.quantity_input{
    width:20%;
    float:left;
}

/* recipient details */

.recipient_form{
    width:100%;
    text-align:left;
    padding-top:10px;
}
.recipient_column{
    width:50%;
    padding-bottom:2px;
}
.recipient_text{
    width:34%;
    float:left;
}
.recipient_input{
    width:66%;
    float:right;
}
.recipient_full_column{
    width:100%;
    padding-bottom:2px;
}
.recipient_full_text{
    width:17%;
    float:left;
}
.recipient_full_input{
    width:83%;
    float:right;
}
.copy_details{
    width:100%;
    padding-bottom:10px;
}
.recipient_details{
    width:100%;
    padding-bottom:10px;
    font-weight:bold;
}

/* summary section */

.summary_name{
    width:60%;
    float:left;
}
.summary_price{
    width:10%;
    float:left;
    padding-right:10%;
}
.summary_quantity{
    width:10%;
    float:left;
}
.summary_subtotal{
    width:10%;
    float:left;
}
.summary_total{
    width:90%;
    float:left;
}
.voucher_type{
    width:20%;
    float:left;
}
.voucher_price{
    width:10%;
    float:left;
    padding-right:10%;
}
.valid_in{
    width:60%;
    float:left;
}
.currency{
    width:40%;
    float:left;
}
.value{
    width:60%;
    float:left;
    text-align:right;
}

/* payment section */

.payment_details{
    width:55%;
    float:left;
}
.payment_images{
    width:45%;
    float:right;
}
.payment_column{
    width:100%;
    float:left;
    padding-bottom:2px;
}
.payment_text{
    width:35%;
    float:left;
}
.payment_input{
    width:65%;
    float:right;
}
.payment_date{
    width:40%;
    float:left;
}
.payment_cvv{
    width:60%;
    float:right;
    text-align:right;
}
.payment_thawte{
    width:32%;
    float:right;
    padding-top:7px;
    text-align:right;
}
.payment_cards{
    width:68%;
    float:left;
    padding:20px 0px 20px 0px;
}

/* currency section */

.currency_description{
    width:100%;
    float:left;
    text-align:justify;
    padding-bottom:10px;
}
.currency_option{
    width:20%;
    float:left;
}

/* terms and conditions */

.read_terms{
    width:10%;
    float:left;
}
.agree_terms{
    width:90%;
    float:right;
    text-align:right;
}

.header_terms{
	width:23%;
	float:left;
	padding-top:5px;
}
.header_accept_terms{
	width:60%;
	float:left;
	padding-top:5px;
}
.header_read_terms{
	width:15%;
	float:right;
	text-align:right;
	padding-top:5px;
}

/* confirm voucher section */

.confirm_text{
    width:85%;
    float:left;
    text-align:center;
}
.confirm_button{
    width:15%;
    float:right;
    text-align:right;
}
.charged_to_card{
    font-size:8;
    font-family:Verdana, Arial, Times New Roman;
    padding:0px 40px 4px 40px;
}
.site_protected{
    font-size:7pt;
    padding:2px 40px 2px 40px;
    color:#666666;
}
.report_error{
    font-size:1;
}

/* contact details */

.contact_label{
    width:20%;
    float:left;
}
.contact_text{
    width:80%;
    float:right;
}

/* footer */

.generic_footer{
    text-align:right;
}

/* purchase button */

button{
    cursor:pointer;
}

.explain_button{
    width:100px;
    height:20px;
    cursor:pointer;
}

.purchase_voucher_button{
    width:175px;
    height:20px;
    cursor:pointer;
}

.confirm_voucher_button, .shop_more_button{
    width:130px;
    height:25px;
    cursor:pointer;
}

.engine_tab{
    min-width:130px;
    height:30px;
    cursor:pointer;
}

/* recipient fields */

.recipient_input_field{
    width:190px;
    height:15px;
}
.large_recipient_input_field{
    width:510px;
    height:15px;
}
.recipient_select{
    width:194px;
    height:21px;
}
.recipient_textarea{
    width:510px;
    height:45px;
}

/* customer fields */

.customer_input_field{
    width:280px;
    height:15px;
}
.large_customer_input_field{
    width:739px;
    height:15px;
}
.customer_select{
    width:284px;
    height:21px;
}
.copy_select{
    width:180px;
    height:21px;
}

/* payment fields */

.payment_input_field{
    width:325px;
    height:15px;
}
.payment_cvv_field{
    height:15px;
}
.payment_select{
    height:20px;
}
.payment_question{
    height:16px;
}

/* alert dialogs */

.alert_icon{
    float:left;
    width:3%;
    text-align:left;
}
.alert_text{
    float:right;
    width:97%;
    text-align:justify;
    font-weight:bold;
    font-size:13px;
}

/* form validation */

.redArrows{
    color:#FF0000;
    visibility:hidden;
}
.language{
    float: left;
    display:inline;
    padding-top:10px;
    padding-right:10px;
}

.languageSelect{
    border: none;
}

.language_text{
    display: inline;
    height: 32px;
}

.flags{
    display: inline;
}

/* total cost of vouchers */
.vouchers_total_top{
    text-align:right;
    display: inline;
    float:right;
}

.vouchers_total_text_top{
    display:inline;
    text-align:right;
    font-weight:bold;
    vertical-align: right bottom;
}
.vouchers_total_button_top{
    width:30%;
    display:inline;
    text-align:right;
    vertical-align: right bottom;
}

/* sea 2 summit form */

.attendee_full_column{
    width:100%;
    padding:3px 0px 3px 0px;
	vertical-align:top;
}
.attendee_full_text{
    width:40%;
    float:left;
}
.attendee_full_input{
    width:60%;
    float:right;
}
.attendee_input_field{
    width:280px;
    height:40px;
}