/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Get rid of the margin, padding and bullets in the unordered lists */

ul#nav {
	color:#666;
	height:30px;
	position:absolute;
	top:87px;
	left:20px;
	padding:0 12px 0 13px;
	border-left:1px solid #3f3f3f;
	border-right:1px solid #3f3f3f;
	font-size:1.0em;
	z-index:100;
	background:url(img/nav/navBg.gif) #535353;
	}
	
ul#nav ul.sub {
	position:absolute;
	top:30px;
	padding:10px 15px;
	border-left:1px solid #bdbdbd;
	border-right:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	background:url(img/nav/subnavBg.png);
	font-weight:bold;
	}
	
* html ul#nav ul.sub 				{padding:0 15px 10px 15px;top:5px;}

/* Set up the list items */

ul#nav li 					{float:left;height:30px;margin:0;padding:0;list-style-type:none;}
ul#nav li span.hidden 				{visibility:hidden;}

/* Set up the link size, color and borders */

ul#nav a, 
ul#nav a:visited 				{color:#707070;display:block;height:30px;line-height:18px;text-decoration:none;font-weight:normal}

ul#nav a:hover 					{color:#707070;font-weight:normal}

ul#nav b, 
ul#nav b a, 
ul#nav b a:visited, 
ul#nav b a:hover,
ul#nav li ul.sub li,
ul#nav li ul.sub li.first a			{color:#ef3e42;font-weight:bold;white-space:nowrap;}


ul#nav li ul.sub li.view-all a			{color:#7f7f7f;font-weight:bold}


/* Set up the sub level borders */

ul#nav li ul.sub li 				{height:auto;}

ul#nav li ul.sub li a, 
ul#nav li ul.sub li a:visited 			{height:auto;width:auto;}

ul#nav li ul.sub li  				{display:block;clear:both;background-image:none;}
ul#nav li ul.sub li a 				{color:#7f7f7f;display:block;height:auto;float:left;text-decoration:none;padding:0;cursor:pointer;background-image:none;white-space:nowrap;clear:both;}
ul#nav li ul.sub li a.last 			{border-bottom:0;padding-bottom:0;}
ul#nav li ul.sub li a:hover 			{text-decoration:underline;}

ul#nav li ul.sub li.first 			{margin-top:10px}

ul.col1 li, ul.col2 li {clear:both; width:100%}


/* HOME STATE */

ul#nav li.home, ul#nav li.home a 		{width:69px;background:url(img/nav/navHome.gif)}

body.homePage ul#nav li.home, 
body.homePage ul#nav li.home a 			{width:69px;background:url(img/nav/navHome.gif) 0 -60px;}

ul#nav li ul.sub 				{width:auto;}

ul#nav li ul.sub li a,
body.homePage ul#nav li.home li a,
body.newsPage ul#nav li.news li a,
body.newspage ul#nav li.news li a,
body.aboutPage ul#nav li.about li a,
body.merchandisePage ul#nav li.merchandise li a,
body.contactPage ul#nav li.contact li a,
body.trackPage ul#nav li.track li a,
body.experiencesPage ul#nav li.experiences li a,
body.eventsPage ul#nav li.events li a,
body.corporatePage ul#nav li.corporate li a	{width:auto;max-width:315px;min-width:150px;padding-right:10px;}



/* events STATE */

ul#nav li.events, ul#nav li.events a 		{width:84px;background:url(img/nav/navEvents.gif);}

body.eventsPage ul#nav li.events, 
body.eventsPage ul#nav li.events a 		{width:84px;background:url(img/nav/navEvents.gif) 0 -60px;}

body.eventsPage ul#nav li:hover > a 		{background-position:0 -30px;}
body.eventsPage ul#nav li ul.sub li a 		{background-image:none;}


/* experiences STATE */

ul#nav li.experiences, 
ul#nav li.experiences a 			{width:119px;background:url(img/nav/navExperiences.gif)}

body.experiencesPage ul#nav li.experiences, 
body.experiencesPage ul#nav li.experiences a 	{width:119px;background:url(img/nav/navExperiences.gif) 0 -60px;}

body.experiencesPage ul#nav li:hover > a 	{background-position:0 -30px;}

body.experiencesPage ul#nav li ul.sub li a {background-image:none;}

ul#nav li.experiences ul.sub li.subHeader{margin-top:10px}

ul#nav table				{border:0;border-collapse:collapse;visibility:hidden;}

ul#nav li.experiences ul.sub {width: 400px}
ul#nav li.experiences ul.sub li {clear:none}

ul#nav li.experiences ul.sub li ul.col1  {float:left; width: 210px;}
ul#nav li.experiences ul.sub li ul.col2 {float:left; width: 170px;}

/* corporate STATE */

ul#nav li.corporate, 
ul#nav li.corporate a 			{width:106px;background:url(img/nav/navCorporate.gif)}

body.corporatePage ul#nav li.corporate, 
body.corporatePage ul#nav li.corporate a{width:106px;background:url(img/nav/navCorporate.gif) 0 -60px;}

