/**
 * @description	: Master stylesheet
 * @author		: Acenius B.V.
 */
 
html{
    width               : 100%;
}

body{

 	margin				: 0px;
 	padding				: 0px;
 	background			: #FFFFFF;
 	font-family			: verdana, sans-serif;
 	font-size			: 8pt; /*7.5pt*/
 	color				: #666666;
 	width				: 100%;

}


img{
    border              : 0px ;
    margin              : 0px;
    padding             : 0px;
}

fieldset{
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}

body a {
    color               : #235f8e ; /*#3399CC ; #3399CC;*/
}
body a:hover {
    text-decoration     : none;
}
h1 {
	padding				: 0px;
	margin				: 0px;
    font-size           : 14pt;
    color               : #003366;
}
h2, h3, h4 {
	font-size			: 12px;
	color				: #003366;
	padding				: 0px;
	margin				: 0px;
}
h2 {
	font-size: 14px;
}
ul {
    list-style          : none;
    margin              : 0px;
    padding             : 0px;
}
.clsNormalList{
	list-style			: disc ;
	margin-left			: 16px;		
}
form {
	margin				: 0px;
	padding				: 0px;
}

/* -------------------- eua3 addings --------------------------------------*/
#idViewport{
    background-color    : #FFFFFF;
    margin              : 0 auto;
    max-width           : 1024px;
    padding             : 0 8px;
}
#idTableBasicLayout {
    clear               : both;
    margin              : 12px 0 0;
    vertical-align      : top;
    width               : 100%;
}
.clsTableBasicLayoutLandingTd1 {
	padding-right		: 14px;
	width				: 39%
}
.clsTableBasicLayoutLandingTd2 {
	min-width			: 450px;
}
.clsTableBasicLayoutCountryLandingTr1Td1 {
	width:45%;padding-right:20px;
}
.clsTableBasicLayoutCityLandingTr2Td1 {
	vertical-align:top;
	padding-right: 4px;
}
.clsTableBasicLayoutCityLandingTr2Td2 {
	width:225px;
	vertical-align:top
}
.clsTableBasicLayoutCityLandingTr2Td2BetweenNewsletter {
	
}
#idLeft {
    margin              : 1em 0;
    padding             : 0 8px 0 0;
    width               : 238px;
    vertical-align      : top;
}
.clsLeftSmall {
    width               : 21% ;
}
.clsLeftSmall .clsDivBox15 {
    max-width: 220px;
}
#idRight {
    margin              : 1em 0;
    padding             : 0 8px 10px 12px;
    vertical-align      : top;
}
table{
    /*border:0 none;*/
    border-spacing      : 0;
    margin              : 0;
    padding             : 0;
    text-align          : left;
    vertical-align      : top;
}
/* Swap Content*/
.clsInnerContentSwap{
	float:left;
	width:100%;
	position:relative;
}
.clsContentColomnSwap{
	margin: 0 0 0 250px;
}
.clsLeftColomnSwap{
	position:relative;
	top: 12px;
    float: left;
    width: 225px;
    margin-left: -100%;
}
/* End Swap Content*/
.clsBar {
	position			:relative;
	display				:block;
	top					:0px;
	left				:0px;
	width              : 100%;
	text-align         : left;
	z-index: 1;
	height: 25px;
	background-color   : #ff9933;
    background: -moz-linear-gradient(top, rgba(255,181,107,1) 0%, rgba(255,176,99,1) 21%, rgba(255,158,59,1) 33%, rgba(255,153,51,1) 100%);  
    background: -webkit-linear-gradient(top, rgba(255,181,107,1) 0%,rgba(255,176,99,1) 21%,rgba(255,158,59,1) 33%,rgba(255,153,51,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,181,107,1) 0%,rgba(255,176,99,1) 21%,rgba(255,158,59,1) 33%,rgba(255,153,51,1) 100%); 
    box-shadow: 0 2px 4px rgba(0,0,0,.4);
}
.clsBgBarTop {
       position           : relative;
       z-index            : 1;
       height             : 19px;
       padding-left:5px;
       padding-right: 7px;
       margin-top: 2px;
}
.clsBarContentSpace {
	position		    : relative;
	max-width           : 1024px; 
	margin-left         : auto; 
	margin-right        : auto;
	z-index				: 390;
	padding             : 3px 0px 3px 0px;
	/*height				: 10px;*/
}
.clsBarContentSpaceInner {
	position			: relative;
    color               : #FFFFFF;
    font-weight         : bold;
    line-height         : 15px;
    height				: 17px;
    text-align          : left;
    margin-left			: 0px;
    z-index				: 390;
    margin-top			: 0;
}
.clsPosRelative {
	position			: relative;	
}
.clsPosAbsolute {
	position			: absolute;	
}

.clsEbContentBlock {
    max-width           : 1024px; 
    margin-left         : auto; 
    margin-right        : auto;
    padding				: 0px 7px 0px 7px;
}

.clsTextAlignLeft {
    text-align          : left;
}
.clsTextAlignRight {
    text-align          : right;
}
.clsTextAlignCenter {
    text-align          : center ;
}
.clsInlineBlock {
	display					: -moz-inline-stack;
	display					: inline-block;
	position				: relative;
}
.clsEbSmallFont {
	font-size				: 85%;
}

