/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


.breadcrumbs {
	font-size: 69%;
}


/* --- Colours


Green: #004d53


--- */



/* ----- IDS ----- */

/* NB --- do NOT style base HTML tags
body{}
*/

#bodyContainer { 
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}
		
#container {
	margin:auto;
	text-align:left;
	width:960px;
	background-color: #FFF;
}


/* 1. navigation */
#navigation {
	display:block; width:100%; height:38px;
	background-color: #004d53;
}


/* 2. header */

#header {
	display:block; position:relative;
	width:960px;
	height:185px;
}

.home #header {
	height:362px;
	background-color: #FFF; /* colour for image to fade from */
}

#logotypeBox, #mainImageBox {
	display:block;
	width:960px;
}

#logotypeBox {
	position:absolute;
	height:77px;
}

#mainImageBox {
	position:absolute;
	height:146px;
}

#rotationContainer {
	display:block;
	width:960px;
	position:absolute;
	height:146px;
}

/* 3. Main Content */

#mainContentBox { 
	display:block; width:100%;
	position:relative;
}

.sidePanel-left, .mainContent, .sidePanel-right, .sidePanel-rightPop {
	display:block;
	float:left; margin:0; padding:0;
}

.sidePanel-left, .sidePanel-right{
	margin-left: 10px;
}

/* 3.1 sidePanel-left  */
.sidePanel-left { 
	padding: 21px 0 0 21px; 
	width:176px;
}

/* 3.2 main content */
.mainContent { 
	padding: 21px 49px 50px 20px;
	width:453px;
	background: #FFF url(../images/background/mainContent_background.gif) no-repeat left top;

}

.mainContentWide { 
	padding: 21px 23px 50px 23px; 
	width:914px;
	background: #FFF url(../images/background/mainContent_background.gif) no-repeat left top;
	min-height: 343px;
}

.home .mainContent { width:679px; padding-right:14px;}

.col-2 .mainContent { width: 650px; }


/* 3.3 sidePanel */
.sidePanel-right {
	width:220px;
	padding-top: 148px;
	padding-top : 156px\9; /* IE8 and below */
}


.sidePanel-rightPop { 	/* a RH col that pops up out of the flow */
	position:absolute;
	width:220px;
	top:0;
	right:17px;
	z-index: 40;
}

#searchBox {
	padding:10px;
}

#bookingBox {
	display:block;
	width:216px;
	padding:11px 8px 0 8px;
	background: transparent url(../images/background/booking_background.png) no-repeat left top;
}

#bookingHome {
	display:block;
	width:216px;
	padding:11px 8px 0 8px;
	background: transparent url(../images/background/booking_background_home.png) no-repeat left top;
}

#bookAHotel {
	width:174px; /* 200 - 26 = 174*/
	padding:8px 13px;
	background-color: #EBE4C8;
}

#bookingBoxEnd {
	display:block:
	width:214px; height:50px;
	margin:-8px 0 0 0;
	padding:0;
	/*background:transparent url(../images/background/booking_boxEnd.png) no-repeat left top*/
}

#giftCerts {
	display:block:
	width:214px; height:44px;
	background:transparent url(../images/background/booking_boxEnd.png) no-repeat left top
}

#travelGuides {
	display:block:
	width:214px; height:44px;
	background:transparent url(../images/background/booking_boxEnd.png) no-repeat left top
}

#mapClearer {
	height: 7px;
	display: 'none';
}

.innerPageSidePanel #mapClearer {
	height: 186px;
	display: 'block';
}

.innerPageSidePanel {
	margin-left: -5px;
}

#countrySelectMap {
	display:block;
	margin:0 0 5px 0;
}

#weatherBox {
	display:block;
	width:215px;
	min-height: 62px;
	background: #fbfbfb url(../images/background/weather_background.gif) repeat-x left top;
}

#weatherBox h4 {
	display: block;
}


#weatherBox p {
	font-size: 69%;
}

