/* General HTML elements */
form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #fff; color: #000; font: 62.8% Arial, Helvetica, sans-serif; text-align: center; }
img { border: none; }
h1 { margin: 20px 30px; font-size: 3em; text-shadow: -1px -1px 2px #000; font-weight: normal; }
h2 { margin: 20px 30px 5px 30px; font-size: 2.4em; text-shadow: -1px -1px 2px #000; }
h3 { margin: 20px 30px 5px 30px; font-size: 2em; text-shadow: -1px -1px 2px #000; }
p { margin: 5px 30px 20px 30px; font-size: 1.4em; }
address { margin: 20px 30px; font-size: 1.3em; font-style: normal; }
ul, ol { margin: 20px 30px; padding: 1px 0 1px 2em; font-size: 1.3em; font-style: normal; }
li { margin: 4px 0; }
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }

/* Link Colours */
a { color: #fff; }
a:visited { color: #fff; }
a:focus { color: #ff0; text-decoration: none; }
a:hover { color: #ff0; text-decoration: none; }
a:active { color: #080; }

/* Useful Classes */
.error, .errors { color: #f00; }
.left { float: left !important; }
.right { float: right !important; }
img.left { margin: 0 20px 10px 20px; }
img.right { margin: 0 20px 10px 20px; }
.clear_left { clear: left; display: block; }
.clear_right { clear: right; display: block; }
.clear_both { clear: both; display: block; }
p.clear_both { height: 1px; font-size: 1px; margin: 0; padding: 0; }
.hide { display: none; }
img.icon { vertical-align: middle; }
ol.numerals { list-style-type: lower-roman; }
ol.alpha { list-style-type: lower-latin; }
.center { text-align: center !important; }
.highlight { color: #fff; background: #D1017B; }
p.highlight { margin: 10px 30px; padding: 5px; }
p.small { margin: 5px 30px 20px 30px; font-size: 1.1em; }

/* General Forms */
form { display: inline; }
label { float: left; width: 150px; padding: 0 5px 0 0; }
label.inline { display: inline; float: none; width: auto; padding: 0; }
input.text, select, textarea { padding: 3px; vertical-align: middle; border: 1px #999 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
input.required, select.required, textarea.required { border-color: #f00; }
select.country { font-size: 0.9em; }
input.button { cursor: pointer; vertical-align: middle; border-width: 0; background: #D1017B; color: #fff; text-align: center; font: bold 1em Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px 5px; font-size: 1.5em; }
input.button:hover, input.button:focus { background: #D1017B; color: #ff0; }
input.add_to_basket, input.checkout, input.pay { background: #f00; }
input.add_to_basket:hover, input.checkout:hover, input.pay:hover, input.add_to_basket:focus, input.checkout:focus, input.pay:focus { background: #900; }
input.checkout { font-size: 1.3em; }
fieldset { padding: 1px 5px; margin: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #D1017B; }
legend { padding: 5px 10px; margin: 0 0 0 5px; font-size: 1.4em; font-weight: bold; color: #fff; background: #D1017B; border: 2px solid #D1017B; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
input.checkbox { border: none; }
input.special { display: none; }
ul.errors label { display: inline; float: none; width: auto; padding: 0; }


fieldset.active { margin: 5px 0; padding: 1px 15px; border: none; }
fieldset.active legend { padding: 3px 10px; margin: 0 0 0 -15px; }
fieldset.inactive { margin: 5px 0; padding: 1px 15px; border: none; }
fieldset.inactive legend { padding: 3px 10px; margin: 0 0 0 -15px; }
fieldset.left, fieldset.right { margin: 10px 0; padding: 1px 5px; border: none; width: 48%; }
fieldset fieldset { padding: 1px 5px; margin: 10px 0; border: none; }
fieldset fieldset legend { padding: 3px 0; margin: 0 0 0 -5px !important; }

/* Tables */
table { width: 100%; margin: 0; clear: both; color: #000; background: #fff; font-size: 1em; }
th, td { padding: 2px 5px; }
thead tr { background: #8bc53f; color: #fff; }
thead th { font-size: 1.2em; text-align: center; }
tbody th { font-size: 1em; }
tbody td { font-size: 1.2em; text-align: center; }
tr.even { background: #f6f6f6; }
tr.sub_total { background: #eee; }
tr.vat_total { background: #ddd; }
tr.delivery { background: #ccc; }
tr.grand_total { background: #8bc53f; color: #fff; }
tr.grand_total td, tr.grand_total th { font-size: 1.2em; }
td.functions { text-align: right; }
td.was_price { color: #CD72C7; text-decoration: line-through !important; }
td.save { color: #f00; }
td.now_price { color: #6C2669; font-weight: bold; }
tr.last td { padding: 2px 5px; background: #ececec; border: 1px #dbdbdb solid; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1em; text-align: right; }
table img { vertical-align: middle; }

/* Container */
div#container { width: 770px; margin: 10px auto; text-align: left; color: #fff; background: #698290; }

/* Header */
div#header { height: 346px; padding: 1px 0; background: #698290 url("../gfx/layout/the-hotel.jpg") top left no-repeat; }
div#header address { text-align: right; margin: 10px; }
div#header address a { color: #fff; }
div#header address a:hover, div#header address a:focus { color: #ff0; }
div#header ul.main_menu li a.on { background: #D1017B; }

/* Main Menus */
ul.main_menu { margin: 0; padding: 0; clear: both; height: 32px; line-height: 32px; font-size: 1.6em; font-weight: bold; text-transform: lowercase; text-align: right; }
ul.main_menu li { display: inline; border-left: 1px solid #fff; line-height: 32px; }
ul.main_menu li.first { border-left: none; }
ul.main_menu li a { color: #fff; text-decoration: none; padding: 0 10px; line-height: 32px; }
ul.main_menu li a:hover, ul.main_menu li a:focus { color: #ff0; }

/* Book Online Now */
div#book_online { height: 122px; padding: 1px 0; background: #698290 url("../gfx/layout/charlton-kings-hotel-and-restaurant.jpg") top left no-repeat; }
div#book_online a { float: right; margin: 10px 20px 0 0; }

/* Inner */
div#inner { padding: 1px 0; background: #698290 url("../gfx/layout/background-content.jpg") bottom left repeat-x; }

/* Content */
div#content { width: 520px; float: left; }
div#content p { line-height: 140%; text-align: justify; }

/* Right Column */
div#right_column { width: 220px; float: right; margin: 10px 30px 10px 0; padding: 10px 0; background: #78C2FF; }
div#right_column h3 { margin: 0; }
div#right_column p { margin: 0 10px; }
div.box { margin: 10px 10px 0 10px; background: #009AC8; padding: 1px 0; }
div.eviivo_searchbox { margin: 0 auto; width: 188px; }
div#right_column div.box p { margin: 10px; }
div#right_column div.box img { /*border: 2px solid orange;*/ } /*Commented out by Sam, 28-10-2011*/
div.box a { color: #fff; }
div.box a:hover, div.box a:focus { color: #ff0; }

/* Footer */
div#footer { clear: both; background: #D1017B; padding: 0 0 1px 0; }
div#footer ul { background: #009AC8; }
div#footer p { margin: 5px 20px; font-size: 1.1em; }
div#footer address { margin: 5px 20px; font-size: 1.1em; }
div#footer a { color: #fff; }
div#footer a:hover, div#footer a:focus { color: #ff0; }

/* Lightbox */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}