/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.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.
=================================================================== */


/* ================================================================ 
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/navs/final_drop3.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.
=================================================================== */
/* style the outer div to give it width */
.nav {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../css/navigation_related_images/blank.gif);
	background-repeat: repeat-x;
	width: 800px;
	height: 36px;
	z-index: 50;
	position: absolute;
	font-weight: bold;
}

/* remove all the bullets, borders and padding from the default list styling */
.nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	height:34px;
	background-color: #06C;
	background-image: url(../css/navigation_related_images/blank.gif);
	z-index: 50;
}

/* style the sub-level lists */
.nav ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown nav positon */
.nav ul li {
	float:left;
	height:36px;
	line-height:29px;
}

/* style the sub level list items */
.nav ul ul li {
	display:block;
	width:12em;
	height:auto;
	position:relative;
	line-height:1em;
}

/* style the links for the top level */
.nav a, .nav a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:1em;
	text-decoration:none;
	color:#666;
	background-image: url(../css/navigation_related_images/blank.gif);
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 22px;
}

/* style the sub level links */
.nav ul ul a, .nav ul ul a:visited {
	display:block;
	color:#666;
	width:12em;
	height:100%;
	line-height:1em;
	padding:0.5em 1em;
	background: #CCC;
	border: 1px solid #CCC;
	z-index: 50;
}
.nav ul table ul a, .nav ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.nav table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.nav ul ul table {lef\t:-1px;}
.nav ul ul table ul.left {margin-lef\t:2px;}

.nav li:hover {position:relative;}
* html .nav a:hover {position:relative;}

/* style the third level background */
.nav ul ul ul a, .nav ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.nav ul ul ul ul a, .nav ul ul ul ul a:visited {background:#ccc; display:none;}
/* style the sub level 1 background */
.nav ul :hover a.sub3 {background:#ccc;}
/* style the sub level 2 background */
.nav ul ul :hover a.sub4 {background:#ccc;}

/* style the level hovers */
/* first */
.nav a:hover {
	color:#000;
	background-image: url(../css/navigation_related_images/blank_over.gif);
}
.nav :hover > a {
	color:#000;
	background-color: #bbb;
	background-image: url(../css/navigation_related_images/blank_overa.gif);
}
/* second */
.nav ul ul a:hover{color:#000;background:#ccc;}
.nav ul ul :hover > a {color:#000;background:#ccc;}
/* third */
.nav ul ul ul a:hover {background:#ccc;}
.nav ul ul ul :hover > a {background:#ccc;}
/* fourth */
.nav ul ul ul ul a:hover {background:#ccc;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0;width:14em;z-index: 50;}

/* position the third level flyout nav */
.nav ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout nav for a left flyout */
.nav ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul, .nav ul a:hover ul {
	visibility:visible;
	height:auto;
	padding-bottom:5px;
	background:transparent url(images/trans.gif);
	z-index: 50;
}
/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.nav ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.nav ul :hover ul :hover ul :hover ul {visibility:visible;}

/* ================================================================ 
Destination / Accordian Menu - Some values are changed via JS
=================================================================== */

.destinationsMenu, .destinationsMenu li
{
	border: 0;
	list-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 10px;
}
h4
{
	color: #666666;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
	list-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 11px;
}
#main
{
	width: 220px;
}
#accordion li
{
	border-bottom: dotted 1px #666666;
}
#accordion li a
{
	display: block;
	padding: 3px 6px;
	text-decoration: none;
	color: #666666;
}
#accordion li a:hover
{
	background-color: #CCCCCC;
}


/* ================================================================ 
Special Offers Result Page Filter
=================================================================== */

/* ================================================================ 
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/filters/scroll_filter.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.
=================================================================== */

/* set up the overall width of the filter div, the font and the margins with a relative position*/
.filter 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:570px;
	z-index:100;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.filter ul 
{padding:0; margin:0; list-style-type: none; border:0;}

/* float the list so that the items are in a line */
.filter ul li 
{float:left; position:relative; margin-right:1px;}

/* style the links to be 150px wide by 20px high. Set the background color and the font size. */
.filter ul li a, 
.filter ul li a:visited 
{
	display:block;
	text-align:left;
	text-decoration:none;
	width:184px;
	height:20px;
	color:#FFF;
	line-height:20px;
	font-size:11px;
	text-indent:10px;
	background-color: #fff;
	background-image: url(backgrounds/green_gradient_bkg.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #339900;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #339900;
	background-position: bottom;	
}


/* Get rid of any default table style */
table {border-collapse:collapse;margin:0; padding:0;}

/* make the dropdown ul invisible */
.filter ul li ul {
	display:none;
	text-align:left;
	position:absolute;
	top:22px;
	left:-20px;
	text-align:left;
	z-index:100;
	padding:0 30px 20px 20px;
	background-repeat: no-repeat;
	background-position: 20px 100%;
}

/* set the foreground color of the main filter li on hover and the border to trigger IE */
.filter ul li:hover a, 
.filter ul li a:hover
{color:#fff; 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #339900;
	border-right-color: #336600;
	border-bottom-color: #336600;
	border-left-color: #339900;
}

/* make the sub filter ul visible and position it beneath the first list item */
.filter ul li:hover ul, 
.filter ul li a:hover ul
{display:block;}

/* make the sub filter ul li the full width with padding and border. Add an auto scroll bar */
.filter ul li:hover ul li, 
.filter ul li a:hover ul li
{
	color:#000;
	width:184px;
	height:200px;
	overflow:auto;
	background-color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
/* hack the widht for IE5.5 */
* html .filter ul li a:hover ul li {
	width:150px;
	w\idth:149px;
}

/* style the background and foreground color of the subfilter links */
.filter ul li:hover ul li a, .filter ul li a:hover ul li a
{
	float:left;
	display:block;
	color:#999;
	width:164px;
	overflow: hidden;
	text-align:left;
	text-decoration:none;
	border:0;
	text-indent:5px;
	background:#FFF;
	background-color: #FFF;
	font-weight:normal;
}

/* style the background and forground colors of the links on hover */
.filter ul li:hover ul li a:hover,
.filter ul li a:hover ul li a:hover
{
	text-decoration:none;
	color:#333;
	background-color: #FFF;
	font-weight:normal;
}