/*

Title:      y-shop.co.uk, main styles for screen media
Author:     Simien, harry@simien.co.uk
Updated:    Sept 2006
*/

body {
	text-align: center;
	color: #000;
	background:#fff;
	margin:0;
	font-size: 0.775em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	background:#e5ebea;
	line-height: 1.35em;
}

/* Common Styles 
---------------------------------------------------------------------*/
p {
	color: #000;
	font: normal 100% Arial, Verdana, Helvetica, sans-serif;
}
h1 {
	color: #666;
	padding: 0;
	margin:10px 0 15px 0;
	font: bold 150% Arial, Verdana, Verdana, sans-serif;
}
h2 {
	margin:10px 0 10px 0;
	font: bold 120% Arial, Verdana, Helvetica, sans-serif;
}
h2 a, h2 a:visited {
	text-decoration: none;
	color: #7ba05b;
}
h2 a:hover {
	color: #7ba05b;
	text-decoration: underline;
}
h3.index {
	margin:0px 0 3px 0;
	font:bold 90% Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
}
h3 {
	margin:5px 0 3px 0;
	font:bold 110% Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
}

a, visited, active {
	color: #508969;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
}
a:hover {
	font-size: 100%;
	font-style: normal;
	text-decoration: underline;
}

blockquote {
	font: italic 100% Arial, Verdana, Helvetica, sans-serif;
  	margin: 10px 0 10px 10px;
	padding: 5px 10px;
}


/* Header 
---------------------------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	border-bottom:none;
}
#header h1{
	text-indent:-9999px;
	margin:0;
	padding:0;
	background:#dae2e1 url(../img/logo.gif) no-repeat 0% 100%;
}
#header h1 a:link, h1 a:visited	{
	display: block;	
	width: 275px;
	height: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}
#header h1 a:hover	{
	margin: 0;
	padding: 0;
}
#hnav {
	position:relative;
	float:right;
	margin:10px 0;
	padding:0;	
	color:#7ba05b;
	font:normal 100% arial;
}
#hnav ul {
	margin: 0;
	padding: 0;
	display: inline;
}
#hnav li {
	margin: 0 5px 0 0px;
	padding: 0 1px 0 0;
	display: inline;
	list-style-type: none;
}
#hnav a, visited {
	color:#7ba05b;
	border:none;
	text-decoration:none;
	padding-left:10px;
	background:#dae2e1 url(../img/navarrow.gif) no-repeat 0% 50%;
}
#hnav a:hover {
	border:none;
	text-decoration:underline;
}


/* Nav
--------------------------------------------------------------------- */

#nav {
	height: 42px;
	margin: 0;
	background:#a5cbb5 url(../img/navbg.gif) no-repeat 0% 0%;
	border-bottom:1px solid #74a36d;
	}

#gnav {
	float:right;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	height: 37px;
	display: inline;
	overflow: hidden;
	}

#gnav li {
	margin: 5px 0 0 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-indent:-9999px;
	}

#gnav a {
	float: left;
	padding: 0 0 0 0;
	overflow: hidden;
	height: 37px !important; 
	height /**/:margin: 5px 0 0 0;px; /* for IE5/Win */
	}
	
#gnav a:hover {
	background-position: 0 -37px;
	}

#gnav a.active, #nav a.selected {
	background-position: 0 -37px;
	}
	
#tshopping a  {
	margin:0 5px 0px 0;
	width: 118px;
	background: url(../img/shopping.gif) no-repeat;
	}

#tservices a  {
	margin:0 5px 0px 0;
	width: 124px;
	background: url(../img/services.gif) no-repeat;
	}

#tnotebook a  {
	margin:0 5px 0px 0;
	width: 68px;
	background: url(../img/notebook.gif) no-repeat;
	}

#tfaq a  {
	margin:0 5px 0px 0;
	width: 46px;
	background: url(../img/faq.gif) no-repeat;
	}
	
#tabout a  {
	margin:0 5px 0px 0;
	width: 65px;
	background: url(../img/about.gif) no-repeat;
	}
	

/* Body Content
--------------------------------------------------------------------- */
#bodywrap {
	width: 920px;
}
#main_column {
	float: left;
	width: 600px;
	margin: 0;
	background:#e5ebea;
}

/* Intro
--------------------------------------------------------------------- */

#intro {
	margin:0;
	padding: 0;
	height:200px;
	text-align:left;
	background:#c3d7bd url(../img/introbg.jpg) no-repeat 0% 0%;
	border-top:1px solid #fff;
	border-bottom:4px solid #dae2e1;
}

#intro h1 {
	margin: 100px 0 10px 0;
	padding: 10px 250px 10px 17px;
	color:#333;
	font:normal 100% Arial, Verdana, Verdana, sans-serif;
	line-height: 1.3em;
}

