﻿@charset "utf-8";
/* CSS Document */

body {
	margin-top:0px;
}
#HP_MainFrame {
margin-left:auto;
margin-right:auto;
width:1024px;
height:400px;
}
#left_1 {
	float:left;
	width:34px;
	height:230px;
	visibility:visible;
	margin:0px;
}
#left_2 {
	float:left;
	width:34px;
	height:381px;
	visibility:visible;
	margin:0px;
}
#left_3 {
	float:left;
	width:34px;
	height:100%;
	visibility:visible;
	margin:0px;
}
#HeaderLogo {
	float:left;
	width:325px;
	height:97px;
	visibility:visible;
	margin:0px;
}
#HeaderShim {
	float:left;
	width:630px;
	height:6px;
	visibility:visible;
	margin:0px;
}
#HeaderFirstLeft {
	float:left;
	width:232px;
	height:63px;
	visibility:visible;
	margin:0px;
}
#HeaderCallCentre {
	float:left;
	width:176px;
	height:42px;
	visibility:visible;
	margin:0px;
}
#HeaderBotShimOne {
	float:left;
	width:176px;
	height:21px;
	visibility:visible;
	margin:0px;
}
#BookNow {
	float:left;
	width:222px;
	height:57px;
	visibility:visible;
	margin:0px;
}
#HeaderBotShimTwo {
	float:left;
	width:222px;
	height:6px;
	visibility:visible;
	margin:0px;
}
#MainMenu {
	float:left;
	width:630px;
	height:28px;
	visibility:visible;
	margin:0px;
	padding:0px;
}
#MainMenu a{
	margin-left:1px;
}
#SubMenu {
	float:left;
	width:955px;
	height:21px;
	visibility:visible;
	background-color:#E9E5E2;
	color:#F14C12;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	padding-top:5px;
	
	
}
* html #SubMenu {
	float:left;
	width:955px;
	height:26px;
	visibility:visible;
	background-color:#E9E5E2;
	color:#F14C12;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	
}
#SubMenu a{
	color:#F14C12;
	text-decoration:none;
}
#SubMenu a:hover{
	color:#F14C12;
	text-decoration:underline;
}
#right_1 {
	float:left;
	width:35px;
	height:83px;
	visibility:visible;
	background-image:url(/context/Templates/Hotel/images/general/rightupperback.jpg);
	background-repeat:repeat-y;
	margin:0px;
}
#right_2 {
	float:left;
	width:35px;
	height:378px;
	visibility:visible;
	background-image:url(/context/Templates/Hotel/images/general/rightupperback.jpg);
	background-repeat:repeat-y;
	margin:0px;
}
#right_2bot {
	float:left;
	width:35px;
	height:378px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/Hotel/images/HeaderVL1/r6_c7.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#right_3 {
	float:left;
	width:35px;
	height:150px;
	visibility:visible;
	margin:0px;
}
#right_4 {
	float:left;
	width:35px;
	height:189px;
	visibility:visible;
	margin:0px;
}

#MainImage {
	float:left;
	width:770px;
	height:193px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/Hotel/images/General/bedroomimage.jpg);
	background-repeat:no-repeat;
}
#MR_MainImage {
	float:left;
	width:770px;
	height:242px;
	visibility:visible;
	margin:0px;
	background-repeat:no-repeat;
}
#MainImageSwish {
	background-image:url(/context/Templates/Hotel/images/General/ImageSwish.png);
	background-repeat:no-repeat;
	height:85px;
	font-size:16px;
	font-family: Helvetica, Arial, sans-serif;
	color:#666666;
	padding-left:18px;
	padding-top:18px;
	font-weight:bolder;
}
* html #MainImageSwish 
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/context/Templates/Hotel/images/General/ImageSwish.png", sizingMethod="crop");
} 

#flashcontent {
		width:770px;
		height:140px;
		display:none;
	}
#MainImageBar {
	float:left;
	width:770px;
	height:46px;
	visibility:visible;
	margin:0px;
	background-color:#E3CD91;
}
#MR_MainImageBar {
	float:left;
	width:770px;
	height:31px;
	visibility:visible;
	margin:0px;
	background-color:#E3CD91;
}
#HP_MainImageBar {
	float:left;
	width:770px;
	height:47px;
	visibility:visible;
	margin:0px;
	background-color:#655E54;
	z-index:1;
}
#HP_NewsImage {
	float:right;
	width:114px;
	height:47px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/HomePage/images/BarceloNews.jpg);
}
#TICKER {
	float:right;
	width:378px;
	height:47px;
	visibility:visible;
	margin:0px;
	overflow:hidden;
	border-style:none;
	border:0px;
}
#HP_MainFlash 
{
	position:relative;
	left:-1px;
	top:-319px;
	float:right;
	width:491px;
	height:241px;
	visibility:visible;
	margin:0px;
}
#HP_MainMap {
	float:left;
	width:280px;
	height:320px;
	visibility:visible;
	position:relative;
	left:0px;
	top:-15px;
	z-index:10;
	margin:0px;
	background-image:url(/context/library/images/UKMap.png);
	background-repeat:no-repeat;
}

