/* ---< STARTING >------------------------------------------------------------------------ */
* { margin: 0; padding: 0; outline: none !important; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* fixes the background-image flicker bug in IE */
body { background: #FFF; color: #000; line-height: 1.4; text-align: center; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 62.5%; }

/* ---< COMMON CLASSES >------------------------------------------------------------------ */
.print { display : none; }
.clear { width: 100%; overflow: hidden; }
.relative { position: relative; }
.stream, .hidden { display: none; }
sembed { visibility: hidden !important; }

/* ---< DEFAULTS >------------------------------------------------------------------------ */
p, blockquote, ul, ol, dl, table { margin-top: 0px; margin-bottom: .7em; line-height: 1.6; }
ul, ol { list-style: none; }
ol { padding-left: 3em; }
ul, ol  { margin-left: 0; }
a { color: #000; }
acronym { cursor: help; border: none; }
acronym:hover { border-bottom : 1px dotted #DDD; }
img { border: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-size: 1.4em; margin-bottom: .357em; font-family: Trebuchet MS, sans-serif; font-weight: bold; font-style: normal; line-height: 1; }
h1 { font-size: 2em; margin-bottom: .25em; }
h2 { font-size: 1.8em; margin-bottom: .27777em; }
h3 { font-size: 1.6em; margin-bottom: .3125em; color: #5D5349; }
h5 { color: #5D5349; }
h6 { font-size: 1.2em; margin-bottom: .4166em; }
table { border-collapse : collapse; }
table, td, th, caption { border: none; background-color: transparent; padding: 0; text-align: left; vertical-align: top; }
th acronym:hover { border : none; }
th.num, td.num { text-align: right;  white-space: nowrap; }
form { margin : 0; }
fieldset { padding: 0; margin: 0; border: none; }
input,select,textarea { vertical-align: middle; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 1em; }
textarea { vertical-align: top; width: 99%; }
select,textarea, .textinput, .fi_txt input { border: 1px solid #888; background: #fff; color: #000; }
acronym { background: url(images/dot-line.gif) repeat-x bottom left; }


/* ---< LAYOUT >-------------------------------------------------------------------------- */
.bodywrap { position: relative; width: 909px; margin: 0 auto 11px auto; text-align: left; }
body.home .bodywrap { background: none; }
body.twocol .bodywrap { background: url(images/bw-bg.gif) 0 5em repeat-y; }
body.threecol .bodywrap { background: url(images/bw-bg-3col.gif) 0 5em repeat-y; }
.pageheader { background: #FFF; height: 98px; }
.pageheader .sitelogo { margin: 27px 0 0 -1px; }
.pagebody { width: 100%; overflow: hidden; }
.content-page .main-column { width: 680px; float: left; }
body.twocol .content-page .main-column { background: url(images/bg-2col.gif) no-repeat bottom left; padding-bottom: 15px; }
body.threecol .content-page .main-column { background: url(images/bg-3col.gif) no-repeat bottom left; }
body.twocol .main-column-content { background: url(images/pb-top.gif) no-repeat; padding: 16px; font-size: 1.2em; }
body.threecol .three-column-content { background: url(images/pb-top-3col.gif) no-repeat; font-size: 1.2em; }
.three-column-content .left { float: left; width: 398px; margin: 11px 0 0 11px; }
.three-column-content .right { float: right; width: 226px; margin: 11px 11px 0 0; }
.content-page .right-column { width: 219px; float: right; }
.button { margin-top: .4em; float: left; background: url(images/btn-r.gif) no-repeat 100% 0; display: block; float: right; height: 29px; line-height: 29px; }
.button input { background: url(images/btn-l.gif) no-repeat; display: block; height: 29px; line-height: 29px; padding: 0 15px; text-align: center; text-decoration: none; border: 0; font-size: 1.1em; font-family: "Geneva", Verdana, sans-serif; color: #FFF; font-weight: bold;  cursor: pointer; }
#faceb {width:220px; height:65px; margin:auto; position:absolute; z-index:1; left:690px; top:60px;}
#subfaceb {width:220px; height:65px; margin:auto; position:absolute; z-index:1; left:690px; top:95px;}
a.facebutton { width:220px; height:65px; display:block; background:url(/media/originals/sffacebooksprite.png) no-repeat; overflow:hidden; background-position: 0px 0px;} 
a.facebutton:hover { background-position: 0px -65px;}
a.baeklbutton { width:220px; height:65px; display:block; background:url(/media/originals/sfbaeklingasprite.png) no-repeat; overflow:hidden; background-position: 0px 0px;} 
a.baeklbutton:hover { background-position: 0px -65px;}

/* ---< ALL NAVIGATIONAL ELEMENTS >------------------------------------------------------- */
.page-menu { background-color: #FFF; }
.page-menu h2 { display: none; }
.mnav, .snav { width: 100%; overflow: hidden; font-family: "Aaux Light", Trebuchet MS, Arial; }
.mnav li, .snav li { float: left; }
.mnav a, .snav a { float: left; margin-left: 11px; padding: 10px 13px 10px 3px; text-decoration: none; line-height: 1; color: #666; _height: 0; min-height: 0; }
.mnav a:hover, .snav a:hover { text-decoration: underline; }
.mnav { font-size: 1.70em; xpadding-bottom: 6px; }
.mnav li.selected  { background: transparent url(images/mnav-curr-left.gif) no-repeat center left; }
.mnav li.selected a { background: transparent url(images/mnav-curr-right.gif) no-repeat center right; color: #DA2B6B; }
.snav { font-size: 1.1em; text-transform: lowercase; padding-bottom: 5px; }
.snav li.selected { background: url(images/snav-curr-left.gif) no-repeat center left; }
.snav li.selected a { background: url(images/snav-curr-right.gif) no-repeat center right; color: #DA2B6B !important; }
.enav { position: absolute; top: 0;right: 0; background: url(images/enav-l.png) 0 100% no-repeat; padding-left: 12px; width : 555px; height: 35px; font-size: 1.1em; }
.enav .content { background : url(images/enav-r.png) 100% 100% no-repeat; margin-left: -12px; height: 35px;}
.enav ul { overflow: hidden; width: auto; }
.enav li { float: left; display: inline; padding: 0; margin: 0; } 
.enav .content a { display: block; padding: 7px 15px 10px; text-decoration: none; color: #000; border-left: 1px solid #E8E6E1; }
.enav li.cat1 a { border: none; } 
.enav .content a:hover { color: #000; text-decoration: underline; }

/* ---< FRONT PAGE >---------------------------------------------------------------------- */
.front-page .flash-banner { float: left; width: 680px; height: 365px; }
.front-page .search-engine-wrapper { float: right; width: 219px; }
.img-banner { background-color: #FFF; width: 680px; }
.img-banner img { margin-bottom: 10px; }

.newsticker {list-style-type: none; background: #C8CBCE; margin-top: -3px; padding:0;}
.newsticker li { float: left; padding: 1px 0 10px 5px; width: 540px; overflow: hidden; }
.newsticker li a { font-weight: bold; text-decoration: none; color: #868788;  _position: absolute; _top: 10px; _left: 130px; _width: 534px; _overflow: hidden; }

.home .newstuff { background: url(images/newstuff-bg.gif) no-repeat; position: absolute; left: 0; width: 680px; text-transform: uppercase; margin-top: -30px; font-size: 1.1em; }
.home .newstuff h2 { float: left; width: 104px; _width: 120px; color: #FFF; font-size: 1.1em; padding: 9px 0 0 16px; height: 30px; }
.home .newstuff .content { float: left; padding: 9px 0 10px 10px; width: 540px; overflow: hidden; }
.home .newstuff .item, .home .newstuff .item h3 { width: 550px; }
.home .newstuff .item h3 { font-weight: bold; margin: 0; }
.home .newstuff .item h3 a { color: #868788; white-space: nowrap; font-size: 0.7em; text-decoration: none; _position: absolute; _top: 10px; _left: 130px; _width: 534px; _overflow: hidden; }

.currentoffers { margin-left: 0; margin-top: 10px; width: 908px; }
.currentoffers .boxhd { position:absolute;right:19999px;left:auto; }
.currentoffers .content { padding: 10px; }
.currentoffers .item { float: left; width: 219px; margin-right: 10px; _display: inline; position: relative; height: 221px; margin-bottom: 10px; _margin-bottom: 0; }
.currentoffers .itm4 { float: right; margin: 0; }
.currentoffers .item img { width: 220px; height: 77px; }
.currentoffers h3 { position: absolute; top: 83px; left: 14px; z-index: 99; color: #FFF; padding: 0; margin: 0; font-weight: normal; font-size: 1.6em; }
.currentoffers .summary { z-index: 99; clear: left; padding: 0; margin: 32px 17px; _margin-top: 30px; }
.currentoffers .more { background: none; }
.currentoffers .more a { padding:0; display:block; overflow: hidden; border: none; line-height: 0; text-indent: -9999em; font-size: 1px; letter-spacing: -1em; width: 220px; height: 221px; background: url(images/offers-more.png) no-repeat; _background-image: url(images/offers-more.gif); position : absolute; top: 0; left: 0; z-index: 1; }
.currentoffers .more a:hover, .currentoffers .more a:focus, .currentoffers .more a:active { background-position: -220px 0; }


/* ---< FOOTER >-------------------------------------------------------------------------- */
.footer { position: relative; width: 909px; margin: 10px auto 10px auto; text-align: left; background: url(images/footer-bottom.gif) no-repeat 0 100%; }
.footer p { background: url(images/footer-top.gif) no-repeat; font-weight: bold; padding: 5px 0; text-align: center; }
.footer, .footer a { color: #93A0A9; text-decoration: none; }
.footer p { margin-bottom: 0; }
.footer i { padding-left: 18px; color: #EEF0F0; background: url(images/footer-i.gif) no-repeat 50% 55%; }
.powered-by { width: 100%; overflow: hidden; }
.powered-by a { float: right; }
.powered-by img.travel-logo { float: right; margin: 3px 18px 0 0; }

.page { position: relative; width: 909px; margin: 0 auto 11px auto; text-align: left; }
/* ---< CONTACT FORM >-------------------------------------------------------------------- */
.contactform div.field { width: 100%; overflow: hidden; margin-bottom: 4px; }
.contactform div.field label { float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 10px; }
.contactform div.field input { float: left; width: 120px; }
.contactform div.field textarea { float: left; width: 400px; height: 150px; }

/* ---< EMAIL REGISTER FORM >------------------------------------------------------------- */
.mailinglist-register div.field { width: 100%; overflow: hidden; margin-bottom: 4px; }
.mailinglist-register div.field span { float: left; width: 140px; text-align: right; font-weight: bold; padding-right: 10px; }
.mailinglist-register div.field input { float: left; width: 200px; }

/* ---< MASS EMAIL REGISTRATION >--------------------------------------------------------- */
.mass-email-register-form .group-list { width: 100%; overflow: hidden; margin-bottom: 22px; }
.mass-email-register-form .group-list span label { padding: 4px 0 0 10px; }
.mass-email-register-form .user-info .item { width: 100%; overflow: hidden; margin-bottom: 10px; }
.mass-email-register-form .user-info .item label { float: left; padding: 4px 10px 0 0; width: 80px; text-align: right; font-weight: bold; }
.mass-email-register-form .user-info .item input { float: left; width: 260px; }

/* ---< BOOKING ENGINE : QUICK SEARCH >--------------------------------------------------- */
#quick_search { min-height: 405px; }
#quick_search h2 { padding: 0; display: block; overflow: hidden; border: none; line-height: 0; text-indent: -9999em; font-size: 1px; letter-spacing: -1em; width: 219px; height: 72px; background: url(images/quickbook-boxhd.gif) no-repeat; margin-bottom: 0; }
#quick_search .content { background: #172227 url(images/quickbook-bottom.gif) no-repeat 0 100%; padding : 0 9px 7px; font-size: 1.1em; min-height:328px; }
#quick_search .return, #quick-search .depart, #quick-search .dest, #quick-search .from { margin-bottom: .5em; }
#quick_search .bigsel select { width: 190px; }
#quick_search label { text-transform: uppercase; }
#quick_search .qs-sel label { color: #FFF; display: block; padding: 4px 0 0 0; }
#quick_search label i { font-style: normal; }
#quick_search .qs-row { padding : 5px 0 4px 5px; background : url(images/quickbook-sep.gif) 0 0 repeat-x; }
.qs-row { clear : both; _height:0;min-height:0;/* ie hasLayout fix */  }
.qs-row:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
.qs-row .fi_btn { clear : both; text-align: right; padding-top: 4px; }
.qs-row .fi_btn input { width: 79px; background: url(images/quickbook-btn.gif) no-repeat 0 50%; border: none; text-transform: uppercase; color: #FFF; padding: 6px 0 4px; font-size: 1.1em; cursor: pointer; }
.qs-row  .fi_btn input:hover, .qs-row  .fi_btn input:focus, .qs-row  .fi_btn input:active { background-position: -79px 50%; }
#quick_search .person { margin-bottom : .5em; clear: left; }
#quick_search .person select { text-align: center; width: 75px; _width: 71px; }
#quick_search .person label { float: left; width: 115px; }
#quick_search .cb li { float: left; width: 98px; }
#quick_search .cb label { font-size: 1em; color: #FFF; }
#quick_search .dates label { padding-left: 18px; background: url(images/quickbook-cal.gif) no-repeat 0 .58em; }

p.session-failed { font-size: 2.6em; text-align: center; padding: 30px 0; margin: 20px; border: solid 1px #DEDEDE; }

.search-switcher ul { margin: 0; padding: 0; }
.search-switcher ul li { float: left; width: 100px; color: #FFF; margin-bottom: 5px; }
.search-switcher ul li input, .search-switcher ul li label { float: left; }
.search-switcher ul li label { line-height: 1em; padding: 2px 5px 3px 5px; cursor: pointer; }

/* --	ODIN BOOKING PROCESS : STEPPER ------------------------------------------------------------------------------------ */
#steps {   }
#steps ul {width: 100%; overflow: hidden;  }
#steps ul li { float: left; color: #444; float: left; height: 25px; line-height: 25px; text-align: center; width: 107px; background: url(images/steps-light.gif) top center; margin-right: 1px; }
#steps ul li span { }
#steps ul li.active {  background-image: url(images/steps-green.gif); color: #FFF; }
#steps ul li.active span {  }
#steps ul li.haspassed span { color: #AAAAAA; }
#steps ul li.first {background-position: top left; }
#steps ul li.last {background-position: top right; }   


/* ---< BOOKING ENGINE : CURRENT BOOKING DATA >------------------------------------------- */
.current-booking-data { background: transparent url(images/dot-line.gif) repeat-x scroll 0 100%; }
.current-booking-data .trip-info { margin-bottom: 12px; }
.current-booking-data .flight-info { width: 323px; float: left; }
.current-booking-data h3 { font-size: 1.4em; }
.current-booking-data .flight-info h3 span { font-weight: normal; color: #7D7D7D; }
.xcurrent-booking-data .hotel-info { float: left; width: 323px; }
.current-booking-data .price-info { float: right; width: 323px; }
.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 .section { padding-bottom: 15px; }
.current-booking-data .section ul { list-style: none; font-size: 1.1em; }
.current-booking-data .section ul li { margin-bottom: 8px; width: 100%; overflow: hidden; }
.current-booking-data .section ul li.flight span { float: left; }
.current-booking-data .section ul li.flight span.name { font-weight: bold; }
.current-booking-data .section ul li.flight span.from { margin: 0 10px; }
.current-booking-data .section ul li.flight span.to { margin-left: 10px; }
.current-booking-data .section ul li.hotel span { float: left; }
.current-booking-data .section ul li.hotel span.name { font-weight: bold; margin-right: 10px; }
.current-booking-data .section ul li.service span.name { font-weight: bold; }

/* ---< BOOKING ENGINE : CHECK MULTIPLE FLIGHTS >----------------------------------------- */
.multiple-flights { }
.multiple-flights tr td { border-bottom: solid 1px silver; padding: 2px 4px; }
.multiple-flights tr td.cb { width: 15px; padding-top: 5px; }
.multiple-flights tr td.code { width: 100px; }
.multiple-flights tr td.dep { width: 250px; }
.multiple-flights tr td.arr { width: 250px; }
.multiple-flights tr td.comment { padding-left: 27px; font-size: 0.8em; }

/* ---< BOOKING ENGINE : FIND HOTELS >---------------------------------------------------- */
.hotelresults { margin-top: 20px; }
.hotelresults h2 { font-weight: normal; margin-top: 0; color: #DA2B6B; font-size: 2em; }
.hotelresults .item { padding: 6px 0 3px; _height:0; min-height:0;margin-bottom: 1em; }
.hotelresults .item:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:1px; margin-top:-1px; }
.hotelresults .item h3 { font-size: 1.2em; }
.hotelresults .item h3 a { text-decoration : none; }
.hotelresults .item .overview { width: 100%; overflow: hidden; padding-bottom: 7px; position: relative; } 
.hotelresults .item .overview li { float: left; padding: 3px 0; }
.hotelresults .item .overview .svaedi { padding-right: 10px; margin-right: 10px; font-weight: bold; color: #8F8F8F; }
.hotelresults .item .overview .einkunn { position: absolute; right: -10px; color: #f0f0f0; font-size: 1.3em; }
.hotelresults .item .overview .einkunn b { visibility: hidden; }
.hotelresults .item .overview .einkunn span { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 2px 105px 2px 0; }
.hotelresults .item .overview .einkunn span.stars1 { background-position: 0 0; }
.hotelresults .item .overview .einkunn span.stars2 { background-position: 0 -80px; }
.hotelresults .item .overview .einkunn span.stars3 { background-position: 0 -160px; }
.hotelresults .item .overview .einkunn span.stars4 { background-position: 0 -240px; }
.hotelresults .item .overview .einkunn span.stars5 { background-position: 0 -320px; }
.hotelresults .item .overview .einkunn span.stars6 { background-position: 0 -400px; padding: 2px 78px 2px 0; }
.hotelresults .item img { float: left; padding-bottom: 8px; }
.hotelresults .item .summary { float: right; width: 473px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; }
.hotelresults .item .summary li { padding-left: 10px; margin-bottom: 7px; }
.hotelresults .item .summary .more { margin-top: 1em; margin-left:10px;}
.hotelresults .item .order { clear: both; position: relative; padding-top: 1px; border: 1px solid #CCC; background: #FFF; }
.hotelresults .item .order h3 { color: #000; }
.hotelresults .item .order p { position: absolute; right: 0; text-align: right; padding-right: 12px; padding-top: 3px; }
.hotelresults .item .order table { width: 100%; border: none; border-collapse : collapse; }
.hotelresults .item .order td { border: none; }
.hotelresults .item .order table td { padding : 5px; }
.hotelresults .item .order h3 { font-size: 1em; padding: 7px 0 2px 5px; background: none; font-weight: normal; }
.hotelresults .item .order table td { margin-bottom: 16px; width: 50%; }
.hotelresults .item .order table td.price { text-align: right; white-space : nowrap; }
.hotelresults .item .order table .price b { color: #CC3333; font-size: 1.1em; }
.hotelresults .item .selected { padding-top: 8px; }
.hotelresults .results { width: 100%; overflow: hidden; clear: both; }
.hotelresults .results h3 { float: right; display: inline; padding: 6px; border: 1px solid #BCBCBC; clear: both; margin-bottom: 2em; background: #FFF; }
.hotelresults .results span { font-size: .85em; font-weight: normal; }
.hotelresults .results b { color: #C00; }

/* ---< BOOKING ENGINE : HOTEL INFORMATION BY DESTINATION >------------------------------- */
.hotels-by-destination .item { padding: 6px 0 3px; _height:0; min-height:0;margin-bottom: 1em; }
.hotels-by-destination .item h3 { font-size: 1.2em; }
.hotels-by-destination .item h3 a { text-decoration : none; }
.hotels-by-destination .item .overview { width: 100%; overflow: hidden; position: relative; } 
.hotels-by-destination .item .overview li { float: left; padding: 3px 0 0 0; }
.hotels-by-destination .item .overview .svaedi { padding-right: 10px; margin-right: 10px; font-weight: bold; color: #8F8F8F; }
.hotels-by-destination .item .overview .einkunn { position: absolute; right: -10px; color: #f0f0f0; font-size: 1.3em; }
.hotels-by-destination .item .overview .einkunn b { visibility: hidden; }
.hotels-by-destination .item .overview .einkunn span { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 2px 105px 2px 0; }
.hotels-by-destination .item .overview .einkunn span.stars1 { background-position: 0 0; }
.hotels-by-destination .item .overview .einkunn span.stars2 { background-position: 0 -80px; }
.hotels-by-destination .item .overview .einkunn span.stars3 { background-position: 0 -160px; }
.hotels-by-destination .item .overview .einkunn span.stars4 { background-position: 0 -240px; }
.hotels-by-destination .item .overview .einkunn span.stars5 { background-position: 0 -320px; }
.hotels-by-destination .item .overview .einkunn span.stars6 { background-position: 0 -320px; }
.hotels-by-destination .item img { float: left; margin: 0 23px 13px 0; }
.hotels-by-destination .item .ssummary { float: right; width: 473px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; }
.hotels-by-destination .item .ssummary li { padding-left: 10px; margin-bottom: 7px; }
.hotels-by-destination .item .ssummary .more { margin-top: 1em; }
.hotels-by-destination .results { width: 100%; overflow: hidden; clear: both; }
.hotels-by-destination .results h3 { float: right; display: inline; padding: 6px; border: 1px solid #BCBCBC; clear: both; margin-bottom: 2em; background: #FFF; }
.hotels-by-destination .results span { font-size: .85em; font-weight: normal; }
.hotels-by-destination .results b { color: #C00; }

/* ---< BOOKING ENGINE : PASSENGER INFORMATION >------------------------------------------ */
.passenger-form { margin-top: 20px; }
.passenger-form h2 { font-size: 1.2em; margin: 0px 0px 10px 0px; }
.passenger-form h4 { padding-bottom: 6px; }
.passenger-form .passenger-info { float: left; width: 33%; margin-bottom: 20px; }
.passenger-form .passenger-info .item { margin-bottom: 8px; }
.passenger-form .passenger-info .item label { float: left; margin-right: 10px; padding-top: 2px; text-align: right; width: 60px; }

/* ---< BOOKING ENGINE : ADDITIONAL SERVICES >-------------------------------------------- */
.additional-services { margin-top: 20px; }
.additional-services .items h5 { font-weight: bold; font-size: 1em; margin-bottom: 5px; }
.additional-services .fi_btn input { color: #fff; font-weight: bold; background: url(images/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 h4 { margin-top: 20px; font-size: 1.1em; }

/* ---< 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 .options { width: 100%; float: left; padding-left: 40px; }
.payment-form .masterbackground { background: url(images/mastercard_logo.gif) no-repeat 0 50%; }
.payment-form .visabackground { background: url(images/visa_logo.gif) no-repeat 0 50%; }
.payment-form .logo {float: right; width: 100px; height: 44px; }
.payment-form ul.masterbackground, .payment-form ul.visabackground { padding-left: 80px; }
.payment-form li { margin-bottom: 2px; width: 100%; overflow: hidden; }
.payment-form li input { float: left; margin: 3px 7px 10px 0; }
.payment-form li label { cursor: pointer; }
.payment-form .info { clear: both;  padding-bottom: 24px; }
.payment-form .passenger-selection { margin: 3px 0 17px 0; }
.payment-form .passenger-selection label { margin-right: 5px; }
.payment-form .input-fields > div { width: 100%; overflow: hidden; margin-bottom: 8px; }
.payment-form .payment-info input, .payment-form .customer-info input, .input-fields input { float: left; border: solid 1px #BCBCBC; width: 120px; }
.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 { float: right; width: 600px; font-size: 1.6em; text-align: right; }
.payment-form .total-price span.prefix { }
.payment-form .total-price span.price { font-weight: bold; color: #C00; padding: 0 5px 0 10px; font-size: 1.7em; }
#giftvoucher_code { margin-right: 10px !important; }
.payment-form .payment-info-cards #nr-of-cards { width: 40px; }
.payment-form .payment-info-cards .payment-info { background:none repeat scroll 0 0 #FFFFFF; border:1px solid; float:left; margin:7px; padding:12px 8px; width:280px; }
.payment-form .payment-info-cards .payment-info > div { margin-bottom: 2px; float: left; }
.payment-form .payment-info-cards .payment-info label { width: 110px !important; }
.payment-form .payment-info-cards .payment-info .currency { line-height:19px; padding-left:2px; }
.payment-form .payment-info-cards .payment-info select.month { width: 80px; }

.payment-form .payment-info-cards .payment-info label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; margin:0 38px 3px 0; padding:0 2px 2px !important; text-align:center; width:118px !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,
.payment-form .input-fields select.invalid { background-color: #63F8CF; border:1px solid #CC0000; }
.payment-form .input-fields label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; display:block; float:right; font-size:0.9em; font-weight:bold; margin:0 386px 3px 0; padding:0 2px 2px !important; text-align:center; width:118px !important; }
.passenger-form .item span.invalid { color: red; display: block; font-weight: bold; text-align: left; font-size: 0.9em; padding: 0 0 0 82px; !important; width: 180px !important; }

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

/* ---< BOOKING ENGINE : RECEIPT >-------------------------------------------------------- */
.booking-id { font-size: 4.3em; text-align: center; font-weight: bold; color: #E02D7B; }

/* ---< BOOKING ENGINE : COMMON CLASSES >------------------------------------------------- */
p.helper { color: #868686; }
p.helper span.title { color: #C00; font-weight: bold; }

/* ---< VALIDATION FOR FORMS >------------------------------------------------------------ */
.fValidator-msg { margin: 2px 0 2px 70px; }
.payment-form .fValidator-msg { margin-left: 140px; }
.jscheckpassed .js-off, .js-on { display : none; }
.js-off, .jscheckpassed .js-on { display : block; }
.js-off { padding : 15px; }

/* ---< BOOKING ENGINE : HOTEL DETAILS >-------------------------------------------------- */
.hotelinfo { position: relative; }
.hotelinfo p.summary { background: #4F4F4F url(../images/hotelinfo-sum-top.gif) no-repeat top left; display: block; width: 649px; padding-top: 3px; line-height: 1.3em; font-style: italic; }
.hotelinfo p.summary span { background: #4F4F4F url(../images/hotelinfo-sum-bottom.gif) no-repeat bottom left; display: block; margin-top: 5px; color: #FFF; padding: 0 12px 9px 12px; font-size: 1.2em; font-weight: bold; text-align: center; }
.hotelinfo .hotel-images { height: 320px; overflow: hidden; position: relative; margin-bottom: 16px; }
.hotelinfo .hotel-images .main-loader { position: absolute; top: 0; left: 0; width: 500px; height: 320px; background: #F0F0F0; z-index: 20; }
.hotelinfo .hotel-images #main_image { position: absolute; top: 0; left: 0; z-index: 40; }
.hotelinfo .hotel-images .main-loader img { margin: 113px 0 0 226px; }
.hotelinfo .hotel-images .main { float: left; width: 500px; height: 320px; }
.hotelinfo .hotel-images .thumbnails { float: right; width: 129px; height: 288px; margin-top: 16px; overflow: hidden; position: relative; }
.hotelinfo .hotel-images .thumbnails ul { position: absolute; top: 0; left: 0; }
.hotelinfo .hotel-images .thumbnails ul li img { margin-bottom: 3px; cursor: pointer; }
.hotelinfo .hotel-images img.mover { position: absolute; right: 0; cursor: pointer; }
.hotelinfo .hotel-images img.up { top: 0; }
.hotelinfo .hotel-images img.down { bottom: 0; }
.hotelinfo .star-count { position: absolute; top: 0; right: 0; color: #F0F0F0; z-index: 9000; width: 110px; height: 16px; background: url(images/stars.gif) right 0 no-repeat; }
.hotelinfo .star-count span { height: 16px; }
.hotelinfo .stars1 { background-position: right 0; }
.hotelinfo .stars2 { background-position: right -80px; }
.hotelinfo .stars3 { background-position: right -160px; }
.hotelinfo .stars4 { background-position: right -240px; }
.hotelinfo .stars5 { background-position: right -320px; }
.hotelinfo .stars6 { background-position: right -320px; }
.hotelinfo .place-info { border-bottom: solid 1px #666; padding-bottom: 8px; margin-bottom: 8px; }
.hotelinfo .place-info span { float: left; }
.hotelinfo .place-info span.country { background: url(../images/bc-arrow.gif) no-repeat right 4px; padding-right: 16px; margin-right: 10px; }
.hotelinfo .place-info span.destination { background: url(../images/bc-arrow.gif) no-repeat right 4px; padding-right: 16px; margin-right: 10px; }
.hotelinfo .mwrapper .main { float: left; width: 480px; }
.hotelinfo .mwrapper .rightcol { float: right; width: 129px; font-size: 0.90em; }
.hotelinfo .mwrapper .rightcol h3 { font-size: 1.2em; text-transform: uppercase; margin-top: 21px; }

.terms {	clear: both; background-color: #E4E4E4;	width: 100%; overflow: hidden; padding: 7px 0; margin-bottom: 10px;	margin-top: 10px; }
.terms a { color: #FF0066; font-weight: bold; text-decoration: none;}
.terms .fi_chk { float: left; margin-left: 6px; padding-top: 4px; margin-bottom: 0;}
.terms .fi_chk label { text-align: left; width: 300px; float: none; margin-top: 6px; margin-left: 5px;}
.terms .fi_btn { float: right; margin-right: 16px; _display: inline; }

/* ---< BOOKING ENGINE : PACKAGE DETAILS >------------------------------------------------ */
.package-details .package-item h3 { font-size: 1.3em; font-weight: normal; }
.package-details .package-items { margin-top: z30px; }
.package-details .package-items h3 { margin: 20px 0 10px 0; }  
.package-details .package-items h3 span { font-size:0.7em; 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: 8px; 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; background: lime url(images/btn_all.gif) no-repeat 100% 0 !important; padding-right: 4px; }
.package-details .buttons img { float: right; margin: 6px 8px 0 0; }
.package-details .buttons .btn input { border: none; background: transparent url(images/btn_all.gif) no-repeat 0 0 !important; color: #FFF; font-weight: bold; padding: 5px 5px 4px 9px; }
.package-details .buttons .disabled input { background-position: 0 -29px !important; color: #CCC; }
.package-details .buttons .disabled { background-position: 100% -29px !important; color: #CCC; }
.package-details .helper { border-bottom: solid 1px #CCC; padding-bottom: 8px; margin: 28px 0 8px 0; }
.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: #172227 url(images/bg_alert.gif) no-repeat 4px 4px; width: 100%; height: 100%; text-align: left; font-size: 1em; color: #FFF; font-weight: bold; }
.package-details #p_error_msg span { display: block; margin: 9px 0 0 47px; font-size: 0.92em; 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; }
.package-details .facebook-share a { padding: 0 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }
.package-details #message_box { color: #C00; font-weight: bold; font-size: 1.2em; }


/* ---------< HOTEL LOCATIONS : GOOGLE MAPS >----------------------------------------- */
.hotel_locations {}
.hotel_locations .resize_menu { width: 618px; background: #DDD url(../images/arrow-dwn.gif) no-repeat scroll  5px 50%; border-top:1px solid #999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 25px; }
.hotel_locations .expanded { background-image: url(../images/arrow-up.gif) !important; }
.hotel_locations .resize_menu:hover { cursor: pointer; }
.hotel_locations #mapcanvas {width: 648px; height: 485px; border-bottom:1px solid #999999;}

.hotel_locations .googleMap .miniInfo {width: 217px; height: 140px;}
.hotel_locations .googleMap .miniInfo img.gmap_hotel_snapshot { max-height: 120px; max-width: 220px; }
.hotel_locations .googleMap .miniInfo .more {font-size: 0.9em; color: blue; text-decoration: none; float: left}
.hotel_locations .googleMap .miniInfo:hover .more { text-decoration: underline; }
.hotel_locations .googleMap .miniInfo .price {font-size: 0.9em; text-decoration: none; float: left}
.hotel_locations .googleMap .miniInfo .star{ background:transparent url(images/stars.gif) no-repeat scroll 0 -240px; height:16px; padding:2px 20px 2px 0; }
.hotel_locations .googleMap .miniInfo .locations:hover { text-decoration: underline; }  

.hotel_locations .googleMap .hotel_title { line-height: 25px; }
.hotel_locations .googleMap .hotel_title span.einkunn { height: 16px; background : url(images/stars.gif) 0 0 no-repeat; padding: 0px 105px 0px 0; margin-left:7px; }
.hotel_locations .googleMap .hotel_title span.stars1 { background-position: 0 0; }
.hotel_locations .googleMap .hotel_title span.stars2 { background-position: 0 -80px; }
.hotel_locations .googleMap .hotel_title span.stars4 { background-position: 0 -240px; }
.hotel_locations .googleMap .hotel_title span.stars3 { background-position: 0 -160px; }
.hotel_locations .googleMap .hotel_title span.stars5 { background-position: 0 -320px; }
.hotel_locations .googleMap .hotel_title span.stars6 { background-position: 0 -400px; padding: 2px 78px 2px 0; }

.hotel_locations .googleMap .hotel_info h3 { font-size: 1.2em; display: none; }
.hotel_locations .googleMap .hotel_info h3 a { text-decoration : none; }
.hotel_locations .googleMap .hotel_info .overview { display: none} 
.hotel_locations .googleMap .hotel_info img { float: left; padding:16px 0; }
.hotel_locations .googleMap .hotel_info .summary { float: right; width: 430px; _display: inline; position: relative; min-height: 95px; _height: 95px; padding-bottom: 12px; _padding-bottom: 10px; padding-top:14px; }
.hotel_locations .googleMap .hotel_info .summary li { padding-left: 10px; margin-bottom: 7px; }
.hotel_locations .googleMap .hotel_info .summary .more { margin-top: 1em; margin-left:9px; }
.hotel_locations .googleMap .hotel_info .order { clear: both; position: relative; padding-top: 1px; border: 1px solid #CCC; background: #FFF; margin-right:12px; }
.hotel_locations .googleMap .hotel_info .order h3 { color: #000; display: block; }
.hotel_locations .googleMap .hotel_info .order p { position: absolute; right: 0; text-align: right; padding-right: 12px; padding-top: 3px; }
.hotel_locations .googleMap .hotel_info .order table { width: 100%; border: none; border-collapse : collapse; }
.hotel_locations .googleMap .hotel_info .order td { border: none; }
.hotel_locations .googleMap .hotel_info .order table td { padding : 5px; }
.hotel_locations .googleMap .hotel_info .order h3 { font-size: 1em; padding: 7px 0 2px 5px; background: none; font-weight: normal; }
.hotel_locations .googleMap .hotel_info .order table td { margin-bottom: 16px; width: 50%; }
.hotel_locations .googleMap .hotel_info .order table td.price { text-align: right; white-space : nowrap; }
.hotel_locations .googleMap .hotel_info .order table .price b { color: #CC3333; font-size: 1.1em; }

ul.checklist li
{
	background: url("/Templates/sumarferdir/css/images/tick.png") no-repeat 0 4px;
	line-height: 20px;
	padding-left: 24px;
}

/* ---------------------< SELECT FLIGHT SEATS >------------------------------------- */
#select-flight-seats { margin-top: 20px; min-height: 530px; font-family: Trebuchet MS,Verdana,sans-serif; font-size: 1em; }
#select-flight-seats .aircraft { padding:7px 5px 15px 10px; background-color: white; }
#select-flight-seats .aircraft h3 {border-bottom: 1px solid; }
#select-flight-seats .aircraft > div { margin-top: 8px;  }
#select-flight-seats .aircraft .left { float: left; width: 260px; background:url("images/sele/sidebar-top.png") no-repeat scroll 0 0 transparent; padding-top:11px;}
#select-flight-seats .aircraft .right { max-height: 450px; overflow-y: scroll; }
#select-flight-seats .aircraft .right .conf-right { float: right; padding-left:48px; background:url("images/sele/leftwing.png") no-repeat scroll 0 50% transparent; max-width: 310px;}
#select-flight-seats .aircraft .info { float: left; margin-bottom: 5px; }
#select-flight-seats .aircraft .info div { }
#select-flight-seats .aircraft .info div span {font-size:13px; font-weight:bold; margin-left:5px;}
#select-flight-seats .aircraft .passengers { float:left; width:100%; padding-bottom:11px; background:url("images/sele/sidebar-bottom.png") no-repeat scroll 0 100% transparent; margin-bottom:10px;}
#select-flight-seats .aircraft .passengers > * { background: url(images/sele/sidebar-bg.png) repeat-y 0; margin-bottom: 0; }
#select-flight-seats .aircraft .passengers h5.head-pass {float:left; width:175px;padding-left:12px;}
#select-flight-seats .aircraft .passengers h5.head-seat {}
#select-flight-seats .aircraft .passengers .passenger { padding-left:10px; width: 100%; height: 30px; }
#select-flight-seats .aircraft .passengers .passenger .name:hover { text-decoration: underline; cursor: pointer; }
#select-flight-seats .aircraft .passengers ul { padding-top: 8px; }
#select-flight-seats .aircraft .passengers .active { background:url("images/sele/active.png") no-repeat scroll 0 50% transparent; height:40px; line-height:35px; color: #FFF; position: relative; left: -5px; }
#select-flight-seats .aircraft .passengers .passenger span.name { float:left; font-family:Verdana; font-size:13px; width: 185px; margin-top: 4px; }
#select-flight-seats .aircraft .passengers .active span.name { width: 189px; margin-top: 1px; }
#select-flight-seats .aircraft .passengers .passenger .seat-selected { background:url("images/sele/solid.png") no-repeat scroll 50% 50% transparent !important; color:#FFFFFF; float:left; font-size:11px; font-weight:bold; height:24px; line-height:24px; margin:2px 0 0; text-align:center; width:24px; }
#select-flight-seats .aircraft .passengers .passenger .cancel-seat { float:left; padding-left:2px; padding-top:4px; }
#select-flight-seats .aircraft .passengers .passenger .cancel-seat:hover { cursor: pointer; }
#select-flight-seats .aircraft .passengers .active .cancel-seat { padding-top: 10px; }
#select-flight-seats .aircraft .passengers .active .seat-selected { margin-top: 8px; }
#select-flight-seats .aircraft .passengers .clear-all { padding-right:40px; padding-top:5px; text-align:right; }                 
#select-flight-seats .aircraft .price-types { float: left; }
#select-flight-seats .aircraft .price-types .seat-type { float: left; margin:0 15px 10px 0; width: 114px; }
#select-flight-seats .aircraft .price-types #seat-type-booked { float:left; font-weight:bold; margin-bottom:6px; width:100%; }
#select-flight-seats .aircraft .price-types #seat-type-booked div { }
#select-flight-seats .aircraft .price-types #seat-type-booked .type-name {  }
#select-flight-seats .aircraft .price-types .seat-type .color {float:left; height:20px; margin:2px; width:24px;}
#select-flight-seats .aircraft .price-types .seat-type .type-name { float:left; min-height:18px; padding-top:4px; font-weight: bold;}
#select-flight-seats .aircraft .price-types .seat-type ul { float: left; clear: left; font-weight: bold; }
#select-flight-seats .aircraft .instructions { float: left; }
#select-flight-seats .aircraft .configuration { background:url("images/sele/rightWing.png") no-repeat scroll 105% 50% transparent; clear:both; float:right; padding-right:32px; }
#select-flight-seats .aircraft .configuration .row {clear: both; }
#select-flight-seats .aircraft .configuration .row .mark { float:left; height:16px; margin:2px; width:24px; text-align: center;}
#select-flight-seats .aircraft .configuration .row .seat { float:left; height:20px; margin:2px; width:24px; }
#select-flight-seats .aircraft .configuration .row .seat:hover { cursor: pointer; }
#select-flight-seats .aircraft .configuration .row .gap { text-align: center; width: 18px; line-height:20px;}
#select-flight-seats .aircraft .configuration .row .blocked { color: #F0F0F0 !important; }
#select-flight-seats .aircraft .configuration .row .booked { color: #F0F0F0 !important; }
#select-flight-seats .aircraft .configuration .row .seatSelected { background: url("images/sele/selected.png") no-repeat scroll 0 0 #FFFFFF !important }
#select-flight-seats .summary .price-info { font-size: 1.3em; padding-top:8px; }
#select-flight-seats .summary .price-info ul {float: left; margin-top: 11px; }
#select-flight-seats .summary .price-info span { font-weight: bold; }
#select-flight-seats .summary .price-info .total-price { font-size: 1.5em; border-top:1px solid; }
#select-flight-seats .summary .price-info .total-price span {color: #CC0000;}
#select-flight-seats .summary .price-info .price-diff { font-size: 1.5em; border-top:1px solid; }
#select-flight-seats .summary .price-info .price-diff span {color: #CC0000;}
#select-flight-seats .summary .button { margin-top: 11px;  }
.popup { color: #FFFFFF; font-size: 1.2em; }
.popup a { color: #FFFFFF; }
.popup p { margin-top: 35px; }
.popup .btn { width: 100%; float: left; padding-top:5px; }
.popup .btn input {  }

#LoadingScreen p { margin-top: 150px;  }
#PayForSeats { text-align: center; font-size: 1.2em; }
#PayForSeats .payment-info { background:none repeat scroll 0 0 #FFFFFF; border:1px solid; float:left; margin:7px 0 0 91px; padding:12px 8px; width:280px; }
#PayForSeats .payment-info > div { margin-bottom: 2px; float: left; }
#PayForSeats .payment-info label {color:#000000; float:left; padding-right:15px; text-align:right; width:110px !important; }
#PayForSeats .payment-info .currency { line-height:19px; padding-left:2px; }
#PayForSeats .payment-info select.month { width: 80px; }
#PayForSeats .payment-info input { width: 130px; }
#PayForSeats .payment-info label.invalid { background:none repeat scroll 0 0 #CC0000; color:#FFFFFF; float:right; font-size:0.85em; margin-right:23px; padding:0; text-align:center; width:132px !important;}
#PayForSeats .payment-info input.invalid, #PayForSeats .payment-info select.invalid { background:none repeat scroll 0 0 #63F8CF; border:1px solid #CC0000; float: left; }

.mypages-login div label { float:left; padding-top:3px; width:142px; }
.mypages-login div.toggle_link a { float:left; font-style:italic; margin-top:10px; }
.mypages-login div .head { font-size:14px; font-weight:bold; margin-bottom:4px; text-decoration:underline; }
.mypages-login div .info { margin:2px 0 4px; }
.mypages-login .error span { color:#CC4444; font-weight:bold; }


.getbookings .bookings-list th { background-color:#BBBBBB; padding:3px; }
.getbookings .bookings-list td { padding: 3px; }
.getbookings .bookings-list tr:nth-child(even) { background-color: #ddd; }
.getbookings .bookings-list { border:1px solid #666666; }