@charset "utf-8";
/* CSS reset - reset all elements to start afresh! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;	/*vertical-align: baseline;*/ } /* vertical-align baseline was messing up my old Layout view dreamweaver tables */
:focus {outline: 0;} /* remember to define focus styles! */
/*body {line-height: 1;	color: black;	background: white;}*/  /* I don't need this really */
ol, ul {list-style: none;}
table {	border-collapse: separate;	border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {	/*text-align: left;*/	font-weight: normal;} /* text-align: left was messing up some of my tables! */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
/* end CSS reset */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #DDDDDD;
  font-size: 62.5%; /* Reduces 16px browser default to 10px, so now 1em is 10px, 1.2em is 12px etc */
}

a:link, a:visited { text-decoration: underline; color: #06C;}
a:hover, a:active { text-decoration: none; color: #0033FF;}

img {border:none;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

h1 {font-size:2.4em; padding: 0;	margin:15px 10px 10px 10px;}	/* 24 pt */
h2 {font-size:2.1em;	padding: 0;	margin:15px 10px 10px 10px;}	/* 21 pt */
h3 {font-size:1.8em;	padding: 0;	margin:15px 10px 10px 10px;}	/* 18 pt */
h4 {font-size:1.6em;	padding: 0;	margin:15px 10px 10px 10px;}	/* 16 pt */
h5 {font-size:1.4em;	padding: 0;	margin:15px 10px 10px 10px;}	/* 14 pt */
h6 {font-size:1.3em;	padding: 0;	margin:15px 10px 10px 10px;}  /* 13 pt */	
p, ul {	margin: 10px;	font-size:1.2em; }	/* 12 pt */
.text-11pt {	font-size:1.1em; } 					/* 11 pt */
.smalltext, .text-10pt {	font-size:1.0em; } 	/* 10 pt */
.requiredfield {color:#F00;}

.text-briefinfobox {
	font-size:1.0em; 	/* 10 pt */
	letter-spacing:normal !important;
	padding: 4px 0 4px 0;
}

.class-gold {	background-color: #FC3;	padding:2px 5px 2px 5px;	font-weight:bold; color:#000;}
.class-silver {	background-color:#CCC;	padding:2px 5px 2px 5px;	font-weight:bold; color:#000;}
.class-bronze {	background-color:#C90;	padding:2px 5px 2px 5px;	font-weight:bold; color:#000;}
.freenitrox {	background-color:#090;	padding:2px 6px 2px 6px;	font-weight:bold; color:#FF0;}

#wrapper {
	width:970px;
	position:relative;
	margin:5px auto;
	margin-bottom:10px;
	border: 1px solid #000000;
	background-color: #FFFFFF;  
}

#leftcol {
	float: left;
	width: 150px;  /* Width of the left column */ 
	margin: 0;
	/*background: url(../wrecks/images_misc/leftcol_background_1px.jpg) repeat-y;*/
}

#navbreadcrumb 	{
	padding: 5px 0 5px 20px;
	background-color: #33CCFF;
	color: #333;
	font-size: 1.1em; /*11px;*/
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
} 

#navbreadcrumb #thispage {font-weight: bold; padding-left: 0px;}

#content { margin-left: 160px; }

.leftimage{
	float: left; padding: 0;
	margin: 5px 10px 5px 10px;
}

.rightimage{
	float: right; padding: 0;
	clear: right; /* steve added this 07 June 2008 */
	margin: 5px 5px 5px 10px;
}

.center {margin:0 auto; text-align:center;}

.container {
	width: 100%;
	float: right;
	background-color: #FFFFFF;
}

#content .container .googleearth {
	width: 250px; /* note 40px padding */
	background-color:#CCFFFF;
	background-image: url(../misc-images/googleearth_logo.gif);
	background-repeat: no-repeat;
	background-position: 0.5% 50%;
	margin-top:20px;
	padding: 4px 0px 4px 40px;
	border: solid 1px #999999;
	font-size: 1.0em;
	letter-spacing:normal;
}

.prices-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 1px;
	margin: 0px;
	text-align: center;
	background-color: #EEEEEE;
}

.prices-table tr#head {
	font-weight: bold;
	background-color: #CCCCCC;
}

.prices-table td {
	padding: 2px;
}

/* FOOTER start ------------------------------------------------------------------------- */

#footercontainer {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	border: 1px solid #000;
	background-color: #003366;
} 

#footerleft {
	float: left;
	width: 260px;
	text-align: left;
	margin:0;
	padding:0;
	color:#fff;
}
#share {
	background:url(../misc-images/footer_share_bg.gif) no-repeat left center;
	width:252px;
	height:26px;
	margin:5px 0 5px 9px;
	padding-top:1px; /* needs this */
}
#share p {margin:0; padding:5px;font-size:11px;float:left;}
#share div.addthis_toolbox {float:left;background-color:#fff; border:1px solid #000; margin:2px 0 0 5px; padding:1px 2px 1px 2px;}
#follow {
	background:url(../misc-images/footer_follow_bg.gif) no-repeat left top;
	width:252px;
	height:32px;
	margin:5px 0 5px 9px;
}
#follow p, #follow img {float:left;padding:0; }
#follow p {margin:9px 0 0 5px;font-size:11px;}
#follow img{margin: 4px 0 0 6px;}

