* {
	border: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* ---------- GLOBAL ------------------------------------------------------- */

html {
	height: 101%;
}

body {
	padding-bottom: 5px;
	font-size: 62.5%;
	background: #fff url(../images/backgroundtile.jpg) top left repeat;
}

.clear {
	clear: both;
}

p {
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #020201;
}

a {
	outline: none;
}

h2 {
	text-indent: -9999px;
}

.horizontalRule {
	clear: both;
	height: 8px;
	background: transparent url(../images/horizontalrule.png) center center no-repeat;
}

.horizontalRule hr {
	display: none;
}

#pageBorder-top {
	width: 940px;
	margin: 25px auto 0 auto;
	padding-top: 17px;
	background: transparent url(../images/pagebackground-top.png) top left no-repeat;
}

#pageBorder-bottom {
	width: 940px;
	background: transparent url(../images/pagebackground-bottom.png) bottom left no-repeat;
}

#pageContent {
	padding: 11px 28px 28px 28px;
}

.textInput {
	padding: 2px;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #CFCDC9;
}

.left {
	float: left;
}

.right {
	float: right;
}

.blueText {
	color: #00488A;
}

/* ----- Page Columns ----- */

.column1 {
	float: left;
}

.column2 {
	float: right;
}

#subMenuContainer {
	float: left;
	width: 198px;
	margin-right: 20px;
	background: transparent url(../images/submenu-top.png) top left no-repeat;
}

#subMenuContainer ul {
	list-style-type: none;
}

/* ----- Header / Main Menu ----- */

#header {
	position: relative;
	height: 152px;
	background: transparent url(../images/headerbg.jpg) 50% 0px no-repeat;
}

#header ul {
	position: relative;
	top: 104px;
	width: 713px;
	height: 26px;
	margin: 0 auto;
	list-style-type: none;
}

#header ul li {
	display: block;
	float: left;
}

#header ul li a {
	display: block;
	height: 26px;
	text-indent: -9999px;
}

#menu-home {
	width: 65px;
	background: transparent url(../images/mainmenuitems.png) 0px 0px no-repeat;
}

#menu-home:hover, #home #menu-home {
	background-position: 0px -26px;
}

#menu-collections {
	width: 107px;
	background: transparent url(../images/mainmenuitems.png) -65px 0px no-repeat;
}

#menu-collections:hover, #collections #menu-collections {
	background-position: -65px -26px;
}

#menu-treasure {
	width: 176px;
	background: transparent url(../images/mainmenuitems.png) -172px 0px no-repeat;
}

#menu-treasure:hover, #treasure #menu-treasure {
	background-position: -172px -26px;
}

#menu-news {
	width: 57px;
	background: transparent url(../images/mainmenuitems.png) -348px 0px no-repeat;
}

#menu-news:hover, #newsListing #menu-news, #newsStory #menu-news {
	background-position: -348px -26px;
}

#menu-about {
	width: 88px;
	background: transparent url(../images/mainmenuitems.png) -405px 0px no-repeat;
}

#menu-about:hover, #aboutUs #menu-about {
	background-position: -405px -26px;
}

#menu-shop {
	width: 55px;
	background: transparent url(../images/mainmenuitems.png) -493px 0px no-repeat;
}

#menu-shop:hover, #shop #menu-shop {
	background-position: -493px -26px;
}

#menu-feedback {
	width: 84px;
	background: transparent url(../images/mainmenuitems.png) -548px 0px no-repeat;
}

#menu-feedback:hover, #feedback #menu-feedback {
	background-position: -548px -26px;
}

#menu-visit {
	width: 80px;
	background: transparent url(../images/mainmenuitems.png) -632px 0px no-repeat;
}

#menu-visit:hover, #visitUs #menu-visit {
	background-position: -632px -26px;
}

#logo {
	position: absolute;
	z-index: 23;
	width: 285px;
	height: 155px;
	top: -53px;
	left: 300px;
	text-indent: -9999px;
	background: transparent url(../images/logo.png) top left no-repeat;
}

