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

html, textarea, input, select
{
	font-size:			1em;
	font-family:		Arial, Helvetica, sans-serif;
}

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;
	color:				#fff;
	margin:				0 0 10px 0;
	font-size:			1.9em;
	font-weight: 		normal;
	font-family:		Arial, Helvetica, sans-serif;
}

h2, h3, h4
{
	text-align:			left;
	margin:				0;
	font-weight:		bold;
}

h2	
{
	font-size:			1.4em; 
}

h3	
{	
	font-size:			1.2em; 
}

h4	
{	
	font-size:			1.2em; 
	color: 				#00344e;
}

h4.sail-stay	
{	
	font-size:			1.2em; 
	color: 				#00344e;
	width: 				598px;
	border-bottom: 		1px solid #00344e;
	margin-top: 		20px;
}
#left-col h6.breadcrumbs, #left-col h6.breadcrumbs a, #left-col h6.breadcrumbs a:visited, h6.breadcrumbs a:hover, 
{
	font-size: 10px;
	color: #00344e;
}
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: 				950px;
	height:				95px;
	margin: 			0 auto;
}

#main-nav
{
	width: 				950px;
	margin: 			5px auto;
}

#content-wrapper
{
	width: 				950px;
	margin: 			0 auto;
	z-index:0;
	position:relative;
}
#content-wrapper h1
{
	text-align: 		center;
}

#product-browser
{
	height:				337px;
	width:				950px;
	margin: 			0 0 16px 0;
}

#footer-wrapper
{
	width:				100%;
	background:			#235071;
	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.gif) 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.gif) 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.gif) top center no-repeat;
	height: 			23px;
	text-align: 		center;
	font-size: 			12px;
}
/* ---------------------------------------- HOME PAGE DEALS BOXES ---------------------------------------------- */
.deals-box
{
	float: 				left;
	margin-right: 		16px;
	margin-bottom: 		16px;
}

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

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

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

.deals-box h2.late-deals, .deals-box h1.late-deals
{
	width: 				294px;
	background: 		url(/images/common/deals-box-title-bg.gif) top left no-repeat;
	height: 			32px;
	font-size: 			16px;
	margin: 0px;
	padding-bottom: 0px;
}


.deals-box h2.late-deals a, .deals-box h1.late-deals a
{
	background: 		url(/images/common/deals-box-right.gif) top right no-repeat;
	height: 			32px;
	display:			block;
	color: 				#003399;
	text-decoration: 	none;
	width: 				294px;
	vertical-align: 	middle;
	line-height: 		32px;
	text-align: 		left;
	padding-left:  		12px;	
	margin: 0px;
	padding-bottom: 0px;
}

#content-wrapper #sub-temp-content .deals-box h2.late-deals a, #content-wrapper #sub-temp-content .deals-box h1.late-deals a
{
	background: 		url(/images/common/deals-box-right.gif) top right no-repeat;
	height: 			32px;
	display:			block;
	color: 				#003399;
	text-decoration: 	none;
	width: 				294px;
	vertical-align: 	middle;
	text-align:			center;
	line-height: 		32px;
	text-align: 		left;
	padding-left:  		12px;
	margin: 0px;
	padding-bottom: 0px;
}

.deals-box h2.late-deals a.no-link:hover 
{
	color: #fff;
}
.deals-box h2#ship-cruises
{
	width: 				294px;
	background: 		url(/images/common/home-blue-button-left.gif) top left no-repeat;
	height: 			32px;
	font-size: 			1.00em;
}
.deals-box h2#ship-cruises a
{
	background: 		url(/images/common/home-blue-button-right.gif) top right no-repeat;
	height: 			32px;
	display:			block;
	color: 				#fff;
	text-decoration: 	none;
	width: 				294px;
	vertical-align: 	middle;
	line-height: 		32px;
	text-align: 		left;
	padding-left:  		12px;	
}
.deals-box h2#ship-cruises a.no-link:hover 
{
	color: #fff;
}
.deals-box h2#special-offers
{
	width: 				294px;
	background: 		url(/images/common/home-blue-button-left.gif) top left no-repeat;
	height: 			32px;
	font-size: 			1.00em;
	margin-bottom: 		10px;
}
.deals-box h2#special-offers a
{
	background: 		url(/images/common/home-blue-button-right.gif) top right no-repeat;
	height: 			32px;
	display:			block;
	color: 				#fff;
	text-decoration: 	none;
	width: 				294px;
	vertical-align: 	middle;
	line-height: 		32px;
	text-align: 		left;
	padding-left:  		12px;	
}
.deals-box h2#special-offers a.no-link:hover 
{
	color: #fff;
}
.deals-box .grey-box
{
	background: 		#4f738d url(/images/common/grey-box-top.gif) top left no-repeat;
	margin-top: 		1px;
	padding: 		5px 10px;
}
.deals-box .grey-box-bot
{
	background: 		#a3a8b0 url(/images/common/grey-box-bot.gif) top left no-repeat;
	height: 			5px;
	font-size:			0;
}
.deals-box .grey-box4
{
	background: 		#a3a8b0 url(/images/common/grey-box-top4.gif) top left no-repeat;
	margin-top: 		1px;
	padding-top: 		6px;
}

