/* CSS Tregarthens MASTER */

body { margin:0; color:#5F200A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }
div.container { width:770px; margin:0 auto; background-image:url(/images/bg-kelp.gif); background-position: 10px 0px; background-repeat:no-repeat; }

div#topnav { background-color:#DCF0F4; width:750px; margin:0 auto; color:#5F200A; }
div#topnav ul { margin:0; padding:0; list-style:none; float:left; width:400px; }
div#topnav ul li { margin:0; padding:5px 7px; float:left; font-size:1em; }
div#topnav a { text-decoration:none; color:#5F200A; }
div#topnav p { float:right; display:inline; width:300px; height:20px; margin:0 10px 0 0; }
div#topnav p span { background-color:#DCF0F4; background-image:url(/images/telephone.gif); background-repeat:no-repeat; background-position: right top; }

img#logo { float:right; display:inline; margin:14px 10px 20px 10px; }

/*.graphic { overflow:hidden; height: 0px !important; background-repeat:no-repeat; }*/
.graphic { position:relative; font-size:12px; }
.graphic span { position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-color:#FFF }
h1.graphic, h2.graphic { padding:0; height:18px; margin:0 0 16px 10px; }
h1.graphic, h2.graphic { font-size:12px; }
h1.graphic span, h2.graphic span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #55B7C3; }
div.col2 h1, div.col3 h1, div.col2 h2, div.col3 h2 { margin-left:0; }
h2#h-welcome span { background-image:url(/images/h/welcome.gif); }
h1#h-heritage span { background-image:url(/images/h/heritage.gif); }
h1#h-local-suppliers span { background-image:url(/images/h/local-suppliers.gif); }
h1#h-rooms span { background-image:url(/images/h/rooms.gif); }
h1#h-book-now span { background-image:url(/images/h/book-now.gif); }
h1#h-sheer-indulgence span { background-image:url(/images/h/sheer-indulgence.gif); }
h1#h-restaurant span { background-image:url(/images/h/restaurant.gif); }
h1#h-lounge-bar span { background-image:url(/images/h/lounge-bar.gif); }
h3#h-food-drink span { background-image:url(/images/h/food-drink.gif); }
h1#h-services-features span { background-image:url(/images/h/services-features.gif); }
h1#h-reservations span { background-image:url(/images/h/reservations.gif); }
h2#h-make-reservation span { background-image:url(/images/h/making-a-reservation.gif); }
h1#h-email-reservation span { background-image:url(/images/h/email-reservation.gif); }
h1#h-getting-here span { background-image:url(/images/h/travelling-to-the-isles.gif); }
h1#h-just-unwind span { background-image:url(/images/h/just-unwind.gif); }
h1#h-the-isles-of-scilly span { background-image:url(/images/h/the-isles-of-scilly.gif); }
h1#h-whilst-youre-here span { background-image:url(/images/h/whilst-youre-here.gif); }
h1#h-subscribe-to-our span { background-image:url(/images/h/subscribe-to-our-e.gif); }
h1#h-general-enquiry span { background-image:url(/images/h/general-enquiry.gif); }
h1#h-directions span { background-image:url(/images/h/directions.gif); }
h1#h-careers span { background-image:url(/images/h/careers.gif); }
h1#h-hotel-tariff span { background-image:url(/images/h/hotel-tariff.gif); }
h1#h-sitemap span { background-image:url(/images/h/sitemap.gif); }
h1#h-accessibility span { background-image:url(/images/h/accessibility.gif); }
h1#h-terms-conditions span { background-image:url(/images/h/terms-conditions.gif); }
h1#h-special-offer span { background-image:url(/images/h/special-offer2.gif); }
h1#h-short-breaks span { background-image:url(/images/h/short-breaks.gif); }
h1#h-useful-links span { background-image:url(/images/h/useful-links.gif); }
h1#h-environmental-charter span { background-image:url(/images/h/hotel-environmental-charter.gif); }
h1#h-press-coverage span { background-image:url(/images/h/press-coverage.gif); }
h1#h-satisfaction-survey span { background-image:url(/images/h/guest-satisfaction.gif); }
h1#h-outstanding-views-experience span { background-image:url(/images/h/outstanding-views-experience.gif); }
h1#h-great-escape span { background-image:url(/images/h/greatescape.gif); }


h1#h-isles-of-scilly-live-views span { background-image:url(/images/h/isles-of-scilly-live-views.gif); }
h3 , h3 a { color:#55B7C3; text-decoration:none; font-size:1.3em}
h3.graphic { padding:0; height:18px; margin:0 0 16px 0; }
h3.graphic span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #AADBE1; background-position: 0px 3px; }
div.rooms h3 { width:294px; font-size:1.2em; font-weight:normal; color:#55B7C3; margin:0 0 0 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #AADBE1; background-position: 0px 3px; }
div.rooms h3 a { color:#55B7C3; font-size:1.1em; }
h3#h-feature span { background-image:url(/images/h/feature.gif); }
h3#h-special-offer span { background-image:url(/images/h/special-offer.gif); }
h3#h-sample-menu span { background-image:url(/images/h/sample-menu.gif); }
h3#h-our-chef span { background-image:url(/images/h/our-chef.gif); }
h3#h-useful-links { height:18px; margin:0 0 16px 10px; }
h3#h-useful-links span { background-image:url(/images/h/useful-links.gif); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #55B7C3; }
h4.graphic { height:20px; margin:0; }
h4#h-discover span { background-image:url(/images/h/discover.gif); }
h4#h-about span { background-image:url(/images/h/about.gif); }
h4#h-your-stay span { background-image:url(/images/h/your-stay.gif); }

em { font-style:normal; color:#55B7C3 }

div.col1 p { font-size:1.1em; line-height:1.3em; margin:0.7em 0; }
div.col2 p { font-size:1.2em; line-height:1.5em; margin:0.7em 0; }
div.col3 p { font-size:1.2em; line-height:1.5em; margin:0.7em 0; }
a { color:#5F200A; text-decoration:underline; }
a:hover { color:#55B7C3; }

.blue { color:#55B7C3; }
.caramel { color:#886032; }
a.more { display:block; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #5F200A; border-bottom-color: #5F200A; font-size:1.1em; padding:3px 0 3px 16px; color:#5F200A; background-image:url(/images/arrows.gif); background-position: 0px 9px; background-repeat:no-repeat; text-decoration:none; }
a.more:hover { color:#55B7C3; background-position: 0px 9px; border-top-color: #55B7C3; border-bottom-color: #55B7C3; }
a.more_small { display:block; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #5F200A; border-bottom-color: #5F200A; font-size:1.1em; padding:3px 0 3px 16px; color:#5F200A; background-image:url(/images/arrows.gif); background-position: 0px 5px; background-repeat:no-repeat; text-decoration:none; }
a.more_small:hover { color:#55B7C3; background-position: 0px 5px; border-top-color: #55B7C3; border-bottom-color: #55B7C3; }


a.back { text-decoration:none; color:#55B7C3; }
a.back:hover { text-decoration:underline; }div.hr { margin:0; height:1px; clear:both; }
#phoneon { height:25px; }
#phoneon span { background-image: url(/images/01720422540.gif);}
div.hr hr { display:none; }
img.webcam { margin-left:10px; }
p#registration { color:#886032; font-size:0.9em; margin-top:10px; padding-top:10px; border-top-width: 1px; border-top-style: solid; border-top-color:#886032; }

div#menucol { padding:35px 0 0 0; }
div.col1 { width:142px; margin-left:10px; float:left; display:inline; }
div.col2 { width:294px; margin-left:10px; float:left; display:inline; }
div.col3 { width:446px; margin-left:10px; float:left; display:inline; }
div.col4 { width:608px; float:left; display:inline; }
div.bgfowers { padding:6px; background-color:#DCF0F4; background-image:url(/images/bg-kelp2.gif); background-repeat:no-repeat; background-position: right bottom; }


* html ul.menu li { float: left; }
* html ul.menu li a { height: 1%; }
ul.menu { list-style:none; padding:0; margin:0 0 10px 0; }
ul.menu li { font-size:1.1em; margin:0; padding:3px 0; }
ul.menu li a { color:#5F200A; text-decoration:none; display:block; padding-left:16px; background-image:url(/images/arrows.gif); background-repeat:no-repeat; background-position: 0px 2px; }
ul.menu li a:hover, ul.menu li a.active { color:#55B7C3; background-position: 0px -35px; }

h3.underline { font-weight:normal; color:#55B7C3; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #AADBE1; }

div.rooms { clear:both; margin-top:15px; }
div.rooms img { float:left; }
div.rooms ul { float:left; display:inline; margin:70px 0 0 10px; }
div.rooms li a { color:#987042; }

table.tariff td, table.tariff th { font-size:1.1em; }
table.tariff td { text-align:center; padding:10px 0; background-color:#DDF1F3; }
table.tariff td.white { background-color:#FFF; }
table.tariff tr.top td { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: #55B7C3; border-right-color: #55B7C3; border-bottom-color: #55B7C3; }
table.tariff tr.bottom td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #55B7C3; border-bottom-color: #55B7C3; }
table.tariff td.left { border-left-width: 1px; border-left-style: solid; border-left-color: #55B7C3; }
table.tariff  tr.bottom td.right, table.tariff  tr.top td.right { border-right-width: 1px; border-right-style: solid; border-right-color: #55B7C3; }
table.tariff th { padding:5px 0; }
table.tariff th span { font-weight:normal; }
table.tariff th.left { text-align:left; }

ul.linklist { margin:0; padding:0; list-style:none; }
ul.linklist li { margin:0; padding:0;}
ul.linklist a { display:block; padding:3px 0; width:100%; height:100%; color: #55B7C3; text-decoration:none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #55B7C3; }
ul.linklist a:hover { background-color:#E6F4F6; }

div#scillylinks { width:750px; margin:10px auto 5px auto; color:#987042; padding-top:10px; font-size:0.9em; clear:both;}
div#scillylinks a { color:#987042; text-decoration:none; }

div#footer { width:750px; clear:both; border-top-width: 2px; border-top-style: solid; border-top-color: #DCF0F4; margin:10px auto; padding:2px 0 10px 0; }
div#footer img.validate { float:left; margin:0 6px 0 0; display:inline; }
div#footer ul { float:left; width:530px; list-style:none; padding:5px 0; margin:0; }
div#footer li { float:left; padding:0 5px; margin:0; border-left-width: 1px; border-left-style: solid; border-left-color: #BCA284; }
div#footer li.first { border:none; padding-left:0; }
div#footer li a { color:#987042; font-size:0.9em; text-decoration:none; }
div#footer p { clear:both; color:#987042; }
img#credit { float:right; }

.image_credit {font-size:0.9em; text-align:right; padding-right:5px; margin-top:5px; color:#C1a98d;}