﻿/*
.searchbox {width:150px;height:22px;position:absolute;top:108px;left:700px;z-index:10000;}
.searchtextbox {font-size:11px;width:105px;height:11px;line-height:85%;}
.searchtextboxbutton {position:absolute;top:1px;left:118px;}
*/

.searchbox {width:175px;height:22px;z-index:10000;margin-left:780px;margin-top:18px;}
.searchtextbox {font-size:11px;width:105px;height:11px;line-height:85%;}
.searchtextboxbutton {}
      .buttoncss
        {
            width:59px;
            height:17px;
            background-color:#FFFFFF;
            background-image:url(/images/topnav08/searchbutton.jpg);
            border-style:none;
            cursor:pointer;
        position:absolute;
        }
/* !L - has an effect to layout ... do not change or delete unless you want to change the menu behavior */

.Horizontalouter
{
    width: 100%;
    height: 26px;	
    /*background-image:url('/images/graphics/navigation_background.gif');*/
    background-image:url('/images/topnav08a/menu_background.gif') ;
}

.TopMenuCenter
{
    margin:0px auto 0px 0px;width:813px;
}

.Horizontal 
{	
	float: right; 	/* !L */
	width: 100%;
	/*border:1px solid red;	*/
 }

.Horizontal ul 
{
	float:left;     /* !L */
	width: 100%;	/* !L */
	display:block;
	list-style: none;
	margin:0;
	padding: 0;
	z-index: 10;
	/*border:1px solid green;*/
	
}
.Horizontal li 
{
	display: inline;	/* !L */
	float: left;		/* !L */
    position: relative;
    /*border:1px solid yellow;*/
}



.Horizontal a
{
	display: block;		/* !L */
	margin: 0;
	padding: 2px 3px;
	width: 112px;
	/*background-image:url('/images/graphics/navigation_background.gif') ;*/
	background-image:url('/images/topnav08a/menu_background.gif') ;
	text-decoration: none;	
}
.Horizontal ul ul
{
	position: absolute;	/* !L */
	z-index: 500;		/* !L */
	border:1px solid white;
}

.Horizontal ul ul li
{
	display: block;		/* !L */
	clear: left;		/* !L */
	position: relative;	/* !L */
	z-index: 550;	
}

.Horizontal ul ul ul
{
	top: -1px;			/* !L - should be the negation of UL border-width */
	left: 100%;			/* !L */		
}
.Horizontal ul ul, .Horizontal ul li:hover ul ul, .Horizontal ul ul li:hover ul ul {display: none;}		/* !L */
.Horizontal ul li:hover ul,.Horizontal ul ul li:hover ul,.Horizontal ul ul ul li:hover ul{display: block;}		/* !L */


/* Styles specified for Horizontal1 CMSListMenu */
#Horizontal1 /*means first UL*/
{
	font-family: Arial;
	font-size: 12px;


}
#Horizontal1 li
{
	border-left:1px solid white;
	z-index:100;
	padding: 0px;
	
}

#Horizontal1 a
{
	color: White;
	font-weight:bold;
	background-color: #3BA4C4;
	text-align:center;

}
#Horizontal1 a:hover {
	color: white;		
	background: #30869E;
	
	background-image: url(images/bottom_button2.png);
	background-repeat: no-repeat;
	background-position: bottom right;	
	

}

/*dropdown menu layout - individual items*/
#Horizontal1 ul a {
    background-image:none;
    text-align:left;
    border-top:1px solid white;
    padding-left:5px;

    }
/*dropdown menu layout - the whole block*/
#Horizontal1 ul /*add to .Horizontal ul ul */
{
	/*border-bottom: 2px solid #c2c2c2;*/
	width: 120px;
	

/*	border-style: solid;
	border-width: 1px;	
	border-color: #a2e2e2 #c2c2c2 #c2c2c2 #c2c2c2*/
}



	 
#Horizontal1 ul ul
{
	border-right: 2px solid #c2c2c2;
	border-bottom: 0px solid white;
	

    
	/*border-style: solid;
	border-width: 1px;	
	border-color: #e2e2e2 #c2c2c2 #c2c2c2 #c2c2c2	*/
}

