body {color:#333; background:#095d37 url(../images/background.png) repeat-x; margin: 0; font-family: "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;} h1,h2,h3 {margin:0 0 0.2em 0; padding:0;} h1,h2,h3,h4,h5,h6 {color:#333; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;} a {color:#999; text-decoration:none;} a:hover {color:#000;} form,fieldset {border:none; margin:0; padding:0;} input,form {color:#262626;} ul, ol {margin:0; padding:0} ul {list-style-type:none;} #colright ul { padding-left: 40px; list-style-type: disc; } .openinghours { display: block; } ul.horizontal li {display:inline;} /* hr.doublespace {background: none; color: #fff; margin: 0 0 2.8em;} hr {background:#cecece;} .colborder {padding-right: 24px; margin-right: 19px; border-right: 1px solid #cecece;} .invcolborder {padding-right: 24px; margin-right: 25px;} .invcolborder2 {padding-right: 6px; margin-right: 25px;} .borderbottom {margin-bottom:1.4em; padding-bottom:1.3em; border-bottom: 1px solid #cecece;} .bordertop {margin-top:1.2em; padding-top:1.3em; border-top: 1px solid #cecece;} pre {font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase; font-weight:bold; color:#4275a1;} em {background:none; font-style:normal;} img.right {float:right; padding:0.3em 0 0.3em 1em;} */ /* Links */ #links { width: 960px; height:36px; margin-top:15px} #links ul, #links li {height:36px;} #links li {display:inline; float:left;} #links ul li span {visibility:hidden;} #links ul li a {height:36px; display:block;padding:0 19px;} #links ul li a.home { width:55px; background:url(../images/li_home.gif) no-repeat 50% 11px;} #links ul li a.home:hover { width:55px; background:url(../images/li_home.gif) no-repeat 50% -25px;} #links ul li a.homeCUR { width:55px; background: #fff url(../images/li_home_cur.gif) no-repeat 50% 70%;} #links ul li a.aboutus { width:89px; background: url(../images/li_aboutus.gif) no-repeat 50% 11px;} #links ul li a.aboutus:hover { width:89px; background: url(../images/li_aboutus.gif) no-repeat 50% -25px;} #links ul li a.aboutusCUR { width:89px; background: #fff url(../images/li_aboutus_cur.gif) no-repeat 50% 70%;} #links ul li a.farmshop { width:101px; background:url(../images/li_farmshop.gif) no-repeat 50% 11px;} #links ul li a.farmshop:hover { width:101px; background:url(../images/li_farmshop.gif) no-repeat 50% -25px;} #links ul li a.farmshopCUR { width:101px; background: #fff url(../images/li_farmshop_cur.gif) no-repeat 50% 70%;} #links ul li a.thefarm { width:90px; background:url(../images/li_thefarm.gif) no-repeat 50% 11px;} #links ul li a.thefarm:hover { width:90px; background:url(../images/li_thefarm.gif) no-repeat 50% -25px;} #links ul li a.thefarmCUR { width:90px; background: #fff url(../images/li_thefarm_cur.gif) no-repeat 50% 70%;} #links ul li a.products { width:96px; background:url(../images/li_products.gif) no-repeat 50% 11px;} #links ul li a.products:hover { width:96px; background:url(../images/li_products.gif) no-repeat 50% -25px;} #links ul li a.productsCUR { width:96px; background: #fff url(../images/li_products_cur.gif) no-repeat 50% 70%;} #links ul li a.newsevents { width:145px; background:url(../images/li_newsevents.gif) no-repeat 50% 11px;} #links ul li a.newsevents:hover { width:145px; background:url(../images/li_newsevents.gif) no-repeat 50% -25px;} #links ul li a.newseventsCUR { width:145px; background: #fff url(../images/li_newsevents_cur.gif) no-repeat 50% 70%;} #links ul li a.contact { width:114px; background:url(../images/li_contact.gif) no-repeat 50% 11px;} #links ul li a.contact:hover { width:114px; background:url(../images/li_contact.gif) no-repeat 50% -25px;} #links ul li a.contactCUR { width:118px; background: #fff url(../images/li_contact_cur.gif) no-repeat 50% 70%;} /* BODY */ #bodywrapper { width: 960px; margin: 0 auto; border: 0px solid #ff0; position: static; } #header { border: 0px solid black; height: 185px; width: 893px; margin:7px auto; } #header #strokel { border:0px solid #fff;float: left; width: 310px; height:87px;padding:0;padding-top:50px;color:#fff;text-align:center} #header #logo { float: left; width: 273px; height:185px; background:transparent url(../images/header_logo.gif) no-repeat} #header #stroker { float:left; width: 310px; height:87px;color:#fff;padding-top:50px;text-align:center} #header h1, #header h2 {visibility:hidden} #header hr {border:0;height:2px;background-color:#fff;color:#fff;width:50%;margin-top:4px} #header #strokel .textblock { font-size:0.7em; color:#fff;padding:0;margin:0; } #header #strokel .textblock .openinghours { text-align:center;display:block;padding:0;margin:0;border:0px solid #fff; } #header #stroker .textblock { font-size:0.7em; color:#fff;padding:0;margin:0; } #header #stroker .textblock .openinghours { text-align:center;display:block;padding:0;margin:0;border:0px solid #fff; } #header .head-h4 h4 {color:#fff;font-weight:normal;font-size:1em;display:none} #header #head-farm {margin:10px 0 5px;height:38px;background:transparent url(../images/heading-opening-farmshop.gif) 50% 100% no-repeat} #header #head-tea {margin:10px 0 5px;height:38px;background:transparent url(../images/heading-opening-tearooms.gif) 50% 100% no-repeat} .bodywrapper h2{ font-size: 1.2em; color: #fff; } #contentwrapper { width: 940px; background-color: #fff; padding: 10px 10px 20px 10px; font-size: 0.8em; border: 0px solid red; position:relative; } #contentwrapper h3 {display:none} #contentwrapper p { padding:0 15px; text-align: justify;} #contentwrapper h5 {font-size:1em; color:#085d37; margin:0} .imagewrapper { border:2px solid #085d37; padding: 3px;} .imagewrapper.front {width: 922px; margin: 0px auto;} #imgrotate { border:4px solid #085d37; } #footer { width: 940px; background-color: #053c23; padding: 15px 10px 10px 10px; margin:0 0 30px; color: #ccc; font-size: 0.7em; position: relative; } #footer hr {display:none} #footer a:hover {color: #fff} #footer p { margin:0; padding: 0} #footer span {color:#fff} #footer #ftleft { width:50%;} #footer #ftright { text-align:right; position: absolute; right: 10px; top: 15px;width:30%;} /*Image Wrapper*/ /*.contentimgwrapper {border: 2px solid #085d37;padding: 5px;width: 377px; margin: 5px 0;}*/ .contentimgwrapper {border: 2px solid #085d37;padding: 5px;margin: 5px 0;position: relative;} .contentimgwrapper span.comment {position:absolute; right:20px; font-style:italic; color:#999} /*Page Styles*/ /*- Dual Column */ #contentwrapper #colleft { float:left; width:50%; } #contentwrapper #colright { float: left; width:50%;} #contentwrapper #colleft p, #contentwrapper #colright p {margin-top: 10px; } #contentwrapper #colleft h5, #contentwrapper #colright h5 {margin: 10px 15px 0; } /*- Dual Column, Smaller Right */ #contentwrapper #colleftBig { float:left; width:57%; } #contentwrapper #colrightSmall { float: left; width: 43%;} #contentwrapper #colleftBig p, #contentwrapper #colrightSmall p {margin-top: 10px; } #contentwrapper #colleftBig h5, #contentwrapper #colrightSmall h5 {margin: 10px 15px 0; } #contentwrapper #colrightSmall .contentimgwrapper {margin-right: 14px;} /*- Heading Column */ #contentwrapper #colhead {height:130px; } /* - News Post */ /*#contentwrapper .newspost h4 {margin:0 0 -20px; padding:0 15px; color:#085d37;font-size:1.3em}*/ /*#contentwrapper .newspost h4 {margin:10px 0 0; padding:0 15px; color:#085d37;font-size:1.3em}*/ #contentwrapper h4 {margin:10px 0 0; padding:0 15px; color:#085d37;font-size:1.3em} #contentwrapper .newspost h5 {margin-bottom:-5px; padding:0 15px; color:#b3b3b3; font-size:0.9em} /*- About Us Gallery */ #biowrapper ul { width: 450px;} #biowrapper li { margin:0 7px 15px;width:136px; border:0px solid pink; float:left } #biowrapper li a {border:3px solid #085d37; display:block; padding:0;outline:none; width:130px; height:160px; margin:0;} #biowrapper li em { margin-top:1.4em; display:block; text-align:center; font-size: 0.9em } #biowrapper li span { margin-top:165px; display:block; text-align:center; font-weight:bold} #biowrapper li a.person1 { height: 160px; width: 130px; background: transparent url(../images/bio_noimage.jpg) no-repeat top left} #biowrapper li a.person1:hover { border:3px solid #333;} #biowrapper li a.person2 { height: 160px; width: 130px; background: transparent url(../images/bio_noimage.jpg) no-repeat top left} #biowrapper li a.person2:hover { border:3px solid #333;} #biowrapper li a.person3 { height: 160px; width: 130px; background: transparent url(../images/bio_noimage.jpg) no-repeat top left} #biowrapper li a.person3:hover { border:3px solid #333;} #animalswrapper ul { float:left; border:1px solid red; width: 45%;} #animalswrapper li { margin:0 7px 15px;width:136px; float:left } #animalswrapper li a {border:3px solid #085d37; display:block; padding:0;outline:none; height:150px; margin:0; background: transparent url(../images/animal_trans.png) repeat-x bottom left} #animalswrapper li a:hover { background: transparent url(../images/animal_trans_over.png) repeat-x bottom left} #animalswrapper li em { margin-top:1.4em; display:block; text-align:center; font-size: 0.9em } #animalswrapper li span { margin-top:150px; display:block; text-align:center; font-weight:bold} #animalswrapper li .cow5 { background: transparent url(../images/content/thisisacow.jpg) no-repeat top left } #animalswrapper li a.cow1 { text-align:center; height: 150px; width:160px; } #animalswrapper li a.cow1:hover { border:3px solid #333;} #sublinkwrapper { /* REMOVE MARGINS WHEN ALL BUTTONS ARE UN-COMMENTED!! */ margin-left: 195px; margin-right: 195px; } #sublinkwrapper ul {margin-left: 10px; height:112px; float: left; } #sublinkwrapper li {margin: 0 10px 15px; float: left; } #sublinkwrapper li a {color:#fff; display:block; width:112px; height: 111px; font-size:1.2em; } #sublinkwrapper li a span {border:3px solid #ccc; text-align:center; padding:74% 0 0 0;display:block;height:21%; background:transparent url(../images/animal_trans_off.png) repeat-x 0% 100%} #sublinkwrapper li a span.cur {border:3px solid #085d37; text-align:center; padding:74% 0 0 0;display:block;height:21%; background:transparent url(../images/animal_trans_over.png) repeat-x 0% 100%} #sublinkwrapper li a span:hover {cursor:pointer; background:transparent url(../images/animal_trans.png) repeat-x 0% 100%} #sublinkwrapper li a span.cur:hover {cursor:pointer; background:transparent url(../images/animal_trans.png) repeat-x 0% 100%} #sublinkwrapper li.cur {padding-bottom:16px; background:transparent url(../images/subli_arrow.png) no-repeat 50% 100%} #sublinkwrapper li a.meat {background:transparent url(../images/content/btn-products-meat.jpg) no-repeat top left} #sublinkwrapper li a.dairy {background:transparent url(../images/content/btn-products-dairy.jpg) no-repeat top left} #sublinkwrapper li a.preserves {background:transparent url(../images/content/btn-products-preserves.jpg) no-repeat top left} #sublinkwrapper li a.drink {background:transparent url(../images/content/btn-products-drink.jpg) no-repeat top left} #sublinkwrapper li a.vegetables {background:transparent url(../images/content/btn-products-vegetables.jpg) no-repeat top left} #sublinkwrapper li a.misc {background:transparent url(../images/content/btn-products-msic.jpg) no-repeat top left} #sublinkwrapper li a.suppliers {background:transparent url(../images/content/btn-products-suppliers.jpg) no-repeat top left} #thefarmlinkwrapper { } #thefarmlinkwrapper ul {margin-left: 5px; float:left; height:112px; } #thefarmlinkwrapper li {margin: 0 0 15px; float:left; padding-right: 10px; padding-left: 10px; } #thefarmlinkwrapper li a {color:#fff; display:block; width:135px; height:112px; font-size:1.2em; } #thefarmlinkwrapper li a span {font-size: 0.9em;border:3px solid #ccc; text-align:center; padding:65% 0 0 0;display:block;height:18%; background:transparent url(../images/animal_trans_off.png) repeat-x 0% 100%} #thefarmlinkwrapper li a span.cur {border:3px solid #085d37; text-align:center; padding:65% 0 0 0;display:block;height:18%; background:transparent url(../images/animal_trans_over.png) repeat-x 0% 100%} #thefarmlinkwrapper li a span:hover {cursor:pointer; background:transparent url(../images/animal_trans.png) repeat-x 0% 100%} #thefarmlinkwrapper li a span.cur:hover {cursor:pointer; background:transparent url(../images/animal_trans.png) repeat-x 0% 100%} #thefarmlinkwrapper li.cur {padding-bottom:16px; background:transparent url(../images/subli_arrow.png) no-repeat 50% 100%} #thefarmlinkwrapper li a.beltgallow {background:transparent url(../images/content/btn-farm-beltedgallowaycow1.jpg) no-repeat top left} #thefarmlinkwrapper li a.longhorn {background:transparent url(../images/content/btn-farm-longhorncow.jpg) no-repeat top left} #thefarmlinkwrapper li a.sdevon {background:transparent url(../images/content/btn-farm-southdevoncow.jpg) no-repeat top left} #thefarmlinkwrapper li a.wwoodland {background:transparent url(../images/content/btn-farm-whitefacedwoodlandssheep.jpg) no-repeat top left} #thefarmlinkwrapper li a.wwoodland span {padding:60% 0 0 0; line-height:0.9em; height: 23%} /* This will fit two lines of text into the */ #thefarmlinkwrapper li a.jacob {background:transparent url(../images/content/btn-farm-jacobsheep.jpg) no-repeat top left} #thefarmlinkwrapper li a.portland {background:transparent url(../images/content/btn-farm-portlandsheep.jpg) no-repeat top left} /*A block of text, address, opening hours e.t.c... to match

*/ #contentwrapper .textblock {margin:0 15px;} #contentwrapper .textblock p { margin:0 -15px; text-align:justify} #contentwrapper .textblock .day {display:block; width: 200px; float:left; clear:both; font-weight:bold; text-align: left; padding-right:10px} #contentwrapper .textblock .hours {display:block;} #address {margin-top:10px; font-weight:bold} /* Google Maps */ #gMap {border:3px solid #085d37; overflow:hidden;} /*...this is temporary...*/ #imageplacewrapper { height:414px; background-color:#999} .temp {display: block; width: 350px;margin: 150px auto;color: #999;font-size: 1.3em; font-style: italic; text-align: center;} .temp1 {display: block; width: 100%;margin: 20px auto;color: #999;font-size: 1.3em; font-style: italic; text-align: center;} /*Clear Floats*/ #contentwrapper:after, #sublinkwrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Forms */ .contactform {margin:10px 0 0 15px; padding: 0 0px; width: 90%; font-size: 1em; background: transparent; overflow: visible; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, helvetica, arial, sans-serif;} .contactform p {margin:0; padding:0; color:#fff; font-size: 110%;} .contactform form {margin: 0; padding: 0; width: 100%;} .contactform .error {font-weight:bold;padding:0;margin:5px 0;font-size:1em;color:#FF0000} .contactform .okay {font-style:italic;font-weight:bold;text-align:center;padding:20px 0;margin:5px 0;font-size:1em;color:#999} .contactform form input.thin {display: block; margin:0 0 5px 0; padding:3px; font-size: 100%; width:100%; background: #f7f7f7; border: 3px solid #085d37; color: #5b5b5b; overflow: hidden;} .contactform form input.thin:focus {padding:3px; background: #fff; border: 3px solid #07492c; color: #737373; overflow: hidden;} .contactform form input.error {font-weight:normal;font-style:normal;display: block; margin:0 0 5px 0; padding:3px; font-size: 100%; width:100%; background: #ec6e6e; border: 3px solid #085d37; color: #fff; overflow: hidden;} .contactform form textarea {overflow: auto; display: block; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, helvetica, arial, sans-serif; font-size: 100%; line-height: normal; margin:0pt 0pt 10px; padding:3px; width:100%; background: #f7f7f7; border: 3px solid #085d37; color: #5b5b5b;} .contactform form textarea:focus {color: #737373; background: #fff; border: 3px solid #07492c;} .contactform form textarea.error { font-weight:normal;font-style:normal;background: #ec6e6e; border: 3px solid #085d37; color: #fff;} .contactform form label.small {display: block; color: #fff; line-height:1.8em} .contactform form label span {border:1px solid #085d37; background-color:#085d37; padding: 4px} .contactform form .submit {background: #085d37; height: 1.8em; border: 0px solid #085d37; color: #fff; font-weight: normal; padding: 0 5px; margin: 0;} .contactform form .submit:hover {cursor:pointer; background: #444; height: 1.8em; border: 0px solid #666; color: #fff; font-weight: normal; padding: 0 5px; margin: 0;} .contactform form .submit:active {background: #333; height: 1.8em; border: none; color: #fff;} fieldset #loading {float:left;} /*Slideshow*/ #show {width: 922px;} #showsm {} .slideshow-images { height: 282px; /*width: 400px;*/ } .slideshow-images-visible { opacity: 1; } .slideshow-images-prev { opacity: 0; } .slideshow-images-next { opacity: 0; } .slideshow-images img { float: left; left: 0; top: 0; }