.clsEbClear, .clsClear {
	clear					: both;
}
/**
 * @description	: Float Left
 *
 */
.clsEbFloatLeft {
	float					: left ;
}
/**
 * @description	: Float Right
 *
 */
.clsEbFloatRight {
	float					: right ;
}
/**
 * @description	: cursor pointer
 *
 */
.clsEbCursorHand {
	cursor					: pointer;
}
.clsClearRight {
	clear					: right;	
	height:0px;
	line-height: 0px;
}
.clsFontWeightBold {
    font-weight             : bold;	
}
/**
 * @description	: Bottoms of the blocks with folded piece
 *
 */
.clsHidden {
    display                 : none;
    visibility              : hidden
}
/**
 * @description: More bar is positioned below the content and is used in several pages
 */
 
.clsMoreBar {
    margin-top              : 20px;
    text-align              : center;
    width                   : 100%;
    position				: relative;
	height: 27px;
    background: rgb(248,152,56); 
    background: -moz-linear-gradient(top, rgba(248,152,56,1) 0%, rgba(242,103,58,1) 100%);  
    background: -webkit-linear-gradient(top, rgba(248,152,56,1) 0%,rgba(242,103,58,1) 100%); 
    background: linear-gradient(to bottom, rgba(248,152,56,1) 0%,rgba(242,103,58,1) 100%); 
    border-radius: 6px;
    box-shadow: 2px 2px 3px #777;
}
.clsMoreBarInner {
	font-size				: 13px;
	line-height				: 25px;
}

.clsMoreBar a {
    color                   : #FFFFFF ;
    font-weight             : bold;
}
.clsMoreBar a:hover {
    text-decoration         : none;
}

/**
 * @description : icons used multiple times
 */
.clsEbVideoIcon, .clsEbGuestReviewIcon, .clsEbAirportIcon, .clsEbMagnifierWorldIcon{
    width					: 25px;
	height					: 26px;
	background              : url('../images/icons/landingPage_pieces.png');
	cursor                  : pointer;
	float                   : left;
	margin-right            : 5px;
}
.clsEbGuestReviewIcon {
	background              : url('../images/icons/landingPage_pieces.png') -25px 0px;
}
.clsEbAirportIcon {
	background              : url('../images/icons/landingPage_pieces.png') no-repeat -127px 0px;
}
.clsEbMagnifierWorldIcon {
	background              : url('../images/icons/landingPage_pieces.png') no-repeat -155px 0px;
}
.clsEbGuestReviewIconTxt, .clsEbMagnifierWorldIconTxt, .clsEbAirportDistanceIconTxt  {
    padding                 : 0px;
    font-size               : 7pt;
    height					: 26px;
    float                   : left;
    margin-right            : 10px;
    white-space:nowrap;
    color                   : #FF6633;
}
/**
 * @description: shadow background, used in homepage and search result
 */
.clsCities, .clsEbHotelOverviewPhotos li {
	text-align				: left ;
	list-style				: none ;
	background				: url('../images/EbShadowPieces.png') no-repeat -18px 1px;
	padding					: 3px 0px 0px 3px ;
	width					: 65px ; 
	height					: 71px ;
	float					: left ;
	margin					: 0px 9px 5px 3px ;
}
/**
 * @description : titleBar blue used in several static pages
 */
.clsTitleBarBackground {
    margin-top:15px;
    clear: both;
    position:relative;
    width:100%;
    background: -moz-linear-gradient(top, rgba(221,237,250,1) 0%, rgba(244,247,252,1) 19%, rgba(244,247,252,1) 19%, rgba(238,243,249,1) 84%, rgba(221,237,250,1) 100%);  
    background: -webkit-linear-gradient(top, rgba(221,237,250,1) 0%,rgba(244,247,252,1) 19%,rgba(244,247,252,1) 19%,rgba(238,243,249,1) 84%,rgba(221,237,250,1) 100%); 
    background: linear-gradient(to bottom, rgba(221,237,250,1) 0%,rgba(244,247,252,1) 19%,rgba(244,247,252,1) 19%,rgba(238,243,249,1) 84%,rgba(221,237,250,1) 100%); 
    border-radius: 14px;
    border: 1px solid #C7D7E4;
}
.clsTitleBarContent {
    margin-left     : 15px;
}
.clsTitleBarContent h2 {
    line-height     : 30px;
}
/**
 * @desc : schadow around images
 */


.clsBlueLink{
    color               :  #3399CC ;/*#3399CC;*/
    text-decoration     : underline ;
}
span.clsBlueLink {
    color               : #3399CC ;/*#3399CC;*/
    text-decoration     : none ;
}
.clsBlue{
    color               :  #003366 ;
}
.clsLinkNoUnderline {
    text-decoration     : none;
}
span.clsStarsHotelName0, span.clsStarsHotelName1, span.clsStarsHotelName2, span.clsStarsHotelName3,
    span.clsStarsHotelName4, span.clsStarsHotelName5 {
    background              : url('../images/starsHotelName.png');
    background-position     : 0px 0px;
    padding-left			: 60px;
    padding-top				: 15px;
    margin-left				: 5px;
    font-size				: 0;
    line-height				: 0;
	position				: relative;
	top						: 2px;
	display					: -moz-inline-stack;
	display					: inline-block;
	position				: relative;
}
.clsStarsHotel0, .clsStarsHotel1, .clsStarsHotel2, .clsStarsHotel3, .clsStarsHotel4, .clsStarsHotel5 {
	position				: static;
	height					: 15px;
	width					: 60px;
 }