.CMSListMenuLI {}

a.MainCMSListMenuLink {
	overflow: hidden;
	padding: 26px 0 0 0;
	height: 0px !important; 
	height /**/    :26px;  /* for IE5/Win only */
	} 
a.MainCMSListMenuLinkHighlighted
{	overflow: hidden;
	padding: 26px 0 0 0;
	height: 0px !important; 
	height /**/    :26px;  /* for IE5/Win only */
    }
  
#Horizontal1_LI_0_1 a.MainCMSListMenuLink  {width: 70px; background: url(/images/topnav08a/home.gif) top left no-repeat;}
#Horizontal1_LI_0_1 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/home_over.gif) top left no-repeat;}
#Horizontal1_LI_0_1 a.MainCMSListMenuLinkHighlighted  {width: 70px; background: url(/images/topnav08a/home_over.gif) top left no-repeat;}
#Horizontal1_LI_0_1 a:hover.MainCMSListMenuLinkHighlighted  {width: 70px; background: url(/images/topnav08a/home_over.gif) top left no-repeat;}

#Horizontal1_LI_0_2 a.MainCMSListMenuLink  {width: 117px; background: url(/images/topnav08a/destination.gif) top left no-repeat;}
#Horizontal1_LI_0_2 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/destination_over.gif) top left no-repeat;}
#Horizontal1_LI_0_2 a.MainCMSListMenuLinkHighlighted  {width: 117px; background: url(/images/topnav08a/destination_over.gif) top left no-repeat;}
#Horizontal1_LI_0_2 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/destination_over.gif) top left no-repeat;}

#Horizontal1_LI_0_3 a.MainCMSListMenuLink  {width: 85px; background: url(/images/topnav08a/holidays.gif) top left no-repeat;}
#Horizontal1_LI_0_3 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/holidays_over.gif) top left no-repeat;}
#Horizontal1_LI_0_3 a.MainCMSListMenuLinkHighlighted  {width: 85px; background: url(/images/topnav08a/holidays_over.gif) top left no-repeat;}
#Horizontal1_LI_0_3 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/holidays_over.gif) top left no-repeat;}

#Horizontal1_LI_0_4 a.MainCMSListMenuLink  {width: 69px; background: url(/images/topnav08a/hotels.gif) top left no-repeat;}
#Horizontal1_LI_0_4 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/hotels_over.gif) top left no-repeat;}
#Horizontal1_LI_0_4 a.MainCMSListMenuLinkHighlighted  {width: 69px; background: url(/images/topnav08a/hotels_over.gif) top left no-repeat;}
#Horizontal1_LI_0_4 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/hotels_over.gif) top left no-repeat;}

#Horizontal1_LI_0_5 a.MainCMSListMenuLink  {width: 70px; background: url(/images/topnav08a/flights.gif) top left no-repeat;}
#Horizontal1_LI_0_5 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/flights_over.gif) top left no-repeat;}
#Horizontal1_LI_0_5 a.MainCMSListMenuLinkHighlighted  {width: 70px; background: url(/images/topnav08a/flights_over.gif) top left no-repeat;}
#Horizontal1_LI_0_5 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/flights_over.gif) top left no-repeat;}

