/* CSS Document START */

/* GLOBAL *******************************/
* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#index {
	background: #4A5266;
}

#stables {
	background: #664A54;
}

#teal {
	background: #52664A;
}

.hr {
	border-bottom: 2px solid;
	clear: both;
	width: 760px;
	height: 20px;
	margin: 0 0 20px 0;
}

ul {color:#fff; margin:20px; list-style:circle;}
	ul li{line-height:1.6em;}

#index .hr {
	border-color: #6F7997;
}

#stables .hr {
	border-color: #976F7D;
}

#teal .hr {
	border-color: #79976F;
}

.clearer {
	clear: both;
	margin: 5px 0;
}

.linkbtn {
	border: 0;
	background: 0;
	color: #9bc869;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 14px;
	cursor: pointer;
	width: auto;
}

.linkbtn:hover {
	text-decoration: underline;
}

/* CONTAINER *******************************/
#container {
	width: 980px;
	margin: 0 auto;
}

/* LINKS *******************************/
#links {
	height: 22px;
	padding: 8px 20px 0 0;
}

#links h1 {
	display: none;
}

#links img {
	float: right;
	border: 0;
	margin: 0 10px 0 0;
}

#links p a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 25px;
	padding: 0 0 0 20px;
}

#stables #links p a {
	background: url(../images/stables_arrow_home.png) no-repeat left center;
}

#teal #links p a {
	background: url(../images/teal_arrow_home.png) no-repeat left center;
}
/* SIDEBAR *******************************/
#sidebar {
	float: left;
	width: 160px;
	margin: 0 0 0 20px;
	padding: 40px 0 0 0;
}

#sidebar ul {
	list-style: none;
	width: 160px;
	margin: 25px 0 0 0;
}

#sidebar li a {
	background: no-repeat right center;
	height: 3.13em;
	line-height: 3.13em;
	float: none;
	display: block;
	border-bottom: 2px solid;	
	text-decoration: none;
	text-align: right;
	padding: 0 20px 0 0;
	font-weight: bold;
	font-size: 16px;
}

#index #sidebar li a {
	color: #D1D5DE;
	border-color: #6F7997;
	background-image: url(../images/index_arrow.png);
}

#stables #sidebar li a {
	color: #DED1D6;
	border-color: #976F7D;
	background-image: url(../images/stables_arrow.png);
}

#teal #sidebar li a {
	color: #D5DED1;
	border-color: #79976F;
	background-image: url(../images/teal_arrow.png);
}

#index #sidebar li a:hover, #stables #sidebar li a:hover, #teal #sidebar li a:hover {
	color: #fff;
	background-image: url(../images/index_arrow_hover.png);
}

/* CONTENT *******************************/
#content {
	margin: 0 0 0 200px;
}

#content span {
	clear: left;
}

#content h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 15px 0;text-decoration: underline;
}

#index #content h2 {
	color: #D1D5DE;
}

#stables #content h2 {
	color: #DED1D6;
}

#teal #content h2 {
	color: #D5DED1;
}

#content h3 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#content h4 {
	text-decoration: underline;
	margin: 25px 0 10px 0;
}

#index #content h4 {
	color: #D1D5DE;
}
 
#stables #content h4 {
	color: #DED1D6;
}

#teal #content h4 {
	color: #D5DED1;
}

#content h5 {
	text-decoration: underline;
	font-size: 14px;
	margin: 25px 0 10px 0;
}

#index #content h5 {
	color: #D1D5DE;
}
 
#stables #content h5 {
	color: #DED1D6;
}

#teal #content h5 {
	color: #D5DED1;
}

#content h6 {
	font-size: 13px;
	margin: 25px 0 10px 0;
	padding-left: 20px;
}

#index #content h6 {
	color: #D1D5DE;
	background: url(../images/index_arrow.png) no-repeat left center;
}
 
#stables #content h6 {
	color: #DED1D6;
	background: url(../images/stables_arrow.png) no-repeat left center;
}

