/**
 * Global Stylesheet
 * @author George Steel <g@georgesteel.net>
 * @copyright Copyright (c) 2009, George Steel
 * @license http://opensource.org/licenses/mit-license.php MIT License
 * @version $Id: main.css 126 2011-11-14 10:41:26Z george $
 */

* {
	background-repeat: no-repeat;
	outline: 0;
}
object, embed {
	display: block;
	margin: 0;
	padding: 0;
}
div, body, table, tr, td {
	margin: 0;
	padding: 0;
}

body {
	background-repeat: repeat-x;
	color: #FFF;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: "Helvetica Neue", "Helvetica", "Verdana", sans-serif;
	font-weight: lighter;
}

img, a img {
	border: none;
}

.hide {
	display: none;
}

.error {
	color: #9F0A1B;
}

.warning {
	color: #9F6A37;
}

.message, .debug {
	color: #6D9F50;
}

.debug {
	font-size: 0.8em;
	font-family: monospace;
}

.clear {
	clear: both;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #EBEBEB;
}

/**
 * Skin bg images are attached to body
 */

body.slateSkin {
	background-image: url(../images/skin/slate/BodyBG.jpg);
	background-color: #2a484e;
}

body, body.blueSkin {
	background-image: url(../images/skin/blue/BodyBG.jpg);
	background-color: #123c4f;
}

body.greenSkin {
	background-image: url(../images/skin/green/BodyBG.jpg);
	background-color: #124f45;
}

body.brownSkin {
	background-image: url(../images/skin/brown/BodyBG.jpg);
	background-color: #41361b;
}

body.redSkin {
	background-image: url(../images/skin/red/BodyBG.jpg);
	background-color: #4f121e;
}

/**
 * Darkness in the corners are fixed position overlay divs
 */

#overlay1, #overlay2 {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: -10;
}
#overlay1 {
	background-image: url(../images/skin/TopLeftDarkness.png);
	background-position: left top;
	left: 0px;
	top: 0px;
}
#overlay2 {
	background-image: url(../images/skin/BottomRightDarkness.png);
	background-position: right bottom;
	left: right;
	top: bottom;
}

/**
 * Layout stacks blocks of two divs, one full screen width and one
 * inner div with auto margins and fixed width @ 700px
 */
div.fullWidth {
	width: 100%;
	text-align: center;
}

div.fullCenter {
	width: 700px;
	margin: 0px auto;
	text-align: left;
}

/**
 * Global Navigation Classes
 * Top and left nav inherits from .nav
 */
.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.nav li {
	margin: 0;
	padding: 0;
}
.nav li a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/**
 * Top navigation
 */
#mainNav {
	background-color: #191c1f;
}
#mainNav ul {
	height: 18px;
	padding-left: 108px; /** Logo Image Width **/
}
#mainNav ul li {
	float: left;
	height: 18px;
}
#mainNav ul li a {
	background-position: left top;
	height: 18px;
}
#mainNav ul li a:hover {
	background-position: left bottom;
}
#mainNav ul li.active a {
	background-position: left bottom;
}
#mainNav ul li.active a:hover {
	background-position: left top;
}
#mainNav ul li a span {
	display: none;
}
#mainNav ul li a.navHome {
	background-image: url(../images/skin/blue/topNav/home.gif);
	width: 64px;
}
#mainNav ul li a.navContact {
	background-image: url(../images/skin/blue/topNav/contact.gif);
	width: 86px;
}
#mainNav ul li a.navTariff {
	background-image: url(../images/skin/blue/topNav/tariff.gif);
	width: 70px;
}
#mainNav ul li a.navRooms {
	background-image: url(../images/skin/blue/topNav/rooms.gif);
	width: 80px;
}
#mainNav ul li a.navBook {
	background-image: url(../images/skin/blue/topNav/reservations.gif);
	width: 114px;
}
#mainNav ul li a.navExeter {
	background-image: url(../images/skin/blue/topNav/exeter.gif);
	width: 63px;
}
#mainNav ul li a.navGallery {
	display: none;
	background-image: url(../images/skin/blue/topNav/gallery.gif);
	width: 68px;
}
#mainNav ul li a.navEnvironment {
	background-image: url(../images/skin/blue/topNav/environment.gif);
	width: 105px;
}
/**
 * For other skins, the nav hover colour changes
 */
