/*--------------------------------------------------------------------------------
//
//	Oswaldtwistle Mills
//
//	by DPI 21 Ltd - http://www.dpi21.com
//
//  Copyright 2008 DPI 21 Ltd. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
//	Date: 9/04/08
//	Version: 1.0
//
// ---------------------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------------- */

* {
	margin: 0 ;
	padding: 0;
}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/backgrounds/bg.jpg) repeat-x bottom;
	color: #333333;
	
}

#wrapper {
	width: 900px;
	margin: 10px auto 5px auto;
	padding: 22px 5px 5px 5px;
	background: white;
}

img {
	border: 0;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #112710;
}

a:hover {
	color: #599F22;
}

li {
	list-style-type: none;
}

.clear {
	clear: both;
	width: 900px;
}

.clearC {
	clear: both;
}

.blue, .smallBlue  {
	color: #112710;
}

.smallBlue {
	font-size: 10px;
}

.size10, .smallBlue  {
	font-size: 10px;
}

.size14Blue {
	color: #112710;
	font-size: 14px;
	text-decoration: underline;
}

.bulletList li {
	list-style-type: circle;
	padding: 5px 0px;
	
}

.bulletList {
	padding: 5px;
	margin-left: 10px;
}

#accessibilityList ul {
	padding: 10px 0px;
}

#accessibilityList li {
	padding: 2px 0px;
}

/* @group Quick Links 3 Styles */

.quickLinksContainer {
	float: left;
	width: 530px;
	font-size: 10px;
	padding-left: 3px;
}

.quickLinksContainer img {
	width: 160px;
	padding: 2px 0px;
	height: 120px;
}

.quickLinkStyle1, .quickLinkStyle2, .quickLinkStyle3 {
	border: 1px solid #EEEEEE;
	padding: 5px;
	margin: 2px;
	float: left;
	width: 160px;
}

.quickLinkStyle2 {
	height: 230px;
}

.quickLinkStyle1 {
	height: 120px;
}

.quickLinksContainer p {
	font-size: 10px;
	line-height: 14px;
}

/* @end */

/* @group Titles */

h3 {
	color: white;
	font-size: 10px;
}

h3 a:link, h3 a:active, h3 a:visited {
	color: white;
}

h3 a:hover {
	text-decoration: underline;
}

h3.title,h3.title1,h3.title2,h3.title3,h3.title4,h3.title5 {
	width: 145px;
	text-transform: uppercase;
	float: left;
	padding: 5px 20px 5px 5px;
	height: 25px;
}

h3.quickLinkTitle1, h3.quickLinkTitle2, h3.quickLinkTitle3, h3.quickLinkTitle4, h3.quickLinkTitle5 {
	padding: 5px 20px 5px 5px;
	height: 25px;
}

h3.title1, h3.quickLinkTitle1 {
	background: url(../images/backgrounds/title1.jpg) top right no-repeat #4E9038;
}

h3.title2, h3.quickLinkTitle2  {
	background: url(../images/backgrounds/title2.jpg) top right no-repeat #EE353A;
}

h3.title3, h3.quickLinkTitle3 {
	background: url(../images/backgrounds/title3.jpg) no-repeat top right #912684;
}

h3.title4, h3.quickLinkTitle4 {
	background: url(../images/backgrounds/title4.jpg) no-repeat top right #0D8943;
}

h3.title5, h3.quickLinkTitle5 {
	background: url(../images/backgrounds/title5.jpg) no-repeat top right #181818;
}

h3.quickLinkTitle1 a {
	color:#FFFFFF;
}

/* @end */

/* @group 3 Styles */

#style1Images, #style2Images {
	width: 160px;
	text-align: center;
	padding-right: 5px;
}

#style1Images img, #style2Images img, #style3Images img {
	width: 160px;
	height: 120px;
}

#style1Images img, #style2Images img, #style3Images img {
	border: 1px solid #EEEEEE;
	padding: 5px;
}

#style3Images {
	width: 530px;
}

