/*************************************************************************************************

	jgm web design [MASTER]
	
	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 21st Feb 2008
	* Copyright (c) 2008 James Mills.
	
	Parts of this site utilises the Blueprint CSS Framework 0.7.1
	http://blueprintcss.googlecode.com
	
	* Copyright (c) 2007-2008. See LICENSE for more info.
	* See README for instructions on how to use Blueprint.
	* For credits and origins, see AUTHORS.
	
	// All CSS files are compressed. See the sources in the 'styles/src/' directory.

*************************************************************************************************/


/* Golbal CSS settings
-------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

html, body {
	height:100%;
}
body  {
	background:url(../assets/page_bg2.jpg) repeat;
	font-size:62.5%;
}

.clear_fix {
	clear: both;
	border:0;

}

input.form_button { 
	font: bold 12px Arial, Sans-serif;
	margin: 0;
	padding: 5px; 
	color: #fff;
	background: #25130b;
	
	border-width: 4px;
  	border-style: solid;
  	border-color: #fff;
	cursor:pointer;
}

/* Logged in info for user
-------------------------------------------------------------- */
div#logged_in_info {
	color:#000;
	text-align:right;
	font-size:1.1em;

	border:4px solid #fff;
	background: #dac5a8; 
	padding:4px;
	margin-bottom:10px;
}
div#logged_in_info a {
	color:#000;
	text-decoration:none;
}

div#logged_in_info ul li {
	list-style:none;
}

div#logged_in_info ul li a {
	display:block;
	background:#fff;
	color:#000;
	padding:3px;
	border-bottom:1px solid #dac5a8;
}



/* Login page box container
-------------------------------------------------------------- */
div.login_box {
	width:250px;
	float:left;
	border:1px solid #fff;
	padding:20px;
	margin-right:10px;
	min-height:220px;
	color:#fff;
}
div.login_box p {
	color:#fff;
}

/* MY ACCOUNT - registration form form style
-------------------------------------------------------------- */
form.frm_register fieldset {
	
	margin-bottom:10px;
	
	padding: 5px 10px 20px 10px; 
	border:4px solid #fff;
	background: #dac5a8; 	
}
form.frm_register legend {
	border:1px solid #fff;
	background:#fff;
	padding:5px;
	font-size:1.2em;
}
form.frm_register dl {
  position: relative;
  width: 500px;
}
form.frm_register dt {
  clear: both;
  float:left;
  width: 130px;
  padding: 4px 0 2px 0;
  text-align: left;
}
form.frm_register dt label, form.frm_register label, form.frm_register .label {
	color: #25130b;
	font-size:1.3em;
	font-weight: bold;
}
form.frm_register dd {
  float: left;
  width: 350px;
  margin: 0 0 8px 0;
  padding-left: 6px;
}
form.frm_register dd input, form.frm_register dd select, form.frm_register dd span, form.frm_register dd textarea {
	width: 250px;
	background:#fff;
	border:1px solid #bbb;
	padding:3px;
	font-size:1.2em;
}
form.frm_register dd span {
	display:block;
}
form.frm_register dd select.dob {
	width: 100px;
	border:1px solid #bbb;
	padding:3px;
	font-size:1.2em;
}
form.frm_register p {
	color:#000;
}
form.frm_register dd input:focus, form.frm_register dd textarea:focus {
	background:#ffff99;
	width: 250px;
	background:#fff;
	border:1px solid #bbb;
	padding:3px;
	font-size:1.2em;
}

/* MY ACCOUNT - Login form style
-------------------------------------------------------------- */
form.frm_login label {
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
}
form.frm_login a {
	color:#fff;
	font-size:1.2em;
}
form.frm_login input[type="text"], form.frm_login input[type="password"] {
	width: 240px;
	border:1px solid #bbb;
	padding:3px;
	font-size:1.2em;
	margin-bottom:15px;
	margin-top:10px;
}
form.frm_login input[type="text"]:focus, form.frm_login input[type="password"]:focus, form.frm_login textarea:focus {
	border:1px solid #666666;
	background:#ffff99;
}



/* Overall container
-------------------------------------------------------------- */
#bg_container {
	background:url(../assets/page_bg.png) repeat-x top;
	width:100%;
	height:400px;
}

/* Overall container
-------------------------------------------------------------- */
#wrapper {
	width:860px;
	position:absolute;
    left: 50%;
    margin-left:-430px;
	
	margin-top:40px;

}

/* Header and nranding
-------------------------------------------------------------- */
div#contact {
	position:absolute;
	right:0;
	top:75px;
	width:200px;
	height:40px;
	font-size:1.6em;
	color:#d5c750;
	font-weight:bold;
	text-align:right;
}
div#contact .yellow {
	color:#e8e8e8;
}

#header {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
#header h1#branding {
	background:url(../assets/logo.png) no-repeat;
	width:166px;
	height:92px;
	text-indent:-9000px;
	margin-left:auto;
	margin-right:auto;
}
#header h1#branding a {
	display:block;
	width:166px;
	height:92px;
}


