@import url("reset.css");
@import url("nav.css");
@import url("slideshow.css");

body {
	color: #888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	background: url(../img/back.gif) center;
	}
	
* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
	
a:link, a:visited, a:active  {color:#7e9bbe; text-decoration:none;}
a:hover {color:#7e9bbe; text-decoration:underline;}

img, object {display:block;}
	
div#wrapper {
	font-size:0.9em;
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0; 
	background-color:#fff;
	}	
	
	div#wrapper:after {
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
		content:".";
	}
	
div#grad {
	height:100%;
	margin:0 auto;
	padding:0;
	background: url(../img/grad.gif) no-repeat center top;
	}

	div#grad:after {
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
		content:".";
	}

	
#header {
	height:100px;
	width:960px;
	background: url(../img/header.gif) repeat-x #012349;
	position: relative;
	}
	
div.logo {width:393px; height:79px; cursor:pointer; background: url(../img/logo.gif);}
h1.logo span {position:absolute; left: -1000em;}
div.logo a {width:393px; height:79px; display:block}

div.phoneNo {width: 155px; height: 32px; position:absolute; top:23px; right:61px; background:url(../img/phoneNo.gif)}
div.phoneNo span {position:absolute; left: -1000em;}
div.phoneNo a {width:155px; display:block}

div.hero {height: 333px; background-color: #e7ecf2;}

div#content {
	float:left; 
	width: 960px;
	background:url(../img/contentBack.jpg) no-repeat;
	}
	
div#content p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 5px 0 10px 0;
	}
	
div.homeContent {
	padding: 40px 320px 0 60px;
	background:url(../img/petals.jpg) no-repeat;
	color: #888888;
	}
	
div.infoContent {padding-right: 60px;}
	
	
div.homeContent a:link, div.homeContent a:visited, div.homeContent a:active  {text-decoration:underline;}
a:hover {color:#a5c0e1;}

div.mContent {
	float:left;
	width:645px;
	margin: 40px 0 0 60px;
	display:inline;
	}
	
div.mContent a:link, div.mContent a:hover, div.mContent a:visited {text-decoration: underline;}

body.brochurePage div.mContent, body.pricelistPage div.mContent {height: 280px}
	
div.rContent {
	position:relative;
	float:left;
	width:195px;
	padding: 45px 0 0 16px;
	}
	
div.shadow {position: absolute; top: 0; left: 0; height: 313px; width: 11px; background:url(../img/rightcolBack.gif) no-repeat}

body.bookingPage ol {font-size:1.1em;}
body.bookingPage ol li {padding: 5px 0;}

/* HEADER NAVIGATION */
ul.headernav {position:absolute; top:64px; right:53px; }
ul.headernav li {height:9px;border-right:none; float:left;}
ul.headernav li span {position:absolute; left: -1000em;}
ul.headernav li.first {border-left:none;}

ul.headernav li.brochureButton, ul.headernav li.brochureButton a {display:block; width:99px; height:11px; background:url(../img/brochure.gif) 0% 0% no-repeat}
ul.headernav li.brochureButton a:hover{ background-position:0% 100%}

ul.headernav li.contactButton, ul.headernav li.contactButton a {display:block; width:64px; height:11px; background:url(../img/contact.gif) 0% 0% no-repeat}
ul.headernav li.contactButton a:hover {background-position:0% 100%}

/* MAIN NAVIGATION */
ul#nav {
	float:left;
	width: 926px;
	height: 56px;
	padding-left: 34px;
	background:url(../img/nav/navBack.jpg);
}

ul#nav li, ul#nav li a {display:block; float:left; height: 57px;}

ul#nav li.home a {width:96px; background:url(../img/nav/home.gif)}
ul#nav li.home a:hover {background:url(../img/nav/home.gif) 0 50%}
body.homePage ul#nav li.home a, 
body.homePage ul#nav li.home a:hover {background:url(../img/nav/home.gif) 0 100%}

ul#nav li.wedding a {width:141px; background:url(../img/nav/wedding.gif)}
ul#nav li.wedding a:hover {background:url(../img/nav/wedding.gif) 0 50%}
body.weddingPage ul#nav li.wedding a, 
body.weddingPage ul#nav li.wedding a:hover {background:url(../img/nav/wedding.gif) 0 100%}

ul#nav li.renew a {width:163px; background:url(../img/nav/renew.gif)}
ul#nav li.renew a:hover {background:url(../img/nav/renew.gif) 0 50%}
body.renewPage ul#nav li.renew a, 
body.renewPage ul#nav li.renew a:hover {background:url(../img/nav/renew.gif) 0 100%}

