body, select {
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif !important;
font-size:12px !important;
line-height:1.3;
color:#000000;
padding:0px;
margin:5px;
line-height:normal;
}
select {
padding:3px;
}
span, label {
float:left;
width:170px;
clear:both;
}

p.error, ul.error li, .red {
color:#FF0000;
}
p.success {
font-size:14px;
font-weight:bold;
}
.required {
float:none;
color:#FF0000;
width:5px;

}
span.radioChoice {
width:auto;
}
textarea {
width:205px;
height:100px;
}
select {
margin:0;
margin-bottom:2px;
}
/* ADDED BY SLO  2013 07 11*/
#econom_categ {
      width:256px;
      width:auto\9;
  }
*:#econom_categ , *#econom_categ {
      width:auto;
  }

input.inputText,input.inputTextCaptcha  {
width:150px;
margin-bottom:2px;
-webkit-appearance: none;
}

h3,h4,h5 {
line-height:0px;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
* html h3 {
/*line-height:14px;*/
margin:0px 0px 15px 0px;
}
h4{
display:block;
font-size:12px;
/*margin:5px 0px 10px 0px;*/
line-height:12px;
}
h5{
display:block;
font-size:12px;
line-height:2px;
margin:0px;
padding:0px;
}
* html h5 {
margin:5px 0px 5px 0px;
}
div.colLeft {
float:left;
width:80%;
}
div.colRight,div.colRight2 {
float:left;
width:70%;
}

span, label
    {
    width:180px !important;
    }

div.spanSpecial span
    {
    width:180px !important;
    }

div.spanSpecial input.inputText, div.spanSpecial input.inputTextCaptcha, div.spanSpecial textarea
    {
    width:250px !important;
    }

hr {
float:left;
width:100%;
color: #000000;
background-color: #000000;
height: 1px;
border: 0;
}

div.button_contener{
    float:left;
    display:block;
    width:100%;
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif !important;
    font-size:12px !important;    
}
div.button_contener p{
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif !important;
    font-size:12px !important;      
}
div.button_contener input.button_submit{
    margin: 0 auto;
    display: block;
}
div.spanSpecial span {
width:150px;
}
div.spanSpecial input.inputText,div.spanSpecial input.inputTextCaptcha ,div.spanSpecial textarea {
    width: 57% !important;
}
* html div.spanSpecial span {
width:90px;
}
* html div.spanSpecial span.required {
width:2px;
}
* html div.spanSpecial input.inputText,* html div.spanSpecial input.inputTextCaptcha,* html div.spanSpecial textarea  {
    width:275px;
}
input.inputTextCaptcha,div.spanSpecial input.inputTextCaptcha {
width:150px;
}


.tip { color:#000; width:200px; font-family:arial; font-size:11px; background-color:#FCF5A3; background-image:url(../images/mid.gif);  }
.tip-top {height:12px; width:200px; background-image:url(../images/top.gif); }
.tip-title {
  font-weight:bold;
  margin:0 30px 0 50px;
}
.tip-text {  padding:5px; }
.tip-bottom { width:200px; height:12px; background-image:url(../images/bottom.gif); }
/*
    textarea
*/
.length-counter {
    font-size: 0.9em;
    display:block;
    margin-bottom:0.8em;
    float: none;
    padding: 10px 0 0 130px;
}
.length-counter .value {
    width: auto !important;
    padding-right:5px;
}
/*
    Field validations
*/
.validation-passed {
    color:#003399;
}
.validation-failed {
    background-color:#ffdddd;
    border:1px solid red;
}

.captcha-tool {
width: 300px;
clear:both;
}
.captcha-tool h4 {
margin:0.8em 0 0 0;
padding:0;
}
.captcha-tool p {
display: block;
float: left;
width: 40%;
}
.captcha-tool img {
margin-top:0.8em;
float:none;
display:block;
clear:both;
}
.captcha-tool input {
float:none;
margin: 0.8em 0 0.8em 0;
width:110px;
}
#captcha_label{
width:250px;
}
.fieldRequired label
{
    display: block;
    float: none;
    clear: both;
}
#subject_other
{
    width: 256px !important;
}
.enquiry_intro
{
    margin: 30px 0 10px 0;
    font-weight: bold;
}


@media all and (max-width:768px) /* TABLET */{

#contacts_frame
    {
    height:800px !important;
    }



/*.ui-datepicker {
    width: 33em !important;
}

.ui-state-default
    {
    padding:15px !important;
    margin:0px !important;
    width:40px !important;
    font-size:20px;
    }

.ui-datepicker-inline .ui-datepicker-prev {
    background-image: url("images/btn_prev.png");
    background-repeat:no-repeat;
    background-position:center center;
}

.ui-datepicker-inline .ui-datepicker-next {
    background-image: url("images/btn_next.png");
    background-repeat:no-repeat;
    background-position:center center;
}*/

}

@media all and (max-width:600px) /* HORIZONTAL PHONE */{

.inputText, inputTextCaptcha
    {
    width:92%!important;
    }


#webform {
    margin: 0;
    width:100%;
    line-height: 1.3em; }

.fc-tbx{
    bottom: 130px!important;
    float: none!important;
    left:0!important;
    opacity: 1;
    position: absolute;}


#age
    {
    width:120px;
    }

.colLeft
    {
    width:95%!important;
    }
.colRight
    {
    width:95%!important;
    }

span, label
    {
    width:190px;
    }


#contacts_frame
    {
    height:800px !important;
    }

.ui-datepicker {
    width: 27em !important;
}

.ui-state-default
    {
    padding:15px !important;
    margin:0px !important;
    width:25px !important;
    font-size:20px;
    }

.ui-datepicker-inline .ui-datepicker-prev {
    background-image: url("images/btn_prev.png");
    background-repeat:no-repeat;
    background-position:center center;
}

.ui-datepicker-inline .ui-datepicker-next {
    background-image: url("images/btn_next.png");
    background-repeat:no-repeat;
    background-position:center center;
}
div.spanSpecial input.inputText, div.spanSpecial input.inputTextCaptcha, div.spanSpecial textarea {
    width: 95% !important;
}
div.spanSpecial span {
    width: 170px !important;
}
.length-counter {
    padding: 5px 0 0 170px !important;
}
.inputText, .inputTextCaptcha
    {
    width:150px!important;
    }
div.spanSpecial input.inputText, div.spanSpecial input.inputTextCaptcha, div.spanSpecial textarea {
    width: 256px !important;
}
span, label {
    width: 170px !important;
}
.captcha-tool
{
width: 100%;    
}
label#captcha_label
{
    width:90% !important;
}
div.button_contener{
    float:left;
    display:block;
    width:92%;
    font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif !important;
    font-size:12px !important;    
}

}

@media all and (max-width:320px) /* VERTICAL PHONE */{


#contacts_frame
    {
    height:800px !important;
    }

.ui-datepicker {
    width: 18em !important;
}

.ui-state-default
    {
    padding:7px !important;
    margin:0px !important;
    width:20px !important;
    font-size:20px;
    }

.ui-datepicker-inline .ui-datepicker-prev {
    background-image: url("images/btn_prev.png");
    background-repeat:no-repeat;
    background-position:center center;
}

.ui-datepicker-inline .ui-datepicker-next {
    background-image: url("images/btn_next.png");
    background-repeat:no-repeat;
    background-position:center center;
}

.inputText, .inputTextCaptcha
    {
    width:92%!important;
    }
div.spanSpecial input.inputText, div.spanSpecial input.inputTextCaptcha, div.spanSpecial textarea {
    width: 95% !important;
}
span, label {
    width: 200px !important;
}

}