body.corporatePage ul#nav li:hover > a 	{background-position:0 -30px;}
body.corporatePage ul#nav li ul.sub li a {background-image:none;}
ul#nav li.corporate ul.sub li ul li 	{margin-top:0}


/* track STATE */

ul#nav li.track, ul#nav li.track a 	{width:75px;background:url(img/nav/navTrack.gif)}

body.trackPage ul#nav li.track, 
body.trackPage ul#nav li.track a 	{width:75px;background:url(img/nav/navTrack.gif) 0 -60px;}

body.trackPage ul#nav li:hover > a 	{background-position:0 -30px;}
body.trackPage ul#nav li ul.sub li a 	{background-image:none;}
ul#nav li.track ul.sub li ul li 	{margin-top:0}


/* merchandise STATE */

ul#nav li.merchandise, 
ul#nav li.merchandise a 			{width:123px;background:url(img/nav/navMerchandise.gif)}

body.merchandisePage ul#nav li.merchandise, 
body.merchandisePage ul#nav li.merchandise a 	{width:123px;background:url(img/nav/navMerchandise.gif) 0 -60px;}

body.merchandisePage ul#nav li:hover > a 	{background-position:0 -30px;}
body.merchandisePage ul#nav li ul.sub li a 	{background-image:none;}
ul#nav li.merchandise ul.sub li ul li 	{margin-top:0}

/* about STATE */

ul#nav li.about, ul#nav li.about a 	{width:165px;background:url(img/nav/navAbout.gif)}

body.aboutPage ul#nav li.about, 
body.aboutPage ul#nav li.about a 	{width:165px;background:url(img/nav/navAbout.gif) 0 -60px;}

body.aboutPage ul#nav li:hover > a 	{background-position:0 -30px;}
body.aboutPage ul#nav li ul.sub li a 	{background-image:none;}
ul#nav li.about ul.sub li ul li 	{margin-top:0}

/* news STATE */

ul#nav li.news, 
ul#nav li.news a 			{width:71px;background:url(img/nav/navNews.gif)}

body.newspage ul#nav li.news, 
body.newspage ul#nav li.news a,
body.newsPage ul#nav li.news, 
body.newsPage ul#nav li.news a		{width:71px;background:url(img/nav/navNews.gif) 0 -60px;}

body.newspage ul#nav li:hover > a,
body.newsPage ul#nav li:hover > a 	{background-position:0 -30px;}
body.newspage ul#nav li ul.sub li a ,
body.newsPage ul#nav li ul.sub li a 	{background-image:none;}

body.newsPage ul#nav li:hover > a 	{background-position:0 -30px;}


/* contact STATE */

ul#nav li.contact, ul#nav li.contact a {width:111px;background:url(img/nav/navcontact.gif)}
body.contactPage ul#nav li.contact, 
body.contactPage ul#nav li.contact a {width:111px;background:url(img/nav/navcontact.gif) 0 -60px;}

body.contactPage ul#nav li:hover > a {background-position:0 -30px;}
body.contactPage ul#nav li ul.sub li a 	{background-image:none;}

ul#nav li.contact ul.sub {width: 108px}





/* For Non-IE browsers and IE7 */

ul#nav li:hover {position:relative;}


/* Make the hovered list color persist */

ul#nav li:hover > a 		{background-position:0 -30px;}

ul#nav li.search:hover > a, 
ul#nav li.destinations:hover > a, 
ul#nav li.ideas:hover > a 	{background-position:0 -60px;}


/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

ul#nav li ul.sub 		{display:none;}


/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

ul#nav li:hover > ul.sub 	{display:block;position:absolute;top:-11px;left:80px;}


/* Position the first sub level beneath the top level links */

ul#nav > li:hover > ul.sub 	{left:0;top:30px;padding:0 0 10px 15px;height:auto;}


/* get rid of the table */

ul#nav table 			{position:absolute;top:14px;left:0;z-index:100;padding:0;margin:0;}


/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

* html ul#nav li a:hover 	{position:relative;background-position:0 -30px;}
* html ul#nav li a:hover ul.sub	{padding:0 0 10px 15px;}

* html ul#nav li.search a:hover, 
* html ul#nav li.destinations a:hover, 
* html ul#nav li.ideas a:hover 	{background-position:0 -60px;}
* html ul#nav li ul.sub li a	{width:180px;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none;to visibility:hidden;*/

* html ul#nav li ul.sub 	{visibility:hidden;display:block;position:absolute;top:16px;left:-100px;}

/* make the second level visible when hover on first level link and position it */
* html ul#nav li a:hover ul.sub {visibility:visible;left:0;}

/* make the third level visible when you hover over second level link and position it and all further levels */
ul#nav li a:hover ul.sub a:hover ul{visibility:visible;top:-11px;left:80px;}


/* TAB NAVIGATION */