#footerright {
	float: right;
	width: 190px;
	padding-right: 10px;
}
#footerright p {font-size:11px; color:#fff; padding:0;margin:8px 5px;}
#footer-nautilus-bg {
	background:url(../misc-images/footer_nautilus_bg.jpg) no-repeat left top;
	height:36px;
}
#footer-nautilus-bg p {
	font: normal 11px Verdana, Geneva, sans-serif;
	color:#fff;
	padding:4px 0 0 50px;
	margin:0;
	text-align:left;
}
#footer-nautilus-bg a:link, #footer-nautilus-bg a:visited {	text-decoration: underline;	color: #CFF;}
#footer-nautilus-bg a:hover, #footer-nautilus-bg a:active {	text-decoration: none;	color:#9FF; font-weight:normal;}
.letterspace3px {letter-spacing:3px;}

#footermain {
	margin-left:380px;
}
#footer-atol-bg {
	background:url(../misc-images/footer_atol_bg.gif) no-repeat left top;
	height:60px;
	width: 227px;
	margin-top:7px;
}
#footer-atol-bg img {
	float:left;
	width:60px;
}
#footer-atol-bg p {
	font: normal 11px Verdana, Geneva, sans-serif;
	color:#fff;
	padding:10px 6px 0 70px;
	margin:0;
}

a.tip {	border-bottom: 1px dashed;	text-decoration: none;}
a.tip:hover {	position: relative;	cursor: help;}
a.tip span {display: none;}
a.tip:hover span {
		display: block;
   	position: absolute; top: 10px; left: 0;
   	padding: 5px; margin: 8px; z-index: 100;
   	border: 1px dotted #c0c0c0;
    text-decoration: none;
		font-weight:normal;
		color:#000033;
		padding-right: 20px;
		background: #f0f0f0 url(../misc-images/icons/icon_info.gif) 100% 2% no-repeat;
		width: 500px;
}

a.tip-extrainfo:hover {	position: relative;	cursor: help;}
a.tip-extrainfo span {	display: none;}
a.tip-extrainfo:hover span {
		display: block;
   	position: absolute; top: 10px; left: 70px;
   	padding: 8px; margin: 5px; z-index: 100;
   	border: 2px dotted #666600;
    text-decoration: none;
		font-weight:normal;
		color:#000033;
		background: #f0f0f0;
		width: 570px;
}

.rounded-green-malaysia {
	margin-top:20px;
	margin-right:10px;
  background-color: #669933;
  -webkit-border-radius: 6px;    						/* for Safari */
	-webkit-border-bottom-right-radius:0px;		/* for Safari */
	-webkit-border-top-left-radius:0px;				/* for Safari */
  -moz-border-radius: 6px;       						/* for Firefox */
	-moz-border-radius-bottomright:0px;				/* for Firefox */	
	-moz-border-radius-topleft:0px;						/* for Firefox */	
}

.rounded-greenlt-malaysia {
	margin-top:25px;
	margin-right:10px;
  background-color:#99CC99;
  -webkit-border-radius: 6px;    						/* for Safari */
	-webkit-border-bottom-right-radius:0px;		/* for Safari */
	-webkit-border-top-left-radius:0px;				/* for Safari */
  -moz-border-radius: 6px;       						/* for Firefox */
	-moz-border-radius-bottomright:0px;				/* for Firefox */	
	-moz-border-radius-topleft:0px;						/* for Firefox */	
}


