@import "browse.css";

/* = Destinations
-----------------------------------------------------------------------------*/

#destinationsHeader {
	margin-bottom: 25px;
	height: 364px;
	width: 728px;
}

.destinationsTitle {
	background: url(themes/cit/images/pageElements/background/destinationsHeaderBG.jpg) no-repeat;
	color:#000000;
	height: 26px;
	font-size:1.5em;
	padding:6px 0px 0px 13px;
	width: 713px;
}

#listOptions {
	float:left;
	width:362px;
	height: 375px;
	background:url(themes/cit/images/maps/mapItalyLeft.jpg) no-repeat top;
}

#italianMaps {
	float:left;
	width:364px;
	height:375px;
}

/* Fix IE. Hide from IE Mac \*/
* html div#listOptions ul li { float: left; }
* html div#listOptions ul li a { height: 1%; }
/* End */

a.nav, a.nav:link, a.nav:visited, a.nav2, a.nav2:link, a.nav2:visited  {
	display:block;
	height:19px;
	padding:4px 0px 0px 7px;
	text-align:left;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-indent:15px;
	border: 1px solid #ffffff;
	background-image:url(themes/cit/images/pageElements/background/destinationsRegionListGreyArrow.gif);
	text-decoration: none;
}

/***** SIDEBAR *****/

#regionList {
	width:171px;
	float:left;
	z-index:0;
	padding:10px 0px 0px 10px;
}

/*
#sidebar2 {
	width:171px;
	z-index:1;
	padding-top:1px;
}
*/

#regionList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 175px;
	border-top: 4px solid #ffffff ;
	border-bottom: 4px solid #ffffff ;
	z-index:0;
}


#regionList ul li {
	position: relative;
	z-index:0;
	padding:0px !important;
	border-left:4px solid #ffffff;
	border-right:4px solid #ffffff;
}

#regionList ul li ul {
	width:166px !important;
	position: absolute;
	left: 166px;
	top: -4px;
	display: none;
	z-index:0;
	border-top:5px solid #ffffff !important;
	border-bottom:4px solid #ffffff !important;
}

#regionList ul li span {
	width:136px;
	height:18px;
	padding:2px 0px 2px 20px !important;
	background-color:#289826 !important;
	color:#ffffff !important;
}


#regionList ul li a, #regionList ul li span {
	display: block;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #ffffff !important;
}


#regionList ul li:hover ul, #regionList li.over ul { display: block; }
#regionList ul li:hover ul, #regionList ul li.over ul { display: block; }

#sidebartext {
font-size:10px;
font-family:Arial;
color:#bab695;
}

a.nav:hover {
	color:#ffffff;
	background-image:url(themes/cit/images/pageElements/background/destinationsRegionListArrow.gif);
	text-decoration: none;
	display:block;
	width:158px;
}

a.nav2:hover { color:#ffffff; background-image:url(themes/cit/images/pageElements/background/destinationsRegionListPink.gif);  text-decoration: none;}











/* = Destinations Region / Resort mouseovers
-----------------------------------------------------------------------------*/

.regionFrame1, .regionFrame2, .regionFrame3, .regionFrame4, .regionFrame5, .regionFrame6, .regionFrame7, .regionFrame8, .regionFrame9, .regionFrame10, .regionFrame11, .regionFrame12, .regionFrame13 {
	margin-left: 181px;
	margin-top: 29px;
	position: absolute;
	width: 200px;
	z-index: 10000;
}

.regionFrame2 { margin-top:53px; }
.regionFrame3 { margin-top:77px; }
.regionFrame4 { margin-top:101px;}
.regionFrame5 { margin-top:125px; }
.regionFrame6 { margin-top:149px; }
.regionFrame7 { margin-top:173px; }
.regionFrame8 { margin-top:197px; }
.regionFrame9 { margin-top:221px; }
.regionFrame10 { margin-top:245px; }
.regionFrame11 { margin-top:269px; }
.regionFrame12 { margin-top:293px; }
.regionFrame13 { margin-top:317px; }

#listOptions .regionText .areaName a {
	line-height: 24px;
}