html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin:				0;
	padding:			0;
	border:				0;
}

html, textarea, input, select
{
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
}
#top
{
	height:				0;
	margin:				0;
	padding:			0;
	border:				0;
}
body
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			76%; 
	background:			#fff url(/images/common/main-bg.jpg) repeat-x;
}

.clear
{
	clear: 				both;
	height:				0;
	font-size: 			0;
}

.bronze
{
	color: 				#7d6347;
}

.note
{
	font-size:  		0.9em;
}

.star
{
	font-size: 			1.4em;
}

.underline
{
	text-decoration: 	underline;
}

/* --------------------------------------------- TYPOGRAPHY ------------------------------------------------ */

h1, h2, h3, h4
{
	text-align:			left;
	font-size:			1.9em;
	font-weight: 		normal;
	font-weight:		bold;
	font-family:		Arial, Helvetica, sans-serif;
}

p
{
	line-height:		1.5;
	margin-top:			6px;
	margin-bottom:		14px;
	font-size:			1em;
}

p.hotel-price
{
	font-weight: bold;
	font-style: italic;
	margin-top: -6px;
}

p.smalltext 
{
	margin: 3px 0; 
	font-size: 0.75em;
}

/* --------------------------------------------- LAYOUT DIVS ------------------------------------------------ */

#header
{
	width: 				952px;
	height:				130px;
	margin: 			0px auto 10px auto;
}
#content-wrapper
{
	width: 				950px;
	margin: 			0PX auto;
	z-index:			0;
}	
#content-wrapper h2, #content-wrapper h3
{
	text-align: 		center;
}

#footer-wrapper
{
	width:				100%;
	background:			#004747;
	border-top:			1px solid #efbb16;
	border-bottom:		1px solid #efbb16;
	margin-top: 		0;
}

#footer
{
	width:				950px;
	margin: 			0 auto;
	padding: 			7px 0 8px 0;
}

#legal
{
	width:				950px;
	height: 			30px;
	margin: 			0 auto;
}

#legal-left
{
	width:				700px;
	height: 			30px;
	float: 				left;
}

#legal-right
{
	width:				200px;
	height: 			30px;
	float: 				right;
	text-align: 		right;
}

/* ---------------------------------------- FLOTILLA PAGES FlOTILLA PRICE BOXES ---------------------------------------------- */
#content-wrapper #sub-temp-content #FlotPriceButton
{
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 10px 0 0 0;
	width: 625px;
}

.FirstPrice-box h3.price-deals, .SecondPrice-box h3.price-deals, .ThirdPrice-box h3.price-deals
{
	background: 		url(/images/common/price-box.png) top center no-repeat;
	height: 			23px;
	text-align: 		center;
	text-transform: 	uppercase;
	font-size: 			12px;
	width:				206px;
}
#content-wrapper #sub-temp-content .FirstPrice-box h3.price-deals a,
#content-wrapper #sub-temp-content .SecondPrice-box h3.price-deals a,
#content-wrapper #sub-temp-content .ThirdPrice-box h3.price-deals a
{
	height:				23px;
	display:			block;
	color: 				#fff;
	text-decoration: 	none;
	vertical-align: 	middle;
	text-align: 		center;
	width:				206px;
	line-height: 		23px;
	padding-left:  		0px;
	}
.FirstPrice-box a:hover, .SecondPrice-box a:hover, .ThirdPrice-box a:hover 
{
	text-decoration: 	none;
	background: 		url(/images/common/firstprice-box.png) top center no-repeat;
	color: 				#fff;
	height: 			23px;
	display:			block;
	width: 				206px;
	vertical-align: 	middle;
	line-height: 		23px;
	text-align: 		center;
	}
#PackagePrices #content-wrapper #sub-temp-content .FirstPrice-box h3.price-deals a, #FlightExcPrices #content-wrapper #sub-temp-content .SecondPrice-box h3.price-deals a, #EuroPrices #content-wrapper #sub-temp-content .ThirdPrice-box h3.price-deals a
{
	height:				23px;
	display:			block;
	color: 				#00334d;
	text-decoration: 	none;
	vertical-align: 	middle;
	text-align: 		center;
	width:				206px;
	line-height: 		23px;
	padding-left:  		0px;
	}