#logo a {
	display: block;
	width: 285px;
	height: 155px;
}

#footer {
	width: 690px;
	margin: 5px auto;
	background: transparent url(../images/footer-top.jpg) top center no-repeat;
}


#footer-bottom {
	padding: 5px 6px 10px 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #020201;
	text-align: center;
	background: transparent url(../images/footer-bottom.jpg) bottom center no-repeat;
}

#footer span {
	color: #c4c4c4;
}


#footer a {
	color: #020201;
}

/* ---------- HOME PAGE ---------------------------------------------------- */

#welcomeSection {
	background: transparent url(../images/welcomebg-top.png) top left no-repeat;
}

#welcomeSection-bottom {
	padding: 40px;
	background: transparent url(../images/welcomebg-bottom.png) bottom left no-repeat;
}

#welcomeSection h2 {
	height: 74px;
	background: transparent url(../images/headings/welcome.png) top left no-repeat;
}

#welcomeSection p {
	width: 425px;
}

#welcomeSection img {
	float: right;
	margin: 0 4px 0 22px;
}

#openingTimes {
	float: left;
	width: 320px;
	margin-left: 35px;
}

#openingTimes h2 {
	height: 30px;
	background: transparent url(../images/openingtimes.png) 0px 15px no-repeat;
}

#openingTimes p {
	line-height: 1.65em;
}

#openingTimes img {
	vertical-align: middle;
}

#homepageQuote {
	float: left;
	width: 232px;
	height: 64px;
	margin: 20px 8px 15px 5px;
	background: transparent url(../images/quotes-homepage.png) top left no-repeat;
}

#homepageQuote p {
	margin: 9px 40px;
	line-height: 1.5em;
}

#homepageLogos {
	margin-top: 15px;
}

.homepageBadge {
	margin-top: 15px;
}

/* ----- Nuggets ----- */

.homeNugget {
	position: relative;
	float: left;
	width: 250px;
	height: 218px;
	padding: 10px 15px;
}

#latestNews {
	margin-left: 20px;
	background: transparent url(../images/nuggetdivider.png) center right no-repeat;
}

#latestNews h2 {
	height: 33px;
	background: transparent url(../images/headings/latestnews.png) top left no-repeat;
}

.newsNuggetItem {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #DCD9D1;
}

.newsNuggetItem img {
	float: left;
}

.newsNuggetItemText {
	float: right;
	width: 160px;
}

.newsNuggetItem h3 {
	font-size: 1.2em;
	color: #020201;
}

.newsNuggetItem span {
	font-size: 1.2em;
	color: #0067C1;
}

.moreLink {
	display: block;
	width: 43px;
	height: 15px;
	margin-top: 0.5em;
	text-indent: -9999px;
	background: transparent url(../images/morelink.png) top left no-repeat;
}

#oakhamVideo h2 {
	height: 33px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DCD9D1;
	background: transparent url(../images/headings/oakhamvideo.png) top left no-repeat;
}

#oakhamVideo p {
	font-size: 1.1em;
	width: 95px;
}

#videoIllustration {
	position: absolute;
	top: 0px;
	left: 116px;
	width: 160px;
	height: 211px;
	background: transparent url(../images/oakhamvideo.png) top left no-repeat;
}

.playVideoLink {
	display: block;
	width: 77px;
	height: 36px;
	text-indent: -9999px;
	background: transparent url(../images/playvideolink.png) top left no-repeat;
}

#treasureOfTheWeek {
	background: transparent url(../images/nuggetdivider.png) center left no-repeat;
}

#treasureOfTheWeek h2 {
	height: 33px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DCD9D1;
	background: transparent url(../images/headings/treasureoftheweek.png) top left no-repeat;
}

#treasureThumb {
	float: left;
	width: 165px;
	background: transparent url(../images/treasurethumbbg.png) top left no-repeat;
}

#treasureThumb img {
	margin: 5px
}