/* Used in Contact Us page and Special Offer page */
.heading-background {	
	margin-top:15px;
	margin-right:10px;
  background-color:#09C;
}
.heading-background.green {background-color:#693;}
.heading-background.yellow {background-color:#C93;}
.heading-background.pink { background-color:#FF5E5E; }
.heading-background.turquoise { background-color:#00E1E1; }

.subheading-background {	
	margin-top:25px;
	margin-right:10px;
  background-color:#09C;
}
h2.text-heading-main {font-size:1.6em; font-weight:normal; padding:10px 0 10px 0; margin: 0 0 0 10px;}

.contactus-intro {
	background:url(../misc-images/icons/divers-icon.jpg) no-repeat left center;
	padding-left:40px;
	margin:20px 0 25px 10px;
}

.phone-icon {	background:url(../misc-images/icons/icon-phone.png) no-repeat 7px center;	padding-left:50px;}
.bookingconditions-icon {	background:url(../misc-images/icons/bookingconditions-icon.jpg) no-repeat 7px center;	padding-left:50px;}
.insurance-icon {	background:url(../misc-images/icons/insurance-icon.jpg) no-repeat 7px center;	padding-left:50px;}
.email-icon {	background:url(../misc-images/icons/email-icon.png) no-repeat 7px center;	padding-left:50px;}
.pen-paper-icon {	background:url(../misc-images/icons/pen-paper-icon.png) no-repeat 7px center;	padding-left:50px;}
.form-icon {	background:url(../misc-images/icons/form-icon.png) no-repeat 7px center;	padding-left:50px;}
.bullet-aqualogo {	background:url(../misc-images/icons/bullet-aqualogo.jpg) no-repeat left center;	padding-left:50px;}
p.address {float:left; padding-left:140px; margin-top:-46px;}

/* end */



/* ------------------------------ Start of NavBar CSS ------------------------------- */
/* The original version is available at http://www.cssplay.co.uk/menus/anywidth2.html */
#navbar-holder {
	background:url(../misc-images/navbar/navbar-background.jpg) no-repeat center top;
	height:94px; margin:0;padding:0;
	position:relative; z-index:1000; /* required for IE so that the navbar dropdowns stay visible over the top of DD_roundies headings, such as used on Snefro pages */
}

#navbar-menu {padding: 12px 0 0 187px; }

#navbar-menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#navbar-menu ul {display:inline-block;} 

#navbar-menu li {margin:0; padding:0; list-style:none;}
#navbar-menu li {display:inline-block; display:inline;}
#navbar-menu ul ul {position:absolute; left:-9999px;}
#navbar-menu ul.level1 {margin:0 auto;}

#navbar-menu ul.level1 li.level1-li {float:left; display:block; position:relative; margin-left:5px;}

#navbar-menu ul.level1 li.level1-li#homeli {background:url(../misc-images/navbar/tab-home.png) no-repeat 0 0; width:57px;}
#navbar-menu ul.level1 li.level1-li#destli {background:url(../misc-images/navbar/tab-dest.png) no-repeat 0 0; width:117px;}
#navbar-menu ul.level1 li.level1-li#livali {background:url(../misc-images/navbar/tab-liva.png) no-repeat 0 0; width:173px;}
#navbar-menu ul.level1 li.level1-li#diveli {background:url(../misc-images/navbar/tab-dive.png) no-repeat 0 0; width:114px;}
#navbar-menu ul.level1 li.level1-li#specli {background:url(../misc-images/navbar/tab-spec.png) no-repeat 0 0; width:105px;}
#navbar-menu ul.level1 li.level1-li#abutli {background:url(../misc-images/navbar/tab-abut.png) no-repeat 0 0; width:77px;}
#navbar-menu ul.level1 li.level1-li#contli {background:url(../misc-images/navbar/tab-cont.png) no-repeat 0 0; width:89px;}
#navbar-menu ul.level1 li.level1-li a:hover {color:#fff;}

#navbar-menu ul.level1 li.level1-li#homeli:hover,
#navbar-menu ul.level1 li.level1-li#destli:hover,
#navbar-menu ul.level1 li.level1-li#livali:hover,
#navbar-menu ul.level1 li.level1-li#diveli:hover,
#navbar-menu ul.level1 li.level1-li#specli:hover,
#navbar-menu ul.level1 li.level1-li#abutli:hover,
#navbar-menu ul.level1 li.level1-li#contli:hover {background-position:0px -25px;}

#navbar-menu ul.level1 {}
#navbar-menu ul.level2 {
	background-color:#46C2FF;
	border:2px groove #666;
	-moz-border-radius:5px;
	padding-top:5px;
}
#navbar-menu ul.level3 {
	background-color:#5ED7FF;
	border:2px groove #666;
	-moz-border-radius:5px;
}

#navbar-menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#navbar-menu a {display:block; font:normal 12px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none;padding:0 10px;}
#navbar-menu ul.level1 a {padding-left:9px;}
#navbar-menu ul.level1 a.drop {padding-left:13px;}
#navbar-menu ul.level2 a,
#navbar-menu ul.level3 a {line-height:20px; font-size:11px;}

#navbar-menu ul.level1 li.level1-li a.level1-a {float:left; margin-top:-2px;padding-bottom:2px;} /* Added this to align top list more */

#navbar-menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#navbar-menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-22px;}

#navbar-menu a:hover ul {left:0; top:23px;}

#navbar-menu a:hover a:hover ul, 
#navbar-menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}

#navbar-menu a:hover ul ul, 
#navbar-menu a:hover a:hover ul ul {left:-9999px;}

#navbar-menu li.level1-li a.drop {background:transparent url(../misc-images/navbar/arrow-drop.gif) no-repeat 3px center;}
#navbar-menu li.level1-li a.drop:hover {background-image:url(../misc-images/navbar/arrow-drop-white.gif);}

#navbar-menu li a.fly {background:transparent url(../misc-images/navbar/arrow2.gif) no-repeat right center;}
#navbar-menu li a.fly:hover {background-image:url(../misc-images/navbar/arrow2-white.gif);}
 
#navbar-menu li:hover > a,
#navbar-menu ul li:hover > a.fly {color:#fff;}
#navbar-menu ul.level2 li:hover > a,
#navbar-menu ul.level2 li:hover > a.fly {background-color:#0091D7;}

#navbar-menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#navbar-menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


/* Navbar FORM (email newsletter join) CSS */
form#navbarform {
	font: 11px Verdana, Geneva, sans-serif;
	color:#003;
	width:200px;
	margin-top:15px;
	margin-left:250px;
}

