/* CSS Document */

/* Normalisation */
/* ------------------------------------------------------------------------ */

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalises font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size : 100%; }

/* Remove list styles from lists */
ol, ul
{ list-style : none; }

/* Normalises font style and font weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Remove borders and spacing from tables */
table
{ border-collapse : collapse ; border-spacing : 0; }

/* Remove borders from field set and img */
fieldset, img
{ border :0; }

/* Left aligns text in caption and table headers */
caption, th
{ text-align : left; }

/* Remove quotation marks from quote */
q:before, q-after
{ content : ''; }

/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
}
	
/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
}


/* Center design */
/* ------------------------------------------------------------------------ */
/* The following centres the design to a main rectangle of 915 pixels, 770 would be normal for bad screen resolutions */
body 
{
	text-align : center;
	width : 100%;
	background: #c4dce1 url(../graphics/bg_chintz_chinablue_new.jpg) repeat;
	color: #716464;
	font-size: 85%;
	font-family: "Times New Roman", Times, Serif;
}
#wrapper 
{
	width : 865px;
	height : auto; min-height: 650px; 
	margin : 0 auto;
	text-align : left;
	position : relative;
	background: #fff url(../graphics/bg_border_new.png) repeat;
	padding: 0 25px;
}
/*#end
{
	position: absolute; top: 0px; bottom: 0px; right: 0px; width: 25px;
	background: url(../graphics/bg_border.png) repeat-y;
}*/
/* ------------------------------------------------------------------------ */
/* Main Colours */
.highlight {
	background: #106475;
	color: #a5b2b6;
}
.cool {
	background: #cbd7d9;
	color: #716464;
}
.warm {
	background: #fff;
	color: #6C5C45;
}
.dark_t {
	color: #716464;
}
.light_t {
	color: #dbc2c2;
}
a { color: #106475; }
/* ------------------------------------------------------------------------ */
/* Main Overrides */
h1, h2, h3, h4, h5 { font-weight: normal; }

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

.inline_list {
	display: block;
}
.inline_list li {
	display:inline;
}
p {
	margin-bottom: 12px;
}
h4 { margin-bottom: 6px; }

/* Page structure */
/* ------------------------------------------------------------------------ */
#branding {
	height: 180px; margin-bottom: 325px !important;/* Make room for the mini-gallery and booking area */
	position:relative;
}
.skinny #branding {
	margin-bottom: 0px !important;
}
#branding h1 {
	position:absolute; top: 20px; left: 38px;
	text-indent: -10000px; padding: 0px; margin: 0px;
	width: 326px; height: 80px;
	background: url(../graphics/logo.png) no-repeat;
}
#branding h1 a {
	display:block; width: 100%; height: 100%;
}
#branding .mini_contacts {
	padding-top: 25px;
	position:relative;
	height: 119px;
	margin-left: 600px;
	color: #A39696;
	font-size:12px;
}
#branding .mini_contacts a { color:inherit; }
#branding .mini_contacts .address {
	margin-bottom: 8px;
}
#branding h4 {
	margin-bottom: 3px;
}
.telephone {
	padding-left: 25px;
	background: white url(../graphics/telephone.gif) no-repeat 0% 50%;
	margin-bottom: 2px;
}
.email {
	padding-left: 25px;
	background: white url(../graphics/email.gif) no-repeat 0% 50%;
	margin-bottom: 2px;
}
#branding_bottom {
	position: absolute; top: 180px; width:865px; height: 289px; overflow:hidden;
	padding: 18px 0;
	z-index:1000;
	background: white url(../graphics/bg_highlight_area.jpg) repeat-x;
}
#navigation {
	border: 1px solid #BAD1D7; border-width: 3px 0;
	font-size: 14px; line-height: 30px; padding: 2px 0;
	height: 30px; overflow:visible;
}
#navigation li { width: 140px; float: left; text-align: center; }
#navigation li.active { color: #ccc; background: url(../graphics/nav_active.jpg) repeat-y 50% 0; }
#navigation a { 
	color: inherit; text-decoration: none; 
	line-height:30px; padding: 0 20px 0 10px; 
	background: url(../graphics/seperator.gif) no-repeat 100% 0%;
	display:block;
}
#navigation li.last a { background:none; }
#navigation a:hover { color: #106475; }

