.fronttext { font-family: trebuchet MS, arial, verdana, helvetica; font-size: 14px; font-weight: normal; color: #135A3C} .btext { font-family: verdana,trebuchet MS, arial, helvetica; font-size: 13px; font-weight: normal; color: #ffffff} .btext a:link { color: #ffffff; text-decoration: underline} .btext a:visited { color: #ffffff; text-decoration:underline } .btext a:hover {color: #EFE5C2; text-decoration: none} .btext h1 { font-family: Arial Rounded MT Bold, arial, verdana,trebuchet MS, helvetica; font-size: 22px; font-weight: bold; color: #ffffff} .btext h2 { font-family: Arial Rounded MT Bold, arial, verdana,trebuchet MS, helvetica; font-size: 16px; font-weight: bold; color: #ffffff} .btext {line-height: 150%; } .bullets { font-family: trebuchet MS, arial, verdana, helvetica; font-size: 12px; font-weight: normal; color: #ffffff} .bullets a:link, .bullets a:visited { color: #ffffff; text-decoration: underline} .toplinks { font-weight: bold; font-size:15px } .btext2 { font-family: trebuchet MS, arial, verdana, helvetica; font-size: 13px; font-weight: bold; color: #ffffff;} .btext2 a:link { color: #ffffff; text-decoration: none; border-bottom-width:1px; border-bottom-color:#74CF9C; border-bottom-style:solid; display:block; padding-left:10px} .btext2 a:visited { color: #ffffff; text-decoration: none; border-bottom-width:1px; border-bottom-color:#74CF9C; border-bottom-style:solid; display:block; padding-left:10px} .btext2 a:hover { color: #ffffcc; text-decoration: none; border-bottom-width:1px; border-bottom-color:#ffffff; border-bottom-style:solid; display:block; background:url('images/green.png')} .btext2 {line-height: 160%; } .btext3 { font-family: verdana,trebuchet MS, arial, helvetica; font-size: 12px; font-weight: normal; color: #ffffff} .btext3 a:link { color: #ffffff; text-decoration: none} .btext3 a:visited { color: #ffffff; text-decoration: none} .btext3 a:hover { color: #ffffcc; text-decoration: underline} .btext3 {line-height: 150%; } .btext3 h1 { font-family: verdana,trebuchet MS, arial, helvetica; font-size: 14px; font-weight: normal; color: #ffffff; ; font-weight: bold; font-style:normal;} .black {color:black ; font-family: trebuchet MS, arial, verdana, helvetica; font-size: 14px;} INPUT, TEXTAREA, select { color: #606060; font-family: arial, verdana, ms sans serif; font-size: 8pt; font-weight: normal;} body {background: #78A76E; margin:10px} table#1 { border: #FFFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px} .tabletext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight: normal; color: #FFFFFF} .tabletop { font-family: Arial, Verdana, Helvetica; font-size: 13px;background: #3F5C47 ; font-weight: normal; color: #FFFFFF; height:40px} .tabletop a:link { color: #FFFFFF; text-decoration: none} .tabletop a:visited { color: #FFFFFF; text-decoration:none } .tabletop a:hover {color: #000066; text-decoration: underline} #tableback { background: #3F5C47; border-collapse: collapse; border: 1px solid #78A76E cell-paddding:0px} #cellbg { background: #AF2020 } .text { font-family: georgia, arial, verdana, helvetica; font-size: 13px; font-weight: normal; color: #000000} .text a:link { color: #000000; text-decoration: underline} .text a:visited { color: #000000; text-decoration:underline } .text a:hover {color: #dddddd; text-decoration: none} .text {line-height: 200%; } #all {height:100%; width:100%; vertical-align:center; ; align:center} #front { background: url('images/front-cover.jpg') no-repeat center center; height: 652px; width:900px; text-align:left} #comforts { background: url('images/comforts.jpg') no-repeat center center; height: 652px; width:900px; text-align:left} #fishing { background: url('images/fishing-lake.jpg') no-repeat center center; height: 652px; width:900px; text-align:left} #farmhouse { background: url('images/farmhouse.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #availability { background: url('images/availability.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #farmhousebg { background: url('images/farmhouse_bg.jpg') repeat-y center; height:100%} #barnstables { background: url('images/barn-stables.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #barnstablesbg { background: url('images/barn-stables-bg.jpg') repeat-y center; height:100%} #cornercottage { background: url('images/corner-cottage.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #holidaycottages { background: url('images/holiday-cottage.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #cornercottagebg { background: url('images/corner-cottage-bg.jpg') repeat-y center; height:100%} #left { position: relative; margin-top:-20px !important; margin-top:0px ; top:0px; height: 652px; width:200px; float:left;} #tariff { background: url('images/tariff.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #tariffbg { background: url('images/tariff-bg.jpg') repeat-y center; } #box { width:860px !important; width:900px; background: #79B077; text-align:left; padding:20px} #frontlinks { position: relative; height: 522px; margin-left: 50px; width:150px; text-align:left; padding-top:10px } #address { position: relative; height: 100px; margin-left: 50px; width:150px; text-align:left; } #centre { position: relative; margin-left: 60px; width:370px; text-align:left; float:left; padding-top:100px} #centreright { position: relative; margin-left: 60px; width:600px; text-align:left;float:left; padding-top:60px} #centreright2 { position: relative; margin-left: 25px; width:665px; text-align:left;float:left; padding-top:60px} #right { position: relative; width:240px; text-align:left; float:left; padding-left:30px} #rightpadded { position: relative; width:220px !important; width:240px; text-align:left; float:left; padding-left:40px ; padding-top:20px} #welcome { position: absolute; z-index: 3; top: 50%; left:50%; height: 652px; margin-left: -200px; width:600px; margin-top: -326px} #cottages { background: url('images/green.png') } #iw { background: url('images/isle-of-wight.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #iwbg { background: url('images/isle-of-wight-bg.jpg') repeat-y center; } #location { background: url('images/location.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #locationbg { background: url('images/locationbg.jpg') repeat-y center; } #terms { background: url('images/terms.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #termsbg { background: url('images/termsbg.jpg') repeat-y center; } #nettlecombefarm { background: url('images/nettlecombefarm.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #nettlecombefarmbg { background: url('images/nettlecombefarmbg.jpg') repeat-y center; } #activities { background: url('images/activities.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #activitiesbg { background: url('images/activitiesbg.jpg') repeat-y center; } #contact { background: url('images/contact.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #contactbg { background: url('images/contactbg.jpg') repeat-y center; } #events { background: url('images/events.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #eventsbg { background: url('images/events-bg.jpg') repeat-y center} #guestbook { background: url('images/guestbook.jpg') no-repeat top center; height: 652px; width:900px; text-align:left} #guestbookbg { background: url('images/guestbook-bg.jpg') repeat-y center; } #padding { margin-left: 80px;} #clear {clear:all} table#cal { text-align: center} td#9 { border: #aaaaaa; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} p.pagehead {text-decoration:none; font-size:16px; font-weight:650; font-family:georgia, tahoma, verdana, arial; color: #ffffff;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } td#creamone {background:url('images/green.png')} td#creamtwo {background:url('images/green2.png')}