#teal #content h6 {
	color: #D5DED1;
	background: url(../images/teal_arrow.png) no-repeat left center;
}

#content p {
	color: #fff;
	font-size: 14px;
	margin-bottom: 15px;
	
}

#content img{border:10px solid; margin:10px; margin-top:0;}
#teal #content img{border-color:#79976F;}
#stables #content img{border-color:#976F7D;}

#content #largecopy, #content #largecopyborder, #content #largecopywide, #content #largecopythin {
	float: left;
	width: 378px;
	margin: 30px 0 0 0;
}

#content #largecopywide {
	width: 760px;
	float: none;
}

#content #largecopythin {
	width: 230px;
}

#banner-image-container{ float:right; width:250px; margin-left:15px;}
	#banner-image-container img{ margin:0; margin-bottom:15px;}

#content #largecopyborder, #content #largecopythin {
	border-left: 1px solid;
	padding-left: 10px;
}

#index #content #largecopyborder, #index #content #largecopythin {
	border-color: #6F7997;
}

#stables #content #largecopyborder, #stables #content #largecopythin {
	border-color: #976F7D;
}

#teal #content #largecopyborder, #teal #content #largecopythin {
	border-color: #79976F;
}

#content #largecopy img, #content #largecopyborder img, #content #largecopywide img, #content #smallcopy img, #content #smallcopycenter img {
	float: left;
	border: 10px solid;
	margin: 0 10px 0 0;
}

#content .detailsimg {
	float: right;
	border: 10px solid;
	clear: right;
	margin: 10px 20px 10px 10px;
}

#content #map {
	border: 10px solid;
	margin: 15px 0;
}

#content #map img {
	float: right;
	border: 1px solid #000;
}

#content #map h2 {
	margin-top: 0;
}

#content #map ul {
	list-style: none;
	text-align: left;
}

#index #content #largecopy img, #index #content #largecopyborder img, #index #content #largecopywide img, #index #content #smallcopy img, #index #content #smallcopycenter img, #index #content .detailsimg, #index #content #map  {
	border-color: #6F7997;
}

#stables #content #largecopy img, #stables #content #largecopyborder img, #stables #content #largecopywide img, #stables #content #smallcopy img, #stables #content #smallcopycenter img, #stables #content .detailsimg, #stables #content #map {
	border-color: #976F7D;
}

#teal #content #largecopy img, #teal #content #largecopyborder img, #teal #content #largecopywide img, #teal #content #smallcopy img, #teal #content #smallcopycenter img, #teal #content .detailsimg, #teal #content #map {
	border-color: #79976F;
}

#content #smallcopy img, #content #smallcopycenter img {
	margin-left: 20px;
	margin-bottom: 10px;
}

#content #largecopy h3, #content #largecopyborder h3, #content #largecopywide h3, #content #largecopythin h3, #content #smallcopy h3, #content #smallcopycenter h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

#index #content h3, #index #content #largecopy h3, #index #content #largecopyborder h3, #index #content #largecopywide h3, #index #content #largecopythin h3, #index #content #smallcopy h3, #index #content #smallcopycenter h3 {
	color: #D1D5DE;
}

#stables #content h3, #stables #content #largecopy h3, #stables #content #largecopyborder h3, #stables #content #largecopywide h3, #stables #content #largecopythin h3, #stables #content #smallcopy h3, #stables #content #smallcopycenter h3 {
	color: #DED1D6;
}

#teal #content h3, #teal #content #largecopy h3, #teal #content #largecopyborder h3, #teal #content #largecopywide h3, #teal #content #largecopythin h3, #teal #content #smallcopy h3, #teal #content #smallcopycenter h3 {
	color: #D5DED1;
}

#content #smallcopy h3, #content #smallcopycenter h3, #content #largecopywide h3 {
	margin-bottom: 20px;
}

