/* CSS Document */
body {
margin:5px 0 10px 0;
background: #fff;
font:100% Verdana, Arial, sans-serif;
color: #666; 
padding:0;
}
div#container{
width: 745px;
padding: 0;
margin:0 auto;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 745px;
}
/* TABBED NAVIGATION -----------------------------------------*/
#tabholder {margin:15px 0 0 0;}
#tabheader {
  line-height:normal;
  font-family:"Trebuchet MS",Verdana, sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:1px; margin:5px 0 0 10px;
  }
#tabheader ul {
  margin:0;
  padding:10px 0 0;
  list-style:none;
  font-size: 70%;
  }
#tabheader li {
  float:left;
  background:url(images/tab-left.gif) no-repeat left top;
  margin:0 5px 0 0;
  padding:0 0 0 6px;
  }
#tabheader a {
  float:left;
  display:block;
  background:url(images/tab-right.gif) no-repeat right top;
  padding:8px 10px 5px 4px;
  text-decoration:none;
  color:#999
  }
#tabheader li.selected a {
  color:#333;
 }
 /* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */

/* END OF TABBED NAV */

#header {clear: both;}

#header_new {background: #66b0a6 url("images/flat-header-text.gif") no-repeat bottom right; clear:both; border-top: 5px solid #619890; padding:0; margin:0; height:195px;}
#header_new img {float:left;}

#content {margin: 20px 0 0 10px;}
#mainleft {float: left; width: 450px; margin: 0 10px 0 0/*background:red;*/}
#mainright {float: left; width: 275px;/*background: green;*/}
#rhsabbeyflat {background: #dcedea; padding: 10px 0 0 0; margin:10px 0 0 0}
#mainleft #rhsabbeyflat {margin:0 0 10px 0;}

#rhsabbeyflat img {border: 1px solid #ccc;}
#rhsbath {background: url(images/yellow-block.gif) no-repeat; height: 75px; margin: 0; padding: 10px 10px 0;}
#rhsbath a {color: #999; text-decoration: none;}
#rhsbath a:hover {text-decoration: underline;}
#rhscontact {background: url(images/yellow-house-block.gif) no-repeat; height: 80px; margin: 10px 0 0 0; padding: 10px 10px 0;}

#rhsjoin {background: url(images/rhs-box-top.gif) no-repeat; margin: 10px 0 0 0; padding: 10px 0 0 0;}
#rhsjoin_btm {background: url(images/rhs-box-btm.gif) no-repeat;}

#rhsoffer {background: #f1f4e0 url("images/offerbox-top.gif") no-repeat; padding:5px 10px 0;}
#rhsoffer p.brownheader {font-size:110%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0; padding:3px 0 10px 42px; color: #66b0a6; background: url("images/offer-star.gif") no-repeat; border-bottom: 1px solid #dbe1be;}
#rhsoffer p.title {font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal;font-size: 80%;color: #a19f80; padding:5px 0;}
#rhsoffer p {color: #999;}
#rhsoffer img {border: 1px solid #b4b99e; margin:0 0 0 10px;float:right;}
#rhsoffer_btm {background: url("images/offerbox-btm.gif") no-repeat; padding:0; height: 10px;}

#rhsextras {background: url("images/extrasbox-top.jpg") no-repeat; padding:10px 10px 0;}
#rhsextras p.brownheader {font-size:100%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0; padding:5px 0 5px 0; color: #9a5154;}
#rhsextras p.title {padding:0 50px 3px 0;}
#rhsextras p {padding:0 0 5px 0;}
#rhsextras_btm {background: url("images/extrasbox-btm.jpg") no-repeat; padding:0; height: 13px;margin:0 0 10px;}

#rhs_grand {background: url("images/grand-occasions-bg.jpg") no-repeat; padding:135px 5px 0; border:5px solid #ce7467;border-top: none;}
body#home #rhs_grand {margin:10px 0 5px 0;}
#rhs_grand p.title {font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:bold;font-size: 80%;color: #432712; padding:0 0 5px 0;}

ul#subnav {margin:0; padding:0 0 20px 0;}
ul#subnav li {list-style: none; display: inline; padding:0 5px; border-left: 1px solid #a6c2be;}
ul#subnav li.first {padding:0 5px 0 0; border-left: none;}
ul#subnav li a {text-decoration: none; color: #66b0a6;}
ul#subnav li a:hover {text-decoration: underline;}
ul#subnav li a.selected {color: #26544e; text-decoration:underline;}