form#navbarform label {
	display:block;
	margin-bottom:3px;
}

form#navbarform input#itkthh-itkthh {
	font:10px Verdana, Geneva, sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#FFF;
	width:160px;
}

form#navbarform input#itkthh-itkthh:hover, form#navbarform input#itkthh-itkthh:focus {
	background-color:#CFF;
}

form#navbarform input#navbarsubmit {
	float:right;
	width:24px;
	background:url(../misc-images/navbar/tick.png) no-repeat left top;
	border:none;
	height:22px;
	padding-top:22px;
	margin-right:8px;
	overflow:hidden;
}
form#navbarform input#navbarsubmit:hover {	background-position: 0 -25px;	cursor:pointer;}
/* --------------------- end of NavBar CSS ------------------------------- */

/* ------------ Start of Join Newsletter form CSS (on Contact Us page) ---------- */
div#newsletter-holder {
	float:right;
	width:262px;
	background:url(../misc-images/contact-page/newsletter_bg.jpg) no-repeat center top;
	height:210px;
	margin: 25px 10px 0 20px;
	}
div#newsletter-holder h3 {font-size:1.5em; font-weight:normal; padding:9px 0 0 0;margin-top:0;}

form#newsletter  {margin-left:6px;}
form#newsletter p {clear:both; font-size:10px; padding:0; margin: 3px 0;}

form#newsletter label.name-email {float:left;width:32px;clear:left; position:relative; top:5px;}
form#newsletter input.name-email {float:left;margin-left:10px;width:180px; font-size:11px; height:13px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#fff; margin-top:2px;}

form#newsletter .rightcol {float:left;width:134px; }
form#newsletter .leftcol {float:left;width:120px; }
form#newsletter .leftcol label, form#newsletter .rightcol label {position:relative; top:-2px; left:-3px;}
form#newsletter input.checkbox {margin:1px 0 1px 0; padding:0; } 