#PackagePrices .FirstPrice-box h3.price-deals, #FlightExcPrices .SecondPrice-box h3.price-deals,  #EuroPrices .ThirdPrice-box h3.price-deals, .FlotPriceButton .FirstPrice-box h3.price-deals, .FlotPriceButton2 .SecondPrice-box h3.price-deals,  .FlotPriceButton3 .ThirdPrice-box h3.price-deals
{
	background: 		url(/images/common/firstprice-box.png) top center no-repeat;
	height: 			23px;
	text-align: 		center;
	font-size: 			12px;
}
/* ---------------------------------------- CRUISE PAGES Specials TYPE BOXES ---------------------------------------------- */
#content-wrapper #left-col .SpecialOfferClass { /*CSS specific to demo 3*/
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #004747;
}	
#content-wrapper #left-col .SpecialOfferClass p a.titlefield { /*CSS specific to demo 3*/
color: #7d6347;
font-size: 2em;
text-decoration: none;
}
#content-wrapper #left-col .SpecialOfferClass a { /*CSS specific to demo 3*/
	color: #660000;
}
#content-wrapper #left-col .SpecialOfferClass a:hover { /*CSS specific to demo 3*/
	color: #660000;
	text-decoration: none;
}
/* ---------------------------------------- CRUISE PAGES CRUISE TYPE BOXES ---------------------------------------------- */
#content-wrapper #sub-temp-content #CruisePriceButton
{
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 10px 0 0 0;
	width: 625px;
}

.FirstCruise-box h3.cruise-deals, .SecondCruise-box h3.cruise-deals, .ThirdCruise-box h3.cruise-deals, .FourthCruise-box h3.cruise-deals
{
	background: 		url(/images/common/cruise-box.png) top center no-repeat;
	height: 			23px;
	text-align: 		center;
	text-transform: 	uppercase;
	font-size: 			12px;
	width:				150px;
}
#content-wrapper #sub-temp-content .FirstCruise-box h3.cruise-deals a,
#content-wrapper #sub-temp-content .SecondCruise-box h3.cruise-deals a,
#content-wrapper #sub-temp-content .ThirdCruise-box h3.cruise-deals a,
#content-wrapper #sub-temp-content .FourthCruise-box h3.cruise-deals a
{
	height:				23px;
	display:			block;
	color: 				#fff;
	text-decoration: 	none;
	vertical-align: 	middle;
	text-align: 		center;
	width:				150px;
	line-height: 		23px;
	padding-left:  		0px;
	}
.FirstCruise-box a:hover, .SecondCruise-box a:hover, .ThirdCruise-box a:hover, .FourthCruise-box a:hover  
{
	text-decoration: 	none;
	background: 		url(/images/common/firstcruise-box.png) top center no-repeat;
	color: 				#fff;
	height: 			23px;
	display:			block;
	width: 				150px;
	vertical-align: 	middle;
	line-height: 		23px;
	text-align: 		center;
	}
#6NightPrices #content-wrapper #sub-temp-content .FirstCruise-box h3.cruise-deals a, #7NightPrices #content-wrapper #sub-temp-content .SecondPrice-box h3.cruise-deals a, #9NightPrices #content-wrapper #sub-temp-content .ThirdPrice-box h3.cruise-deals a, #10NightPrices #content-wrapper #sub-temp-content .FourthPrice-box h3.cruise-deals a
{
	height:				23px;
	display:			block;
	color: 				#00334d;
	text-decoration: 	none;
	vertical-align: 	middle;
	text-align: 		center;
	width:				150px;
	line-height: 		23px;
	padding-left:  		0px;
	}
#6NightPrices .FirstCruise-box h3.cruise-deals, #7NightPrices .SecondCruise-box h3.cruise-deals,  #9NightPrices .ThirdCruise-box h3.cruise-deals, #10NightPrices .FourthCruise-box h3.cruise-deals,.CruisePriceButton .FirstCruise-box h3.cruise-deals, .CruisePriceButton2 .SecondCruise-box h3.cruise-deals,  .CruisePriceButton3 .ThirdCruise-box h3.cruise-deals,  .CruisePriceButton4 .FourthCruise-box h3.cruise-deals
{
	background: 		url(/images/common/firstcruise-box.png) top center no-repeat;
	height: 			23px;
	text-align: 		center;
	font-size: 			12px;
}
/* ---------------------------------------- HOME PAGE DEALS BOXES ---------------------------------------------- */
.deals-box
{
	margin-right: 		16px;
	margin-bottom: 		16px;
	width: 306px;
	float:left;
}

.deals-box-right
{
	margin-right: 		0;
}

.deals-box a
{
	text-decoration: 	none;
	color: 				#000;
}

.deals-box a:hover 
{
	text-decoration: 	none;
	color: #fff;
}


