
* html .fragment {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	zoom: 1;
}


/**
 * HTML
 */ 
html {
	background-color: #231f20;
	overflow: -moz-scrollbars-vertical;
}
body {
	text-align: center;
}
body.main {
	padding-top: 40px;
	padding-bottom: 120px;
}

body.newmain {
	padding-top: 0px;
	padding-bottom: 120px;
}

body.popup {
	padding-top: 10px;
	padding-bottom: 10px;
}
em { font-style: italic; display: inline; }
strong { font-weight: bold !important; }
a { 
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: .2em;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
}
h3, .h3 {
	font-size: 1.1em;
	font-weight: bold;
}
hr { height: 1px; color: #8D817B; background-color: #8D817B; border: 0; } 

p { margin-bottom: 1.2em; }
strong { font-weight: bold; }
table td { border: 0; }
table th { text-align: center; font-weight: bold; font-size: 1.1em; background-color: #D1C4B4; }

ol {
	padding-left: 10px;
}
/**
 * LAYOUT
 */
div#master {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

div#socialmedia {
	width: 930px;
	height: 40px;
	margin-left: 23px;
	padding: 0px 0px 0px 0px;
	color: #faf0e6;
}

div#smleft {
	float: left;
	width: 50%;
}

div#smright {
	float: left;
	width: 50%;
	text-align: right;
}

/**
 * HEADER
 */
div#header {
	position: relative;
	height: 112px;
	background: url(../images/template/header_top_right_curve.gif) no-repeat 100% 0 #FAF0E6;
	width: 100%;
}
div#header #newsletter_signup {
	line-height: 24px;
	width: 208px;
	text-align: center;
	background: url(../images/template/newsletter_bg.gif) no-repeat #3C648C;
	float: right;
	clear: right;
	color: #fff;
	font-style: italic;
	margin-right: 25px;
	margin-top: 2px;
}	
div#header span#telephone {
	font-size: 1.3em;
}
div#header div#header_top_left_curve, div#popupHeader div#header_top_left_curve {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 18px;
	background-image: url(../images/template/header_top_left_curve.gif);
}
div#header img#logo {
	margin: 11px 0 0 23px;
	float: left;
}
div#header div#booking_message {
	float: right; 
	color: #009ED0;
	font-size: 1.85em;
	width: 250px;
	text-align: right;
	padding-right: 25px;
	margin-top: 5px;
}


/**
 * TOP NAVIGATION
 */
ul#udm {
	height: 24px;
}
ul#udm li#firstLink {
	margin-left: 22px;
}
ul#udm li#lastLink {
	margin-right: 0;
}

/**
 * BODY
 */ 
div#body {
	background: url(../images/template/content_tile.gif) repeat-y;
	width: 980px;
}


/**
 * LEFT NAVIGATION
 */ 
div#leftNavigationContain {
	float: left;
	width: 170px; /* 180 - 10paddingLeft */
	/* background-color: #8A8280;*/
	padding-top: 15px;
	padding-left: 10px;
}
div#leftNavigationMenuContain {
	position: relative;
	width: 167px;
	background-image: url(../images/template/navigation/shadow_tile.gif);
	background-repeat: repeat-y;
	background-position: 100%;
	padding-left: 0;
}
ul#leftNavigation {
	width: 160px;
}
ul#leftNavigation li {
	list-style-type: none;	
}
ul#leftNavigation li a:hover {
	text-decoration: none;
}



/* destinations */
ul#leftNavigation li a {
	background-repeat: no-repeat;
	background-position: 94% 10px;
	background-color: #5e4f4a;
	display: block;
	padding: 4px 18px 4px 8px;
	color: #fff;
	font-weight: bold;	
	border-bottom: 1px solid #fff;
}
ul#leftNavigation li.hasChildren a {
	background-image: url(../images/template/navigation/destination_arrow.gif);
}
ul#leftNavigation li a:hover {
	background-color: #82736E;
}