#intro a, visited, active {
	color: #465945;
	font:bold 90% Arial, Verdana, Verdana, sans-serif;
	text-decoration: none;
}
#intro a:hover {
	color: #465945;
	font:bold 90% Arial, Verdana, Verdana, sans-serif;
	text-decoration: underline;
}
#intro p {
	margin-top: -28px;
	padding: 10px 250px 10px 18px;
}

.arrow {
	padding-left:10px;
	background:#c3d7bd url(../img/arrow.gif) no-repeat 0% 50%;
}

/* Title Bar
--------------------------------------------------------------------- */
#titlebar{
	margin:0;
	padding: 0 0 0 0;
	height:120px;
	text-align:left;
	background:#c3d7bd;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;

}
#titlebar h1 {
	color: #fff;
	padding: 0;
	margin: 15px 0 10px 12px;
	font: bold 150% Arial,  Verdana, Verdana, sans-serif;
}
a.titlebar:link, a.titlebar:visited {
	text-decoration: none;
	color: #fff;
	border: 0;
}
a.titlebar:hover {
	text-decoration: underline;
	background: none;
}


/* Main Content
--------------------------------------------------------------------- */


#main_content {
	padding: 10px 10px;
	/* border-right:1px solid #fff; */
}
#main_content ul {
	color: #000;
	padding: 0;
	margin-left: 15px;
	list-style-image: url(../img/navarrowbk.gif) ;
}
#main_content li {
	padding: 0 0 5px 0;
	font-size: 100%;
	color: #000;
	list-style-image: url(../img/navarrowbk.gif) ;
	list-style-position: outside;
}
#main_content img {
	margin: 6px 2px 2px 10px;
	padding: 2px;
	border: 1px solid #FFF;
}
#main_content form table td img {
	margin: 5px 0;
	padding: 2px;
	border: 1px solid #FFF;
}
#main_content p {
	margin: 0 0 10px;
	padding: 0 0 15px;
	font-size: 100%;
	line-height: 1.3em;
}

.shopping {
	background:#e5ebea url(../img/shoppingh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.corporate{
	background:#e5ebea url(../img/corporateh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.faqs{
	background:#e5ebea url(../img/faqsh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.events{
	background:#e5ebea url(../img/calendarh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.contact{
	background:#e5ebea url(../img/contacth1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.about{
	background:#e5ebea url(../img/pressh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.notebook{
	background:#e5ebea url(../img/notebookh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.note {
	background:#e5ebea url(../img/homeh1.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}

/* Notes - Indexes w Thumbnails
--------------------------------------------------------------------- */
#notes_tn {
	margin:0 ;
	padding: 10px 15px ;
	background:#e5ebea;
	width:570px;
	float:left;
}
#notes_tn .notebook_entry {
	width:570px;
	float:left;
	clear:both;
	padding:20px 0 0 0;
}
#notes_tn .notebook_entry h2 {
	width:570px;
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
}
#notes_tn .notebook_entry h2 a:link, #notes_tn .notebook_entry h2 a:visited, #notes_tn .notebook_entry h2 a:active {
	color: #7ba05b;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
}
#notes_tn .notebook_entry h2 a:hover {
	font-size: 100%;
	font-style: normal;
	text-decoration: underline;
}
#notes_tn img {
	margin:-20px 10px 5px 0;
	display:block;
	border:1px solid #ddd;
}
#notes_tn a:hover img.index {
  border-color:#bbb;
  }
#notes_tn a {
	padding: 0 3px 0 0;
	text-decoration: none;
	font-size: 100%;
}
#notes_tn a:hover, #notes_tn a.active {
	text-decoration: none;
}
/*#notes_tn dl {
	margin-top:15px;
	height:130px;
	}
#notes_tn dt {
	margin:0 0 0 140px;
	font: bold 120% Arial, Verdana, Helvetica, sans-serif;
}
#notes_tn dt a:link, dt a:visited {
	text-decoration: none;
	color: #7ba05b;
	border: 0;
}
#notes_tn dt a:hover {
	color: #7ba05b;
	text-decoration: underline;
	background: none;
}
#notes_tn dd {
	color: #666;
	margin: 5px 0 0 0;
	font: normal 100% Arial, Verdana, Helvetica, sans-serif;
}*/
#notes_tn p {
	margin: 5px 20px 0 0px;
	padding: 0;
	color:#333;
	font:normal 100% Arial, Verdana, Helvetica, sans-serif;
}
#notes_tn .posted {
	position: relative;
	font: normal 90% Arial, Verdana,  Helvetica, sans-serif;
	margin: 5px 0 10px 140px;
}
#notes_tn a.posted :link, a.posted:visited {
	padding: 0 ;
	border: 0;
}
#notes_tn a.posted:hover {
	text-decoration: underline;
}
#notes_tn .note {
	padding-left:15px;
	font:bold 100% Arial, Helvetica, sans-serif;
	background: url(../img/noteicon.gif) no-repeat 0% 50%;
}
#notes_tn h2 {
	margin:0 0 10px 0;
	font:normal 110% Arial, Verdana, Helvetica, sans-serif;
	
}