.deals-box .grey-box-bot4
{
	background: 		#a3a8b0 url(/images/common/grey-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;
}



div#cruises {
	float: left;
	width: 300px;
	padding-top: 33px;	
}

div#cruises a {
	margin-bottom: 15px;
	display: block;
	width: 285px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-left: 12px;
	text-decoration: none;
	background: url(/images/common/home-blue-button.gif) 0 0 no-repeat;
}

div#cruises a:hover {color: #efbb16}

/* --------------------------------------------- HEADER STYLES ------------------------------------------------ */

#header img.logo
{
	float: 				left;
	margin-top: 		5px;
}

#header img.strapline
{
	float: 				left;
	margin-top: 		40px;
	margin-left: 		35px;
}

#header-right
{
	float: 				right;
	margin-top: 		0;
	width:				300px;
}
#linkbox			/*Drop down menus holding div*/
{
	float: 				right;
	margin-top: 		1px;
	width:				300px;
}
#quicklinks				/*Drop down menus holding div*/
{
	float: 				right;
	margin: 			1px 5px 0px 0px;
	width:				190px;
	text-align: 		right;
}

#quicklinks	form select.selector
{
	border: 			1px solid #9cb8cc;
	background-color: 	#b6d1e4;
	font-size: 			11px; 
}

#sharethis			/*Drop down menus holding div*/
{
	float: 				left;
	margin-top: 		0px;
	margin-left: 		20px;
	margin-right:		0px;
	padding-right:		0px;
	width:				70px;
}
.sharethis			/*Drop down menus holding div*/
{
	float: 				left;
	margin-top: 		0px;
	margin-left: 		20px;
	margin-right:		0px;
	padding-right:		0px;
	width:				70px;
	text-align: 		right;
}
#header-right div.TELEPHONE
{
	float:				right;
	color: 				#0a2834;
	font-size: 			2.5em;
	font-weight: 		normal;
	margin-top: 		-4px;
	margin-bottom: 		0;
}

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

/* --------------------------------------------- MAIN NAV STYLES ------------------------------------------------ */

#main-nav ul
{
	margin: 			0;
	padding: 			0 0 1px 0px;
	list-style-type: 	none;
}

#main-nav ul li
{
	display: 			inline;
	float: 				left;
	background: 		url(/images/common/main-nav-bg.gif) top left no-repeat;
	height: 			32px;
	line-height: 		32px;
	margin-right: 		1px;
}

#main-nav ul li.first
{
	display: 			inline;
	float: 				left;
	background: 		url(/images/common/main-nav-bg.gif) top left no-repeat;
	height: 			32px;
	line-height: 		32px;
	margin-right: 		1px;
	margin-left: 		2px;
}

#main-nav ul li a
{
	background: 		url(/images/common/main-nav-bg.gif) top right no-repeat;
	height: 			32px;
	line-height: 		32px;
	float: 				left;
	display: 			block;
	color: 				#fff;
	font-size: 			1em;
	text-decoration: 	none;
	text-align: 		center;
	text-transform:		uppercase;
	width: 				134px;
}

#main-nav ul li a:hover
{
	background: 		url(/images/common/main-nav-bg-hover.gif) top right no-repeat;
	color: 				#efbb16;
}

#sub-nav
{
	background: 		url(/images/common/sub-nav-bg.jpg) no-repeat;
	height: 			37px;
	width: 				951px;
	margin-top: 		10px;
}

#sub-nav ul
{
	margin: 			0;
	padding: 			2px 0 0 0;
	list-style-type: 	none;
	display: 			none;
}

#sub-nav ul li
{
	list-style-type: 	none;	
	display: 			inline;
	float: 				left;
	background:  		none;
}

#sub-nav ul li a
{
	color:				#003444;
	text-decoration: 	none;
	font-size:       	11px;
	font-weight: 		bold;
	padding-right: 		8px;
	padding-left: 		10px;
	width: 				auto;
	background: 		url(/images/common/sub-nav-divide.gif) center left no-repeat;
}

#sub-nav ul li a:hover
{
	background: 		url(/images/common/sub-nav-divide.gif) center left no-repeat;
}

#sub-nav ul li a.first
{
	background: 		none;
}

#sub-nav ul li a.first:hover
{
	background: 		none;
}

#flotillas #main-nav
{
	margin-bottom: 7px;
}

#sub-nav ul#nav1
{
	display: 			block;
	color:				#003444;
	font-weight: 		bold;
	margin-left: 		400px;
}