#Horizontal1_LI_0_6 a.MainCMSListMenuLink  {width: 87px; background: url(/images/topnav08a/aboutus.gif) top left no-repeat;}
#Horizontal1_LI_0_6 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/aboutus_over.gif) top left no-repeat;}
#Horizontal1_LI_0_6 a.MainCMSListMenuLinkHighlighted  {width: 87px; background: url(/images/topnav08a/aboutus_over.gif) top left no-repeat;}
#Horizontal1_LI_0_6 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/aboutus_over.gif) top left no-repeat;}
/*
#Horizontal1_LI_0_7 a.MainCMSListMenuLink  {width: 100px; background: url(/images/topnav/wishlist.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav/wishlist_over.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a.MainCMSListMenuLinkHighlighted  {width: 100px; background: url(/images/topnav/wishlist_over.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav/wishlist.gif) top left no-repeat;}
*/
#Horizontal1_LI_0_7 a.MainCMSListMenuLink  {width: 63px; background: url(/images/topnav08a/maps.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/maps_over.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a.MainCMSListMenuLinkHighlighted  {width: 63px; background: url(/images/topnav08a/maps_over.gif) top left no-repeat;}
#Horizontal1_LI_0_7 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/maps_over.gif) top left no-repeat;}

#Horizontal1_LI_0_8 a.MainCMSListMenuLink  {width: 87px; background: url(/images/topnav08a/magazine.gif) top left no-repeat;}
#Horizontal1_LI_0_8 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/magazine_over.gif) top left no-repeat;}
#Horizontal1_LI_0_8 a.MainCMSListMenuLinkHighlighted  {width: 87px; background: url(/images/topnav08a/magazine_over.gif) top left no-repeat;}
#Horizontal1_LI_0_8 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/magazine_over.gif) top left no-repeat;}

#Horizontal1_LI_0_9 a.MainCMSListMenuLink  {width: 105px; background: url(/images/topnav08a/contactus.gif) top left no-repeat;}
#Horizontal1_LI_0_9 a:hover.MainCMSListMenuLink {background-position: 0 -26px; background: url(/images/topnav08a/contactus_over.gif) top left no-repeat;}
#Horizontal1_LI_0_9 a.MainCMSListMenuLinkHighlighted  {width: 105px; background: url(/images/topnav08a/contactus_over.gif) top left no-repeat;}
#Horizontal1_LI_0_9 a:hover.MainCMSListMenuLinkHighlighted {background-position: 0 -26px; background: url(/images/topnav08a/contactus_over.gif) top left no-repeat;}

#Horizontal1_UL_1 #Horizontal1_LI_1_1 a:hover.SubCMSListMenuLink {background-color:#3BA4C4;cursor:default;}
#Horizontal1_UL_1 #Horizontal1_LI_1_2 a:hover.SubCMSListMenuLink {background-color:#3BA4C4;cursor:default;}
#Horizontal1_UL_1 #Horizontal1_LI_1_3 a:hover.SubCMSListMenuLink {background-color:#3BA4C4;cursor:default;}

#Horizontal1_LI_0_3 ul li ul {display:none;}


/* .SubCMSListMenuLink {border:2px solid red;z-index:6000}*/

.DropDown 
{
	position: relative;	/* !L */
	width: 150px;
	height: 20px;
	z-index: 1;
	
	font-family: Arial;
	font-size: 12px;
	background-color: #e2e2e2;
	border: 2px solid #808080;	
}
div.DropDown:hover ul
{
	z-index: 10;		/* !L */
	visibility: visible;/* !L */
}
div.DropDown ul:hover
{	
	background-color: White; /* this allows to get over the last item of dropDownList, otherwise will be closed. */
}
.DropDown ul 
{	
	z-index: -10;		/* !L */
	visibility: hidden; /* !L */
	
	position: absolute;	/* !L */
	top: 20px;			/* !L */
	
	width: 150px;

	list-style: none;
	margin: 0;
	padding: 0;	
}
.DropDown li 
{	
	position:relative;	/* !L */
}
.DropDown a
{
	display: block;		/* !L */
	margin: 0;
	padding: 2px 3px;

	color: Black;
	background-color: #e2e2e2;			
	text-decoration: none;
}
.DropDown a:hover {
	color: white;
	background: #b2b2b2;
}
.DropDown ul ul
{
	display: none;		/* !L */
}



