p.clear { clear: both; width: 100%; height: 1px; display: block; margin: 0; padding: 0; }
.clear { clear: both }
.hidden { display: none; }

.box { margin-bottom: 15px; }
.box h2 { border-bottom:1px dotted #84878E; padding-bottom:3px; }
.action-btn { clear: both; width: 100%; text-align: right; margin-top: 15px; }
.action-btn input { padding: 3px; font-weight: bold; }

/* CAROUSEL */
#banners { height: 335px; overflow:hidden; position:relative;}
#banners .link { background:url("images/banner-arrows.png") no-repeat scroll 0 0 transparent; height:25px; position:absolute; text-indent:-9999px; top:254px; width:25px; z-index:1001; }
#banners .prev { background-position:2px 0; left:525px; }
#banners .next { background-position:-23px 0; left:550px; }
#banners .banner { position:absolute; top:0px; width:580px; }
#banners .banner { display:none; margin:4px 0 0 4px; }
#banners .banner img { width: 580px; height: 320px; }
#banners .banner .meta { bottom:0; height:62px; left:0; position:absolute; z-index:200; padding: 10px; max-width: 490px;}
#banners .banner .info { background-color:#FFFFFF; bottom:0; height:65px; left:0; padding:8px 16px; position:absolute; width:100%; z-index:100; }

/* QuickSearch */
.quick-search { padding:0 0 0 50px; width:200px; }
.quick-search #dates label { float:left; margin-top:5px; padding-right:5px; text-align:right; width:30px;  }
.quick-search #dates input { width: 90px; float: left;  }
.quick-search #dates .ui-datepicker-trigger { margin: 1px; float: left; }
.quick-search .passengers label { float:left; padding-right:5px; text-align:right; width:100px; }
.quick-search > div { margin-bottom: 5px; }
.quick-search > div > div { display:block; height:25px; }
.quick-search .action-btn { display:block; text-align:center; }
.quick-search .action-btn input { font-weight: normal; padding: 0 3px;  }

/* --< ODIN BOOKINGS / STEPPER >------------------------------------------------------------------------- */
.stepper { background-color: #F5F5F0; border: solid 1px #DBDBDB; margin: 4px 0 20px 0px; overflow: hidden; font-size:1.2em; }
.stepper ul { list-style: none; margin:0; padding:0; }
.stepper ul li { float: left; background: transparent; position: relative; margin:0 7px; }
.stepper ul li span { float: left; padding: 9px 23px 10px 13px; text-transform: uppercase; }
.stepper ul li.active { background: #1B5DA1; font-weight: bold; margin-left: -10px; color: #FFF; }
.stepper ul li.active span { padding: 9px 23px 10px 23px; }
.stepper ul li.haspassed span { color: #999; }
.stepper ul li.zi-1 { z-index: 700; }
.stepper ul li.zi-2 { z-index: 600; }
.stepper ul li.zi-3 { z-index: 500; }
.stepper ul li.zi-4 { z-index: 400; }
.stepper ul li.zi-5 { z-index: 300; }
.stepper ul li.zi-6 { z-index: 200; }
.stepper ul li.zi-7 { z-index: 100; }

/* --< ODIN BOOKINGS / FIND SERVICES >------------------------------------------------------------------- */
.find-services .dates div.date { width: 595px; overflow: hidden; ___background: url(images/bg-dotted.gif) repeat-x bottom left; font-size: 1.1em; padding: 4px 0 4px 10px; }
.find-services .dates div.date input { float: left; margin-right: 10px; }
.find-services .dates div.date label { float: left; }
.find-services .dates div.date label span { float: left; margin: 2px 0 0 0; }
.find-services .dates div.date label span.name { width: 250px; }
.find-services .dates div.date label span.date { width: 100px; }
.find-services .dates div.date label span.price-label { width: 100px; text-align: right; }
.find-services .dates div.date label span.price { width: 80px; text-align: right; color: #C00; }

/* --< ODIN BOOKINGS / CURRENT BOOKING DATA >------------------------------------------------------------ */
.cbd .items { font-size: 1.1em; padding: 10px 0 0px 10px; float: left; }
.cbd .items li { margin: 0; list-style: none; }
.cbd .items li h4 { font-size: 18px;  }
.cbd .price-info { font-size: 1.4em; float: right; margin-top: 0px; }
.cbd .price-info ul li { text-align: right; list-style: none; margin: 0; }
.cbd .price-info ul li.total-price { font-size: 1.5em; margin-top: 5px; }
.cbd .price { color: #C00; font-weight: bold; }


/* --	PASSENGER FORM ---------------------------------------------------------------------------------------------------- */
.passenger-info { margin-bottom: 25px; }
.passenger-info h3 {  }
.passenger-info .items { width: 100%; }
.passenger-info .items .person { float: left; padding: 15px; }
.passenger-info .items .person label {float:left; width:66px;}

/* --< ODIN BOOKINGS / PAYMENT PAGE >-------------------------------------------------------------------- */
.payment { font-size: 1.1em; }
.payment h2 { margin: 8px 0 12px 0; }
h2.customer-heading { margin-top: 25px; }
.payment .cc-info .field-row { width: 100%; overflow: hidden; margin-bottom: 5px; }
.payment .cc-info .field-row label { float: left; width: 120px; text-align: right; padding: 6px 9px 0 0; }
.payment .cc-info .field-row input { float: left; width: 200px; padding: 2px 4px; }
.payment .cc-info .field-row select { float: left; width: 210px; padding: 2px 4px; }
.payment .customer .field-row { width: 100%; overflow: hidden; margin-bottom: 5px; }
.payment .customer .field-row label { float: left; width: 120px; text-align: right; padding: 8px 9px 0 0; }
.payment .customer .field-row input { float: left; width: 200px; padding: 2px 4px; }
.payment .customer .field-row select { float: left; width: 210px; padding: 2px 4px; }
.payment span { color: #C00; float: left; font-size: 1.2em; font-weight: bold; margin: 5px 0 0 5px; }
.payment .btn { width: 100%; overflow: hidden; }
.payment .btn input { float: right; }
.payment label.invalid { width: 200px !important; text-align: left !important; padding-left: 10px !important; }
.payment p.star-helper { padding-left: 130px; }
.payment p.star-helper b { color: #C00; font-weight: bold; }

#cc_valid_month { width: 128px; margin-right: 5px; }
#cc_valid_year { width: 77px; }
#cc_ccv_code { width: 77px; }
#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: bold; text-align: center; }
.booking-preloading-message img { position: relative; left: 50%; margin: 30px 0 30px -16px; }
.booking-preloading-message p { font-size: 1.2em; padding: 0 30px; text-align: center; }
.booking-preloading-message p a { text-decoration: underline; }
.booking-preloading-message p.error-message { font-size: 1.4em; padding: 20px 30px; text-align: center; color: #460000; font-weight: bold; }

.booking-id { background:none repeat scroll 0 0 #32C5F4; border:2px solid #AAAAAA; color:#FFFFFF; font-size:26px; font-weight:bold; padding:15px; text-align:center; }

select.invalid, input.invalid { border: 1px solid #32C5F4; }
label.invalid, span.invalid { color:#32C5F4; }

/* --	CURRENCY CONVERTER ON RIGHT SIDE ---------------------------------------------------  */
.currency-module { background-color: #FFFFFF; padding: 12px; }
.currency-module h2 { font-weight: normal; font-size: 1.2em; margin:0 0 12px 0;padding: 0; text-align:left; }
.currency-module ol {list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;font-size:100%;margin:0;outline:0 none;padding:0;vertical-align:baseline;}
.currency-module ol li { width: 100%; overflow: hidden; text-align:left; }
.currency-module ol li label { text-align:left; font-size: 12px; font-weight: bold; float: left; width: 40px; background: transparent url(/css/images/flags/isk.gif) no-repeat 0 3px; padding: 0 0 0 30px; }
.currency-module ol li input { border: solid 1px #5B5B5A; width: 60px; float: left; margin-top:2px;}
.currency-module .update-info { color: #999; font-size: 10px; line-height: 12px; text-align: left; }
.currency-module .update-info a { color: #999; }
.currency-module ol li.isk label { background: url(/css/images/flags/isk.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.gbp label { background: url(/css/images/flags/gbp.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.usd label { background: url(/css/images/flags/usd.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.cad label { background: url(/css/images/flags/cad.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.dkk label { background: url(/css/images/flags/dkk.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.nok label { background: url(/css/images/flags/nok.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.sek label { background: url(/css/images/flags/sek.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.chf label { background: url(/css/images/flags/chf.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.jpy label { background: url(/css/images/flags/jpy.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.eur label { background: url(/css/images/flags/eur.gif) no-repeat scroll 2px 50% transparent; }
.currency-module ol li.xdr label { background: url(/css/images/flags/xdr.gif) no-repeat scroll 2px 50% transparent; }

#footer a img { border: none; }