@charset "utf-8"; 

/*------------------------- webtradeV2 -------------------------*/

	body,html{ margin:0; padding:0;}

	body{ font:78%/1.5 Arial, Helvetica, sans-serif; color: #666666; background: url(../images/bgs/body.jpg) repeat-x left top; }

		* font{font:100%/1.5 Arial, Helvetica, sans-serif!important; color: #666666!important; } 	/* FONT PROTECTION = force overwrite of font changes in any manner */

	h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; color: #F45D00; font-weight: bold; }	

	h1{font-size:1.6em; margin-bottom:1.4em; } h2{font-size:1.1em; margin-top:2em; margin-bottom:0.60em; } h3{font-size:1.1em; margin-top:1.1em; margin-bottom:0.60em;}

	h4{font-size:1.0em; margin-top:1em; margin-bottom:0.40em;} h5,h6{font-size:1.0em;  margin-top:1em;}

	h1 a, h2 a, h3 a, h4 a{text-decoration: none; color:#F45D00}

	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{text-decoration: underline;}	

	a:link, a:active, a:visited{color: #F45D00; text-decoration: underline;}		

	a:focus, a:hover{ color:#F45D00; text-decoration: none;}		



	#content h1, #content h2, #left h1, #left h2 {color:#F45D00; border-bottom:1px solid #ccc;  font-size: 1.7em; color:#F45D00; padding:5px 10px 8px 0px; margin-bottom: 10px; font-weight:normal; border-bottom: 1px solid #ccc;}

	#left h1, #left h2 {color:#333; }	



	blockquote{margin:1em 0; padding-left:30px; color:#555;}

	acronym{cursor: help; border-bottom:1px dotted;}

	hr{border-top:1px dotted #fff; border-bottom:1px solid #E5E3D1; border-right:0; border-left:0; height:1px; }	

	dl{margin:0; padding:0;}

	dt{font-weight:bold; margin:0; padding:0;}

	dd{margin:0 10px 20px 0;}	

	form{margin:0; padding:0;}

	strong{font-weight:bold;}

	span.sup{color:#5C9C31; }

	em{font-style:oblique;}	

	

	.hidden, #graphicsVersionLink, .SearchBtnContainer label{display:none;}

 	.floatLeft{float:left;}

	.floatRight{float:right;}



/* *************************************************************** SYSTEM ************************************************************************* */

	/* ( Yahoo! Alterations / Resets ) */

		.yui-t2 #content{margin-left:53px; margin-right:0;} /* left colomn version */

		.yui-t2 .colWidth{width:212px}

		ol {list-style-type:decimal}

		#hd{height:190px; background: url(../images/bgs/header.jpg) no-repeat left top;}	

		#bd{margin-left:0px; }



/*-------------------------( #header )-------------------------------- */

	#Logo{position:relative; top:0px; left:0px; height:77px; z-index:20; }

	#Logo h1{margin:0; padding:0px; border:0}



	#Tagline{position:absolute; width:428px; top:147px; margin:0 auto; z-index:2; }

	#Tagline h1{margin:0; padding:0px; border:0}

	#Tagline h1 a{font-size:0.62em; color:#FFFFFF; text-decoration:none;}



	#topbnr {position:absolute; top:35px; width:738px; z-index:50; text-align:right; height:45px; }
	#topbnr img {margin-right:40px;}


	/* Search, help, contact */ 

	#Tools1{ position:absolute; top:143px; margin:0 auto; padding:0; width:750px; padding:4px 0; text-align:right;}

	#Tools1 ul li {display:inline;  margin:0px;  }		

	#Tools1 ul li a{padding-left:19px; margin-right:10px; color:#FFFFFF; text-decoration:none; font-weight:bold}

	#Tagline h1 a:hover, #Tools1 ul li a:hover{ text-decoration:underline}

	#Tools1 ul li.searchIcon a{background: url(../images/icons/searchIcon.gif) no-repeat left top;}

	#Tools1 ul li.helpIcon a{background: url(../images/icons/helpIcon.gif) no-repeat left top;}

	#Tools1 ul li.contactIcon a{background: url(../images/icons/contactIcon.gif) no-repeat left top;}	



	/* Main Navigation */ 

	#MainNav { margin:0; padding:0; height:26px; position:absolute; top:115px; width:750px; margin:0 auto;  z-index:3; font-size:1.1em}

	#MainNav .udm { margin:0; padding-left:0px; list-style: none; }

	#MainNav .udm li {padding:0; float:left; list-style-type:none; list-style-image:none; display:inline; background: url(../images/topNav/tabRight.gif) right top no-repeat; margin-right:2px; width:105px; text-align:center; }

	#MainNav .udm li a{background:url(../images/topNav/tabLeft.gif) left top no-repeat; color:#FFFFFF; padding:3px 8px 5px 8px; margin:0px; text-decoration:none; display:block;}

	#MainNav .udm li a.active {color:#000;}

	#MainNav .udm li a:hover {color:#000; text-decoration:none; }



	#MainNav .udm li.MainNavSelected{float: left; padding: 0; list-style: none; background:url(../images/topNav/tabRightSelected.gif) right top no-repeat;}

	#MainNav .udm li a.MainNavSelected, #MainNav .udm li a.MainNavSelected:hover { text-decoration: none; color: #000; background:url(../images/topNav/tabLeftSelected.gif) left top no-repeat; font-weight:bold}

	#MainNav .udm li.flast{margin-right:0px}



/*-------------------------( #left )-------------------------------- */

	#left ul{list-style-image:url(../images/pageElements/bullet.gif); margin-top:8px; margin-bottom:30px; }	

	#left ul li, #left ol li{line-height:1.4em; padding-left:0px; margin-left:14px}	



	

/*-------------------------( #Content  )-------------------------------- */	

	#content{padding:0px;} 

	#content ul, ol {margin-top:1em; margin-left:30px; margin-bottom:1.4em;}

	#content ul li, ol li{ line-height:1.8em; padding-left:0px}	

	#content ul li{ list-style-image:  url(../images/pageElements/bullet.gif);}		

	#content div.hr, #left div.hr { height:12px; background: none; margin-bottom:10px; background: url(../images/pageElements/hr.gif) repeat-x left center;}

	#content div.hr hr, #left div.hr hr  {  display: none;}

	#content img{margin:0px 4px 4px 0;}

	#content p{margin-top:0; margin-top:1em; line-height:1.3em;}



	#HomeDivider{}

	#HomeDividerLeft{float:left; width:329px; overflow:hidden}

 	#HomeDividerRight{float:right; width:417px; overflow:hidden; padding-bottom:10px;}



	/* Tables */

	div.AspNet-GridView table{margin:0 0 1.5em;	border-collapse:separate; border-spacing:0;}

	div.AspNet-GridView table caption{font-weight:bold; text-align:left; margin:0; padding:0.3em 0.3em; color:#000; border-bottom:1px solid #ccc; margin-right:1px}

	div.AspNet-GridView table tr th, div.AspNet-GridView table tr td{ padding:0.3em 0.5em 0.3em 0.3em; text-align:left; vertical-align:middle; border-bottom:1px solid #ccc;}	

	div.AspNet-GridView table tr th{font-weight:bold; color:#fff; background: url(../../client/images/layout/portal/images/bg_table.gif) repeat-x left center;}	

	div.AspNet-GridView table tr th a{color:#fff!important; }

	div.AspNet-GridView table tr th a:hover{text-decoration:underline}





/*--------------------------------  BrowseLocation.aspx -------------------------------- */

	/* TopBookedHotelsContainer */

	#TopBookedHotelsContainer{}

	#EstablishmentSummary{ width:500px; clear:both; margin-bottom:40px;}

	.BrowseLocTop{background:url(../images/bgs/listings/top.gif) left top no-repeat; padding-top:1px}

		.BrowseLocTop .BrowseLocImage{float:left; width:88px; height:68px; margin:12px;}

		.BrowseLocImage img{margin:4px!important; }		

		.BrowseLocImage a{background:url(../images/bgs/listings/imagebg.gif) left top no-repeat; width:88px; height:68px; float:left}

		.BrowseLocImage a:hover {background:url(../images/bgs/listings/imagebghover.gif) left top no-repeat; height:}		

		.BrowseLocImage a.portrait{background:url(../images/bgs/listings/imagebgvert.gif) left top no-repeat; width:68px; height:88px;}

		.BrowseLocImage a.portrait:hover {background:url(../images/bgs/listings/imagebghoververt.gif) left top no-repeat; }		

		

		.BrowseLocDetails{margin:0 20px;}

		.BrowseLocDetails h3 a{text-decoration:none; font-size:140%; margin:0; padding:0; }

		.BrowseLocDetails h3 a:hover{text-decoration:underline; }		

		#content .BrowseLocDetails p{margin-top:5px;}

		.BrowseLocButtons{text-align:right; position:relative; top:9px; height:8px;}

		

		/* Side Gallery */

		.GallerySide {margin:35px 0; clear:both}

		.GallerySide .BrowseLocImage{float:none;}		

		.GallerySide .BrowseLocImage img{margin:4px!important; }				

		.GallerySide .BrowseLocImage ul{margin-left:12px; padding-left:0px; list-style:none;}

		.GallerySide .BrowseLocImage ul li{padding:0!important; margin:0!important; list-style-type:none; list-style-image:none; float:left}

		.GallerySide .BrowseLocImage a{background:url(../images/bgs/listings/imagebg.gif) left top no-repeat; width:88px; height:68px;}

		.GallerySide .BrowseLocImage a:hover {background:url(../images/bgs/listings/imagebghover.gif) left top no-repeat;}		



		.GallerySide .BrowseLocImage a.portrait{background:url(../images/bgs/listings/imagebgvert.gif) left top no-repeat; width:68px; height:88px;}

		.GallerySide .BrowseLocImage a.portrait:hover {background:url(../images/bgs/listings/imagebghoververt.gif) left top no-repeat; }		





	.BrowseLocFooter{background:url(../images/bgs/listings/footer.gif) left top no-repeat; height:21px;}		

	

	/* TopBookedHotelsContainer */

	#EstablishmentMiniSummary div.yui-gf, 

	.AllHotelsContainer div.yui-gf{margin-bottom:20px}

	#EstablishmentMiniSummary div.yui-u.first h3, 

	.AllHotelsContainer div.yui-u.first h3{margin:0}	

	#content #EstablishmentMiniSummary p, #content .AllHotelsContainer p {margin-top:0}	

	

	#AreaLinks ul {margin-bottom:10px;}

	#AreaLinks h3 {margin-bottom:0px;margin-top:5px}

	#AreaLinks{margin-bottom:15px;}



/*--------------------------------  Establishment.aspx -------------------------------- */

	.EstablistmentNavContainer{}

		#content .EstablistmentNavContainer h1{margin-bottom:0; padding-bottom:0; border:0;padding-right:77px;}

		h1.star5{background: url(../../../images/stars/px80/stars5.png) right 10px no-repeat;}

		h1.star4{background: url(../../../images/stars/px80/stars4.png) right 10px no-repeat;}

		h1.star3{background: url(../../../images/stars/px80/stars3.png) right 10px no-repeat;}

		h1.star2{background: url(../../../images/stars/px80/stars2.png) right 10px no-repeat;}

		h1.star1{background: url(../../../images/stars/px80/stars1.png) right 10px no-repeat;}

		h1.star0{background: url(../../../images/stars/px80/stars0.png) right 10px no-repeat;}										



		#content #EstablishmentMiniSummary  h3,

		#content .AllHotelsContainer  h3{margin-bottom:0; padding-bottom:0; border:0;}

		#EstablishmentMiniSummary h3 a,



		/* top booked hotels */

		#EstablishmentMiniSummary h3 a{padding-left:85px}

		#EstablishmentMiniSummary h3.star5 a{background: url(../../../images/stars/px80/stars5.png) left top no-repeat;}

		#EstablishmentMiniSummary h3.star4 a{background: url(../../../images/stars/px80/stars4.png) left top no-repeat;}

		#EstablishmentMiniSummary h3.star3 a{background: url(../../../images/stars/px80/stars3.png) left top no-repeat;}

		#EstablishmentMiniSummary h3.star2 a{background: url(../../../images/stars/px80/stars2.png) left top no-repeat;}

		#EstablishmentMiniSummary h3.star1 a{background: url(../../../images/stars/px80/stars1.png) left top no-repeat;}

		#EstablishmentMiniSummary h3.star0 a{background: url(../../../images/stars/px80/stars0.png) left top no-repeat;}



		/* all hotels */

		.AllHotelsContainer h3{font-size:1.05em;}

		.AllHotelsContainer p{font-size:.95em;}

		.AllHotelsContainer h3 a{ padding-left:68px}

		.AllHotelsContainer h3.star5 a{background: url(../../../images/stars/px62/stars5.gif) left top no-repeat;}

		.AllHotelsContainer h3.star4 a{background: url(../../../images/stars/px62/stars4.gif) left top no-repeat;}

		.AllHotelsContainer h3.star3 a{background: url(../../../images/stars/px62/stars3.gif) left top no-repeat;}

		.AllHotelsContainer h3.star2 a{background: url(../../../images/stars/px62/stars2.gif) left top no-repeat;}

		.AllHotelsContainer h3.star1 a{background: url(../../../images/stars/px62/stars1.gif) left top no-repeat;}

		.AllHotelsContainer h3.star0 a{background: url(../../../images/stars/px62/stars0.gif) left top no-repeat;}										



		/* book now button */

		.BookNow{width:144px; height:30px; float:right;}

		.BookNow.WithPositioning{ position:relative; top:-34px; right:10px; float:right;}

		.BookNow a{background: url(../../../images/buttons/booknow_orange_rounded_large.png) left top no-repeat; width:144px; height:30px; display:block}

		.BookNow a:hover{background: url(../../../images/buttons/booknow_orange_rounded_large_hover.png) left top no-repeat;}

		.BookNow a span{display:none}



		/* tabs */

		.EstablishmentTabs { text-align:right; width:100%; margin:0; padding-left:0px; list-style: none;  background: url(../images/establishmenttabs/bg.gif) left bottom repeat-x; margin-top:26px}

		.EstablishmentTabs ul{margin-bottom:0!important; margin-right:0px; height:24px; margin-left:10px!important}

		.EstablishmentTabs li {padding:0; float:left; list-style-type:none; list-style-image:none; display:inline; background: url(../images/establishmenttabs/tabRight.gif) right top no-repeat; margin-right:0px; width:94px; text-align:center;}

		.EstablishmentTabs li a{background: url(../images/establishmenttabs/tabLeft.gif) left top no-repeat; color:#777; padding:6px 4px 4px 0px; margin:0px; text-decoration:none; display:block;}

		.EstablishmentTabs li a:hover {color:#F45D00;}	

		.EstablishmentTabs li.MainTabSelected{float: left; padding: 0; list-style: none; background: url(../images/establishmenttabs/tabRightSelected.gif) right top no-repeat;}

		.EstablishmentTabs li a.MainTabSelected, .EstablishmentTabs li a.MainTabSelected:hover { text-decoration: none; color: #000; background: url(../images/establishmenttabs/tabLeftSelected.gif) left top no-repeat; font-weight:bold}

	

		/* address */

		.EstablistmentAddress {background: #E3E3E3 url(../images/establishmenttabs/bg.gif) left top repeat-x; padding:15px 5px 12px 5px; width:98%; margin-top:0}

		

		/* details */		

		.EstablistmentDetails{margin-bottom:30px; padding-bottom:30px; border-top:0px solid #aaa; border-bottom:0px solid #aaa}

		#content .EstablistmentDetails h3{border:0; margin:0; margin-top:10px; padding-bottom:0;}

		#content .EstablistmentDetails ul{margin-top:0}

		

		.HotelFacilities ul{margin-left:12px;}

		.HotelFacilities ul li{list-style-image:  url(../images/pageElements/tick.gif);}



/*-------------------------( #ft #Footer)-------------------------------- */

	#ft {height:93px; font-size:85%; padding:0px 0px 0px 0px; background: url(../images/bgs/footer.gif) repeat-x left top; margin-bottom:80px; margin-top:10px; }

	#ft ul {margin:0; margin-top:0px;  padding:0;}

	#ft ul li{display: inline; list-style-type: none;} 

	/*#ft a, #ft li a:visited, #ft a:visited { text-decoration:underline; color:#7A7A7A}*/

	#ft li a.active, #ft li a:hover, #DevelopedByWebtrade a:hover{text-decoration: none; }

	#ft h1{	font-size:100%;	margin:0; margin-top:5px; padding:0; font-weight:normal; border:0; }



	#footerLeft{float:left; width:60%; margin-top:23px; display:none;}

	#footerLeft ul li{display: block; }	



	#footerRight{ float:right; margin-top:13px; margin-right:10px; text-align:right; width:270px;}		 

		#footerRight ul{}

		#footerRight ul li{margin:0px; padding:0px 3px 0px 5px; border-right:1px solid #FFFFFF}

		#footerRight ul li a {color:#FFFFFF;}

		#footerRight ul li.flast{border-right:0; padding-right:0}

		.ftcards{float:right; margin-top:40px; text-align:right; background: url(../images/footerNav/cards.gif) no-repeat right bottom; width:150px; height:20px}		 			

	

	#footerLegal{margin-top:10px; padding:0px; float:left; clear:both; width:750px; display:none;}



/*-------------------------( Legacy, code lifted from current site to make visual work )-------------------------------- */	

	/* Hotel search */ 

	#hotelSearch {background: #F45D00 url(../../client/images/layout/portal/images/bg_hotelsearch.gif) no-repeat bottom left; color:#FFF; height:237px;}

	#hotelSearch form {padding: 0; margin: 0;}

	#hotelSearch table {margin:0px 10px 10px 10px;}

	#hotelSearch .col {width:90px}

	#hotelSearch .input1 {width:195px;}

	#hotelSearch .input2 {width:45px;}

	#hotelSearch .input3 {width:147px;}

	#hotelSearch .right {text-align:right;}



	/* tabs, put into ul li's for display purposes */

	#hotelSearch ul{margin:0; padding:0px; list-style: none; float:left;}

	#hotelSearch ul li{	padding:0; margin:0; float:left; list-style-type:none; list-style-image:none; display:inline; height:60px;}

	#hotelSearch ul li img{padding:0; margin:0; }