body.redSkin #mainNav ul li a.navHome { background-image: url(../images/skin/red/topNav/home.gif); }
body.redSkin #mainNav ul li a.navContact { background-image: url(../images/skin/red/topNav/contact.gif); }
body.redSkin #mainNav ul li a.navTariff { background-image: url(../images/skin/red/topNav/tariff.gif); }
body.redSkin #mainNav ul li a.navRooms { background-image: url(../images/skin/red/topNav/rooms.gif); }
body.redSkin #mainNav ul li a.navBook { background-image: url(../images/skin/red/topNav/reservations.gif); }
body.redSkin #mainNav ul li a.navExeter { background-image: url(../images/skin/red/topNav/exeter.gif); }
body.redSkin #mainNav ul li a.navGallery { background-image: url(../images/skin/red/topNav/gallery.gif); }
body.redSkin #mainNav ul li a.navEnvironment { background-image: url(../images/skin/red/topNav/environment.gif); }

body.brownSkin #mainNav ul li a.navHome { background-image: url(../images/skin/brown/topNav/home.gif); }
body.brownSkin #mainNav ul li a.navContact { background-image: url(../images/skin/brown/topNav/contact.gif); }
body.brownSkin #mainNav ul li a.navTariff { background-image: url(../images/skin/brown/topNav/tariff.gif); }
body.brownSkin #mainNav ul li a.navRooms { background-image: url(../images/skin/brown/topNav/rooms.gif); }
body.brownSkin #mainNav ul li a.navBook { background-image: url(../images/skin/brown/topNav/reservations.gif); }
body.brownSkin #mainNav ul li a.navExeter { background-image: url(../images/skin/brown/topNav/exeter.gif); }
body.brownSkin #mainNav ul li a.navGallery { background-image: url(../images/skin/brown/topNav/gallery.gif); }
body.brownSkin #mainNav ul li a.navEnvironment { background-image: url(../images/skin/brown/topNav/environment.gif); }

body.greenSkin #mainNav ul li a.navHome { background-image: url(../images/skin/green/topNav/home.gif); }
body.greenSkin #mainNav ul li a.navContact { background-image: url(../images/skin/green/topNav/contact.gif); }
body.greenSkin #mainNav ul li a.navTariff { background-image: url(../images/skin/green/topNav/tariff.gif); }
body.greenSkin #mainNav ul li a.navRooms { background-image: url(../images/skin/green/topNav/rooms.gif); }
body.greenSkin #mainNav ul li a.navBook { background-image: url(../images/skin/green/topNav/reservations.gif); }
body.greenSkin #mainNav ul li a.navExeter { background-image: url(../images/skin/green/topNav/exeter.gif); }
body.greenSkin #mainNav ul li a.navGallery { background-image: url(../images/skin/green/topNav/gallery.gif); }
body.greenSkin #mainNav ul li a.navEnvironment { background-image: url(../images/skin/green/topNav/environment.gif); }

body.slateSkin #mainNav ul li a.navHome { background-image: url(../images/skin/slate/topNav/home.gif); }
body.slateSkin #mainNav ul li a.navContact { background-image: url(../images/skin/slate/topNav/contact.gif); }
body.slateSkin #mainNav ul li a.navTariff { background-image: url(../images/skin/slate/topNav/tariff.gif); }
body.slateSkin #mainNav ul li a.navRooms { background-image: url(../images/skin/slate/topNav/rooms.gif); }
body.slateSkin #mainNav ul li a.navBook { background-image: url(../images/skin/slate/topNav/reservations.gif); }
body.slateSkin #mainNav ul li a.navExeter { background-image: url(../images/skin/slate/topNav/exeter.gif); }
body.slateSkin #mainNav ul li a.navGallery { background-image: url(../images/skin/slate/topNav/gallery.gif); }
body.slateSkin #mainNav ul li a.navEnvironment { background-image: url(../images/skin/slate/topNav/environment.gif); }



#header {
	background-image: url(../images/headers/PinkGarden.jpg);
	height: 169px;
}
#header h1 {
	margin: 0;
	padding: 0;
	padding-top: 17px;
}
#header h1 a {
	display: block;
	width: 106px;
	height: 129px;
}
#header h1 span {
	display: none;
}
#header h1 a {
	display: block;
}

/**
 * Wraps main body up to the footerWrapper
 */