#flotillas #sub-nav ul#nav3, #flotillas-home #sub-nav ul#nav3, #flotillas-home #sub-nav ul#nav3,#flotillas-north-ionian #sub-nav ul#nav3, #flotillas-south-ionian #sub-nav ul#nav3, #intro #sub-nav ul#nav2, #flotillas-saronic #sub-nav ul#nav3, #flotillas-sporades #sub-nav ul#nav3, #flotillas-turkey #sub-nav ul#nav3, #flotillas-croatia #sub-nav ul#nav3, #sail-and-stay #sub-nav ul#nav6, #sail-and-stay-saronic #sub-nav ul#nav6, #sail-stay-sporades #sub-nav ul#nav6, #sail-and-stay-turkey #sub-nav ul#nav6, #sail-and-stay-croatia #sub-nav ul#nav6, 
#beach-club #sub-nav ul#nav4, #beach-club-home #sub-nav ul#nav4, #beach-club-nikiana #sub-nav ul#nav4, #beach-club-palmetto #sub-nav ul#nav4, #beach-club-equip #sub-nav ul#nav4, #beach-club-excursions #sub-nav ul#nav4, #beach-club-accommodation #sub-nav ul#nav4, #beach-club-prices #sub-nav ul#nav4, #beach-club-nautica #sub-nav ul#nav4,
#bareboat #sub-nav ul#nav5, #bareboat-med #sub-nav ul#nav5, #bareboat-world #sub-nav ul#nav5, #bareboat-yacht #sub-nav ul#nav5, #yacht-cruise-caribbean #sub-nav ul#nav8, #yacht-cruise-greece #sub-nav ul#nav8, #yacht-cruise #sub-nav ul#nav8, #croatiabareboat #sub-nav ul#nav5, #greecebareboat #sub-nav ul#nav5, #turkeybareboat #sub-nav ul#nav5, #bareboat-europe #sub-nav ul#nav5, #flotillas-caribbean #sub-nav ul#nav3, #caribbeanbareboat #sub-nav ul#nav5,  #yacht-cruise-tradewinds #main-nav ul#nav8, #yacht-cruise-ionian #main-nav ul#nav8, 
#yacht-cruise-mammamia #main-nav ul#nav8, #yacht-cruise-dodecanese #main-nav ul#nav8, #sail-stay-ionian #sub-nav ul#nav6, #learn-to-sail-ionian #sub-nav ul#nav7, #learn-to-sail-courses #sub-nav ul#nav7, #learn-to-sail-shorebased #sub-nav ul#nav7
{
	display: 			block;
}

#flotillas #sub-nav ul#nav1, #flotillas-home #sub-nav ul#nav1, #flotillas-north-ionian #sub-nav ul#nav1, #flotillas-south-ionian #sub-nav ul#nav1, #intro #sub-nav ul#nav1, #flotillas-saronic #sub-nav ul#nav1, #flotillas-sporades #sub-nav ul#nav1, #flotillas-turkey #sub-nav ul#nav1, #flotillas-croatia #sub-nav ul#nav1, #sail-and-stay #sub-nav ul#nav1, #sail-and-stay-saronic #sub-nav ul#nav1, #sail-stay-sporades #sub-nav ul#nav1, #sail-and-stay-turkey #sub-nav ul#nav1, #sail-and-stay-croatia #sub-nav ul#nav1, 
#beach-club #sub-nav ul#nav1, #beach-club-home #sub-nav ul#nav1, #beach-club-equip #sub-nav ul#nav1, #beach-club-nautica #sub-nav ul#nav1, #beach-club-accommodation #sub-nav ul#nav1, #beach-club-excursions #sub-nav ul#nav1, #beach-club-prices #sub-nav ul#nav1, 
#bareboat #sub-nav ul#nav1, #bareboat-med #sub-nav ul#nav1, #bareboat-world #sub-nav ul#nav1, #bareboat-yacht #sub-nav ul#nav1, #yacht-cruise-caribbean #sub-nav ul#nav1, #yacht-cruise-greece #sub-nav ul#nav1, #yacht-cruise #sub-nav ul#nav1, #croatiabareboat #sub-nav ul#nav1, #greecebareboat #sub-nav ul#nav1, #turkeybareboat #sub-nav ul#nav1, #bareboat-europe #sub-nav ul#nav1, #flotillas-caribbean #sub-nav ul#nav1, #caribbeanbareboat #sub-nav ul#nav1, #yacht-cruise-tradewinds #sub-nav ul#nav1, #yacht-cruise-ionian #sub-nav ul#nav1, #yacht-cruise-mammamia #sub-nav ul#nav1, #sail-stay-ionian #sub-nav ul#nav1, #yacht-cruise-dodecanese #sub-nav ul#nav1, #beach-clubs-home #sub-nav ul#nav1, #beach-club-nikiana #sub-nav ul#nav1, #beach-club-palmetto #sub-nav ul#nav1, #yacht-cruise-dodecanese #sub-nav ul#nav1, #learn-to-sail-ionian #sub-nav ul#nav1, #learn-to-sail-courses #sub-nav ul#nav1, #learn-to-sail-shorebased #sub-nav ul#nav1
{
	display: 			none;
}