* html #HP_MainMap
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/context/library/images/UKMap.png", sizingMethod="crop");
} 



#dhtmltooltip{
	position: absolute;
	border: 1px solid black;
	padding: 2px;
	visibility: hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:White;
	background-color:#F14C12;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.HotelTip 
{
}
.tipTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:White;
	background-color:#F14C12;
	font-weight:bold;
}

#MainContent {
	float:left;
	width:770px;
	height:438px;
	visibility:visible;
	margin:0px;
}
#HP_MainContent {
	float:left;
	width:770px;
	height:166px;
	visibility:visible;
	background-color:#f25012;
	margin:0px;
}
#HP_SpaceBar {
	float:left;
	width:770px;
	height:3px;
	visibility:visible;
	background-color:#ffffff;
	margin:0px;
}
#HP_StepText 
{
	font-size:small;
	color:White;
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
}
#HP_SearchText 
{
	font-size:small;
	color:White;
	padding:3px;
	font-family: Helvetica, Arial, sans-serif;
}
#HP_PromisesText 
{
	font-size:small;
	font-family: Helvetica, Arial, sans-serif;
	color:Gray;
	padding-left:5px;
}
#HP_PromisesText a{
	font-size:small;
	font-family: Helvetica, Arial, sans-serif;
	color:Gray;
	padding-left:5px;
	text-decoration:none;
}
#HP_PromisesText a:hover{
	font-size:small;
	font-family: Helvetica, Arial, sans-serif;
	color:Gray;
	padding-left:5px;
	text-decoration:underline;
}
#HP_MapText 
{
	font-size:small;
	font-family: Helvetica, Arial, sans-serif;
	color:Gray;
}
#MR_LEFTCOL {
	float:left;
	width:340px;
	visibility:visible;
	margin:0px;
	margin-left:20px;
}
#MR_RIGHTCOL {
	float:left;
	width:380px;
	visibility:visible;
	padding-left:20px;
	border-left:dotted;
	border-left-color:#666666;
	border-left-width:1px;
}
.LC_ROW {
	float:left;
	width:320px;
	visibility:visible;
	margin:0px;
	padding:5px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:small;
}
.LC_ROW_MENU {
	float:left;
	width:320px;
	visibility:visible;
	margin:0px;
	padding:5px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:x-small;
	color:#999999;
}
.padbox {
	padding-left:10px;
	float:left;
}
.LC_ROW_HEAD {
	float:left;
	width:300px;
	height:30px;
	visibility:visible;
	margin:0px;
	color:#F14C12;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align:bottom;
	border-bottom:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	padding-top:20px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:-5px;
	}
	.ROW_HEADLINE {
	height:30px;
	visibility:visible;
	margin:0px;
	color:#F14C12;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align:bottom;
	border-bottom:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	padding-top:20px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:-5px;
	}
	.ROW_HEADLINE a
	{
		color:#F14C12;
		text-decoration:none;
	}
		.ROW_HEADLINE a:hover
	{
		text-decoration:underline;
	}
	.ROW_NORMAL {
	visibility:visible;
	margin:0px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:small;
}
.ROW_NORMAL a
{
		color:#F14C12;
		text-decoration:none;
}
.ROW_NORMAL a:hover
{
		text-decoration:underline;
}
.TabbedDDL
{
	font-size:X-Small;
}
.TabbedText
{
	font-size:X-Small;
	color:#F14C12;
}
.TabbedUnderline 
{
	border-bottom-style:solid; 
	border-bottom-color:#F14C12; 
	border-bottom:1px;
}
.CapcityTitle
{
	font-family:Helvetica, Arial, sans-serif;
	color:White;
	border-style:solid;
	border-width:1px;
	border-color:#F14C12; 
	background-color:#F14C12;
	text-align:center;
	vertical-align:text-bottom;
}
.CapcityText
{
	font-family:Helvetica, Arial, sans-serif;
	color:#F14C12; 
	border-style:solid;
	border-width:1px;
	border-color:#F14C12; 
	background-color:white;
	text-align:center;
	}