.deals-box .green-box
{

	background: 		#498386 url(/images/common/grey-box-top.gif) top left no-repeat;
	margin-top: 		1px;
	padding: 		5px 10px;
}
.deals-box .green-box-bot
{
	background: 		#498386 url(/images/common/grey-box-bot.gif) top left no-repeat;
	height: 			5px;
	font-size:			0;
}
.deals-box .green-box4
{
	background: 		#a3a8b0 url(/images/common/grey-box-top4.gif) top left no-repeat;
	margin-top: 		1px;
	padding-top: 		6px;
}

.deals-box .green-box-bot4
{
	background: 		#a3a8b0 url(/images/common/-box-bot4.gif) top left no-repeat;
	height: 			5px;
	font-size:			0;
}

.deals-box .call-now
{
	background: 		url(/images/common/call-now-bg.gif) top left no-repeat;
	height: 			32px;
	line-height: 		32px;
	margin-top: 		1px;
	color: 				#fff;
	padding-left: 		10px;
}

.deals-box .call-now2
{
	background: 		url(/images/common/call-now-bg2.gif) top left no-repeat;
	height: 			32px;
	line-height: 		32px;
	margin-top: 		1px;
	color: 				#fff;
	padding-left: 		10px;
}

.deals-box .no-border
{
	border-bottom: 		none;
}