#flotillas #main-nav ul li#item2 a, #flotillas-home #main-nav ul li#item2 a, #flotillas-north-ionian #main-nav ul li#item2 a, #flotillas-south-ionian #main-nav ul li#item2 a, #intro #main-nav ul li#item1 a, #flotillas-saronic #main-nav ul li#item2 a, #flotillas-sporades #main-nav ul li#item2 a, #flotillas-turkey #main-nav ul li#item2 a, #flotillas-croatia #main-nav ul li#item2 a, #sail-and-stay #main-nav ul li#item5 a, #sail-and-stay-saronic #main-nav ul li#item5 a, #sail-stay-sporades #main-nav ul li#item5 a, #sail-and-stay-turkey #main-nav ul li#item5 a, #sail-and-stay-croatia #main-nav ul li#item5 a, #beach-club-accommodation #main-nav ul li#item3 a, #beach-club #main-nav ul li#item3 a, #beach-club-home #main-nav ul li#item3 a, #beach-club-equip #main-nav ul li#item3 a, #beach-club-excursions #main-nav ul li#item3 a, #beach-club-prices #main-nav ul li#item3 a, #bareboat #main-nav ul li#item4 a, #bareboat-med #main-nav ul li#item4 a, #bareboat-world #main-nav ul li#item4 a, #bareboat-yacht #main-nav ul li#item4 a, #yacht-cruise-caribbean #main-nav ul li#item7 a, #yacht-cruise-greece #main-nav ul li#item7 a,  #yacht-cruise #main-nav ul li#item7 a, #croatiabareboat #main-nav ul li#item4 a, #greecebareboat #main-nav ul li#item4 a, #turkeybareboat #main-nav ul li#item4 a, #bareboat-europe #main-nav ul li#item4 a, #flotillas-caribbean #main-nav ul li#item2 a, #caribbeanbareboat #main-nav ul li#item4 a, 
#yacht-cruise-tradewinds #main-nav ul li#item7 a, #yacht-cruise-ionian #main-nav ul li#item7 a, #yacht-cruise-mammamia #main-nav ul li#item7 a, #sail-stay-ionian #main-nav ul li#item5 a, 
#beach-club-nikiana #main-nav ul li#item3 a, #beach-club-palmetto #main-nav ul li#item3 a, #beach-club-nautica #main-nav ul li#item3 a,
#learn-to-sail-ionian #main-nav ul li#item6 a, #learn-to-sail-courses #main-nav ul li#item6 a, #learn-to-sail-shorebased #main-nav ul li#item6 a
{
	background: 		url(/images/common/main-nav-bg-hover.gif) top right no-repeat;
	color: 				#efbb16;
}
#flotillas-north-ionian #sub-nav ul#nav3 li#item7a a, #flotillas-south-ionian #sub-nav ul#nav3 li#item1a a, #flotillas-saronic #sub-nav ul#nav3 li#item2a a, #flotillas-sporades #sub-nav ul#nav3 li#item3a a, #flotillas-turkey #sub-nav ul#nav3 li#item4a a, #flotillas-croatia #sub-nav ul#nav3 li#item5a a, #sail-and-stay-saronic #sub-nav ul#nav6 li#item1a a, #sail-stay-sporades #sub-nav ul#nav6 li#item2a a, #sail-and-stay-turkey #sub-nav ul#nav6 li#item3a a, #sail-and-stay-croatia #sub-nav ul#nav6 li#item4a a, #beach-club #sub-nav ul#nav4 li#item1a a, #beach-club-equip #sub-nav ul#nav4 li#item2a a, #beach-club-prices #sub-nav ul#nav4 li#item4a a, #beach-club-accommodation #sub-nav ul#nav4 li#item3a a, #bareboat-med #sub-nav ul#nav5 li#item5a a, #bareboat-world #sub-nav ul#nav5 li#item7a a, #bareboat-yacht #sub-nav ul#nav5 li#item3a a, #bareboat-europe #sub-nav ul#nav5 li#item6a a, #yacht-cruise-caribbean #sub-nav ul#nav8 li#item1a a, #yacht-cruise-greece #main-nav ul#nav8 li#item2a a, #croatiabareboat #sub-nav ul#nav5 li#item2a a, #greecebareboat #sub-nav ul#nav5 li#item1a a, #turkeybareboat #sub-nav ul#nav5 li#item3a a, #flotillas-caribbean #sub-nav ul#nav3 li#item6a a, #caribbeanbareboat #sub-nav ul#nav5 li#item4a a, #yacht-cruise-tradewinds #sub-nav ul#nav8 li#item3a a, #yacht-cruise-ionian #sub-nav ul#nav8 li#item4a a, #yacht-cruise-mammamia #sub-nav ul#nav8 li#item5a a, #sail-stay-ionian #sub-nav ul#nav6 li#item3a a, #beach-club-nikiana #sub-nav ul#nav4 li#item2a a, #beach-club-palmetto #sub-nav ul#nav4 li#item3a a, #yacht-cruise-dodecanese #sub-nav ul#nav8 li#item5a a, #learn-to-sail #sub-nav ul#nav7 li#item1a a, #learn-to-sail-ionian #sub-nav ul#nav7 li#item1a a, #learn-to-sail-courses #sub-nav ul#nav7 li#item2a a, #learn-to-sail-shorebased #sub-nav ul#nav7 li#item3a a, #beach-club-nautica #sub-nav ul#nav4 li#item1a a
{
	color: 				#efbb16;
}