#navigation .sub_nav {
	position:relative;
	top: 1px;
	z-index: 20000;
	border: 1px solid #81A4AC; border-width: 2px 0 1px;
	height: auto;
	left: -5px;
	display: none;
	color: #106475;
}
#navigation li:hover .sub_nav {
	display:block;
}
#navigation .sub_nav li {
	display: block; padding: 0; margin: 0; 	background: #BAD1D7; float:none;
	border-bottom: 1px solid #81A4AC;
}
#navigation li:hover .sub_nav a { 
	background: none; line-height: 26px;
	padding: 0 10px;
}
#navigation .sub_nav li:hover {
	background: #81A4AC;
	color: white;
	cursor:pointer;
}
#navigation .sub_nav li.active { background: #81A4AC;  color: #106475; }

#booking {
	position: relative; height: 270px; float: right; width: 250px;
	padding: 10px 15px; z-index:1200;
	overflow:hidden;
}
#booking h3 {
	text-indent: -10000px;
	background: url(../graphics/bg_booking_head.png) no-repeat -13px 5px;
	height: 30px;
	/*border-bottom: 1px solid #287483;*/ margin-bottom: 5px;
}
#booking h3.sent {
	text-indent: 0px;
	background: none;
	height: auto;
}
#booking h5 { font-size:13px; font-style: italic; border-bottom: 1px solid #287483; margin-bottom: 5px; padding-bottom: 5px; }
#booking #booking_button, #booking #booking_back, #booking #booking_send, #booking #submitform {
	position: absolute; bottom: 5px; right: 5px; text-indent: -10000px; border: 0px; padding: 0px; margin: 0px;
	background: url(../graphics/booking_button.png) no-repeat 0 0;
	width: 197px; height: 31px;
}
#booking #booking_back { left: 5px; width: 128px; background: url(../graphics/booking_back.png) no-repeat 0 0;}
#booking #booking_send, #booking #submitform { background-position-y:100%;}
#booking #booking_button:hover, #booking #booking_back:hover, #booking #booking_send:hover, #booking #submitform:hover {
	background-position-x: 100%; cursor: pointer;
}
#booking .extra_info { font-size: 12px; border-bottom: 1px solid #287483; margin-bottom: 10px; padding-bottom: 5px;}
#booking .form_contact_block{ 
	width: 250px; margin-right: 10px; padding-right: 15px; float: left; border-right: 1px solid #a5b2b6;; min-height: 200px;
}
#booking #sending_enquiry { width: 250px; padding-top: 25px; }
#booking #sending_enquiry h4 { padding-left: 50px; background: url(../graphics/ajax-loader.gif) no-repeat 0 50%; line-height: 50px;}

#booking #form_contact_one 	{ display: none; }
#booking #form_contact_two 	{ display: block; }
#booking #sending_enquiry 	{ display: none; }
#booking #booking_back		{ display: none; }
#booking #booking_button	{ display: none; }
#booking #booking_send		{ display: none; }
#booking .form-error { display: none; }

.strong { font-size: 14px; }

