@charset "utf-8";
/*
color:#EAA43D; 
*/


body
{
	font-size:62.5%;
	background-color:#88A8C9;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	overflow:auto;
}



#content
{
	/*
		Overall content width (excluding page border but including padding): 980px
	*/
	color:#1A6998;
	background-color:#FFFFFF;
	width:948px;
	margin:8px auto;
	padding:16px;
}
#content a:link, #content a:visited
{
	color: #88A8C9;
	text-decoration: none;
}
#content a:hover
{
	color: #EAA43D;
	text-decoration: underline;	
}



/*

HEADER STYLES

*/

#content #header
{
	width:948px;
	padding:5px 0;
	overflow:hidden;
	position:relative;
}

#content #header img.line
{
	background-color: #F4A62A;
	width:582px;
	height:2px;
	position:absolute;
	top:78px;
	left:auto;
}

#content #header .cityName
{
	position:absolute;
	left:325px;
	top:41px;
}

#content #header .cityName h1
{
	font-size:29px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:left;
}


#content #header .contactDetail
{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	width:225px;
	line-height:20px;
	height:50px;
	position:absolute;
	left:723px;
	top:0;
}
.contactDetail a:link, .contactDetail a:visited
{
	color:#1A6998;
	text-decoration:underline;
}
.openTimesDialogue
{
	font-size:1.4em;
}
.openTimesDialogue .ui-widget-header
{
	background-color:#F4A62A;
	background-image:none;
}
#openingTimes span.label
{
	float:left;
	width:50%;
}

#content #header .contactDetail #openingTimes
{
	display:none;
}

#content #header #social
{
	padding-top:3px;
	position:absolute;
	top:55px;
	left:590px;
}

#content #header #social .widget
{
	float:left;
	overflow:hidden;
	margin-top:2px;
	margin-right:16px;
	width:60px;
}
#content #header #social .twitter
{
	width:62px;
}
#content #header #social .gplus
{
}
#content #header #social .facebook
{
	width:74px;
}

#content #header #titleStrip
{
	width:938px;
	padding:10px 5px;
	font-size:1.3em;
	text-align:left;
	font-weight:bold;
}



/*

MAIN CONTENT STYLES

*/

#content #main
{
	font-size:1.2em;
	overflow:auto;
	margin:8px 0;
	width:948px;
	padding:0;
}


#content #main .column
{
	float:left;
	overflow:auto;
	padding:0;
	margin:0;
}

#content #main .left
{
	width:415px;
	margin-right:5px;
}

#content #main .right
{
	width:523px;
	margin-left:5px;
}

#content #main .box
{
	float:left;
	border:1px solid #DDE6EE;
	width:946px;
}

#content #main .left .box
{
	width:413px;
}

#content #main .right .box
{
	width:521px;
}

.box h2.header
{
	background-color:#fbfcff;
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 1px #F4A62A;
	padding:10px;
	text-align:left;
	margin:0;
}


#content #main .spacer
{
	float:left;
	height:12px;
	padding:0;
	margin:0;
	width:948px;
	clear:both;
}

#content #main .left .spacer
{
	width:415px;
}

#content #main .right .spacer
{
	width:523px;
}



#content #main #cloud
{
	font-size:1.32em;
	text-align:center;
	margin:0;
	overflow:auto;
}
#content #main #cloud a
{
	padding:0 3px;
}


#content #main #reviewsBanner
{
	background-color:#f0f3f8;
	color:#F4A62A;
	padding:5px;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	overflow:visible;
	margin-top:12px;
	clear:both;
}

#content #main #reviewsBanner img
{
	position:relative;
	top:-12px;
	float:left;
}

#content #main #becomeAMember div
{
	float:left;
	padding:8px;
	margin:5px 0;
	font-weight:bold;
}
#content #main #becomeAMember img
{
	margin:5px 5px 0 5px;
}
#content #main #becomeAMember .inyerface
{
	font-size:48px;
	line-height:42px;
}
#content #main #becomeAMember .lessinyerface
{
	font-size:18px;
}
#content #main #becomeAMember div.logos
{
	padding-left:15px;
	border-left:1px solid #F4A62A;
}