#content #largecopy h4, #content #largecopyborder h4, #content #largecopywide h4, #content #largecopythin h4  {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 25px 0;
	text-decoration: none;
}

#index #content #largecopy h4, #index #content #largecopyborder h4, #index #content #largecopywide h4, #index #content #largecopythin h4 {
	color: #D1D5DE;
}

#stables #content #largecopy h4, #stables #content #largecopyborder h4, #stables #content #largecopywide h4, #stables #content #largecopythin h4 {
	color: #DED1D6;
}

#teal #content #largecopy h4, #teal #content #largecopyborder h4, #teal #content #largecopywide h4, #teal #content #largecopythin h4 {
	color:  #D5DED1;
}

#content #largecopy a, #content #largecopyborder a, #content #largecopywide a, #content #largecopythin a, #content #smallcopy a, #content #smallcopycenter a, #content a {
	float: right;
	text-decoration: none;
	font-size: 14px;
	color: #9BC86B;
	font-weight: bold;
	margin: 0 20px 0 0;
}

#content a {
	float: none;
	margin: 0;
}

#content #largecopy a:hover, #content #largecopyborder a:hover, #content #largecopywide a:hover, #content #largecopythin a:hover, #content #smallcopy a:hover, #content #smallcopycenter a:hover, #content a:hover {
	text-decoration: underline;
}

#content #largecopy p, #content #largecopyborder p, #content #largecopywide p, #content #largecopythin p, #content #smallcopy p, #content #smallcopycenter p {
	color: #fff;
	margin: 0 20px 10px 10px;
}

#content #largecopywide p {
	margin-left: 200px;
} 

#content #smallcopy, #content #smallcopycenter {
	width: 250px;
	float: left;
	margin: 0 0 20px 0;
}

#content #smallcopycenter {
	border-left: 1px solid;
	border-right: 1px solid;
	padding-left: 10px;
	margin-right: 10px;
}

#index #content #smallcopycenter {
	border-color: #6F7997;
}

#stables #content #smallcopycenter {
	border-color: #976F7D;
}

#teal #content #smallcopycenter {
	border-color: #79976F;
} 

#content #smallcopy ul {
	list-style: none;
	color: #fff;
	font-size: 14px;
}

#content #smallcopy ul li {
	margin-bottom: 13px;
}

#content #smallcopy ul li a {
	float: none;
	color: #fff;
	font-weight: 100;
	text-decoration: underline;
}

#content #headerimg {
	margin-bottom: 20px; border:0;
}

#content .thumbs {
	border: 5px solid;
	margin: 10px 20px 10px 0;
}

#index #content .thumbs {
	border-color: #6F7997;
}

#stables #content .thumbs {
	border-color: #976F7D;
}

#teal #content .thumbs {
	border-color: #79976F;
} 

#content .showing {
	list-style: none;
	color: #fff;
	float: right;
	font-size: 14px;
	margin-right: 20px;
}

#smallcopy{width:200px;}

.home-stables, .home-teal{width:350px; float:left; margin-left:15px;}

#content .home-stables img, #content .home-teal img{border: 10px solid #6F7997;
    float: left;
    margin: 0 10px 0 0;}

.home-teal{border-left: 1px solid #6F7997; padding-left:10px;}

.home-offers{width:200px; float:left;}
	#content .home-offers p, #content .home-offers h4{margin:5px 0;}

/* FIND US *************************/	
	#google-map-container{width:750px;height:400px; margin:20px auto 20px 0; border:1px solid #ccc;}
		div#popup {border:0;margin:0px;padding:7px;width:270px;}
		
/* CONTACT FORM *************************/
#content form#shropform {
	width: 760px;
}

#content form#shropform fieldset {
	border: 2px solid;
	padding: 10px;
}

#index #content form#shropform fieldset {
	border-color: #6F7997;
}

#stables #content form#shropform fieldset {
	border-color: #976F7D;
}