#contentWrapper {
	background-image: url(../images/skin/2or3colBGStripes.png);
	background-position: center bottom;
}
#middle {
	background-image: url(../images/skin/40pcTransparent.png);
	background-repeat: repeat;
	padding-top: 6px;
	padding-bottom: 20px; /** Height of BG Stripes Image */
}
#innerContentWrap {
	background-image: url(../images/skin/contentRightBG.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/**
 * Line break within the above wrappers so the wrappers clear the floated columns
 */
#contentClear {
	height: 1px;
	clear:both;

	background-repeat: repeat-y;
}


#contentEnd {
	margin: 0;
	padding: 0;
	height: 20px;
}
#contentEnd span {
	display: none;
}
#footerWrapper {
	clear: both;
}
#footer {
	background-image: url(../images/skin/2or3colBGStripes.png);
	background-repeat: repeat-y;
	min-height: 400px;
}





/**
 * Styling for left side navigation
 */
#leftNav {
	width: 108px;
	padding-bottom: 10px; /** Required so that the left col occupies space when empty */
}
#leftNav div {
	margin-bottom: 20px;
	background-image: url(../images/skin/60pcTransparent.png);
	background-repeat: repeat;
}
/**
 * Plenty of space between list items
 */
#leftNav div ul {
	padding: 10px 15px;
	font-size: 10px;
	font-weight: lighter;
}
#leftNav div ul li {
	padding: 10px 0;
}
#leftNav div ul li a {
	padding: 3px;
	background-position: left bottom;
}
/**
 * Left nav link colours
 */
body.blueSkin		#leftNav div ul li a:hover { color: #6b9ab4; }
body.redSkin		#leftNav div ul li a:hover { color: #df0f36; }
body.brownSkin	#leftNav div ul li a:hover { color: #8c7747; }
body.greenSkin	#leftNav div ul li a:hover { color: #279180; }
body.slateSkin	#leftNav div ul li a:hover { color: #7d9ca2; }

body.blueSkin		#leftNav div ul li.active a { color: #6b9ab4; }
body.redSkin		#leftNav div ul li.active a { color: #df0f36; }
body.brownSkin	#leftNav div ul li.active a { color: #8c7747; }
body.greenSkin	#leftNav div ul li.active a { color: #279180; }
body.slateSkin	#leftNav div ul li.active a { color: #7d9ca2; }

body.blueSkin   #leftNav div ul li.active a:hover { color: #fff; }

/**
 * Footer Links
 */
#footer {

}
#footer ul {
	margin: 10px;
	font-size: 10px;
	text-transform: none;
	float: left;
}

#footer ul li {
	padding: 2px 5px;
}

#companyInfo {
	clear: left;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: center;
}
#companyInfo address {
	display: block;
	padding-top: 5px;
}
#companyInfo a {
	text-decoration: none;
}
#footerLinks {
	text-align: center;
	font-size: 0.8em;
}

/**
 * Actual Content
 */
#content {
	padding: 10px;
}

/**
 * Content Text Styling
 */
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	font-weight: 100;
}
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
#content p {
	font-size: 0.9em;
	line-height: 1.6em;
}

img.uicon {
	vertical-align: middle;
}

/**
 * Standard Lists in Admin
 */
table.stdList {
	margin: 10px;
	background-color: #eee;
	border-collapse: collapse;
}
table.stdList, table.stdList td, table.stdList th {
	border: 1px solid #fff;
}
table.stdList td {
	padding: 2px 3px;
}
table.stdList thead td {
	background-color: #ccc;
	font-weight: bold;
	font-size: 1.1em;
}
table.stdList caption {
	border-bottom: none;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px;
	white-space: nowrap;
	border-width: 2px;
}
table.stdList tbody td {
	color: #000;
}
table.stdList tbody td a {
	color: #000;
}
table.stdList tbody tr.alt td {
	background-color: #ddd;
}
table.stdList td.icon {
	text-align: center;
}
table.stdList td.paginator {
	text-align: center;
	padding: 0;
}
table.stdList td div.paginationControl {
	padding: 0;
}

ul.messageStack, ul.flashStack {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #efefef;
	list-style-type: none;
	font-weight: bold;
}