#treasureOfTheWeek p {
	float: right;
	width: 80px;
	margin-top: 4px;
	font-weight: bold;
	font-size: 1.3em;
}

.viewMoreLink {
	display: block;
	float: left;
	width: 114px;
	height: 24px;
	margin-top: 10px;
	text-indent: -9999px;
	background: transparent url(../images/viewmorelink.png) top left no-repeat;
}

/* ---------- COLLECTIONS -------------------------------------------------- */

#collections #subMenuContainer h2 {
	height: 24px;
	margin: 20px 0 15px 30px;
	background: transparent url(../images/headings/collections.png) top left no-repeat;
}

#collectionsMenu {
	padding: 0 0 40px 23px;
}

#collectionsMenu li {
	clear: both;
}

#collectionsMenu li a {
	display: block; 
	float: left;
	padding-right: 6px;
	font-size: 1.2em;
	color: #004F95;
	line-height: 2.1em;
	text-decoration: none;
}

#collectionsMenu li a span {
	display: block;
	padding-left: 6px;
}

#collectionsMenu li a:hover, #collectionsMenu .selected a {
	color: #050504;
	background: transparent url(../images/submenu-rollover-right.png) center right no-repeat;
}

#collectionsMenu li a:hover span, #collectionsMenu .selected a span {
	background: transparent url(../images/submenu-rollover-left.png) center left no-repeat;
}

#collections h3 {
	padding-top: 20px;
}

#collections .imageContainer {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	color: #020201;
}

#collections .imageContainer img {
	margin: 0 6px 7px 6px;
}

#collections .wide {
	width: 308px;
	background: transparent url(../images/imageborder-wide.png) bottom left no-repeat;
}

#collections .medium {
	width: 176px;
	background: transparent url(../images/imageborder-medium.png) bottom left no-repeat;
}

#collections .narrow {
	width: 149px;
	background: transparent url(../images/imageborder-narrow.png) bottom left no-repeat;
}

#collections .square {
	width: 122px;
	background: transparent url(../images/imageborder-square.png) bottom left no-repeat;
}

#collections .square  img {
	margin-left: 5px;
}

#collections .column1 {
	width: 334px;
	text-align: justify;
}

#collections .column1 h3 {
	margin: 0.5em 0 1em 0;
	font-size: 1.5em;
	color: #00488a;
}

#collections .column2 {
	padding-top: 8px;
	width: 310px;
}

/* ---------- TREASURE OF THE WEEK ----------------------------------------- */

#treasure #subMenuContainer h2 {
	height: 24px;
	margin: 20px 0 15px 17px;
	background: transparent url(../images/headings/pasttreasures.png) top left no-repeat;
}

#treasure .column1 h2 {
	height: 65px;
	margin-bottom: 10px;
	background: transparent url(../images/headings/thisweeks.png) bottom left no-repeat;
}

#treasure .column1 {
	width: 328px;
}

#treasure .column1 h3 {
	margin: 0.5em 0 1em 0;
	font-size: 1.5em;
	color: #00488a;
}

#treasure .column2 {
	padding-top: 8px;
	width: 315px;
}

#treasureMenu {
	text-align: center;
}

#treasureMenu li a {
	display: block;
	float: left;
	clear: both;
	width: 160px;
	height: 52px;
	padding-top: 8px;
	margin-left: 18px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #050504;
}

#treasureMenu li a:hover, #treasureMenu .selected a {
	background: transparent url(../images/submenu-rollover-big.png) top left no-repeat;
}

#treasureMenu .week {
	color: #00488a;
	font-weight: normal;
}

#treasure h3 .week {
	color: #000;
}

#treasure .imageContainer {
	width: 305px;
	padding: 0 0 6px 5px;
	background: transparent url(../images/imageborder-treasure.png) bottom left no-repeat;
}

.viewFullSizeLink{
	display: block;
	float: right;
	width: 108px;
	height: 20px;
	margin: 10px -15px 10px 0;
	padding-right: 30px;
	text-indent: -9999px;
	background: transparent url(../images/viewfullsizelink.png) bottom left no-repeat;
}