.HotelList {
 width:730px; 
margin-left:auto;
margin-right:auto;
padding:10px;
	border-bottom:solid;
	border-bottom-color:#666666;
	border-bottom-width:1px;
}
.RC_ROW {
	float:left;
	width:360px;
	visibility:visible;
	margin:0px;
	padding-top:5px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:small;
}
.RC_ROW_HEAD {
	float:left;
	width:360px;
	height:30px;
	visibility:visible;
	margin:0px;
	color:#F14C12;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align:text-bottom;
	border-bottom:dotted;
	border-bottom-color:#666666;
	border-bottom-width:1px;
	padding-top:20px;
	padding-left:0px;
	padding-right:5px;
	padding-bottom:-5px;
}
#Offer1 
{
	float:left;
	width:185px;
	height:152px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/Hotel/images/General/bedroomimage2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#Offer2 {
	float:left;
	width:185px;
	height:150px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/Hotel/images/General/AdGlasses.png);
	background-repeat:no-repeat;
	background-position:center;
}

#Offer3 {
	float:left;
	width:185px;
	height:154px;
	visibility:visible;
	margin:0px;
	background-image:url(/context/Templates/Hotel/images/General/chairs.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.OfferBottom {
	float:left;
	width:185px;
	height:221px;
	visibility:visible;
	margin:0px;
}
#leftMargin {
width:34px;
float:left;
margin:0px;
background-image:url(/context/Templates/Hotel/Images/HeaderVL1/r16_c1.jpg);
background-repeat:repeat-y;
background-position:center;
height:100%;
}
#Header {
width:955px;
height:97px;
float:left;
margin:0px;
}
#HeaderTopBlock {
width:630px;
height:69px;
float:left;
margin:0px;
}
#topstrip {
width:630px;
height:63px;
float:left;
margin:0px;
}
#centreFrame {
width:955px;
float:left;
margin:0px;
display:block;
}
#centreLeft {
width:770px;
float:left;
margin:0px;
}
#Offers {
width:185px;
float:left;
margin:0px;
position:relative;
top:-170px;
}
#rightMargin {
width:35px;
float:left;
margin:0px;
background-image:url(/context/Templates/Hotel/Images/HeaderVL1/r16_c7.jpg);
	background-repeat:repeat-y;
	background-position:center;
	height:100%;
}
.OfferMask {
	float:left;
	width:185px;
	height:152px;
	visibility:visible;
	background-image:url(/context/Templates/Hotel/images/General/OffersMask.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.OfferHeader{
	width:60px;
	float:left;
	margin-top:105px;
	margin-left:4px;
}
.OfferText{
	width:110px;
	float:right;
	margin-top:105px;
	margin-right:5px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	vertical-align:bottom;
}
* html .OfferText{
	width:92px;
	float:right;
	text-align:right;
	margin-top:105px;
	m\argin-top:105px;
	margin-right:5px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:bottom;
}
.OfferText a{
	color:#F14C12;
}

.txtBox {
	height:14px;
	width:100px;
	border-style:solid;
	border-color:#F14C12;
	border-width:1px;
	vertical-align:middle;
}
#OfferBottom
{
	background-color:#E9E5E2;
	color:#F14C12;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	height:350px;
}
#OfferBottom a{
	color:#F14C12;
	text-decoration:none;
}
#OfferBottom a:hover{
	color:#F14C12;
	text-decoration:underline;
}
.BO {
	color:#F14C12;
}
.FacilHeaders 
{
	color:Gray;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
.FacilList 
{
	list-style-image: url(/context/Templates/Hotel/images/General/tick.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
.FacilList ul{
 margin-top:2px;
 margin-bottom:4px;
 padding:0px;
}
#FloorPlans1_body 
{

}
#VideoGalleryIcon
{
	width:95px;
	padding:7px;
	float:left;
}
#VideoGalleryIcon a
{
	color:Black;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#VideoGalleryIcon img
{
	vertical-align:middle;
}
#FactsheetIcon
{
	width:110px;
	padding:8px;
	padding-left:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:Black;
	vertical-align:middle;
}
#FactsheetIcon a
{
	color:Black;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#FactsheetIcon img
{
	vertical-align:middle;
}
#ImageGalleryIcon
{
	width:120px;
	padding:6px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
}
#ImageGalleryIcon img
{
	vertical-align:middle;
}
#ImageGalleryIcon a
{
	color:Black;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.BudgetSubTotal 
{
	font-family:Helvetica, Arial, sans-serif;
	color:White;
	border-style:solid;
	border-width:1px;
	border-color:#F14C12; 
	background-color:#F14C12;
	text-align:right;
	vertical-align:text-bottom;
}
.BudgetTotalBoxes 
{
	font-family:Helvetica, Arial, sans-serif;
	color:#F14C12; 
	border-style:solid;
	border-width:1px;
	border-color:#F14C12; 
	background-color:white;
	text-align:right;
}
.WhiteLink
{
color:white;
font-size:small;
font-family:Helvetica, Arial, sans-serif;
}
.Whitelink a
{
text-decoration:none;
}
.WhiteLink a:hover
{
text-decoration:underline;
}


