body, input, select, textarea {  font-family: Arial, Helvetica, sans-serif; color: #0a0a0a;  font-size: 13px; }
h1, h2 { font-style: italic; font-family: "Times New Roman", Times, serif; font-weight: normal; font-style: italic;  }
h1{ font-size: 2.23em;}
h2{ font-size: 2.23em;}
a{ color: #b20e10; text-decoration: none;}
a:hover{ text-decoration: underline;}

#site{ padding:2em; margin:3em auto; max-width: 60em;}
.c {clear:both;}

.box:before, .box:after {   content:"";   display:table;}
.box:after {  clear:both;}
.box {   zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

HR { clear: both; height: 5px;  background: url(../images/hr.png) repeat-x 0 50%;  border: none; margin: 30px 0; }

.path{ padding:0; margin:0; color:#909090; font-size:0.92em; font-variant: small-caps; letter-spacing: 0.5em;}
.path li{ float: left; margin-left:4em; display: inline-block;}
.path li:first-child{ margin-left:0em;}
.path a{ color:#000;}
.path .active{}

fieldset{ border:none; padding:0; margin:2em 0;}
label{ cursor:pointer;}
.inputs .error{ display:block; margin-bottom:0.5em; padding-top:5px; margin-left:32%; clear:both; font-size:0.9em;}
.checkbox-input-lift .error{ padding-top:5px;  font-size:0.9em; display:block; }
.inputs label{ display:block; float:left; width:30%; margin:9px 2% 0 0; text-align: right;}
.inputs input{ float:left; width: 65%; max-width: 380px; padding:5px;}
.input-buttons{ margin:2em 0 2em 32%; }

.checkbox-inputs{ padding-left:17.5%; font-size:1.2em; }
.checkbox-input-lift{ padding: 0 0 0 32%; }
.condition-link { padding:0 0 0 32%; }

.radio-inputs-grouped .legend{ font-weight: normal; display:block; float:left; width:30%; margin:9px 2% 0 0; text-align: right; }
.radio-inputs-grouped .radio-inputs-group{  float:left; width: 68%;}
.radio-inputs-hightlight{ float:left; margin:0 0 0 1em; text-align: center; border:1px solid transparent;}
.radio-inputs-hightlight img{ display: block; margin-bottom:5px;}
.radio-inputs-hightlight:first-child{ margin-left:0;}

.btn{ text-decoration: none;  padding: 7px 20px; line-height: normal; font-size: 1em; font-weight: bold; border:none;}
.btn.btn-main{ background: #b71234; color: #fff;}

.total-price{ font-size:1.5em; padding:0 0 0 32%;}

.req{ color:#b20e10; font-size:1.2em; margin-top:-1em; display: inline-block; }

@media only screen and (max-width: 45em){
	.checkbox-inputs, .checkbox-input-lift{ padding-left:0 }
	.radio-inputs-grouped .legend{ font-weight: normal; display:block; float:none; width:100%; margin:0 0 0.5em 0; text-align: left; }
	.radio-inputs-grouped .radio-inputs-group{  float:none; width: 100%;}
}
@media only screen and (max-width: 35em){
	.inputs label{ float:none; width:100%; margin:9px 2% 5px 0; text-align: left;}
	.inputs input{ float:none; width: 100%; }
	.input-buttons{ margin-left:0;}
}

#language { font-size: 13px; width: 125px; float: right; position: relative; background: url(../images/bg01.png) no-repeat 105px 9px; margin: 13px 0 0 0; z-index: 100; }
#language a { color: #0a0a0a; text-decoration: none; border: 1px solid #c3c3c3; display: block; padding: 3px 5px 3px 26px;}
#language ul { display: none; }
#language.open ul { display: block; position: absolute; width: 100%; }
#language.open { background: url(../images/bg01b.png) no-repeat 105px 9px; }
#language .et { background: url(../images/flag_et.png) no-repeat 5px 50%; }
#language .en { background: url(../images/flag_en.png) no-repeat 5px 50%; }
#language ul a { background-color: #fff !important; border-top: none; }

#paymentmethods ul { margin: 0; list-style-type: none; }
#paymentmethods ul li { float:left; margin: 3px; width: auto; }
.bank-logo { height: 40px;vertical-align: middle;display: table-cell;padding: 0 3px; }

ul { list-style: none; padding: 0; margin: 0; }
li { padding: 0; margin: 0; }

.error {color: #b20e10;}

.footer {margin: 3em auto; max-width: 60em; text-align: center;

}
.footer:before{
	content:""; display:block; height:1px; background:#e3e3e3; left:0; right:0; position: absolute;
}
.footer div { padding-top:3em;}
.footer strong{ font-weight: normal; font-style:italic; font-family: "Times New Roman", serif; font-size:1.5em;}
.footer .cols {text-align:left;  padding-top:20px;}
.footer .col{ float:left; width:33%;}
.footer .cols div {padding: 0 0 5px 0}

#logo_top { height:80px; }

@media only screen and (max-width: 520px) {
	.footer .col{ float:none; width:100%;}
}
