/* 
FI CRIMSON: #e6013c
FI PURPLE: #76185b
MID GREY: #565656
*/ 

/* GENERAL STYLES */
html,body { background:url(images/body-bg.gif) repeat-x #000; color:#fff; }
.content h1 { color:#bfc0c4; font-weight:normal; font-size:24px; border-bottom:solid 1px #e6013c; margin:0 0 10px 0; padding:5px 0 5px 0; }
a { color:#fff; outline:none;}
.content h2 { color:#E6013C; font-size:14px; }
.content h3 { color:#fff; font-size:13px; }
.content a { color:#fff;outline:none; }
.content a:hover { color:#e6013c; }
.content hr { color:#76185b; background-color:#76185b; }

/* MAIN BLOCKS */
.content { padding:0 0 10px 0; overflow:hidden; }
#container { width:896px; margin:0 auto; }
#header { height:144px; position:relative; }
#body { background:#000; padding:10px; min-height:500px; }
#page-content { padding:0 0 0 10px; }
#footer { background:url(images/footer-bg.gif) repeat-x #000; min-height:250px; clear:both; padding:20px 10px; line-height:1.4em; }

/* NAV */
#nav { position:absolute; left:187px; top:82px; overflow:hidden; width:709px; height:33px; }
#nav li { float:left; overflow:hidden; background:url(images/nav-divider.gif) left center no-repeat; padding-left:2px; }
#nav a { display:block; height:33px; line-height:33px; font-size:12px; text-transform:uppercase; padding:0 14px; font-weight:bold; text-decoration:none; color:#fff; float:left;}
#nav a:hover { color:#e6013c; }
#nav a:active {outline:none;}
#nav a.current { background:url(images/nav-current-marker.png) no-repeat bottom; }
#nav li.first { background-image:none; padding-left:0; } 

/* SUBNAV */
#subnav { background:url(images/quarter-panel-bg.gif) repeat-x; padding:10px 20px 10px 20px; margin-bottom:10px; }
#subnav li { border-bottom:dotted 1px #565656; }
#subnav a { display:block; height:24px; line-height:24px; font-size:12px; border-bottom:none; text-decoration:none;padding-left:5px; }
#subnav a:hover { background:#0d0d0d;padding-left:5px;}
#subnav a:hover:after { content: "   \00BB"}
#subnav a.current { color:#e6013c; background:#0d0d0d; }


/* COLUMNS & PANELS */
#col-left { float:left; width:578px; overflow:hidden; }
#col-right { float:right; width:280px; overflow:hidden; }

.panel { margin-bottom:10px; display:block; background:url(images/quarter-panel-bg.gif) repeat-x; font-size:12px; line-height:1.6em; }
.panel .inner { padding:10px; }
.panel h4 { font-size:14px; }
.panel a img { border:solid 3px #565656; }
.panel a:hover img { border-color:#76175b;}
a.panel { border:3px solid #565656; display:block; }
a.panel:hover { border-color:#76185b; }


#slideshow { overflow:hidden; width:876px; height:279px; position:relative; margin:0 0 20px 0; }

#breadcrumbs { color:#fff; height:30px; line-height:30px; background:url(images/breadcrumb-bg.png); position:relative; bottom:-30px; margin-top:-30px; padding:0 10px; }
#breadcrumbs a { color:#ccc;  margin-right:5px; }
#breadcrumbs a:hover { }
#breadcrumbs .arrow { width:5px; height:5px; background:url(images/breadcrumb-arrow.png); display:inline-block; margin-right:5px; }

#booking-panel { width:265px; padding:5px 0 5px 24px; height:250px; font-size:12px; border-top:solid 4px #202020;border-bottom:solid 4px #202020;margin-bottom:15px;}
.home-template #booking-panel { background:url(images/booking-bg.png); position:absolute; top:0; right:15px; z-index:100; height:249px; padding:15px 24px; border-top:none;border-bottom:none;margin-bottom:0; }
#booking-panel form { padding:10px 0; }
#booking-panel form div { padding:4px 0; }
#booking-panel h2 { color:#76185b; font-size:24px; font-weight:normal; margin-top:0; padding-top:0; }
.home-template #booking-panel { color:#7a7a7a; }
#booking-panel label { width:90px; }
#booking-panel .buttonrow {padding-left:110px; }

#enews-panel { width:290px; height:58px; position:absolute; right:0; top:0; background:url(images/enews-bg.png);  }
#enews-panel form { margin:24px 0 0 13px; font-size:12px; }
#enews-panel div { margin:0; padding:0; }
#enews-panel input { float:left; margin:0 10px 0 0; width:180px; color:#ccc;font-weight:bold;}
#enews-panel button { background:transparent; border:none; color:#bfc0c4; }
#enews-panel button:hover { color:#e6013c; }

.quarter-panel { width:206px; background:url(images/quarter-panel-bg.gif) repeat-x; float:left; margin:0 6px 10px 6px; position:relative; min-height:  }
.quarter-panel h2 { color:#fff; font-size:13px; font-weight:bold; margin-top:0; }
.quarter-panel img { border:solid 3px #565656;}
.quarter-panel #value-ribbon { position:absolute; top:-7px; right:-7px; border:none; }
.quarter-panel a img { display:block;margin-bottom:10px;}
.quarter-panel a:hover img { border:#76175b 3px solid;display:block;}

#weather { overflow:hidden; margin:5px 0 10px 0; padding:0 0 5px 0; color:#000; font-size:11px; line-height:1.6em; background:#1f1f1f;  text-align:center; }
#weather-title { font-size:12px; font-weight:bold; background:#1f1f1f; padding:8px 5px; color:#fff;   }
.weather-day { width:33.3%; float:left; overflow:hidden; height:135px; background:#fff;  }
.weather-day.even { background:#eee; }
.weather-day .inner { padding:3px 5px; }
.weather-day img { display:block; margin:3px auto; }

#contact-plymouth{width:282px;height:134px;background:url(../images/contact-plymouth-button.gif) no-repeat 0 0;display: block;margin:5px 0 10px 0;}
#contact-plymouth:hover{background-position: 0 -134px;}
#contact-plymouth span{display: none;}
#contact-cardiff{width:282px;height:134px;background:url(../images/contact-cardiff-button.gif) no-repeat 0 0;display: block;margin:5px 0 10px 0;}
#contact-cardiff:hover{background-position: 0 -134px;}
#contact-cardiff span{display: none;}
#contact-bristol{width:282px;height:134px;background:url(../images/contact-bristol-button.gif) no-repeat 0 0;display: block;margin:5px 0 10px 0;}
#contact-bristol:hover{background-position: 0 -134px;}
#contact-bristol span{display: none;}

.contact-col { width:260px; float:left; overflow:hidden; background:url(images/contact-col-bg.gif) repeat-x; padding:10px; margin:0 10px 10px 0; }
.contact-col.last { margin-right:0; }
.contact-col h2 { font-size:24px; font-weight:normal; margin:0; padding:0 0 10px 0; }
.contact-col strong { font-size:18px; }

#enquiry-panel { margin:0 0 10px 0; padding:0; overflow:hidden; height:300px; background:url(images/quarter-panel-bg.gif) repeat-x; }
#enquiry-panel h2 { margin:0; padding:0 0 10px 0; font-weight:normal; color:#E6013C; }
#enquiry-panel form { margin:0; font-size:12px; width:100%; padding:0; }
#enquiry-panel form div { padding: 4px 0; overflow:hidden;  }
#enquiry-panel input { width:160px; }
#enquiry-panel textarea { width:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#enquiry-panel label { margin-right: 10px; padding:4px 10px 4px 0; width:60px; display: block; float: left; text-align: right; position: relative; }
#enquiry-panel input.button { float:left; margin:0; width:110px;}
#enquiry-panel .buttonrow { padding:4px 0 0 80px; }
#enquiry-panel .buttonrow input { width:auto; }
#enquiry-panel  label.error { color:#C00;  clear:left; width:140px; background:url(images/cross.png) 2px no-repeat; font-style:italic; margin:0 0 0 80px; padding-left:22px; text-align:left; height:18px; line-height:18px; }
#enquiry-panel  input.error, .default-contact-form textarea.error { border:solid 2px #C00; background:#FFCFCF; }
#enquiry-panel  #loading { float:right; margin:0 120px 0 0; display:none; } 
#enquiry-panel  #result { display:none; }


#conference-form { width:700px; margin:0 auto; }
#conference-enquiry-panel { width:100%; border:none; height:500px; }
#conference-enquiry-panel .errors { }

#home-banner { border:solid 6px #565656; float:left; }

.restaurant-banner { margin-bottom:10px; border:none; display:block;  }
.restaurant-banner img { border:solid 3px #565656;}
.restaurant-banner:hover img { border:#76175b 3px solid;}

.footer-link-col { width:150px; padding:6px; float:left; }
.footer-link-col a { text-decoration:none; }
.footer-link-col a:hover { color:#e6013c; }
#footer ul { padding:0 0 5px 1px; }
#footer strong { display:block;color:#e6013c; }
#footer li { background:url(images/footer-bullet.gif) no-repeat left 6px; padding-left:6px; }
#footer-addresses a.more-button:link { color:#fff; border-bottom:solid 1px #e6013c;}
#footer-addresses a.more-button:hover { color:#fff; border-bottom:solid 1px #e6013c;}

#footer-addresses { float:right; width:210px; line-height:1.6em; }
#footer-addresses strong { color:#e6013c; font-size:12px; display:block; }
#footer-addresses .tel { font-size:14px; display:block; }
#footer-addresses .email { display:block; }
#footer-addresses .map { display:block; margin-bottom:10px; }
#footer-addresses a { text-decoration:none; }
#footer-addresses a:hover { color:#e6013c;}

.hotel-snippet { background:#fff; color:#000; padding:5px; margin:0 0 15px 0; position:relative; height:156px; }
.hotel-snippet img { float:left; margin:0 10px 0 0; }
.hotel-snippet h2 { font-weight:normal; margin-top:5px; margin-bottom:2px; }
.hotel-snippet p { margin:0; padding:0; }
a.hotel-snippet-more { background:#76185b; color:#fff; display:block; border-bottom:none; height:24px; line-height:24px; padding:0 10px; width:233px; 
text-align:right; position:absolute; right:5px; top:137px; }
a.hotel-snippet-more:hover { cursor:pointer; background:#e6013c; color:#fff; }
.hotel-snippet:hover { cursor:pointer; background:#fff; }
a.hotel-snippet-more { background:#76185b; color:#fff; display:block; border-bottom:none; height:24px; line-height:24px; padding:0 10px; width:233px; text-align:right; position:absolute; right:5px; top:137px; }
a.hotel-snippet-more:hover, .hotel-snippet:hover a.hotel-snippet-more { cursor:pointer; background:#e6013c; color:#fff; }

#press-release-column {float:right; margin:0 0 0 20px; width:220px;}
.press-release-attachment { text-decoration:none; }

/* Forms */
.content form { overflow:hidden;  }
p.legend { margin: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form p.note { margin: 0 0 0 120px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #888888; }
form div { padding: 2px 10px;  }
form div:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }
form fieldset div { padding: 2px 0; }
label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
textarea { width:240px; height:130px; }
input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
div.buttonrow { padding-left: 130px; }
div.errors { background:#DF99AC; padding:5px 10px 5px 10px; border:solid 1px #C00; color:#000; margin:0 0 5px 0; }
div.errors p { margin:0; }
div.errors em { font-weight:bold; color:#000000; }
div.errors ul { margin-bottom:0; }
div.errors li { color: #C00; }
input.long { width: 200px; }
#booking-panel select#hotel{ font-size:20px;width:125px; }
label.hotel{ padding-top:7px;}
option:hover {
background-colour : #000000;
color : #ffffff;
}

form label.error { color:#C00; float:right; overflow:hidden; width:0px; background:url(../images/cross.png) 2px no-repeat; font-style:italic; margin:0 0 0 5px; padding:0 0 0 20px; text-align:left; height:18px; line-height:18px; }
form input.error, form textarea.error { border:solid 2px #C00; background:#FFCFCF; }

/* LAYOUT TABLE STYLING */
table.layout, table.layout td, table.layout th, table.layout table, table.layout table td { border:none; text-align:left; }
table.layout label { text-align:left; padding:4px 0 0 0; width:auto; float:none; display:inline; }
/*table.layout table td { padding:0; }*/
table.layout table td { padding:0; }
table.layout th { text-align:right;  }
table.layout input, table.layout select { margin:0 5px 4px 0; }

/* MISC */
.mute { color:#BFC0C4; }
.access { float:left; position:absolute; left:-3000px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-left { text-align:left; }

.image-left { float:left; clear:left; margin:0 10px 10px 0; }
.image-center { clear:both; margin:0 auto; }
.image-right { float:right; clear:right; margin:0 0 15px 10px; border-bottom:solid 2px #76185b; }

a.more-button { display:block; float:right; color:#8d8d8d; text-transform:lowercase; background:#252525; padding:0 6px; font-size:12px; height:20px; line-height:20px; text-decoration:none; cursor:pointer; margin:5px 0; border:solid 1px #333; }
a.more-button:hover { color:#fff; border-bottom-color:#e6013c; }



.curved, a.more-button { -khtml-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.top-curved { 
-khtml-border-top-left-radius:8px; -khtml-top-top-right-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; 
border-top-left-radius:8px; border-top-right-radius:8px; 
}
.left-curved { 
-khtml-border-top-left-radius:8px; -khtml-border-bottom-left-radius:8px; 
-moz-border-radius-topleft:8px; -moz-border-radius-bottomleft:8px; 
-webkit-border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; 
border-top-left-radius:8px; border-bottom-left-radius:8px; 
}
.bottom-curved { 
-khtml-border-bottom-left-radius:8px; -khtml-bottom-top-right-radius:8px; 
-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; 
-webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; 
border-bottom-left-radius:8px; border-bottom-right-radius:8px; 
}
.drop-shadow { box-shadow:0px 0px 10px #666;-webkit-box-shadow:0px 0px 10px #666;-moz-box-shadow:0px 0px 10px #666; }

/* google map */

#map
{
   width:562px;height:400px;border:#76175b 3px solid;margin-top:10px; color:#022244;
    }