.HorizontalFooter 
{	
	
	float: left;	/* !L */
	width: 100%;	
	padding-left:8px;
}
.HorizontalFooter ul 
{
	float:left;     /* !L */
	width: 100%;	/* !L */
	
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 100;
	/*background-color:Green*/
}
.HorizontalFooter li 
{
	display: inline;	/* !L */
	float: left;		/* !L */
	
}
.HorizontalFooter a
{
	display: block;		/* !L */
	margin: 0;
	padding: 2px 3px;
	padding-left:5px;
	padding-right:5px;
	/*width: 112px;*/
	color:#444444;
	text-decoration: none;	
	/*background-color:Red*/
}
/* !L - has an effect to layout ... do not change or delete unless you want to change the menu behavior */



.HorizontalSUB 
{	float: right;	/* !L */ width: 100%; }
.HorizontalSUB ul 
{	float:left;     /* !L */
	width: 100%;	/* !L */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 100;
	
}

.HorizontalSUB li 
{
	display: inline;	/* !L */
	float: left;		/* !L */
	}
.HorizontalSUB a
{
	display: block;		/* !L */
	margin: 0;
	padding: 2px 3px;
	width: auto;
	text-decoration: none;	
	
}
.HorizontalSUB ul ul
{
	position: absolute;	/* !L */
	z-index: 500;		/* !L */
}
.HorizontalSUB ul ul li
{
	display: block;		/* !L */
	clear: left;		/* !L */
	position: relative;	/* !L */
	z-index: 550;	
}

/* for holiday types intro/choose itinerary menu */
.SecondLevelHorizontal {	float: right;	/* !L */ width: 100%;	}
   .SecondLevelHorizontal ul {		float:left;     /* !L */	width: 100%;	/* !L */	list-style: none;	margin: 0;	padding: 0;	z-index: 100;}
   .SecondLevelHorizontal li {display: inline;	/* !L */	float: left;		/* !L */	}
   .SecondLevelHorizontal a{
	display: block;		/* !L */
	color:white;
	margin: 3;
	padding: 2px 11px 2px 10px;
	width: auto;
	border-right:1px solid white;
	text-decoration: none;
	
	font-weight:bold;
	font-size:80%;
    }
    .SecondLevelHorizontal a:hover{background-color:#0085A4;color:white;}
    
    #SecondLevelHorizontal{}
    #SecondLevelHorizontal a{background-color:#016179;border:1px solid white;height:20px;}
 
 
.debuginfo {font-style:italic;padding-left:10px;padding-bottom:5px;color: #c0c0c0; font-size: 9px; line-height: 10px;}

.TitleLabel {font-size: 150%;color:White;padding-left:10px;padding-top:10px;}


a.col1 {display: block;
	    width: 164px;
	    height: 47px;
	    text-decoration: none;}
a.col1:hover {
	background-position: -164px 0;
	}
a.rolloverTailor {
	background: url("images/graphics/home2009/centrenav/tailormade.jpg");
	}
a.rolloverCruises {
	background: url("images/graphics/home2009/centrenav/cruises.jpg");
	}
a.rolloverHoneymoon {
	background: url("images/graphics/home2009/centrenav/honeymoon.jpg");
	}
a.col2 {display: block;
	    width: 162px;
	    height: 47px;
	    text-decoration: none;}
a.col2:hover {
	background-position: -162px 0;
	}
a.rolloverGroupTours {
	background: url("images/graphics/home2009/centrenav/grouptours.jpg");
	}
a.rolloverFamily {
	background: url("images/graphics/home2009/centrenav/family.jpg");
	}
a.rolloverBeach {
	background: url("images/graphics/home2009/centrenav/beach.jpg");
	}
a.col3 {display: block;
	    width: 163px;
	    height: 47px;
	    text-decoration: none;}
a.col3:hover {
	background-position: -163px 0;
	}
a.rolloverFlights {
	background: url("images/graphics/home2009/centrenav/flights.jpg");
	}
a.rolloverValue {
	background: url("images/graphics/home2009/centrenav/value.jpg");
	}
a.rolloverMore {
	background: url("images/graphics/home2009/centrenav/more.jpg");
	}
		
.displace {
	position: absolute;
	left: -5000px;
	}

