@charset "utf-8";
/* CSS Document */

	.mainnav_left {
		height: 24px;
		float: left;
		padding: 8px 19px 0px 19px;
		background-image: url(/images/home/bg_main_nav_left.jpg);
	}
	
	.mainnav_left:hover {
		background-image: url(/images/home/bg_main_nav_left_hover.jpg);
	}

	
	.mainnav {
		height: 24px;
		float: left;
		padding: 8px 18px 0px 18px;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #1b5384;
		background-image: url(/images/home/bg_link_gradient_blue.jpg);
		/*background-image: url(/images/home/bg_main_nav.jpg); */
	}
	
	.mainnav_submenu {
		padding: 8px 4px 0px 4px;
	}

	.mainnav_submenu_last {
		padding: 8px 4px 0px 4px;
	}

	.mainnav:hover{
		background-image: url(/images/home/bg_main_nav_hover.jpg);
	}

/* Begin Change this when modifying linkbar*/
	.mainnav_last {
		height: 24px;
		float: left;
		padding: 8px 23px 0px 24px;
		background-image: url(/images/home/bg_main_nav.jpg);
	}
	
	.mainnav_last:hover {
		background-image: url(/images/home/bg_main_nav_hover.jpg);
	}
/* End Change This */

	.mainnav_hotdeals{
		height: 24px;
		float: left;
		padding: 8px 19px 0px 19px;
		background-image: url(/images/home/bg_link_gradient_red.jpg);
	}

	.mainnav_right {
		height: 32px;
		width: 10px;
		float: right;
		background-image: url(/images/home/bg_main_nav_right.jpg);
		background-repeat:no-repeat;
		background-position:right;
	}

	.mainnav_padtop {
		margin-top: 6px;
	}

	ul.main_nav{
		list-style-type: none;
		margin: 0px;
	}
		
	li.main_nav{
		display: inline;
		background-image: url(/images/home/bg_main_nav.jpg);
		height: 32px;
	}

	li.main_nav_left{
		display: inline;
		background-image: url(/images/home/bg_main_nav_left.jpg);
		height: 32px;
	}

	li.main_nav_right{
		display: inline;
		background-image: url(/images/home/bg_main_nav_right.jpg);
		height: 32px;
		width: 12px;
	}
	
	li.main_nav_pink{
		display: inline;
		background-image: url(/images/home/bg_main_nav_pink.jpg);
		height: 32px;
	}

	a.main_nav{
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: white;
		text-decoration: none;
		margin-top: 6px;
	}	

	a.main_nav:hover{
		text-decoration: none
	}
	
a.navbartitle {
  line-height: 16px; /* corresponds to 'top' value of .submenu below */
  height: 32px;
}

.linkbar_container{
	background-image: url(/images/home/bg_link_gradient_blue.jpg);
	height: 32px; 
	border-top: 1px solid #FFFFFF;
}

.linkbar_content{
		width: 970px;
	}
	
.restricted_width{
	width: 140px;
}

.submenu {
	position:absolute; 
	z-index: 1200;
 	top: 2px; /* corresponds to line-height of a.navbartitle above */
  	padding: 0; margin: 0; 
	margin-top: 6px;
	width:220px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	/*background-color:  #666633; */
	background-color:  #ed174d;
	
	border: 1px solid #447755; /* box around entire sub-menu */
  	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
		text-align: left;
	
}

.submenu_last {
	width:77px; /* If adjust this, then adjust width of .submenu below a too */
}
/* Fix IE formatting quirks. */
* html .submenu { width: 100%; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#destinations_submenu {  position: relative; visibility: hidden;  }
#hotels_submenu {  position: relative; visibility: hidden;  }
#login_submenu {  position: relative; visibility: hidden; }
/* Note, each submenu is hidden when the page loads - then made visible when
    the mouse goes over the menu title. Using the 'visibility' property instead
    of using the 'display' property avoided a bug in some versions of Safari. 
    (The bug is pretty where esoteric: The browser ignored the 'hover' property 
    on 'li' objects inside an object whose display property was set to 'none' 
    when the page loaded...) Using the 'visibility' property instead of 'display'
    would normaly take up extra room on the page, but that's avoided here by putting
    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'
    in .submenu definition, higher up this page. */

.submenu a
{
  display: block;
  color: #FFFFFF; 
  background-color: #777777;
  width: 100%; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 4px 6px 4px; 
  margin-left: -4px;
  text-decoration: none;
/*  background-color: #666633; */
  border-bottom: #FFFFFF dotted 1px; 
  border-top: 0; border-left: 0; border-right: 0;
}


ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  
  list-style-type: none;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }
.submenubox ul li a:visited { }
.submenubox ul li a:hover
{
  color: #FFFFFF; /* text color for submenu items */
  background-color: #AAAAAA;
  border-bottom: #447755 dotted 1px; 
}

.submenlink{
	text-align: left;
}