.deals-box table th
{
	text-align: 		left;
	font-size: 			1.1em;
	font-weight:	 	normal;
	border-bottom: 		1px solid #728fa4;
}
.deals-box table td
{
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
}
.deals-box table td a
{
	text-decoration: underline;
}
.deals-box table td a:hover
{
	text-decoration: underline;
}
.deals-box table td.no-border, .deals-box table th.no-border
{
	border-bottom: 		none;
}
.deals-box tr
{
	height: 			28px;
	color: 				#fff;
	font-size: 			0.9em;
}
/* --------------------------------------------- Green But - must have a container to set the size of the box max 310px*/
.deals-box h3#green-but
{
	width: 				294px;
	height: 			32px;
	font-size: 			1.00em;
	text-transform:		uppercase;
	background-image: url(/images/common/home-green-button-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.deals-box h3#green-but a
{
	height: 			32px;
	display:			block;
	color: 				#fff;
	text-decoration: 	none;
	width: 				294px;
	vertical-align: 	middle;
	line-height: 		32px;
	text-align: 		left;
	padding-left:  		12px;
	background-image: url(/images/common/home-green-button-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.deals-box h3#green-but a.no-link:hover 
{
	color: #fff;
}
/* --------------------------------------------- Yellow But - must have a container to set the size of the box max 310px*/
h3.yellow-but
{
	height: 			32px;
	font-size: 			16px;
	padding: 			0px 12px 0px 0px;
	background: 		url(/images/common/deal-box-right.png) no-repeat right;
	text-transform: 	uppercase;
}
h3.yellow-but a
{
	background: 		url(/images/common/deal-box-title.png) no-repeat left;
	height: 			32px;
	display:			block;
	color: 				#004747;
	text-decoration: 	none;
	vertical-align: 	middle;
	line-height: 		32px;
	padding: 	 		0px 0px 0px 12px;

}
.deals-box h3.yellow-but a.no-link:hover 
{
	color: #fff;
}

/* --------------------------------------------- HEADER STYLES ------------------------------------------------ */
#header img.logo
{
	float: 				left;
	border:				0;
	margin-top: 		5px;
}

#header h1
{
	float: 				left;
	margin-top: 		25px;
	margin-left: 		35px;
	color: 				#004D4D;
	font-size: 			2.5em;
	text-decoration:	none;
	text-align: 		right;
	text-transform: 	capitalize;
}

#header-right
{
	float: 				right;
	height:				105px;
	width:				300px;
}
#linkbox			/*Drop down menus holding div*/
{
	float: 				right;
	width:				300px;
	text-align: 		right;
}

#header-right div.TELEPHONE
{
	color: 				#004747;
	font-size: 			2.5em;
	text-align: 		right;
	margin:0px;
}

#header-right #tabs
{
	height: 			36px;
	float: 				right;
}

#header-right #tabs ul
{
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
}

#header-right #tabs ul li
{
	display: 			inline;
	float: 				left;
	height: 			32px;
	line-height: 		32px;
	margin-right: 		1px;
}

#header-right #tabs li a
{
	
	float: 				left;
	display: 			block;
	color: 				#fff;
	font-size: 			1em;
	text-decoration: 	none;
	text-align: 		center;
	text-transform:		uppercase;
}

#header-right #tabs li.home a
{
	width: 				74px;
	height: 			35px;
	line-height: 		35px;
	background: 		url(/images/common/home-tab-bg.gif) left top no-repeat;
	color: 				#003545;
}


#header-right #tabs li.contact a
{
	width: 				112px;
	height: 			35px;
	line-height: 		35px;
	background: 		url(/images/common/contact-tab-bg.gif) left top no-repeat;
}


#header-right #tabs li.booking a
{
	width: 				93px;
	height: 			35px;
	line-height: 		35px;
	background: 		url(/images/common/booking-tab-bg.gif) left top no-repeat;
}

/* Hover States */
#header-right #tabs li.home a:hover, 
#header-right #tabs li.contact a:hover,
#header-right #tabs li.booking a:hover
{
	background-position: left -35px
}

#header-right #tabs li.home a span, #header-right #tabs li.contact a span, #header-right #tabs li.booking a span {display: none}


/* Current States */
#home #header-right #tabs li.home a,
#booking #header-right #tabs li.booking a, 
#contact #header-right #tabs li.contact a
{
	background-position: left -70px
}


/* --------------------------------------------- CONTENT STYLES ------------------------------------------------ */

#content-wrapper div.bread-crumb
{
	margin-bottom: 2px;
}
h6.breadcrumbs,  h6.breadcrumbs a, h6.breadcrumbs a:visited
{
	font-size: 10px;
	color: #004747;
}
h6.breadcrumbs a:hover
{
	color: #660000;
}
#content-wrapper #sub-temp-content
{
	background: url(/images/common/bg-right-green.gif) right repeat-y;
		border-top: 1px solid #004747;
}
#content-wrapper #left-col
{
	float: left;
	width: 643px;
	padding-top: 8px;
}

#content-wrapper #right-col
{
	float: right;
	width: 307px;
	color: #fff;
	background-color: #004747;
}

#content-wrapper #right-col #enlarge-map
{
	width: 286px;
	margin: 20px auto 38px 10px;
}

#content-wrapper #right-col #enlarge-map a img
{
	margin-bottom: 4px;
}

#content-wrapper #right-col #enlarge-map a
{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

#content-wrapper #left-col p
{
	text-align: justify;
	color: #004747;
}
#content-wrapper #left-col .Cabin {
	margin:0 0 0 20px;
	width:580px;
}
#content-wrapper #left-col .Cabin table th {
	color:#004747
}
#content-wrapper #left-col .Cabin table tr td p{
	margin:0 10px 0 2px;
}
#content-wrapper #left-col span.yellow-title
{
	color: #eeba14;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#content-wrapper #left-col span.green-title
{
	color: #004747;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#content-wrapper #left-col #left-col-1
{
	width: 330px;
	float: left;
	margin-top: 6px;
}

#content-wrapper #left-col #left-col-1b   /* Used on Turkey Itinerary page only */
{
	width: 286px;
	float: left;
	margin-top: 6px;
}

#content-wrapper #left-col #left-col-1 p.bronze-title,
#content-wrapper #left-col #wide-col p.bronze-title
{
	color: #7d6347;
	text-transform: uppercase;
	font-weight: bold;
}

#content-wrapper #left-col #left-col-2
{
	width: 247px;
	float: right;
	margin-left: 45px;
	margin-right:17px;
	margin-top: 6px;
}

#content-wrapper #left-col #left-col-2b   /* Used on Turkey Itinerary page only */
{
	width: 286px;
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}

#content-wrapper #left-col #left-col-2 img
{
	margin-bottom: 20px;
}

#content-wrapper #left-col #left-col-3
{
	width: 247px;
	float: left;
	margin-left: 45px;
	margin-top: 6px;
	padding-top: 10px;
}

#content-wrapper #left-col #left-col-3 img
{
	padding-bottom: 30px;
}

#content-wrapper #left-col table.itinerary
{
	margin-bottom: 20px;
	font-size: 0.9em;
}

#content-wrapper #left-col table.itinerary td.td-left
{
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #96918c;
	color: #004747;
	padding: 4px 0;
}

#content-wrapper #left-col table.itinerary td.td-right
{
	border-bottom: 1px solid #96918c;
	color: #004747;
	padding: 4px 0;
}

#content-wrapper #right-col #itinerary-box-top
{
	width: 286px;
	height: 8px;
	margin: 11px 10px 0 10px;
	font-size: 0;
	background-image: url(/images/common/itinerary-side-box-top.gif);
	background-repeat: no-repeat;
}

#content-wrapper #right-col #itinerary-box-mid
{
	width: 286px;
	color: #000;
	margin: 0 auto;
	background-image: url(/images/common/itinerary-side-box-mid.gif);
	background-repeat: repeat-y;
}

#content-wrapper #right-col #itinerary-box-bot
{
	width: 286px;
	height: 8px;
	background: url(/images/common/itinerary-side-box-bot.gif) no-repeat;
	margin: 0 auto 20px auto;
}

#content-wrapper #right-col #itinerary-box-mid dl
{
	margin: 0 0 0 10px;
	width: 250px;
	padding-top: 3px;
}

#content-wrapper #right-col #itinerary-box-mid dt
{
	float: left;
	width: 54px;
	padding-bottom: 12px;
} 

#content-wrapper #right-col #itinerary-box-mid dd
{
	float: left;
	width: 196px;
	margin-left: 0;
	padding-bottom: 12px;
} 

#content-wrapper #right-col #itinerary-box-mid dd .title
{
	color: #7d6347;
	text-transform: uppercase;
	font-weight: bold;
	margin: 2px 0 3px 0;
}

#content-wrapper #right-col #itinerary-box-mid dd p
{
	margin: 0;
	font-size: 0.9em;
}
#content-wrapper #left-col td a
{
	color: #00334e;
}
/* --------------------------------------------- Special Offers Box ------------------------------------------------ */
#right-col #specialoffers-box-top
{
	width: 286px;
	height: 8px;
	margin: 11px 10px 0 10px;
	font-size: 0;
	background-image: url(/images/common/specialoffers-side-box-top.png);
	background-repeat: no-repeat;
}

#right-col #specialoffers-box-mid
{
	width: 286px;
	color: #EEBA14;
	margin: 0 auto;
	background-image: url(/images/common/specialoffers-side-box-mid.png);
	background-repeat: repeat-y;
}

#right-col #specialoffers-box-bot
{
	width: 286px;
	height: 8px;
	background: url(/images/common/specialoffers-side-box-bot.png) no-repeat;
	margin: 0 auto 20px auto;
}

#right-col #specialoffers-box-mid dl
{
	margin: 0 0 0 10px;
	width: 250px;
	padding-top: 3px;
}

#right-col #specialoffers-box-mid dt
{
	float: left;
	width: 54px;
	padding-bottom: 12px;
} 

#right-col #specialoffers-box-mid dd
{
	float: none;
	width: 262px;
	margin-left: 0;
	padding-bottom: 0px;
} 

#right-col #specialoffers-box-mid dd .title
{
	color: #EDBB1D;
	font-weight: bold;
	margin: 2px 0 3px 0;
	font-size: 14px;
	background-image: url(/images/common/icon-specialoffers.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left center;
	line-height: 30px;
}

#right-col #specialoffers-box-mid dd .description
{
	color: #EDBB1D;
	font-weight: normal;
	margin: 2px 0 3px 0;
	font-size: 11px;
}
#left-col .SpecialOfferClass p font.titlefield {
color:#7D6347;
font-size:2em;
text-decoration:none;
}
#right-col #specialoffers-box-mid dd p
{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	color: #EEBC1C;
	border-bottom-style: none;
}
.titlefield{ /*CSS for RSS title link in general*/
	color: #FFFFFF;
	font-size: 18px;
	overflow:visible;
	text-decoration:none;
	list-style:none;
	background-repeat: no-repeat;
	background-position: left center;
}
.titlefield a:hover{
color: #eeba14;
}
.labelfield{ /*CSS for label field in general*/
color:brown;
}

.datefield{ /*CSS for date field in general*/
color:gray;
}

#example3{ /*Demo 3 main container*/
width: 270px;
height: 190px;
border: none;
}
#right-col #example3 .innerDiv li p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
color:#eeba14;
font-size: 11Px;
font-style:normal;
font-weight:normal;
}
#right-col #example3 .innerDiv li { /*Demo 3 P element that separates each entry*/
margin-top: 0;
font-size: 11px;
font-style:normal;
list-style:none;
}

/* --------------------------------------------- Yacht Details Table ------------------------------------------------ */
#content-wrapper .yacht-details
{
	width: 306px;
	background: #a39161;
	color: #fff;
	text-align:left;
}
#content-wrapper .yacht-table-top
{
	width: 306px;
	background: url(/images/common/yacht-list-top.gif) no-repeat;
	height: 5px;
	font-size: 1px;
	margin-top: 1px;
}
#content-wrapper .yacht-table-bot
{
	width: 306px;
	background: url(/images/common/yacht-list-bot.gif) no-repeat;
	height: 5px;
	font-size: 1px;
	margin-bottom: 20px;
}
#content-wrapper .yacht-details table th, #content-wrapper .yacht-details table td
{
	border-bottom: 1px solid #b2a685;
	font-size: 12px;
}

/* --------------------------------------------- RIGHT PRICE BUTTON STYLES ------------------------------------------------ */
#content-wrapper #right-col .prices-But
{
	height: 32px;
	width: 285px;
	margin: 5px auto 10px auto;
	padding-top: 10px;
}


#content-wrapper #right-col #side-photos img
{
	padding-bottom: 20px;
}
#content-wrapper #right-col #side-photos
{
	width: 307px;
	text-align: center;
	padding-top: 20px;
}

/* --------------------------------------------- RIGHT PRICE-INCLUDES STYLES ------------------------------------------------ */

ul.price-includes, #itinerary-box-mid .price-includes
{
	margin: 0 5px 0 25px;
}

#content-wrapper #right-col ul.price-includes li
{
	list-style:square;
}
#content-wrapper #right-col #itinerary-box-mid span
{
	margin:0px 0px 0 10px;
	font-weight: bold;
}
/* --------------------------------------------- RIGHT SUB-NAV STYLES ------------------------------------------------ */

ul#right-nav
{
	width: 286px;
	margin-left: 10px;
}

ul#right-nav li
{
	list-style: none;
	border-bottom: 1px solid #fff;
	background: url(/images/common/side-nav-arrow.gif) no-repeat center right;
}

ul#right-nav li.first
{
	border-top: 1px solid #fff;
}

ul#right-nav li a
{
	display: block;
	text-decoration: none;
	color: #EDBB1D;
	width: 286px;
	height: 28px;
	line-height: 28px;
}

ul#right-nav li a:hover
{
	color: #fff;
	background: url(/images/common/side-nav-arrow-go.gif) no-repeat center right;
}



/* --------------------------------------------- YACHTS TEMPLATE STYLES ------------------------------------------------ */

#content-wrapper #yachts-temp-content
{
	background: url(/images/common/bg-right-blue2.gif) right repeat-y;
	padding-bottom: 10px;
	border-top: 1px solid #00344e;
	padding-top: 8px;
}

#yachts-temp-content span.yellow-title
{
	color: #eeba14;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	
}

#yachts-temp-content span.blue-title
{
	color: #00334e;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
}

#yachts-temp-content span.enlarge
{
	font-size: 11px;
	color: #fff;
	float: right;
	padding-right: 324px;
	padding-top: 3px;
}

.yacht-wrapper
{
	width: 950px;
	border-bottom: 1px solid #fff;	
}

.yacht-wrapper .yacht-left
{
	float: left;
	width: 474px;
	border-bottom: 1px solid #00334d;
	color: #00334e;
	padding-top: 8px;
}

.yacht-wrapper .yacht-right
{
	float: left;
	width: 454px;
	padding-top: 28px;
	padding-left: 11px;
}

.yacht-wrapper .yacht-left .yacht-info
{
	float: left;
	width: 225px;
}

.yacht-wrapper .yacht-left .yacht-info p
{
	margin-top: 0;
	padding-top: 0;
}

.yacht-wrapper .yacht-left dl
{
	float: left;
	color: #000;
	font-size: 0.9em;
	margin-left: 30px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.yacht-wrapper .yacht-left dt
{
	float: left;
	width: 106px;
	font-weight: bold;
	padding-bottom: 2px;
}

.yacht-wrapper .yacht-left dd
{
	padding-bottom: 2px;
}



/* --------------------------------------------- FOOTER STYLES ------------------------------------------------ */

#footer #left-col
{
	float: 				left;
	width: 				660px;
}
#footer .left-col
{
	float: 				left;
	width: 				660px;
}

#footer #left-col ul#list-one
{
	float: 				left;
	margin: 			0 0 4px 0;
}
#footer .left-col ul#list-one
{
	float: 				left;
	margin: 			0 0 4px 0;
}

#footer #left-col #list-one li
{
	list-style-type: 	none;	
	display: 			inline;
	float: 				left;
	
}
#footer .left-col #list-one li
{
	list-style-type: 	none;	
	display: 			inline;
	float: 				left;
	
}
#footer #left-col #list-one li a.first
{
	background-image: 	none;
	padding-left: 		0;
}
#footer .left-col #list-one li a.first
{
	background-image: 	none;
	padding-left: 		0;
}
#footer #left-col ul#list-one li a
{
	color:				#efbb16;
	text-decoration: 	none;
	font-size:       	0.9em;
	font-weight: 		bold;
	padding-right: 		7px;
	padding-left: 		9px;
	background: 		url(/images/common/footer-divide1.gif) center left no-repeat;
}
#footer .left-col ul#list-one li a
{
	color:				#efbb16;
	text-decoration: 	none;
	font-size:       	0.9em;
	font-weight: 		bold;
	padding-right: 		7px;
	padding-left: 		9px;
	background: 		url(/images/common/footer-divide1.gif) center left no-repeat;
}

#footer #left-col ul.list-two
{
	float: 				left;
	margin: 			1px 0 2px 0;
	clear:				both;
	width: 				660px;
}
#footer .left-col ul.list-two
{
	float: 				left;
	margin: 			1px 0 2px 0;
	clear:				both;
	width: 				660px;
}

#footer #left-col .list-two li
{
	list-style-type: 	none;	
	display: 			inline;
	float: 				left;
	
}
#footer .left-col .list-two li
{
	list-style-type: 	none;	
	display: 			inline;
	float: 				left;
	
}

#footer #left-col .list-two li a.first
{
	background-image: 	none;
	padding-left: 		0;
}

#footer #left-col ul.list-two li a
{
	color:				#fff;
	text-decoration: 	none;
	font-size:       	0.9em;
	padding-right: 		7px;
	padding-left: 		10px;
	background: 		url(/images/common/footer-divide2.gif) center left no-repeat;
	text-transform: 	uppercase;
}
#footer .left-col ul.list-two li a
{
	color:				#fff;
	text-decoration: 	none;
	font-size:       	0.9em;
	padding-right: 		7px;
	padding-left: 		10px;
	background: 		url(/images/common/footer-divide2.gif) center left no-repeat;
	text-transform: 	uppercase;
}

#footer #atol
{
	float: 				right;
	width: 				275px;
	background: 		url(/images/common/atol-logo.gif) center left no-repeat;
	height: 			48px;
	margin-top: 		3px;
}

#footer #atol p
{
	text-align: 		right;
	width: 				230px;
	padding: 			0;
	margin: 			0;
	float: 				right;
	font-size: 			0.9em;
	color: 				#9fafbc;
	line-height: 		1.4em;
}

/* --------------------------------------------- LEGAL STYLES ------------------------------------------------ */

#legal p
{
	vertical-align: 	middle;
	margin: 			7px 0 0 0;
	padding: 			0;
	color:				#003444;
	font-size:			0.9em;
}

#legal a
{
	color:				#efbb16;
	text-decoration:	none;
}

/* --------------------------------------------- Picture MENU ------------------------------------------------ */
div#menu-bg
{
	border: 4px solid #498386;
	margin: 0px 0px 20px 0px ;
	padding: 0px 0px 0px 0px;
	width: 942px;
	height: 339px;
	background-repeat: no-repeat;
}
div#menu-container
{
	height: 337px;
	border: 1px solid #3C6D6F;
	overflow: hidden;
}

.mainmenu .menu-item, .mainmenu .menu-item1  {	
	float:left;
	margin: 0px 0px;
	height: 337px;
	list-style:none;
	text-align:center;
}
.menu-item {
	background-image:url(/images/menu/divider.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 3px;
	}  
.mainmenu {
		background-image:url(/images/menu/Sliderback.png);
		background-repeat:repeat-x;
		height:337px;
		width:942px;
	}
	
.fourmenu .menu-item, .fourmenu .menu-item1
{
	width:232px;
}	
.fivemenu .menu-item, .fivemenu .menu-item1
{
	width:185px;
}	
.threemenu .menu-item, .threemenu .menu-item1
{
	width:310px;
}
.twomenu .menu-item, .twomenu .menu-item1
{
	width:467px;
}
.fivemenu .sliderpicture, .fourmenu .sliderpicture
{
	margin: 30px 0px 20px 0px;
	padding:0px;
}
.threemenu .sliderpicture, .twomenu .sliderpicture
{
	margin: 20px 0px 10px 0px;
	padding:0px;
}
div.slidertext p
{
	color:#FFF;
	font-size: 12px;
	line-height: 17px;
	font-weight:bold;
	margin:5px;
}
div.slidertext h2, div.slidertext h2 a
{
	color:#EFBB14;

	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none;
}
div.slidertext a
{
	color:#EFBB14;
	font-size: 12px;
	padding-top:5px;
	text-decoration: none;
	font-weight: bold;
}

/* ------------------------------------------- FIXED BUTTONS STYLES -------------------------------------------------- */

div#fixed-button
{
	display: inline;
	float: left;
	width: 28px;
	height: 29px;
	position: absolute;
	position: fixed;
	left: 50%;
	margin-left: 475px;
	top: 240px;
}

div#fixed-buttons a:link,
div#fixed-buttons a:visited
{

}

/* Price List Styles */
#prices-note, h2#prices-note {
	margin: 10px 0;
	width: 625px;
	text-align: center;
	line-height: 1.5em;
	background: #222;
	color: #fff;
	font-size: 12px;
}

/* PRICES TABLE */
table.prices {margin: 10px 0 0 0; width: 625px; border-collapse: collapse; text-align: center; font-size: 0.90em; background: #dfd6cc}
table.prices th {background: #7f6549; color: #fff; font-weight: normal}
table.prices th.withborder {background: #7f6549; color: #fff; font-weight: normal; border-bottom: 1px solid #fff; border-right: 1px solid #fff}
table.prices th.thead-left {padding-left: 6px; padding-right: 0; text-align: left}
table.prices td {background: #dfd6cc; border-bottom: 1px solid #fff}
table.prices td.trow-left {padding-left: 6px; padding-right: 0; text-align: left}
table.prices td.odd {background: #c5b5a4}

table.prices td, table.prices th {padding: 2px 5px}  /* Adds spacing between cells for legibility */

span.bronzebold {font-weight: bold; color: #7f6549}
/* Optinal PRICES TABLE */
table.opprices {margin: 10px 0 0 0; width: 340px; border-collapse: collapse; text-align: center; font-size: 0.90em; background: #dfd6cc}
table.opprices th {background: #7f6549; color: #fff; font-weight: normal}
table.opprices th.withborder {background: #7f6549; color: #fff; font-weight: normal; border-bottom: 1px solid #fff; border-right: 1px solid #fff}
table.opprices th.thead-left {padding-left: 6px; padding-right: 0; text-align: left}
table.opprices td {background: #dfd6cc; border-bottom: 1px solid #fff}
table.opprices td.trow-left {padding-left: 6px; padding-right: 0; text-align: left}
table.opprices td.odd {background: #c5b5a4}

table.prices td, table.prices th {padding: 2px 5px}  /* Adds spacing between cells for legibility */

span.bronzebold {font-weight: bold; color: #7f6549}

/* NOTES SECTION */
div.notes {margin: 20px 0; font-size: 0.90em;  width: 625px;}
div.notes h3 {display: block; padding-left: 5px; line-height: 1.7em; font-size: 1.00em; font-weight: normal; color: #fff; background: #7f6549}

/* TEXT AND LIST STYLES */
div.notes p {margin: 5px; line-height: 1em}
div.notes ul, div.notes ol {margin: 5px; margin-left: 17px}

/*-------- NOTE TABLES STYLES ------- */
div.notes table {line-height: 1em}
div.notes table td.right {text-align: right}


/* ----------------------------------------- EXTRA IMAGE CLASSES ----------------------------------------- */
.img-right {float: right; margin: 0 0 10px 20px}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {
	background-image: url(/images/macFFBgHack.png);
	background-repeat: repeat;
}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 970px;
	margin:0 auto;
	height:34px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	list-style-type: none;
	width: 136px;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	float: left;
	height: 25px;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 161px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	height:29px;
	width:161px;

}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 5% 0 0 101%;
	width: 161px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;

}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	text-align:center;
	text-transform:uppercase;
	cursor: pointer;
	background: url(/images/common/main-nav-bg.gif) top left no-repeat;
	color:#FFF;
	height: 25px;
	padding: 7px 0px 0px 0px;
	text-decoration: none;
}
ul.MenuBarHorizontal ul a
{
	
	cursor: pointer;
	background: url(/images/common/Sub-Menu.png) top left no-repeat;
	text-align:center;
	padding: 7px 0px 0px 0px;
	height:22px;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background:url(/images/common/main-nav-bg-hover.gif) top left no-repeat;
	color: #FFF;
}
ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus
{
	background:url(/images/common/Sub-Menu-hover.png) top left no-repeat;
	color: #fff;
}
 ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover:hover, ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover:focus
{
	background:url(/images/common/Sub-Menu2-hover.png) top left no-repeat;
	color: #fff;
}
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background: url(/images/common/main-nav-bg2.gif) left top no-repeat;

}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu 
{
	background: url(/images/common/Sub-Menu2.png) top left no-repeat;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background: url(/images/common/main-nav-bg2-hover.gif) top left no-repeat;

}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background: url(/images/common/Sub-Menu2-hover.png) top left no-repeat;

}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
	}
}