/* --	RESET ------------------------------------------------------------------------------  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
* { margin: 0; padding: 0; }
form { display:inline; margin:0; padding:0; }
a { font-size: 1.2em; }

/* --	COMMON CLASSES ---------------------------------------------------------------------  */
.clear { width: 100%; overflow: hidden; clear: both; }
.hidden { display: none; }

/* --	MAIN LAYOUT ------------------------------------------------------------------------  */
body { background: #FFF; font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; border-top: solid 3px #232323; }
div.main { width: 959px; margin: 0 auto; position: relative; }
.tel { font-size: 1.7em; position: absolute; top: 10px; right: 0; color: #05346E; background: url(img/icon-tel.gif) no-repeat top left; padding: 2px 0 6px 27px; }
.box { border: solid 1px #C7C7C7; background: #FFF url(img/bg-box.gif) repeat-x bottom left; margin-bottom: 9px; }
.ads { background: #FFF; }
.footer { background: #EAEAEA; }

/* --	HEADER -----------------------------------------------------------------------------  */
.header > a { float:left; height:100px; min-width:176px; position:absolute; }
.header > a > h1 { position: absolute; top: 10px; left: 0; text-indent: -99999px; ___background: transparent url(img/logo.png) no-repeat top left; width: 176px; height: 93px; }
.header { width: 100%; float: left; min-height: 100px; background:url("img/logo.png") no-repeat scroll left bottom transparent; }
.header ul.main { position: relative; margin-top: 55px; float: right; z-index: 100; }
.header ul.main li { float: left; position: relative; }
.header ul.main li a { float: left; font: bold 1.5em "Trebuchet MS"; text-transform: uppercase; text-decoration: none; color: #404040; margin: 0; padding: 0 8px 4px 8px; }
.header ul.main li a:hover { text-decoration: underline; }
.header ul.main li.selected a.haschildren { background-color: #FFF; border-left: solid 1px #CCC; border-right: solid 1px #CCC; }
.header ul.main li.selected a, .header ul.sub li.selected { color:#05346E; }
.header ul.main li.selected ul { display: none; }
___.header div.sub-menu li { display: none; }
.header div.sub-menu { background:url("img/bg-submenu.gif") repeat-y scroll left top transparent; float:right; font-size:1.1em; min-height:17px; padding:5px 8px 0 0; right:0; width:710px; z-index:90;}
.header ul.sub li { float: right; margin:4px 3px 5px; }
.header ul.sub li a { float: left; color: #272727; text-decoration: none; margin-left: 7px; }
.header ul.sub li a:hover { text-decoration: underline; }
.header ul.sub li.selected { font-weight: bold; color:#05346E; }
.header .back-link { color:#05346E; float:left; font-size:16px; font-weight:bold; left:206px; padding:4px; position:relative; top:63px; display: none; }

ul.sub_nav { position: absolute; right:275px; top:13px; z-index: 100; }
ul.sub_nav li { float: left; position: relative; }
ul.sub_nav li a { float: left; font: 1.4em "Trebuchet MS"; text-transform: uppercase; text-decoration: none; color: #404040; margin: 0; padding: 0 8px 4px 8px; }
ul.sub_nav li a:hover { text-decoration: underline; }

/* --	FRONT PAGE MAIN BOX ----------------------------------------------------------------  */
.fp-box { height: 415px; position: relative; float: left; width: 100%; }
.fp-box .quick-search { position: absolute; top: 9px; left: 9px; width: 230px; background-color: #05346E; height: 397px; }
.fp-box .carousel { position: absolute; top: 9px; left: 248px; width: 700px; background-color: #FFF; height: 397px; }
.fp-box .carousel ul { float: right; width: 172px; border-top: solid 1px #C6C6C6; border-right: solid 1px #C6C6C6; }
.fp-box .carousel ul li { height: 65px; background: #FFF url(img/bg-box.gif) repeat-x bottom left; border-left: solid 1px #C6C6C6; border-bottom: solid 1px #C6C6C6; }
.fp-box .carousel ul li a { display: block; font-size: 1.4em; color: #404040; text-decoration: none; height: 65px; background: transparent url(img/bg-arrow.png) no-repeat 10px 14px; }
.fp-box .carousel ul li a:hover { text-decoration: underline; }
.fp-box .carousel ul li a span { float: left; margin: 10px 0 0 27px; width: 135px; }
.fp-box .carousel ul li img, .fp-box .carousel ul li span.entry { display: none; }
.fp-box .carousel ul li.selected { background: #194479 url(img/bg-carousel-active.gif) repeat-x bottom left; }
.fp-box .carousel ul li.selected a { background-image: none; color: #FFF; }
.fp-box .carousel .image { float: right; width: 526px; height: 395px; border-top: solid 1px #C6C6C6; border-left: solid 1px #C6C6C6; border-bottom: solid 1px #C6C6C6; overflow: hidden; }
.fp-box .carousel .image img { width: 540px; }
.fp-box .carousel .image .meta { position: absolute; bottom: 1px; left: 1px; width: 526px; height: 80px; background: #000; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; }
.fp-box .carousel .image h2 { position: absolute; bottom: 56px; left: 12px; color: #FFF; font-size: 1.7em; border: 0; margin: 0; padding: 0;}
.fp-box .carousel .image h2 a { color: #FFF; }
.fp-box .carousel .image p { position: absolute; left: 13px; top: 348px; width: 490px; color: #FFF; font-size: 1.1em; }
.fp-box .carousel .image .book { position: absolute; bottom: 92px; right: 184px; z-index: 1000; background: #05346E; color: #FFF; font-weight: bold; font-size: 1.5em; padding: 6px 8px 9px; }
.fp-box .carousel span.link, .fp-box .carousel span.pagelink { display: none; }
.fp-items { width: 957px; overflow: hidden; float: left; }
.fp-items .item { float: left; width: 220px; margin: 3px 9px 9px 10px; }
.fp-items .item .img { width: 218px; height: 81px; overflow: hidden; border: solid 1px #C6C6C6; }
.fp-items .item img { }
.fp-items .item h2 { color: #05346E; margin: 4px 0 4px 0; font-size: 1.4em; font-weight: normal; }
.fp-items .item h2 a { color: #05346E; }
.fp-items .item div { font-size: 1.2em; margin: 8px 0 8px 0; color: #666; line-height: 1.5em; }

/* ---< NEWS >---------------------------------------------------------------------------- */
.news-item { margin-bottom: 25px; }
.news-item .meta { font-size: 0.86em; color: #666; }
.news-item h2 { margin-bottom: 7px; }
.news-item h2 a { color: #05346E; text-decoration: none; }
.news-item h2 a:hover { text-decoration: underline; }
.news-item .image { float: left; margin: 4px 14px 14px 0; }

/* ---< CONTENT PAGES >------------------------------------------------------------------- */
.container { background: transparent url(img/bg-contentpage-long.gif) repeat-y top left; float: left; }
.content { min-height: 615px; width: 959px; background: transparent url(img/bg-contentpage.gif) no-repeat top left; position: relative; overflow: hidden; padding-bottom: 20px; }
.content .flow { float: right; width: 698px; margin: 9px 9px 0 0; }
.content .quick-search { position: absolute; top: 9px; left: 9px; background-color: #05346E; height: 394px; width: 232px; }
.content .social { position: absolute; top: 440px; left: 9px; width: 200px; }
.content .social ul li a { font: bold 1.5em "Trebuchet MS"; text-transform: uppercase; text-decoration: none; color: #404040; padding: 11px 0 11px 66px; display: block; }
.content .social ul li a:hover { text-decoration: underline; }
.content .social ul li.download a { background: transparent url(img/icon-download.gif) no-repeat 8px 0; }
.content .social ul li.twitter a { background: transparent url(img/icon-twitter.gif) no-repeat 8px 12px; }
.content .social ul li.read_newsletter a { background: transparent url(img/newsletter_icon_50.jpg) no-repeat 6px 12px; }
.content .social ul li.facebook a { background: transparent url(img/icon-facebook.gif) no-repeat 8px 12px	; }
.content .social ul li.blog a { background: transparent url(img/icon-blog.gif) no-repeat 8px 0; }

.quick-search ul li a { font: bold 1.5em "Trebuchet MS"; text-transform: uppercase; text-decoration: none; color: #FFF; padding: 11px 0 11px 85px; display: block; }
.quick-search ul li a:hover { text-decoration: underline; }
.quick-search ul li.facebook a { background: transparent url(img/icon-facebook.png) no-repeat 20px 10px	; }
.quick-search ul li.twitter a { background: transparent url(img/icon-twitter.png) no-repeat 20px 10px; margin: 60px 0 15px; }

.ai-content-page .btm { width: 959px; height: 9px; background: transparent url(img/bg-contentpage-btm.gif) no-repeat top left; margin-bottom: 12px; float: left; }
.ai-content-page .flow { font-size: 1.2em; }
.ai-content-page .flow h2 { font: bold 1.5em "Trebuchet MS"; text-transform: uppercase; color: #05346E; }
.ai-content-page .flow { line-height: 1.6em; }
.ai-content-page .flow p { margin: 0 0 12px 0; }

.newsletter { padding: 9px; }
.newsletter h2 { font: bold 1.5em "Trebuchet MS"; margin: 0 0 12px 0; text-transform: uppercase; }
.newsletter p { font-size: 1.1em; margin-bottom: 12px; }
.group-list { margin-bottom: 12px; padding-left: 62px; }
.group-list span { display: block; width: 140px; overflow: hidden; }
.group-list span input { float: left; }
.group-list span label { float: left; font-size: 1.1em; margin: 0 0 0 8px; }
.newsletter .user-info .item { margin-bottom: 12px; }
.newsletter .user-info .item label { float: left; width: 50px; font-size: 1.1em; text-align: right; padding-right: 12px; margin: 3px 0 0 0; }
.newsletter .user-info .item input { float: left; width: 138px; font-size: 1.1em; padding: 2px 4px; }
.newsletter .button { padding: 0 0 0 60px; }

.triplist {clear:both; width:100%;}
.triplist .item {float:left; width:338px; margin-bottom: 16px; }
.triplist .left {clear: left; margin-right: 16px; }
.triplist .right {clear: right;}
.triplist .item .img { background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #C7C7C7; width: 338px; height: 200px; }
.triplist .item .img img { width: 320px; display: none; }
.triplist .item h3 { font:bold 1.5em "Trebuchet MS"; text-transform: uppercase; padding: 6px 0 3px 0; }
.triplist .item h3 a { text-decoration: none; color: #404040; }
.triplist .item h3 a:hover { text-decoration: underline; }
.triplist .item .p-main .package_price {  }

/* --	CONTACT FORM -----------------------------------------------------------------------  */
.reg-form fieldset { border: none; background-color: #FFFFFF; }
.reg-form fieldset div { width: 100%; overflow: hidden; margin-bottom: 5px; }
.reg-form fieldset div label, .reg-form fieldset div input, .reg-form fieldset div select { float: left; font-weight: bold; }
.reg-form fieldset div label { width: 160px; text-align: right; padding: 2px 10px 0 0; font-weight: normal; }
.reg-form fieldset div input, .reg-form fieldset div textarea, .reg-form fieldset div select { width: 420px; background-color: #F0F0F0; border: solid 1px silver; padding: 4px; margin-right: 4px; }
.reg-form fieldset div input.radio {margin-left:150px; margin-top:3px;	width:20px; }
.reg-form fieldset #whatHear input.radio + label { margin:0; padding:0; text-align:left;width:460px; }
.reg-form fieldset div textarea { font: bold 1em Tahoma, Verdana, Arial, Sans-Serif; height: 190px; }
.reg-form input.button { width: 90px !important; font-weight: bold !important; cursor: pointer; }
.reg-form fieldset div.btn img { float: left; margin: 8px 0 0 13px; }

/* --	FOOTER -----------------------------------------------------------------------------  */
.footer { margin-bottom: 100px; }
.footer .item { width: 149px; float: left; margin: 9px 0 9px 9px; }
.footer .item h2 { font-size: 1.2em; text-transform: uppercase; color: #404040; margin: 0 0 9px 0; text-align: center}
.footer .item ul li { margin-bottom: 9px; font-size: 1.1em; }
.footer .item ul li a { color: #404040; text-decoration: none; }
.footer .item ul li a:hover { text-decoration: underline; }

.footer-info { margin: 10px 0 50px 0; }
.footer-info .powered-by { float: right; }
.footer-info .tta, .footer-info .twitter, .footer-info .facebook { float: left; margin-left: 13px; }
.footer-info .atol, .footer-info .abta { float: left; }
.footer-info .abta { margin: 0 39px 0 10px; }

/* ---< WEATHER >------------------------------------------------------------------------- */
.weather { background-color: #FFF; padding: 12px; margin-bottom: 6px; }
.weather h2 { font:bold 1.5em "Trebuchet MS"; text-transform: uppercase; padding: 0; color: #404040; margin: 9px 0 7px 0; }
.weather .icon { float: left; margin: 0 10px 10px 0; }
.weather .data { font-size: 1.3em; }
.weather .data span { font-weight: bold; }
.weather h3 { margin: 10px 0 4px 0; padding: 0; font-size: 1.2em; }
.weather .forecasts .day { font-size: 1.1em; }
.weather .yahoo { margin-top: 4px; width:100%; overflow: hidden; color: #999; text-align: right; font-size: 1.1em; line-height: 1.4em; text-align: right; }
.weather .yahoo a { color: #999; text-decoration: underline; }

/* ---< 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: 2px; }
.package-details .package-items ul li span.cb { float: left; width: 25px; }
.package-details .package-items ul li label { float: left; }
.package-details .package-items ul li .desc {color:#555555; display:block; font-size:0.95em; padding: 2px 0 6px 26px; clear: both; }
.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: 175px; }
.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 h4 { color: #444 }
.package-details .package-items ul.included { padding-bottom:15px; }
.package-details .package-items ul.included li { font-size:0.9em; margin-bottom:0; padding:1px 0 1px 15px; }
.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: #05346E; font-weight: bold; padding-left: 10px; }
.package-details .price-info #p_error_msg { display: block; color: #05346E; 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:0px 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 #message_box { position: absolute; top: 0; left: 0; background: url("images/error.png") no-repeat scroll 14px 10px #AA3333; width: 100%; height: 100%; text-align: left; font-size: 1em; color: #FFF; font-weight: bold; padding: 4px 6px 6px; text-align: center; }
.package-details #message_box span { display: block; margin: 9px 0 0 47px; color: #FFF; }
.package-details #message_box a { color: #FFF; }
.package-details .facebook-share { line-height: 1em; text-align: right; margin: 22px 0 0 0; }
.package-details div.continue { float: right; margin-top: 15px; }
.package-details div.continue input { padding: 2px; margin: 8px 0 0; }
.package-details .recalc {text-align: right;}
.package-details .recalc input {}

#gallery .image img { border: 2px solid #C6C6C6; }
.take-box { overflow: hidden; width: 100%;}
.take-box h2 { margin: 0; font-size: 1.8em; color: #05346E; font-weight: normal;}
.take-box h2 span { font-size: 12px; color: #000;}
.take-box em { display: block; margin-top: -2px;}
.over { overflow: hidden; width: 100%; margin-top: 7px;}
ul.over-menu { margin: 0; padding: 0 0 0 10px; list-style: none; height:35px; width:100%; border-bottom:1px solid #C6C6C6;}
ul.over-menu li { float: left; padding:0; margin:0 5px 0 0; font-weight: bold; }
ul.over-menu li a { margin:0; display: block;  background:#fff; border:1px solid #C6C6C6; text-decoration: none; padding: 6px 10px 8px;color: #05346E;}
.over-menu li a:hover { text-decoration: underline;}
.over-box { overflow: hidden; width: 640px; padding: 10px 10px 34px 11px;}
.over-divider { overflow: hidden; width: 100%;}
.over-img { float: left; width: 342px;  border:2px solid #C6C6C6;}
.over-img img { display: block; max-width: 342px;}
.highlights { float: right; width: 200px; margin-top: 0;}
.highlights h3 { margin: 0; font-size: 22px; font-weight: normal; color: #05346E;}
.high-menu { overflow: hidden; margin: 0; padding: 0; list-style: none; }
.high-menu li {  font-weight: bold; font-size: 14px; line-height: 17px; margin:8px 0 0 -15px; padding:0; }
.high-menu li a { margin:0; padding:0; color: #05346E; text-decoration: none; }
.high-menu li a:hover { text-decoration: underline;}
.price { overflow: hidden; margin-top: 21px;}
.price span { display: block;}
.price strong { display: block; font-size: 24px; line-height:18px;}
.book-now-link { display: block; margin-top: 10px;}
.book-now-link img { display: block; border:0; margin: 15px 0;}
.over-text { margin-top: 20px;}
.over-text p { margin: 15px 0 0; line-height: 14px;}
.selected-box {border-bottom:none !important; color:#666666 !important; padding-bottom:10px !important;}
.not-selected-box {border-bottom:1px solid #666666; color:#05346E !important; padding-bottom:9px !important;}     

.quick-search .module-text-out { color: #FFF; font-size: 1.5em; line-height: 1.4em; padding: 6px 12px; }
.quick-search .module-text-out a { color: #FFF; }

table.departure{ color:#fff; border-collapse:collapse; border:0px;}
table.departure th{ background:#4a4a4a; text-align:left; font-weight:bold; vertical-align:top; padding:5px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
table.departure td{ background:#5a5a5a; padding:5px; border-left:1px solid #fff; border-bottom:1px solid #fff;}
table.departure th.first,
table.departure td.first{ border-left:0;}
table.departure a{ color:#fff; text-decoration:none;}
div.over-text ul li { line-height:16px; height:auto !important; padding:5px 0px 5px 15px;}

.package-details .button input {height:auto; float:right;}
.package-details .button img {float:right;padding-left:5px;}
.package-details .price-info { margin-top:8px; }
.package-details .package-items h3 {background:url("/templates/common/images/dot-line.gif") repeat-x scroll left bottom transparent;margin:20px 0 7px;padding:0 0 7px; color:#05346E;font-size:1.3em;font-weight:normal;}
.package-details .passengers .item select {color:#333333;}
.package-details .departure-date select {color: #333333; margin-top: 2px; }
.package-details .book-more-buttons {overflow:visible;}
                                                    
.highlights ul.high-menu li { font-size:12px; line-height:20px; padding-left:20px; color:#555555; }

/* ---< BOOKING ENGINE : STEPPER >-------------------------------------------------------- */
#steps { height:35px; width:100%; }
#steps ul {}
#steps ul li { float:left; padding:5px 25px; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; background-color: #DDD;}
#steps ul li.haspassed { background-color: #FFF; color: #999}
#steps ul li.active { background-color: #05346E; color: #FFF; font-weight: bold; }
#steps ul li.zi-1 { border-left: 1px solid #C6C6C6; }

/* ---< BOOKING ENGINE : CURRENT BOOKING DATA >------------------------------------------- */
.box h2 { border-bottom:1px solid #CCCCCC; margin:-5px 0 15px; padding:0 0 5px; }
.current-booking-data .price-info ul li { font-size:1.3em; text-align:right; }
.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: #05346E; }
.current-booking-data { padding: 15px; }

/* ---< BOOKING ENGINE : PASSENGER INFORMATION >------------------------------------------ */
.passenger-form { padding: 15px; }
.passenger-form .person { float: left; width: 32%; margin-bottom: 20px; }
.passenger-form .person .field-row { margin-bottom: 3px; width: 100%; overflow: hidden; }
.passenger-form .person .field-row label { float: left; margin-right: 10px; padding-top: 0; text-align: right; width: 65px; }
.passenger-form .person .field-row input { float: left; width: 85px; }
.passenger-form .person .field-row select { float: left; width: 60px; font-size: 1em; }


/* ---< BOOKING ENGINE : PAYMENT >-------------------------------------------------------- */
.payment-form { margin-top: 20px; padding: 15px; }
.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:#05346E; font-size: 1.3em; }
.payment-form .total-price .button a { background:url("img/BookNow_big.png") no-repeat scroll left top transparent; float:right; height:36px; width:173px; }
#giftvoucher_code { margin-right: 10px !important; }
.payment-form .terms { padding:5px 0; }
.payment-form .terms input {vertical-align:text-bottom;}

.payment-form .paytype label.invalid { color:red; font-weight:bold; left:279px; position:absolute; top:881px; }                
.passenger-form .field-row input.invalid, 
.payment-form .input-fields input.invalid { background-color: #05346E; }
.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: 300px !important; }
.passenger-form .field-row 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-id { font-weight:bold; padding:15px; }

/* ---< BOOKING ENGINE : 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: #fff; }
.booking-preloading-message img { position: relative; margin: 30px 0 30px 325px; }
.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; }

#quick_search { padding: 0 10px; }
#quick_search h2 { color:#FFFFFF; font-size:2em; padding:10px 0px 5px; text-align:center; }
#quick_search > div { margin: 5px 0px; }
#quick_search .selectors ol li.all { width: 100%; font-weight: bold; }
#quick_search .selectors ol li { float:left; padding:3px; margin-left: 28px; }
#quick_search .selectors ol li label { color:#FFFFFF; float:left; margin:1px 0 0 4px; font-size: 1.2em; }
#quick_search .selectors ol li input { float: left; }
#quick_search .row label {color:#FFFFFF; float:left; margin:8px 4px 0 0; text-align:right; width:45px;}
#quick_search .row img.ui-datepicker-trigger { position:relative; top:4px; }
#quick_search .row select, #quick_search .row input {margin-right:5px; width:110px;}
#quick_search .btn { text-align: center; padding: 15px; }
#quick_search .btn input {}