/* Notes
--------------------------------------------------------------------- */
#notes {
	margin:0 ;
	padding: 10px 15px ;
	background:#e5ebea;
}
#notes ul {
	color: #000;
	padding-left: 15px;
	margin-left: 0;
	list-style-image: url(../img/arrows2.gif);
}
#notes li {
	margin-left: 0;
	padding: 7px 0 0 5px;
	font-size: 100%;
}
#notes img {
	margin: 10px 0 10px 10px;
	padding:0 ;
}
#notes img.index {
	margin:-5px 10px 5px 0;
	display:block;
	border:1px solid #ddd;
}
#notes a:hover img.index {
  border-color:#bbb;
  }
#notes a {
	padding: 0 3px 0 0;
	text-decoration: none;
	font-size: 100%;
}
#notes a:hover, #notes a.active {
	text-decoration: none;
}
#notes h1 {
	color: #666;
	padding: 0;
	margin:10px 0 3px 0;
	font: bold 150% Arial, Verdana, Verdana, sans-serif;
}
#notes h2 {
	margin:10px 0 0 0;
	font: bold 120% Arial, Verdana, Helvetica, sans-serif;
}
#notes h2 a, h2 a:visited {
	text-decoration: none;
	color: #7ba05b;
}
#notes h2 a:hover {
	color: #7ba05b;
	text-decoration: underline;
}
#notes h3.index {
	margin:0px 0 3px 0;
	font:bold 90% Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
}
#notes h3 {
	margin:5px 0 3px 0;
	font:bold 90% Arial, Verdana, Helvetica, sans-serif;
	font-style:italic;
}
#notes dl {
	margin:0;
	}
#notes dt {
	margin:20px 0 0px 0;
	font: bold 120% Arial, Verdana, Helvetica, sans-serif;
}
#notes dt a:link, dt a:visited {
	text-decoration: none;
	color: #7ba05b;
	border: 0;
}
#notes dt a:hover {
	color: #7ba05b;
	text-decoration: underline;
	background: none;
}

#notes dd {
	color: #666;
	margin: 5px 0 0 0;
	font: normal 100% Arial, Verdana, Helvetica, sans-serif;
}

#notes p.index {
	margin: 0 60px 0 0px;
	padding: 0 0 0px;
	font-size: 100%;
}
#notes p {
	margin: 5px 20px 0 0px;
	padding: 0 0 0px;
	color:#333;
	font:normal 100% Arial, Verdana, Helvetica, sans-serif;
}
#notes .posted {
	position: relative;
	font: normal 90% Arial, Verdana,  Helvetica, sans-serif;
	margin: 5px 0 0px 0;
}
#notes a.posted :link, a.posted:visited {
	padding: 0;
	border: 0;
}
#notes a.posted:hover {
	text-decoration: underline;
}
#notes .note {
	padding-left:15px;
	font:bold 100% Arial, Helvetica, sans-serif;
	background: url(../img/noteicon.gif) no-repeat 0% 50%;
}

#fandb {
	text-align: left;
	font-size: 90%;
	margin: 5px 0 25px;
}
#fandb a.left {
	margin: 0 0 0 350px;
}
#fandb a.right {
	margin: 0 0 0 290px;
}

/* About
--------------------------------------------------------------------- */

#about {
	margin:0;
	padding-left:200px;
	height:240px;
	text-align:left;
	background:#c3d7bd url(../img/aboutbg.jpg) no-repeat;
	border-top:1px solid #fff;
	border-bottom:4px solid #dae2e1;
}

#about p {
	margin: 0;
	padding: 10px 10px 0px 0;
	color:#000;
	font:normal 95% Arial, Verdana, Verdana, sans-serif;
	line-height:130%;
}

#about a, visited, active {
	color: #465945;
	font:bold 90% Arial, Verdana, Verdana, sans-serif;
	text-decoration: none;
}
#about a:hover {
	color: #465945;
	font:bold 90% Arial, Verdana, Verdana, sans-serif;
	text-decoration: underline;
}
#press {
	margin:10px 0 0 0;
  	padding:0px 0 15px 0;
	list-style-image: url(../img/pdfico.gif);
}
	
#press li {
	margin:5px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
	list-style-image: url(../img/pdfico.gif);
}