#photos, #map {
	background: white url(../media/birmingham-guesthouse.jpg) no-repeat 0 0;
	width: 585px; _width:582px; height: 290px; position:relative; overflow:hidden;
}
#photos li, #map_canvas { position: absolute; top: 0px; left: 203px; width:382px; height:290px; z-index: 1100; overflow:hidden; background: #106475 url(../graphics/ajax-loader.gif) no-repeat 45% 45%; display:block;}
#smallmap_canvas { position: absolute; top: 0px; left: 0px; width:202px; border-right: 1px solid #106475; height:290px; z-index: 1110; overflow:hidden; display:block;}
#photos li.visible { display: block; }
.col_supp { width: 50%; float: left; margin-right: 20px; height: 100%;}
.col_left {
	width: 260px; float: left; border-right:2px solid white;
	height: 145px;
	background: url(../graphics/gradient_tawn.jpg) repeat-x;
	padding: 15px;
}
.col_left .overlay {
	border: 5px solid #317887;
	background: #80AFB9;
	color: white;
	overflow: visible;
	margin-bottom: 30px;
	position: absolute;
	width: 555px; height: 250px;
	top: 198px; left: 25px;
	z-index:15000; display:none;
	padding: 20px 10px 10px 10px;
}
.col_left .overlay .clearer_a, .col_left .overlay .clearer_b {
	background: transparent url(../graphics/tab.png) no-repeat 0 0;
	position: absolute;
	bottom: -27px; height: 27px; width: 40px;
	left: 470px;
}
.col_left .overlay .clearer_a { left: 200px; }
.col_left .overlay ul { padding-left:20px; list-style-type:disc; list-style-position:inside; }
.col_left .overlay li { list-style-type: disc; list-style-position:inside; }
.col_left:hover {
	background: url(../graphics/gradient_turq.jpg) repeat-x;
	color: #477D88;
	cursor:pointer;
}
.two { width: 552px; }
.two:hover { background: url(../graphics/gradient_tawn.jpg) repeat-x; color: inherit; cursor:default;}
.col_left:hover .overlay { display: block; }
.col_right {
	width: 250px; min-height: 145px; _height: 145px; float: right;
	background: url(../graphics/gradient_tawn_revo.jpg) repeat-x;
	padding: 15px;
	border-bottom: 1px dotted #E6D9D2;
}
.col_left h4, .col_right h4 {
	text-transform: capitalize; font-variant: small-caps; font-size: 18px;
	margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #EADBDA;
}
.col, .col_r {
	width: 260px; float: left;
	padding: 15px;
}
.col_r {
	float:right; width: 247px; border-left: 1px solid white;
	padding: 15px;
}
.block {
	border-left: 1px solid #ccc; margin: 0 -15px 15px 0; width: 253px; padding-top: 0px; _margin: 0 -7px 15px 0;
}
#mini_location { _padding-top: 0px; _margin-top: -15px; background: white; }

#mini_location h4.blocker {
	padding-top: 6px; border-top: 1px solid #ccc;
}
.list { padding-left: 15px; }
.list, .list li { list-style-type: disc; }
.minilist {
	font-size:95%; margin-bottom: 10px; border-bottom:1px solid #ccc;
}
.minilist p { margin: 0 0 2px 0; padding:0px; }
.minilist span { float:right; }
.minilist li { border-top: 1px dotted #ccc; padding: 5px 0; }
.right { float: right; width: 260px; margin-left: 25px; }
.section_end { margin-bottom: 20px; }
.spaced { padding: 10px 0;}

#main_content {
	padding: 15px; position: relative; width: 835px;
}
.skinny #main_content {
	padding-top: 122px; background: url(../graphics/banner-image.jpg) no-repeat 0 0;
}
#message li { list-style-type: decimal; list-style-position: inside; }
.sending {
	margin: 0 30px 200px 30px; float: left;
	background: url(../graphics/message.png) no-repeat 0 0;
	width: 78px; height: 78px; text-indent: -10000px;
}
.notsent { background-position: 100% 0; }
#main_content .col_r { margin-left: 20px; }