ul#nav li.extra a {width:146px; background:url(../img/nav/extra.gif)}
ul#nav li.extra a:hover {background:url(../img/nav/extra.gif) 0 50%}
body.extraPage ul#nav li.extra a, 
body.extraPage ul#nav li.extra a:hover {background:url(../img/nav/extra.gif) 0 100%}

ul#nav li.destinations a {width:130px; background:url(../img/nav/destinations.gif)}
ul#nav li.destinations a:hover {background:url(../img/nav/destinations.gif) 0 50%}
body.destinationsPage ul#nav li.destinations a, 
body.destinationsPage ul#nav li.destinations a:hover {background:url(../img/nav/destinations.gif) 0 100%}

ul#nav li.next a {width:130px; background:url(../img/nav/next.gif)}
ul#nav li.next a:hover {background:url(../img/nav/next.gif) 0 50%}
body.nextPage ul#nav li.next a, 
body.nextPage ul#nav li.next a:hover {background:url(../img/nav/next.gif) 0 100%}

ul#nav li span {position:absolute; left: -1000em;}


/* RIGHT-HAND NAVIGATION */

ul.rightNav {color:#8b8178; width:180px; padding: 2px 0 3px 0;}
ul.rightNav a, ul.rightNav a:visited, ul.rightNav a:hover {color: #4c637e;}
ul.rightNav li.first {border-top:none;}
ul.rightNav li {border-top: #e5e5e5 solid 1px; padding: 4px 0 5px 0}


ul.bullets {padding-bottom: 15px;}
ul.bullets li {line-height: 1.2em; float:none; width:415px; margin-bottom:0; padding-left: 10px; background:url(../img/bullet.gif) no-repeat; height:auto;}


/* FOOTER ELEMENTS */
div#mfooter {
	color: #4c637e;
	float:left; 
	width:840px;
	margin: 24px 35px 0 45px;
	padding: 20px 15px 0 15px;
	background:url(../img/footer/footerTop.gif) top no-repeat;
	display:inline;
	}
	
div#mfooter a, div#mfooter a:visited, div#mfooter a:hover  {color: #4c637e;}
div#mfooter ul li {line-height:1.9em; margin-right: 20px; float:left;}
div#mfooter ul li h5 {font-weight:bold;}
div#mfooter ul li ul li {font-weight: normal}
div#mfooter ul li {width:160px;}
div#mfooter ul li li {width:160px; margin-right: 0;}

div#mfooter ul li.sea {}
div#mfooter ul li.renew, div#mfooter ul li.renew li {width: 145px}
div#mfooter ul li.extra {}
div#mfooter ul li.destinations {}
div#mfooter ul li.next, div#mfooter ul li.next li {width: 105px}

div#footer {
	color:#6785a9;
	float:left;
	width:840px;
	margin: 11px 45px 0 45px;
	padding: 28px 15px 30px 15px;
	background:url(../img/footer/footerBottom.gif) top no-repeat;
	display:inline;
	}	
div#footer li {padding-left:15px;}
div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover  {color:#6785a9;}

p#copyright {float:left; width:300px;}
	
ul.bottomNav {float:right; width:500px;}	
ul.bottomNav li {float:right; padding-left:5px;}
	
.hidden {position:absolute; left: -1000em; width:20em;}


/* TRAFFIC DRIVER PANEL */

div#content ul.trafficContent p {font-size: 1.0em;}
	
body.homePage ul.trafficContent {
	color: #555555;
	float:left;
	clear:both;
	padding:30px 0 20px 40px; 
	margin-top: 10px;
	width:900px;
	background-image:url(../img/trafficInfoBack.gif)
	}
	

body.renewPage ul.trafficContent,
body.destinationsPage ul.trafficContent,
body.weddingPage ul.trafficContent,
body.extraPage ul.trafficContent,
body.nextPage ul.trafficContent {
	color: #555555;
	float:left;
	clear:both;
	width:640px;
	height:230px;
	padding-top: 11px; 
	margin-top: 20px;
	background:url(../img/trafficShortBack.gif) no-repeat
	}
	
div#content ul.trafficContent p a, div#content ul.trafficContent p a:hover, div#content ul.trafficContent p a:visited {font-weight: bold; display:block; text-decoration:none}
ul.trafficContent li {float:left; margin: 0 20px 0 20px; width:180px; display:inline;}
ul.trafficContent li.first {margin: 0 20px 0 0;}
body.pageExperience ul.trafficContent li.l {float:left; margin: 0 20px 0 15px; width:180px; display:inline;}
ul.trafficContent img {padding: 15px 0 7px 0;}

/* MAIN CONTENT ELEMENTS */
div.mContent span.arrowLink a {font-weight: bold; display:block; padding-left: 20px; margin-top:5px; background:url(../img/slidelinkArrow.gif) 0 2px no-repeat}
div.mContent span.arrowLink a, div.mContent span.arrowLink a:visited {text-decoration:none}

.linkHolder {padding-top: 10px;}

div#content p.notes {font-size: 0.9em; padding:10px 0 20px 0;}

ul.bulletList {padding: 10px 0 20px 0}
ul.bulletList li {font-size: 1.1em; line-height: 1.2em; padding: 5px 0 5px 20px; background:url(../img/bullet.gif) no-repeat 7px 5px;}
ul.bulletList li ul li {font-size: 1.0em;}

/* FAQS */
ul.questions {padding-top:6px;}
ul.questions li {
	position: relative; 
	width:593px; 
	padding:11px 0 4px 57px; 
	background:url(../img/listWideBack.gif) bottom no-repeat;
	}
	
ul.questions h5 {font-size:1.0em; width:580px; padding: 2px 0 4px 0; margin-bottom:7px; border-bottom: #e5e5e5 solid 1px;}
ul.questions h5 a, ul.questions h5 a:visited, ul.questions h5 a:hover {color: #4c637e;}

/* T AND Cs */
body.tandcPage {padding-top: 20px;}
body.tandcPage div#wrapper {width: 600px}
body.tandcPage div#content {width: 600px; background-image:none;}

body.tandcPage h4, body.tandcPage h5 {color:#7e9bbe; margin-top:10px}
body.tandcPage h5 {font-weight:bold;}
body.tandcPage ol {margin-top:0}

body.tandcPage table {width:500px; margin: 10px 0}
body.tandcPage th {border: #ccc 1px solid; font-weight: bold; color: #fff}
body.tandcPage td {border: #ccc 1px solid; border-top: none}

body.tandcPage td, body.tandcPage th {padding: 3px 3px 3px 5px;}
body.tandcPage th {background-color:#7e9bbe;}

/* HEADERS */
h1 {font-size:23px; color:#7090b7;}

h2 span, h3 span, ul.trafficContent h3 span, ul.trafficContent h4 span {position:absolute; left: -1000em;}

h2 {height: 30px; padding-bottom: 3px; color:#999999; font-size:18px;}
h3 {height: 18px; padding-bottom: 10px; margin-bottom:5px; font-size:18px; color:#999999;}
h4 {font-size: 1.2em; color:#7e9bbe; font-weight:bold; margin-top:15px}
h5 {font-weight:bold; font-size: 1.1em; margin-top: 5px;}

ul.trafficContent h3 {height: 18px; padding-bottom: 0; margin-bottom:1px;}
ul.trafficContent h4 {height: 12px; margin-top:0;}

ul.trafficContent h3, ul.trafficContent h3 a {width:180px; height: 19px; display:block}
ul.trafficContent h4, ul.trafficContent h4 a {width:180px; height: 12px; display:block}

/* h2 backgrounds */
h2.booking {background:url(../img/header/booking.gif) no-repeat}
h2.brochure {background:url(../img/header/brochure.gif) no-repeat}
h2.cake {background:url(../img/header/cake.gif) no-repeat}
h2.canary {background:url(../img/header/canary.gif) no-repeat}
h2.caribbean {background:url(../img/header/caribbean.gif) no-repeat}
h2.celebrateStyle {background:url(../img/header/celebrateStyle.gif) no-repeat}
h2.celebrations {background:url(../img/header/celebrations.gif) no-repeat}
h2.checklist {background:url(../img/header/checklist.gif) no-repeat}
h2.contact {background:url(../img/header/contact.gif) no-repeat}
h2.destinations {background:url(../img/header/destinations.gif) no-repeat}
h2.excursions {background:url(../img/header/excursions.gif) no-repeat}
h2.faqs {background:url(../img/header/faqs.gif) no-repeat}
h2.fleet {background:url(../img/header/fleet.gif) no-repeat}
h2.flowers {background:url(../img/header/flowers.gif) no-repeat}
h2.gift {background:url(../img/header/gift.gif) no-repeat}
h2.honeymoon {background:url(../img/header/honeymoon.gif) no-repeat}
h2.mediterranean {background:url(../img/header/mediterranean.gif) no-repeat}
h2.photography {background:url(../img/header/photography.gif) no-repeat}
h2.pricelist {background:url(../img/header/pricelist.gif) no-repeat}
h2.renewalPackage {background:url(../img/header/renewalPackage.gif) no-repeat}
h2.renewVows {background:url(../img/header/renewVows.gif) no-repeat}
h2.spa {background:url(../img/header/spa.gif) no-repeat}
h2.tandcs {background:url(../img/header/tandcs.gif) no-repeat}
h2.weddingsSea {background:url(../img/header/weddingsSea.gif) no-repeat}
h2.weddingsSeaSmall {background:url(../img/header/weddingsSeaSmall.gif) no-repeat}
h2.weddingsSpa {background:url(../img/header/weddingsSpa.gif) no-repeat}
h2.whatNext {background:url(../img/header/whatNext.gif) no-repeat}
h2.worldwide {background:url(../img/header/worldwide.gif) no-repeat}
h2.yourCeremony {background:url(../img/header/yourCeremony.gif) no-repeat}
h2.yourWedding {background:url(../img/header/yourWedding.gif) no-repeat}
/* h3 backgrounds */
h3.brightenDay {background:url(../img/subheader/brightenDay.gif) no-repeat}
h3.celebrateStyle {background:url(../img/subheader/celebrateStyle.gif) no-repeat}
h3.celebrateTaste {background:url(../img/subheader/celebrateTaste.gif) no-repeat}
h3.countdown {background:url(../img/subheader/countdown.gif) no-repeat}
h3.discoverDream {background:url(../img/subheader/discoverDream.gif) no-repeat}
h3.dreamCeremony {background:url(../img/subheader/dreamCeremony.gif) no-repeat}
h3.enticingPlaces {background:url(../img/subheader/enticingPlaces.gif) no-repeat}
h3.experienceUnique {background:url(../img/subheader/experienceUnique.gif) no-repeat}
h3.extraTouches {background:url(../img/subheader/extraTouches.gif) no-repeat}
h3.hopTropical {background:url(../img/subheader/hopTropical.gif) no-repeat}
h3.information {background:url(../img/subheader/information.gif) no-repeat}
h3.intimate {background:url(../img/subheader/intimate.gif) no-repeat}
h3.lookExceptional {background:url(../img/subheader/lookExceptional.gif) no-repeat}
h3.loveHear {background:url(../img/subheader/loveHear.gif) no-repeat}
h3.onceLifetime {background:url(../img/subheader/onceLifetime.gif) no-repeat}
h3.package {background:url(../img/subheader/package.gif) no-repeat}
h3.perfectGifts {background:url(../img/subheader/perfectGifts.gif) no-repeat}
h3.rememberSpecial {background:url(../img/subheader/rememberSpecial.gif) no-repeat}
h3.romanticGesture {background:url(../img/subheader/romanticGesture.gif) no-repeat}
h3.romanticVenues {background:url(../img/subheader/romanticVenues.gif) no-repeat}
h3.sailSouthampton {background:url(../img/subheader/sailSouthampton.gif) no-repeat}
h3.somethingAmazing {background:url(../img/subheader/somethingAmazing.gif) no-repeat}
h3.ultimate {background:url(../img/subheader/ultimate.gif) no-repeat}
h3.warmWelcome {background:url(../img/subheader/warmWelcome.gif) no-repeat}
h3.whatsIncluded {background:url(../img/subheader/whatsIncluded.gif) no-repeat}
/* h3 backgrounds right nav*/
h3.section {background:url(../img/subheader/section.gif) no-repeat; margin-bottom:0; padding-bottom: 6px;}
/* h3 backgrounds traffic drivers */
h3.cake, h3.cake a:hover {background:url(../img/trafficHeader/cake.gif)}
h3.cake a:hover {background-position:0 100%}
h3.canary, h3.canary a:hover {background:url(../img/trafficHeader/canary.gif)}
h3.canary a:hover {background-position:0 100%}
h3.caribbean, h3.caribbean a:hover {background:url(../img/trafficHeader/caribbean.gif)}
h3.caribbean a:hover {background-position:0 100%}
ul.trafficContent h3.celebrateStyle, ul.trafficContent h3.celebrateStyle a:hover {background:url(../img/trafficHeader/celebrateStyle.gif)}
ul.trafficContent h3.celebrateStyle a:hover {background-position:0 100%}
h3.destinations, h3.destinations a:hover {background:url(../img/trafficHeader/destinations.gif)}
h3.destinations a:hover {background-position:0 100%}
h3.ebrochure, h3.ebrochure a:hover {background:url(../img/trafficHeader/ebrochure.gif)}
h3.ebrochure a:hover {background-position:0 100%}
ul.trafficContent h3.extraTouches, ul.trafficContent h3.extraTouches a:hover {background:url(../img/trafficHeader/extraTouches.gif)}
ul.trafficContent h3.extraTouches a:hover {background-position:0 100%}
h3.fleet, h3.fleet a:hover {background:url(../img/trafficHeader/fleet.gif)}
h3.fleet a:hover {background-position:0 100%}
h3.giftcollection, h3.giftcollection a:hover {background:url(../img/trafficHeader/giftcollection.gif)}
h3.giftcollection a:hover {background-position:0 100%}
h3.honeymoon, h3.honeymoon a:hover {background:url(../img/trafficHeader/honeymoon.gif)}
h3.honeymoon a:hover {background-position:0 100%}
h3.mediterranean, h3.mediterranean a:hover {background:url(../img/trafficHeader/mediterranean.gif)}
h3.mediterranean a:hover {background-position:0 100%}
h3.photography, h3.photography a:hover {background:url(../img/trafficHeader/photography.gif)}
h3.photography a:hover {background-position:0 100%}
h3.readyBook, h3.readyBook a:hover {background:url(../img/trafficHeader/readyBook.gif)}
h3.readyBook a:hover {background-position:0 100%}
h3.spa, h3.spa a:hover {background:url(../img/trafficHeader/spa.gif)}
h3.spa a:hover {background-position:0 100%}
h3.wantTalk, h3.wantTalk a:hover {background:url(../img/trafficHeader/wantTalk.gif)}
h3.wantTalk a:hover {background-position:0 100%}
h3.weddingsSea, h3.weddingsSea a:hover {background:url(../img/trafficHeader/weddingsSea.gif)}
h3.weddingsSea a:hover {background-position:0 100%}
h3.whatNext, h3.whatNext a:hover {background:url(../img/trafficHeader/whatNext.gif)}
h3.whatNext a:hover {background-position:0 100%}
h3.whereSail, h3.whereSail a:hover {background:url(../img/trafficHeader/whereSail.gif)}
h3.whereSail a:hover {background-position:0 100%}
h3.yourWedding, h3.yourWedding a:hover {background:url(../img/trafficHeader/yourWedding.gif)}
h3.yourWedding a:hover {background-position:0 100%}
/* h4 backgrounds traffic drivers */
h4.capture {background:url(../img/trafficSubheader/capture.gif) no-repeat}
h4.deliciously {background:url(../img/trafficSubheader/deliciously.gif) no-repeat}
h4.dreams {background:url(../img/trafficSubheader/dreams.gif) no-repeat}
h4.essentialInfo {background:url(../img/trafficSubheader/essentialInfo.gif) no-repeat}
h4.finerDetails {background:url(../img/trafficSubheader/finerDetails.gif) no-repeat}
h4.fortunate {background:url(../img/trafficSubheader/fortunate.gif) no-repeat}
h4.getTouch {background:url(../img/trafficSubheader/getTouch.gif) no-repeat}
h4.indulge {background:url(../img/trafficSubheader/indulge.gif) no-repeat}
h4.needKnow {background:url(../img/trafficSubheader/needKnow.gif) no-repeat}
h4.onlineForm {background:url(../img/trafficSubheader/onlineForm.gif) no-repeat}
h4.paradise {background:url(../img/trafficSubheader/paradise.gif) no-repeat}
h4.renewPackage {background:url(../img/trafficSubheader/renewPackage.gif) no-repeat}
h4.romantic {background:url(../img/trafficSubheader/romantic.gif) no-repeat}
h4.sayIdo {background:url(../img/trafficSubheader/sayIdo.gif) no-repeat}
h4.sightseers {background:url(../img/trafficSubheader/sightseers.gif) no-repeat}
h4.unforgettable {background:url(../img/trafficSubheader/unforgettable.gif) no-repeat}
h4.uniqueShips {background:url(../img/trafficSubheader/uniqueShips.gif) no-repeat}
h4.whereWorld {background:url(../img/trafficSubheader/whereWorld.gif) no-repeat}

span.logoPrint {display:none;}