#weatherBox  p.temperature {
	font-size: 69%;
	color: #666666;
}

#weatherBox img {
	display: inline;
	float:left;
	margin: 0 0 0 10px;

}

.weatherDetails {
	float: left;
	vertical-align: middle;
	margin: 8px 10px 0 5px;
}

.h4_weatherHeader {
	font-weight: bold;
	color: #333333;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 94%;
}

/* 4. footer */
	
#footer { 
	clear:both; display:block; 
	width:100%; height:99px;
	padding:40px 0 0 0;
	background: #004d53 url(../images/background/footer_strip.gif) repeat-x left top;
}
#footerNav { 
	display:block; width: 100%; 
	height:43px; float:left;
	text-align: center;
}

#footerLogo { 
	display:block; width: 100%; 
	height:56px; float:left;
}


/* ----- CLASSES ----- */

.hide{}
.show{}

.col2 { display:block; width:100%; }
.lhcol { float:left; width: 50%; }
.rhcol { float: right; width:50%; }

.content { margin: 0; padding:0;}

.bc_arrow {
	display:none;
	/*width:3px; height:9px;
	float:left;
	text-align:-1000em;
	overflow:hidden;*/
}

/* ----- HEADINGS ----- */

/* NB --- do NOT style base HTML tags
h1{}
h2{}
h3{}
h4{}
h5{}
*/

.mainContent h2 { display:block; }
.home .mainContent h4 { margin-bottom:6px; display:block}
h4.h4_subscribeForHD, h4.h4_bookAHotel { display:block;}

h4.h4_subscribeForHD, h4.h4_bookAHotel {
	font-size:94%;
	font-weight:bold;
	color: #333;
}

h4.h4_subscribeForHD {
	margin:7px 0 2px 0; padding:0;
}

#subscribeHomepageLink {
	display: block;
	padding: 0 23px 10px 0;
	text-align: right;
}

h4.h4_bookAHotel {
	margin:0; padding:0;
}

.sidePanel-left h4 {
	display:block;
	margin:0 0 3px 0;
}


/* ----- PARAGRAPHS ----- */

/* NB --- do NOT style base HTML tags
p{}
*/

.mainContent p.breadcrumbs { 
	margin:0 0 10px 0;
	font-size:83%; color: #004d53; 
	font-weight:bold; 
}



/* ----- LISTS ----- */

/* NB --- do NOT style base HTML tags
ol{}
ul{}

li{}

ol li{}
ul li{}
*/

#navigation ul, #footerNav ul, #footerLogo ul {
	list-style-type:none;
	margin:0; padding:0;
}

#navigation ul { 
	float:left; 
	font-size:82%;
}

#navigation ul#mainNav { 
	padding:12px 0 0 14px; /* 14 + 7 [ on the LI A]*/
	width: 780px;
}

#navigation ul#pageTools { padding:12px 0 0 0;}

#navigation ul#pageTools ul {
	position:absolute;
	right:0; top:100%;
	padding-top:11px;
	width:100px;
	visibility:hidden;
	z-index:600px;
	font-size:100%;
	background-color: #004d53;
}

#navigation ul#pageTools ul li {
	display:block; float:none;
	line-height:1.3em;
	padding:4px 0;
	vertical-align:middle;
	width:100px;
	border-bottom:1px solid #FFF;
	text-align:right;
}

#navigation ul#pageTools li:hover,
#navigation ul#pageTools li.hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

#navigation ul#pageTools li:hover > ul {
	visibility: visible;
}

#pagetools {
	float: right;
	display: block;
	padding-right: 28px;
}

#footerNav ul { font-size: 69%; padding:0 0 5px 0; }

#footerLogo ul { 
	/*text-indent:-1000em; */
	display:block:
	width:960px; height:56px;
	background: transparent url(../images/background/footerLogo_background.gif) repeat-x top left;
}

#navigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

ul#secondaryNav, ul.secondaryNav {
	margin:0 0 24px 0; padding:0;
	font-size:75%;
	list-style-type:none;
}