ul#leftNavigation li#firstDestination a {
	background-image: url(../images/template/navigation/destination_nochildren_combined.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul#leftNavigation li#firstDestination-hasChildren a {
	background-image: url(../images/template/navigation/destination_combined.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
ul#leftNavigation li#firstDestination a:hover, 
ul#leftNavigation li#firstDestination a#activeDestination,
ul#leftNavigation li#firstDestination-hasChildren a:hover,
ul#leftNavigation li#firstDestination-hasChildren a#activeDestination {
	background-position: -160px 0;
}


ul#leftNavigation li#lastDestination a {
	background-image: url(../images/template/navigation/last_destination_cell_combined.gif) !important;
	background-position: 0 100% !important;
	background-color: #5e4f4a;
	border-bottom-width: 0 !important;
}
ul#leftNavigation li#lastDestination a:hover {
	background-image: url(../images/template/navigation/last_destination_cell_combined.gif) !important;
	background-position: -160px 100% !important;
	background-color: #82736E !important;
}

ul#leftNavigation li#lastDestination a#activeDestination {
	background-image: url(../images/template/navigation/destination_arrow.gif) !important;
	background-position: 94% 10px !important;
	background-color: #82736E !important;
}

ul#leftNavigation li a#activeDestination {
	background-color: #82736E !important;
}




/* reset after destination */
ul#leftNavigation li ul li a {
	background-image: none !important;
	background-color: transparent !important;
	margin-left: 0;
	font-weight: normal;
}
ul#leftNavigation ul li a:hover { 
	background-image: none !important;
}

/* resorts */
ul#leftNavigation li ul li a, 
ul#leftNavigation li#firstDestination ul li a,
ul#leftNavigation li#lastDestination ul li a {
	background-image: url(../images/template/navigation/resort_arrow.gif) !important;
	background-repeat: no-repeat;
	background-position: 94% 10px !important;
	background-color: #E3D7CB !important;
	font-size: .9em;
	color: #685A55;
	border-bottom: 1px solid #fff !important;
	padding-right: 22px;
}
ul#leftNavigation ul li a:hover, 
ul#leftNavigation li#firstDestination ul li a:hover,
ul#leftNavigation li#lastDestination ul li a:hover {
	background-image: url(../images/template/navigation/resort_arrow.gif) !important;
	background-color: #D1C4B4 !important;
	background-position: 94% 10px !important;
}

ul#leftNavigation li ul.pagesNav li a { background-image: none !important; }

ul#leftNavigation li ul li#lastResort a {
	background-image: url(../images/template/navigation/last_resort_cell_combined.gif) !important;
	background-position: 0 100% !important;
	border-bottom-width: 0 !important;
	padding-bottom: 6px;
}
ul#leftNavigation li ul li#lastResort a:hover {
	background-image: url(../images/template/navigation/last_resort_cell_combined.gif) !important;
	background-position: -160px 100% !important;
	background-color: #D1C3B4 !important;
}

ul#leftNavigation li#lastDestination ul li a#activeResort, 
ul#leftNavigation li#lastDestination ul li a#activeResort:hover {
	background-image: url(../images/template/navigation/resort_arrow.gif) !important;
	background-position: 94% 10px !important;
}

ul#leftNavigation li ul#noChildren li a {
	background-image: none !important;
}
ul#leftNavigation li ul#noChildren li a:hover {
	background-image: none !important;
}

ul#leftNavigation li ul#noChildren li#lastResort a {
	background-image: url(../images/template/navigation/last_resort_cell_nochildren_combined.gif) !important;
}



/* hotels  */
ul#leftNavigation ul li ul li a,
ul#leftNavigation li#firstDestination ul li ul li a,
ul#leftNavigation li#lastDestination ul li ul li a {
	background-image: url(../images/template/navigation/hotel_arrow_off.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 12px 8px !important;
	background-color: #FFFFFF !important;
	border-bottom: 1px solid #E3D7CB !important;
	font-size: .85em;
	padding-left: 20px;
	color: #685A55;
}
ul#leftNavigation ul li ul li a:hover,
ul#leftNavigation li#firstDestination ul li ul li a:hover,
ul#leftNavigation li#lastDestination ul li ul li a:hover {
	background-image: url(../images/template/navigation/hotel_arrow_off.gif) !important;
	background-position: 12px 8px !important;
	background-color: #F4E8DC !important;
}

ul#leftNavigation li#lastDestination ul li ul li#lastHotel a {
	background-image: url(../images/template/navigation/last_hotel_cell_combined.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 100% !important;
	background-color: #FFFFFF !important;
	border-bottom-width: 0 !important;	
}
ul#leftNavigation li#lastDestination ul li ul li#lastHotel a:hover {
	background-image: url(../images/template/navigation/last_hotel_cell_combined.gif) !important;
	background-repeat: no-repeat;
	background-position: -160px 100% !important;
	background-color: #F4E8DC !important;
}

