* { margin: 0; padding: 0; }
body { font: .74em "Trebuchet MS", Tahoma, Arial, Tahoma, sans-serif; line-height: 1.64em; background: #FFF; color: #444; }
a { color: #299DCA;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.blue { color: #299DCA; }
.white { color: #FFF; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.4em Georgia, Arial, Sans-Serif; margin: 15px 0 0 0; }
h1 a { color: #444; text-decoration: none;}
h1 a:hover { color: #444; background: inherit; text-decoration: underline; }
h2 { font: bold 1.9em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
ul { list-style: none; }
.clear { width: 100%; overflow: hidden; }
.hidden { display: none !important; }

.content { width: 920px; margin: 0 auto; position: relative; }
.logo { border-bottom: 5px solid #7DD0F1; height: 48px; }
.session-failed { min-height: 50px; padding: 12px 6px; border: solid 1px #F00; border-bottom-width: 5px; font-size: 1.3em; text-align: center; color: #C00; font-weight: bold; }

.menu { position: absolute; top: 0; right: 15px; height: 53px; background-color: #FFF; padding: 0 5px; }
.menu ul { border-bottom: 5px solid #E0E0E0; height: 48px; list-style: none; }
.menu ul li { float: left; height: 48px; padding-left: 5px; border-left: solid 1px #CCC; }
.menu ul li a { float: left; padding: 14px 20px 0 17px; background: #fff url(images/menuarrow.jpg) no-repeat 5px 21px; font-size: 1.2em; font-weight: bold; }
.menu ul li a:hover { text-decoration: underline; }

.deco { clear: both; background: #CCC url(images/teaser.jpg) no-repeat; color: #333; height: 150px; padding: 35px 0 0 20px; margin-top: 5px; }

.left { clear: left; float: left; width: 577px; margin: 15px 0 15px; }
.left a { background: #EFFCFF; }
.left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }

#right { position: relative; top: -80px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: .9em; background: #fff; border: solid 1px #CCC; border-bottom-width: 5px; }
#right img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
#right .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }

.footer { clear: both; border-top: 1px solid #ccc; padding: 10px 0 0 0; font-size: .9em; color: #9B9B9B; background-color: #FFF; }
.footer a { color: #808080; background: #fff; font-weight: bold; }
.footer a:hover { text-decoration: underline; }
.footer .right{ float: right; padding: 0 0 0 15px; }

.footer .ssl { float: left; }

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

.btn { width: 100%; overflow: hidden; }
.btn input, .room input { float: right; background: transparent url(images/bg-btn.gif) repeat-x left center; border: solid 1px #666; padding: 4px 10px 5px 10px; font-weight: bold; cursor: pointer; }
.room input { padding: 2px 4px; }

/* ---< 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: #444; float: left; height: 21px; line-height: 22px; text-align: center; width: 92px; font-size: 0.9em; background-color: #E7E7E7; 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: #C00; }
.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; }

/* ---< 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 : ADDITIONAL SERVICES >-------------------------------------------- */
.additional-services .items h4 { font-size: 1.1em; }
.additional-services .name { margin: 0px 20px 0px 3px; }
.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; }

/* ---< 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 .price-info { font-size: 1.5em; background: #FFF; border: solid 1px #CCC; padding: 8px; margin-top: 18px; text-align: right; position: relative; }
.package-details .price-info .price { color: #C00; font-weight: bold; padding-left: 10px; }
.package-details .price-info #p_error_msg { display: block; color: #C00; 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 { padding-bottom: 8px;  }
.package-details .passengers .item { width: 100%; overflow: hidden; margin-bottom: 7px; }
.package-details .passengers .item label { float: left; width: 120px; text-align: right; padding: 2px 10px 0 0; }
.package-details .passengers .item select { float: left; width: 90px; }
.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 span {  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 .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.1em; }
.additional-services .items .item { width: 100%; overflow: hidden; }
.additional-services .items .item input { float: left; }
.additional-services .items .item label { float: left; margin: -2px 0 0 10px; }

/* ---< 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: #C00; 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; }