/* @override 
	http://www.cribbsbusinesscentre.co.uk/template/style.css
	http://www.cribbsbc.co.uk/template/style.css
*/

/* Unchanged */
body { background:white; padding:15px; font-size:70%; color:#000; font-family: arial, sans-serif; }
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-family:tahoma; font-size:1em; }
a { color:#60A301; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { font-family:"trebuchet ms", tahoma, sans-serif; }
h1 { color:#f9d549; font-size:1.4em; background:url(../template/heading_back.gif) #60A301 right no-repeat; margin:0 -25px 25px -25px; padding:1px 4px; }
h2 { clear:both; font-family:"Trebuchet MS", Tahoma; color:#f9d549; font-size:19px; border-bottom:1px solid #f9d549; padding-bottom:2px;}
h3 { clear:both; font-family:"Trebuchet MS", Tahoma; color:#333; font-size:18px; border-top:1px solid #f9d549; border-bottom:1px solid #C8EA8E; padding-bottom:2px;}
h4 { color:#8ED505; font-size:1.4em;margin-top:0;margin-bottom:5px; }
ul { color:#8ED505; list-style-type:circle; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:2px solid #60a301; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:2px solid #60a301; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:2px solid #60a301; margin-left:10px; margin-bottom:10px; }
.datatable th { background:#60A301; color:white; font-weight:bold;  border:1px solid white; padding:4px; }
.datatable td { background:#EBFFCB; border:1px solid white; padding:4px; }
.datatable p { padding:0; margin:0; }
.head1{ background-color:#DBF8AB;  font-family:"Trebuchet MS", Tahoma; color:#476C06; font-size:14px; letter-spacing:-1px; }
.head2{ background-color:#BFE381; font-family:"Trebuchet MS", Tahoma; color:#476C06; font-size:12px; letter-spacing:-1px; }
.head3{ background-color:#DBF8AB; font-family:"Trebuchet MS", Tahoma; color:black; font-size:11px; }
.notes { font-size:9px; color:#2E2E2E; }
.shout { font-size:14px; font-weight:bold; padding:4px; border:3px double #f9d549; color:#508800 }
.shout2 { font-size:1.2em; color:#60A301; font-weight:bold; padding:5px; background:#EBFFCB; }
.submit { background:#60A301; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.reset { background:#8ED505; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1em; padding:2px; }
.quote { border:1px solid #C5D0D5; padding:4px; color:#60A301; font-weight:bold; }
.caption { font-weight:bold; background:#8ED505; float:right; width:160px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; border-right:3px solid #60A301; }
.custom1 {}
.custom2 {}
.border { border:2px solid #60a301; }
.noborder { border:0; }
.white_vert { width:3px; }
.white_hoz { height:3px; }
.spacer { height:20px; }
#shadow_left { background:url(../template/shadow_left.gif) #EEEEEE; width:6px; }
#shadow_right { background:url(../template/shadow_right.gif) #EEEEEE; width:6px; }
#shadow_bottom { background:url(../template/shadow_bot.gif) #EEEEEE; height:6px; }
#container { background:white; width:950px; text-align:left; }
#date { background:#60A301; color:white; border-bottom:3px solid white; height:25px; text-align:right; padding-right:10px; }
#head { border:1px solid #C8EA8E; height:146px; background: transparent url(../template/header_welcome.jpg) no-repeat top right; }
#sitelogo { height:110px; line-height:110px; margin-top: 0px; color:#60A301; font-family:"trebuchet ms", tahoma, sans-serif; font-weight:bold; font-size:2.2em; float:left; text-indent:13px; letter-spacing:-1px; }

#special_offer { clear:right; float:right; padding-right:10px; padding-top:5px; height:45px; }
#hbc { height:30px; line-height:25px; clear:right; float:right; padding-right:10px; padding-top:15px; }

#telephone_top {
	float: left;
	margin-left: 170px;
	margin-top: 20px;
	font-weight: bold;
	color: #acacb1;
	font-size: 14px;
	text-align: center;
}

#telephone_top span {
	display: block;
	font-size: 28px;
	color: #f9d549;
}

#head #mc_embed_signup {
	float:right;margin-top:75px;margin-right:8px; clear:right;
}

#hbc a, a.buttonLink { border:1px solid #C8EA8E; background:#F2FCE5; color:#60A301; padding:4px; margin:0 3px; font-weight:normal; }
#hbc a:hover, a.buttonLink:hover { border:1px solid #60A301; background:#60A301; color:#fff; text-decoration:none; }
#left { width:220px; background:#BFE381; vertical-align:top; border-right:3px solid white; }
#menu_heading { background: #60A301 url(../template/second_back.gif) no-repeat top right; color:#f9d549; border-bottom:1px solid white; height:22px; width:220px; text-indent:7px; letter-spacing:2px; font-weight:bold; }
#contact_heading { background: #60A301 url(../template/second_back.gif) no-repeat top right; color:#f9d549; border-bottom:1px solid white; border-top:1px solid white; height:24px; text-indent:7px; letter-spacing:2px; font-weight:bold; }
#contact { background:#DBF8AB; border-bottom:1px solid white; padding:7px; color:#2A6400; }
#right { vertical-align:top; }
#top_image { background:url(../template/top_pic.jpg) no-repeat; border:1px solid #60A301; height:138px; }
#pagebody { border:1px solid #C8EA8E; width:729px; padding:25px; padding-top:0; height:180px; font-size: 1.1em;}
#pagebody form img { border:0; }
#pagebody ul { list-style-type:circle; color:#60a301; }
#copyright { background:#60A301; color:white; border-bottom:3px solid white; border-top:3px solid white; height:28px; text-align:center; }
#end { text-align:center; margin-top:8px; padding-bottom:10px; font-size:0.9em; color:#76777A; }
#end a { font-size:0.9em; color:#76777A; border:0; background:none; font-weight:normal; }
#end a:hover { color:#60A301; border:0; background:none; text-decoration:none; }
#nav, #nav ul { padding:0; margin:0; list-style:none; width: 220px; text-align:left; }
#nav a { display:block; width:213px; padding-left:7px; background:#DBF8AB; color:#2A6400; height:25px; line-height:24px; border-bottom:1px solid white; font-weight:normal; }
#nav a:hover { background:#8DC61E; color:#fff; text-decoration:none; }
#nav li { float:left; width: 220px; }
#nav li ul { width:220px; }
#nav li ul li a {
	padding-left: 20px; width: 200px; background-color: #f0f8e3;
}
#nav .active { background:#6EB509; color:#fff; cursor:default; }
#nav ul .active { background-color: #9eb57c; }
.textbox { float:right;border:2px solid #F9D549;padding:4px;margin:10px;margin-top:0;margin-bottom:4px;width:220px; }

.lightbox_images td { padding:4px; }
.lightbox_images table { border-bottom:1px solid #eee;padding-bottom:10px; }


.test1 { border:4px double #60A301;padding:10px;padding-top:40px;padding-left:20px;margin:4px;margin-bottom:20px;background:url(speech.jpg) top left no-repeat; }
.test2 { border:1px solid #F9D549;padding:10px;padding-top:40px;padding-left:20px;margin:4px;margin-bottom:20px;background:url(speech.jpg) top left no-repeat; }

#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

#bookingsCalendar {
	margin-top: 10px;	
}
table.formTable {
	border-left: 1px solid #ccc;	
	border-top: 1px solid #ccc;	
	width: 100%;
}
table.formTable td {
	padding: 4px 6px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

table.detailTable {
	width: 100%;
}
table.detailTable td {
	padding: 4px 5px;
	border-bottom: 1px solid #eee;
}

td.tdTitle {
	width: 200px;
	color: #333;
}

td.tdLabel {
	background-color: #DBF8AB;	
	width: 40%;
	font-size: 1.1em;
}
td.tdInput {
	background-color: #f7f7f7;	
	font-size: 1.1em;
}

td.tdInput textarea {
	font-family:"Trebuchet MS", Tahoma;
	font-size: 1.1em;
}

.tdInput label {
	display: block;	
}

.tdInput label input {
	margin-right: 6px;
	margin-bottom: 4px;
}

.bookingExtrasTitle {
	display: block;
	background-color: #eee;
	padding: 3px 5px;
	margin-top: 10px;
	margin-bottom: 8px;
}

label.roomSearchLabel {
	margin-right: 10px;	
}

label.roomSearchLabel input {
	margin-left: 8px;
}

table.listTable td {
	background-color: #eee;
	padding: 3px 5px;
}

tr.tableHeader td, td.tableHeader {
	font-weight: bold;
	border-bottom: 1px solid #ccc!important;
	font-size:1.1em;
	color: #2A6400;
	line-height: 2em;
}

tr.roomSearchLocation td {
	background-color: #DBF8AB;
	font-weight: bold;
	color: #2A6400;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

tr.roomSearchBooking td {
	line-height: 2em;
	font-size: 1.1em;
}
tr.roomSearchBooking.booked td {
	color: #999;
}

tr.roomSearchBooking td a {
	font-size: .9em;
}


/*tr .roomSearchBooking td span.booked { border:1px solid #eee; background:#ccc; color:#999; padding:4px; margin:0 3px; font-weight:normal; font-size: .9em; text-decoration:none; cursor:default; }*/
tr .roomSearchBooking td span.booked { padding-left: 5px; color:#333; font-weight:normal; font-size: .9em; text-decoration:none; cursor:default; }

.datePickerDisplay {
	display: inline-block;
	background: #fefefe url(/template/calendar.png) no-repeat 90px center;
	padding: 0 5px;
	width: 100px;
	line-height: 2em;
	height: 2em;
	cursor: pointer;
	border: 1px solid #999;
}

.datePickerDisplay:hover {
	background-color: #fff3b4;
}

small.tableHeaderSmallText {
	font-weight: normal;
	color: #333;
	display: block;
}

.red {
	color: #F00;	
}

.error {
	color: #F00;
}

input.error, textarea.error, select.error {
	color: #F00;
}

#successMessage {
	display: block;
	padding: 8px 12px;
	font-size: 1.1em;
	background-color: #DBF8AB;
	border: 1px solid #60A301;
	margin-bottom: 10px;
}


/* @group Slideshow */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:509px; margin:0px auto; display:none; padding-bottom: 30px;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:503px; height:377px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:503px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; clear: none;}
#information p {padding:0 8px 8px}
#image {width:403px; overflow: hidden;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#f6f7ef}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#f6f7ef url(/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:459px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* @end */