form#newsletter input:hover, form#newsletter input:focus {background-color:#CFF;}

form#newsletter input.submit {
	clear:both;
	margin: 1px 0 5px 60px;
	font-size:11px;
	background:url(../misc-images/subscribe-me.png) no-repeat left top;
	border:none;
	height:22px;
	padding-top:22px;
	overflow:hidden;
}
form#newsletter input.submit:hover {	background-position: 0 -22px;	cursor:pointer;}
/* -------------- end of Join newsletter form CSS ------------------------------- */

/* ------------ Start of Enquiry Form CSS (on Contact Us page) ---------- */

.form-spacer {margin:3px auto; width:99%; border-bottom:2px solid #ddd; height:2px; padding:0;}

form#enquiryform { margin-left:10px;}

form#enquiryform fieldset {
	background:url(../misc-images/contact-page/bg_form.png) repeat;
	border:1px solid #369;
	padding: 0 5px 5px 5px;
	margin:0;
	height:262px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

form#enquiryform h6 {
	font: bold 11px Verdana, Geneva, sans-serif;
	margin: 4px 0 7px 0;
	padding:0;
	color:#06C;
}

form#enquiryform label {
	font-size:11px;
	float:left; 
	width:95px;
	margin:1px 0 0 0; /* See ie7-fix.css */
}
form#enquiryform label#optin-label {width:93%; margin-top:5px;}
form#enquiryform label.checkbox-Qs {width:240px;}
form#enquiryform label#contactmethod-label {width:110px;}
form#enquiryform label.dest-label {width:13px;}
form#enquiryform select#Destination1, form#enquiryform select#Destination2, form#enquiryform select#Destination3 {
	float:left;
	width:127px;
	margin-right:10px;
}
form#enquiryform label.holdetails {width:188px;}


form#enquiryform input, form#enquiryform textarea, form#enquiryform select {
	font: normal 11px Verdana, Geneva, sans-serif;
	margin:0 0 1px 0; /* See ie7-fix.css */
	padding:0;
	background-color:#fff;
	-moz-border-radius:3px; -webkit-border-radius:3px;
}

form#enquiryform input#mailinglist_optin {float:right; margin-top:6px; } /* See ie7-fix.css */
form#enquiryform input#POW, form#enquiryform input#GROUP, form#enquiryform input#NON-DIVER {float:right; margin-right:175px;clear:right;} /* See ie7-fix.css */


form#enquiryform input.formfield {width: 120px; } /* See ie7-fix.css */
form#enquiryform input#Title, form#enquiryform input#postcode {width: 65px; }
form#enquiryform input.holdetails {width: 220px; }

form#enquiryform input:hover, form#enquiryform input:focus, form#enquiryform textarea:hover, form#enquiryform textarea:focus, form#enquiryform select:hover, form#enquiryform select:focus {
	background-color:#CFF; -moz-border-radius:6px; -webkit-border-radius:6px;
}

form#enquiryform textarea#comments {width:420px; height:30px;}


form#enquiryform input.submit {
	float:right;
	width:112px;
	clear:both;
	margin:-92px 16px 0 0;
	font-size:11px;
	background:url(../misc-images/contact-page/send-enquiry.png) no-repeat left top;
	border:none;
	height:22px;
	padding-top:22px;
	overflow:hidden;
}
form#enquiryform input.submit:hover {	background-position: 0 -22px;	cursor:pointer;}
/* -------------- end of Enquiry Form CSS ------------------------------- */


/* --------------------  start of Art Promo boxes CSS  ------------------ */
div.artpromo-holder {
	position:absolute;
	width:150px;
	height:220px;
}
div.artpromo-holder#gozo {right:20px;	margin-top:40px;}
div.artpromo-holder#egyptSB-holder {right:0px;	margin-top:10px;}

div.artpromobox {
	position:fixed;
	width:150px;	height:220px;
	background:url(../misc-images/artpromo/bg_artpromo1.jpg) no-repeat left top;
	text-align:center;	padding:0;	margin:0;
}
div.artpromobox#egyptSB-box {position:static;} /*because the SideBar is already Position:Fixed, this causes probs for other broswer*/