/* ---------- NEWS --------------------------------------------------------- */

/* ----- News Listing Page ----- */

#newsListing h2, #newsStory h2 {
	float: left;
	width: 123px;
	height: 61px;
	margin-left: 10px;
	background: transparent url(../images/headings/news.png) bottom left no-repeat;
}

#newsListing .horizontalRule {
	height: 22px;
}

.newsItem {
	padding: 0 12px;
}

.backLink {
	display: block;
	float: left;
	width: 77px;
	height: 45px;
	margin-left: 15px;
	text-indent: -9999px;
	background: transparent url(../images/backlink.png) bottom left no-repeat;
	
}

.newsItemThumb {
	float: left;
	width: 168px;
	height: 126px;
	background: transparent url(../images/newsthumbbg.png) top left no-repeat;
}

.newsItemThumb img {
	margin: 5px 0 0 5px;
}

.newsSummmary {
	float: right;
	width: 676px;
}

.newsSummmary h3 {
	margin: 8px 0 1em 0;
	font-size: 1.5em;
	color: #00549F;
}

.newsSummmary a {
	display: block;
	width: 139px;
	height: 24px;
	text-indent: -9999px;
	background: transparent url(../images/viewfullstorylink.png) top left no-repeat;
}

.pager {
	border: 1px solid white; /* Fix height in IE6 & IE7 */
}

.pager ul {
	float: right;
	height: 25px;
	list-style-type: none;
	background: #D3D1CB;
}

.topPager {
	margin-top: 40px;
}

.bottomPager ul {
	margin-top: -1px;
}

.pager li {
	display: block;
	float: left;
	padding: 0 5px;
	font-size: 1.2em;
}

.pager a {
	display: block;
	line-height: 25px;
	color: #676663;
	text-align: center;
}

.pager a:hover {
	text-decoration: none;
}

.pager .selected a {
	text-decoration: none;
	font-weight: bold;
	color: #050504;
}

.pager-previous, .pager-next {
	padding: 0px !important;
}

.pager-previous a {
	width: 46px;
	text-indent: -9999px;
}

.pager-next a {
	width: 46px;
	text-indent: -9999px !important;
}

.topPager .pager-previous a {
	background: transparent url(../images/pager-top-previous.png) center left no-repeat;
}

.topPager .pager-next a {
	background: transparent url(../images/pager-top-next.png) center right no-repeat;
}

.bottomPager .pager-previous a {
	background: transparent url(../images/pager-bottom-previous.png) center left no-repeat;
}

.bottomPager .pager-next a {
	background: transparent url(../images/pager-bottom-next.png) center right no-repeat;
}

/* ----- News Story Page ----- */

#newsStory .column1 {
	width: 410px;
	padding: 10px 0 0 10px;
}

#newsStory .column2 {
	width: 428px;
	margin-right: 12px;
	padding: 15px 10px 0 0;
}

#newsStory h3 {
	margin-bottom: 0.7em;
	padding-bottom: 0.4em;
	font-size: 1.5em;
	font-weight: bold;
	color: #00488a;
	background: transparent url(../images/horizontalrule.png) bottom center no-repeat;
}

#newsStory .imageContainer {
	padding: 5px 6px 6px 6px;
}

#newsStory .wide {
	margin-bottom: 6px;
	background: transparent url(../images/imageborder-news-wide.png) bottom left no-repeat;
}

#newsStory .narrow {
	float: left;
	width: 187px;
	margin-right: 5px;
	background: transparent url(../images/imageborder-news-narrow.png) bottom left no-repeat;
}

/* ---------- ABOUT US ----------------------------------------------------- */

#aboutUs h2 {
	width: 145px;
	height: 75px;
	background: transparent url(../images/headings/aboutus.png) top left no-repeat;
}

#aboutUs p {
	text-align: justify;
}

#aboutUs .imageContainer {
	margin-bottom: 10px;
	padding: 5px 6px 6px 6px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
	color: #020201;
	text-align: center;
}