ul#leftNavigation li ul li ul li a.active,
ul#leftNavigation li#firstDestination ul li ul li a.active,
ul#leftNavigation li#lastDestination ul li ul li a.active {
	background-image: url(../images/template/navigation/hotel_arrow_on.gif) !important;
	background-position: 12px 6px !important;
}

ul#leftNavigation li#lastDestination ul li ul li#lastHotel a.active {
	background-image: url(../images/template/navigation/last_hotel_cell_combined_active.gif) !important;
	background-position: 0 100% !important;
}
ul#leftNavigation li#lastDestination ul li ul li#lastHotel a.active:hover {
	background-image: url(../images/template/navigation/last_hotel_cell_combined_active.gif) !important;
	background-position: -160px 100% !important;
}



/* other */
div#leftNavigationBottomCap {
	background: url(../images/template/navigation/bottom_cap.gif) no-repeat; 
	height: 8px; 
	margin-bottom: 20px;
}
div#firstDestinationShadow {
	position: absolute; 
	top: 0; 
	right: 0; 
	height: 23px; 
	width: 7px; 
	background: url(../images/template/navigation/first_destination_shadow.gif);
}
div#lastDestinationShadow {
	position: absolute; 
	bottom: 0; 
	right: 0; 
	height: 12px; 
	width: 7px; 
	background: url(../images/template/navigation/last_destination_shadow.gif) bottom;
	font-size: 0;
}

/* exceptions */
.noBottomBorder { 
	border-bottom-width: 0 !important; 
}

	



/**
 * BREADCRUMBS
 */
div#breadcrumbs {
	font-style: italic;
	padding-bottom: 12px;
}
div#breadcrumbs, div#breadcrumbs a {
	color: #796A65;
}
div#breadcrumbs a {
	font-style: italic;
}


/**
 * SIDE PANELS
 */
div.panel {
	width: 167px;
	padding-bottom: 12px;
	background: url(../images/template/panel_footer.gif) no-repeat bottom;
	margin-bottom: 16px;
}
div.panelHeader {
	line-height: 28px;
	background: url(../images/template/panel_header.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	text-indent: -7px;
	color: #fff;
}
div.panelHeaderRed {
	line-height: 28px;
	background: url(../images/template/panel_header_red.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	text-indent: -7px;
	color: #fff;
}
div.panelContent {
	background: url(../images/template/panel_content_tile.gif) repeat-y right #FAF1E8;
	font-size: .9em;
	padding: 8px 10px 4px 8px;
	color: #685A55;
}
div.panelLink {
	margin-top: 6px; 
	font-style: italic;
}
div.panelLink a {
	color: #685A55;
}


/**
 * CONTENT
 */
div#content {
	float: left;
	width: 766px; /* 800 - 17PaddingLeft - 17PaddingLeft */
	padding: 15px 17px 17px 17px;
}
div#mainContent {
	position: relative;
	/* padding-top: 12px; */
	width: 766px;
}
div#headerAndTabs {
	float: left; 
	overflow: auto; 
	position: relative; 
	width: 766px;
	margin: 0;
}
div#headerAndTabs h1 {
	float: left;
	width: 200px;
	/* padding-left: 6px; */
}
div#mainContent a {
	color: #B72025;
}
div.fragment ul, div.fragment ol {
	margin-left: 24px;
}
div.fragment ul li {
	list-style-image: url(../images/template/bullet.gif);
}
div.fragment {
	margin: 0;
	padding-top: 20px;
	clear: both;
	text-align: justify;
}
div.fragment h1 {
	float: none;
}
div#mainContent td { background-color: #e3d7ca; }
div#mainContent td, div#mainContent th, div#mainContent tfoot {
	padding: 2px;
	border: 1px solid #8d817b;
}

div.destinationFragment {
	margin-top: -19px !important;
}


/**
 * CONTENT BOTTOM
 */
div#backToTop {
	clear: left; 
	height: 18px; 
	background: url(../images/template/content_bottom_left_curve.gif) no-repeat;
}
div#backToTop div {
	width: 20px; 
	height: 18px; 
	float: right; 
	background: url(../images/template/content_bottom_right_curve.gif) no-repeat;
}


/**
 * TABS
 */