/* Flash and booking container
-------------------------------------------------------------- */
div#flash_box {
	height:220px;
	margin-top:40px;
}
div#flash_box  div#flash_container {
	float:left;
	width:650px;
	height:220px;
}
div#flash_box  div#flash {
	background:url(../assets/flash_alt.png);
	width:650px;
	height:220px;
}

div#flash_box  div#booking_check {
	float:right;
	width:183px; /* 195 - 12 */
	height:208px; /* 220 - 12 */
	border:6px solid #fff;
	/*background:#dac5a8 url(../assets/booking_check_bg.png) no-repeat right bottom;*/
	background:url(../assets/booking_check_bg_new.png);
}
div#flash_box  div#booking_check a {
	display:block;
	width:183px;
	height:208px;
	text-indent:-90000px;
}


div#flash_box  div#booking_check h3 {
	background: #2d1a0c url(../assets/booking_check.jpg) bottom;
	color:#fff;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:right;
	padding:7px;
}

/* APPARTMENTS ------------------------------ */
form#frm_booking_check div.appartment {
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:5px;
}

form#frm_booking_check div.appartment select { 
	background-color: #25130b; 
	color: #95816c;
	width:112px;
	margin-left:4px;
	padding:3px;
	
	border:none;

}

/* DATES ------------------------------ */
form#frm_booking_check div.dates {
	margin-left:5px;
	margin-right:5px;
	border-top:1px dashed #25130b;
	border-bottom:1px dashed #25130b;

	padding-top:5px;
	padding-bottom:5px;
}

form#frm_booking_check div.dates dl {
  position: relative;
  width:180px;
}
form#frm_booking_check div.dates dt {
  clear: both;
  float:left;
  width: 60px;
  text-align: left;
  padding-top:5px;
}
form#frm_booking_check div.dates dt label {
	color: #25130b;
	font-size:1em;
}


form#frm_booking_check div.dates dd {
  float: left;
  width: 100px;
  margin: 0 0 8px 0;
}
form#frm_booking_check div.dates input {
	background-color: #25130b; 
	color: #95816c;
	width:70px;
	border:none;
	padding:3px;
	margin-right:4px;
}
















/* BUTTON ------------------------------ */
form#frm_booking_check input.submit_button {
	float:right;
	margin-top:5px;
}










/* Navigation
-------------------------------------------------------------- */
div#nav {
	height:60px;
	margin-bottom:20px;
	margin-left:10px;
	width:650px;
	float:left;
}
div#nav ul li {
	display:inline;
	list-style:none;
}
div#nav ul li a {
	background:url(../assets/nav_bg.png) no-repeat bottom;
	float:left;
	height:44px;
	width:125px;
	display:block;
	
	color:#FFFFFF;
	font-size:1.1em;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	
	padding-top:10px;
}
div#nav ul li a:hover, div#nav ul li a.active {
	background:url(../assets/nav_bg.png) no-repeat top;
}


div#time_date {
	float:right;
	width:195px;
	text-align:center;
	padding-top:10px;
	font-size:1.1em;
	color:#fff;
}

/* Body Content
-------------------------------------------------------------- */
div#body_content_home div.container {
	float:left;
	width:277px;
	margin-left:5px;
	text-align:center;
	margin-bottom:30px;
}

div#body_content_home div.container h2 a {
	height:52px;
	width:277px;
	display:block;
	text-indent:-9000px;
}

div#body_content_home div.container h2 a.view_rooms { background:url(../assets/home_page/view_rooms.png); }
div#body_content_home div.container h2 a.the_area { background:url(../assets/home_page/the_area.png); }
div#body_content_home div.container h2 a.services { background:url(../assets/home_page/services.png); }

div#body_content_home div.container div.content {
	background:url(../assets/home_page/bg.png);
}

div#body_content_home div.container p {
	color:#fff;
	padding:10px;
	font-size:1.1em;
	text-align:left;
	height:65px;
}
div#body_content_home div.container a.footer {
	text-transform:uppercase;
	text-decoration:none;
	color:#d5c750;
	float:right;
	padding:5px;
	font-size:1.2em;
}
div#body_content_home div.container a.footer span {
	color:#965719;	
}



/* Body Content
-------------------------------------------------------------- */
div#body_content {
	background:#25130b;
	margin-bottom:20px;
}

div#body_content div#body_content_left {
	width:610px;
	float:left;
	padding-top:50px;
	padding-left:20px;
	padding-bottom:30px;
	padding-right:20px;
	

}
div#body_content div#body_content_left h2 {
	position:absolute;
	top:415px;
	text-indent:-9000px;
	left:20px;
	
	width:233px;
	height:52px;
}
div#body_content div#body_content_left h3 {
	font-size:2em;
	color:#a9641d;
	font-weight:normal;
	margin-bottom:10px;
}
div#body_content div#body_content_left h2.about_us { background:url(../assets/page_titles/about_us.png); }
div#body_content div#body_content_left h2.home { background:url(../assets/page_titles/home.png); }
div#body_content div#body_content_left h2.services { background:url(../assets/page_titles/services.png); }
div#body_content div#body_content_left h2.rooms { background:url(../assets/page_titles/rooms.png); }
div#body_content div#body_content_left h2.darlington_area { background:url(../assets/page_titles/darlington_area.png); }

