/* ------------------------------------------------------------

	Style Reset
				
--------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, em, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white; 
}
ol, ul {
	list-style: none;
	margin:0; padding:0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strikethrough { text-decoration:line-through;}

strong, bold, b { font-weight:bold; }

/* ------------------------------------------------------------

	Generic Page Styling
				
--------------------------------------------------------------- */

body {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background: #191313 url(../images/background-gradient.jpg) repeat-x left top;}

h1 {color:#d3dcc1; font-size:1.1em; text-align:right; text-shadow:1px 1px 1px #fff;}
#top-headline {color:#d3dcc1; font-size:1.1em; text-align:right; }
h2 {color:#6a8a3a; font-size:1.3em; padding:10px 0;}
h3 {color:#6a8a3a;font-size: 2.3em;}
h4 {color:#6a8a3a; font-size:1.6em; margin:5px 0;}


a, a:link, a:active, a:visited, a:focus { color:#6a8a3a; text-decoration:none;  }
a:hover { color:#5a7137; }

div#container {width: 960px; margin:0 auto;}
div#content-wrapper {width: 960px; clear:left; background: #f9f9f9 url(../images/content-wrapper-bg.jpg) repeat-x left top; padding-top:20px;}

div.col4-1 {width:220px; margin:0 10px; float:left;}
div.col4-2 {width:460px; margin:0 10px; float:left;}
div.col4-3 {width:700px; margin:0 10px; float:left;}
div.col4-4 {width: 940px; margin:10px; float:left;}

div.clear {clear:both;}

div#footer {background:url(../images/footer.png) no-repeat left top; height:10px; margin-bottom:30px;}

/* ------------------------------------------------------------

	Header Styling
	
--------------------------------------------------------------- */

div#header {width: 960px; height:274px; position:relative;  z-index:10; float:left;}
img#logo  {margin-left:-8px;}
a#logo-link { float:left; transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; }
a#logo-link:hover { margin-top:-5px; }

div#header-top {height: 24px; padding-top:10px;}
div#header-middle {height: 162px;}
div#header-bottom {height: 50px;}
div#header-top h1 { text-shadow:none; }
ul#top-small-nav {float: right; margin:29px 0 15px 0;}
ul#top-small-nav li {float:left; margin-left:20px;}
ul#top-small-nav li a {float:left; text-decoration:underline; color:#818181;  border-bottom:1px dotted #f4f4f4; text-decoration:none; font-size:0.9em;}
ul#top-small-nav li a:hover { color:#6a8a3a; border-bottom:1px dotted #a9c185; }

ul#top-tabs {float:right; clear:right; width:700px; margin-right:-10px;}
ul#top-tabs li {float: right; margin-left:11px; width:220px;}
ul#top-tabs li a {float:right;  transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
ul#top-tabs li a:hover { margin-top:-3px; }

ul#main-nav {float: left; margin-left:-19px;}
ul#main-nav li {float: left;}
ul#main-nav li a {float: left; color:#312b29; text-decoration:none; padding:19px 21px 18px 21px; border-left:1px solid #e5dedf;}
ul#main-nav li a#current, ul#main-nav li a:hover {background:url(../images/nav-rollover.jpg) repeat-x left top; color:#fff; border-left:1px solid #a7b98a;}

div#header form {float:right;border-right:1px solid #e0e3e2; border-left:1px solid #e4e2e5; height:50px; padding: 0 14px 0 20px; margin-right:-10px; background:url(../images/search-bg.jpg) repeat-x left top;}

div#header form input {border-top:1px solid #cacaca; border-left:1px solid #cacaca; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:1px 25px 3px 3px; width:150px;height:18px; float:left; margin-top:12px;}
div#header form input#search {width:25px; height:25px; border:none; background:url(../images/search-button.png) no-repeat left top; margin-left:-25px; padding:0; padding-top:3px;}


/* ------------------------------------------------------------

	Homne Content Styling Styling
	
--------------------------------------------------------------- */

div#slides {margin-top:-28px; position:relative; z-index:1; float:left; width:960px;  }
div#slides img {}

.slide { position:relative; z-index:2; float:left; width:960px; height:308px; overflow:hidden; }
.slide img { float:left; }
.slide-text { position:relative; font-size:1.1em; text-align:right; color:#fff; line-height:1.4em;  text-shadow:1px 1px 2px #333; z-index:5; float:right; width:270px; margin:-220px 50px 0 0 ; }
.slide-text h2 { font-size:1.8em; letter-spacing:-0.05em; color:#fff; margin:0;  } 

.slide-overlay { float:left; position:relative; z-index:3; width:960px; height:348px; background:url(../images/slide-overlay.png); margin:-348px 0 0 0; }
a.readmore-trans { float:right; text-align:left; text-indent:-9999em; border:none; background:url(../images/readmore-trans.png); margin:15px 0 0 0; width:111px; height:28px; }


div.col4-1-top {background: url(../images/col1-top.png) no-repeat left top; height: 12px;}
div.col4-1-middle {background:url(../images/col1-middle.png) repeat-y left top; padding:0 15px;}
div.col4-1-bottom {background: url(../images/col1-bottom.png) no-repeat left top; height:12px;}

div.col4-2-top {background: url(../images/col2-top.png) no-repeat left top; height: 12px;}
div.col4-2-middle {background:url(../images/col2-middle.png) repeat-y left top; padding:0 21px;}
div.col4-2-bottom {background: url(../images/col2-bottom.png) no-repeat left top; height:12px;}

div.col4-3-top {background: url(../images/col3-top.png) no-repeat left top; height: 12px;}
div.col4-3-middle {background:url(../images/col3-middle.png) repeat-y left top; padding:0 21px;}
div.col4-3-bottom {background: url(../images/col3-bottom.png) no-repeat left top; height:12px;}

img#gift-vouchers-tab {margin-top:23px;}
p#late-deals {width:100px; color:#707070; font-size:0.9em; line-height:1.4em;}
img#late-deals-image {float:right; margin: -25px -15px 0 0;}

/* ------------------------------------------------------------

	Competition Panel
	
--------------------------------------------------------------- */

p#competition-text {color:#707070; font-size:0.9em; line-height:1.4em;}
form#competition {padding:5px 0;}
form#competition input {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-top:1px solid #CFCFCF;border-left:1px solid #CFCFCF; padding: 3px 6px; width:176px; margin-bottom:8px;}
form#competition p {float:left; margin-bottom:12px;}
form#competition p label {font-size:0.7em; width:165px; float:left; color:#838383; line-height:1.4em;}
form#competition p input {float:left; width:15px; margin-right:5px;}

form#competition input#submitbutton {background:url(../images/enter-button.jpg) no-repeat left top; width: 100px; height:28px; border:none; margin-bottom:2px; text-indent:-9999px;}

/* ------------------------------------------------------------

	Home Page Copy
	
--------------------------------------------------------------- */

div.main-copy-panel {background: #f9f9f9 url(../images/content-copy-bg.jpg) repeat-x left top; float:left; margin-top:10px; padding:20px 15px 5px 15px;}

div.main-copy-panel p {margin: 10px 0 0 0 ; color:#6e6e6e; font-size:1.1em; line-height:1.5em;}
div.main-copy-panel p a {display:block; text-indent:-9999px; background:url(../images/read-more.jpg) no-repeat left top; width:111px; height:28px; margin-top:10px;}

/* ------------------------------------------------------------

	Generic Pages
	
--------------------------------------------------------------- */

body#generic h1 {color:#6a8a3a;font-size: 2.3em; text-align:left; padding-top:15px;}

div.intro-copy p {margin: 10px 0 0 0 ; color:#6a8a3a; font-size:1.3em; line-height:1.5em;}
div.page-copy p {margin: 10px 0 0 0 ; color:#6e6e6e; font-size:0.9em; line-height:1.5em;}
div.photo-float-left {float:left; margin:10px 15px 15px 0;}

/* ------------------------------------------------------------

	Hotels Page
	
--------------------------------------------------------------- */

body#hotels h1 {color:#6a8a3a;font-size: 2.3em; text-align:left; padding-top:15px; margin: 0 0 15px 10px;}
p.hotel-info {font-size: 0.9em; line-height:1.4em;}

.hotel p {font-size:0.85em; color:##707070;}
.hotel img {margin-bottom:10px;}

a.read-more {text-indent:-9999px; background:url(../images/read-more.jpg) no-repeat left top; width:111px; height:28px; display:block; margin-top:10px; padding-bottom:10px;}

body#hotels-detail h1 {color:#6a8a3a;font-size: 2em; text-shadow:1px 1px 1px #fff; line-height:1.4em; text-align:left; padding-top:10px; margin: 0;}

ul#side-links li a {text-decoration:none; color:#707070; line-height:2.6em; border-bottom:1px dashed #D8D8D8; display:block; padding-left:10px; background:url(../images/side-link-arrow.png) no-repeat 0 14px;}
ul#side-links li a.bottom-link {border-bottom:none;}

ul#side-links li a:hover {color:#6a8a3a;background:url(../images/side-link-arrow-green.png) no-repeat 0 14px;}

body#hotels-detail .col4-1 .col4-1-middle {padding-top:15px;}
body#hotels-detail .col4-2 .col4-2-middle {padding-bottom:10px;  color:#6E6E6E;}

.col4-2-middle ul { padding:0 0 0 25px; list-style:circle; color:#6E6E6E; line-height:1.8em; }

.col4-2-middle table { }

.col4-2-middle table th { font-weight:bold; padding:6px 0; color:#6a8a3a; }
.col4-2-middle table td { border:1px solid #dedede; padding:5px 0; }

/* ------------------------------------------------------------

	Cottages Page
	
--------------------------------------------------------------- */

div#cottages-container {width: 720px; float:left;}

h2#bramrigg-logo {background:url(../images/bramrigg-house.gif) no-repeat left center;}
h2#scandalebridge-logo {background:url(../images/scandale-bridge.gif) no-repeat left center;}
h2#ghyllburn-logo {background:url(../images/ghyllburn.gif) no-repeat left center;}
h2#balmoral-logo {background:url(../images/balmoral.gif) no-repeat left center;}

/* ------------------------------------------------------------

	Cottages Page
	
--------------------------------------------------------------- */

div#news-container {width: 720px; float:left;}

div#news-container div.col4-3 {margin-bottom:30px;}

div#news-container h2.news-title {color:#6a8a3a; font-size:1.6em; margin:5px 0; padding:0;}
div#news-container h2.news-title a {text-decoration: none;color:#6a8a3a;}
div#news-container h2.news-title a:hover {text-decoration: underline;}

div.news-photo {float:left; margin-right:15px;}
div.news-side-info {float:left; width:439px;}
div.news-side-info p {line-height:1.5em; font-size:0.9em;}
div.news-side-info p strong {font-weight:bold;color:#6a8a3a;}

div.news-side-info a.read-more {padding-bottom:0px;}

a.bookonline-small { float:left; background:url(../images/bookonline-small.png); text-indent:-9999em; width:220px; height:105px; margin:25px 0 10px -15px; }

.gallery-img { float:left; width:175px; height:110px; overflow:hidden; }
.gallery-img img { float:left; width:175px;  overflow:hidden; }

#video { position:relative; z-index:1; }

.comingsoon { float:left; width:960px; height:40px; text-indent:-9999em; background:url(../images/coming-soon-LodgeintheVale.jpg) no-repeat; }

body#hotels-detail h1.top-h1 { float:left; line-height:1.4em; font-size:2em; width:940px; margin:0px 0px 0px 20px; }

a.gourmet-weekends { float:left; background:url(../images/gourmet-weekends.gif); width:220px; height:138px; text-indent:-9999em; -webkit-transition:0.3s ease;  -moz-transition:0.3s ease;  transition:0.3s ease; }
a.gourmet-weekends:hover { opacity:0.8; }

.limited-spaces-tag { position:relative; z-index:99; float:right; background:url(../images/limited-spaces-tag.png); width:50px; height:50px; margin:-148px -10px 0 0; }