#footer {
	position: relative;
	background: #C4DCE1 url(../graphics/bg_footer.gif) no-repeat 550px 0; padding: 10px 0 0 0;
	margin: 40px 0 0 0; clear:both;
	font-size:12px;
}
.skinny #footer {
	margin: 2px 0 0 0;
}
#footer a { color:inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .col, #footer .col_r { clear:none; position:relative; }
#footer .col h5, #footer .col_r h5 {
	text-transform: capitalize;
	font-variant:small-caps;
	border-bottom: 1px dotted #999;
	padding-bottom: 3px;
	margin-bottom: 8px;	
}
#footer ul, #footer ul li {
	list-style-type: disc;
}
#footer ul {
	padding-left: 15px;
}
#footer #copyright {
	margin: 10px 0 0 0;
	padding: 10px 15px 5px 15px;
	border-top: 1px solid #ccc;
	background: #fff;
	clear:both;
	text-align: right;
}
#footer #copyright #design { clear:both; }
#footer #copyright #design a { color: #106475;}
.tags {
	float: left; width: 570px; text-align: left;
}
.tags .tag_header {
	background: white; padding: 5px; display:inline; margin-left: 12px;
}
.tags .tag_cloud {
	padding: 10px; border: 1px solid #ccc; list-style-type: none; margin-top: -8px; font-size: 11px;
}
.tags .tag_cloud li {
	list-style-type: none; display: inline; padding: 3px 3px 0 0;
}
#footer .domain {
	margin-bottom: 8px;
}
label { width: 100px; float: left; margin-right: 10px; margin-top: 4px; clear:left; }
input { margin-bottom: 3px; padding: 2px; background: white; width: 180px; }
textarea { width: 185px; }
input.wide, textarea.wide { padding-right: 25px; }
.date { width: 80px; }
#booking .noscript-input { width: 105px; }

input.error { border: 1px solid red; }