div.photorow {padding: 0;}
div.photorow img {margin:0; padding:0; border: 1px solid #ccc;}
div.photorow img.second {margin:0 0 0 15px;}

div.photo_block {float:left; width: 210px; margin:0 25px 0 0;}
div.photo_block_r {float:left; width: 210px; margin:0;}

div.thumb_text1 {float: left; width: 212px; margin:0;}
div.thumb_text2 {float: left; width: 212px; margin:0 0 0 22px;}
div.thumb_text1 p, div.thumb_text2 p {margin:0; padding:0;}

div.rightfloat {float: right; margin:0 0 10px 10px; width: 252px;}
div.rightfloat p {font-size: 65%;margin:0; padding:0; line-height: 1.2;}
div.rightfloat p a {color: #999;}
div.rightfloat img {border:1px solid #ccc;}

div.clearer {clear: left;}
div.clear_left {clear: left; line-height:0.1; height: 1px;}
div.clear_right {clear: right; line-height:0.1; height: 1px;}

ul {font-size: 75%; margin:0 0 10px 30px; padding:0;}
li {padding:0 0 8px 0;}

ul.flatinfo {margin:0; padding:5px 0;}
ul.flatinfo li {display: inline; padding: 0 10px 0 13px; background: url("images/info-bullet.gif") no-repeat left center;}
ul.flatinfo li.first {padding: 0 6px 0 0; background: none;}

div.cat_left {float: left; width: 235px; margin:0 0 10px 0;}
div.cat_right {float: left; width: 215px; margin:0 0 10px 0;}

ul#cat_bar {padding:0; margin:0 0 10px;font-size:85%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:bold;}
ul#cat_bar li {list-style: none; display: inline; padding:5px 7px; margin:0 3px 0 0; float: left; background: #dcedea;}
ul#cat_bar li.selected {background: #66b0a6;}
ul#cat_bar li img {border:none; margin:0; padding:0;}
ul#cat_bar li a {color: #66b0a6; text-decoration:none;}
ul#cat_bar li.selected a {color: #fff;}

ul.quicklinks {margin:10px 0; padding: 10px 10px 5px; border: 1px solid #9ddad2;}
ul.quicklinks li {list-style:none;}

div#trip_advisor {margin:0 0 0 20px;}

div.filter_box {border: 1px solid #9ddad2; margin:0 0 10px 0; padding: 8px 5px;}
div.filter_box p {padding:0;color: #66b0a6;}


p {font-size: 75%; margin:0; padding: 0 0 10px 0; line-height: 1.5;}
p.header {font-size:90%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0; padding:0 0 2px 0; color: #66b0a6; line-height: 1;}

#rhsbath p.brownheader, #rhscontact p.brownheader {font-size:100%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0; padding:0 0 2px 0; color: #a19f80;}
#rhsjoin p {padding:0 15px 0 40px;}
#rhsjoin p.brownheaderlist {font-size:90%; font-family: "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0 0 10px 0; background: url("images/bullet-arrow.gif") left center no-repeat; color: #a19f80; line-height: 1.4;}

#rhsbath p {padding: 0 30px 0 0;}
#rhscontact p {padding: 0 60px 0 0;}
#rhsabbeyflat p {padding: 0 10px 0 0;}



/* page buttons */

div#book_btns {
	margin:30px 0 50px;
	text-align: center;
}
div#book_btns p#request_btn {
	font:150% "Trebuchet MS",Verdana, sans-serif;
	font-weight: bold;
	margin:0 0 25px;
	padding:0;
}
div#book_btns p#request_btn a {
	background: #59918a url("images/btn-bg.gif") left top repeat-x;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 8px 25px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #587974;
}

div#book_btns p#small_btns {
	font:90% "Trebuchet MS",Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding:0;
}
div#book_btns p#small_btns a {
	background: #447c74;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 10px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #406963;
	margin:0 5px;
}


a {color: #66b0a6;}
a.more {background: url(images/green-arrow.gif) left 4px no-repeat; padding: 0 0 0 20px;}

h1 {font:110% "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0 0 10px; padding:0; color: #66b0a6; line-height: 1.3}
h2 {font:90% "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0 0 10px; padding:5px 0 0 0; color: #66b0a6;  line-height: 1.3}
h3 {font:90% "Trebuchet MS",Verdana, sans-serif; font-weight:normal; margin:0 0 10px; padding:5px 0 0 0; color: #66b0a6;  line-height: 1.3}

h4 {font-size: 75%; padding: 2px; margin:0 0 8px 0; font-weight: normal; background: #dcedea;}
form#book h4 {margin-top: 5px;}

h2.back {font:75% Verdana, sans-serif; }

#footer {border-top: 1px solid #ccc; padding: 5px 0 0 10px; margin: 10px 0 0 0;}

img.thumb {margin: 0 0 10px 10px;}
img.rhs_grand_btn {margin:10px 0;}

div#righttext {float: right; width: 130px;}

div#boxedtext {float: right; width: 300px;}

div.clearright {clear: right;}

div#empty {width:225px;}

img.security {border: 1px solid #d3d3d3;margin:0 0 0 200px;}



/* form styles */
form#contact {margin:0; padding:0;}
form#book {margin:0; padding:0;}
form#filter_form {margin:0; padding:0;}

form#contact label {
	color: #66b0a6;
	font-size: 80%;
	display: inline;
	width: 200px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

form#book label {
	color: #999;
	font-size: 80%;
	display: inline;
	width: 200px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px 0;
	clear:left;
}

input.inputtext {margin: 10px 0;width: 180px; font-size: 12px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}
textarea.contact {margin: 10px 0;width: 180px; font-size: 12px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}

input.securitytext {margin: 0;width: 80px; font-size: 12px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}

form#book input.inputtext, form#book textarea.contact {margin: 5px 0;}

select.dropdown {margin: 5px 0;}
select.inline {margin:5px 10px 5px 0;}
select.number {width: 50px;}
select.text {width: 75px;}

select#filter_dd {vertical-align:middle;background: #E9F5F3; padding: 2px; width: 150px;color: #407A73; font-size: 13px; margin:0 0 0 5px;}
input.filter_btn {vertical-align:middle; margin:0 0 0 5px;}

input.contactbtn {margin: 10px 0 10px 200px;}


/* Bath Holiday Homes right hand side */

.bhh-cta { background-image:url(images/cta-01_03.jpg); width:275px; height:185px; margin-bottom:10px; } 
.bhh-cta p {color:#bddfd9; font-size:12px; padding:48px 0px 0px 15px; }
.bhh-cta span a { color:#FFF !important; font-size:14px;   } 
.bhh-cta span { float:left; padding:10px 0px 0px 15px;}