/* 
Project: Neckermann.hu Frontend
Created by: Zoltan Radics / zoltan.radics@grey.hu
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/* Variables */
@backgroundColor:		#dcdcdc;
@blue: 					#00e8e8;
@lightBlue:				#e5fdfd;
@darkGrey: 				#353535;
@lightGrey: 			#eaeaea;

.testBordered { border: 1px solid #999; }
.center { margin-left: auto; margin-right: auto; }
.sprite { background: url('../images/lastminute-sprite.png') no-repeat top left; }
.hidden { display: none; }
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.clearfix { display: block; clear: both; visibility: hidden; line-height: 0; font-size: 0; height: 0; }
.lightGrey { color: @lightGrey; }
.midGrey { color: #999; }
.valignCenter { vertical-align: middle; }
.day { color: #a0004c; }
.night { color: #003c8b; }
.imageLeft { float: left; margin: 0px 15px 0px 0px; }
.imageRight { float: right; margin: 0px 0px 0px 15px; }
.halfLeft { float: left; width: 49%; }
.halfRight { float: right; width: 49%; }

body {
	background-color: @backgroundColor;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
p { overflow: auto; }
a { color: @blue; text-decoration: none; }
a:hover { text-decoration: none; border: none; cursor: pointer; }
a:focus { text-decoration: none; border: none; outline: none; }
strong { font-weight: bold; }
.strong { font-weight: bold; }
.wrapper { width: 930px; .center; }

.tf { width: 120px; height: 18px; padding: 5px 5px 3px 10px; background: url('../images/tfs.png') no-repeat; border: none; color: #888; font-size: 10px; }
.tf-login-register { width: 200px; height: 18px; padding: 5px 5px 3px 10px; background: url('../images/tf-login-register.png') no-repeat; border: none; color: #888; font-size: 10px; }
.grey-textfield { width: 147px; height: 24px; padding: 0px 5px 0px 5px; background: url('../images/grey-textfield.png') no-repeat; border: none; color: #888; }
.date-textfield { width: 60px; height: 24px; padding: 0px 5px 0px 5px; margin: 0px 3px 0px 0px; background: url('../images/date-textfield.png') no-repeat; border: none; color: #888; font-size: 10px; }

/* BUTTONS */
input.button {
	border: none;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	color: white;
	font-size: 10px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-bottom: 1px solid #109696;
	border-right: 1px solid #109696;
	background: url('../images/button-grad.jpg') repeat-x;
}
input.button[disabled=disabled] {
	cursor: default;
	border-bottom: 1px solid #92cac7;
	border-right: 1px solid #92cac7;
	background: url('../images/button-grad-disabled.jpg') repeat-x;
}
a.button {
	border: none;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	color: white;
	font-size: 10px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-bottom: 1px solid #109696;
	border-right: 1px solid #109696;
	background: url('../images/button-grad.jpg') repeat-x;
}

.halfLeft { float: left; width: 49%; }
.halfRight { float: right; width: 49%; }

.darkGreyHeader { height: 30px; color: white; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; font-size: 16px; }

/* COLORS */
.blue { color: @blue; }

/* HEADER */
.header { height: 160px; background-color: @blue; overflow: hidden; }
.header .headerCenter { width: 930px; .center; }
.header .headerTop { height: 125px; }
.header .headerTop #logo { position: absolute; display: block; float: left; z-index: 100; left: 10px; top: 10px; width: 182px; height: 170px; }
.header .headerTop .headerToolsContainer { position: relative; float: right; right: 0px; top: 0px; width: 750px; height: 120px; }
.header .headerTop .headerToolsContainer .forms { float: left; width: 160px; margin: 20px 10px 0px 30px; }
.header .headerTop .headerToolsContainer .forms .formTitle { font-size: 12px; margin: 0px 0px 4px 0px; color: white; }
.header .headerTop .headerToolsContainer .forms .searchForm { border: 0px solid #999; }
.header .headerTop .headerToolsContainer .forms .subscribeForm { border: 0px solid #999; margin-top: -10px; }
.header .headerTop .headerToolsContainer a.callus { display: block; float: left; margin: 35px 10px 0px 0px; width: 163px; height: 61px; background: url('../images/call-us.png') no-repeat; }
.header .headerTop .headerToolsContainer a.onlinechat { display: block; float: left; margin: 15px 0px 0px 0px; width: 126px; height: 103px; }
.header .headerTop .headerToolsContainer .onlinechatOpen { background: url('../images/online-chat-open.png') no-repeat; }
.header .headerTop .headerToolsContainer .onlinechatClose { background: url('../images/online-chat-close.png') no-repeat; }
.header .headerTop .headerToolsContainer .login { float: right; margin: 20px 0px 0px 0px; width: 220px; text-align: left; font-size: 10px; }
.header .headerTop .headerToolsContainer .login a { color: @darkGrey; text-decoration: underline; }
.header .headerTop .headerToolsContainer .login a:hover { color: white; }
.header .headerTop .headerToolsContainer .login .welcome { margin: 0px 0px 10px 0px; font-size: 16px; font-weight: bold; color: white; }
.header .headerTop .headerToolsContainer .login .initLogin { float: left; }
.header .headerTop .headerToolsContainer .login .initRegister { float: left; margin-right: 5px; }
.header .headerTop .headerToolsContainer p { margin: 0px 0px 2px 0px; }
.header ul.menuBar { height: 35px; overflow: hidden; padding: 0px 0px 0px 175px; background: @darkGrey top; }
.header ul.menuBar li { display: block; float: left; }
.header ul.menuBar li a { display: block; float: left; width: 125px; padding: 10px 0px 10px 0px; font-weight: bold; font-size: 13px; text-align: center; color: white; }
.header ul.menuBar li a:hover { color: @blue; }
.header ul.menuBar li a.active { background-color: white; color: @blue; }

/* SEARCH */
.search { width: 910px; height: 165px; padding: 10px; background-color: white; .center; overflow: hidden; }
.search .searchFormLeft { float: left; width: 325px; }
.search .searchFormLeft form .tf { border: 1px solid #ccc; background: white none; }  
.search .searchFormLeft .searchFormRow { height: 45px; margin: 5px 0px 0px 0px; padding: 0px 0px 5px 0px; border: 0px solid #999; overflow: hidden; }
.search .searchFormLeft .searchFormRow .searchFormRowLeft { width: 150px; float: left; border: 0px solid #999;}
.search .searchFormLeft .searchFormRow .searchFormRowRight { width: 150px; float: right; border: 0px solid #999; }
.search .searchFormLeft .searchFormRow .tf { height: 18px; width: 100px; }
.search .searchFormLeft .searchFormTable { width: 100%; height: 165px; border: 0px solid #999; }
.search .searchFormLeft .searchFormTable td { vertical-align: middle; }
.search .searchFormLeft .searchFormTable .label { width: 50px; padding: 0px 0px 3px 3px;font-size: 10px; color: #999; }
.search .searchFormLeft .searchFormTable a { color: @blue; text-decoration: underline; }
.search .searchFormRight { float: right; }
.search .searchFormRowTitle { margin: 0px 0px 5px 0px; }
.dateCont { width: 133px; height: 27px; padding: 4px 3px 0px 6px; background: url('../images/datePick.png') no-repeat; overflow: hidden; }
.dtf { font-size: 9px; width:85px; border: none; }
#dest { width: 130px; }
#dep { width: 130px; }
.sliderCont { width:  border: 1px solid #ccc; }
#slider { width: 125px; height: 4px; margin: 5px 0px 5px 0px; background-color: #ccc; }
#slider .ui-slider-handle { width: 16px; height: 16px; background: url('../images/sliderButton.png') no-repeat; border: none; margin: -2px 0px 0px 0px; }
#priceAmount { width: 125px; border: none; font-weight: bold; font-size: 10px; }

/* Detailed Search */
#detailedSearchDiv { width: 590px; height: 185px; background: white url('../images/detailedSearchMap.jpg') no-repeat right; .center; position: absolute; top: 0; left: 330px; z-index: 100; margin-top: -10px; }
#detailedSearchDiv .detailedSearchCol { float: left; padding: 15px 0; }
#detailedSearchDiv .detailedSearchCol .grey-textfield { width: 100%; }
#detailedSearchDiv .firstCol { margin-right: 15px; }
#detailedSearchDiv p { padding-top: 15px; }
#detailedSearchDiv .needSpace { margin-top: 10px; }
#detailedSearchDiv .submitDiv { text-align: right; padding-top: 50px; }
#detailedSearchDiv .submitDiv a { text-decoration: underline; }

/* SLIDESHOW */
.slideshow { position: relative; width: 930px; height: 105px; margin-top: 10px; padding: 5px 0px 5px 0px; background-color: white; overflow: hidden; .center; }
.slideshow ul#imageset1 { top: 0px; left: 0px; width: 930px; position: relative; overflow: hidden; }
.slideshow ul#imageset2 { top: -158px; left: 930px; width: 930px; position: relative; overflow: hidden; }
.opera .slideshow ul#imageset2, .chrome .slideshow ul#imageset2 { top: -155px;}
.slideshow ul.images li { display: block; float: left; height: -50px; width: 186px; overflow: hidden; }
.slideshow ul.images li .slideshowImage { position: relative; top: 0px; left: 0px; height: 105px; width: 186px; }
.slideshow ul.images li .text { position: relative; top: -50px; left: 0px; height: 50px; padding: 0px 0px 0px 0px; background: url('../images/transparent-darkGrey-80.png') repeat; overflow: hidden; }
.slideshow ul.images li .text h3 { padding: 2px 0px 0px 10px; }
.slideshow ul.images li .text h3 a { color: @blue; }
.slideshow ul.images li .text h3 a:hover { color: white; }
.slideshow ul.images li .text .price { color: white; margin: 0px 0px 0px 10px; font-weight: bold; font-size: 14px; }
.slideshow .controls { position: relative; width: 930px; left: 0px; top: 25px; height: 40px; overflow: hidden; }
.slideshow .controls a { display: block; width: 38px; height: 40px; background: url('../images/arrowsHorizontal.png') no-repeat; }
.slideshow .controls a.prev { float: left; margin-left: 10px; background-position: 0px 0px; cursor: pointer; }
.slideshow .controls a.next { float: right; margin-right: 10px; background-position: -38px 0px; cursor: pointer; }

/* PORTLETS */
.portletsContainer { width: 930px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; .center; }
.portlets { float: left; background-color: white; overflow: hidden;  }
.portletItem { padding: 10px 5px 10px 5px; background: url('../images/darkGrey.png') repeat-x; }
.staticPortlet { float: left; width: 175px; height: 345px; }
.staticPortlet .portletHeader { height: 30px; }
.staticPortlet .portletHeader h2 { font-size: 16px; color: white; border-right: 1px dashed #818181; }
.staticPortlet .portletHeader h2.noBorder { font-size: 16px; color: white; border: none; }
.staticPortlet .portletContent { margin: 5px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: justify; border-right: 1px dashed #818181; }
.staticPortlet .portletContentNoBorder { margin: 5px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: justify; border: none; }
.staticPortlet .portletContent .toggleContent { width: 161px; height: 312px; }
.staticPortlet .portletContent .toggleContent .toggleContentInner { width: 161px; height: 312px; text-align: left;  }
.staticPortlet .portletContent .toggleContent .toggleContentInner .toggleContentImage { position: relative; top: 0px; left: 0px; width: 161px; height: 312px; }
.staticPortlet .portletContent .toggleContent .toggleContentInner .text { position: relative; top: -312px; left: 0px; width: 141px; height: 0px; padding: 0 10px 10px; background: url('../images/transparent-white.png'); overflow: hidden; opacity: 0; }
.staticPortlet .portletContent .toggleContent .toggleContentInner .text p { height: 250px; margin-top: 10px; }
.staticPortlet .portletContent .toggleContent .toggleContentInner a.more { display: block; float: right;  width: 50px; padding: 4px 20px 4px 0px; margin: 10px 0px 0px 0px; background: transparent url('../images/more.png') no-repeat right; color: #333; font-weight: bold; font-size: 13px; }
.listPortlet { float: left; min-height: 340px; padding: 0px; overflow: hidden; margin-right: 10px; }
.listPortlet.lister, .listPortlet.double { background-color: white; min-height: 400px; margin: 10px 10px 10px 0; }
.listPortlet.lister { width: 340px; }
.listPortlet.last {	margin: 10px 0px 10px 0; }
.listPortlet .portletHeader { height: 30px; color: white; padding: 10px 0px 0px 5px; background: url('../images/portletHeaderDesign.png') no-repeat right bottom; }
.listPortlet .offerThumb { float: left; margin: 0px 6px 0px 0px; }
.listPortlet h3 { margin-top:-4px; font-weight: bold; }
.listPortlet .offerDesc { font-size: 10px; } 
.listPortlet .offerText .offerPrice { font-size: 10px; font-weight: bold; color: @blue; }
.listPortlet .offerPrice { font-weight: bold; color: @blue; }
.listPortlet ul.offerPortletContent { float: none; }
.listPortlet ul.offerPortletContentHalf { float: left; width: 290px; }
.landingPageAccomodationList { background-color: white; }
ul.landingPageAccomodationList li { border-bottom: 1px solid #ccc; padding: 6px 6px 6px 6px; }
ul.landingPageAccomodationList li a { color: #000; font-weight: bold; }
.listPortlet ul.offerPortletContentHalf { background-color: white; }
.listPortlet ul.offerPortletContent li, 
.listPortlet ul.offerPortletContentHalf li { height: 48px; padding: 5px 0px 5px 5px; border-bottom: 1px solid #ccc; }
.listPortlet ul.offerPortletContent li .offerText, 
.listPortlet ul.offerPortletContentHalf li .offerText { float: left; width: 175px; border: 0px solid #999; }
.listPortlet ul.offerPortletContent li .offerTextWide, 
.listPortlet ul.offerPortletContentHalf li .offerTextWide { float: left; width: 145px; border: 0px solid #999; }
.listPortlet ul.offerPortletContent li .offerTools, 
.listPortlet ul.offerPortletContentHalf li .offerTools { float: right; width: 64px; height: 43px; background: url('../images/offerTools.png') no-repeat; }
.listPortlet ul.offerPortletContent li .offerToolsExtended, 
.listPortlet ul.offerPortletContentHalf li .offerToolsExtended { float: right; width: 135px; height: 43px; background: url('../images/offerToolsExtended.png') no-repeat; }
.listPortlet ul.offerPortletContent li .rateDisplay, 
.listPortlet ul.offerPortletContentHalf li .rateDisplay { float: right; width: 58px; height: 43px; }
.listPortlet .offerPrice a { color: @blue; margin-right: 5px; }
ul.rateStars { float: left; width: 55px; height: 15px; margin: 15px 0px 0px 10px; padding: 0; }
ul.rateStars li { display: block; float: left; width: 4px; margin: 0px 1px 0px 0px; background: url('../images/stars.png') no-repeat; }
ul.rateStars li.star { height: 4px; background-position: -11px 0px; border: none; }
ul.rateStars li.halfstar { height: 4px; background-position: -20px 0px; border: none; }
ul.rateStars li.activestar { height: 4px; background-position: 0px 0px; border: none; }

.rateDisplay .rateLevel { float: right; width: 45px; height: 11px; margin: 5px 10px 0px 0px; background: white url('../images/rate.png') no-repeat; }
.rateDisplay .ratePoints { float: left; margin: 3px 0px 0px 6px; font-weight: bold; color: white; }
.rateDisplay a.addToCompare { display: block; float: right; width: 18px; height: 18px; margin: 3px 10px 0px 0px; }
.rateDisplay a.addToFavorites { display: block; float: right; width: 18px; height: 18px; margin: 3px 3px 0px 0px; }

.lastMinutePortlet {float: left; padding: 0px; background: #ffffff url('../images/lastminute-portlet-background.jpg') no-repeat right bottom; }
.lastMinutePortlet .portletHeader { height: 30px; color: white; padding: 10px 0px 0px 5px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; }
.lastMinutePortletItems { margin: 0px 0px 0px 5px; height: 275px; }
.lastMinutePortlet .lastMinutePortletItems .portletContent { width: 155px; padding: 5px; margin-top: 5px; .center; background: url('../images/transparent-white.jpg') repeat; border: 1px solid #ddd; overflow: hidden; max-height: 255px; }
.lastMinutePortlet .lastMinutePortletItems .offerThumb { width: 156px; height: 156px; overflow: hidden; }
.lastMinutePortlet .lastMinutePortletItems .offerThumb .offerThumbImage { position: relative; left: 0px; top:0px; }
.lastMinutePortlet .lastMinutePortletItems .offerThumb .offerPrice { position: relative; left: 40px; top: -25px; width: 110px;  padding: 5px; color: @blue; background-color: @darkGrey; font-weight: bold; }
.lastMinutePortlet .lastMinutePortletItems .offerText { margin: 10px 0px 0px 0px; }
.offerSwitch { float: right; margin: 00px 10px 0px 0px; width: 35px; height: 16px; }
.offerSwitch a { display: block; width: 16px; height: 16px; background: url('../images/offerSwitch.png') no-repeat; }
.offerSwitch a.prevOffer { float: left; }
.offerSwitch a.nextOffer { float: right; background-position: -18px 0px; }
.listPortlet.lister .offerSwitch { margin-top: 5px; }

.rightBanner { float: right; }
.destinationPortlet { float: left; width: 545px; height: 235px; background: @darkGrey url('../images/white.png') repeat-x top; }
.destinationPortlet a { color: white; }
.destinationPortlet .portletHeader { height: 30px; }
.destinationPortlet {}
.destinationPortlet .portletContent ul { float: left; width: 135px; padding: 10px 0px 0px 10px; }
.destinationPortlet .portletContent ul li { padding: 0px 0px 0px 15px; background: url('../images/disc.png') no-repeat left; }
.destinationPortlet .portletContent ul li.hassublist { background-image: none; }
.destinationPortlet .portletContent ul li.hassublist { background: url('../images/triangleDown.png') no-repeat; background-position: 0px 5px; }
.destinationPortlet .portletContent ul li.hassublist a { background-image: none; }
.destinationPortlet .portletContent ul li ul { float: none; padding: 0px 0px 0px 0px; }
.destinationPortlet .portletContent ul li ul li {}
.faceBox { float: right; width: 365px; height: 255px; background: white; }

/* FOOTER */
ul.footer { width: 906px; margin-top: 10px; margin-bottom: 160px; padding: 12px; background-color: @darkGrey; color: white; .center; font-size: 11px; }
ul.footer li { display: inline; margin: 0px 6px 0px 0px; }
ul.footer li a { padding-left: 8px; border-left: 1px solid @blue; }

/* FLOATING BAR */
.floatingBar { position: fixed; bottom: 0px; z-index:100; background: url('../images/floatingBar.png') repeat-x bottom; width: 100%; height: 40px; }
.floatingBar a { color: white; }
.floatingBar .floatingBarImage { float: right; width: 290px; overflow: hidden }
.floatingBar .floatingBarPopup { position: absolute; left: 10px; width: 190px; z-index: 90; padding: 10px 10px 10px 10px; background: url('../images/favourite-popup.png') no-repeat top left; overflow: hidden; font-size: 10px; display: none; }
.floatingBar .floatingBarPopup .floatingBarPopupHeader { height: 15px; color: white; padding: 0px 0px 0px 20px; background: url('../images/cart-tiny-icon.png') no-repeat 0px 0px; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList { padding: 0px 0px 0px 0px; background: url('../images/transparent-white-lenia.png') no-repeat top; overflow: hidden; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem { padding: 8px 0px 8px 0px; margin: 0px 0px 3px 0px; background: url('../images/transparent-white-lenia.png') no-repeat bottom; line-height: 12px; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem { color: white; font-size: 9px; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem .floatingBarPopupListItemImage { width: 60px; float: left; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem .floatingBarPopupListItemText { float: left; width: 120px; margin: 0px 0px 0px 5px; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem .floatingBarPopupListItemText .hotelName { font-weight: bold; text-align: left; }
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem .floatingBarPopupListItemText .hotelDesc {}
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem .floatingBarPopupListItemText .hotelPrice {}
.floatingBar .floatingBarPopup ul.floatingBarPopupList li.floatingBarPopupListItem a.floatingBarPopupListItemRemove { display: none; float: right; width: 22px; height: 22px; margin: 5px 5px 0px 0px; background: url('../images/cartItemRemove.png') no-repeat; }
.floatingBarPopupImage { position: fixed; bottom: 0px; right: 60px; z-index: 105; }
.floatingBar .floatingBarPopup .floatingBarPopupFooter { }
.floatingBar .floatingBarPopup .floatingBarPopupFooter .cartSummary { float: left; width: 120px; color: white; font-size: 10px; margin: 0px 0px 0px 0px; }
.floatingBar .floatingBarPopup .floatingBarPopupFooter a.checkCart { display: block; float: right; width: 50px; padding: 0px 15px 0px 0px; color: @blue; text-align: right; background: url('../images/link-arrow-right.png') no-repeat right; }

.floatingBar .close { float: right; width: 22px; height: 22px; margin: 10px 10px 0px 0px; background: url('../images/close.png') no-repeat; }
.floatingBar ul.floatingBarContent { float: left; margin: 15px 0px 0px 10px; }
.floatingBar ul.floatingBarContent li { display: inline; margin: 0px 10px 0px 0px; }
.floatingBar ul.floatingBarContent li .floatingBarPopup li { display: block; }
.floatingBar ul.floatingBarContent li a { padding-right: 8px; font-size: 11px; }
.floatingBar ul.floatingBarContent li a.separator { border-right: 1px solid @blue; }
.floatingBarClosed { position: fixed; bottom: 5px; right: 5px; z-index:100; background: url('../images/arrowsVertical.png') repeat-x top; width: 35px; height:35px; cursor: pointer; }

/* POPUP LAYER */
.popupLayer { display: none; position: absolute; top: 0px; left: 0px; z-index: 500; width: 100%; background: url('../images/transparentGrey.png'); }
.popupLayer .popupLayerBox {overflow: auto; width: 445px; margin: 50px auto 0px auto; background-color: white; text-align:left; }
.popupLayer .popupLayerHeader { height: 30px; color: white; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; font-size: 16px; }
.popupLayer .popupLayerContent .section { margin: 10px 0px 10px 0px; overflow: hidden; }
.popupLayer .popupLayerContent .lightGrey { background-color: @lightGrey; color: black; }

/* CONTENT BOX */
.contentBox { width: 930px; background-color: white; margin: 10px 0px 10px 0px; overflow: hidden; .center; }
.contentBox .contentBoxHeader { height: 30px; color: white; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; font-size: 16px;  }
.contentBox .contentBoxWide { float: left; width: 550px; margin: 10px 0px 0px 10px; }
.contentBox .contentBoxWide .box { border: 1px solid #9a9a9a; margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; overflow: hidden; }
.contentBox .contentBoxSidebar { float: right; width: 345px; margin: 10px 10px 0px 0px; }
.box { padding: 10px 10px 10px 10px; }
.box .section { border-bottom: 1px solid #a8a8a8; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; }
.box .section.no { border: none; padding: 0px; margin: 0px; }
.box .section .sectionTitle { font-weight: bold; }
.box .section .highlight { background-color: @lightBlue; padding: 4px 4px 4px 4px; }
.box h4, .box h5 { font-weight: bold; margin: 0 0 5px; }
.box h5 { font-size: 13px; margin: 0 0 10px; font-style: italic;}
.contentBox .box h3 { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #9a9a9a; font-weight: bold; }
.contentBox .box .tableLeft { float: left; width: 50%; clear: none;}
.contentBox .box .tableRight { float: right; width: 50%; clear: none; }
table.passangersTable { float: none; max-width: 500px; }
.contentBox .contentBoxWide table td { padding: 8px 0px 8px 0px; }
.contentBox .contentBoxWide table td.label { vertical-align: middle; text-align: right; padding: 0px 10px 0px 0px; }
.contentBox .contentBoxWide table td.input { vertical-align: middle; }
.contentBox .contentBoxWide .tf { padding: 0; font-size:12px; width: 175px; height: 20px; background: url('../images/form-tf.png') no-repeat; color: #646464; }
.contentBox .contentBoxWide .tfs { font-size:12px; width: 75px; height: 20px; background: url('../images/form-tf.png') no-repeat; color: #646464; border:none; }
.shortSelect { width: 60px;}

/* BUBBLE */
#tooltip { display: none; position: absolute; z-index: 100; width: 145px; height: 65px; background:url('../images/bubble.png') no-repeat; font-size: 11px; padding:20px 10px 0px 15px; }
#bubble { display: none; position: absolute; z-index: 200; width: 170px; font-size: 11px; }
#bubble .bubbleTop { height: 22px; background:url('../images/bubble-top.png') no-repeat; }
#bubble .bubbleMiddle { background:url('../images/bubble-middle.png') repeat-y; padding: 0px 15px 0px 15px; }
#bubble .bubbleBottom { height: 31px; background:url('../images/bubble-bottom.png') no-repeat; }

/* IMAGEOFFER */
#imageOffer { position: relative; left: 0px; width: 575px; height: 165px; }
#imageOfferNav { position: relative; top: 135px; left: 10px; z-index: 20; }
#imageOfferNav a { padding: 4px 8px 4px 8px; margin: 0px 8px 0px 0px; /*background: transparent url('../images/transparent-white.jpg');*/ }
#imageOfferNav a.activeSlide { background-color: @blue; color: #000; font-weight: bold; }
#imageOfferNav a:focus { outline: none; }

/* SEARCH RESULTS */
.searchResultBox { width: 930px; margin-top: 10px; overflow: hidden; .center; }
.searchResultBox ul.bookingSteps { float: left; width: 435px; height: 48px; padding: 5px 0px 0px 20px; background: url('../images/booking-steps.png') no-repeat; }
.searchResultBox ul.bookingSteps li { display: block; float: left;  width: 60px; margin: 0px 10px 0px 0px; text-align:center; font-size: 9px; color: #6c6c6c; }
.searchResultBox ul.bookingSteps li .bubble { width: 23px; height: 18px; background: url('../images/bookingStep.png') no-repeat; padding: 5px 0px 0px 0px; margin: 0px 0px 4px 0px; text-align: center; color: white; font-weight: bold; .center; }
.searchResultBox ul.bookingSteps li .bubbleActive { background: url('../images/bookingStepActive.png') no-repeat; color: @darkGrey; }
.searchResultList { overflow-y: auto; overflow-x: hidden; }
.searchResultBox .searchPostFilters { float: right; width: 443px; height: 44px; padding: 8px 0px 0px 20px; background: url('../images/searchPostFilters.png') no-repeat -5px 0px; font-size: 9px; color: #6c6c6c; }
.searchResultBox .searchResultTools { margin: 0px 0px 10px 0px; }
.searchResultBox .searchResultListItem { float: left; width: 220px; height: 430x; margin: 0px 15px 13px 0px; background-color: white; }
.searchResultListItemAddons { height: 30px; margin: 0 5px;}
.accomodationInfoAddons .addons { height: 30px; float: right; margin: 5px;}
.searchResultBox .searchResultListItemLast { margin: 0px 0px 15px 0px; }
.searchResultBox .searchResultListItem .searchResultListItemHeader { height: 55px; padding: 6px 8px 0px; background: url('../images/searchResultItemHeader.png') repeat-x; overflow: hidden; }
.searchResultBox .searchResultListItem .searchResultListItemHeader .title { font-size: 14px; font-weight: bold; }
.searchResultBox .searchResultListItem .searchResultListItemHeader .subtitle { font-size: 14px; }
.searchResultBox .searchResultListItem .searchResultListItemImage { display: block; width: 200px; height: 105px; margin-top: 10px; .center; }
.searchResultBox .searchResultListItem .searchResultListItemDesc { width: 200px; height: 80px; margin: 0px 0px 5px 0px; .center; font-size: 10px; color:black; line-height: 16px; }
.searchResultBox .searchResultListItem .searchResultListItemName { _float: left; width: 200px; margin: 10px 0px 0px 10px; font-weight: bold; min-height: 30px; }
.searchResultBox .searchResultListItem .searchResultListItemMoreDetails { display: block; float: right; width: 65px; height: 26px; padding: 5px 0px 0px 10px; background: url('../images/moreDetails.png') no-repeat; color: @darkGrey; }
.searchResultBox .searchResultListItem .searchResultListItemPrice { float: left; width: 93px; height: 63px; padding: 5px 10px 0px 0px; margin: 6px 0px 0px 0px; background: url('../images/searchResultListItemPrice.png') no-repeat; text-align: right; color: white; }
.searchResultBox .searchResultListItem .searchResultListItemPrice .originalPrice { font-size: 14px; color: white; height:16px; }
.searchResultBox .searchResultListItem .searchResultListItemPrice .originalPrice .value { position: relative; top: 0px; left: 0px; z-index: 1; }
.searchResultBox .searchResultListItem .searchResultListItemPrice .originalPrice .cross { position: relative; top: -16px; left: 5px; z-index: 2; }
.searchResultBox .searchResultListItem .searchResultListItemPrice .salePrice { font-size: 20px; font-weight: bold; }
.searchResultBox .searchResultListItem .searchResultListItemPrice .unit { color: @blue; }
.searchResultListItemTools { float: right; clear: right; width: 80px; height: 43px; background: url('../images/offerToolsExtended.png') no-repeat top left; }
.rateDisplay { width: 85px; overflow: auto; }
.searchResultBox .searchResultListItem ul.searchResultListItemStars { display: block; float: right; width: 57px; height: 19px; margin: 10px -10px 0px 0px; padding: 6px 0px 0px 8px; background: url('../images/searchResultListItemStars.png') no-repeat; }
.searchResultBox .searchResultListItem ul.searchResultListItemStars li { display: block; float: left; width: 10px; height: 10px; margin: 0px 1px 0px 0px; background: url('../images/stars.png') no-repeat; }
.searchResultBox .searchResultListItem ul.searchResultListItemStars li.star { height: 10px; background-position: -11px 0px; border: none; }
.searchResultBox .searchResultListItem ul.searchResultListItemStars li.activestar { height: 10px; background-position: 0px 0px; border: none; }
.searchResultBox .searchResultInfo { float: left; width: 205px; height: 25px; margin: 5px 0px 0px 20px; padding: 5px 0px 0px 15px; background: url('../images/pager.png') no-repeat; font-size: 10px;}
.searchResultBox .searchResultInfo .number { font-size: 12px; font-weight: bold;}
.searchResultBox .searchResultPager { float: right; width: 205px; height: 25px; margin: 8px 20px 0px 0px; background: url('../images/pager.png') no-repeat; overflow: hidden; }
.searchResultBox .searchResultPager .searchResultPagerCont { width: 190px; margin: 3px auto 0px auto; }
.searchResultBox .searchResultPager .searchResultPagerMidCont { float: left; width: 135px; margin: 0px 0px 0px 5px; text-align: center; }
.searchResultBox .searchResultPager a { color: #ababab; }
.searchResultBox .searchResultPager a.pageSwitch { display: block; width: 19px; height: 19px; background: url('../images/pagerArrows.png') no-repeat; }
.searchResultBox .searchResultPager a.prevPage { float: left; }
.searchResultBox .searchResultPager a.nextPage { float: right; background-position: -18px 0px; } 

/*  ACCOMODATION INFO PAGE */
.accInfoPage { width: 930px; margin-top: 10px; overflow: hidden; .center; }
.accInfoWide { float: left; width: 555px; background-color: white; }
.accInfoFullWide { width: 100%; }
.accInfoWide .accInfoTabs ul.accInfoTabHeader { height: 30px; color: white; padding: 10px 0px 0px 10px; background-color: @darkGrey; overflow: hidden; }
.accInfoWide .accInfoTabs ul.accInfoTabHeader li { display: block; text-transform: uppercase; font-weight: bold; }
.accInfoWide .accInfoTabs ul.accInfoTabHeader li a { display: block; height: 25px; padding: 5px 10px 0px 10px; float: left; }
.accInfoWide .accInfoTabs ul.accInfoTabHeader li a:hover { color: white; }
.accInfoWide .accInfoTabs ul.accInfoTabHeader li a.activeTab { background-color: white; color: @darkGrey; }
.accInfoNarrow { float: right; width: 365px; background-color: white; }
.colHeader { height: 30px; color: white; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; font-size: 16px; }
.accTabTitle { float: left; margin-right: 20px; font-size: 16px; font-weight: bold; }
.accTabTitle a { color: @darkGrey; }

.accTabImages {clear: left; float: left; width: 340px; height: 230px; margin: 10px 0px 0px 0px; padding: 0px; }
.accTabImages #accTabImageSlideshow, .accTabImages #accTabRegionImageSlideshow{ position: relative; left: 0px; top: -35px; }
.accTabImages #accTabImageSlideshowNav, .accTabImages #accTabRegionImageSlideshowNav { position: relative; width: 340px; left: 0px; top: 95px; height: 35px; z-index: 50; overflow: hidden; }
.accTabImages #accTabImageSlideshowNav .arrows, .accTabImages #accTabRegionImageSlideshowNav .arrows{ display: block; width: 35px; height: 35px; background: url('../images/arrowsHorizontal.png') no-repeat; cursor: pointer; }
.accTabImages #accTabImageSlideshowNav .prev, .accTabImages #accTabRegionImageSlideshowNav .reg_prev{ float: left; margin-left: 10px; }
.accTabImages #accTabImageSlideshowNav .next, .accTabImages #accTabRegionImageSlideshowNav .reg_next{ float: right; margin-right: 10px; background-position: -35px 0px;}

.accTabHead { }
ul.accTabHeadGrid { float: right; width: 185px; margin: 10px 0px 10px 0px; }
ul.accTabHeadGrid li { display: block; padding: 3px; overflow: auto; }
ul.accTabHeadGrid li .key { float: left; width: 65px; }
ul.accTabHeadGrid li .value { float: right; width: 100px; text-align: right; padding-right: 10px; font-weight: bold; }
ul.accTabHeadGrid li.shaded { background-color: #dcdcdc; }
.accTabDesc { width: 96%; margin: 10px auto 10px auto; border: 1px solid #9a9a9a; line-height: 18px; }
.accInfoFullWide .accTabDesc { width: 910px; padding: 0px; }
.accTabDesc p { margin: 0px 0px 10px 0px; }
.accTabDesc h2 { margin: 0px 0px 10px 0px; }
.accTab { display: none; padding: 10px;}
.visible { display: block; }
.passengerDetails { margin-bottom: 15px; width: 100%; }
td.padding { padding: 2px; }
.passengerDetails .tf { padding : 0px; font-size: 11px; width: 62px; height: 20px; background: url('../images/form-tf.png') no-repeat; color: #646464; }
#priceChart { position: absolute; top: 0px; left: -780px; z-index: 51; width: 825px; height: 280px; padding: 15px 0px 0px 0px; background: url('../images/priceChartBackground.png') no-repeat; }
.priceChartContent { float: left; width: 780px; height: 250px; }
.priceChartToggleButton { display: block; float: right; height: 250px; width: 40px; }

.accInfoPage .accTabHead ul.searchResultListItemStars { display: block; float: right; width: 57px; height: 19px; margin: 10px 0px 0px 0px; padding: 6px 0px 0px 8px; background: url('../images/searchResultListItemStars.png') no-repeat; }
.accInfoPage .accTabHead ul.searchResultListItemStars li { display: block; float: left; width: 10px; height: 10px; margin: 0px 1px 0px 0px; background: url('../images/stars.png') no-repeat; }
.accInfoPage .accTabHead ul.searchResultListItemStars li.star { height: 10px; background-position: -11px 0px; border: none; }
.accInfoPage .accTabHead ul.searchResultListItemStars li.activestar { height: 10px; background-position: 0px 0px; border: none; }

#mapTab .accTabDesc { width: 535px; border: none; padding: 0px; }
#weatherTab { width: 98%; padding: 0px; margin: 0 auto; }
#weatherTab .weatherBoxHeader { height: 24px; padding: 8px 0px 0px 10px; background: url('../images/weatherBoxHeader.png'); font-weight: bold; }
#weatherTab .weatherBoxContent { padding: 10px; }
#weatherTab .weatherBoxContent .weatherBoxDay { float: left; width: 160px; height: 115px; margin: 0px 8px 8px 0px; border: 1px solid #ccc; }
#weatherTab .weatherBoxContent .weatherBoxDayActual { width: 500px; height: 115px; margin: 0px 8px 8px 0px; border: 1px solid #ccc; }
#weatherTab .weatherBoxContent .weatherBoxDay .weatherBoxDayImage { display: block; width: 55px; height: 55px; }
#weatherTab .weatherBoxContent .weatherBoxDate { width: 121px; height: 24px; padding: 2px 0px 0px 5px; margin: 5px 0px 0px 0px; background: url('../images/weatherBoxDate.png') no-repeat; color: white; font-size: 10px; overflow: hidden;  }
#weatherTab .weatherBoxContent .weatherBoxDayActual .weatherBoxDate {background: url('../images/weatherBoxDateLong.png') no-repeat; width: 250px;}
#weatherTab .weatherBoxContent .weatherBoxDayActualDetails { float: left; width: 145px; padding: 0px 0px 0px 10px; margin: 0px 0px 20px 10px; border-left: 1px solid #ccc; font-size: 11px;  }
#weatherTab .climateTable {}
#weatherTab .climateTable td { vertical-align: middle; text-align: center; }
#weatherTab .climateTableDesc { margin: 20px 0px 0px 0px; }
#weatherTab .climateTableDesc td { text-align: center; font-size: 10px; width: 85px; }
.accInfoFullWide .weatherBoxDay.first { display: none; }
.accInfoFullWide .weatherBoxDayActual {	clear: both; }

/* LOADING SCREEN */
.LoadingProgress { display: block; width: 137px; margin: 0px auto 0px auto;  }

/* FLIGHT SEARCH */
.flightSearch .flightSearchLeft { float: left; width: 525px; padding: 15px;  }
.flightSearch .flightSearchRight { float: right; width: 345px; padding: 15px; background-color: #ededed; }
.flightSearch .flightSearchLeft table, .flightSearchRight table { width: 100%; vertical-align: middle; color: #505050; }
.flightSearch .flightSearchLeft table td, .flightSearchRight table td { padding: 3px; }

/* CART */
.cartItemList {}
.cartItemList .cartItemListItem { padding: 10px 0px 10px 10px; margin: 0px 0px 10px 0px; background-color: white; }
.cartItemList .cartItemListItem .cartItemListItemImage { display: block; float: left; width: 160px; height: 105px; }
.cartItemList .cartItemListItem .cartItemListItemDetails { float: left; width: 550px; margin: 0px 0px 0px 10px; }
.cartItemList .cartItemListItem .cartItemListItemTools { float: right; width: 90px; }
.cartItemList .cartItemListItem .cartItemListItemTools .button { margin-top: 55px; }
.cartItemListItemTitle { font-weight: bold; font-size: 14px; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.cartItemListItemRemove { display: block; float: right; width: 22px; height: 22px; margin: 0px 10px 0px 0px; background: url('../images/cartItemRemove.png') no-repeat; }
.cartItemList .cartItemListItem .searchResultListItemTools { margin: 5px 0px 5px 0px; }
/* .cartItemList .cartItemListItem .searchResultListItemTools .rateDisplay { float: right; width: 55px; }*/
.cartItemList .cartItemListItem .cartItemListItemPrices { margin: 10px 0px 0px 0px; font-weight: bold; }
.cartItemList .cartItemListItem .cartItemListItemPrices .sumPrice { font-size: 16px; }
.cartItemList .cartItemListItem .cartItemListItemToggle { float: right; width: 735px; margin: 10px 10px 0px 0px; text-align: left; display: none; }
#cartItemListItemToggle { float: right; margin: 0px 5px 0px 0px; }
.cartItemList .cartItemListItem .cartItemListItemToggle table {}
.cartItemList .cartItemListItem .cartItemListItemToggle table td { padding: 1px; }
.cartItemList .cartItemListItem .cartItemListItemToggle table th { padding: 5px; background-color: #efefef; border-bottom: 1px solid #aaa; }
.cartIcon { float: left; margin: 5px 0px 0px 0px; }
.cartSummary { float: left; width: 330px; margin: 2px 0px 0px 10px; color: @darkGrey; font-size: 12px; }

.cartItemDetailTable { border: 1px solid #ccc; }
.cartItemDetailTable .tableHeadRow { background-color: #efefef; border-bottom: 1px solid #aaa; font-weight: bold; }
.cartItemDetailTable .cartItemDetailTableRow { overflow: auto; }
.cartItemDetailTable .cartItemDetailTableRow .cartItemDetailTableCell { float: left; width: 215px; padding: 10px; }
.cartItemDetailTable .cartItemDetailTableRow .cartItemDetailTableCol { float: left; width: 215px; padding: 10px; }
.cartItemDetailTable .section { margin: 0px 0px 15px 0px; }

/* THANK YOU */
.thankyouPage { background-color: white; }
.thankyouPage p { margin: 0px 0px 10px 0px; }
.thankyouPage .thankyouPageHeader { .darkGreyHeader;  }
.thankyouPage .thankyouDesc { padding: 30px 25px 30px 25px; }
.thankyouPage .thankyouItem { padding: 5px 0px 5px 0px; }
.thankyouPage .thankyouItem table { width: 630px; margin: 0px auto 0px auto; }
.thankyouPage .thankyouItem table td { padding: 5px; vertical-align: middle }
.thankyouPage .thankyouItem .referenceNumber { padding: 0px 0px 0px 20px; font-size: 14px; font-weight: bold; color: @darkGrey; background: url('../images/referenceIcon.png') no-repeat left; }
.thankyouPage .shaded { background-color: #ededed; }

.apartmentImage { border: 1px solid #ddd; padding: 4px; max-width: 87px; }

.childBirthdays { margin: 10px 0px 0px 0px; }
.childBirthdays h4 { font-style: italic; color: #999; }

.roomTypeTable { width: 425px; margin: 0px auto 0px auto; }
.roomTypeTable td { padding: 5px;  }

/* COMPARE OVERLAY */
table.comapareTable {}
table.comapareTable td { padding: 10px; vertical-align: top; }
table.comapareTable td.label { width: 139px; color: #999; font-size: 11px; text-align: center; }
table.comapareTable td.title { font-weight: bold; color: black; font-size: 13px; width: 250px; }
table.comapareTable td .unitTool { width: 126px; height: 25px; margin: 0px auto 0px auto; padding: 4px 0px 0px 0px; background: url('../images/unitTool.png') no-repeat; overflow: hidden; color: white; text-align: center; }
table.comapareTable td.descUnit { font-size: 11px; text-align: justify;}
table.comapareTable td.priceUnit { font-size: 16px; font-weight: bold; text-align: center; }
table.comapareTable td.image { text-align: center; }
table.comapareTable td.image img { max-width: 150px; max-height: 112px; }
table.comapareTable .unitTool ul.rateStars { display: block; float: none;  width: 60px; height: 15px; margin: 0px auto 0px auto; padding: 0; }
table.comapareTable .unitTool ul.rateStars li { display: block; float: left; width: 9px; margin: 1px 3px 0px 0px; background: url('../images/stars.png') no-repeat; }
table.comapareTable .unitTool ul.rateStars li.star { height: 10px; background-position: -10px 0px; border: none; }
table.comapareTable .unitTool ul.rateStars li.activestar { height: 10px; background-position: 0px 0px; border: none; }
table.comapareTable .unitTool ul.rateStars li.halfstar { height: 10px; background-position: -20px 0px; border: none; }
table.comapareTable .unitTool .rateDisplay { margin-left: 20px; }
table.comapareTable .unitTool .rateDisplay .rateLevel { margin-top: 3px; }
table.comapareTable .unitTool .rateDisplay .ratePoints { margin-top: 1px; }
.graph { height: 240px; margin: 20px 0px 0px 0px; background-color: #efefef; }

/* PASSWORD FORGOTTEN */
.resetPassword { width: 250px; margin: 10px auto 10px auto; }
.resetPassword p { margin: 0px 0px 10px 0px; }
.resetPassword td { padding: 3px; }
#initForgotten { margin: 10px 0px 0px 0px; }

.cartTools { width: 930px; overflow: hidden; .center; }
.cartTools h3 { margin: 0px 0px 10px 0px; }
.cartTools .inner { min-height: 105px; }
.cartTools .tf { width: 175px; height: 20px; background: url('../images/form-tf.png') no-repeat; color: #646464; }
.cartTools .cartToolsFooter { margin-top: 15px; }
.cartToolsLeft { width: 535px; padding: 10px; background-color: white; }
.cartToolsRight { width: 345px; padding: 10px; background-color: white; }

.couponForm .tf { width: 175px; height: 20px; background: url('../images/form-tf.png') no-repeat; color: #646464; margin-top: 10px; padding: 0; }
.likeButton { float: left; width: 150px; }

/* FLIGHT INFO */
.flightInfo { background-color: white; }
.flightInfo .flightInfoContainer { padding: 10px;}
.flightInfo .flightInfoHeader { .darkGreyHeader; }
.flightInfoLeft { float: left; width: 640px; margin-bottom: 10px; padding: 5px; border: 1px solid #d1d1d1; }
.flightInfoRight { float: right; width: 250px; border: 1px solid #d1d1d1; }
.flightInfoRight .flightInfoPricebox { padding: 10px 5px 5px 5px;  }
.flightInfoRight .flightInfoPricebox table td { padding: 3px 0px 3px 0px; }
.flightInfoPrices { margin: 10px 0px 0px 0px; padding: 5px; background-color: @darkGrey; color: white; }

/* FLIGHT OPTION INFO */
.flightOptionInfo {}
.flightOptionInfo .sections { margin: 10px 0px 0px 0px; }
.flightOptionInfo .sections .section { margin: 0px 0px 20px 0px; }
.flightOptionInfo .sections .section ul { margin: 10px 10px 0px 10px; }
.flightOptionInfo .sections .section ul li { margin: 0px 0px 5px 0px; }
.flightOptionInfo .sections .section ul li p { margin: 0px 0px 5px 0px; }
.flightOptionInfo .sections .sectionTitle { float: left; height: 20px; padding: 4px 10px 0px 10px; background: url('../images/flightInfoSectionTitle.png') no-repeat right; color: white; }

.flightOptionInfo .flightOptionInfoHeader { min-height: 30px; color: white; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right top; font-size: 16px; }
.flightOptionInfo .flightOptionInfoFooter { height: 30px; color: white; padding: 15px 0px 0px 10px; background: url('../images/portletFooter.jpg') repeat-x; text-align: center; }
.flightOptionInfoLeft { float: left; width: 220px; background-color: white; }
.flightOptionInfoRight { float: right; width: 700px; }
.sliderSample { width: 100%; height: 4px; margin: 5px 0px 5px 0px; background-color: #ccc; }
.sliderSample .ui-slider-handle { width: 16px; height: 16px; background: url('../images/sliderButton.png') no-repeat; border: none; margin: -2px 0px 0px 0px; }
.slideSampleAmount { border: none; font-size: 10px; font-weight: bold; }

.flightInfoPriceboxBottom { margin: 10px 0px 0px 0px; }

.flightOptionBox { margin: 0px 0px 10px 0px; background-color: white; }
.flightOptionTableOutboundLabel { height: 32px; padding: 8px 0px 0px 0px; text-align: center; background: url('../images/vissza.png') no-repeat center; }
.flightOptionTableOnlyOutboundLabel { height: 32px; padding: 8px 0px 0px 0px; text-align: center; background: url('../images/csakoda.png') no-repeat center; }
.flightOptionTableInboundLabel { position: absolute; width: 60px; height: 386px; margin: 0px 0px 0px 0px; background: url('../images/oda.png') no-repeat center; }
.flightOptionTableContainer { background-color: #ebebeb; }
.flightOptionTable { float: right; width: 640px; }
.flightOptionTable td { background-color: white; width: 70px; padding: 10px 0px 10px 0px; border: 1px solid #eee; text-align: center; vertical-align: middle; font-size: 10px; }
.flightOptionTable td.red { background-color: #ca0000; color: white; }
.flightOptionTable td.blue { background-color: #05f1f1; color: @darkGrey; }
.flightOptionTable td.midBlue { background-color: #beffff; color: @darkGrey; }
.flightOptionTable td.lightBlue { background-color: #ebffff; color: @darkGrey; }

.flightOptionPager { height: 30px; text-align: center; }
.flightOptionItems { padding: 0px 5px 0px 5px; overflow: hidden; }
.flightOptionItem { padding: 5px; margin: 0px 0px 20px 0px;  border: 1px solid #d1d1d1; }
.flightOptionItemTitle { margin: 10px 0px 10px 0px; font-size: 14px; font-weight: bold; overflow: auto; }
.flightOptionItemTitleLeft { float: left; }
.flightOptionItemTitleRight { float: right; }
.flightOptionItem .flightOptionLeg { border: 1px solid #d1d1d1; margin: 0px 0px 5px 0px; }
.flightOptionItem .flightItemFooter { padding: 5px 0px 5px 0px; text-align: right; }
.flightOptionItem table { width: 100%; margin: 0px 0px 10px 0px; }
.flightOptionItem table td { padding: 8px 0px 8px 4px; vertical-align: middle; }
.flightOptionItem a.policy { color: #000; padding: 0px 0px 0px 10px; text-decoration: underline; }
.flightOptionItemSubdetails { float: right; width: 615px; background-color: #e0ffff; margin: 0px 10px 10px 0px; border: 1px solid #d1d1d1; }
.flightOptionItemSubdetails .flightBounds { border: none; }
.flightOptionItemSubdetails .flightBound { border: none; }
.flightOptionItemSubdetails .flightLeg { border: none; }
.flightOptionItemSubdetails .flightLeg table { border: none; margin: 0px 0px 0px 0px; }
.flightOptionItemSubdetails table td { border: none; }

.flightLegTitle { margin: 10px 0px 15px 0px; }
.flightLeg { padding: 5px 0px 5px 5px; margin: 0px 0px 5px 0px; border: 1px solid #d1d1d1; }
.flightLeg table { width: 100%; }
.flightLeg table td { vertical-align: top; }
.flightLegDuration { float: right; height: 20px; padding: 4px 10px 0px 10px; background: url('../images/flightLegDurationWide.png') no-repeat left; color: white; text-align:right; font-weight: bold; } 

.flightLegStopInfo .flightLegStopInfoLeft { float: left; width: 300px; margin: 0px 0px 0px 55px; }
.flightLegStopInfo .flightLegStopInfoRight { float: right; width: 200px; } 
.flightOptionItemHighlight { border: 1px solid @blue; background: url('../images/grey-stripe.png') repeat; }
.flightOptionItemHighlight .flightOptionLeg, .flightOptionItemHighlight .flightLeg { background: url('../images/transparent-white-40.png') repeat; }

/* UNDER CONSTRUCTION */
.underConstruction { width: 300px; margin-top: 40px; .center; text-align: center; }
.underConstruction .underConstructionLogo { margin: 0px 0px 20px 0px; }

/* SPLASH */
.splashBox { width: 640px; margin: 20px auto 0px auto; }
.splashBox .splashBoxHeader { .darkGreyHeader; }
.splashBox .splashBoxFooter { height: 30px; color: white; padding: 10px 0px 0px 10px; background-color: @darkGrey; font-size: 16px; }
.splashBox .splashBoxContent { padding: 10px 10px 10px 10px; background-color: white; }
.splashBox .splashBoxInner { width: 610px; position: relative; top: -80px; left: 30px; }
.splashBox .splashBoxContent p { margin: 0px 0px 10px 0px; }
.splashBox .splashBoxLogo { display: block; position: relative; left: 0px; top: 0px; width: 110px; height: 100px; background: url('../images/splash-logo.png') no-repeat; z-index: 10; }

/* 404 */
.pageErrorBox { width: 930px; margin-top: 10px; background-color: white; .center; }
.pageErrorBox .pageErrorBoxHeader { .darkGreyHeader; }
.pageErrorBox .pageErrorBoxContent { padding: 10px 10px 10px 10px; }
.pageErrorBox .pageErrorBoxContent p { margin: 0px 0px 10px 0px; }
.pageErrorBox .pageErrorBoxContent h2 { margin: 0px 0px 20px 0px; }
.pageErrorBox .pageErrorBoxContent ul { list-style: disc; padding: 0px 0px 0px 20px; }
.pageErrorBox .pageErrorBoxContent .section { margin: 20px 0px 0px 0px; }
.pageErrorBox .pageErrorBoxContent .pageErrorBoxContentLeft { float: left; width: 440px; }
.pageErrorBox .pageErrorBoxContent .pageErrorBoxContentRight { float: right; width: 470px; padding: 40px 0px 40px 0px; text-align: center; }

/* GENERAL PAGE */
.generalPageBox { width: 930px; margin-top: 10px; .center; background-color: white; }
.generalPageBox .generalPageBoxHeader { .darkGreyHeader; }
.generalPageBox .generalPageBoxContent { padding: 10px 10px 10px 10px; }
.generalPageBox .generalPageBoxContent p { margin: 0px 0px 10px 0px; }
.generalPageBox .generalPageBoxContent h2 { margin: 0px 0px 20px 0px; }
.generalPageBox .generalPageBoxContent ul { list-style: disc; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 0px; }

/* REGION OFFER */
.regionOffers { float: left; width: 745px; }
.regionOffer { margin: 0px 0px 10px 0px; background-color: white; }
.rightBannerCol { float: right; width: 175px; }
.rightBannerCol img { margin: 0px 0px 10px 0px; }
.regionOffersHeader { .darkGreyHeader; }
.regionOffers .cartItemListItem .cartItemListItemDetails { float: left; width: 550px; height: 105px; margin: 0px 0px 0px 10px; }
.regionOffers .cartItemList .cartItemListItem .cartItemListItemToggle table {} 
.regionOffers .cartItemListItem .cartItemListItemTools { float: right; width: 100px; height: 105px; }
.regionOffers .cartItemList .cartItemListItem .cartItemListItemToggle { width: 725px; }
.regionOffers .cartItemList .cartItemListItem .cartItemListItemToggle table { width: 100%; }

/* FAQ */
.faqPageBox { width: 930px; margin-top: 10px; margin-bottom: 10px; .center; }
.faqPageBox .faqPageBoxHeader { height: 30px; color: white; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 10px; background: @darkGrey url('../images/portletHeaderDesign.png') no-repeat right bottom; font-size: 16px; }
.faqPageBox .faqPageBoxCols {}
.faqPageBox .faqPageBoxCols .faqPageBoxColsLeft { float: left; width: 555px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRight { float: right; width: 365px; background-color: white; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContent { padding: 10px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContent h2 { margin: 0px 0px 10px 0px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContent p { margin: 0px 0px 15px 0px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContent ul { list-style: none; margin: 0px 0px 25px 0px; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 15px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContent a { color: #000; padding: 0px 8px 0px 0px; text-decoration: underline; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContentSearch { padding: 10px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContentSearch table td { padding: 5px; }
.faqPageBox .faqPageBoxCols .faqPageBoxColsRightContentSearch .stf{ color: #999; width: 235px; border: 1px solid #ddd; padding: 5px 5px 5px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.faqPageBox .faqPageBoxCols .faqPageBoxItem { padding: 10px; margin: 0px 0px 10px 0px; background-color: white; }
.faqPageBoxItemQuestion { margin: 0px 0px 4px 0px; padding: 8px 0px 0px 30px; background: url('../images/question.png') no-repeat left; font-size: 14px; font-weight: bold; }
.faqPageBoxItemQuestionTitle { padding: 0px 0px 8px 0px; border-bottom: 1px solid #cbcbcb; }
.faqPageBoxItemAnswer { padding: 8px 0px 8px 30px; background: url('../images/answer.png') no-repeat top left; }

/* GROUP OFFER */
.groupOfferBox { float: left; width: 745px; background-color: white; }
.groupOfferBoxHeader { .darkGreyHeader; }
.groupOfferBoxContent {  }
.groupOfferBoxContent .groupOfferBoxContentLeft { float: left; width: 365px; }
.groupOfferBoxContent table { width: 100%; }
.groupOfferBoxContent table td { padding: 10px 0px 10px 0px; border-top: 1px solid #dfdfdf; }
.groupOfferBoxContent .labelreq { width: 115px; text-align: right; padding: 0px 25px 0px 0px; background: url('../images/require.png') no-repeat left; background-position: 20px 15px; }
.groupOfferBoxContent .label { vertical-align: top; background-image: none; }
.groupOfferBoxContent .tf { width: 214px; height: 15px; padding: 5px; background: url('../images/textfield.png') no-repeat; border: none; }
.groupOfferBoxContent table td textarea { width: 214px; height: 135px; padding: 5px; background: url('../images/textarea.png') no-repeat; border: none; color: #999; }
.groupOfferBoxContentHeadline { padding: 10px 0px 10px 20px; font-weight: bold; }
.groupOfferBoxContent .groupOfferBoxContentRight { float: right; width: 365px; vertical-align: middle; }
.groupOfferBoxContentNote { width: 680px; margin: 10px auto 10px auto; border: 1px solid #ddd; padding: 20px; }
.groupOfferBoxFooter { width: 680px; margin: 10px auto 10px auto; }
.groupOfferBoxFooter .reqText { color: #f13c3c; }

/* rateItems */
#rateTab .accTabDesc { width: 535px; padding: 0px; }
.rateItems {}
.rateItems .rateItem { width: 515px; margin: 0px 0px 10px 0px; padding: 0px; border: 1px solid #ddd; .center; }
.rateItems .rateItem .rateItemBody { padding: 10px; }
.rateItems .rateItem .rateItemBody .rateItemMessage { margin: 0px 0px 20px 0px; }
.rateItems .generalRateItem { width: 100%; margin-bottom: 40px; }
.rateItemHeader { .darkGreyHeader; background: url('../images/rateItemHeader.jpg') repeat-x; color: @darkGrey; }
.rateSummaryDisplay { width: 137px; height: 20px; background: url('../images/rateSummary.jpg') no-repeat; }
.rateSummaryDisplayLeft { float: left; width: 57px; height: 20px; padding: 3px 0px 0px 8px; }
.rateSummaryDisplayLeft li { display: block; float: left; width: 8px; margin: 0px 1px 0px 0px; background: url('../images/stars.png') no-repeat; }
.rateSummaryDisplayLeft li.star { height: 10px; background-position: -11px 0px; border: none; }
.rateSummaryDisplayLeft li.activestar { height: 10px; background-position: 0px 0px; border: none; }
.rateSummaryDisplayRight { float: right; width: 65px; font-size: 10px; }
.rateSummary table { border: 1px solid #eee; }
.rateSummary td { vertical-align: middle; padding: 2px 8px 2px 8px; }

.noBorder { border: 0px; }

/* Overlay Plugin */
#overlay { position: absolute; top: 0px; left: 0px; z-index: 100; width: 100%; height: 600px; background: url('../images/transparent-black.png'); display: none; }
#overlay #overlayClose { display: block; position: absolute; width: 38px; height: 38px; background: url('../images/overlay-close.png') no-repeat; overflow: hidden; }
#overlay #overlayContent { position: absolute; float: left; padding: 0px; background-color: #fff; display: none; }

.rateSummarySubDisplay { position: absolute; z-index: 200; width: 213px; display: none; }
.rateSummarySubDisplayTitle { padding: 0px 0px 0px 10px; }
.rateSummarySubDisplayTop { height: 11px; background: url('../images/rateSummarySubDisplayTop.png') no-repeat; }
.rateSummarySubDisplayMiddle { padding: 5px; background: url('../images/rateSummarySubDisplay.png') repeat-y;}
.rateSummarySubDisplayMiddle table { border: none; }
.rateSummarySubDisplayMiddle table td { border: 1px solid #999; }
.rateSummarySubDisplayMiddle ul { display: block; width: 85px; height: 15px; padding: 4px 0px 0px 8px;list-style: none; border: none; background: url('../images/rateSummarySubDisplayStars.png') no-repeat; overflow: auto; }
.rateSummarySubDisplayMiddle ul li.star { display: block; float: left; width: 9px; height: 9px; }
.rateSummarySubDisplayMiddle ul li.greyStar { background: url('../images/greyStar.png') no-repeat; }
.rateSummarySubDisplayMiddle ul li.whiteStar { background: url('../images/whiteStar.png') no-repeat; }
.rateSummarySubDisplayBottom { height: 21px; background: url('../images/rateSummarySubDisplayBottom.png') no-repeat; }
.rateSummarySubDisplayMiddleRow { overflow: auto; margin: 0px 0px 5px 0px; }
.rateSummarySubDisplayMiddleCell { float: left; font-size: 10px; }
.rateSummarySubDisplayMiddleCellLeft { text-align: right; width: 75px; }
.rateSummarySubDisplayMiddleCellCenter { padding: 0px 10px 0px 10px; width: 60px; }
.rateSummarySubDisplayMiddleCellRight { text-align: left; font-weight: bold; }

/* REGISTRATION */
.registration-mainpage .registrationHeader {     background: url('../images/portletHeaderDesign.png') no-repeat scroll right bottom #353535; color: white; font-size: 16px; height: 30px; margin: 0 0 10px; padding: 10px 0 0 10px;}
.registration-mainpage .registrationContent {  }
.registration-mainpage .registrationContent .registrationContentLeft { float: left; width: 365px; }
.registration-mainpage .registrationContent table { width: 100%; }
.registration-mainpage .registrationContent table td { padding: 10px 0px 10px 0px; border-top: 1px solid #dfdfdf; }
.registration-mainpage .registrationContent .labelreq { width: 135px; padding: 0px 5px 0px 25px; background: url('../images/require.png') no-repeat left; background-position: 10px 15px; }
.registration-mainpage .registrationContent .label { vertical-align: top; background-image: none; padding-left: 10px; }
.registration-mainpage .registrationContent .label_strong { vertical-align: top; background-image: none; font-weight:bold; padding-left: 10px; }
.registration-mainpage .registrationContent .tf { width: 214px; height: 15px; padding: 5px; background: url('../images/textfield.png') no-repeat; border: none; }
.registration-mainpage .registrationContent table td textarea { width: 214px; height: 135px; padding: 5px; background: url('../images/textarea.png') no-repeat; border: none; color: #999; }
.registration-mainpage .registrationContentHeadline { padding: 10px 0px 10px 20px; font-weight: bold; }
.registration-mainpage .registrationContent .registrationContentRight { float: right; width: 365px; vertical-align: middle; }
.registration-mainpage .registrationContentNote { width: 680px; margin: 10px auto 10px auto; border: 1px solid #ddd; padding: 20px; }
.registration-mainpage .registrationFooter { width: 680px; margin: 10px auto 10px auto; }
.registration-mainpage .registrationFooter .reqText { color: #f13c3c; }
.registration-mainpage .registrationFormLeft { display: inline-block; width: 745px; min-height: 20px; }
.registration-mainpage .registrationFormRight { display: inline-block; width: 177px; min-height: 20px; float: right; }
.registration-mainpage .portletsContainer { min-height: 20px; background-color: white; }
.registration-mainpage .registrationContent { display: inline-block; }
.registration-mainpage .registrationContent .tf[disabled] { width: 214px; height: 15px; padding: 5px; background: url('../images/textfield_disabled.png') no-repeat; border: none; }

.accTabCont { overflow: hidden; }
.accTabCont .accTabDesc { width: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
.accTabCont .accTabTitle { margin: 0px 0px 10px 0px; }
.accTabLeft { float: left; width: 340px; overflow: hidden; }
.accTabLeft .accTabHead { width: 340px; margin: 0px 0px 0px 0px; }
.accTabLeft .accTabDesc { width: 340px; margin: 0px 0px 0px 0px; }
.accTabRight { float: right; width: 555px; }
.accTabRight h2 { margin: 10px 0px 10px 0px; }
.accTabRight h3 { margin: 20px 0px 10px 0px; font-weight: bold; }
.accTabRight p { margin: 0px 0px 10px 0px; }
.accTabLeftText { margin: 10px 0px 0px 0px; }
.accTabLeftText p { margin: 0px 0px 10px 0px; }
.accTabLeftTextHeader { .darkGreyHeader; }

.compare .empty { background-color: white; padding: 50px 0 30px 0; text-align: center; }
.compareWrapper { background-color: white; margin-top: -10px; }
.compareWrapper .spacer { margin: 20px; padding-bottom: 25px; }
.compareCartHolder { width: 890px; height: 210px; }
.argrafikon { margin-top: 20px; }
.legendHolder { padding-top: 20px; float: left; width: 280px; }
.noAdmin .portlet-borderless-bar { display: none; }
#reservation-dialog { background-color: white; padding-top: 15px; }
.message { width: 80%; text-align: center; background: #00e8e8; margin-left: 20%; padding: 15px; border: 1px solid black; font-weight: bold; }
#resultListBlock { background: white; border: 3px solid #00E8E8; }
#resultListBlock .content { margin-left: 25px; }
#resultListBlock .content a { color: #00E8E8; }
#resultListBlock .info_top { display: none; }
#resultListBlock p { margin-top: 10px; text-align: left; }
#resultListBlock .info_bottom_right { height: 50px; }
#resultListBlock .btn_cart_cancel { padding-top: 20px; }