span.clsStarsHotelName1, .clsStarsHotel1 {
    background              : url('../images/starsHotelName.png');
    background-position     : 0px -15px;
}

span.clsStarsHotelName2, .clsStarsHotel2 {
    background              : url('../images/starsHotelName.png');
    background-position     : 0px -30px;
}

span.clsStarsHotelName3,.clsStarsHotel3 {
    background              : url('../images/starsHotelName.png');
    background-position     : 0px -45px;
}

span.clsStarsHotelName4, .clsStarsHotel4 {
    background              : url('../images/starsHotelName.png');
    background-position     : 0px -60px;
}
span.clsStarsHotelName5, .clsStarsHotel5 {
    background              : url('../images/starsHotelName.png') ;
    background-position     : 0px -75px ;
}

.clsInputTypeCheckbox {
	margin-left				: 0px;
}
.clsFont90Percent {
    font-size               : 90%;
}
.clsRed {
    color                   : #d83d30 ;
}
.clsRedBold {
    color					: #d83d30;
    font-weight				: bold;
}
.clsLightOrange {
    color                   : #ff9933;
}
.clsDarkOrange {
    color                   : #ff6633;
}
.clsLightOrangeBold {
    color                   : #ff9933;
    font-weight             : bold;
}
.clsDarkOrangeBold {
    color                   : #ff6633;
    font-weight             : bold;
}
.clsDarkBlueBold {
    color                   : #003366;
    font-weight             : bold;
}
.clsDarkBlue {
    color                   : #003366 ;
}
.clsDisplayBlock {
	display					: block;
}
.clsPaddingLeft10 {
    padding-left            : 10px ;
}
.clsPaddingLeft5 {
    padding-left            : 5px ;
}
.clsPaddingRight5 {
	padding-right			: 5px;
}
.clsPaddingRight7 {
	padding-right			: 7px;
}
.clsMarginLeft10 {
	margin-left				: 10px;
}
.clsPositionRelative {
    position                : relative ;
}
.clsMarginTop0 {
	margin-top				: 0px;
}
.clsMarginTop14 {
	margin-top				: 14px;
}
.clsWidth50Percent {
    width                   : 50%;
}
.clsPaddingTop5 {
    padding-top             : 5px;
}
.clsMarginTop5 {
	margin-top				: 5px;
}
.clsDisplayNone {
	display					: none;
}
.clsHeight0 {
	height					: 0px;	
}
.clsPosRel {
	position				: relative;
}
.clsScriptSwitchOnBlock { 
    display                 : none;     
}
.clsScriptKeepOnBlock {
    display                 : block;
}
.clsScriptKeepOff {
    display                 : none;
}
.clsScriptSwitchOnInline { 
    display                 : none; 
}
.clsNoScriptSwitchOff { 
    display                 : none;
}
.clsHotelDescriptionBlock p {
	display                 : block ;
	margin					: 0px;
	padding 				: 0px 0px 7px 0px ;
}

.clsTxtAlignCenter {
	text-align				: center;
}
.clsTxtAlignRight {
    text-align          	: right;
}
.clsFloatLeftWidthFiftyPercent {
	float					: left;
	width					: 50%;
	padding-bottom			: 10px;
}

.clsForceSwitchOff{
	display					: none;	
}
.clsCursorPointer{
	cursor					: pointer;
}
.clsTxtUpperCaseBold {
	text-transform			: uppercase;
	font-weight				: bold;
}
.clsGrayTxt {
	color					: #7d7e7d;
}
.clsSeachBoxDivAsLinkDown {
	color					: #FFFFFF;
	cursor					: pointer;
	padding-right			: 15px;
	width					: 155px;		
	line-height				: 15px;
	background				: url(../images/icons/SearchArrowDown.png) right center no-repeat;
}
.clsSearchBoxDivAsLinkUp {
	color					: #FFFFFF;
	cursor					: pointer;
	padding-right			: 15px;
	width					: 155px;		
	line-height				: 15px;
	background				: url(../images/icons/SearchArrowUp.png) right center no-repeat ;	
}
/* Start Video, review, distance icons*/
.clsHotelExtraIconList {
	float 					: left;
}
.clsVideoIcon, .clsGuestReviewIcon, .clsViewMapIcon, .clsAirportIcon, .clsFromCityIcon {
	padding-top			: 10px;
	padding-left	    : 31px;
	height				: 19px;
	cursor 				: pointer;	
	float 				: left;
	margin-right 		: 5px;
	margin-top			: 5px;
	background			: url('/images/sprite8bit.png') -380px 0 no-repeat;
}

