/*
 Screen style    
 Site: Hatton Farm Village
*/
html { height: 100%; }
body { height: 100%; font-size: 75%; padding: 0; background: #fffbdc; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#inner:after, .holiday-event:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#wrapper { width: 900px; min-height: 100%; padding: 0 9px; margin: 0 auto; background: #fff url(../images/bg/wrapper2.gif) repeat-y; }

/* Header */
#header { height: 279px; position: relative; padding-bottom: 2px; background: #fff; }
#header .logo {
	position: absolute;
	width: 209px;
	height: 135px;
	top: 11px;
	left: 32px;
	z-index: 4;
	text-align: center;
	line-height: 100px;
}
#header .logo span {
	background-image: url(../images/text/logo.png);
}
#header .slogan { position: absolute; top: 150px; left: 25px; z-index: 5; }
#header .slogan img { display: block; }
#header .top-nav { position: absolute; top: 0; right: 19px; z-index: 100; }
#header .top-nav .accessibility { display: none; }
#header .top-nav .shop {
	width: 110px;
	height: 42px;
}
#header .top-nav .shop span {
	background-image: url(../images/text/farm-shop.gif);
}
#header .top-nav .social { width: 110px; height: 49px; margin-top: 10px; }
#header .top-nav .social span { background-image: url(../images/buttons/facebook.png); }
#wrapper .top-nav-home { position: absolute; top: 0; right: 19px; z-index: 900; }
#wrapper .top-nav-home .accessibility { display: none; }
#wrapper .top-nav-home .shop { width: 110px; height: 39px; }
#wrapper .top-nav-home .shop span { background-image: url(../images/text/farm-shop.gif); }
#wrapper .top-nav-home .social { width: 110px; height: 49px; margin-top: 10px; }
#wrapper .top-nav-home .social span { background-image: url(../images/buttons/facebook.png); }
#wrapper .top-nav-home  .icons {
	margin-right: 10px;
	padding: 0px;
}
#header .top-image { position: absolute; top: 0; left: 0; width: 900px; height: 279px; z-index: 2; }
#header .top-image img { display: block; position: absolute; top: 0; left: 0; z-index: 2; }
#header .top-image .curve { width: 900px; height: 176px; position: absolute; top: 0; left: 0; z-index: 3; background: url(../images/bg/top-image-curve.png) no-repeat; }
#header .top-image .girl-head { display: block; position: absolute; top: 30px; left: 396px; z-index: 4; }

#header .homeslide {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 279px;
	z-index: 1;
	background-image: url(../images/slideshow/slide1.jpg);
}

#header .homeslide p {
	display: none;
}
/* Navigation */
#nav { height: 41px; width: 890px; padding: 0 5px; background: #fff; }
#nav li { float: left; }
#nav a { display: block; height: 41px; line-height: 41px; overflow: hidden; position: relative; text-align: center; text-decoration: none; z-index: 1; background: #bdd26b; color: #000; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background: #e3da3a; color: #fff; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a.nav01 { width: 80px; }
#nav a.nav02, #nav a.nav07 { width: 88px; }
#nav a.nav03 { width: 123px; }
#nav a.nav04 { width: 139px; }
#nav a.nav05 { width: 121px; }
#nav a.nav06 { width: 162px; }
#nav a.nav08 { width: 89px; }
#nav a.nav01 span { background-image: url(../images/nav/01.gif); }
#nav a.nav02 span { background-image: url(../images/nav/02.gif); }
#nav a.nav03 span { background-image: url(../images/nav/03.gif); }
#nav a.nav04 span { background-image: url(../images/nav/04.gif); }
#nav a.nav05 span { background-image: url(../images/nav/05.gif); }
#nav a.nav06 span { background-image: url(../images/nav/06.gif); }
#nav a.nav07 span { background-image: url(../images/nav/07.gif); }
#nav a.nav08 span { background-image: url(../images/nav/08.gif); }