/* SideBar
--------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 319px;
	margin:0;
	padding: 0;
	text-align: left;
	color:#000;
	font:normal 100%  Arial, Verdana, sans-serif;
	border-left:1px solid #fff;
	background:#a5cbb5;
}
#side_content {
	padding: 10px 15px 10px 10px;
}
#side_content h2 {
	padding: 0;
	margin: 15px 0 -5px 5px;
	color:#fff;
	font:normal 110% Arial, 'Trebuchet MS', Verdana, sans-serif;
	text-transform: uppercase;
}
#side_content h2 a:link, h2 a:visited {
	display: block;	
	width: 200px;
	height: 30px;
	text-decoration: none;
	color: #666;
}
#side_content h2 a:hover {
	text-decoration: underline;
}
#side_content ul {
	display:block;
	color: #000;
	padding: 5px 5px 10px 20px;
	margin:10px 0 10px 0;
}
#side_content ul.home {
	color: #000;
	padding: 0 5px 10px 20px;
}
#side_content li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-image: url(../img/navarrow.gif) ;
}
#side_content ul.entry {
	color: #000;
	padding: 5px 5px 0px 3px;
	list-style-image: url(../img/noteicon.gif);
}
#side_content li.entry {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-image: url(../img/noteicon.gif);
}
#side_content img {
	margin: 0;
	padding: 0;
	border: 0 ridge #FFF;
}
#side_content p {
	margin: 15px 0 0 5px;
	color:#000;
	padding: 0;
}
#side_content a {
	color:#465945;
	font-size: 100%;
	text-decoration: underline;
}
#side_content a:hover {
	font-size: 100%;
	text-decoration: underline;
}
#side_content a:active {
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
.services {
	/* background:#a5cbb5 url(../img/ourservices.gif) no-repeat 0% 50%;
	text-indent:-9999px; */
}
.recent {
	background:#a5cbb5 url(../img/recent.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.archive{
	background:#a5cbb5 url(../img/archive.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.press {
	background:#a5cbb5 url(../img/press.gif) no-repeat 0% 50%;
	text-indent:-9999px;
}
.previous{
	/* background:#a5cbb5 url(../img/previous.gif) no-repeat 0% 50%;
	text-indent:-9999px; */
}
.recommend {
	/* background:#a5cbb5 url(../img/recommend.gif) no-repeat 0% 50%;
	text-indent:-9999px;*/
}
.booking {
	/* background-image:url(../img/bookstar.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: -5px;
	padding-top: 10px; */
}

/* Newsletter Sign-up Box
--------------------------------------------------------------------- */
#newsletter {
	margin:0;
	height:120px;
	padding: 10px 15px 0 15px;
	background:#bcd3b6;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

#newsletter	h2 {
	padding: 0;
	margin: 15px 0 0px 0px;
	color:#fff;
	font:normal 110% Arial, 'Trebuchet MS', Verdana, sans-serif;
	text-transform: uppercase;
}
#newsletter p {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	color:#333;
	font:normal 100% Arial, Verdana, Helvetica, sans-serif;
}
#newsletter .submit {
	vertical-align: top;
}

/* Footer
--------------------------------------------------------------------- */
#footer {
	clear: both;
	padding: 100px 3px 3px 0;
	text-align: center;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#dae2e1 url(../img/footer.gif) no-repeat;
}
#footer p {
	margin: 0;
	font-size: 90%;
	padding: 2px;
}
#footer img {
	margin-left: 2px;
	padding:0;
	border:none;
}


/* Tables
--------------------------------------------------------------------- */
table {
	margin-bottom:5px;
	border-collapse:collapse;
}

caption {
	text-align:left;
	padding: 10px 5px;
	margin: 0 0 5px -5px;
	background:#fff url(../img/browse-bg.gif) repeat-x; 
}

tr {
	 vertical-align:top;
	 text-align:left;
	 font-size: 70%;
	 line-height: 14px;
} 

td {
	font: normal 142% Arial, Verdana,  Helvetica, sans-serif;	
	padding: 1px 3px;
}



/* Contact Forms
--------------------------------------------------------------------- */

#contact fieldset {
	border: 2px solid #ccc;
	padding: 5px 5px 10px;
}
#contact legend {
	color: #666;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 4px;
	font: bold 110% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
#contact dt {
	margin-top: 5px;
	width: auto;
	font-size: 100%;
}
#contact dd {
	margin-top: 5px;
	font-size: 110%;
	line-height: 24px;
	margin-left: 40px;
}
#contact dl {
	margin: 5px 1px 5px 310px;
}
#submit {
	font-size: 90%;
	font-style: normal;
	color: #FFF;
	background-color: #F39200;
}