.clsVideoIcon {
	position			: relative;
	width				: 0px;
	display				: block;
	font-size			: 0px;
	overflow			: hidden;
	text-indent			: 5px;
	margin-top			: 6px;
}
.clsGuestReviewIcon {
	background-position: -380px -27px;
	
}
.clsGuestReviewIcon a {
	color				: #ff6633;
	text-decoration		: none;
}
.clsGuestReviewIcon a:hover {
	text-decoration		: underline;
}

.clsViewMapIcon {
	background-position: -380px -81px;
	margin-right:0px ;
}
.clsAirportIcon {
	background-position: -380px -54px;
}
.clsFromCityIcon {
	background-position: -380px -108px;
	padding-left		: 22px;
	cursor				: default ;
}
.clsHotelShuttleIcon {
	background-position: -380px -140px;
	padding-top				: 5px ;
	margin-bottom			: 10px;
}
.clsHotelListSmallIconsTxt {
	list-style				: none;
	font-size				: 7pt;
	color					: #F63;
	margin-top				: 5px;
	margin-bottom			: 15px;
}
.clsHotelShuttleIconSmall {
	background-position: -380px -140px;
	height					: 23px;
	width					: 30px;
}
/* End Video, review, distance icons*/


/* Start InBetween page styles */
.clsInBetweenDestinationFlags {
	width:16px ;
	height:12px ;
}
.clsRowIcon {
	display			:block;
	padding-left	:30px;
	padding-top		:30px;
	overflow		:hidden;
	height			:1px;
	width			:1px;	
	text-indent		:10px;
}
.clsRowIconCity {
	background:				url(../images/icons/CityIconBig.png) no-repeat;
}
.clsRowIconProvince {
	background:				url(../images/icons/ProvinceIconBig.png) no-repeat;
}
.clsRowIconIsland {
	background:				url(../images/icons/IslandIconBig.png) no-repeat;
}
.clsRowIconDistrict {
	background:				url(../images/icons/DistrictIconBig.png) no-repeat;
}
.clsRowIconCountry {
	background:				url(../images/icons/CountryIconBig.png) no-repeat;
}
.clsRowIconHotel {
	background:				url(../images/icons/HotelIconBig.png) no-repeat;
}
.clsRowIconAirport {
	background:				url(../images/icons/AirportIconBig.png) no-repeat;
}
.clsRowIconLandmark {
	background:				url(../images/icons/LandmarkIconBig.png) no-repeat;
}

/* End InBetween page styles */

/* Breadcrumbs */

.clsBreadCrumbNoLink{
	float			: left;
	list-style		: none;
	padding-left	: 5px;
}

.clsBreadCrumbLink a {
	color:#FFFFFF;
	text-decoration:underline;
}

.clsBreadCrumbLink a:hover {
	text-decoration:none;
}

.clsBreadCrumbLink{
    padding-right: 15px;
    padding-left: 5px;
    background: url(../images/header/BreadcrumbArrow.png) no-repeat bottom right;
    float:left;
	list-style: none;
}
#idBreadCrumb{
	display:block;
	position:absolute;
	top:2px;
	left:75px;
	z-index:22;
	text-indent:0px;
	padding:0px;
	margin:0px;
	list-style: none;
}
/*added 2020 */
#idBreadCrumb a {
    color: white;
}
#idBreadCrumb > li {
    padding: 0 8px 0 0;
    float: left;
    display: list-item;
}
#idBreadCrumb > li:not(:last-child):after {
    content: " >";
    padding-left: 4px;
}
/* End breadcrumbs */
.tooltip {
	width				: 200px;
	color				: #003366;
	border				: 2px solid #F63;
	background-color	: #F63;
	text-align			: left;
	margin				: 0px;
	padding				: 0px;
	z-index				: 50;
}

.tooltip .tip-top {

}
.tooltip .tip-bottom {

}
.tooltip .tip-title {
	color				: #FFFFFF;
	font-weight			: bold;
	background-color	: #F63;
	text-align			: left;
	margin				: 0px;
	padding				: 5px;
	font-size			: 11px;
	
}
.tooltip .tip-text {
	color				: #000;
	font-weight			: normal;
	background-color	: #FFF;
	text-align			: left;
	margin				: 0px;
	padding				: 5px;
	line-height			: 20px;
	font-size			: 11px;
	
}
.tooltip .tip {
	margin				: 0px;
	padding				: 0px;
	text-align			: left;
	margin				: 0px;
	background-color	: #FFFFFF;
	font-size			: 10px;
}
/**
 *	Photo popup
 */
 
#idEbPopupInner { 
	padding 				: 10px;
} 
.clsEbHotelOverviewPhotos { 
	width 					: 204px;
	height 					: 308px;
} 
.clsEbHotelOverviewPhotos { 
	width 					: 250px;
	height 					: 308px;
} 
body#idEbBackgroundPopup {
	background : none #FFFFFF;
} 
#idEbPhotoCrop300x300 {
	height					: 100%; 
	width					: 100%;
	box-shadow: 2px 2px 4px #666;
	box-sizing: border-box;
	border: 2px solid white;
}
.clsPopRightPane {
	width					: 230px;
	position: relative;
	top: 20px;	
}
/**
 * shadows besides small images
 */
 .clsEbSmallShadowPhotos {
	margin-left				: -4px;
	display					: block;
}
.clsEbSmallShadowPhotos a {
	color					: #FF9933;
	text-decoration			: none;

}
.clsEbSmallShadowPhotos a:HOVER {
	text-decoration			: underline;
}
.clsEbSmallShadowPhotos ul{
	padding                 : 0px;
	display					: block;
}