/* Inner wrapper */
#inner { padding: 35px 19px 28px 40px; background: #fff; }
.home #inner {
	padding-top: 32px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 19px;
}
.explore #inner { padding: 32px 20px 35px 19px; }

/* Content */
#content { float: left; width: 543px; margin-top: 4px; min-height: 265px; }
#content a:hover { background: #171717; color: #fff; text-decoration: none;  }
#content ul { list-style: square; margin: 0.5em 0 1.75em 27px; }
#content ul.list-after-paragraph { margin-top: -1em; }
#content ol { list-style: decimal; margin: 0.5em 0 1.75em 27px; }
#content li { margin-bottom: 0.5em; }
#content ul.sitemap { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content ul.privacy { margin: -1em 0 1em 17px; list-style: none; }
#content .back { font-size: 1.18em; }
#content strong.new { color: #c10d0c; }
#content .note {
	font-size: 11px;
	line-height: 18px;
}
#content .party-price strong {
	font-size: 18px;
	color: #c00;
}
#content .terms { margin-top: 2.5em; }
#content .terms h3 { margin-bottom: 0.5em; }
#content .terms li { font-size: 0.92em;  }
#content .from {
	font-size: 1.09em;
	color: #c10d0c;
	padding-top: 10px;
	float: left;
}

/* Events */
table.events { margin-bottom: 1em; }
table.events td { font-size: 1.09em; }

/* Holiday events */
.holiday-event .decor {
	display: block;
	float: left;
	border: 1px solid #ccc;
	margin-top: 15px;
}
.holiday-event .inner { margin-left: 145px; }

/* Prices */
table.prices th { padding-left: 10px; }
table.prices .top th {
	text-align: left;
	padding-left: 15px;
}
table.prices th em { font-weight: normal; font-style: normal; font-size: 0.92em; }
table.prices td {
	padding: 10px 15px;
}
table.prices {
	border: 1px solid #EBEBEB;
	width: 543px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h4.prices {
	width: 528px;
	background-color: #EBEBEB;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#important-info {
	border: 1px dashed #CC0000;
	width: 500px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFE8E8;
}

#important-info p {
margin: 3px; 
}
/* Sidebar */
#sidebar { float: right; width: 213px; }

/* Secondary navigation */
#sidebar .sec-nav { margin: 10px 0 30px 0; }
#sidebar .sec-nav h2 { font-size: 1.17em; margin-bottom: 15px; }
#sidebar .sec-nav li { margin: 0 0 8px 8px; padding-left: 18px; background: url(../images/bg/square.gif) 0 6px no-repeat; }
#sidebar .sec-nav a { text-decoration: none; color: #86993b; }
#sidebar .sec-nav a:hover { text-decoration: underline; }
#sidebar .sec-nav a.current { font-weight: bold; color: #0a4837; }