div.artpromobox h5 {
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #036;	margin:0;
	padding:6px 0 10px 0;
}
div.artpromobox img.artpic {
	border:1px solid #fff; padding:0; margin:0;
	width:136px; height:136px;
}
div.artpromobox img.artzoom {
	position:absolute;
	z-index:24; /* positions magnifying glass over the top of the images. */
							/* Note: the image cycle positions itself as (No of images = Z-index, so my Z-index above must be No of images + 1 */
	top:157px;
	right:-5px;
}
div.artpromobox p {
	font: normal 11px Verdana, Geneva, sans-serif;	color: #000;
	margin:0;	padding:3px 0 0 0;
}

/* jQuery tooltip css. See:   http://jquery.bassistance.de/tooltip/demo/   */
#tooltip  {	position: absolute;	z-index: 3000;}
#tooltip.artpic {  /* This is referenced by Javascript code [ extraClass: "artpic", ] and applies specific styles to this tooltip */
	border: 1px solid #069;
	background-color:#CFF;padding:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

/* jQuery Art Promo box cycle CSS  (rotates & randomises images). See: http://jquery.malsup.com/cycle/   */
div.artcycle { 
	width: 138px; /* 136px for image width/height + 2px for border width */
	height: 138px;
	margin: auto;
	background-color:#000; /* matching background colour to bg colour of images being displayed overcomes fade glitch with IE */
}

/* --------------------- end Art Promo Boxes --------------------------- */

/* Start of ImgCycle Maldives image cycle box */
div.imgcycle-holder {
	float:right;
	/*width: 470px;*/
	margin: 0 5px 0 10px;
}
/* jQuery Art Promo box cycle CSS  (rotates & randomises images). See: http://jquery.malsup.com/cycle/   */
div.imgcycle { 
	/*width: ;*/ 
	/*height: ;*/
	/*margin: auto;*/
	background-color:#fff; /* matching background colour to bg colour of images being displayed overcomes fade glitch with IE */
}

/* end of ImgCycle Maldives image cycle */


/* --------------------- Start Special Offer page stuff -------------------- */

div.specialoffer {  /* blue background image as standard */
	position:relative;
	float:left;
	width:389px; /* bgimage is 395px, so width 389px + 6px for right/left padding  */
	height:157px; /* bgimage is 167px, so height 157px + 10px for top/bottom padding */
	padding: 5px 1px 5px 5px;
	background: url(../misc-images/specials/bg_specialoffer_blue.jpg) no-repeat left top;
	margin: 4px 10px 2px 0px;
	overflow:hidden;
}
div.specialoffer.green {background-image:url(../misc-images/specials/bg_specialoffer_green.jpg);}
div.specialoffer.yellow {background-image:url(../misc-images/specials/bg_specialoffer_yellow.jpg);}
div.specialoffer.pink {background-image:url(../misc-images/specials/bg_specialoffer_pink.jpg);}
div.specialoffer.turquoise {background-image:url(../misc-images/specials/bg_specialoffer_turquoise.jpg);}