.clsEbSmallShadowPhotos li, .clsEbShadowImage, .clsEbSmallShadowPhotos .clsEbShadowImage, .clsEbHotelRoomDetailPhotos li{
	text-align				: left ;
	list-style				: none ;
	padding					: 3px 0px 0px 3px ;
	width					: 65px ; 
	height					: 71px ;
	float					: left ;
	margin					: 0px 4px 0px 0px ;
}
html:not(.photoview) .clsEbSmallShadowPhotos img {
	border: 1px solid white;
	box-shadow: 2px 2px 4px #666;
}

.clsEbImageShadow6060 {
	/*background				: url('../images/backShadow70x71.gif') no-repeat;*/
	width					: 70px;
	height					: 71px;
}
.clsEbImageShadow6060 img {
    box-shadow: 2px 2px 4px rgba(0,0,0,.5);
    border: 1px white solid;
}
.clsHotelsNearbyTitleOfBox {
	background              : url('../images/icons/iconHotelNearbyArrow.png') no-repeat 2px 0px;
	padding					: 0px 0px 2px 15px;
	margin:10px 0px 10px 0px; 
	font-size:12px;
	color:#003366;
	font-weight:bold;
}
.clsHotelsNearbyTitleOfBoxOpen {
	background              : url('../images/icons/iconHotelNearbyArrow.png') no-repeat 0px -22px;
	padding					: 0px 0px 2px 15px;
	margin:10px 0px 10px 0px; 
	font-size:12px;
	color:#003366;
	font-weight:bold;
}
/**
 * search box
 */
 
 #idCheckoutDay, #idCheckinDay {
 	color					: #FFFFFF;
 }
.clsEbSearchBoxErrors{
	line-height:15px;
	color: #ff0000;
}
 /*searchbox*/