/* Event */
.event { background: #a9ba5d url(../images/bg/event.jpg) no-repeat; width: 212px; position: relative; }
.event .inner { background: url(../images/bg/event.jpg) bottom no-repeat; padding: 0 25px 6px 20px; width: 167px; }
.event .next { margin: 0; position: absolute; top: 0; left: 0; }
.event .next img { display: block; }
.event .top-photo { display: block; }
.event h2 { color: #fff; margin: -6px -4px 0 -5px; }
.event h3 { font-size: 1em; margin-top: 0; }
.event p { margin: 0; }
.event p a{ color: #c10d0c; }
.event .explore { text-align: right; margin: 0 -13px 0 0; }
.event .explore a:hover { background: none !important; }

/* Special Event */
.event-horses-help-heros { background: #002f65 url(../images/bg/horses-help-heros-bg.gif) no-repeat; width: 212px; position: relative; margin-top: 15px; }
.event-horses-help-heros .inner { background: url(../images/bg/horses-help-heros-bg.gif) bottom no-repeat; padding: 0 25px 6px 20px; width: 167px; }
.event-horses-help-heros .next { margin: 0; position: absolute; top: 0; left: 0; }
.event-horses-help-heros .next img { display: block; }
.event-horses-help-heros .top-photo { display: block; }
.event-horses-help-heros h2 { color: #fff; margin: -6px -4px 0 -5px; }
.event-horses-help-heros h3 { font-size: 1em; margin-top: 0; }
.event-horses-help-heros p { margin: 0; }
.event-horses-help-heros p a{ color: #c10d0c; }
.event-horses-help-heros .explore { text-align: right; margin: 0 -13px 10px 0; }
.event-horses-help-heros .explore a:hover { background: none !important; }

/* Holiday Event */
.holevent {
	position: relative;
	z-index: 1;
	width: 125px;
	clear: both;
	float: left;
}
.holevent .nexthol img {
	margin: 0;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 1001;
	height: 70px;
	width: 82px;
}
.holevent .decor {
	z-index: 100;
	width: 125px;
}
.holevent2 .inner {
	display: block;
	float: left;
}
.holevent2 {
	z-index: 1;
	width: 140px;
	padding: 0px;
	height: 140px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
.holevent2 .nexthol img {
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1001;
	padding: 0px;
	height: 70px;
	width: 82px;
}
.holevent2 .pic {
	z-index: 100;
	padding: 0px;
	margin: 0px;
}
.exploresections h3 {
	padding: 0px;
	margin: 0px;
}
.exploredouble {
	float: left;
	padding: 0px;
	width: 350px;
	border: 2px dotted #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.exploresections {
	float: left;
	height: 205px;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	width: 150px;
}


/* Winners */
.winners { background: #c10d0c url(../images/bg/winners.gif) no-repeat; padding-top: 17px; color: #fff; margin-top: 12px; }
.winners .inner { background: url(../images/bg/winners.gif) bottom no-repeat; padding: 0 4px 5px 4px; }
.winners h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 12px;
	padding-right: 10px;
}

.winners p {
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 13px;
	padding-right: 10px;
}

.winners li { padding: 10px 15px 0 15px; margin-bottom: 2px; background: url(../images/bg/line1.gif) repeat-x; }
.winners .date { padding-left: 19px; background: url(../images/bg/date.gif) left center no-repeat; }
.winners .explore {
	margin-right: 10px;
	text-align: right;
	margin-bottom: 5px;
	margin-top: 0px;
}

/* Home Page */
.home #content { float: none; width: auto; }

/* Home Columns */
.home-col1 { float: left; width: 321px; }
.home-col2 { float: left; width: 301px; margin-left: 13px; }
.home-col3 { float: right; width: 212px; }
.home-col1n2 {
	float: left;
	width: 635px;
}

/* Explore map */
.explore-map img { display: block; margin-bottom: 1px; }

/* Free prize */
.free-prize { background: url(../images/bg/free-prize.jpg) no-repeat; padding: 30px 9px 5px 136px; position: relative; height: 113px; }
.free-prize p { margin: 0; }
.free-prize .more { font-size: 0.92em; color: #171717;}
.free-prize .explore { position: absolute; top: 102px; left: 234px; }
.free-prize .explore img { display: block; }

/* Attractions */
.attractions {
	background: url(../images/bg/attractions.jpg) no-repeat;
	position: relative;
	height: 93px;
	margin-top: -9px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 167px;
	padding-bottom: 5px;
	padding-left: 19px;
}
.attractions p { margin: 0; }
.attractions .more { font-size: 0.92em; color: #171717;}
.attractions .explore { position: absolute; top: 80px; left: 216px; }
.attractions .explore img { display: block; }

/* Food-Drink */
.food-drink {
	position: relative;
	background-image: url(../images/text/food-drink.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 60px;
	padding-right: 117px;
	padding-bottom: 16px;
	padding-left: 19px;
}
.food-drink p { margin: 0; }
.food-drink .more { font-size: 0.92em; color: #171717;}
.food-drink .explore { position: absolute; top: 102px; left: 216px; }
.food-drink .explore img { display: block; }

/* bouncing */
.bouncing {
	float: left;
	width: 631px;
	background-image: url(../images/text/bouncing.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-left: 2px;
	padding: 0px;
	position: relative;
	height: 133px;
}
.bouncing p {
	margin: 0;
	line-height: 17px;
	padding-top: 55px;
	padding-right: 180px;
	padding-bottom: 0px;
	padding-left: 159px;
}
.bouncing .explore {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 380px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

.winners .inner .contact-form input {
	border: 1px solid #ccc;
	width: 120px;
	margin-top: 5px;
}
.winners .inner .contact-send {
	margin-top: 5px;
}

/* Titles */
.title-free-prize { width: 168px; height: 26px; margin-bottom: 6px; }
.title-free-prize span { background-image: url(../images/text/title-free-prize.gif); }
.title-attractions { width: 116px; height: 20px; margin-bottom: 12px; }
.title-attractions span { background-image: url(../images/text/title-attractions.gif); }
.title-summer-spectacular { width: 176px; height: 24px; }
.title-summer-spectacular span { background-image: url(../images/text/title-summer-spectacular.gif); }
.title-winners { width: 120px; height: 20px; }
.title-winners span { background-image: url(../images/text/title-winners.gif); }
.title-annual-pass { width: 176px; height: 24px; }
.title-annual-pass span { background-image: url(../images/text/title-annual-pass.gif); }

/* Explore: Interactive */
.explore #inner {
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.explore #content { width: auto; float: none; }

/* Footer */
#footer { clear: both; background: #0d5c46 url(../images/bg/footer.gif) repeat-y; color: #fff; }
#footer .inner {
	background: url(../images/bg/footer-inner.gif) no-repeat top left;
	padding-top: 32px;
	padding-right: 19px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#footer a { color: #fff; }
#footer a:hover { background: #fff; color: #000; text-decoration: none; }

/* Action */
#footer .action { float: right; width: 213px; }
#footer .action .call { width: 213px; height: 43px; margin-bottom: 23px; }
#footer .action .call span { background-image: url(../images/text/call.gif); }
#footer .newsletter .subscribe { display: block; width: 200px; height: 14px; margin-bottom: 8px; }
#footer .newsletter .subscribe span { background-image: url(../images/text/subscribe.gif); }
#footer .newsletter p { margin: 0; }
#footer .newsletter input { vertical-align: middle; margin: 0; }
#footer .newsletter .text-input { border: 1px solid #ccc; border-bottom-color: #a5b2ae; border-right-color: #a5b2ae; padding: 5px 6px; width: 148px; margin: 0 4px 0 0; color: #171717; }

/* vCard */
#footer .vcard {
	float: left;
	width: 600px;
	margin-top: 43px;
}
#footer .vcard p { margin: 0; }
#footer .vcard .sep { margin: 0 9px; }

/* Footer links */
#footer .links { margin-top: 8px; }
#footer .links li { float: left; margin-left: 14px; padding-left: 13px; background: url(../images/bg/footer-sep.gif) left center no-repeat; }
#footer .links li.first { margin: 0; padding: 0; background: none; }
.pic {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	top: 0px;
}
.icon {
	margin-right: 3px;
	margin-bottom: -2px;
}
.pic-table {
	margin-right: 15px;
	float: left;
}
.button {
	margin: 10px;
}
.button a{
	background-color: #FFF;
	color: #FFF;
	display: block;
}

#content a.no-bg:hover { background: transparent; color: inherit; }

#secCode {
	border: 1px solid #CCC;
}
.red {
	color:#C00; }
#friendsline {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #62993B;
	padding-bottom: 20px;
	margin-top: 20px;
}