@import "reset.css";

/* ----------- GLOBAL VARIABLES ----------- */
@font-face {
	font-family: 'StagBook';
	src: url(../rac/fonts/StagSans-Book-Web.eot);
	src: url(../rac/fonts/StagSans-Book-Web?#iefix) format("embedded-opentype"), url(../rac/fonts/StagSans-Book-Web.woff) format("woff"), url(../rac/fonts/StagSans-Book-Web.ttf) format("truetype");
}
@font-face {
	font-family: 'StagMedium';
	src: url(../rac/fonts/StagSans-Medium-Web.eot);
	src: url(../rac/fonts/StagSans-Medium-Web?#iefix) format("embedded-opentype"), url(../rac/fonts/StagSans-Medium-Web.woff) format("woff"), url(../rac/fonts/StagSans-Medium-Web.ttf) format("truetype");
}
@font-face {
	font-family: 'StagBold';
	src: url(../rac/fonts/StagSans-Bold-Web.eot);
	src: url(../rac/fonts/StagSans-Bold-Web?#iefix) format("embedded-opentype"), url(../rac/fonts/StagSans-Bold-Web.woff) format("woff"), url(../rac/fonts/StagSans-Bold-Web.ttf) format("truetype");
}
@font-face {
	font-family: 'StagSemiBold';
	src: url(../rac/fonts/StagSans-Semibold-Web.eot);
	src: url(../rac/fonts/StagSans-Semibold-Web?#iefix) format("embedded-opentype"), url(../rac/fonts/StagSans-Semibold-Web.woff) format("woff"), url(../rac/fonts/StagSans-Semibold-Web.ttf) format("truetype");
}

/* LAYOUT
---------------------------------------------------------------------- */
body{ font-family: arial; font-size:13px; color:#444;  -webkit-text-size-adjust: 100%;font-family:"StagBook", Arial, Helvetica;}

#quick-search-wrapper{ background:#fff; max-width:100%; padding-bottom:12px; border:1px solid #A4BCC2;border-radius:3px; }
#QS-form{ margin:0; padding:2px 20px 20px;}

#product-type-element{ display:none}
.clear {clear:both;}

/* FORM
---------------------------------------------------------------------- */
.form-element{ padding: 5px 0 0; display:block; clear:both;}
.form-element label{ line-height:14px; display:block; padding:4px 0 0; font-weight:bold; width:115px; float:left; font-family: "StagBold", Arial, Helvetica;}
.select select, input[type=text]{ border: 1px solid #b2c2d6; border-radius:3px; color: #464646; padding:5px 7px; width: 100%; font-size:13px; position:relative; float:left; }
input[type=text]{  width: 98.5%;}
.input input{ border:1px solid #b2c2d6; border-radius:3px; color: #464646; padding:6px 7px; width:100%; font-size:13px; position:relative; float:left;}
.left{ margin-right:10px}

h3{ display:none}

#quick-search-title{ font-family: Arial, Helvetica, sans-serif; color: #000000;  }
#quick-search-title h1 {display:block; color:#425563;  font-size:14px; padding: 0.75em 1.5em ; font-weight: bold; background-color:#A4BCC2; font-family: "StagBold", Arial, Helvetica;  }
#quick-search-title p{ font-weight: normal;  font-size:13px; line-height:1.3em; padding:14px 20px 0;}

#quick-search-wrapper #poweredby{ display:none; margin:10px 0; text-align:right; line-height:18px; height:18px;}
#poweredby a{ display:block; float:right; background:url(../images/vibe-logo.png) no-repeat; width:77px; height:18px; text-align:left; text-indent:-2000px; margin-left:5px}

#pickup-element, #return-element{}
#return-element{ }
#quick-search-wrapper #pickup-element input, #quick-search-wrapper #return-element input{ max-width:50%; margin-top:5px;}
#quick-search-wrapper .select select#StartTime, #quick-search-wrapper .select select#EndTime{ max-width:48%; margin-top:5px; margin-left:5px; }

#customer-country-element{width:44%; position:relative; float:left; clear:none; clear:left;}
#adults-element, #children-element{width:28%; position:relative; float:left; clear:none;}
#quick-search-wrapper #adults-element select{ max-width: 90%; margin-left: 5px;}
#quick-search-wrapper #children-element select{ max-width: 98%; margin-left:5px;}
#adults-element  label, #children-element  label{padding:5px 0 0 5px; position:relative; float:left; clear:none;}
#children-element  label{width:115px;}

#promotion-element{ height:20px}
#promotion-element label{ float:left; line-height:18px}
#quick-search-wrapper #promotion-element input{ float:right; max-width:100px}

#search-element{ text-align:center; position:relative; float:right; clear:none; margin-bottom:0; padding:10px 0 0; width:100%; }
#search-element #Search{ background: #FFD100; border: 2px solid #ed8d00; border-radius:8px; color:#425563 ; font-weight:bold; font-family: "StagSemiBold", Arial, Helvetica; font-size:14px; padding:0.4em 1em; width:100%; display:block; color:#425563; font-weight: bold; cursor:pointer; }
#search-element span input[type="submit"]:hover, #search-element span input[type="submit"]:active{background: #FFD100 !important; border: 2px outset #ED8d00 !important; color:#182D3C !important ; }

.ui-datepicker{ position: absolute; top:-200px; font-size:0.8em; width:12.5em !important;}
.ui-datepicker tbody {font-size:90%;}

/* alerts */
.red{ color:#c00}
.green{ color:#006940}

@media screen and (max-width: 480px) {
    
        input[type=text]{  width: 94%;}
        #quick-search-wrapper .select select#StartTime, #quick-search-wrapper .select select#EndTime{ max-width:42%; margin-top:5px; margin-left:5px; }
        #quick-search-wrapper #children-element select{ max-width: 90%; margin-left:5px;}
}

@media screen and (max-width: 760px) and (min-width: 480px) {
    
        input[type=text]{  width: 96%;}
        #quick-search-wrapper .select select#StartTime, #quick-search-wrapper .select select#EndTime{ max-width:45%; margin-top:5px; margin-left:5px; }
        #quick-search-wrapper #children-element select{ max-width: 96%; margin-left:5px;}
}

@media screen and (max-width: 991px) and (min-width: 760px) {
    
        input[type=text]{  width: 98.2%;}
        #quick-search-wrapper .select select#StartTime, #quick-search-wrapper .select select#EndTime{ max-width:47.6%; margin-top:5px; margin-left:5px; }
        #quick-search-wrapper #children-element select{ max-width: 98%; margin-left:5px;}
}