#content #main #topDestinations .links
{
	padding:4px 1px;
	overflow:auto;
}

#content #main #topDestinations a:link, #content #main #topDestinations a:visited
{
	float:left;
	width:79px;
	padding:1px;
	border:1px solid #1A6998;
	color:#1A6998;
	margin-left:3px;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
	position:relative;
}
#content #main #topDestinations a:hover
{
	border:1px solid #F4A62A;
	color:#F4A62A;
	text-decoration:none;
}
#content #main #topDestinations a .tab
{
	position:absolute;
	top:1px;
	left:1px;
	width:22px;
	height:22px;
	color:#FFFFFF;
	font-size:12px;
	background-image:url(../images/index/orange_corner_tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 2px;
	text-align:left;
}

#content #main #cityAreas .cityArea img
{
	vertical-align:middle;	
}

#content #main #cityAreas .cityArea
{
	font-size:18px;
	float:left;
	width:198px;
	padding:5px 0 0 8px;
	margin:2px 0;
}



#content #main #topHotels
{
	padding:8px;
	overflow:auto;
}

#content #main #topHotels .subtitle
{
	text-align:right;
	font-weight:bold;
	margin-bottom:5px;
}

#content #main #topHotels .hotelRanking
{
	float:left;
	width:28px;
	font-size:17px;
	line-height:17px;
	font-weight:bold;
}

#content #main #topHotels .hotelName
{
	float:left;
	width:279px;
	padding-top:2px;
}

#content #main #topHotels .scoreContainer
{
	float:left;
	width:90px;
}

#content #main #topHotels .scoreContainer .hotelScore
{
	font-weight:bold;
	float:right;
	text-align:right;
	width:25px;
	font-size:17px;
	line-height:17px;
}

#content #main #topHotels .scoreContainer .orangesBG
{
	
	background-image:url(http://static.justonehotel.com/templates/j1h-default//images/reviews/orange_12px_grey.gif);
	background-repeat: repeat-x;
	background-position: left center;
	float:left;
	width:60px;
}

#content #main #topHotels .scoreContainer .orangesFG
{
	background-image:url(http://static.justonehotel.com/templates/j1h-default//images/reviews/orange_12px.gif);
	background-repeat: repeat-x;
	background-position: left center;
	display:inline;
}

#content #main #topHotels .numRatings
{
	font-size:10px;
	line-height:10px;
	text-align:right;
	margin-bottom:8px;
	clear:both;
}


#content #main #cityPic
{
	position:relative;
}

#content #main #cityPic img
{
	width:505px;
	margin:8px;
}

#content #main #cityPic .picLabel
{
	position:absolute;
	top:16px;
	left:16px;
	font-weight:bold;
	color:#FFF;
	font-size:32px;
	z-index:10;
}

#content #main #cityPic .picLabelShadow
{
	position:absolute;
	top:18px;
	left:18px;
	font-weight:bold;
	color:#000;
	font-size:32px;
	z-index:5;
}


#content #main #cityBlurb div
{
	padding: 8px;
	font-size:16px;
}



#content #main #multiSiteCities .listToggle
{
	cursor:pointer;
}
#content #main #multiSiteCities #placeHolder
{
	font-size:1.2em;
	padding:10px;
}
#content #main #multiSiteCities .lists
{
	padding:10px;
	width:926px;
	font-size:10px;
	overflow:auto;
}
#content #main #multiSiteCities .citySiteLinks
{
	float:left;
	display:inline;
	width:185px;
}



/*

FOOTER STYLES

*/

#content #footer
{
	text-align:center;
	margin-top:16px;
}

#content #footer img.logo
{
	margin:0 16px;	
}

#content #footer img.line
{
	background-color:#88A8C9;
	width:339px;
	height:1px;
	position:relative;
	top:-32px;
	left:auto;
}

#content #footer a:link, #content #footer a:visited
{
	text-decoration: none;
	padding:12px 16px;
	font-size:12px;
}

#content #footer a:hover
{
	color: #1A6998;
	text-decoration: underline;
}



#infoDialogues
{
	display:none;
}