.c-clear { width: 100%; overflow: hidden; }

.c-box { border: solid 1px #CCC; padding: 15px; width:560px; overflow: hidden; margin: 5px 0; border-bottom-width: 5px; }
.c-box h2 { border-bottom: solid 1px #CCC; margin: -5px 0 15px 0; padding: 0 0 5px 0; }
.c-box h3 { border-bottom: solid 1px #CCC; margin: -5px 0 5px 0; padding: 0 0 5px 0; }

  .hidden { display: none; }

/* ---< BOOKING ENGINE : FORM VALIDATION >------------------------------------------------ */
.validation-failed { border: 1px solid #C00 !important; background-color: #B1FEC2 !important; }
.validation-passed { }
.validation-advice { margin: 2px; padding: 2px; color: #FFF; background-color:#f00; }
.warning { border: 1px solid #c66; }
.warning-advice { margin: 2px; padding: 2px; color:#FFF; background-color:#BBB; }

/* ---< BOOKING ENGINE : QUICK SEARCH >--------------------------------------------------- */
.qs .search-switcher ul { list-style: none; }
.qs .search-switcher ul li { float: left; width: 142px; color: #000; margin-bottom: 5px; }
.qs .search-switcher ul li input, .search-switcher ul li label { float: left; }
.qs .search-switcher ul li label { line-height: 1em; padding: 2px 5px 3px 5px; cursor: pointer; text-transform: uppercase; }
.qs .search-switcher { border-bottom: solid 1px #CCC; width: 100%; overflow: hidden; }

.qs .sel label { float: left; width: 62px; text-transform: uppercase; text-align: right; padding: 0 10px 0 0; }
.qs .sel select { float: left; width: 180px; font-size: 1em; }
.qs .bigsel { width: 100%; overflow: hidden; margin: 3px 0; }
.qs .row { padding: 5px 0 4px 5px; border-bottom: solid 1px #CCC; width: 280px; overflow: hidden; }
.qs .person { width: 100%; overflow: hidden; }
.qs .person label { width: 182px; }
.qs .person select { width: 60px; }
.qs .btn { width: 100%; overflow: hidden; margin-top: 7px; }
.qs .btn input { float: right; margin-right: 26px; cursor: pointer; }

.qs .date { width: 100%; overflow: hidden; margin: 0; }
.qs .date label { float: left; width: 62px; text-transform: uppercase; text-align: right; padding: 0 10px 0 0; }
.qs .date input { float: left; width: 80px; }
.qs .date img { float: left; cursor: pointer; }
.qs #dates img.ui-datepicker-trigger { margin: -2px 0 10px 2px; }
.qs .dates input { height:15px; width:66px; font-size:1em;}
.qs .dates label { float:left; margin-top:3px; padding-right:11px; text-align:right; width:30px; }
.qs .dates { height:58px; margin-top:13px; }
.qs .check-in { }
.qs .check-out { }


/* ---< BOOKING ENGINE : STEPPER >-------------------------------------------------------- */
#steps ul { width: 100%; overflow: hidden; list-style: none; margin-bottom: 12px; }
#steps ul li { float: left; color: #fff; float: left; height: 21px; line-height: 22px; text-align: center; width: 92px; font-size: 0.9em; background-color: #CC6600; margin-right: 5px; text-transform: uppercase; border-bottom: solid 5px #CCC; }
#steps ul li.active { background-color: #444; color: #FFF; font-weight: bold; }

/* ---< BOOKING ENGINE : CURRENT BOOKING DATA >------------------------------------------- */
.current-booking-data .trip-info { margin-bottom: 12px; }
.current-booking-data .flight-info { width: 265px; float: left; }
.current-booking-data h3 { font-size: 1.1em; margin-bottom: 5px; }
.current-booking-data .flight-info h3 span { font-weight: normal; color: #7D7D7D; }
.current-booking-data .hotel-info { margin: 12px 0; }
.current-booking-data .hotel-info p img { float: left; margin: 3px 10px 10px 0; }
.current-booking-data .hotel-info h3 span.blue { font-weight: normal; }
.current-booking-data .flight-departure { margin-right: 15px; }
.current-booking-data .price-info {  }
.current-booking-data .price-info ul li { text-align: right; font-size: 1.3em; }
.current-booking-data .price-info ul li span { font-weight: bold; }
.current-booking-data .price-info ul li.total-price { font-size: 1.5em; }
.current-booking-data .price-info ul li.total-price span { color:#CC6600; }
.current-booking-data ul li h4 { width: 100%; overflow: hidden; }
.current-booking-data ul li h4 span { float: left; }
.current-booking-data ul li h4 span.type { width: 80px; font-weight: bold; }
.current-booking-data .multiplier {margin-left:10px;}

/* ---< BOOKING ENGINE : FIND HOTELS >---------------------------------------------------- */
.find-hotels .hotel { position: relative; margin-bottom: 30px; }
.find-hotels .hotel .stars { position: absolute; top: 0; right: 0; background: transparent url(images/stars.gif) no-repeat 0 0; text-indent: -9999px; width: 96px; height: 16px; }
.find-hotels .hotel .stars-2 { background-position: 0 -16px; }
.find-hotels .hotel .stars-3 { background-position: 0 -32px; }
.find-hotels .hotel .stars-4 { background-position: 0 -48px; }
.find-hotels .hotel .stars-5 { background-position: 0 -64px; }
.find-hotels .hotel p.desc { width: 100%; overflow: hidden; clear: both; }
.find-hotels .hotel p.desc img { float: left; margin: 3px 10px 10px 0; }
.find-hotels .rooms { border-top: solid 1px #CCC; padding: 10px 0 0 0; }
.find-hotels .room { width: 100%; overflow: hidden; margin-bottom: 10px; border-bottom: solid 1px #CCC; padding-bottom: 10px; }
.find-hotels .room span { float: left; }
.find-hotels .room span.name { width: 200px; margin-right: 30px; font-weight: bold; }
.find-hotels .room span.price { width: 110px; margin-right: 10px; }
.find-hotels .room span.price span.blue { font-weight: bold; font-size: 1.2em; }
.find-hotels .room input { float: left; }

/* ---< BOOKING ENGINE : FIND CARS >---------------------------------------------------- */
.find-cars .car { position: relative; margin-bottom: 30px; }
.find-cars .types { border-top: solid 1px #CCC; padding: 10px 0 0 0; }
.find-cars .type { width: 100%; overflow: hidden; margin-bottom: 10px; border-bottom: solid 1px #CCC; padding-bottom: 10px; }
.find-cars .type span { float: left; }
.find-cars .type span.name { width: 200px; margin-right: 30px; font-weight: bold; }
.find-cars .type span.price { width: 110px; margin-right: 10px; }
.find-cars .type span.price span.blue { font-weight: bold; font-size: 1.2em; }
.find-cars .type input { float: left; }

/* ---< BOOKING ENGINE : PASSENGER INFORMATION >------------------------------------------ */
.passenger-form .passenger-info { float: left; width: 32%; margin-bottom: 20px; }
.passenger-form .passenger-info .item { margin-bottom: 3px; width: 100%; overflow: hidden; }
.passenger-form .passenger-info .item label { float: left; margin-right: 10px; padding-top: 0; text-align: right; width: 65px; }
.passenger-form .passenger-info .item input { float: left; width: 85px; }
.passenger-form .passenger-info .item select { float: left; width: 60px; font-size: 1em; }

/* ---< BOOKING ENGINE : PACKAGE DETAILS >------------------------------------------------ */
.package-details .package-item h3 { font-size: 1.3em; font-weight: normal; }
.package-details .package-items ul li { width: 100%; overflow: hidden; line-height: 1em; margin-bottom: 12px; }
.package-details .package-items ul li span.cbclass { float: left; width: 25px; }
.package-details .package-items ul li label { float: left; }
.package-details .package-items ul li.flight label span { float: left; padding-top: 1px; }
.package-details .package-items ul li.flight label span.code { width: 75px; }
.package-details .package-items ul li.flight label span.departing { width: 150px; }
.package-details .package-items ul li.flight label span.arriving { width: 150px; }
.package-details .package-items ul li.hotel label { width: 620px; line-height: 1.6em; }
.package-details .package-items ul li.hotel span.cbclass { padding-top: 2px; }
.package-details .package-items ul li select { font-size: 0.9em; }
.package-details .price-info { font-weight:bold;font-size: 1.2em; background: #FFF; border: solid 1px #CCC; padding: 8px; margin-top: 18px; text-align: right; position: relative; }
.package-details .price-info .price { color: #CC6600; font-weight: bold; padding-left: 10px; }
.package-details .price-info #p_error_msg { display: block; color: #CC6600; font-weight: bold; }
.package-details .buttons { width: 100%; overflow: hidden; margin: -35px 0 4px 0; }
.package-details .buttons input { float: left; cursor: pointer; }
.package-details .buttons .price-calculator { margin-right: 10px; }
.package-details .buttons .btn { float: right; padding-right: 4px; }
.package-details .buttons img { float: right; margin: 6px 8px 0 0; }
.package-details .buttons .btn input { }
.package-details .buttons .disabled input {  }
.package-details .buttons .disabled {  }
.package-details .helper { border:1px dashed #CCCCCC;font-size:0.9em;margin-bottom:10px;padding:5px;background-color:#EEEEEE; }
.package-details .passengers .item { width: 100%; overflow: hidden; margin-bottom: 7px; }
.package-details .passengers .item label { font-size: 0.9em; float: left; width: 120px; text-align: right; padding: 2px 10px 0 0; }
.package-details .passengers .item select { float: left; width: 50px; font-size:0.9em; }
.package-details .departure-date label {float:left;padding:2px 10px 0 0;text-align:right;width:120px; font-size:0.9em;}
.package-details .departure-date select {float: left; width:150px;font-size:0.9em;}
.package-details #p_error_msg { position: absolute; top: 0; left: 0; background: #666 url(images/error.png) no-repeat 14px 10px; width: 100%; height: 100%; text-align: left; font-size: 1em; color: #FFF; font-weight: bold; }
.package-details #p_error_msg h3 {margin:10px; }
.package-details #p_error_msg span { display: block; margin: -16px 0 0 50px; color: #FFF; }
.package-details #p_error_msg a { color: #FFF; }
.package-details .facebook-share { line-height: 1em; text-align: right; margin: 22px 0 0 0; }

/* ---< BOOKING ENGINE : ADDITIONAL SERVICES >-------------------------------------------- */
.additional-services { }
.additional-services .items h4 { font-weight: bold; font-size: 1em; margin-bottom: 5px; }
.additional-services .fi_btn input { color: #fff; font-weight: bold; background: url(/Images/Plusferdir/button-green.gif) no-repeat; width: 138px; border: none; padding-bottom: 3px; }
.additional-services .name { margin: 0px 20px 0px 3px; }
.additional-services .date { margin-left:5px; padding-right:10px; }
.additional-services .price { margin-right: 20px; color: #C00; font-weight: bold; }
.additional-services .price-info { font-size: 1.18em; font-weight: bold; margin: 20px 0px; }
.additional-services #TotalPrice { color: #CC0000; }
.additional-services .items h3 { margin: 20px 0 0 0; font-size: 1.2em; }
.additional-services .items .item { width: 100%; overflow: hidden; margin-bottom:5px;}
.additional-services .items .item input { float: left; margin:1px; }
.additional-services .items .item label { float: left; margin: -2px 0 0 10px; }
.additional-services .items .item select { float: left; margin: 0 0 0 10px;width:120px;font-size:1em; }
.additional-services #hotelpickup { background:white url(../images/corner.png) no-repeat scroll 0 0; border:1px solid; margin-left:242px; margin-top:-134px; padding:5px; position:absolute; z-index: 1000;}     
.additional-services #hotelpickup span { width: 90px; float: left; padding-top:3px; }        
.additional-services #hotelpickup select {}
.additional-services #hotelpickup .hotels select { width: 250px; }
.additional-services #hotelpickup .time select {}
.additional-services #hotelpickup .price { margin: 0 0 5px;; }
.additional-services #hotelpickup .price span { display: block; }
.additional-services #hotelpickup .cancel { left:210px; position:absolute; top:136px; margin: 0; padding: 0; }
.additional-services #hotelpickup .cancel a { color:#666666; }                            
.additional-services #hotelpickup .button { left:267px; position:absolute; top:133px; width:80px; }
<!--[if lt IE 7]>
.additional-services #hotelpickup .button { left: 0px; }
<![endif]-->


/* ---< BOOKING ENGINE : PAYMENT >-------------------------------------------------------- */
.payment-form { margin-top: 20px; }
.payment-form h3, .passenger-form h3, .additional-services h3 { background: url(images/dot-line.gif) repeat-x 0 100%; padding-bottom: 5px; margin-bottom: 12px; margin-top: 3px; }
.payment-form .mastercard, .payment-form .visa { width: 50%; float: left; padding-top: 12px; }
.payment-form .mastercard { background: url(images/dot-line-vert.gif) repeat-y 100% 0; }
.payment-form .masterbackground { background: url(images/mastercard_logo.gif) no-repeat 6px 0; }
.payment-form .visabackground { background: url(images/visa_logo.gif) no-repeat 6px 0; }
.payment-form ul.masterbackground, .payment-form ul.visabackground { padding-left: 80px; }
.payment-form li { margin-bottom: 5px; width: 100%; overflow: hidden; }
.payment-form li input { float: left; margin: 3px 7px 10px 0; }
.payment-form li label { cursor: pointer; }
.payment-form .info { background: url(images/dot-line.gif) repeat-x 0 100%;  padding-bottom: 24px; }
.payment-form .passenger-selection { margin: 3px 0 17px 0; }
.payment-form .passenger-selection label { margin-right: 5px; }
.payment-form .passenger-selection, .payment-form .input-fields > div { width: 100%; overflow: hidden; margin-bottom: 8px; }
.payment-form select { font-size: 1em; float: left; margin-top: 1px; }
.payment-form select#cc_valid_month { margin-right: 10px; }
.payment-form .payment-info input, .payment-form .customer-info input, .input-fields input { float: left; border: solid 1px #BCBCBC; width: 180px; font-size: 1em; padding: 1px 3px 3px 3px; }
.payment-form .payment-info label, .payment-form .customer-info label, .input-fields label { float: left; margin-right: 10px; padding-top: 2px; text-align: right; width: 130px; }
.payment-form #cc-valid-year { margin-left: 5px; }
.payment-form .total-price h2 { margin-bottom: 20px; font-weight: normal; }
.payment-form .total-price span.price { font-weight: bold; color:#CC6600; font-size: 1.3em; }
#giftvoucher_code { margin-right: 10px !important; }

.payment-form .paytype label.invalid { color:red; font-weight:bold; left:279px; position:absolute; top:881px; }                
.passenger-form .item input.invalid, 
.payment-form .input-fields input.invalid { background-color: #63F8CF; }
.payment-form .input-fields label.invalid { color: red; display: block; float: right; font-weight: bold; text-align: left; font-size: 0.9em; margin: 3px 0 0 20px; padding: 0 !important; width: 180px !important; }
.passenger-form .item span.invalid { float:right; color: red; display: block; font-weight: bold; text-align: left; font-size: 0.9em; padding: 0 12px 0 0 !important; width: auto !important; }

/* ---< MOODALBOX >----------------------------------------------------------------------- */
.payment-box { background-color: #FFF; border-color: #000; width: 700px; }
.payment-box h2 {}
.payment-box div.load { text-align: center; margin: 40px 0; }
.payment-box p { text-align: center; font-size: 1.2em; }
.zbox-overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 50; }
.booking-loader { text-align: center; padding: 20px 0; }


/*	BOOKING ERROR MESSAGES:
	----------------------------------------------------------------------------------------------- */
#booking_loader_container { display: none; }
.booking-preloading-message h2, .booking-error h2 { margin: 20px 0 12px 0; padding: 0; font-size: 2.3em; font-weight: normal; text-align: center; color: #FF3399; }
.booking-preloading-message img { position: relative; margin: 30px 0 30px -27px; }
.booking-preloading-message p { font-size: 1.2em; padding: 0 30px; text-align: center; color: white; }
.booking-preloading-message a { color: white; }
.booking-error { position: relative; width: 650px; height: 435px; }
.booking-error ul { margin-top: 40px; }
.booking-error ul li { width: 100%; font-size: 1.4em; overflow: hidden; padding-bottom: 4px; }
.booking-error ul li span { float: left; }
.booking-error ul li span b { color: #C00; }
.booking-error ul li span.error-code { margin-left: 20px; width: 130px; }
.booking-error ul li span.error-message { width: 400px; }
.booking-error ul li span.amount { width: 100px; }
.booking-error p.error-explain { font-size: 1.2em; margin-left: 20px; color: #999; }
.booking-error a { position: absolute; bottom: 20px; right: 20px; color: #C00; font-size: 1.4em; font-weight: bold; }


.currency-converter table {border:0 none;float:left;margin:0;padding:0;}
.currency-converter table tbody tr {}
.currency-converter table tbody tr td {}
.currency-converter table tbody tr.alt td {background-color:#f0f0f0;}
                                                                                                                                                                         
.package-details #message_box { background-color: #EEE; padding: 4px 8px 4px 26px; color: #333333; margin: 6px 0; border:1px dashed #CCCCCC;}
.package-details #message_box.message { background: #EEE url(images/icon-attn.png) no-repeat 4px 4px; }
.package-details #message_box.error { background: #EEE url(images/icon-attn.png) no-repeat 4px 4px; font-weight: bold; }