#style3Images p {
	float: left;
	width: 160px;
	margin: 0px 5px;
}

#style1Text, #style2Text, #style3Text {
	line-height: 16px;
}

#style2Text, #style3Text, #style1Images {
	float: left;
}

#style2Images, #style1Text {
	float: right;
}

#style1Text {
	width: 360px;
}

#style2Text {
	width: 360px;
}

#style3Text {
	width: 530px;
}


/* @end */

/* @group Headings */

h1 {
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	color: #112710;
}

h1, h2, h3, h4, h6 {
	font-weight: normal;
}

h2 {
	font-size: 14px;
	color: #599F22;
	padding-bottom: 5px;
	border-bottom: 1px solid #599F22;
}

h4 {
	font-size: 13px;
	line-height: 16px;
	color: #112710;
}

h5 {
	color: #599F22;
	font-size: 13px;
	padding-bottom: 5px;
}

h6 {
	font-size: 14px;
	padding: 3px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid white;
}

/* @end */

/* @group Top // Logo, Strapline & Search Form  */

#top, #logo, #openingTimes, #searchForm {
	float: left;
}

#top {
	background: url(../images/backgrounds/top-bg.jpg) no-repeat;
	padding: 10px 15px 0px 15px;
	width: 870px;
	height: 100px;
	color: #FFFFFF;
	font-size: 10px;
}

#logo {
	width: 369px;
}

#strapline {
	width: 240px;
	height: 45px;
}

#openingTimes {
	padding: 0px 10px 0px 10px;
	width: 320px;
	text-align: right;
	line-height: 12px;
}

#searchForm {
	border-left: 1px dashed #FFFFFF;
	width: 155px;
	height: 90px;
	padding: 5px 0px 0px 5px;
}

#search1, #go1, #go2 {
	border:0;
}

#search1, #search {
	background: url(../images/icons/search.jpg) left no-repeat white;
	padding: 2px 5px 2px 20px;
	color: #112710;
}

#search1 {
	width: 105px;
	height: 15px;
}

#search {
	border: 1px solid #599F22;
	width: 80px;
}

#go1, #go2 {
	padding: 2px;
	font-size: 10px;
	width: 20px;
	height: 17px;
}

#go1 {
	background: #112710;
	color: #FFFFFF;
}

#go2 {
	background-color: #599F22;
	color: #FFFFFF;
}

#searchForm ul {
	padding: 10px 0px 0px 5px;
	line-height: 14px;
}

#searchForm li a:link, #searchForm li a:active, #searchForm li a:visited {
	background: url(../images/arrows/subNav.png) left top no-repeat;
	padding-left: 10px;
	color: #FFFFFF;
}

#searchForm a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Banner // Flash Movie & Whats On */

#movie, #banner {
	float: left;
}

#movie, #banner {
	width: 720px;
	height: 373px;
}

#banner img {
	width: 720px;
	height: 373px;
}

#movie {
	z-index: 0;
}

#newsEvents {
	float: right;
	width: 177px;
	height: 368px;
	color: #fff;
	font-size: 11px;
}

#twitter_div a {
	color: #fff;
	text-decoration: underline;
}

#twitter_div a:hover {
	text-decoration: none;
}

#twitter_div .heading {
	font-size: 14px;
	padding: 5px 0px;
	border-bottom: 1px solid white;
}

#twitter_div li, #twitter_div p {
	padding: 5px 0px;
	line-height: 14px;
}

#twitter_div ul {
	padding: 0 0 5px 0;
}

ul#social li {
	display: block;
	float: left;
	background: none;
	padding-left: 0;
}

#twitter_div {
	float: right;
	width: 167px;
	padding: 5px 5px 0 5px;
	background: url(../images/backgrounds/twitter.jpg) left bottom no-repeat #127010;
	height: 210px;
}

.twtr-tweet-text {
	font-size: 11px;
}

#twitter_div a {
	font-size: 10px;
}

.twtr-hd, .twtr-doc div.twtr-ft {
	display: none;
}