#teal #content form#shropform fieldset {
	border-color: #79976F;
} 

#content form#shropform legend {
	font-size: 16px;
	font-weight: bold;
}

#index #content form#shropform legend {
	color: #D1D5DE;
}

#stables #content form#shropform legend {
	color: #DED1D6;
}

#teal #content form#shropform legend {
	color:  #D5DED1;
}

#content form#shropform ol {
	list-style: none;
}

#content form#shropform li {
	color: #fff;
	font-size: 14px;
}

#content form#shropform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #fff;
	font-weight: 100;
	width: 220px; /* Width of labels */
	font-size: 14px;
	font-weight: bold;
}

#content form#shropform input {
	width: 175px;
}

#content form#shropform .check {
	width: 30px;
}

#content form#shropform #dates select {
	margin-left: 4px;
}

#content form#shropform .btn, .btn {
	width: 120px;
	float: right;
	margin: 15px;
	border: 2px solid;
	font-size: 16px;
	background: #fff;
	cursor: pointer;
	font-weight: bold;
}

.btn {
	float: left;
}

#content form#shropform .printbtn {
	width: 120px;
	float: right;
	margin: 15px 5px 15px 15px;
	border: 2px solid;
	font-size: 16px;
	background: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 1.45em;
}

#index #content form#shropform .btn, #index .btn, #index .printbtn {
	color: #4A5266;
	border-color: #6F7997;
}

#stables #content form#shropform .btn, #stables .btn, #stables .printbtn {
	color: #664A54;
	border-color: #976F7D;
}

#teal #content form#shropform .btn, #teal .btn, #teal .printbtn {
	color: #52664A;
	border-color: #79976F;
}

#content form#shropform p {
	margin: 5px 0;
}

#content form#shropform textarea {
	width: 380px;
} 

#error {
	margin-bottom: 10px;
}

#error li {
	color:#fff;
	margin-left: 30px;
	margin-bottom: 5px;
	font-size: 14px;
}

/* DETAILS PAGE *************************/

.month {
	background: #fff;
	border-collapse: collapse;
	border: 5px solid ;
	float: left;
	margin: 10px 15px 10px 15px;
	text-align: center;
	font-size: 14px;
}

#stables .month {
	border-color: #976F7D;
}

#teal .month {
	border-color: #79976F;
}

.month td, .month th {
	padding: 2px;	
}

#stabels .month th {
	border-bottom: 1px solid #976F7D;
}

#teal .month th {
	border-bottom: 1px solid #79976F;
}

#tariffdetails {
	border: 5px solid;
	border-collapse: collapse;
	text-align: left;
	font-size: 14px;
	margin: 25px 0 15px 0;
}

#stables #tariffdetails {
	background: #DED1D6;
	border-color: #976F7D;
}

#teal #tariffdetails {
	background: #D5DED1;
	border-color: #79976F;
}

#tariffdetails td, #tariffdetails th {
	padding: 4px;
}

#stables #tariffdetails th,
#stables #tariffdetails tr.border td
{
	border-bottom: 1px solid #976F7D;
}

#teal #tariffdetails th,
#teal #tariffdetails tr.border td
{
	border-bottom: 1px solid #79976F;
}

#tariffdetails .info {
	width: 400px;
}

#tariffdetails .low, #tariffdetails .med, #tariffdetails .high, #tariffdetails .xmas, #tariffdetails .easter {
	width: 100px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

#stables #tariffdetails .low, #stables .month .low {
	background: #B1949F;
	color: #fff;
}

#teal #tariffdetails .low, #teal .month .low {
	background: #9CB194;
	color: #fff;
}

#stables #tariffdetails .med, #stables .month .med {
	background: #805B69;
	color: #fff;
}

#teal #tariffdetails .med, #teal .month .med {
	background: #66805B;
	color: #fff;
}

#stables #tariffdetails .high, #stables .month .high {
	background: #422F36;
	color: #fff;
}