#sub-nav ul#nav2
{
	margin-left: 		386px;
}

#sub-nav ul#nav3
{
	margin-left: 		15px;
}

#sub-nav ul#nav4
{
	margin-left: 		230px;
}

#sub-nav ul#nav5
{
	margin-left: 		60px;
}

#sub-nav ul#nav6
{
	margin-left: 		210px;
}

#sub-nav ul#nav7
{
	margin-left: 		225px;
}
#sub-nav ul#nav8
{
	margin-left: 		226px;
}

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

#content-wrapper #left-col a
{
	color: #660000;
}

#content-wrapper #sub-temp-content
{
	background: url(/images/common/bg-right-blue.gif) right repeat-y;
	padding-bottom: 10px;
}
#content-wrapper div.bread-crumb
{
	margin-bottom: 2px;
}
h6.breadcrumbs,  h6.breadcrumbs a, h6.breadcrumbs a:visited
{
	font-size: 10px;
	color: #00344e;
}
h6.breadcrumbs a:hover
{
	color: #660000;
}

#content-wrapper #left-col
{
	float: left;
	width: 643px;
	border-top: 1px solid #00344e;
	padding-top: 8px;
}

#content-wrapper #right-col
{
	float: right;
	width: 307px;
	color: #fff;
	border-top: 1px solid #00344e;
}

#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;
	margin: 5px;
	color: #00334e;
}

