html{margin:0 !important;padding:0 !important;}

body{font-size:76%;margin:0;padding:0;color:#3F4051;background-color:#FFF;text-align:left;width:16.5cm;} /* all elements sized in ems only. DOCUMENTATION: http://www.thenoodleincident.com/tutorials/typography/index.html */


/* LAYOUT */

/*LAYOUT*/
#page{margin:0 auto;padding:0;text-align:left;background-color:#FFF;width:16.5cm;}
#header{margin:0;}
	#logo{float:left;width:490px;padding:0;}
	#login{float:right;width:262px;text-align:right;}
#container{padding:10px 0 0 0;}
	#additional{float:none;width:16.5cm;}
	#content{float:none;width:16.5cm;}
		#content .padding{padding:0 0 10px 0;}

		
/* SWITCH OFF ELEMENTS */
#login{display:none;}
#navigation{display:none;}
#language{display:none;}
#dashboard{display:none;}
#footer{display:none;}
#search{display:none;}
#feature-nav{display:none;}
.pagination{display:none !important;}


.cols{}
.col1{float:left;width:47%;}
.col2{float:right;width:47%;}
.cols-three{background:url(../img/css/bg-cols-three.gif) center repeat-y;}
	.cols-three .col1{float:left;width:33%;}
	.cols-three .col2{float:right;width:33%;}
	.cols-three p, .cols-three ul{ margin: 10px; padding: 0; }
	.cols-three li{ margin-bottom: 10px;  padding: 0;background:none;}
		.cols-three li a{ text-decoration: none; }
		.cols-three li a:hover{ text-decoration: underline; }
		.cols-three li .col1 strong{ background: url(../img/css/chevron.gif) center right no-repeat; padding-right: 9px; }
		.cols-three li strong a{ color: #3F4051; }

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;font-size:0.94em;}
img{border:0;}

p.intro{font-size:1.35em;color:#3F4051;font-family:Arial,Helvetica,sans-serif;line-height:1.3em;letter-spacing:-0.02em;}


/* FORMAT > fonts */
body,input,textarea,select{font-family:Tahoma,Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Tahoma,Arial,Helvetica,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:0.94em;}


/* ANCHORS */
a{text-decoration:underline;color:#678011;}
a:link{ }
a:visited{ }
a:hover{color:#678011;}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#3F4051;font-weight:normal;margin:0 0 5px 0;}
h1{font-size:3em;color:#87A321;margin:0;font-family:Arial,Helvetica,sans-serif;}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5,h6{font-size:0.94em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;font-size:0.94em;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;}

dt{display:block;float:left;}
dd{margin-left:10em;}

ul{}
ul li{list-style-type:none;margin:0;padding:0 0 0 1em;background:url(../img/css/bullet.gif) top left no-repeat;}



/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;width:100%;margin:0 0 20px 0;}
thead{background:url(../img/css/bg-tabs-dots.gif) bottom left repeat-x;}
th{border:0px;padding:2px 10px 2px 0px;font-size:0.94em;}
td{border:0px;padding:2px 10px 2px 0px;font-size:0.94em;}
tr.alt{background-color:#eee;}


/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0px solid #FFF;margin:0;padding:0;}
legend{margin:0;padding:0;color:#333;display:none;}

label{display:block;font-size:0.94em;padding:0 15px 0 0;}
textarea{font-size:100%;border:1px solid #A5ACB2;padding:3px;width:100%;}
input.text{border:1px solid #A5ACB2;font-size:0.94em;padding:3px;width:100%;}
input.submit{margin:20px 0 0 0;}
input.radio,input.checkbox{margin:0 3px 0 0;padding:0;}
select{border:1px solid #A5ACB2;font-size:0.94em;width:100%;margin:0;height:19px;}
select option{padding:3px;}
.short{width:auto !important;}
input.margin{margin:3px 0 0 0;}

#date select{width:25% !important;margin:0 1% 0 0;display:block;float:left;}
#date input.text{float:right;width:28%;margin:0 !important;}

.field{padding:3px 0 3px 0;margin:7px 0 0 0;}

.fieldError{padding:3px 0 3px 0;margin:8px 0 0 0;background-color:#FF5700;}
.fieldError label, .fieldError label span.highlight{color:#FFF !important;}

fieldset p{padding:0 0 10px 20px;}

.label{float:left;width:30%;padding:3px 0 0 0;margin:0;text-align:right;font-weight:bold;}
.element{float:left;width:65%;margin:0;padding:0;}
	.element p{margin:0;padding:0;font-size:0.88em;}
	.element label{display:inline;padding:0;margin:0 10px 0 0;}

.help{float:right;width:auto;padding:0 0 0.5em 0;}
	.help a{display:block;background-color:#FFF;color:#000;border:1px solid #000;padding:0 0.4em;text-decoration:none;font-size:0.94em;}
	.help a:hover{background-color:#AAA;color:#FFF;}


.highlight{color:#F00;}
label .highlight{font-weight:normal;}

/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}

.intro .text{float:left;width:60%;}
.intro .image{float:right;width:auto;}


	/* BREADCRUMB */
	#breadcrumb{float:left;width:100%;margin:0;padding:13px 10px 12px 20px;}
		#breadcrumb p{display:block;width:auto;float:left;margin:0;padding:0 10px 0 0;line-height:1.1em;font-weight:bold;}
		#breadcrumb ol{list-style-type:none;margin:0;padding:0;}
		#breadcrumb ol li{display:inline;margin:0;padding:0;line-height:1.1em;background:transparent;}
		#breadcrumb ol li a{display:inline;width:auto;padding:0 20px 0 0;line-height:1.1em;text-decoration:none;}	
		#breadcrumb ol li a:hover{color:#3F4051;text-decoration:underline;}


/* PANELS */
.panel{clear:both;margin:20px 0 20px 0;border:2px solid #EDF1DE;}

	.panel .head h2{float:left;width:99%;font-size:1.8em;color:#87A321;text-transform:uppercase;padding:7px 15px 8px 15px;margin:0;}
	.panel .head a{float:right;width:30%;font-size:0.94em;padding:6px 15px 0 0;text-align:right;display:none;}
	.panel .head{}
	.panel .cols{padding:15px 15px 0 15px;}
	.panel .item{padding:0 0 15px 0;}
	.panel .item .image{float:left;width:50px;margin:0 10px 0 0;padding:3px 0 0 0;}
		.panel .item .image2{ width: 100px; }
	.panel .item .image img{border:1px solid #87A321;}
	.panel .item .image a{border:0px;}
	.panel .item .image a:Hover img{border:1px solid #6B7889;}
	.panel .item .text{float:left;width:60%;padding:0;}
		.panel .item .text2{float:left;width:90px;padding:0;}
	.panel .item a{color:#3F4051;text-decoration:none;border-bottom:1px solid #87A321;line-height:1.3em;}
	.panel .item a:Hover{color:#637818;}
	.panel .item p.links a{color:#637818;text-decoration:none;border-bottom:0px solid #87A321;line-height:1.3em;}
	.panel .item p.links a:hover{text-decoration:underline;}
	.panel .item p{margin:0;padding:0;clear:both;line-height:1em;}
	.panel .item p.city{float:left;width:auto;margin:2px 0 0 0;}
	.panel .item .text img{float:left;display:block;width:61px;margin:2px 0 0 0;}

#additional .panel .item{padding:15px;}
	
	
#hotels .col1, #hotels .col2{float:none;width:100%;}
#hotels .col1{display:none;}

#deals h2{width:75%;}
#deals .item{float:none;width:100%;padding:0 !important;margin:0 0 15px 0!important;}
#deals .item a{font-weight:normal !important;}
#deals .item p{margin:0;padding:0;clear:both;line-height:1.3em;}
#deals .item p.city{clear:none;float:left;width:auto;margin:2px 0 0 0;}
#deals .item img{float:left;display:block;width:61px;margin:2px 0 0 0;}
#deals .item p.links{clear:none;float:right;width:80px;margin:2px 0 0 0;text-align:right;}

	
.hotel-intro{}
.hotel-intro p{margin:0;padding:0;}
.hotel-intro p.contact-options{padding:5px 0 0 0;}
.hotel-intro p.contact-options img{margin:0 5px 0 0;}
.hotel-intro .details{float:left;width:210px;}
.hotel-intro .image{float:right;width:250px;position:relative;}
.hotel-intro .image img{border:1px solid #A6AEB8;display:block;}

.hotel-intro .facilities{clear:both;text-align:right;padding:5px 0 0 0;}
.hotel-intro .facilities img{margin:0 3px 0 0;}
.hotel-intro .details p.links a{text-decoration:none;}
.hotel-intro .details p.links a:hover{text-decoration:underline;}


.hotel-intro-bronze{}
.hotel-intro-bronze p{margin:0;padding:0;}
.hotel-intro-bronze p.contact-options{padding:5px 0 0 0;}
.hotel-intro-bronze p.contact-options img{margin:0 5px 0 0;}
.hotel-intro-bronze .details{float:left;width:210px;}
.hotel-intro-bronze .image{float:right;width:250px;text-align:right;}
.hotel-intro-bronze .image .logo{float:right;width:auto;margin:0 10px 0 0;}
.hotel-intro-bronze .image .photo{float:right;width:auto;border:1px solid #A7AEB6;}
.hotel-intro-bronze .facilities{clear:both;text-align:left;padding:5px 0 0 0;}
.hotel-intro-bronze .facilities img{margin:0 3px 0 0;}
.hotel-intro-bronze .details p.links a{text-decoration:none;}
.hotel-intro-bronze .details p.links a:hover{text-decoration:underline;}	
	
	
	

/* WEATHER */
.weather{border:2px solid #EDF1DE;padding:10px;}
.weather h2{color:#596472;font-size:1.1em;margin:0 0 5px 0;padding:0 0 1px 0;}
.weather p{float:left;width:150px;}
.weather img{float:left;width:50px;}
.weather a{text-decoration:none;}
.weather a:hover{text-decoration:underline;}
	
/* TABS */
.tab-panel{border:2px solid #EDF1DE;padding:10px;}


/* TABS */
.tabs{padding:0 0 1px 0;margin:0 0 10px 0;}
	.tabs .padding{padding:0 !important;}
	.tabs ul{list-style-type:none;margin:0;padding:0;}
	.tabs li{margin:0;padding:0;display:inline;background:transparent;}
	.tabs a{display: block;float:left;text-decoration:none;text-transform:uppercase;margin:0;width:auto;}
	.tabs a span{display:block;float:left;padding:7px 8px 6px 8px;}
	.tabs a.selected{color:#87A321;}
	.tabs a.selected span{display:block;}
	
	
	
/* A to Z */
.index{margin:0 0 15px 15px;width:100%;}
	.index h3{font-size:0.94em;}
	.index ul{float:left;width:100%;list-style-type:none;margin:0;padding:0;}
	.index ul li{display:inline;margin:0;padding:0;background:transparent;}
	.index ul li a{display:block;float:left;width:auto;text-transform:uppercase;text-decoration:none;margin:0 0.5em 0 0;padding:2px 0;line-height:1.1em;}
	.index ul li a:hover{text-decoration:underline;}
	.index ul li a.selected{font-weight:bold;color:#3F4051;}	
	
	
/* TOP DESTINATIONS */ 
#top-destinations{padding:0 0 0 4px;}
#top-destinations .item{float:left;width:100px;margin:0 20px 0 0;}
#top-destinations .item img{display:block;border:1px solid #A0ABB9;margin:0 0 1px 0;}
#top-destinations .item a.link{display:block;border-top:1px solid #A0ABB9;padding:3px 5px 6px 5px;background:#EDF1F5 url(../img/css/bg-top-destinations-link.gif) bottom left no-repeat;color:#3F4051;text-decoration:none;font-weight:bold;text-align:center;}
#top-destinations .last{margin:0;}
#top-destinations .cols a{color:#3F4051;text-decoration:none;border-bottom:1px solid #87A321;font-weight:bold;line-height:1.2em;}
#top-destinations .cols a:hover{color:#87A321;}
#top-destinations .cols{padding:10px 0 0 0;}
#top-destinations li{color:#87A321;padding-bottom:5px;}
	
	
	
	
/* HIGHLIGHT BOXES */
.box{clear:both;border:1px solid #6B7889;margin:5px 0 20px 0px;padding:0;}
	.box img{float:left;margin:0 10px 0 0;}
	.box p{padding:5px;line-height:1.2em;}
	.box a{text-decoration:none;}
	.box a:Hover{text-decoration:underline;}
	
/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;height:1%;}

.padding{padding:10px;}


/* HIDING */
.hide{position:absolute;width:100px;left:-500px;top:-500px;}
.show{}



/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */


/* FLASH OBJECTS */
	#flashcontent, #html {
		margin:0 0 10px 0;
	}

	#flashcontent img,#html img{
		margin-top:11px;
		float:left;
	}
	#flashcontent .headline, #html .headline{
		float:left;
	}
	#flashcontent p, #html p{	
		text-transform:lowercase;
		font-size:1.3em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#6B7889;
		margin: 37px 0 0 0;
		padding:0;
	}
	#flashcontent span, #html span{
		color:#FF4400;
	}
	#flashcontent small, #html small{
		color:#596472;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.94em;
		display:block;
	}



/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}