.twtr-doc div.twtr-tweet-wrap {
	padding: 5px 0;
}


/* @end */

/* @group Column 1 // Way To Shop & Sub Nav */

#contentContainer {
	float: left;
	width: 900px;
	background: url(../images/backgrounds/content-bg.jpg) repeat-y;
	margin-top: 5px;
}

#column1 {
	float: left;
	width: 155px;
}

#waysToShop {
	background:url(../images/backgrounds/shop-bg.jpg) repeat-x top #106D12;
	padding: 5px;
	color: #FFFFFF;
	border-bottom: 5px solid white;
	width: 145px;
}

#waysToShop ul {
	padding: 10px 0px;
	line-height: 14px;
}

#waysToShop li a:link, #waysToShop li a:active, #waysToShop li a:visited {
	color: #FFFFFF;
	padding-left: 10px;
	background: url(../images/arrows/subNav.png) no-repeat top left;
}

#waysToShop a:hover {
	text-decoration: underline;
}

#waysToShop p {
	padding: 5px 0px;
}

#storeSearch p {
	font-size: 10px;
}

#subNav {
	border: 2px solid #599F22;
	padding: 5px;
	background: url(../images/backgrounds/lookingFor-bg.jpg) repeat-x #599F22;
	height: 550px;
	width: 141px;
}

html>body #subNav {
	height: auto;
	min-height: 550px;
}

#subNav ul {
	padding: 10px 0px 0px 0px;
	line-height: 14px;
}

#subNav li {
	padding: 2px 0px;
}

#subNav li a:link, #subNav li a:active, #subNav li a:visited {
	padding-left: 10px;
	color: #112710;
	background: url(../images/arrows/subNavArrow.png) left no-repeat;
}

#subNav li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Column 2 // Content */


#column2, #information, .newsArchive, #copy {
	width: 540px;	
}

#column2 {
	float: left;
	padding: 0px 15px;
}

#column2 p {
	padding: 5px 0px;
}

#copy ul, #copy ol {
	padding: 10px;
}

#copy ul li {
	list-style-position: outside;
	list-style-type: circle;
	padding: 2px 0px;
	line-height: 16px;
}

/* @group News */

.newsArchive, .newsThumb, .newsShortDescription, .product, .product .text, .product .image {
	float: left;
}

.newsArchive, .product {
	padding: 5px 0px;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 5px;
}

.newsThumb, .product .image {
	width: 160px;	
	border: 1px solid #EEEEEE;
	padding: 5px;
}

.newsThumb img, .product .image img {
	width: 160px;
}

.newsShortDescription, .product .text {
	width: 350px;
	padding-left: 10px;
}

.price {
	color: red;
	font-size: 15px;
}

/* @end */

/* @group Template Page */

#mainText, #mainImages {
	float: left;
}

#mainText {
	width: 350px;
	padding-right: 20px;
}

#mainText ul {
	padding-bottom: 10px;
}

#mainText li {
	list-style-type: circle;
	list-style-position: inside;
}

#mainImages {
	width: 160px;
	text-align: center;
}

#mainImages p {
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

#mainImages img {
	border: 1px solid #E4E4E4;
	padding: 5px;
	margin-bottom: 5px;
}

#mainText a:link, #mainText a:active, #mainText a:visited, .contactNumber a:link, .contactNumber a:active, .contactNumber a:visited, .newsArchive a:link, .newsArchive a:active, .newsArchive a:visited, .planning-visit a {
	color: #599F22;
	text-decoration: underline;
}

#mainText a:hover, .contactNumber a:hover, .newsArchive a:hover {
	color: #112710;
}



/* @end */

/* @group Contact */

.contactNumber, #contactForm, #formColumn1, #formColumn2 {
	float: left;
}

.contactNumber {
	width: 240px;
	padding: 10px;
	height: 80px;
}

.contactNumber p {
	line-height: 16px;
}

#contactForm {
	width: 530px;
	padding: 5px;
}

#contactForm fieldset {
	border: 1px solid #599F22;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	width: 510px;
}