#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.blue-title
{
	color: #00334e;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#content-wrapper #left-col h2.blue-title
{
	color: #00334e;
	font-size: 24px;
	text-align:center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#content-wrapper #left-col #left-col-1
{
	width: 306px;
	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,
#content-wrapper #left-col span.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: #00334e;
	padding: 4px 0;
}

#content-wrapper #left-col table.itinerary td.td-right
{
	border-bottom: 1px solid #96918c;
	color: #00334e;
	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 th a
{
	color: #efbb14;
}#content-wrapper #left-col td a
{
	color: #00334e;
}
/* --------------------------------------------- Special Offers ------------------------------------------------ */
#content-wrapper #left-col .SpecialOfferClass {
border-bottom:thin dashed #00344e;
}
#content-wrapper #left-col .SpecialOfferClass p font.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;
}

/* --------------------------------------------- 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.gif);
	background-repeat: no-repeat;
}

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

#right-col #specialoffers-box-bot
{
	width: 286px;
	height: 8px;
	background: url(/images/common/specialoffers-side-box-bot.gif) no-repeat;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
}
#right-col #specialoffers-box-bot a
{
	color: #CCC;
	font-size:12px;
	text-decoration:none;
}
#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: #efbb14;
	font-weight: bold;
	margin: 2px 0 3px 0;
	font-size: 14px;
	background-image: url(../images/common/icon-specialoffers.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left center;
	line-height: 30px;
}

#right-col #specialoffers-box-mid 
{
margin-top: 0;
color:#eeba14;
font-size: 11Px;
font-style:normal;
font-weight:normal;
}
#right-col #specialoffers-box-mid p
{
margin-top: 0;
margin-bottom: 0;
color:#eeba14;
font-size: 1em;

}
#right-col #specialoffers-box-mid a
{
	color:#FFF;
}
#right-col #specialoffers-box-mid a:hover
{
	color:#990000;
}
.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;
}
.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;
}
#Offers{ /*Demo 3 main container*/
width: 643px;
height: 3600px;
border: 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-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/images/common/prices-but.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#content-wrapper #right-col .prices-But a
{
	height: 32px;
	padding-top: 8px;
	display: block;
	text-decoration: none;
	width: 285px;
	text-transform: uppercase;
	color: #00334d;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	vertical-align:middle;
	line-height: 1.2em;
}
#content-wrapper #right-col .prices-But a:hover
{
	color: #fff;
}

#content-wrapper #right-col .prices-link, #content-wrapper #right-col .prices-link-wide 
{
	height: 32px;
	background: url(/images/common/prices-bg.gif) right no-repeat;
	margin-top: 16px;
	float: right;
	margin-right: 11px;
	width: 285px;
	display: inline;
}
#content-wrapper #right-col .prices-link-two-line
{
	height: 51px;
	background: url(/images/common/prices-bg2.gif) no-repeat left;
	margin-top: 16px;
	float: right;
	margin-right: 11px;
	width: 285px;
	display: inline;
}

#content-wrapper #right-col .prices-link-two-line a
{
	height: 43px;
	padding-top: 8px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #00334d;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.2em;
}

#content-wrapper #right-col .prices-link-three-line
{
	height: 70px;
	background: url(/images/common/prices-bg3.gif) no-repeat left;
	margin-top: 16px;
	float: right;
	margin-right: 11px;
	width: 285px;
	display: inline;
}

#content-wrapper #right-col .prices-link-three-line a
{
	height: 62px;
	padding-top: 8px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #00334d;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.2em;
}

#content-wrapper #right-col .prices-link-two-line a:hover, #content-wrapper #right-col .prices-link-three-line a:hover
{
	color: #fff;
}

#content-wrapper #right-col .prices-link-two-line span, #content-wrapper #right-col .prices-link-three-line span
{
	font-size: 12px;
}


#content-wrapper #right-col .prices-link-wide
{
	width: 285px;
}

#content-wrapper #right-col .prices-link a, #content-wrapper #right-col .prices-link-wide a
{
	height: 32px;
	line-height: 32px;
	margin: 	1px;
	display: block;
	background: url(/images/common/prices-bg-right.gif) right no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	color: #00334d;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

#content-wrapper #right-col .prices-link a:hover, #content-wrapper #right-col .prices-link-wide a:hover
{
	color: #fff;
}

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

#content-wrapper #right-col #side-photos img
{
	padding-bottom: 30px;
}

/* --------------------------------------------- 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-SUB NAV STYLES ------------------------------------------------ */
.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/* --------------------------------------------- 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: #efbb14;
	width: 286px;
	height: 28px;
	line-height: 28px;
}
ul#right-nav li.sub a
{
	display: block;
	text-decoration: none;
	margin: 0px 0px 0px 20px;
	color: #efbb14;
	width: 266px;
	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;
}

/* --------------------------------------------- WIDE COL STYLES ------------------------------------------------ */

#wide-col
{
	width: 600px;
}

#wide-col ul
{
	color: #00334E;
	margin-left: 30px;
	margin-bottom: 20px;
	padding-right: 40px;
}

#wide-col ul li
{
	padding-bottom: 10px;
	padding-left: 6px;
}

#wide-col h3
{
	color: #00334E;
	padding: 20px 0 15px 0;
}

/* --------------------------------------------- FORM STYLES ------------------------------------------------ */


#left-col fieldset
{
	margin: 30px 0 0 0;
	width: 307px;
	color: #00334E;
}

#left-col fieldset label
{
	width: 100px;
	display: block;
	float: left;	
}

#left-col fieldset input
{
	width: 200px;
	float: left;
	color: #00334E;
}

#left-col fieldset select
{
	float: left;
	color: #00334E;
}

#left-col fieldset .submit-button
{
	width: 70px;
	background-color: #2e536d;
	border: 1px solid #00344e;
	color: #fff;
	float: right;
	margin-right: 4px;
	margin-top: 10px;
}

/* --------------------------------------------- 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 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 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-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 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 #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:				#660000;
	text-decoration:	none;
}

/* --------------------------------------------- SLIDER MENU ------------------------------------------------ */

div#menu-bg
{
	height: 337px; 
	width: 950px;
	overflow: hidden;
}

div#menu-container
{
	margin: 0 auto;
	position: relative;
	height: 337px;
	width: 950px;
	background: url(/images/common/slider-bg.jpg) no-repeat;
	overflow: hidden; /* this is then set to hidden in js */
}


div#menu-container.flotillas
{
	background: url(/images/common/slider-bg-flotillas.jpg) no-repeat;
}

ul#menu-slider
{
	height: 300px;
	left: 0px;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	top: 4px;	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	/* width is declared inline to allow for js scripting */
}

ul#menu-slider li.menu-item
{
	float: left;
	height: 300px;
	position: relative;
	top: 0;
	width: 200px;
	padding: 0 14px;
	background: url(/images/common/menu-item-bg.gif) right repeat-y;
}
ul#menu-slider li.menu-item-3option
{
	float: left;
	height: 300px;
	position: relative;
	top: 0px;
	width: 300px;
	padding: 0px 16px 0 0;
	background: url(/images/common/menu-item-bg.gif) right repeat-y;
}
ul#menu-slider li.spacer
{
	float: left;
	height: 300px;
	position: relative;
	top: 0;
	width: 19px;
	padding: 0 0px;
}
ul#menu-slider li.spacer-3option
{	
	float: left;
	height: 300px;
	position: relative;
	top: 0;
	width: 120px;
	padding: 0 0px;
}

#menu-container.flotillas ul#menu-slider li.menu-item
{
	background: url(/images/common/menu-item-bg-flotillas.gif) right repeat-y;
}

#menu-container.flotillas ul#menu-slider li.menu-item.last-menu-item
{
	background: none
}

ul#menu-slider li.last-menu-item
{
	float: left;
	height: 300px;
	position: relative;
	top: 0;
	width: 200px;
	padding: 0 0 0 14px;
	background: none;
}
ul#menu-slider li.last-menu-item-3option
{
	float: left;
	height: 300px;
	position: relative;
	top: 0;
	width: 300px;
	padding: 0px 0 0 0;
	background: none;
}

ul#menu-slider li.menu-item a:link,
ul#menu-slider li.menu-item a:visited,
ul#menu-slider li.menu-item-3option a:link,
ul#menu-slider li.menu-item-3option a:visited
{
	float: left;
	overflow: hidden;
	width: 100%;	
	font-size: 12px;
	text-align: left;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	color: #efbb14;
	text-decoration: none;	
	font-weight: bold;
}

ul#menu-slider li.menu-item-3option a:active,
ul#menu-slider li.menu-item-3option a:hover,
ul#menu-slider li.menu-item-3option a:hover,
ul#menu-slider li.menu-item-3option a:active
{
	color: #fff;
}
ul#menu-slider li.menu-item-3option p

{
	width: 300px;
	margin: 0;
	padding: 0;
	color: #fff;
}
ul#menu-slider li.menu-item p

{
	width: 180px;
	margin: 0;
	padding: 0;
	color: #fff;
}

ul#menu-slider li.menu-item h2,
ul#menu-slider li.menu-item h1,
ul#menu-slider li.menu-item-3option h2,
ul#menu-slider li.menu-item-3option h1
{
	text-align: left;
	color: #efbb14;
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 13px;
	padding-bottom: 6px;
	margin-top: 14px;
	margin: 0;	
}

ul#menu-slider li.menu-item-3option h1 a, ul#menu-slider li.menu-item-3option h2 a, ul#menu-slider li.menu-item h1 a, ul#menu-slider li.menu-item h2 a {margin-top: 14px;}

ul#menu-slider li.menu-item img,
ul#menu-slider li.menu-item img,
ul#menu-slider li.menu-item-3option img,
ul#menu-slider li.menu-item-3option img
{
	border: 1px solid #e6b414;
	margin-top: 20px;
}


div#slider-rail
{
	background: #0a0301 url(/images/common/rail-bg2.jpg) no-repeat;
	height: 19px;
	left: 37px;
	overflow: hidden;
	position: absolute;
	top: 310px;
	visibility: hidden; /* made visible in code if js is present */
	/* width is declared inline to allow for js scripting */
}

div#slider-handle
{
	cursor: pointer;
	height: 19px;
	position: absolute;
	z-index: 155;
	/* background-color: #666666; 
	border: 1px #FF00FF dashed; */
	/* width is declared inline to allow for js scripting */
}

div#slider-handle-image
{
	background: url(/images/common/slider.png) 1px 0 no-repeat;
	behavior: url(/iepngfix.htc);
	cursor: pointer;
	height: 19px;
	position: absolute;	
	z-index: 5;
	/* width is declared inline to allow for js scripting */
}                

div#slider-left
{
	background: #3d1605 url(/images/common/slider-left.gif) no-repeat;
	cursor: pointer;
	height: 19px;
	width: 20px;
	position: absolute;
	left: 17px;
	top: 310px;
	z-index: 150;
	visibility: hidden; /* made visible in code if js is present */
}

div#slider-left.flotilla
{
	background: #3d1605 url(/images/common/slider-left-flotilla.gif) no-repeat;
}

div#slider-right
{
	background: #3d1605 url(/images/common/slider-right.gif) no-repeat;
	cursor: pointer;
	height: 19px;
	width: 20px;
	position: absolute;
	left: 912px;
	top: 310px;
	z-index: 150;
	visibility: hidden; /* made visible in code if js is present */
}

div#slider-right.flotilla
{
	background: #3d1605 url(/images/common/slider-right-flotilla.gif) no-repeat;
}

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

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



/* ------------------------------------------- Region Links -------------------------------------------------- */
/* These go on Sail and Stay pages */
div#region-links {margin: 20px 0; width: 620px; height: 1.6em}
div#region-links ul {float: left; margin-right: 20px}
div#region-links ul li {display: inline; list-style: inside square}
#left-col div#region-links ul li a {display: block; float: left; padding: 3px 12px; line-height: 1.6em; height: 1.6em; text-decoration: none; background: #123151; color: #efbb16; font-size: 0.90em; font-weight: bold; margin-right: 2px}
#left-col div#region-links ul li a:hover {color: #fff}


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


/* ------------------------------------------ SMALL PRICE BUTTON ----------------------------------------- */
#content-wrapper #sub-temp-content #left-col a.price-button 
{
	margin: 5px 0;
	display: block;
	width: 86px;
	height: 18px;
	background: url(/images/common/prices-bg-small.gif) 0 0 no-repeat;
	text-align: center;
	font-size: 0.9em;
	line-height: 18px;
	text-decoration: none;
	color: #00334e;
}
#content-wrapper #sub-temp-content #left-col a:hover
{
	color:#551A8B;
}


/* --------------------------------------------- CRUISE STYLES ------------------------------------------------ */


#wide-col ul#site-map
{
	width: 300px;
	float: left;
	margin-top: 20px;
}

#wide-col ul#site-map li
{
	margin-bottom: 0px;
	list-style: none;
	border-bottom: 1px solid #8193a3;
	margin-top: 10px;
}

#wide-col ul#site-map li.sub-home 
{
	border-bottom: none;
}

#wide-col ul#site-map li.sub-home ul
{
	margin-bottom: 0;
}

#wide-col ul#site-map li.sub-home ul li
{
	width: 258px;
}

/* --------------------------------------------- SPECIAL OFFER STYLES ------------------------------------------------ */

#left-col #special-offers h1
{
	font-size: 1.5em;
	padding: 20px 0 6px 0;
	color: #00334E;
	font-weight: bold;
	border-bottom: 1px solid #00334E;
	width: 600px;
}

#left-col #special-offers h2
{
	font-size: 1.4em;
	padding: 3px 0;
	color: #00334E;
	font-weight: bold;
}

#left-col #special-offers h2 .red
{
	color: #990000;
}

#left-col #special-offers table 
{
	border: 0;
	margin-bottom: 20px;
}

#left-col #special-offers table tr th
{
	font-size: 1.4em;
	color: #00334E;
	padding-top: 20px;
	padding-bottom: 8px;
	color: #00334E;
}


#left-col #special-offers table tr td
{
	height: 24px;
	color: #00334E;
	border-bottom: 1px solid #00334E;
}

#left-col #special-offers h2.call-us
{
	padding: 30px 0 10px 0;
}

#left-col #special-offers h2.call-us2
{
	padding: 10px 0 20px 0;
}
/* --------------------------------------------- SUB-MENU STYLES ------------------------------------------------ */
#sub-menu
{
	height:				336px;
	width:				950px;
	margin: 			12px 0 16px 0;
	background: 		url(/images/common/slider-bg.jpg) no-repeat;
	padding-left:  		1px;	
}

div#sub-menu
{
	list-style: none;
	float: left;`
}

div#sub-menu ul li
{
	list-style: none;
	float: left;
}

div#sub-menu ul li.menu-item
{
	float: left;
	height: 330px;
	width: 296px;
	padding: 0 10px;
	list-style: none;
	margin-top: 3px;
	background: url(/images/common/sub-menu-divide.png) right repeat-y;
}

div#sub-menu ul li.menu-item-last
{
	float: left;
	height: 330px;
	width: 305px;
	padding: 0 0 0 10px;
	list-style: none;
	margin-top: 3px;
}

div#sub-menu ul li.menu-item a:link,
div#sub-menu ul li.menu-item a:visited,
div#sub-menu ul li.menu-item-last a:link,
div#sub-menu ul li.menu-item-last a:visited
{
	float: left;
	width: 100%;	
	font-size: 12px;
	text-align: left;
	color: #74a72c;
	text-decoration: none;	
}

div#sub-menu ul li.menu-item a:active,
div#sub-menu ul li.menu-item a:hover,
div#sub-menu ul li.menu-item-last a:active,
div#sub-menu ul li.menu-item-last a:hover
{
	color: #74a72c;
}

div#sub-menu ul li.menu-item p,
div#sub-menu ul li.menu-item p,
div#sub-menu ul li.menu-item-last p,
div#sub-menu ul li.menu-item-last p
{
	width: 286px;
	margin: 0;
	padding: 0;
	color: #000;
}

div#sub-menu ul li.menu-item h2,
div#sub-menu ul li.menu-item h2,
div#sub-menu ul li.menu-item-last h2,
div#sub-menu ul li.menu-item-last h2
{
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;	
	font-size: 13px;
	padding-bottom: 6px;
}


div#sub-menu ul li.menu-item h2 a, 
div#sub-menu ul li.menu-item-last h2 a {margin: 10px 0 7px 0; padding: 0; font-size: 13px!important; color: #fff!important}


div#sub-menu ul li.menu-item img,
div#sub-menu ul li.menu-item img,
div#sub-menu ul li.menu-item-last img,
div#sub-menu ul li.menu-item-last img
{
	float: none;
	margin-top: 15px;
	border: 1px solid #e49e00;
}

div#sub-menu ul li.menu-item .more-link,
div#sub-menu ul li.menu-item .more-link,
div#sub-menu ul li.menu-item-last .more-link,
div#sub-menu ul li.menu-item-last .more-link
{
	text-align: left;
	color: #e6af21;
	text-decoration: none;	
	font-size: 12px;
	font-weight: bold;
}

