/* ----- Master Style Sheet for Whitecliff Bay ----- */ /* ----- Author: Mang Creative - 0845 33 12 987 ----- */ /* ----- Year : 2010 ----------------- */ /* ----- Comment : All rights reserved by Mang Creative ----------------- */ /* ----- CSS Document -----*/ body { background: #2E5DAB url(../images/background/wcbbg.jpg) center top no-repeat; background-attachment: fixed; font: 75%/140% "lucida grande",tahoma,verdana,arial,sans-serif; margin: 0 auto; padding: 0px auto; text-align: center; } #wrapper { position: relative; margin-right: auto; margin-left: auto; width: 970px; text-align: left; margin-bottom: 20px; } #container { position:relative; height: auto; } /* ----- Global Styles -----*/ img { border: 0; } .clear { clear: both; } /* ----- Header Styles -----*/ #header { height: 220px; width: 970px; text-align: right; } #header #left { width: 400px; float: left; } #header #right { width: 400px; float: right; text-align: right; } .brochure { padding: 91px 27px 0 0; } a.brochure-request { cursor:hand; float: right; display: block; width: 301px; height: 131px; background: transparent url("../images/features/homepage/brochure-request.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } a:hover.brochure-request { cursor:hand; background-position: -301px 0; } #crumble { width: 100%; height: 25px; margin: -5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } #crumble-list { list-style: none; padding: 0; margin: 0 0 0 -10px; } #crumble-list li { display: inline; padding: 0; margin: 0; } #crumble-list li a { color: #A5A5A5; text-decoration: none; font-size: 11px; padding: 0 10px 0 10px; } #crumble-list li:before { content: "> "; color: #A5A5A5; } #crumble-list li:first-child:before { content: ""; } #breadcrumb { width: 100%; height: 25px; margin: -5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } #crumb { list-style: none; padding: 0; margin: 0; } #crumb li { display: inline; padding: 0; margin: 0; } #crumb li a { color: #78A22F; text-decoration: none; font-size: 95%; } #crumb li:before { content: "> "; color: #cecece; } #crumb li:first-child:before { content: ""; } * html #crumb li { background-image: url("images/gt.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0.5em 0 1em; margin: 0 1em 0 -1em; } * html #crumb { height: 1%; } * html #crumb li { display: block; float: left; } * html #crumb li:first-child { background-image: none; } /* ----- Layout Styles -----*/ #pictorial { width: 970px; height: 300px; } #pictorial-home { margin: 0 0 20px 20px; width: 900px; height: 270px; background: url(../images/header/home.jpg) no-repeat; z-index: -100; } #pictorial-left { width: 100%; float: left; } .pictorial-text { color: #fff; width: 230px; font-size: 120%; margin: -100px 0 0 30px; position: absolute; } .pictorial-text-left { color: #fff; width: 490px; font-size: 120%; margin: 75px 0 0 30px; position: absolute; } * html .pictorial-text-left { color: #fff; width: 235px; font-size: 120%; margin: 150px 0 0 49px; position: absolute; line-height: 1.4em; } .pictorial-text-home { background: url(http://www.wight-holidays.com/images/background/opaqueback.png); color: #fff; width: 450px; font-size: 90%; margin: -260px 0 0 30px; position: absolute; font-family: 'Trebuchet MS'; } #header-image { margin-bottom: 10px; } #content { width: 940px; padding: 20px 15px 0 15px; background: url(../images/background/timber-mid.jpg) repeat-y; } #content #left { width: 160px; float: left; margin: 0 10px 0 0; } #content #left .top { margin: 0; height: 11px; width: 160x; background: url(../images/background/menu-left_03.jpg) no-repeat; } #content #left .middle { width: 140px; padding: 0 10px 0 10px; background: url(../images/background/menu-left_05.jpg) top left repeat; } #content #left .bottom { margin: -12px 0; height: 11px; width: 160px; background: url(../images/background/menu-left_07.jpg) 0 0 no-repeat; } #content #middle { width: 680px; float: left; margin: 0 25px 0 0; } #content #middle .top { height: 11px; width: 680px; background-image: url(../images/background/content-top-700.jpg); background-repeat: no-repeat; text-align: left; } #content #middle .middle { width: 640px; padding: 10px 20px 10px 20px; background: url(../images/background/content-middle-700.jpg) top left repeat; } #content #middle .middle .topimg { margin: 15px 0 15px 0; } #content #middle .middle .content { font-size: 12px; color: #333; line-height: 1.7em; } #content #middle .bottom { height: 14px; width: 680px; background-image: url(../images/background/content-bottom-700.jpg); background-repeat: no-repeat; ; text-align: left; } #content #centre { width: 530px; float: left; margin: 0 5px 0 0; } #content #centre .top { height: 11px; width: 530px; background-image: url(../images/background/content-mid_03.jpg); background-repeat: no-repeat; ; text-align: left; } #content #centre .middle { width: 490px; padding: 10px 20px 10px 20px; background: url(../images/background/content-mid_05.jpg) top left repeat; } #content #centre .middle .topimg { margin: 15px 0 15px 0; } #content #centre .bottom { height: 14px; width: 530px; background-image: url(../images/background/content-mid_07.jpg); background-repeat: no-repeat; ; text-align: left; } #content #right { width: 230px; float: left;} #content #right .top { margin: 0; height: 11px; width: 230x; background: url(../images/background/right-col_03.jpg) no-repeat; } #content #right .middle { width: 210px; padding: 0 10px 15px 10px; background: url(../images/background/right-col_05.jpg) top left repeat; } #content #right .bottom { margin: -12px 0; height: 14px; width: 230px; background: url(../images/background/right-col_07.jpg) 0 0 no-repeat; } #limited-offer { width: 250px; padding: 15px 0; height: 215px; background: url(../images/home/winter-deals.png) top left no-repeat; } #limited-offer a, #limited-offer .countdown a, #limited-offer a.countdown { text-decoration: none; border: 0; } #limited-offer .countdown { margin: 175px 0 0 25px; } #limited-offer .countdown td { font-size: 20px; color: #999; } /* ----- Grid List Styles -----*/ #grid-box { border-top-width:1px; border-top-style:dotted; border-top-color:#3B73B9; vertical-align:text-top; min-height: 100px; padding: 10px; } #grid-box-end { border-top-width:1px; border-top-style:dotted; border-top-color:#3B73B9; vertical-align:text-top; min-height: 5px; padding: 10px; } #grid { margin-right: 10px;} /* ----- Menu Styles -----*/ #menu-holder { background: url(../images/background/menutop.jpg) center top no-repeat; *margin-bottom: -10px; text-align: center; } .offertop {font-size: 120%; color: #fff; font-weight: bold; background: url(http://www.wight-holidays.com/images/background/offerboxtop.jpg);} .offerbox { background: #eeeeee; padding: 15px;} .offerbottom {background: url(http://www.wight-holidays.com/images/background/offerbottom.jpg);} #footer-navlist ul { list-style: none; padding: 0; margin: 0; } #footer-navlist li { display: inline; padding: 0; margin: 0; } #footer-navlist li a { color: #fff; text-decoration: none; } #footer-navlist li:before { content: "| "; } #footer-navlist li:first-child:before { content: ""; } * html #footer-navlist li { border-left: 1px solid white; padding: 0 1em 0 1em; margin: 0 1em 0 -1em; } * html #footer-navlist { height: 1%; } * html #footer-navlist li { display: block; float: left; } * html #footer-navlist li:first-child { border-left: 0; } #submenu-holder { padding-left: 10px; margin: 0px; } * html #submenu-holder { padding-left: 10px; margin: -4px 0 -19px 0; } .submenu-holder { margin: 0 auto; padding: 0; display: block;} .submenu-image { margin: 0 0 5px 0; padding: 0; } #submenu-navlist li { list-style-type: none; margin: 0 0 0 -40px; padding: 1px 0 3px 0; border-bottom: 1px dotted #cecece; } #submenu-navlist li a { color: #004F39; text-decoration: none; font-size: 100%; line-height: 1.65em;} #footermenu-navlist li { list-style-type: none; margin: 0 0 0 -40px; } #footermenu-navlist li a { color: #fff; text-decoration: none; font-size: 90%; line-height: 1.60em; } #sitemap-navlist li { list-style-type: none; margin: 0 0 0 -40px; } #sitemap-navlist li a { color: #333; text-decoration: none; font-size: 100%; line-height: 1.60em; font-family: 'Arial'; } .clearer {clear: both; } /* ----- Home Styles -----*/ #flash-home { margin: 0 10px 0 10px; width: 920px; height: 332px; background: url(../images/header/home.jpg) no-repeat; z-index: -100; } #home { width: 100%; } #home-left { width: 640px; float: left; } #home-right { width: 235px; margin: -80px 30px 0 0; float: right; z-index: -200; } #flash-content { margin: 0 0 0 15px; width: 100%; height: 130px; } #flash-content .box-1 { width: 175px; padding: 0 25px 0 0; float: left; line-height: 1.7em; color: #555; font-size: 95%; } #flash-content .box-2 { width: 175px; padding: 0 25px 0 0; float: left; line-height: 1.7em; color: #555; font-size: 95%; } #flash-content .box-3 { width: 175px; padding: 0 25px 0 0; float: left; line-height: 1.7em; color: #555; font-size: 95%; } #flash-content .box-1 a, #flash-content .box-2 a, #flash-content .box-3 a { color: #2E5DAB; text-decoration: none; } #flash-content .box-1 a:hover, #flash-content .box-2 a:hover, #flash-content .box-3 a:hover { text-decoration: underline; } #latest-news { margin: 20px 20px 0 20px; width: 900px; } #latest-news .news { width: 300px; border-top: 1px solid #E8DDBD; border-bottom: 1px solid #E8DDBD; float: left; margin: 0 20px 0 0; padding: 10px 0 20px 0; } #latest-news .news img { float: left; width: 85px; padding: 0 15px 0 0; } #latest-news .news .right { float: left; width: 200px; margin: 0 0 0 15px; } #latest-news .news a.title { text-decoration: none; color: #2E5DAB; font-weight: bold; font-size: 125%; } #latest-news .news a.title:hover { text-decoration: underline; } #latest-news .news .date { font-size: 80%; color: #888; font-weight: bold; text-transform: uppercase; margin: -55px 0 0 100px; } #latest-news .news .content { line-height: 1.7em; margin: 0 0 0 100px; width: 190px; font-size: 100%; } #latest-news .news a.more { text-decoration: none; color: #2E5DAB; } #home-offers { margin: 0 20px 0 20px; width: 900px; } #home-offers .offers { width: 300px; border-top: 1px solid #E8DDBD; border-bottom: 1px solid #E8DDBD; float: left; margin: 0 20px 0 0; padding: 15px 0 10px 0; } #home-offers .offers .follow { float: right; margin: 10px; } #home-offers .special-offer { width: 300px; padding: 85px 0; height: 35px; background: url(../images/home/offer-temp2.jpg) top left no-repeat; } #home-offers .special-offer a { margin: 0 0 0 225px; color: #069; text-decoration: underline; } #home-offers .special-offer a:hover { text-decoration: none; } #home-offers .accommodation-offer { width: 300px; margin: -73px 0; padding: 85px 0; height: 35px; background: url(../images/home/offer-1.jpg) top left no-repeat; } #home-offers .accommodation-offer a { margin: 0 0 0 220px; color: #069; text-decoration: underline; } #home-offers .accommodation-offer a:hover { text-decoration: none; } #home-offers .camping-offer { width: 300px; margin: -73px 0; padding: 85px 0; height: 35px; background: url(../images/home/offer-2.jpg) top left no-repeat; } #home-offers .camping-offer a { margin: 0 0 0 220px; color: #069; text-decoration: underline; } #home-offers .camping-offer a:hover { text-decoration: none; } #home-right #book-search { height: 222px; width: 233px; float: left; padding: 10px 15px 10px 15px; background: url(../images/home/book-background.png) top left no-repeat; } #home-right #book-search .title { font-size: 110%; font-weight: bold; color: #999; text-align: left; } #home-right #book-search .drop {padding: 2px 1px 2px 1px; font-size: 120%; width: 205px; margin: 5px 0; } #home-right #book-search .home-book { margin: 0 0 10px 0; } #home-right .info { margin: 0 0 0 15px; font-size: 95%; width: 200px; line-height: 1.9em; color: #666;} #home-right .info a { color: #fff; text-decoration: none; float: left; font-weight: bold; } #home-right .info a:hover { text-decoration: underline; } #home-tabbed { width: 940px; margin: 10px 10px 20px 15px; } #home-tabbed-1 { width: 590px; float: left; padding-left: 20px; } #home-tabbed-2 { width: 230px; float: right; margin: 0px 20px 0 0px; font-size: 11px;} #home-content { width: 940px; } #home-content #fullwidth .top {width: 940px; height: 26px; background: url(../images/background/HomePageTop.jpg); background-repeat: no-repeat; } #home-content #fullwidth .middle { width: 940px; background: url(../images/background/HomePageMiddle.jpg) ; min-height: 1020px; overflow: hidden; } #home-content #fullwidth .bookmiddle { width: 940px; background: url(../images/background/HomePageMiddle.jpg); } #home-content #fullwidth .bottom {width: 940px; background: url(../images/background/HomePageBottom.jpg); height: 27px; background-repeat: no-repeat; } #xmas {width:620px; padding-top: 150px; padding-left: 18px;} #xmas p {margin-left: 5px; margin-top: -6px;} #xmastable {padding-left: 150px;} .home-content { font-size: 90%; } .home-feature-content { font-size: 95%; line-height: 1.9em; color: #666;} .home-feature-img { padding: 0 10px 0 0; width: 64px; } .home-feature-content a { color: #fff; text-decoration: none; float: left; font-weight: bold; } .home-feature-content a:hover { text-decoration: underline; } .homepage-right {font-size: 120%; color: #fff; background: url(../images/buttons/homelinkbutton.jpg) no-repeat; padding-left: 10px; padding-bottom: 5px; height: 33px; } .offer { border-bottom: 1px dotted #cecece; padding: 5px 0 5px 0; margin: 5px 0 5px 0; } .offer-title { font-size: 120%; font-weight: bold; color: #444; } .offer-description { font-size: 100%; font-weight: normal; } .offer-price { font-size: 110%; color: #FF0000; font-weight: bold; } a.offer-link { color: #3C97D3; text-decoration: none; font-size: 120%; } a.offer-link:hover { text-decoration: underline; } /* ----- Content Styles -----*/ h1 { font-size: 140%; color: #fff; margin: 0 auto; padding: 0 ; } h2 { font-size: 150%; color: #0D59A7; margin: 0 0 10px 0px;} h3 { font-size: 120%; color: #0D59A7; font-weight: bold; margin: 0 0 5px 0; padding: 0; } h4 { font-size: 115%; color: #78A22F; font-weight: bold; margin: 0 0 0 0px; padding: 0; } h5 { font-size: 110%; color: #0D59A7; font-weight: bold; margin: 0 0 5px 0; padding: 0; } h6 { font-size: 90%; color: #fff; font-weight: bold; margin: 0 auto; padding: 0; } .h2-div { width: 100%; height: 45px; margin: -5px 0 15px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } .h2-div .left { float: left; width: 200px; } .h2-div .right { float: right; width: 250px; text-align: right; } h2.sitemap { width: 400px; height: 36px; background: url("../images/words/h2/sitemap.png") no-repeat; text-indent: -9999px; } h2.Home-1 { width: 165px; height: 16px; margin: 0 0 5px 0; padding: 0; background: url("../images/words/h2/Home/thepark.png") no-repeat; text-indent: -9999px; } h2.Home-2 { width: 165px; height: 16px; margin: 0 0 5px 0; padding: 0; background: url("../images/words/h2/Home/isleofwight.png") no-repeat; text-indent: -9999px; } h2.Home-3 { width: 165px; height: 16px; margin: 0 0 5px 0; padding: 0; background: url("../images/words/h2/Home/canvasvillage.png") no-repeat; text-indent: -9999px; } h2.Home-Latest { width: 229px; height: 30px; margin: 0 0 5px 0; padding: 0; background: url("../images/words/h2/Home/latest.png") no-repeat; text-indent: -9999px; } h2.Home-Live { width: 229px; height: 30px; margin: 0 0 5px 5px; padding: 0; background: url("../images/words/h2/Home/live.png") no-repeat; text-indent: -9999px; } h2.Home-Offers { width: 229px; height: 30px; margin: 0 0 5px 5px; padding: 0; background: url("../images/words/h2/Home/offers.png") no-repeat; text-indent: -9999px; } h2.Xmas { width: 229px; height: 30px; margin: 0 0 5px 5px; padding: 0; background: url("../images/words/h2/Home/xmas.png") no-repeat; text-indent: -9999px; } h2.Accommodation { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/Accommodation.png") no-repeat; text-indent: -9999px; } h2.ComfortCaravans { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/ComfortCaravans.png") no-repeat; text-indent: -9999px; } h2.LuxuryCaravans { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/LuxuryCaravans.png") no-repeat; text-indent: -9999px; } h2.SuperiorCaravans { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/SuperiorCaravans.png") no-repeat; text-indent: -9999px; } h2.ValueCaravans { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/ValueCaravans.png") no-repeat; text-indent: -9999px; } h2.ComfortChalets { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/ComfortChalets.png") no-repeat; text-indent: -9999px; } h2.EconomyChalets { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/EconomyChalets.png") no-repeat; text-indent: -9999px; } h2.SuperiorChalets { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/SuperiorChalets.png") no-repeat; text-indent: -9999px; } h2.ValueChalets { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/ValueChalets.png") no-repeat; text-indent: -9999px; } h2.LuxuryLodges { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/LuxuryLodges.png") no-repeat; text-indent: -9999px; } h2.SuperiorLodges { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/SuperiorLodges.png") no-repeat; text-indent: -9999px; } h2.CanvasVillage { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/CanvasVillage.png") no-repeat; text-indent: -9999px; } h2.BellTent { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/BellTent.png") no-repeat; text-indent: -9999px; } h2.CanvasCottage { width: 400px; height: 36px; background: url("../images/words/h2/Accommodation/CanvasCottage.png") no-repeat; text-indent: -9999px; } h2.Maintenance { width: 400px; height: 36px; background: url("../images/words/h2/BookNow/Maintenance.png") no-repeat; text-indent: -9999px; } h2.AboutthePark { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/AboutThePark.png") no-repeat; text-indent: -9999px; } h2.Play { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/Play.png") no-repeat; text-indent: -9999px; } h2.FindingUs { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/FindingUs.png") no-repeat; text-indent: -9999px; } h2.GuestServices { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/GuestServices.png") no-repeat; text-indent: -9999px; } h2.ParkMap { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/ParkMap.png") no-repeat; text-indent: -9999px; } h2.PhotoGallery { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/PhotoGallery.png") no-repeat; text-indent: -9999px; } h2.TimetoEat { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/TimeToEat.png") no-repeat; text-indent: -9999px; } h2.WhatsNew { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/WhatsNew.png") no-repeat; text-indent: -9999px; } h2.BearInTheWoods { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/BearInTheWoods.png") no-repeat; text-indent: -9999px; } h2.EntertainmentByDay { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/EntertainmentByDay.png") no-repeat; text-indent: -9999px; } h2.EntertainmentByNight { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/EntertainmentByNight.png") no-repeat; text-indent: -9999px; } h2.MyActive { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/MyActive.png") no-repeat; text-indent: -9999px; } h2.MyFirst { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/MyFirst.png") no-repeat; text-indent: -9999px; } h2.SimpleThings { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/SimpleThings.png") no-repeat; text-indent: -9999px; } h2.FurryFriends { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/FurryFriends.png") no-repeat; text-indent: -9999px; } h2.MidsummerNightScreen { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/MidsummerNightScreen.png") no-repeat; text-indent: -9999px; } h2.MagicLounge-a-bout { width: 400px; height: 36px; background: url("../images/words/h2/AboutThePark/MagicLounge-a-bout.png") no-repeat; text-indent: -9999px; } h2.TouringAndCamping { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/TouringAndCamping.png") no-repeat; text-indent: -9999px; } h2.PitchesAndSetting { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/PitchesAndSetting.png") no-repeat; text-indent: -9999px; } h2.SeasonalPitches { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/SeasonalPitches.png") no-repeat; text-indent: -9999px; } h2.GroupsAndRallies { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/GroupsAndRallies.png") no-repeat; text-indent: -9999px; } h2.StandardPitch { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/StandardPitch.png") no-repeat; text-indent: -9999px; } h2.SuperPitch { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/SuperPitch.png") no-repeat; text-indent: -9999px; } h2.ServicedPitch { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/ServicedPitch.png") no-repeat; text-indent: -9999px; } h2.AroundTheCampsite { width: 400px; height: 36px; background: url("../images/words/h2/TouringAndCamping/AroundTheCampsite.png") no-repeat; text-indent: -9999px; } h2.CaravanOwnership { width: 100%; height: 36px; background: url("../images/words/h2/CaravanOwnership/CaravanOwnership.png") no-repeat; text-indent: -9999px; margin: -15px 0; } h2.ForSale { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/ForSale.png") no-repeat; text-indent: -9999px; } h2.EarningMoney { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/EarningMoney.png") no-repeat; text-indent: -9999px; } h2.RunningCosts { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/RunningCosts.png") no-repeat; text-indent: -9999px; } h2.WaystoPay { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/WaysToPay.png") no-repeat; text-indent: -9999px; } h2.ArrangeaVisit { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/ArrangeAVisit.png") no-repeat; text-indent: -9999px; } h2.RequestInfoPack { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/RequestInfoPack.png") no-repeat; text-indent: -9999px; } h2.FAQs { width: 400px; height: 36px; background: url("../images/words/h2/CaravanOwnership/FAQ's.png") no-repeat; text-indent: -9999px; } h2.IsleofWight { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/IsleOfWight.png") no-repeat; text-indent: -9999px; } h2.Golf { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/Golf.png") no-repeat; text-indent: -9999px; } h2.OtherSport { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/OtherSport.png") no-repeat; text-indent: -9999px; } h2.HistoricBuildings { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/HistoricBuildings.png") no-repeat; text-indent: -9999px; } h2.ThemedAttractions { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/ThemedAttractions.png") no-repeat; text-indent: -9999px; } h2.HistoricBuildings { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/HistoricBuildings.png") no-repeat; text-indent: -9999px; } h2.Walking { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/Walking.png") no-repeat; text-indent: -9999px; } h2.GardensAndNature { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/GardensAndNature.png") no-repeat; text-indent: -9999px; } h2.MuseumsAndArt { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/MuseumsAndArt.png") no-repeat; text-indent: -9999px; } h2.Top10 { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/Top10.png") no-repeat; text-indent: -9999px; } h2.GuestFavourites { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/GuestFavourites.png") no-repeat; text-indent: -9999px; } h2.Popular2012Events { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/Popular2011Events.png") no-repeat; text-indent: -9999px; } h2.TownsAndVillages { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/TownsAndVillages.png") no-repeat; text-indent: -9999px; } h2.ZoosAndWildlife { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/ZoosAndWildlife.png") no-repeat; text-indent: -9999px; } h2.PlacesToEat { width: 400px; height: 36px; background: url("../images/words/h2/IsleOfWight/PlacesToEat.png") no-repeat; text-indent: -9999px; } h2.OtherInformation { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/OtherInformation.png") no-repeat; text-indent: -9999px; } h2.Downloads { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/Downloads.png") no-repeat; text-indent: -9999px; } h2.TheEnvironment { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/TheEnvironment.png") no-repeat; text-indent: -9999px; } h2.RequestBrochure { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/RequestBrochure.png") no-repeat; text-indent: -9999px; } h2.CallbackRequest { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/CallbackRequest.png") no-repeat; text-indent: -9999px; } h2.ContactUs { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/ContactUs.png") no-repeat; text-indent: -9999px; } h2.NewsletterSignUp { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/NewsLetterSignUp.png") no-repeat; text-indent: -9999px; } h2.TermsAndConditions { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/TermsAndConditions.png") no-repeat; text-indent: -9999px; } h2.WorkAtWhitecliff { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/WorkAtWhitecliff.png") no-repeat; text-indent: -9999px; } h2.SendToAFriend { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/SendToAFriend.png") no-repeat; text-indent: -9999px; } h2.PrivacyStatement { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/PrivacyStatement.png") no-repeat; text-indent: -9999px; } h2.TermsAndConditions { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/TermsAndConditions.png") no-repeat; text-indent: -9999px; } h2.ThankYou { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/ThankYou.png") no-repeat; text-indent: -9999px; } h2.OnlineBrochure { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/OnlineBrochure.png") no-repeat; text-indent: -9999px; } h2.Search { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/Search.png") no-repeat; text-indent: -9999px; } h2.RecommendAFriend { width: 400px; height: 36px; background: url("../images/words/h2/OtherInformation/RecommendAFriend.png") no-repeat; text-indent: -9999px; } h2.Blog { width: 400px; height: 36px; background: url("../images/words/h2/Blog/Home.png") no-repeat; text-indent: -9999px; } h2.OurParks { width: 400px; height: 36px; background: url("../images/words/h2/OurParks/OurParks.png") no-repeat; text-indent: -9999px; } h2.TattershallLakes { width: 400px; height: 36px; background: url("../images/words/h2/OurParks/TattershallLakes.png") no-repeat; text-indent: -9999px; } h2.MillRythe { width: 400px; height: 36px; background: url("../images/words/h2/OurParks/Millrythe.png") no-repeat; text-indent: -9999px; } h2.AwayResorts { width: 400px; height: 36px; background: url("../images/words/h2/OurParks/AwayResorts.png") no-repeat; text-indent: -9999px; } h3.ExampleImages { width: 150px; height: 30px; background: url("../images/words/h3/ExamplesImages.png") no-repeat; text-indent: -9999px; } h3.ExampleLayout { width: 150px; height: 30px; background: url("../images/words/h3/ExamplesLayout.png") no-repeat; text-indent: -9999px; } h3.Attractions-5 { width: 250px; height: 30px; background: url("../images/words/h3/5Miles.png") no-repeat; text-indent: -9999px; } h3.Attractions-10 { width: 250px; height: 30px; background: url("../images/words/h3/5to10Miles.png") no-repeat; text-indent: -9999px; } h3.Attractions-More { width: 250px; height: 30px; background: url("../images/words/h3/LittleFurther.png") no-repeat; text-indent: -9999px; } h3.OnThePark { width: 250px; height: 36px; background: url("../images/words/h3/OnThePark.png") no-repeat; text-indent: -9999px; } h3.OnOurDoorstep { width: 250px; height: 36px; background: url("../images/words/h3/OnOurDoorstep.png") no-repeat; text-indent: -9999px; } h3.SendItOnline { width: 250px; height: 36px; background: url("../images/words/h3/SendItOnline.png") no-repeat; text-indent: -9999px; } h2.BookYourHoliday { width: 400px; height: 36px; background: url("../images/words/h2/BookNow/BookNow.png") no-repeat; text-indent: -9999px; } h3.OnlineBrochure { width: 250px; height: 36px; background: url("../images/words/h3/OnlineBrochure.png") no-repeat; text-indent: -9999px; } h3.BrochureByPost { width: 250px; height: 36px; background: url("../images/words/h3/BrochureByPost.png") no-repeat; text-indent: -9999px; } h2.LastMinuteOffers { width: 400px; height: 36px; background: url("../images/words/h2/BookNow/LastMinuteOffers.png") no-repeat; text-indent: -9999px; } ul.nomgn { margin-left: 0px; list-style-image: url('../images/general/tickbox.jpg'); line-height: 2.2em; } hr { border: 0; height: 1px; width: 100%; color: #3c97d3; align: left; } .content { font-size: 100%; color: #333; line-height: 1.6em; } a.content { color: #3C97D3; text-decoration: none; } a.content:hover { text-decoration: underline; } .content a { color: #3C97D3; text-decoration: none; } .content a:hover { text-decoration: underline; } #content-title { width: 100%; height: 25px; margin: -5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } #content-title .left { width: 60%; float: left; } #content-title .right { width: 30%; float: right; } /* ----- Blog Styles -----*/ #blog-pages { width: 100%; height: 25px; margin: 5px 0; padding: 0 0 5px 0; line-height: 1.75em; border-bottom: 1px #cecece dotted; } #blog-pages .page-left { width: 40%; float: left; } #blog-pages .page-right { width: 55%; float: right; text-align: right; margin: -20px 0; } #blog-pages a { color: #3C97D3; font-size: 100%; font-weight: normal; text-decoration: none; padding: 5px 0 10px 0; margin: 0 auto; } #blog-pages a:hover { text-decoration: underline; } #blog-layout { width: 100%; margin: 10px 0 0 0; line-height: 1.75em; } #blog-layout img { float: left; width: 100px; padding: 0 20px 0 0; } .blog-title { color: #3C97D3; font-size: 150%; font-weight: bold; padding: 5px 0 10px 0; margin: 0 0 0 120px; } a.blog-title { color: #3C97D3; font-size: 130%; font-weight: normal; text-decoration: none; padding: 5px 0 10px 0; margin: 0 auto; } a.blog-title:hover { text-decoration: underline; } .blog-date { color: #666; float: left; margin: -70px 0 0 120px; } .blog-content { color: #000; font-size: 105%; margin: -45px 0 15px 120px; float: right; padding: 0 0 15px 0; border-bottom: 1px #cecece dotted; } #blog-view { width: 100%; margin: 10px 0 0 0; line-height: 1.75em; clear: both; } #blog-view a { color: #3C97D3; font-weight: normal; text-decoration: none; margin: 0 auto; } .blog-view-title { color: #3C97D3; font-size: 130%; font-weight: bold; padding: 5px 0 10px 0; margin: 0; } .blog-view-date { color: #666; float: left; margin: 0; } .blog-view-content img { margin: 10px 0 10px 0; } .blog-view-content { color: #000; font-size: 105%; margin: 0 0 15px 0; float: right; padding: 0 0 15px 0; border-bottom: 1px #cecece dotted; } .blog-view-content a { color: #3C97D3; font-weight: normal; text-decoration: none; margin: 0 auto; } .blog-view-content a:hover { text-decoration: underline; } /* ----- Misc Styles -----*/ .error { color: #f00; font-family: 'Trebuchet'; } #contact { margin: 0 auto; padding: 0 auto; line-height: 1.8em; } #contact .title { padding: 2px 0 2px 5px; font-weight: bold; color: #666; font-family: 'Arial'; font-size: 100%; } #contact .title span { color: #F00; font-size:xx-small; vertical-align:top; } #contact .text { padding: 6px 5px 5px 5px; margin: 3px 0 5px 0; width: 240px; height: 20px; border: 0; background: transparent url("../images/forms/250-textfield.jpg") 0 0 no-repeat; } #contact .text input { font-family: 'Arial'; font-size: 100%; } #contact .text-small { padding: 6px 5px 5px 5px; width: 125px; margin: 3px 0 5px 0; height: 30px; border: 0; background: transparent url("../images/forms/125-textfield.jpg") 0 0 no-repeat; } #contact .text-small input { font-family: 'Arial'; font-size: 100%; } #contact .text-select { margin: 3px 0 5px 0; padding: 6px 5px 5px 5px; width: 250px; height: 30px; border: 0; background: #fff url("../../images/forms/250-textfield.jpg") 0 0 no-repeat; color: #000;} #contact .text-select select { font-family: 'Arial'; font-size: 100%; background: #fff; } #contact .text-select-small { margin: 3px 0 5px 0; padding: 6px 5px 5px 5px; width: 125px; height: 30px; border: 0; background: #fff url("../../images/forms/125-textfield.jpg") 0 0 no-repeat; color: #000;} #contact .text-select-small select { font-family: 'Arial'; font-size: 100%; background: #fff; } #contact .textarea { padding: 6px 5px 5px 5px; margin: 3px 0 5px 0; width: 240px; height: 140px; border: 0; background: transparent url("../images/forms/250-textarea.jpg") 0 0 no-repeat; font-family: 'Arial'; font-size: 100%; line-height: 1.75em; } #contact .code { padding: 6px 5px 5px 5px; width: 125px; height: 30px; border: 0; background: transparent url("../images/forms/125-textfield.jpg") 0 0 no-repeat; } #contact .newsletter { padding: 2px 4px 10px 3px; width: 24x; height: 23px; border: #fff 1px solid; background: transparent url("../images/forms/tick-box.jpg") 0 0 no-repeat; } #contact .newsletter input { border: 0;} #contact .send-button { width: 250px; height: 30px; border: 0; margin: 0 auto; padding: 0 auto; background: transparent url("../images/forms/form-send.jpg") 0 0 no-repeat; color: #A4B624; } #contact .postcode-button { width: 250px; height: 30px; border: 0; margin: 0 0 10px 0; padding: 0 auto; background: transparent url("../images/forms/form-postcode.jpg") 0 0 no-repeat; color: #A4B624; font-size: 0.1em; text-align: left; } #contact .nopostcode-button { width: 250px; height: 30px; border: 0; margin: 0 auto; padding: 0 auto; background: transparent url("../images/forms/form-nopostcode.jpg") 0 0 no-repeat; color: #A4B624; font-size: 0.1em; text-align: left;} .contact-title { padding: 2px 0 2px 5px; font-weight: bold; color: #666; font-family: 'Arial'; font-size: 100%; } .contact-title span { color: #F00; font-size:xx-small; vertical-align:top; } .contact-textfield { width: 250px; height: 30px; border: 0; background: transparent url("../images/forms/250-textfield.jpg") 0 0 no-repeat; } .contact-textfield input { padding: 6px 5px 5px 5px; font-family: 'Arial'; font-size: 100%; } .contact-textfield-small { width: 125px; height: 30px; border: 0; background: transparent url("../images/forms/125-textfield.jpg") 0 0 no-repeat; } .contact-textarea { width: 250px; height: 150px; border: 0; background: transparent url("../images/forms/250-textarea.jpg") 0 0 no-repeat; } .contact-textarea input { padding: 6px 5px 5px 5px; font-family: 'Arial'; font-size: 100%; } .contact-textcode { width: 52px;} .contact-button { width: 100px; color: #fff; background: #3C97D3; } ul.numbered { list-style-type:decimal; } /* ----- Page Option Styles -----*/ #pageoptions .links { height: 30px; } #pageoptions .links a.print { margin: 5px 5px 5px 10px; float: left; display: block; width: 58px; height: 20px; background: url("../images/icons/print.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #pageoptions .links a:hover.print { background-position: -58px 0; } #pageoptions .links a.send { margin: 5px; float: left; display: block; width: 58px; height: 20px; background: url("../images/icons/send.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #pageoptions .links a:hover.send { background-position: -58px 0; } #pageoptions .links a.save { margin: 5px; float: left; display: block; width: 58px; height: 20px; background: url("../images/icons/save.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #pageoptions .links a:hover.save { background-position: -58px 0; } #pageoptions #book { margin: 5px 15px 10px 15px; } #pageoptions #book .title { font-size: 100%; font-weight: bold; color: #999; text-align: left; } #pageoptions #book .drop {padding: 2px 1px 2px 1px; font-size: 110%; width: 180px; margin: 5px 0; } .addthis_button_compact { margin: 5px; float: left; display: block; width: 58px; height: 20px; background: url("../images/icons/save.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } /* ----- Caravan Styles -----*/ ol { width: 30.6em; line-height: 1.85em;} ol ul { margin-top:0em; margin-bottom:0em; margin-left:1em; margin-right:0em; } ol li { margin-left:0px; float: left; width: 50%; list-style-image: url('../images/general/tickbox.jpg'); } br { clear: left; } div.included { margin-bottom: 1em ;} #caravansales { width: 100%; } #caravansales .topimage { padding: 5px 0 5px 0; margin: 10px 0 10px 0; border-top: #cecece 1px solid; } #caravansales .sort { padding: 5px 0; height: 25px; border-top: 1px #cecece solid; } /* ----- Accommodation Styles -----*/ #accommodation { width: 490px; margin: 10px 0; } #accommodation #col1 { width: 270px; float: left; } #accommodation #col2 { background: url(../images/background/accommodation-div.jpg) left top no-repeat; width: 190px; padding: 35px 0 15px 20px; float: right; height: 100%; overflow: hidden; line-height: 1.7em; } #accommodation #col2 .line { width: 100%; height: 15px; margin: -5px 0 5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } #divider { width: 490px; margin: 10px 0; } #divider #col1 { width: 270px; float: left; } #divider #col2 { background: url(../images/background/accommodation-div.jpg) left top no-repeat; width: 190px; padding: 15px 0 15px 20px; float: right; height: 100%; overflow: hidden; line-height: 2em; } #divider #col2 .line { width: 100%; height: 15px; margin: -5px 0 5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } .line { width: 100%; height: 10px; margin: -5px 0 5px 0; background:url(../images/menu/menu/linedot.gif) repeat-x left bottom; } /* ----- Social Media Styles -----*/ #social { background: url(../images/background/timber-footer.png) left bottom repeat; width: 970px; height: 235px; margin: -15px 0 0 -15px; } #social #links { width: 100%; padding: 110px 0; text-align: left; } #social #links .follow { margin: 0 11px 0 11px; float: left; display: block; width: 138px; height: 100px; background: url("../images/buttons/footer-follow.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a.youtube { margin: 0 21px 0 21px; float: left; display: block; width: 118px; height: 118px; background: url("../images/buttons/footer-youtube.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a:hover.youtube { background-position: -109px 0; } #social #links a.facebook { margin: 0 21px 0 21px; float: left; display: block; width: 118px; height: 118px; background: url("../images/buttons/footer-facebook.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a:hover.facebook { background-position: -109px 0; } #social #links a.twitter { margin: 0 21px 0 21px; float: left; display: block; width: 118px; height: 118px; background: url("../images/buttons/footer-twitter.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a:hover.twitter { background-position: -109px 0; } #social #links a.rss { margin: 0 21px 0 21px; float: left; display: block; width: 118px; height: 118px; background: url("../images/buttons/footer-rss.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a:hover.rss { background-position: -109px 0; } #social #links a.email { margin: 0 21px 0 21px; float: left; display: block; width: 118px; height: 118px; background: url("../images/buttons/footer-email.png") 0 0 no-repeat; text-decoration: none; overflow: hidden; } #social #links a:hover.email { background-position: -109px 0; } /* ----- Message Styles -----*/ #message-error {width: 100%; background: #ffe5e5 url(../images/icons/error.jpg) top left no-repeat; border: 1px solid #CC0000; color: #CC0000; margin: 5px 0 10px 0; } .message-error { padding: 7px 5px 7px 30px; color: #CC0000; } #message-update {width: 100%; background: #93FF93 url(../images/icons/updated.jpg) top left no-repeat; border: 1px solid #009900; color: #CC0000; margin: 5px 0 10px 0; } .message-update { padding: 7px 5px 7px 30px; color: #009900; } #message-info {width: 100%; background: #F0F0F0 url(../images/icons/information.jpg) top left no-repeat; border: 1px solid #ccc; color: #333; margin: 5px 0 10px 0; } .message-info { padding: 7px 5px 7px 30px; color: #333; } /* ----- Footer Styles -----*/ #mega-footer {width: 940px; padding-left: 15px; padding-right: 15px; min-height: 250px; background: url(../images/background/megafooter-back.png) left bottom repeat; } #mega-footer #container .top {width: 940px; height: 26px; background: url(../images/background/HomePageTop.jpg); background-repeat: no-repeat; } #mega-footer #container .middle { width: 940px; background: url(../images/background/HomePageMiddle.jpg) top left repeat; overflow: hidden; } #mega-footer #container .bottom {width: 940px; background: url(../images/background/HomePageBottom.jpg) top left no-repeat; height: 27px; } #mega-footer #container #linker { width: 940px; background: url(../images/background/megafooter-bottom.png) -20px 0 no-repeat; height: 60px; } #mega-footer #container #linker .left { width: 40%; margin: 13px 0 0 15px; float: left; text-align: left; } #mega-footer #container #linker .right { width: 40%; margin: 13px 15px 0 15px; float: right; text-align: right; } #column-1 { float: left; width: 280px; padding-left: 20px; padding-right: 20px; border-right: 1px solid #E8DDBD; } #column-1 .content { padding: 10px 0 10px 0; border-bottom: 1px solid #E8DDBD; } #column-1 .title { font-size: 110%; font-weight: bold; margin: 0 0 0 2px; color: #0D59A7; } #column-2 { float: left; width: 250px; padding-left: 20px; padding-right: 20px; border-right: 1px solid #E8DDBD; } #column-2 .content { padding: 10px 0 10px 0; border-bottom: 1px solid #E8DDBD; } #column-2 .title { font-size: 110%; font-weight: bold; margin: 0 0 0 2px; color: #0D59A7; } #column-3 { float: left; width: 280px; padding-left: 20px; padding-right: 20px; } #column-3 .content { padding: 10px 0 10px 0; border-bottom: 1px solid #E8DDBD; } #column-3 .title { font-size: 110%; font-weight: bold; margin: 0 0 0 2px; color: #0D59A7; } #column-3 .info { font-size: 100%; margin: 0 0 0 2px; color: #333; line-height: 1.6em; } .search-field { padding: 6px 5px 5px 5px; margin: 7px 0 5px 0; width: 240px; height: 20px; border: 0; background: transparent url("../images/forms/250-textfield.jpg") 0 0 no-repeat; } .search-field input { font-family: 'Arial'; font-size: 100%; } .search-area { padding: 6px 5px 5px 5px; margin: 7px 0 5px 0; width: 240px; height: 140px; border: 0; background: transparent url("../images/forms/250-textarea.jpg") 0 0 no-repeat; font-family: 'Arial'; font-size: 100%; line-height: 1.75em; } .search-button { width: 22px; height: 22px; border: 0; margin: 0 0 0 5px; padding: 0; background: transparent url("../images/buttons/search-button.png") 0 0 no-repeat; color: #A4B624; } .subscribe-button { width: 22px; height: 22px; border: 0; margin: 0 0 0 5px; padding: 0; background: transparent url("../images/buttons/subscribe-button.png") 0 0 no-repeat; color: #A4B624; } .more-button { float: right; margin: -20px 0; } .send-button { float: right; width: 51px; height: 22px; border: 0; margin: 0 0 0 5px; padding: 0; background: transparent url("../images/buttons/send-button.png") 0 0 no-repeat; color: #A4B624; } .code { width: 80px; height: 20px; } #site-links { width: 100%; padding: 0; margin: 10px 0; } #site-links a { font-size: 100%; color: #0D59AF; } a.site-links { font-size: 100%; color: #0D59AF; text-decoration: none; } #footer-list li { display: inline; list-style-type: none; padding-right: 20px; } #footer-list li a { color: #0D59A7; text-decoration: none; font-size: 100%; } /* ----- Holiday Home Sales Styles -----*/ .fill {background-color: silver; }