#aboutUs .column1 {
	float: none !important;
	padding-left: 10px;
	padding-right: 10px;
}

.big {
	float: left;
	width: 396px;
	margin-right: 15px;
	background: transparent url(../images/imageborder-aboutus-big.png) bottom left no-repeat;
}

.small {
	float: right;
	width: 206px;
	margin-left: 25px;
	background: transparent url(../images/imageborder-aboutus-small.png) bottom left no-repeat;
}

/* ---------- FARM SHOP & CAFE --------------------------------------------- */

#shop #subMenuContainer h2 {
	height: 26px;
	margin: 20px 0 15px 16px;
	background: transparent url(../images/headings/openingtimes.png) top left no-repeat;
}

#shop #subMenuContainer h3 {
	margin: 0 0 1em 23px;
	color: #050504;
	text-decoration: underline;
}

.subMenuText {
	width: 150px;
	margin: 0 0 1em 23px;
	line-height: 1.5em;
	font-size: 1.2em;
	color: #00488a;
}

#subMenuContainer-bottom {
	padding-bottom: 20px;
	margin-bottom: -11px;
	background: transparent url(../images/submenu-bottom.png) bottom left no-repeat;
}

#shop .column1 {
	width: 330px;
	padding-top: 10px;
}

#shop .column1 h3 {
	margin-bottom: 1em;
	font-size: 1.3em;
	color: #00488a;
}

#shop .imageContainer {
	margin-bottom: 10px;
	padding: 0 8px 7px 6px;
	background: transparent url(../images/imageborder-shop.png) bottom left no-repeat;
}


/* ---------- VISIT US ----------------------------------------------------- */

/* ----- Left Column ----- */

#visitUs .column1 {
	width: 502px;
	padding-left: 10px;
}

#visitUs .column1 h2 {
	width: 145px;
	height: 75px;
	margin-top: 6px;
	background: transparent url(../images/headings/visitus.png) top left no-repeat;
}

#visitUs .column1 p {
	line-height: 1.5em;
}

#visitUs h3 {
	margin: 0.55em 0 0.3em 0;
	font-size: 1.3em;
	color: #00488A;
}

#visitUs p img {
	vertical-align: bottom;
}

.mapLink {
	display: block;
	width: 210px;
	height: 24px;
	margin: 8px 0;
	text-indent: -9999px;
	background: transparent url(../images/maplink.png) top left no-repeat;
}

#visitUs table {
	float: left;
	border-collapse: collapse;
	width: 320px;
	margin: 0.65em 0 1em 0;
	color: #050504;
	font-size: 1.3em;
}

#visitUs table td {
	padding: 0.5em;
	padding-left: 10px;
	border: 1px solid #fff;
}	

.oddRow td {
	background: #EFEDE6;
}

.evenRow td {
	background: #E5E3DD;
}

.price {
	width: 80px;
	font-weight: bold;
	text-align: center;
}

#badgeContainer {
	padding-top: 10px;
	text-align: right;
	background: #fff;
}

/* ----- Right Column ----- */

#visitUs .column2 {
	float: right;
	width: 350px;
	background: transparent url(../images/getintouch-top.png) top left no-repeat;
}

#visitUs .column2 form {
	padding: 15px 28px 15px 18px;
	background: transparent url(../images/getintouch-bottom.png) bottom left no-repeat;
}

#visitUs .column2 h2 {
	height: 31px;
	margin: 18px 0 10px 0;
	background: transparent url(../images/headings/getintouch.png) top center no-repeat;
}

#visitUs .column2 p {
	margin-left: 18px;
	margin-right: 28px;
}

#visitUs .column2 p a:hover {
	text-decoration: none;
}

#visitUs .column2 a {
	color: #00488a;
}

#visitUs label {
	display: inline-block;
	vertical-align: top;
	width: 95px;
	color: #020201;
	font-size: 1.2em;
}

#visitUs .textInput {
	width: 200px;
}

#visitUs .column2 .horizontalRule {
	margin: 0 28px 0 18px;
}