ul.messageStack li, ul.flashStack li {
	padding: 3px 0;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul.messageStack li.err, ul.flashStack li.err {
	color: #862025;
	background-image: url(../images/icons/bomb.png);
}
ul.messageStack li.warn, ul.flashStack li.warn {
	color: #D4A21B;
	background-image: url(../images/icons/error.png);
}
ul.messageStack li.info, ul.flashStack li.info {
	color: #618E38;
	background-image: url(../images/icons/tick.png);
}


ul.tariffList {
	list-style-type: none;
}
ul.tariffList li {
	clear: left;
	padding: 10px 0 5px 0;
	margin: 10px 0;
	font-size: 12px;
}
ul.tariffList span {
	display: block;
	padding-top: 4px;
	border-top: 1px solid #000;
}
ul.tariffList span.room {
	float: left;
	width: 250px;
}
ul.tariffList span.price {
	float: left;
	padding-left: 20px;
}


div.galleryImage {
	float: left;
	width: 170px;
}
div.galleryImage a {
	display: block;
	margin: 0 auto;
	padding: 5px;

}
div.galleryImage a:hover img {
	opacity: 0.6;
	border: 1px solid #fff;
}
div.galleryImage a img {
	display: block;
	margin: 0 auto;
	border: 1px solid #333;
	padding: 1px;
	margin: 5px auto;
}
div.galleryImage h3 {
	font-size: 11px;
	text-align: center;
	text-transform: none;
}

/**
 * Styles for all montages
 */
div.imageMontage {

}
div.imageMontage table {
	margin: 0 auto;
}
div.imageMontage td a {
	display: block;
	margin: 0;
	padding: 0;
}
div.imageMontage td a img {
	display: block;
	margin: 0;
	padding: 0;
}
div.imageMontage td a:hover img {
	opacity: 0.8;
}

div.panoContent {
	display: none;
	color: #000;
}

div.pano {
	float: left;
	width: 220px;
	margin: 10px auto;
}
div.pano a {
	display: block;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.7em;
	text-decoration: none;
	text-align: center;
	font-weight: 100;
}

#map {
	width: 560px;
	height: 560px;
	margin: auto;
}

div.mapMarker h1 span {
	display: none;
}
div.mapMarker h1 {
	background-image: url(../images/logo/65x80.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 90px;
	border: none;
	margin: 0;
	padding: 0;
}
div.mapMarker address {
	color: #000;
}


table.reservation {
	border: 1px solid #fff;
	background-color: #000;
	margin: 10px;
}

table.reservation tbody tr td {
	text-align: right;
	padding: 4px;
	padding-right: 10px;
	font-size: 11px;
}
table.reservation tbody tr td + td {
	text-align: left;
	padding: 4px;
}

table.reservation thead tr td, table.reservation td.head {
	font-size: 1.2em; font-weight: bold;
	background-color: #4f121e;
	padding: 5px 10px;
	text-align: center;
}

div#tripAdvisorLogo {
	float: right;
	padding-left: 10px;
}
div.tripAdvisorFeed {
	clear: right;
}
div.tripAdvisorFeed h2 {
	font-size: 1.4em;
	text-transform: none;
	background-color: #4f121e;
	padding: 6px;
}
div.tripAdvisorFeed div.entry {
	margin: 10px;
	width: 240px;
	float: left;
}
div.tripAdvisorFeed div.entry.alt {
	clear: left;
}
div.tripAdvisorFeed div.entry h3 {
	font-size: 1.2em;
	padding: 5px 0;
	margin: 0;
	text-transform: none;
}
div.tripAdvisorFeed p.rating, div.tripAdvisorFeed p.date {
	font-style: italic;
	font-size: 9px;
	padding: 0;
	margin: 0;
}
div.tripAdvisorFeed p.review {

}
#gtbsLogo {
	float: right;
	padding-left: 10px;
}

p.printLink {
	margin: 10px;
	font-weight: bold;
	vertical-align: middle;
}
a.printLink {
	padding-left: 19px;
	background-image: url(../images/icons/printer.png);
	background-repeat: no-repeat;
	background-position: left center;
}

a.psWords {
	display: block;
	margin: 0;
	padding: 10px 0;
}

h3.headerBreakout {
	text-transform: none;
}
h3.headerBreakout a {
	display: block;
	padding: 10px;
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
body.blueSkin h3.headerBreakout a, body h3.headerBreakout a {
	background-color: #123c4f;
}
body.blueSkin h3.headerBreakout a:hover, body h3.headerBreakout a:hover {
	background-color: #000;
}

#refurbish {
	background-image: url(../images/skin/60pcTransparent.png);
	background-repeat: repeat;
}
#refurbish p {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

#refurbish p.first {
	padding-top: 10px;
}
#refurbish p.last {
	padding-bottom: 10px;
}