#secondaryNav li, .secondaryNav li {
	margin:0; padding:0 0 0 1em;
	background: transparent url(../images/typographic/subNav_bullet.gif) no-repeat left center;
}

#secondaryNav li a, .secondaryNav li a { 
	display:block; padding: 3px 0 4px 0;	
	color: #004d53;
	text-decoration:none;
}

#secondaryNav li a:hover, .secondaryNav li a:hover { text-decoration:underline;}
#secondaryNav li a.active, .secondaryNav li a.active { font-weight:bold;}

.tertiaryNav{
	list-style-type:none;
	padding-left: 5px !important;
	margin: 0px !important;
}

.tertiaryNav .active {
	font-weight: bold;
}

#footerLogo li {
	display:block;
	float:left;
	margin:0; padding:0;
	color:#FFF;
}

#twitter_div ul {
	list-style-type:none;
	padding:0; margin:15px 0 0 0;
}

#twitter_div li {
	padding:0; margin:0 0 10px 0;
	text-align:left;
}


/* ----- IMAGES ----- */

/* NB --- do NOT style base HTML tags
img{ }
img a{ }
img a:hover{ }
*/



/* ----- BREAK ----- */


/* NB --- do NOT style base HTML tags
hr{}
*/

.clearer hr { display:none; }


/* ----- LINKS ----- */

/* NB --- do NOT style base HTML tags
a{ }
a:hover{ }
a:visited, a:active, a:focus{ }
a:visited{ }
a:active{ }
a:focus{ }
*/

p.breadcrumbs a { 
	padding:0 8px 0 0;
	font-weight:normal; color:#004d53; text-decoration:none; 
	background: transparent url(../images/typographic/bc_arrow.gif) no-repeat right center;
}
p.breadcrumbs a:hover { text-decoration:underline;}

a img { border-width:0;}

#twitter_div a {
	color:#004D53;
}

#navigation ul#mainNav li a { 
	text-decoration:none;
	color:#FFF;
	padding:0 5px;
	font-weight:bold;
}

#navigation ul#mainNav li a:hover { text-decoration:underline;}

#navigation ul#pageTools li a { 
	text-decoration:none;
	color:#FFFFFF;
	padding: 0 6px;
}

#navigation ul#pageTools li.dir a {
	padding-right:8px;
	background: transparent url(../images/typographic/menuDir_arrow.gif) no-repeat right center;
}

#navigation ul#pageTools li.dir li a { text-align:right; background-image:none;}

#navigation ul#pageTools li a:hover { text-decoration:underline;}

#navigation ul#pageTools ul li a { 
	text-decoration:none;
	color:#E1C7C7;
	padding: 4px 6px;
}

#footerNav li a {
	color:#FFF;
	padding:0 3px;
	border-right: 1px solid #518c98;
	text-decoration:none;
}

#footerNav li a:hover { text-decoration:underline;}

#footerNav li.lastNav a { border-width:0;}

#footerLogo li#fL_toga a,
#footerLogo li#fL_medi a,
#footerLogo li#fL_vibe a,
#footerLogo li#fL_trav a,
#footerLogo li#fL_adin a {
	display:block;
	height:44px;
	overflow:hidden; text-indent:-1000em;
}

#footerLogo li#fL_toga a { 
	margin-left:72px; width:137px;
	background:transparent url(../images/logos/footerLogo_toga.gif) no-repeat left -45px;
}

#footerLogo li#fL_medi a { 
	margin-left:75px; width:65px;
	background:transparent url(../images/logos/footerLogo_medi.gif) no-repeat left -45px;
}

#footerLogo li#fL_vibe a { 
	margin-left:91px; width:79px;
	background:transparent url(../images/logos/footerLogo_vibe.gif) no-repeat left -45px;
}

#footerLogo li#fL_trav a { 
	margin-left:71px; width:94px;
	background:transparent url(../images/logos/footerLogo_trav.gif) no-repeat left -45px;
}