.ui-tabs .ui-tabs-hide { display: none; }


/**
 * GALLERY
 */
div#gallery {
	height: 300px; 
	margin-bottom: 20px;
}
div#largeContainer {
	float: left;
	width: 300px;
	height: 300px;
}
div#thumbsContainer {
	float: left; 
	width: 465px; 
	padding-left: 1px;
}
div#thumbsContainer img {
	float: left;
	margin-left: 8px;
	margin-bottom: 6px;
}

	
/**
 * FOOTER
 */
div#footer {
	margin: 14px 10px 0 10px;
}
div#rss {
	float: left; 
	width: 50%; 
	padding: 0;
	line-height: 18px;
}
div#rss img {
	vertical-align: top;
}
div#logos {
	float: right; 
	width: 50%; 
	text-align: right;
}
div#addThis {
	float: left; 
	clear: left; 
	width: 50%;
	padding: 0;
	padding-top: 8px;
}
div#copyright {
	float: left;
	clear: left;
	color: #CEC6C0;
	width: 50%;
	padding: 0;
	padding-top: 6px;
}
div#footer div#logos img {
	margin-left: 10px; 
}
div#footer div#rss, div#footer div#rss a {
	color: #CEC6C0;
}


/**
 * HOME
 */
div#homeTop #rotator {
	float: left;
	width: 730px;
	height: 300px;
	background-repeat: no-repeat;
	z-index: 1;
}
div#homeTop div.rotatorImage0 {
	background-image: url(../images/home/1.jpg) !important;
}
div#homeTop div.rotatorImage1 {
	background-image: url(../images/home/1.jpg) !important;
}

div#homeTop div#welcome {
	padding: 10px 12px 0px 12px;
	float: right;
	text-align: left;
	width: 226px; /* 250 - 12PaddingLeft - 12PaddingRight */
	height: 290px; /* 300 - 10PaddingTop */
	overflow: auto;
	font-size: 0.9em;
	background-color: #3C638B;
	color: #fff;
}
div#homeTop div#welcome p {
	margin-bottom: .8em;
	line-height: 1.1em;
}
div#homeContent {
	float: left;
	width: 780px; /* 800 - 20PaddingLeft */
	padding-top: 14px;
	padding-left: 20px;
}
div#homeContent a {
	color: #B72025;
	font-weight: bold;
}
div#homeTopPanels {
	float: left;
	width: 530px;
	height: 170px;
}
div#homeTopPanels img.first {
	margin-right: 32px;
}
div#homeSidePanels {
	float: right;
	width: 250px;
}
div#homeSidePanels img.third {
	margin-top: 0;
}
div#homeSidePanels img {
	margin-top: 14px;
	display: block;
}
div#homeCopy {
	float: left;
	clear: left;
	width: 510px; /* 530 - 20PaddingRight */
	padding-right: 20px;
}


/**
 * CONTACT PAGES
 */
 
#contactIconsContain {
	width: 550px;
}
#contactIcons div {
	float: left;
	width: 33%;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-bottom: 15px;
}

#contactIcons .holiday-quote {
	background-image: url(../images/contacticons/request.gif);
}
#contactIcons .order-brochure {
	background-image: url(../images/contacticons/brochure.gif);
}
#contactIcons .general-enquiry {
	background-image: url(../images/contacticons/general.gif);
}
#contactIcons .subscribe-newsletter {
	background-image: url(../images/contacticons/newsletter.gif);
}
#contactIcons .holiday-feedback {
	background-image: url(../images/contacticons/feedback.gif);
}
#contactIcons .liveaboard-search {
	background-image: url(../images/contacticons/live.gif);
}

p#regalAddress, p#regalContact {
	float: left;	
	padding-top: 20px;
}
div#contactDetails { clear: left; }
p#regalAddress { width: 170px; }
p#regalContact { width: 300px; }



/**
 * POPUP
 */
 
div#popupMaster {
	width: 500px;
	margin: 20px auto;
	text-align: left;
	background-color: #FAF0E6;
}
div#popupHeader {
	width: 100%;
	position: relative;
	background: url(../images/template/header_top_right_curve.gif) no-repeat 100% 0 #FAF0E6;
	text-align: right;
}
div#popupHeader img#logo {
	margin: 11px 15px 0 0;
}
div#popupContent {
	padding: 0px 15px 10px 15px;
}
div#popupContent p {
	font-size: .9em;
	clear: both;
}