#visitUs label, #visitUs input {
	margin-bottom: 4px;
}

.button-submit {
	margin: 10px 0 0 99px;
}

/* ---------- FEEDBACK ----------------------------------------------------- */

#feedback .column1 {
	width: 510px;
	padding-left: 10px;
}

#feedback .column1 h2 {
	float: left;
	width: 389px;
	height: 40px;
	margin-top: 5px;
	background: transparent url(../images/headings/feedback.png) top left no-repeat;
}

#feedback .column2 h2 {
	height: 24px;
	margin: 20px 0;
	background: transparent url(../images/headings/visitorfeedback.png) top center no-repeat;
}

#feedback .column1 p {
	text-align: justify;
}

#feedback .horizontalRule {
	margin: 5px 0;
}

fieldset {
	margin-top: 1.2em;
}

legend {
	font-size: 1.3em;
	font-weight: bold;
	color: #00488a;
}

.mandatory {
	padding-left: 10px;
	background: transparent url(../images/mandatory.png) 0px 0.4em no-repeat;
}

div.mandatory {
	float: right;
}

#feedback .quote {
	margin: 0 0 2em 15px;
	width: 300px;
	text-align: center;
	background: transparent url(../images/feedbackquote-left.png) top left no-repeat;
}

#feedback .quote p {
	margin: 5px 0 0 40px;
	padding-right: 40px;
	background: transparent url(../images/feedbackquote-right.png) bottom right no-repeat;
}

#feedback .quote span {
	display: block;
	margin-top: 0.9em;
	font-weight: bold;
	color: #00488a;
}

#feedback .column2 {
	width: 340px;
	margin-bottom: 20px;
	background: transparent url(../images/getintouch-top.png) top left no-repeat;
}

#rightPanel-bottom {
	padding-bottom: 25px;
	margin-bottom: -20px;
	background: transparent url(../images/getintouch-bottom.png) bottom left no-repeat;
}

.step {
	line-height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	color: #020201;
}

.formFooter {
	margin-top: 1em;
}

#feedback th {
	font-size: 1.1em;
	color: #00488a;
}

#feedback td {
	height: 2.5em;
	text-align: center;
}

#feedback label {
	font-size: 1.2em;
	color: #020201;	
}

#aboutYou label {
	display: inline-block;
	width: 95px;
}

#feedback label, #feedback .textInput {
	margin-bottom: 4px;
}

.labelColumn {
	width: 320px;
	padding-right: 10px;
	text-align: left !important;
}

.radioColumn {
	width: 50px;
}

#nextButton {
	float: right;
}

#name, #tel {
	width: 240px;
}

#address1 {
	width: 399px;
}

#address2 {
	width: 504px;
}

#address3 {
	width: 250px;
	margin-right: 10px;
}

#postcode {
	width: 168px;
}

#emailaddress {
	width: 399px;
}

#visitDay, #visitMonth {
	width: 30px;
	text-align: center;
}

#visitYear {
	width: 45px;
	text-align: center;
}

#rulesLink {
	margin-top: 3px;
}

#rulesLink a, #rulesLink input {
	vertical-align: top;
}

#rulesLink a {
	font-size: 1.2em;
	color: #00488a;
}

#rulesLink:hover {
	text-decoration: none;
}

#rulesLink input {
	margin-left: 10px;
}

#checkboxContainer {
	width: 180px;
}

#checkboxContainer label {
	display: inline-block;
	width: 125px;
}

#textAreaContainer {
	width: 200px
}

#textAreaContainer textarea {
	width: 330px;
	height: 72px;
	margin-top: 3px;
}

.yesNoContainer p {
	float: left;
	width: 392px;
	margin-right: 8px;
}

p.mandatory {
	width: 379px;
}

.yesNoContainer label {
	margin: 0 4px 0 10px;
	font-weight: bold;
	color: #00488a !important;
	vertical-align: top;
}

#additionalFeedback {
	width: 100%;
	height: 140px;
	margin-top: 3px;
}