#footerLogo li#fL_adin a { 
	margin-left:55px; width:119px;
	background:transparent url(../images/logos/footerLogo_adin.gif) no-repeat left -45px;
}

#footerLogo li#fL_toga a:hover { background-position: left 11px; }
#footerLogo li#fL_medi a:hover { background-position: left 11px; }
#footerLogo li#fL_vibe a:hover { background-position: left 11px; }
#footerLogo li#fL_trav a:hover { background-position: left 11px; }
#footerLogo li#fL_adin a:hover { background-position: left 11px; }


/* ----- TABLES ----- */

/* NB --- do NOT style base HTML tags
table{ }
caption{ }
thead{ }
tbody{ }
tfoot{ }
tr{ }
tr .alt{ }
th{ }
td{ }
*/



/* ----- FORMS ----- */

form.searchForm {
	margin:0; padding:0;
}

/* NB --- do NOT style base HTML tags
form{}

fieldset{}
legend{}
label{}
input{}
textarea{}
select{}
optgroup{}
option{}
*/

#searchCriteria {
	width:172px; height:16px;
	padding:4px 0 0 5px;
	border-width:0;
	background: transparent url(../images/form/input_search.gif) no-repeat top left;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
}

form.searchForm input.go {
	margin-top:2px !important;
	padding:0 !important;
	vertical-align:top;
}

form.subscribeForm {
	margin:0; padding:0 0 13px 0;
	display:block;
}


#subscribeCriteria {
	width:110px; height:16px;
	padding:4px 5px 0 5px;
	border-width:0;
	background: transparent url(/images/form/input_subscribe.gif) no-repeat top left;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
}

#subscribeBox {
	width:202px;
	padding:2px 0px 0 12px;
	border-width:1;
	background: transparent url(/images/background/subscribeBg.gif) repeat-x scroll left top;
}

form.subscribeForm input.go {
	margin-top:0 !important;
	padding:0 !important;
	vertical-align:top;
}

form.bookAHotelForm {}

.bookAHotelForm label {
	display:block;
	font-size:69%; line-height:1em;
	color: #4D4F44;
}

#bookingPage .bookAHotelForm label {
	clear:left;
	color:#4D4F44;
	float:left;
	margin-bottom:10px;
	width:160px;
	display: inline !important;
	font-size: 100% !important;
}


.bookAHotelForm select, .promoBox input, .postChangeSelect {
	display:block;
	margin: 1px 0 8px 0;
	font-size:11px;
	width: 100%;
	border:1px solid #ACACAB;
	color:#4D4F44;
	padding:2px 0 0 2px;
	
}

.promoBox input {
	padding:3px;
	width:95%;
}

#bookingPage .bookAHotelForm select {
	background-color:#FFFFFF;
	border:1px solid #C7C7C6;
	color:#9C4722;
	padding:3px;
	width:194px;
}

#bookingPage fieldset {
	background-color:#EBE4C8;
	border-color:#D3C99D;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	padding:20px;
}

.bookAHotelForm input.dates {
	color: #752912;
	margin:0 2px 0 0; padding: 3px 0 0 3px;
	height:16px;
	border: 1px solid #ACACAB;
	font-size:11px;
}

.day, .month { width:2.4em; }
.year { width: 3.4em; }

.bookAHotelForm img.calendar {
	margin-top:0 !important;
	padding:0 !important;
	vertical-align:top;
}

.bookingCol1, .bookingCol2, .bookingCol3 {
	clear:right;
	float:left;
	margin:0 8px 0 0; padding:0;
	width:3.1em;
}

.bookingCol3 { margin:0; }

.bookAHotelForm .bookingCol1 select, 
.bookAHotelForm .bookingCol2 select, 
.bookAHotelForm .bookingCol3 select {
	width:auto;
	border:1px solid #ACACAB;
	color:#752912;
	padding:2px 0 0 2px;
}