#contactForm legend {
	background: #599F22;
	padding: 5px;
	color: white;
}

#contactForm p {
	line-height: 16px;
}

#formColumn1, #formColumn2 {
	width: 245px;
}

#formColumn1 {
	padding-right: 15px;
}

#firstname, #surname, #organisation, #email, #telephone, #mobile, #fax {
	height: 15px;
}

#firstname, #surname, #organisation, #email, #telephone, #mobile, #fax, #address, #town, #postcode {
	width: 240px;
	border: 1px solid #D7D7D7;
	color: #112710;
	padding: 2px;
	margin: 2px 0px;
}

#address {
	height: 60px;
}

#otherInfo {
	padding: 2px;
	margin: 2px 0px;
	width: 500px;
	border: 1px solid #D7D7D7;
	height: 100px;
	color: #112710;
}

.planning-visit, #map, #get-directions {
	float: left;
}

.planning-visit {
	width: 540px;
	padding: 15px 0px;
}

#map {
	width: 250px;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

#get-directions {
	padding-left: 10px;
	width: 270px;
}

#get-directions .heading {
	font-size: 14px;
	color: #599F22;
}

#townPostcode {
	border: 1px solid #D7D7D7;
	color: #112710;
	padding: 2px;
	margin: 2px 0px;
	width: 175px;
}

/* @end */

/* @group Stores */

#storeInformation, #storeList {
	float: left;
}

#storeInformation {
	width: 250px;
	border-right: 1px solid #599F22;
	padding-right: 10px;
}

#storeInformation img {
	width: 160px;
	border: 1px solid #EEEEEE;
	padding: 5px;
}
#storeList {
	width: 265px;
	padding-left: 10px;
}

#storeList ul {
	line-height: 16px;
}

#storeList a:link, #storeList a:active #storeList a:visited, #a-z li a:link, #a-z li a:active, #a-z li a:visited {
	color: #112710;
}

#storeList a:hover, #a-z li a:hover {
	color: #599F22;
	text-decoration: underline;
}

#a-z {
	float: left;
	margin-bottom: 10px;
}

#a-z li {
	display: inline;
}

/* @end */

/* @group Attractions */

#information, #information ul, #information li {
	float: left;
}

#information {
	padding: 10px 0px;
}

#information ul {
	font-size: 10px;
	color: #172917;
	padding: 10px 0px 0px 10px;
	width: 360px;
}

#information li {
	display: block;
}

#telephoneNumber, #website, #emailAddress {
	width: 90px;
}

#telephoneNumber {
	background: url(../images/icons/telephone.jpg) left no-repeat;
	padding: 4px 10px 4px 20px;
}

#website {
	background: url(../images/icons/website.jpg) left no-repeat;
	padding: 4px 0px 4px 20px;
}

#emailAddress {
	background: url(../images/icons/email.jpg) left no-repeat;
	padding: 4px 0px 4px 20px;
}

#newsletter {
	background: url(../images/icons/newsletter.jpg) left no-repeat;
}

#sitemap li {
	padding: 2px 0px;
	font-size: 10px;
}


#sitemapSub {
	padding: 0px 10px 5px 10px;
}

/* @end */

/* @end */

/* @group Bread Crumb */

#breadCrumb {
	width: 540px;
	border-bottom: 1px dashed #599F22;
	padding: 5px 0px;
	font-size: 10px;
	color: #112710;
}

#breadCrumb li {
	display: inline;
}

#breadCrumb a:link, #breadCrumb a:active, #breadCrumb a:visited, #information a:link, #information a:active, #information a:visited {
	color: #112710;
	font-size: 10px;
}

#breadCrumb a:hover, #information a:hover {
	color: #599F22;
}

/* @end */

/* @group Column 3 // Adverts */

#column3 {
	padding-top: 24px;
	float: right;
	width: 175px;
}

#column3 img {
	width: 175px;
}

#competitionGraphic {
	background: #112710;
	color: white;
	height: 175px;
	margin-bottom: 5px;
}