ul.tabs 			{float:left;width:600px;color:#ef3e42;background:url(img/pixel.gif) bottom repeat-x}
ul.tabs li 			{float:left;border:#cdcdcd solid;border-width:1px 1px 0 0;background:#fff}
ul.tabs li.first 		{border-left:#cdcdcd solid 1px;}


/* JOEL

ul.tabs li.down 		{padding:5px 12px 6px 12px;cursor:default;}
ul.tabs li a 			{float:left;padding:5px 12px 6px 12px;background:url(img/tabs/tabBack.gif) repeat-x left bottom;}
*/


ul.tabs li.down 		{color:#EB0D2D;cursor:default;}
ul.tabs li a 			{float:left;padding:5px 12px 6px 12px;background:url(img/tabs/tabBack.gif) repeat-x left bottom;}
ul.tabs li.down a		{cursor:default;color:#EB0D2D;background-image:none;padding:5px 12px 6px 12px;}

ul.tabs li a:link,
ul.tabs li a:visited 		{color:#7f7f7f;text-decoration:none;}

ul.tabs li a:hover 		{color:#7f7f7f;text-decoration:underline;}

ul.tabs li.down a:link,
ul.tabs li.down a:visited 		{color:#EB0D2D;text-decoration:none;}

ul.tabs li.down a:hover 		{text-decoration:none;}




/****** booking page tabs
**************************************************************/

ul.tabs.booking 			{float:left;clear:both;width:920px;display:inline;margin-left:15px;}
ul.tabs.booking li.down 		{color:#EB0D2D;}
ul.tabs.booking li 			{text-align:center;}

ul.tabs.booking li strong,
ul.tabs.booking li a strong		{font-weight:bold;}



/****** events page tabs
**************************************************************/

ul.tabs.events-tabs 			{float:left;clear:both;width:600px;display:block;}
ul.tabs.events-tabs li			{display:inline;float:right;}
ul.tabs.events-tabs a 			{float:left;}

ul.tabs.events-tabs li.event-tab		{display:inline;float:right;border:0;background:transparent;}
ul.tabs.events-tabs li.event-tab h4.redSideHeading		{display:inline;float:right;margin-right:10px;padding-top:3px;}




/* HEADER NAVIGATION */

ul.topnav 			{float:left;width:951px;font-size:0.9em;background:#bad24c;padding:8px 29px 5px 0}

ul.topnav a, 
ul.topnav a:visited, 
ul.topnav a:hover 		{color:#3f713f}

ul.topnav li 			{float:right;padding:0 10px;background:url(img/topnavPipe.gif) right no-repeat;}
ul.topnav li.first 		{border-left:none;}

ul.topnav li.phone 		{width:100px;height:16px;padding:0;margin-left:10px;display:inline;background:url(img/phoneNo.gif)}
ul.topnav li.phone span 	{position:absolute;left:-1000em;}


/* BREADCRUMB NAV */

div.breadcrumbWrapper 		{position:relative;}
ul#breadcrumb 			{color:#ef3e42;position:absolute;top:527px;left:12px;width:906px;padding:0 23px 0 37px;background:url(img/breadcrumb-backing.png) no-repeat left top;line-height:45px;}

ul#breadcrumb li 		{float:left;padding:0 10px 0 15px;background:url(img/breadcrumbArrow.gif) no-repeat left center;}
ul#breadcrumb li.first 		{background:none;padding-left:0;}
div.breadcrumbWrapper a, 
div.breadcrumbWrapper a:visited {color:#7f7f7f;text-decoration:none;}
div.breadcrumbWrapper a:hover 	{color:#7f7f7f;text-decoration:underline;}

div.breadcrumbWrapper a.print 	{position:absolute;right:30px;top:542px;height:20px;padding-right:20px;background:url(img/buttons/print.gif) top}
div.breadcrumbWrapper a.print:hover {background:url(img/buttons/print.gif) 0 -20px;}

body.bookingPage ul#breadcrumb 	{top:270px;}




/* TERTIARY NAV */

div.tertiaryNav ul 		{float:left;font-weight:bold;padding:7px 0 35px 13px;}
div.tertiaryNav li 		{float:left;line-height:2.4em;}
div.tertiaryNav li a, 
div.tertiaryNav li a:visited 	{color:#7f7f7f;float:left;padding-left:17px;font-weight:bold;width:275px;background:url(img/redArrow.gif) no-repeat 2px 10px;text-decoration:none}
div.tertiaryNav li a:hover 	{color:#999;}
div.tertiaryNav li li 		{line-height:2em;}

div.tertiaryNav li a.here,
div.tertiaryNav li a.sub-cat-here,
body.popup div.tertiaryNav ul li a,
div.tertiaryNav li a.here:visited {background-position:2px -102px;}

div.tertiaryNav li a.sub-cat-here	{color:#ef3e42;}
div.tertiaryNav li a.no-sub-cat-here	{color:#ef3e42;background-position: 2px 10px;}

div.tertiaryNav ul ul		{padding:0 0 0 15px;}
div.tertiaryNav li li a,
div.tertiaryNav li li a:visited	{padding-left:15px;background:none;font-weight:normal;width:250px;}

div.tertiaryNav li li a.here,
div.tertiaryNav li li a.here:visited	{color:#ef3e42;}

body.popup div.tertiaryNav ul {padding-left:0;padding-bottom:20px;margin-left:0;}

body.popup div.tertiaryNav li,
body.popup div.tertiaryNav li a:visited,
body.popup div.tertiaryNav li a {width:280px;clear:both}