.clsAdvancedBoxA{
	/*display:block;*/
	position:relative; text-align:center; padding-top:10px;
}
.clsAdvancedBoxB {
	position:relative; color:#FFFFFF;
}
.clsAroundButtonSearch {
	position:relative;
}
.clsPlayButtonBig, .clsPlayButtonBigReview {
	background				: url(../images/playButtonBig.png); 
	position				: absolute;
	width					: 90px;
	height					: 90px;
	z-index					: 80;
	cursor					: pointer;
}
.clsPlayButton60, .clsNoPlayButton60, .clsPlayButton90, .clsNoPlayButton90 {
	position				: absolute; 
	display					: block;
	left					: 0px; 
	overflow				: hidden; 
	top						: 2px; 
	width					: 1px; 
	height					: 1px;
	cursor					: pointer;
	z-index					: 80;
}
.clsPlayButton90, .clsNoPlayButton90 {
	padding-left			: 89px;
	padding-top				: 89px;
	margin: 10px 0 0 12px;
	background				: url(../images/playButton90.png) top left no-repeat;
}
.clsPlayButton60, .clsNoPlayButton60{
	padding-left			: 59px;
	padding-top				: 59px;
	background				: url(../images/playButton60.png) top left no-repeat;
}
.clsNoPlayButton90 {
	background				: url(../images/spacer.gif) center center no-repeat;
}
.clsNoPlayButton60 {
	background				: url(../images/spacer.gif) center center no-repeat;
}
.clsEbSmallShadowPhotos .clsPlayButton60 {
	top						: 2px;
	left					: 4px;	
}
.clsFloatLeftMargin {
 	float					:left;
}
.clsImgButton{
	cursor					: pointer;
}
.clsVerticalAlignBottom {
	vertical-align			: bottom;
}
.clsCalendarIcon{
	display					: block;
	position				: relative;
    cursor                  : pointer;
    float                   : left;
    background              : url('/images/sprite8bit.png') -18px -56px;
    width                   : 16px; 
    height                  : 21px;
    margin-left				: 3px;
    top						: 0px;
}
.clsStaticInner {
	padding-left			: 10px;
	padding-right			: 10px;
	font-size: 12px;
}	
.clsBodyPopVideos {
	margin					: 0px ;
	padding					: 0px ;
}
.clsVideoContent {
	position				: absolute ;
	margin					: 0px ;
	padding					: 0px ;
}
/* buttons */
input[type=button], button, input[type=submit], .clsButton {
    color: white ;
    background: #77b345;
    background: -moz-linear-gradient(top, rgba(225,232,153,1) 0%, rgba(193,208,52,1) 5%, rgba(145,189,63,1) 50%, rgba(119,179,69,1) 55%, rgba(119,179,69,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(225,232,153,1) 0%,rgba(193,208,52,1) 5%,rgba(145,189,63,1) 50%,rgba(119,179,69,1) 55%,rgba(119,179,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(225,232,153,1) 0%,rgba(193,208,52,1) 5%,rgba(145,189,63,1) 50%,rgba(119,179,69,1) 55%,rgba(119,179,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 5px;
    font-size: 13px; 
    border: 1px solid #579B52;
    font-weight: bold;
    padding: 5px 10px;
    text-shadow: 0 0 5px #214800, 0 0 7px #214800;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    min-width: 75px;
    font-family: verdana, sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
}
/* Remove firefox extra special padding */
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
    padding: 0 ;
    border: 0 none ;
}

.clsLoadingTxtOnButton {
	font-size				: 11px;
	font-weight				: normal;	
}
.clsButtonSelectFix {
	padding					: 0px ;	
}
.clsBtnSelectFix {
	min-width				: 80px;
}
.clsBtnEnd{
	position				: absolute; 
	right					: -5px; 
	top						: 0px;
}
.clsBtnStart{
	position				: relative;
	top						: 0px;
	left					: -2px;
	cursor					: pointer; 
	display					: -moz-inline-box;  
	display					: inline-block;
}
.clsBtnEnd {
	position				: absolute; 
	right					: -5px; 
	top						: 0px;
	margin-right			: 0px;
}
.clsBtnMinWidth {
	min-width				: 80px;	
}
.clsBtnMargin {
	margin					: 5px 4px 5px 0px;
}
.clsTextAlignButtonVertical {
	padding-bottom			: 2px;
}
/* end buttons */
.clsCurrencyNoteTxt {
	font-weight				: bold;
	color					: #004677
}
.clsFontBold {
	font-weight				: bold ;
}
.clsNumberOfPeople1, .clsNumberOfPeople2, .clsNumberOfPeople3 ,.clsNumberOfPeople4, .clsNumberOfPeoplePlus {
	background : url(../images/icons/NumberOfPeople_pieces.png) no-repeat;
	width:53px;
	height:26px;
	text-align			: center ;
	margin-left			: auto;
	margin-right		: auto;

}
.clsNumberOfPeople1 {
	background-position : 0px -1px;
}
.clsNumberOfPeople2 {
	background-position : 0px -76px;
}
.clsNumberOfPeople3 {
	background-position : 0px -113px;
}
.clsNumberOfPeople4 {
	background-position : 0px -151px;
}
.clsNumberOfPeoplePlus {
	background-position : 0px -151px;
}
.clsLinkColorGray {
	color:#666666;
}
.clsPreventFocus{
	outline-style: none;
}
.clsNoWrap{
	white-space		: nowrap;
}
.clsTopCountryP{
	margin			: 0px;
	padding			: 0px;
	line-height		: 20px;
}
.clsCityNearbyOnlyNamesTable {
	width			: 100%;
}
.clsCityNearbyOnlyNamesTable td {
	line-height		: 17px;
}

/******************* 
** Navigation Bar **
*******************/
.clsPageNavigation {
	width			: 100%;
	text-align		: center;
	margin-bottom   : 20px;	
}
.clsPageNavigationPages, .clsPageNavigationPagesActive {
	display			: inline-block;
	margin			: 3px;
	text-align		: center;
	width			: 22px;
	padding			: 3px 0px 3px 0px;
	cursor			: pointer;
}
.clsPageNavigationPages {
	border			: 1px solid #BBB;
}
.clsPageNavigationPages:hover {
	background-color: #fbefda;
	border			: 1px solid #ffa700;
}
.clsPageNavigationPages a {
	color			: #fb6151 ;
	cursor			: pointer;
	font-weight		: bold;
	text-decoration	: none ;
}
.clsPageNavigationPrevious, .clsPageNavigationNext{
	display			: inline-block;
	margin			: 3px;
	text-align		: center;
	padding			: 3px;
	font-weight		: bold;
	cursor			: pointer;
	text-decoration	: none ;
}
.clsPageNavigationPreviousDisabled {
	display			: inline-block;
	margin			: 3px;
	text-align		: center;
	font-weight		: bold;
	padding			: 3px 3px 3px 30px;
	cursor			: default;
	text-decoration	: none ;
	color			: #CCC;	
	background		: url('../images/icons/previousIconDisabled.png') no-repeat left center;
} 
.clsPageNavigationNextDisabled {
	display			: inline-block;
	margin			: 3px;
	text-align		: center;
	padding			: 3px 30px 3px 3px;
	cursor			: default;
	text-decoration	: none ;
	color			: #CCC;	
	background		: url('../images/icons/nextIconDisabled.png') no-repeat right center;
} 
.clsPageNavigationPrevious {
	padding-left	: 30px;
	background		: url('../images/icons/previousIcon.png') no-repeat left center;
} 
.clsPageNavigationNext {
	padding-right	: 30px;
	background		: url('../images/icons/nextIcon.png') no-repeat right center;
} 
.clsPageNavigationPagesActive {
	background-color: #fbefda;
	border			: 1px solid #ffa700;
	color			: #fb6151 ;
	text-decoration	: none ;
	font-weight		: bold;
	cursor			: default;
}
#idHeaderTop{
/*	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;*/
	z-index:405;
}
#idHeaderContent{
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	max-width:1024px; 
	height:60px; 
}
.clsTitleOneLeftBox {
	font-weight		: bold;
	color			: #ffa700;
	margin-bottom	: 5px;
	position        : relative;
	z-index         : 50;
}
.clsTitleOneLeftBoxBigger {
	font-weight		: bold;
	color			: #ffa700;
	margin-bottom	: 13px;
	font-size		: 1.5em ;
}

/* ---------------------- autocomplete ---------------------- */
.clsAutocompleterChoices, .clsHotelAutocomplete
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			arial,helvetica,clean,sans-serif;
	z-index:				50;
	background-color:		#fff;
	overflow:				hidden;
	left:					0px;
	top:					0px;
}