/* Skinny Pages Specific */
.skinny .content {
	background: url(../graphics/gradient_tawn_revo.jpg) repeat-x 0 0; padding-top: 35px; margin-left: -15px; padding-left: 15px;
}
.skinny .sidebar {
	padding: 15px 0; width: 280px; margin: 0px -15px 30px 25px; _margin: 0 -7px 30px 25px;
	float:right; overflow:hidden;
	-moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px;
}
.skinny #form_contact_two { width: 270px; position: absolute; right: 0px; }
.skinny #booking { padding-top: 40px; padding-bottom: 0px; position:relative; }
.skinny #booking h3 {
	position: absolute; right: 15px !important; top: 0px !important; width: 250px;
}
.skinny #mybuttons { width: 275px; position: absolute; right: 0px; bottom: 0px;}
.skinny #booking #booking_button, .skinny #booking #booking_back, .skinny #booking #booking_send, .skinny #booking #submitform {
	position: absolute; bottom: 5px; right: 5px; text-indent: -10000px; border: 0px; padding: 0px; margin: 0px;
	background: url(../graphics/booking_button.png) no-repeat 0 0;
	width: 197px; height: 31px;
}
.skinny #booking #booking_back { left: 5px; width: 40px; background: url(../graphics/booking_back.png) no-repeat 0 0;}
.skinny #form_contact_two label { width: 80px; float: left; margin-right: 10px; margin-top: 4px; clear:left; }
blockquote { padding: 15px; }
/* Policies */
.pols {
	border: 1px solid #ccc;
}
.pols li {
	list-style-type: none;
	background: url(../graphics/symbol-payment.jpg) no-repeat 10px 6px;
	padding: 10px 10px 10px 50px; margin: 0;
}
.pols li.header {
	background: none; border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc; padding: 5px 10px; margin: 0;
}
.pols blockquote {
	padding: 0px; margin: 10px 0 10px 0;
}
strong { font-weight: bold; }
#rates li, #offers li {
	background: white; padding: 10px; margin: 0px; border-bottom: 1px solid #ccc;
}
#rates span, #offers span { position: absolute; right: 40px; }
#rates li.header, #offers li.header {
	background: url(../graphics/gradient_tawn_revo.jpg) repeat-x 0 0; 
	padding: 10px; margin: 0px; border-bottom: 2px solid #ccc;
}
#contacts{
	padding: 10px; width: 490px;
	border: 1px solid #ccc;
	margin: 10px 0; background: white;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#contacts p span {
	width: 70px; text-align: right; margin-right: 15px; float: left; clear: left;
}
#tabbed_content, #fullcontent {
	margin: -15px -15px 15px -15px; padding: 30px 15px 15px 15px; 
	position:relative;
	width: 551px; min-height: 240px; height: auto;
	/*border-bottom: 2px solid #E6D9D2;*/
	background: url(../graphics/gradient_tawn_revo.jpg) repeat-x 0 30px;
	_margin-right: 0; _padding: 30px 15px 15px 15px; 
	_position:absolute; _top:15px; _left:15px;
	_width: 549px;
}
#fullcontent {
	padding: 15px; height: auto; border:none; *width:520px; *background:none;
	background-position: 0 0; margin-bottom: 20px; _position:relative; _width:520px; _top:0px; _left:0px; _background:none;
}
.like_tabber {
	position: relative; height: 30px; line-height: 30px;
	display:block; width: 100%;
	background: url(../graphics/gradient_tawn.jpg) repeat-x 0 80%;
	color: #444;
	border: 1px solid #6C5C45; border-width: 1px 0 1px 1px;
	margin: -15px -15px 15px -16px; padding: 0 15px;
}
#tabbed_content .tabber {
	position: absolute; top: 0px; left: 0px;
	height: 30px; line-height: 30px; width: 178px;
	padding-left: 15px;
	background: url(../graphics/gradient_tawn.jpg) repeat-x 0 95%;
	color: #444;
	border: 1px solid #6C5C45; border-width: 1px 0;
}
#tabbed_content .tabber#b {
	left: 193px; border-left: 1px solid #6C5C45;
}
#tabbed_content .tabber#c {
	left: 386px; border-left: 1px solid #6C5C45;
}
#tabbed_content .tabber:hover {
	background-position: 0 85%; cursor: pointer;
}
#tabbed_content .activetab, #tabbed_content .activetab:hover {
	background-position: 0 80%; cursor:default;
	border-bottom-color: #C4AD9F;
}
#tabbed_content .mytab { padding-bottom: 20px; }
#tabbed_content .tab {
	height: 260px; width: 200px; margin: 15px 0; color: #666;
	position: absolute; top: 40px; overflow:auto;
	display: none;
}
#tabbed_content .tab_wide { width: 550px; height:auto; }
#tabbed_content .blocked { width: 160px; margin: 0 10px 10px 15px; padding: 8px; border: 1px solid #ccc; float: right; background: url(../graphics/gradient_tawn_revo.jpg) repeat-x 0 0; clear:right; }
#tabbed_content .blocked ul { padding-left: 15px; }
#tabbed_content .blocked ul li { list-style-type: disc; }
.tab_extra { padding: 10px 0 10px 0; margin-top: 15px; color: #666; }
.notab	{ float: right; width: 300px; border-left: 1px dotted #ccc; padding-left: 15px; }
.tab_extra h4 { margin-bottom: 8px; }
.tab_extra img { margin: 0 20px 10px 0; float: left; }
.notab img { margin: -25px 0 10px 20px; float: right; }
.tab_extra ul, .tab_extra li { list-style-type: disc; list-style-position: inside; }
.add_cont_btn {
	display: block; width:250px; _width:240px; margin: 0px 0px 0px -15px; padding: 5px 15px;
	border: 1px solid #C4AD9F; border-width: 1px 0;
	background: url(../graphics/gradient_tawn.jpg) repeat-x 0 90%;
	text-align: left; color: #6C5C45;
	font-variant: small-caps; font-size: 16px;
	text-decoration: none;
}
.add_cont_btn span { float: right; margin-right: 10px; }
.add_cont_btn:hover { background-position: 0 100%; cursor: pointer; }
.links { border: 1px solid #ccc; width: 540px; }
.links li { padding: 5px; margin: 3px 0; border-bottom: 1px dotted #ccc; }
.section { margin: 5px 0; padding: 5px 0; border-top: 1px solid #ccc;}
.block img { margin: 5px 0 10px; }
.ender { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999; }
.column { border: 1px solid #ccc; background: white; padding: 5px; width: 253px; float: left; margin-right: 10px; margin-bottom: 10px; }
.like-column { border: 1px solid #ccc; background: white; padding: 5px; margin-bottom: 10px; /*margin-right: 10px;*/ }
#big-map { width: 500px; height: 350px; padding: 5px; border: 1px solid #444; margin: 0 20px 20px 0; }
#driving-menu { width: 300px; position: absolute; right: 15px; padding: 5px; border: 1px solid #444; height: 350px; background: #EDE6E1; }

.noscript-container { width: 100%; display: block; padding: 20px 0 15px; background: #81A4AC; color: white; border-bottom: 5px solid #ccc; text-align:center; }