div#popupContent label {
	float: left;
	margin-bottom: .6em;
	text-align: right;
	width: 180px;
	padding-top: 3px;
}
div#popupContent input, div#popupContent textarea {
	float: right;
	margin-bottom: .6em;
	margin-right: 100px;
	width: 170px;
}
div#popupContent textarea {
	height: 80px; }

div#popupFooter {
	clear: both;
	height: 18px;
	width: 100%;
	background: url(../images/template/content_bottom_right_curve.gif) no-repeat 100%;
}
div#popup_bottom_left_curve {
	background: url(../images/template/popop_content_bottom_left_curve.gif) no-repeat;
	height: 18px;
	width: 20px;
}


/**
 * SPECIAL OFFERS
 */

.offerOuter img {
	float: left;
	margin: 0 15px 10px 0;
}
.offerOuter h2 {
	text-transform: none;
	margin-bottom: .7em;
}
.offerOuter p {
	margin-bottom: .7em;
}
.offerInner {
	border-top: 1px solid #8D817B;
	padding: 10px 0 12px 0;
	width: 95%;
}
.worldwide {
	background: url(../images/template/offer_worldwide.gif) no-repeat 100% -1px;
}
.redsea {
	background: url(../images/template/offer_redsea.gif) no-repeat 100% -1px;
}

.offersIndexLink {
	float: left; 
	text-align: right;
}
.offersIndexLink a {
	color: #000 !important;
}

#offersList .offerOuter img {
	width: 130px;
	height: 130px;
}



/**
 * UTILITY
 */

.larger {
	font-size: 1.1em;
}
a.selected { 
	text-decoration: underline;
}
.noTextTransform {
	text-transform: none;
}

/* new forms */

hr.form { margin-bottom: 15px; clear: right; }

#contactform label { float: left; text-align: left; width: 120px; padding-right: 10px; }
#contactform p { clear: both; }

#feedbackform label { float: left; text-align: left; width: 120px; padding-right: 10px; }
#feedbackform p { clear: both; }

#newsform label { float: left; text-align: left; width: 120px; padding-right: 10px; }
#newsform p { clear: both; }

#generalform label { float: left; text-align: left; width: 120px; padding-right: 10px; }
#generalform p { clear: both; }

#availableform label { float: left; text-align: left; width: 120px; padding-right: 10px; }
#availableform p { clear: both; }

div.leftform { float: right; width: 370px; }
div.rightform { float: right; width: 370px; margin-right: 25px; }

div.quarter {
	float: left;
	width: 185px;
	margin-bottom: 15px; }

.formfield, .liveaboardFilterContain select {
	width: 202px; /*total=210px*/
	border: 1px solid #8D817B;
	background-color: #FAF0E6;
	text-size: 0.9em;
	padding: 1px 4px; }

select.formfield, .liveaboardFilterContain select {
	padding: 1px 0;
}
	
.formButton {
	margin-left: 130px;
	padding: 1px 3px;
	font-weight: bold;
	border: 1px solid #8D817B;
	background-image: url(../images/template/buttonBg.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: #F6ECE2;
	margin-top: 20px; }
	
	
/* holiday search */
table#liveaboardsTable th, table#liveaboardsTable td {
	padding: 4px;
	border: 0;
}
table#liveaboardsTable td {
	border-right: 1px solid #5E4F4A;
	color: #5E4F4A;
}
table#liveaboardsTable td a {
	color: #5E4F4A;
}
table#liveaboardsTable th { 
	background-color: #5E4F4A;
	color: #fff;
	text-align: center;
	font-size: 1em;
}
table#liveaboardsTable tr.odd td {
	background-color: #D1C4B4;
}
table#liveaboardsTable td.lastCol {
	border-right: 0;
}

td.center {
	text-align: center !important;
}
form#liveaboardsFilter { padding: 0; margin: 0; }
form#liveaboardsFilter table {
	width: 100%;	
	margin: 0;
}
form#liveaboardsFilter table td {
	border: 0;
	padding: 8px;
	padding-bottom: 0;
}

.red { color: #B72025; }


ul#contactIcons li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 120px;
	text-align: center;
}
ul#contactIcons li img {
	display: block;
	margin: 0 auto 12px;
}
ul#contactIcons li a {
	color: #000;
}