.clsAutocompleterChoices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				3px 20px 2px 5px ;
	display:				block;
	float:					none ; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				13px;
	line-height:			18px;
	height:					18px;
	color:					#000;
}
.clsHotelAutocomplete li
{
	position:               relative;
    margin:                 0;
    border-bottom:          1px solid #e0e0e0;
    border-top:             1px solid #fff;
    background-color:       #f9f9f9;
    padding:                3px 5px 3px 5px ;
    display:                block;
    float:                  none ; 
    cursor:                 pointer;
    font-weight:            normal;
    white-space:            nowrap;
    font-size:              1.1em;
    line-height:            auto;
    height:                 auto;
    color:                  #000;
}
.clsHotelFillUp
{
    margin-top:             -4px;	
}
ul .clsAutocompleteTitle {
	position:				relative;
	font-weight:			normal;
	padding:				0 0 3px 0;
	margin:					3px 0 0 0;
	cursor:					default;
	border-top:				1px dotted #DDD;
	height:					1px;
	line-height:			0px;
	font-size:				0px;
	overflow:				visible;
}

.clsAutocompleteCatTitle{
	position:				absolute;
	z-index:				50;
	text-align:				right;
	padding:				0 0 0 0 ;
	right:					0px;
	margin-right:			30px;
	font-style:				italic;
	font-size:				13px;
    height:					18px;
    line-height:			18px;
    border:					0px solid white;				
	color:					#999;
}
.clsAutocompleteCatTitle div{
	position:				absolute;
	z-index:				50;
	top:					0px;
	border:					0px solid black;
	right:					-34px;
	top:					0px;
	height:					18px;
	width:					30px;
	overflow:				hidden;
}

ul .clsAutocompleteClose{
	position:				relative;
	font-weight:			normal;
	margin: 				0;
	padding:				0;
	cursor:					default;
	border-top:				1px dotted #DDD;
	height:					18px;
	overflow:				visible;
	color:					#999999;
}
.clsAutocompleteClose div{
	color:					#FF9900;
	cursor:					pointer;
}
.clsAutocompleteCatTitle .city{
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px 0px;
}
.clsAutocompleteCatTitle .province{
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -126px;
}
.clsAutocompleteCatTitle .island{
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -36px;
}
.clsAutocompleteCatTitle .district{
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -90px;
}
.clsAutocompleteCatTitle .country{
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -72px;
}
.clsAutocompleteCatTitle .airport {
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -108px;
}
.clsAutocompleteCatTitle .hotel {
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -144px;
}
.clsAutocompleteCatTitle .landmark {
	background:				url(../images/icons/autocompleteIcons_pieces.png) no-repeat 0px -54px;
}
.clsAutocompleterSelected
{
	background-color:		#FF9933;
    background-image: -moz-linear-gradient(top, rgba(255,153,51,1) 0%, rgba(253,145,48,1) 52%, rgba(247,110,37,1) 83%, rgba(244,98,33,1) 100%) ;  
    background-image: -webkit-linear-gradient(top, rgba(255,153,51,1) 0%,rgba(253,145,48,1) 52%,rgba(247,110,37,1) 83%,rgba(244,98,33,1) 100%) ; 
    background-image: linear-gradient(to bottom, rgba(255,153,51,1) 0%,rgba(253,145,48,1) 52%,rgba(247,110,37,1) 83%,rgba(244,98,33,1) 100%) ; 
	/*background		:		url(../images/backAutoCompleteSelected.png) repeat-x;*/
	color:					#000;
}
.clsHotelAutocomplete .clsAutocompleterSelected {
	background: #BCDEEF;
}
.clsHotelAutocomplete li span.clsAutocompleteMatch
{
    /*color:                    #FF9933;*/
    background-color        : #FFFF00;
}
.clsAutocompleterChoices li span.clsAutocompleteMatch
{
	/*color:					#FF9933;*/
	background-color		: #FFFF00;
}
.clsAutocompleterChoices .clsAutocompleterSelected span.clsAutocompleteMatch 
{
	color					: #FFFFFF;
	background-color		: transparent;
}
.clsHotelAutocomplete .clsAutocompleterSelected span.clsAutocompleteMatch 
{
    color                   : #ff6600;
    background-color        : transparent;
}
.clsNrHotelSsListedAutoComp {
	position:absolute; right:0px; padding-right:5px;
}
.clsSuggestionText {
	
}
.clsSuggestionText em {
	color:#666;
	font-size:0.9em;
	margin:0 0 0 5px;
}
/* used in autocomplete */
.clsSmallSearchboxTxt {
	position:relative; 
	overflow:hidden; 
	width:500px; 
}
/* used in autocomplete */
.clsLargeSearchboxTxt {
	position:relative; 
	overflow:hidden; 
	width:360px; 
}
/* ---------------------- end autocomplete ---------------------- */