div#body_content div#body_content_left h2.check_dates { background:url(../assets/page_titles/check_dates.png); }
div#body_content div#body_content_left h2.good_news { background:url(../assets/page_titles/good_news.png); }
div#body_content div#body_content_left h2.bad_news { background:url(../assets/page_titles/bad_news.png); }
div#body_content div#body_content_left h2.make_booking { background:url(../assets/page_titles/make_booking.png); }
div#body_content div#body_content_left h2.login { background:url(../assets/page_titles/login.png); }
div#body_content div#body_content_left h2.complete { background:url(../assets/page_titles/complete.png); }
div#body_content div#body_content_left h2.make_payment { background:url(../assets/page_titles/make_payment.png); }
div#body_content div#body_content_left h2.register { background:url(../assets/page_titles/register.png); }

div#body_content div#body_content_left h2.order_complete { background:url(../assets/page_titles/order_complete.png); }






div#body_content div#body_content_left p {
	color:#bcb7b4;
	font-size:1.2em;
	line-height:18px;
	margin-bottom:15px;
}
div#body_content div#body_content_left p.indent {
	margin-left:20px;
}

div#body_content div#body_content_left p span.highlight {
	color:#a9641d;
}
div#body_content div#body_content_left p a {
	color:#a9641d;
	text-decoration:none;
}

div#body_content div#body_content_left ul {
	margin-left:35px;
	color:#bcb7b4;
	font-size:1.2em;
	margin-bottom:15px;
}
div#body_content div#body_content_left li {
	margin-bottom:8px;
}

/* Body content right
-------------------------------------------------------------- */
div#body_content div#body_content_right {
	float:right;
	width:183px;
	padding:6px;
}

div#body_content div#body_content_right p {
	color:#fff;
	font-size:1.2em;
}

div#body_content div#body_content_right .border {
	border:6px solid #fff;
}
div#body_content div#body_content_right .spacer{
	border-bottom:1px dashed #fff;
	padding-bottom:10px;
	margin-bottom:10px;
}


div#body_content div#body_content_right div#room_info {
	text-align:right;
}




/* Rooms List
-------------------------------------------------------------- */
div.room_info {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #fff;
}

div.room_info img.image {
	float:left;
	border:6px solid #fff;

	margin-right:20px;
}
div.room_info h3 {
	font-size:1.6em;
	color:#fff;
}

.image_border {
	border:6px solid #fff;
	margin-right:10px;
	
}







/* Footer
-------------------------------------------------------------- */
div#footer {
	background:#25130b url(../assets/footer_bg.gif) no-repeat right center;
	margin-bottom:60px;
	padding:20px;

}
div#footer p {
	font-size:1.1em;
	color:#ccc;
}
div#footer ul li {
	display:inline;
	list-style:none;
	font-size:1.1em;
	color:#ccc;
	border-right:1px solid #ccc;
	padding-right:10px;
	padding-left:5px;
	
}
div#footer ul li a {
	text-decoration:none;
	color:#ccc;
	
}
div#footer ul li.last {
	border-right:0px;
}




/* Messages
-------------------------------------------------------------- */
.errorMsg {
	background:url(../admin/assets/icons/exclamation.png) no-repeat 10px 10px;
	background-color:#ffeeee;
	color:#660000;
	padding:1em;
	padding-left:3.2em;
	font-size:1.1em;
	border-top:1px solid #660000;
	border-bottom:1px solid #660000;
	margin-bottom:5px;
}
.errorMsg a {
	color:#FF3300;
}
.okMsg {
	background:url(../admin/assets/icons/accept.png) no-repeat 10px 10px;
	background-color:#e0fedd;
	color:#267522;
	padding:1em;
	padding-left:3.2em;
	font-size:1.1em;
	border-top:1px solid #267522;
	border-bottom:1px solid #267522;
	margin-bottom:5px;
	
}
.okMsg a {
	color:#33CC00;
}
.infoMsg {
	background:#e5effa url(../admin/assets/icons/information.png) no-repeat 10px 10px;
	color:#000;
	font-weight:bold;
	padding:1em;
	padding-left:3.2em;
	font-size:1.1em;
	border-top:1px solid #338fd6;
	border-bottom:1px solid #338fd6;
	margin-bottom:5px;
}
.infoMsg a {
	color:#338fd6;
}
.warningMsg {
	background:url(../admin/assets/icons/error.png) no-repeat 10px 10px;
	background-color:#FFFFCC;
	color:#FF6600;
	padding:1em;
	padding-left:3.2em;
	font-size:1.1em;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	margin-bottom:5px;
}
.loadingMsg {
	background:url(../admin/assets/icons/ajax-loader.gif) no-repeat 10px 10px;
	background-color:#FFFFCC;
	color:#FF6600;
	padding:1em;
	padding-left:3.2em;
	font-size:1.1em;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	margin-bottom:5px;
}