#numberOfSection {
	display:block;
	width:100%;
	clear:both;
	padding-top:8px;
}

.bookAHotelForm .bookNow {
	display:block;
	margin:0 0 7px 0;
}

.bookAHotelForm p { 
	display:block;
	font-size: 69%; color: #978C71; 
	margin: 0 0 7px 0;
}

.bookAHotelForm p.bookingLinks { 
	margin: 0 0 7px 0;
	line-height:15px;
}


.bookAHotelForm p a {
	color: #4D4F44;
}
	
.promoBox {
	display:none;
	height:22px;
	margin:2px 0 0 0;
}




/* ----- DEFINITIONS ----- */

/* NB --- do NOT style base HTML tags

dl{}
dt{}
dd{}
*/

#mainContentBox dl { margin:0; padding:0; }
#mainContentBox dt { margin:0; padding:0; }
#mainContentBox dd { 
	margin:-27px 0 0 0; padding:0 0 0 33px; 
	color: #FFF;
	font-weight:bold; font-size: 75%;

}

/* homepage content boxes */

#mainContentBox dd a {
	text-decoration: none;
	color: #ffffff;
}

#mainContentBox dd a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.mainHeading {
	display:block;
	color:#004d53;
	font-family:Helvetica,Arial,sans-serif;
	font-size:140%;
	margin: 3px 0 15px 0;
}



/**** subscription form *********/

form.adinaForm {
	padding:10px 10px 10px 0;
}

.adinaForm fieldset {
	background-color:#EBE4C8;
	border-color:#D3C99D;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	margin-bottom:10px;
	padding:20px;
}

.adinaForm fieldset label {
	clear:left;
	color:#5D5F55;
	float:left;
	margin-bottom:10px;
	width:160px;
}

.adinaForm input.long, .adinaForm select.long {
	background-color:#FFFFFF;
	border:1px solid #C7C7C6;
	color:#9C4722;
	padding:3px;
	width:194px;
}
.adinaForm fieldset input, .adinaForm fieldset select, .adinaForm fieldset textarea {
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}

.errorMessage {
	color:#B70005;
	border: 1px solid #B70005;
	padding: 5px;
}

.bookingBox .errorMessage {
	font-size: 69%;
}

.homepageBoxTable {
	width: 689px;
}
.homepageBoxTable td {
	width:223px;

}

.homepageBoxTable .firstBox,  .homepageBoxTable .secondBox {
	width: 233px;
}

td.homeSubheadTd {
	background-color: #004D53;
	padding: 10px;
}

#rotatingBox3subhead1 {
	font-size:118%; /* 88% */
	color:#FFF;
	width: 203px;
	background-color: #004d53;
}

#rotatingBox3subhead2 {
	font-size:125%; /* 94% */
	color:#000;
	background: #FFF url(/images/background/homeSmallImage_background.gif) repeat-x;
}

#rotatingBox3image, #rotatingBox3description {
	width: 223px;
}

#rotatingBox3description {
	color: #666;
	background-color: #FFF;
}

#rotatingBox3description a, #rotatingBox3description a:active {
	color: #004d53;
}

#rotatingBox3description a:hover {
	color: #666666;
}

#rotatingBox3subhead2, #rotatingBox3description {
	width: 203px;
	padding: 10px;
}

td.homeSubheadDescription {
	background: #FFF url(/images/background/homeSmallImage_background.gif) repeat-x;
}

#firstBox h4, #secondBox h4,.homeSubhead_02 {
	width: 100%;
	display: block;
}

#bannerRotation {
position: relative;
float: left;
width: 960px;
height: 185px;
/*background: url(../images/valuepropbanner.png) no-repeat;*/
/*text-indent: -9999px;*/
}

#bannerRotation div {
position: absolute;
left: 0;
top: 0;
}

.komosionLogo {
	text-align: right;
	clear:both;
}

.komosionLogo a {
	padding: 10px;
	margin: 10px;
	display:block;

}