/* ---------------------- Last Booked ---------------------- */
.clsLastBookedShadow {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 7px #444;
    -webkit-box-shadow: 0px 0px 7px #444;
    box-shadow: 0px 0px 7px #444;
    position:absolute;
    float:right;
    padding:3px;
    z-index:998;
    top:110px;
    right:10px;
    width:180px;
    background-color: #CCC;
    opacity:0.8;
}
.clsLastBooked {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #CCC;
    padding:10px;
    position:relative;
    z-index:999;
    border:1px solid #FFF;
}

.clsLBIcon {
	position:absolute;
	top:22px;
    background:url(../images/messageBoxes/messageBox_pieces.png) 0px 0px;
    width:24px;
    height:24px;	
}
.clsLBIconDude {
    position:absolute;
    top:8px;
    background:url(../images/messageBoxes/messageBox_pieces.png) 0px -32px;
    width:25px;
    height:30px;    
}

.clsDivBox15Content a {
    color: #235f8e;	
}
/* ---------------------- end Last Booked ---------------------- */
.clsNoticeMessageBoxesPos {
    position:absolute;
    right:10px;
    z-index:999;
    pointer-events: none;	
}
/*------ technical error ------------*/
.clsTechnicalErrorBox {
    width:100%; 
    margin:0 auto 20px;
    max-width: 1024px;
    position:relative;
    font-family:arial;
}
#idSearchList .clsTechnicalErrorBox {
	margin-top: 30px;
}
.clsTechnicalErrorBoxOuter{
    border:5px solid #f3f3f3; /*#DEDEDE;*/ 
    border-radius:5px;	
}
.clsTechnicalErrorBoxInner{
	border:1px solid #d99798; /*#CC0000;*/ 
	padding:15px; 
	text-align:left;
	color:#bc3532;
	font-size:1.2em;
	line-height:25px;
	letter-spacing:0.05em;
	padding-left:100px;
	padding-right:80px;
}
.clsTechnicalPhoneError {
    font-weight:bold;
    font-size:1.2em;	
}
.clsTechnicalErrorDude {
	position:absolute;
	right:-5px;
	bottom:-2px;
	background:url('/images/technical_error_dude.png');
    width:93px;
    height:119px;
	
}
.clsThemeImageRight, .clsThemeImageLeft {
    display:none;
}
.clsHighlightBP {
	color: #FFF;
	font-weight:bold;
	cursor:pointer;
	background-color: #fa802b; 
	display: inline-block;
	padding:1px 4px 2px;
	margin-top:2px;
        cursor: pointer;
}
.clsHighlightBP span{
	position:relative;
	background:url('/images/sprite8bit.png') -300px -103px no-repeat;
	display: inline-block;
	width: 13px;
	height: 11px; 
}
.clsPayLater {
	position:relative;
	right:20px;
}
.clsPayLaterBtn {
    color: #FFF;
    background-color: #fa802b; 
    padding:2px 5px 4px 5px;
    margin: 3px auto 6px auto;
    display: inline-block;
    max-width: 110px;
    font-weight:bold;
    position: relative;
	margin-left: auto;
	margin-right: auto; 
}
.clsPayLaterBtn span{
    position:relative;
    background:url(/images/sprite8bit.png) -300px -103px no-repeat;
    display: inline-block;
    width: 13px;
    height: 11px; 
}
.clsPayLaterBtn em {
	position:absolute;
	bottom:-8px;
	left: 25%;
	background:url(/images/sprite8bit.png) -300px -119px no-repeat;
    display: block;
    width: 16px;
    height: 11px; 
}
.clsAlignCenter {
    text-align:center;
}
#loaderAnimation > div, #loaderAnimationDouble > div {
      position: relative;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 14px;
      margin: -10px 0 0 -7px;
      font-size: 10px;
      border-top: 3px solid rgba(255, 255, 255, 0.2);
      border-right: 3px solid rgba(255, 255, 255, 0.2);
      border-bottom: 3px solid rgba(255, 255, 255, 0.2);
      border-left: 3px solid #ffffff;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-animation: spinnerAnim 0.9s infinite linear;
      animation: spinnerAnim 0.9s infinite linear;
}
#loaderAnimation > div,
  #loaderAnimation > div:after, 
  #loaderAnimationDouble > div,
  #loaderAnimationDouble > div:after {
      border-radius: 50%;
      width: 14px;
      height: 14px;
}
@-webkit-keyframes spinnerAnim {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      } 
}
@keyframes spinnerAnim {
      0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
}
/* Clearfix: https://css-tricks.com/snippets/css/clear-fix/ */
/* Add .group the the parent element to force-clear its children */
.clsGroup:after {
  content: "";
  display: table;
  clear: both;
}


/* Warning message */
.clsAlert {
    position: relative;
    padding: 6px 6px 6px 40px;
    border-radius: 0;
    margin: 0 0 15px;
}
.clsAlertWarning {
    background-color: #fdfdd4;
    border: 1px solid #cea64b;
    padding: 10px 10px 10px 40px;
}
.clsAlertWarning:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -13px;
    background: url(../images/BookingPageF/sprite-checkout.png) -178px -4px;
	background-position: -257px -13px;
    width: 26px;
    height: 26px;
}