/* @end */

/* @group Footer */

#footer {
	margin: 0px auto;
	width: 890px;
	padding: 5px 10px 0px 10px;
	background: url(../images/backgrounds/footer-bg.jpg) repeat-x #126D10;
	height: 20px;
	color: #FFFFFF;
	font-size: 9px;
}

#footer li, #validation li {
	display: inline;
}

#footer li a:link, #footer li a:active, #footer li a:visited {
	color: white;
}

#footer li a:hover {
	color: #599F22;
}

#validation {
	margin: 5px auto;
	width: 900px;
	color: #112710;
	height: 50px;
	font-size: 10px;
}

#validation a:link, #validation a:active, #validation a:visited {
	color: #112710;
}

#validation a:hover {
	color: #599F22;
	text-decoration: underline;
}

#validation ul {
	width: 400px;
	float: left;
}

#copyright {
	float: right;
	text-align: right;
	width: 500px;
}

#dpi21 {
	float: left;
	width: 400px;
}

/* AUTO COMPLETE */

.autocomplete {
    font-family: Tahoma;
    font-size: 8pt;
    background-color: white;
    border: 1px solid black;
    position: absolute;
    cursor: default;
    overflow: auto;
}

.autocomplete_item {
    padding: 1px;
    padding-left: 5px;
    color: black;
    width: 100%;
}

.autocomplete_item_highlighted {
    padding: 1px;
    padding-left: 5px;
    color: white;
    background-color: #0A246A;
}

/* @end */
#printBt {
	padding: 5px 0 5px 35px;
	background: url(../images/icons/print.jpg) left no-repeat;
	margin-bottom: 10px;
	display: block;
	float: left;
	font-size: 13px;
	text-decoration: underline;
	}

/* CALENDAR */

table.calendar {
	width: 300px;
	text-align: center;
	border:1px solid #EEEEEE;
}

table.calendar .calendar-prev a,table.calendar .calendar-next a {
	background-color: #599F22;
	padding: 2px;
	color: #FFFFFF;
}

table.calendar .calendar-prev a:hover,table.calendar .calendar-next a:hover {
	background-color: #112710;
}

table.calendar tr th {
	background-color:#112710;
	color:#FFFFFF;
	padding:3px;
}

table.calendar tr td.cell,table.calendar tr td.highlight,table.calendar tr td.event {
	padding: 3px;
	background-color: #599F22;
	border: 1px solid #EEEEEE;
}

table.calendar tr td.highlight {
	background-color: #EEEEEE;
	color: #333333;
}

table.calendar tr td.event {
	background-color: #112710;
	color: #FFFFFF;
}

table.calendar tr td.event:hover {
	background-color: #599F22;
}

table.calendar tr td.event a {
	color:#FFFFFF;
}

table.calendar tr td {
	width: 50px;
	height: 25px;
}

.contactAdress {
	padding: 12px;
}

/* Holiday competition */

#holiday-competition, #holiday-competition fieldset {
	float: left;
	width: 540px;
	border: 0;	
}

.note-required, .indicate-required, .warning {
	color: #599F22;
}

.response {
	float: left;
	padding: 10px;
	border: 1px solid #EE353A;
	background-color: #edd1c9;
	color: #EE353A;
	font-size: 14px;
	width: 520px;
	font-weight: bold;
	margin-top: 10px;
}

.indicate-required {
	font-weight: bold;
}

#mc_embed_signup fieldset {
	border: 0;
}

#mc_embed_signup a, #holiday-competition a {
	text-decoration: underline;
}

.input {
	width: 240px;
	border: 1px solid #D7D7D7;
	color: #112710;
	padding: 2px;
	margin: 2px 0px;	
}

#holiday-competition .cap {
	width: 145px;
	border: 1px solid #D7D7D7;
	color: #112710;
	padding: 2px;
	margin: 2px 0px;	
}

#cap-image img {
	width: 150px;
}

.mce_inline_error {
	color: #599F22;
	margin-top: 2px;
}