/* CSS Document */

body {
	text-align: center;
	min-width: 760px;
	background-image: url(resource/bg/bg.gif);
	background-repeat: repeat;
	background-position: top left;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

*html body {
	text-align: center;
	color: #CCCCCC;
	font-size: x-small; /*for IE5/Win*/
	font-size: small; /*for other IE versions*/
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

/*Template Layout*/

#wrapper {
	text-align: center;
	margin: 0 auto;
    width: 920px;
	background-image: url(resource/bg/content_bg.jpg);
	background-repeat: repeat;
	border-color: #ebdad9;
	border-style: solid;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
}
	
		 	 	 /*content topshade*/
.topshade {
	padding: 18px 0px 0px 0px;
	background-image: url(resource/bg/topshade.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}
	 
.key{
	 background-image:url(resource/bg/dotted_key.gif);
	 background-position: top left; 
	 background-repeat: repeat;
}
	 
.keydetails{
	 background-image:url(resource/bg/dotted_key_details.gif);
	 background-position: top left; 
	 background-repeat: repeat;
}
	 
.keydetailshoriz{
	 height: 22px;
	 background-image: url(resource/bg/dotted_key_details_horiz.gif);
	 background-position: top left; 
	 background-repeat: repeat;
}

.itineraryboxtop{
	background-image: url(resource/boxes/itinerarytop_bg.jpg);
	background-repeat: repeat;
	background-position: top left;
	color: #FFFFFF;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	padding: 4px 10px 4px 5px;
}
	
.highlights_bg{
	background-image: url(resource/boxes/highlights_bg.jpg);
	background-repeat: repeat;
	background-position: top left;
}
	
	 ul{
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 0px;
}
	
.highlights_bullet{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #996666;
	padding: 0px 8px 6px 0px;
	margin: 0px 0px 0px 0px;
}


.departurekey{
	background-image: url(resource/boxes/departure_key.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}
	
.departurelist{
	text-align: left;
	font-size: 75%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
}

.departurelistbold{
	text-align: left;
	font-size: 75%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
}

.destback{
	text-align: right;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #996699;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
	
a.destback{
	text-align: right;
	font-size: 100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: #996699;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
	
	
.details_rh_images{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
}


	 

	
 /*SEASONAL BOX HP*/
.seasonal{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	text-decoration: underline;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 7px 0px;
}
	
.seasonalbullet{
	margin: 2px 0px 0px 0px;
}
	
	
.seasonalpic{
	margin: 0px 1px 4px 1px;
}
	
	
	 /*FAVOURITES BOXES*/
	.fav_bg{
	background-image: url(resource/boxes/fav_box_mid.jpg);
	background-position: top left;
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}

.favscopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 4px 15px 0px 0px;
}
	 /*DESTINATION BOXES*/
.dest_bg{
	background-image: url(resource/boxes/dest_box_mid.jpg);
	background-position: top left;
	background-repeat: repeat;
	padding: 0px 0px 0px 0px;
}
.dest_text {
	float: left;
	margin-top: 9px;
	width: 130px;
}
	
a.dest_title {
	font-size: 80%;
	color: #CC0000;
	font-weight: bold;
	text-decoration: underline;
}
	
.dest_go {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
.dest_table{
	margin: 0px 0px 9px 0px;
}
	
	/*Footer Layout*/
	
#footernav {
	text-align: center;
	margin: 0 auto;
    width: 920px;
	padding: 4px 0px 6px 0px;	
	font-size: 8px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
	

.footlink {
	line-height: 16px;
	padding: 0px 15px 0px 15px;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
	
.blackfoot {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
	
.blackfootlinks {
	padding: 0px 0px 0px 0px;
	font-size: 8px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
	
a.blackfootlinks {
	padding: 0px 9px 0px 9px;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
	
	 
	 
	 /*horiznav*/
#navwrapper {
    width: 920px;
	background-color: #694674;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #ebdad9; 
	border-width: 1px;
	padding: 0px 0px 0px 0px;
}
	 
a.nav {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a:hover.nav {
	color: #ebdad9;
}
	 
	 
	 	 /*vertnav*/
.navbg {
	background-image:url(resource/nav/navleftbg.jpg);
	background-position: top left;
	background-repeat: repeat;
}

#vertnav{
	width: 172px;
	text-align: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 75%;
	line-height: 14px;
}

#vertnav a{
	text-align: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#vertnav a:hover{
	clear: both;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.vertnavkeytop{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 7px 12px;
	background-image: url(resource/nav/navkey.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
	 
.vertnavkey{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 12px;
	background-image: url(resource/nav/navkey.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}


.navfav{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
	 

/*Contact style*/
.contacttitlebold{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

.contactext{
	vertical-align: top;
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 20px 0px;
}

.contactdetail{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #694674;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

.conumber{
	text-align: left;
	font-size: 100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #694674;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


a.contactdetail{
	text-align: left;
	font-size: 100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #694674;
	text-decoration: none;

}

 .contact_textfield {
	 width: 200px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6a4579;
	border-color: #6a4579;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

.contact_textarea {
	 width: 290px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6a4579;
	border-color: #6a4579;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

.formtext{
	text-align: right;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 0px;
}
/*Text style*/

h1 {
	text-align: left;
	font-size: 110%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #855f91;
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 16px 2px;
}

.introcopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 2px;
}

.signupheader{
	text-align: left;
	font-size: 110%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #855f91;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 0px 22px;
}

.signupcopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 14px;
}

.signupcopyrequired{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #855f91;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 14px;
}


.signupbutton{
	text-align: right;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	margin: 0px 46px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.leftcoltitles
	{
	text-align: left;
	font-size: 110%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #855f91;
	margin: 0px 0px 0px 0px;
	padding: 8px 5px 16px 0px;
}

.leftcolcopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
}

.leftcolcopybold{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
}



h2 {
	font-size: 85%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #595E66;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*Details*/

.detailscopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 10px 0px;
}

.itinerarycopy{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 12px 8px 12px 0px;
}

.itineraryhotel{
	text-align: left;
	font-size: 100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #855f91;

}

.itinerary_calltoaction{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #663366;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}

.leftcolcalltoaction{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #663366;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
}

.divDestinations0{
	float: left;
	width: 237px;
	height: 78px;
	background-image: url(resource/boxes/destinations_box.jpg);
	background-repeat: no-repeat;
	margin-right: 9px;
	margin-bottom: 9px;
}

.divDestinations1{
	float: left;
	width: 237px;
	height: 78px;
	background-image: url(resource/boxes/destinations_box.jpg);
	background-repeat: no-repeat;
	margin-bottom: 9px;
}

.imageThumb {
	width: 83px;
	height: 63px;
	border: none;
	margin: 8px;
	vertical-align: top;
	float: left;
}	

.imageHoliday {
	width: 143px;
	border: none;
	float: left;
}	

#HighlightsList li {
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #996666;
	padding: 0px 8px 6px 0px;
	margin: 0px 0px 0px 0px;
}

.divFavourites{
	width: 483px;
	height: auto;
	background-image: url(resource/boxes/fav_box_mid.jpg);
	background-repeat: repeat-y;
}

.divFavouritesTop {
	width: 483px;
	height: 8px;
	background-image: url(resource/boxes/fav_boxtop.jpg);
	background-repeat: no-repeat;
}
	
.divFavouritesFoot {
	width: 483px;
	height: 7px;
	background-image: url(resource/boxes/fav_box_foot.jpg);
	background-repeat: no-repeat;
	margin-bottom: 9px;
}
	
.favs_text {
	float: left;
	margin-top: 9px;
	width: 380px;
}
	
/*Useful Info style*/

.infolist{
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

.infolistitem{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
}

.linkstext{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #996666;
	padding: 0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
}

.linkstextlink{
	text-align: left;
	font-size: 80%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #330066;
	padding: 2px 6px 15px 6px;
	margin: 0px 0px 0px 0px;
}

a.linkstextlink{
	text-align: left;
	font-size: 100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #330066;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.imagetopleft{
float: left;
margin: 0px 8px 8px 0px;
padding: 0px 0px 0px 0px;
}

.sitemap{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 14px;
	text-align: left;
}

.sitemap a:link{ color: #000000; text-decoration: none; }
.sitemap a:visited { color: #000000; text-decoration: none; }
.sitemap a:hover { color: #CC0000; text-decoration: none; }
.sitemap a:active { color: #000000; text-decoration: none; }

.sitemaptitle{
	font-size: 110%;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#855f91;
	text-align: left;
}
.sitemaptitle a:link{ color: #855f91; text-decoration: none; }
.sitemaptitle a:visited { color: #855f91; text-decoration: none; }
.sitemaptitle a:hover { color: #CC0000; text-decoration: none; }
.sitemaptitle a:active { color: #855f91; text-decoration: none; }