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


Red: #B5121B


--- */



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


/* 2. header */

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

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

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

#logotypeBox {
	position:absolute;
	height:77px;
	z-index: 40;
}

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

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

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

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

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

/* 3.2 main content */
.mainContent { 
	padding: 15px 49px 50px 23px; 
	width:453px;
	background: #FFF url(../images/background/mainContent_background.gif) no-repeat left top;
	min-height: 418px;
}

.home .mainContent {
	min-height: 390px;
}

.mainContentWide { 
	padding: 15px 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:25px;}

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


/* 3.3 sidePanel */
.sidePanel-right {
	width:220px;
}


.sidePanel-rightPop { 	/* a RH col that pops up out of the flow */
	position:absolute;
	width:220px;
	top:0; right:16px;
	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;
}

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

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

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

#weatherBox {
	display:block;
	width:215px; min-height: 94px;
	margin-box:15px;
	background-color: #F3F0EE;
}

#weatherBox h4 {
	display: block;
}


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

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

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

.weatherDetails {
	float: left;
	vertical-align: middle;
	margin: 20px 10px;
}

.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: #B5121B 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; padding: 0px; }
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:10px 0 7px 0; padding:0;
}

.home h4.h4_subscribeForHD {
	margin:74px 0 0 0;
}

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: #B5121B; 
	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 + 12 [ on the LI A]*/
	width: 720px;
}

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

#navigation ul#pageTools li.dir { position:relative;}

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

#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;
	background-color:#B5121B;
}

#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;
}

#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 10px;
}

#secondaryNav li a, .secondaryNav li a { 
	display:block; padding: 3px 0 4px 0;	
	color: #B5121B;
	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;
}


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

#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:#E1C7C7;
	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 ul {
	padding-right:8px;
}

#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 6px;
	border-right: 1px solid #CC5A60;
	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:124px; 
	height:16px;
	border-width:0;
	border: none;
	background-color: #EBEBEB;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	margin: 2px;
	padding:0 4px;
}

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 .bookingCol1,
#bookingPage .bookAHotelForm .bookingCol2,
#bookingPage .bookAHotelForm .bookingCol3 {
 float: none;
}

#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 2px 0 0; padding:0;
	width:3.1em;
}

.bookingCol1, .bookingCol2 {
	width:3.2em
}

.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: 77%; color: #978C71; 
	margin: 0 0 7px 0;
}

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

.sidePanel-rightPop .bookAHotelForm p {
	font-size:69%;
}

.bookAHotelForm p a { color: #4D4F44; text-decoration:underline; }
.bookAHotelForm p a:hover { color: #B5121B; }

.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: 94%;
}

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

.mainHeading {
	display:block;
	color:#B5121B;
	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 {
	background-color:#FFFFFF;
	border:1px solid #C7C7C6;
	color:#9C4722;
	padding:3px;
	width:194px;
}
.adinaForm fieldset input, .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;
}

h3.homeSubhead_01 {
	color:#FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
	font-size:110%;
	margin: 0;
}

.homeSubheadTd {
	padding:10px; 
	background-color: #B5121B;
	height: 16px;
}

.homeSubheadDescription {
	padding:0px 10px 10px; 
	background: transparent url(/images/background/homeSmallImage_background.gif) repeat-x left top;
}

.homeSubhead_02 {
	color:#000000;
	font-family:Helvetica,Arial,sans-serif !important;
	font-size:122% !important;
	display: block;
	margin-bottom: 0px !important;
}

.homepageRotatingBox {
	width: 223px;
	border-collapse: collapse;
}
.komosionLogo {
	text-align: right;
	clear:both;
}

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

/**** google map  *********/

#gmap {
	width:547px;
	height:470px;
	border:solid 5px #B5121B;
	clear: left;
}

#locationDescriptions {
	margin-top: 20px;
	border-bottom: 1px solid #CCC;
	width:569px;
}

#locationDescriptions ul {
  padding-left:0px;
  margin-left:0px;
  margin-bottom: 0px;
}

#locationDescriptions li {
  list-style-type: none;
  margin-left:0px;
}

#locationDescriptions li:hover {
  border: 1px dotted #B5121B;
}

#locationDescriptions .rowA, #locationDescriptions .rowB {
	width:547px;
	padding: 10px;
	border: 1px solid #CCC;
	border-bottom:none;
}

#locationDescriptions .rowB {
	background-color: #F3F0EE;
}

#locationDescriptions h3 {
	color: #000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

#mapTabs {
	width: 557px;
	margin-bottom: 0px;
	font-family: Helvetica,Arial,sans-serif;
}

.mapTabList {
	padding-left: 0;
	margin-left: 0;
	color: White;
	float: left;
	width: 100%;	
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 13px;
	height:25px;
	background: #FFF;

}

.mapTabList li { 
	display: inline; 
	padding-top:3px;
}

.mapTabList li a
{
	padding: 0.2em 1em;
	background: #B5121B url(/images/background/bg_mapTab.gif) repeat-x;
	color: white;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font-weight: bold;
	line-height:21px;
	height: 21px;
}

.mapTabList li a:hover, .mapTabList li a.active
{
	background: #FEAF88 url();
	color: #FFF;
	text-decoration: none;
}

#locationDescriptions h3 a {
	text-decoration: underline !important;
}

.mapPopup h3 {
	display: block;
}

.mapPopup h3 a {
	text-decoration: underline;
}

#locationDescriptions div.hotelContact {
	float:left;
	width: 250px;
}

#locationDescriptions .locationClear {
	clear:left;
}

/* subscribe input fix */

div.inputWrapper {
    width: 135px;
	background: transparent url(../images/form/input_subscribe.gif) no-repeat top left;
	height:20px;
	float: left;
	padding-right: 6px;
}

/* jquery fade fixes */
#rotatingBox3subhead2 {
	background: url(/images/background/homeSmallImage_background.gif) repeat-x scroll left -30px;
}

#rotatingBox3image, #rotatingBox3description {
	width: 223px;
	background-color: #ffffff;
}

#rotatingBox3subhead2, #rotatingBox3description, #rotatingBox3subhead1 {
	width: 200px;
}
#rotatingBox3subhead1 {
	background-color: #B5121B;
}
#weatherBox {
	background-color: #F3F0EE;
}