#teal #tariffdetails .high, #teal .month .high {
	background: #34422F;
	color: #fff;
}

#stables #tariffdetails .xmas, #stables .month .xmas {
	background: #DED1D6;
}

#teal #tariffdetails .xmas, #teal .month .xmas {
	background: #D5DED1;
}

#stables #tariffdetails .easter, #stables .month .easter {
	background: #CBB5BE;
}

#teal #tariffdetails .easter, #teal .month .easter {
	background: #BCCAB7;
}

#terms {
	width: 760px;
}


/*---GALLERY---*/
#gallery-image-container{ margin:0 auto; overflow:hidden;}
	#gallery-image-container .gallery-image{ float:left; margin: 8px; border:1px solid #ccc; width:100px; height:100px;}
		#gallery-image-container .gallery-image img{margin:0; border:0;}
		
/*---TABLES---*/		

#content table {margin-bottom:15px; font-size:13px; width:100%;}
	#content th{font-weight:bold;}
		#content th, #content td{padding:5px;}
		
#teal #content table{border:5px solid #79976F;}
	#teal #content th, #teal #content td{background-color:#D5DED1; border-bottom:1px solid #79976F;}
	
#stables #content table{border:5px solid #976F7D;}
	#stables #content th, #stables #content td{background-color:#DED1D6; border-bottom:1px solid #976F7D;}
	
/* AVAILABILITY *******************************/
#content .availability_month td a{color:#999;text-decoration: none; font-weight:100px;}
#stables #content .availability_month td a:hover{color:#976f7d;text-decoration: underline;}
#teal #content .availability_month td a:hover{color:#79976f;text-decoration: underline;}


#stables #content .availability_month td{border: 1px solid #976f7d;}
#teal #content .availability_month td{border: 1px solid #79976f;}

#teal #content #availability-container table, #stables #content #availability-container table{border:0;}

#stables #content .availability_month td a.booking_link{color:#976f7d;text-decoration: none;font-size:11px;}
#stables #content .availability_month td a.booking_link:hover{color:#976f7d;text-decoration: underline;}

#teal #content .availability_month td a.booking_link{color:#79976f;text-decoration: none;font-size:11px;}
#teal #content .availability_month td a.booking_link:hover{color:#79976f;text-decoration: underline;}

#content #previous_month a, #content #next_month a{color:#fff;font-weight:bold;margin:0 auto;width:121px;text-decoration:none;}

#stables #content #previous_month a:hover, #stables #content #next_month a:hover{color:#ded1d6;text-decoration:underline;}
#teal #content #previous_month a:hover, #teal #content #next_month a:hover{color:#d5ded1;text-decoration:underline;}

#teal #content #key-container table{width:50%;}
	#teal #content #key-container th, #teal #content #key-container td{background-color:#52664A;}

#stables #content #key-container table{width:50%;}
	#stables #content #key-container th, #stables #content #key-container td{background-color:#664A54;}

/* FOOTER *******************************/
#footer {
	clear: both;
	margin-top: 20px;
}	

#footer #subfooter {	
	height: 90px;
	float: right;
	width: 760px;
	margin: 0 20px 0 0;
	border-bottom: 2px solid #9BC86B;
}

#index #footer #subfooter {
	background: #6F7997;
}

#stables #footer #subfooter {
	background: #976F7D;
}

#teal #footer #subfooter {
	background: #79976F;
}

#footer #subfooter img {
	float: right;
	margin: 7px 20px 0 0;
}

#footer #subfooter p {
	color: #fff;
	font-size: 12px;
	margin: 25px 0 0 20px;
	line-height: 1.50em;
}

#footer #subfooter p a {
	color: #fff;
}

#footer #subfooter #ratingimg {
	float: left;
	margin-left: 10px;
}

#footer #subfooter #ownedby {
	float: right;
	width: 220px;
	text-align: right;
	margin-right: 10px;
}

	
/* CSS Document END */