div.specialoffer img.SO-img {border:1px solid #333; float: left; width:133px; height:100px;margin-right:8px;margin-bottom:50px;}
div.specialoffer img.SO-img:hover { border-color:#9FF; }
div.specialoffer img.offerbanner { position:absolute; top:0px; right:0px; width:93px; height:57px;}
div.specialoffer p {font-size:11px; margin:1px 0; padding:0;}
div.specialoffer p.SO-name {font-size:13px;font-weight:bold; color:#036; margin-top:0;padding-top:0;}
div.specialoffer p.SO-region {background:url(../misc-images/specials/stars.png) no-repeat; }
div.specialoffer p.SO-itinerary {}
div.specialoffer p.stars5 {background-position: 143px 1px; padding-left:206px;}
div.specialoffer p.stars4 {background-position: 143px -11px; padding-left:195px;}
div.specialoffer p.stars3 {background-position: 143px -23px; padding-left:184px;}
div.specialoffer p.SO-date {font-weight:bold; }
div.specialoffer p.SO-price {font-size:12px;font-weight:bold; color:#F00; margin-bottom:3px;}
p.SO-price span.flightincluded {background: url(../misc-images/specials/flightincluded.png) no-repeat left top; height:14px; overflow:hidden; padding-left:27px; color:#0C0; font-size:10px; margin-left:10px;}
p.SO-price span.flightextra {background: url(../misc-images/specials/flightincluded.png) no-repeat left -16px; height:14px; overflow:hidden; padding-left:27px; color:#600; font-size:10px; margin-left:10px;}
div.specialoffer p.SO-desc { line-height:12px;}
div.specialoffer p.SO-info {
	position:absolute;
	width:115px;
	top: 126px;	left:5px;
	font-size:10px;  
	background:url(../misc-images/specials/bg_make-an-enquiry.png) no-repeat 0px top;
	height:15px; overflow:hidden;
	padding: 2px 6px 5px 19px;
}
div.specialoffer p.SO-enquiry {
	position:absolute;
	width:115px;
	top: 145px;	left:5px;
	font-size:10px;  
	background:url(../misc-images/specials/bg_make-an-enquiry.png) no-repeat 0px top;
	height:15px; overflow:hidden;
	padding: 2px 6px 5px 19px;
}
p.SO-info a, p.SO-enquiry a {text-decoration:none; padding:5px 0;}
div.specialoffer p.SO-enquiry:hover, div.specialoffer p.SO-info:hover {background-position: 0px -25px;}

h2.heading-bgrounded {font-size:12px;margin:0; padding: 10px 0 3px 13px; color:#fff; }

a.search-monthbreak {
	float:left;
	width:97.5%;
	background-color:#CCC;
	border:1px solid #999;
	padding:1px 5px;
	margin: 12px 0 0 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

div.search-options {
	background-color:#bbb;
	border: 1px solid #999;
	width:140px;
	color: #fff;
	margin: 45px 5px 0px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	
h4.search-options {
	font: 12px Verdana, Geneva, sans-serif; font-weight: bold;
	margin:0; padding: 10px 0 0 4px;}

ul.search-options {margin-left:4px;}
	
ul.search-options li {
	background: url(../misc-images/specials/sort_arrow_down.gif) no-repeat left 2px;
	font-size:10px;
	padding-left: 14px;
	padding-right:0px;
	margin-bottom:4px;
	margin-top:4px;
}
ul.search-options li a {text-decoration:none; }	
ul.search-options li a:hover {background-color:#ddd;}	

/* --------------------- End Special Offer page stuff -------------------- */

/* ---------- Start of Popup Modal special offer page stuff ------------ */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
/*height:335px;*/
width:408px;
background:#EEE;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:20px;
font-weight:normal;
border-bottom:1px dotted #D3D3D3;
padding:0;
margin:0px 0 10px 0;
}
#popupContact h3{
text-align:left;
color:#333;
font-size:14px;
font-weight:normal;
padding:0;
margin:10px 0 10px 0;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

form#modal-form {
	text-align: left;
	margin: 0px 5px 0 5px;
	background-color:#ddd;
	border:1px solid #999;
		-moz-border-radius:7px;
  	-webkit-border-radius: 7px;
}
form#modal-form fieldset {border:none;	padding:0 5px 5px 5px;}

form#modal-form label {
	clear:left; /* to stop the labels getting caught on each other sometimes */
	float:left; 
	width:95%;
	margin-top:2px;
	font-size:11px;
	font-weight:bold;
}

form#modal-form input, form#modal-form textarea, form#modal-form select {
	font: normal 11px Verdana, Geneva, sans-serif;
	margin:0 0 3px 0;
	padding:0;
	background-color:#CFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
form#modal-form input.formfield {width:95%;}
form#modal-form.contactform input.formfield {width:120px;}
form#modal-form input:hover, form#modal-form input:focus, form#modal-form textarea:hover, form#modal-form textarea:focus, form#modal-form select:hover, form#modal-form select:focus {
	background-color:#FFD;
}
form#modal-form textarea#additionalinformation {width:95%;height:80px;}


form#modal-form input.submit {
	/*float:right;*/
	width:112px;
	clear:both;
	margin:0;
	font-size:11px;
	background:url(/misc-images/contact-page/send-enquiry.png) no-repeat left top;
	border:none;
	height:22px;
	padding:22px 0 0 0;
	overflow:hidden;
}
form#modal-form input.submit:hover {	background-position: 0 -22px;	cursor:pointer;}


/* ---------- End of Popup Modal special offer page stuff ------------ */


img.hoverborderliva {
	border:3px solid #FFF;
	margin:5px;
}

a img.hoverborderliva:hover {  /* border applied to all images in class, but only shower hover for images preceeded with an 'a' tag */
	border: 3px solid #6CF;
}