/*==================================================================== Park Holidays UK Copyright 2009 Park Holidays UK Author: Red Bullet /*==================================================================== #HOME SECTION SPECIFIC STYLES - to be broken into seperate Stylesheet ======================================================================*/ /*==================================================================== TITLES, TEXT, LINK STYLES ======================================================================*/ /* General */ #HOME, #HOME .checker form .btn, #HOME .checker form .btnRed {font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;} #HOME h1, #HOME h2, #HOME h3, #HOME h4, #HOME h5, #HOME h6, #HOME a, #HOME a:link, #HOME ul.boxList2col li p, #HOME ul.list4col li p, #HOME .checker label, #HOME #parkDetailsTabs ul.menu li.active a, #HOME #parkDetailsTabs ul.menu li.active a:hover, #HOME #bookingTabs ul.menu li.active a, #HOME p.routeInfo strong, #HOME form label, #HOME.iconTip {color:#004A90;} #HOME .slide360 a {color: #fff;} #HOME .arrow {background:transparent url(../images/icons/blockArrow.gif) no-repeat scroll left center;text-indent:23px; margin:0 10px 0 0 !important; float:none !important;} #HOME .checker form .btn, #HOME #refineSearch input.btn {font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;} /* Sub Navigation Menu */ #HOME #header ul#subNav {background:#004A90 url(../images/base/HOMEsubNavBg.gif) repeat-x;} #HOME #bookingTabs ul.menu li a {color:#E0F0F8;} #HOME #topBar #pageTitle {font-size:2.4em;font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; } #HOME #page h1.pageTitle {font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; margin-bottom: 10px; padding-left: 10px; clear: left;} #HOME a.btn, #HOME .banner240 .adTxt {color:#fff;} /* Red Tab Menu (Used on park booking) */ #HOME #parkDetailsTabs ul.menuRed li a, #HOME #parkDetailsTabs ul.menuRed li.active a, #HOME #parkDetailsTabs ul.menuRed li.active a:hover {color:#D71C24;} /* Park Details Switching Tab (Used on park booking) */ #HOME ul.parkSwitch li.prices a {color: #D71C24;} /* Out and About list */ #HOME .outAbout ul.outList li p {color:#004A90;} /* Page Navigation List (Used on news) */ #HOME ul.pageNav li a {color:#004A90; border: 1px solid #004A90;} #HOME ul.pageNav li a:hover, #HOME ul.pageNav li.active a {background: #004A90; color: #fff;} #HOME ul.pageNav li a.null {color:#42AFE3; border: none; line-height: 1.6em; padding: 0 5px;} #HOME ul.pageNav li a.null:hover {background: none; text-decoration: underline;} /* Image Gallery Styles (Used on park images slideshow) */ #HOME .gallerySide ul.gallery li a:hover {border: 3px solid #004A90!important;} #HOME .gallerySide ul.galNav li a {border: 1px solid #004A90;} #HOME .gallerySide ul.galNav li a:hover, #HOME .gallerySide ul.galNav li.active a {background: #004A90; color: #fff;} /* Browse Park List */ #HOME #browse2Col ul.list2col li a:hover {background: #E0F0F8 url(../images/icons/parklist_arrow.png) no-repeat 5px;} #HOME #browse2Col ul.list2col li a.parkNA:hover {background: #eee url(../images/icons/parklist_arrowNA.png) no-repeat 5px;} /*==================================================================== TABLE STYLES ======================================================================*/ #HOME #parkDetailsTabs table a {color: #000;} #HOME #parkDetailsTabs table a.details {color:#D71C24!important; font-size: 1.2em;} /*==================================================================== IMAGE BORDER ======================================================================*/ #HOME img {border-color:#004A90;} #HOME .newsFeed .thumbPreview, #HOME ul.boxList2col li img, #HOME ul.boxListSingle li img, #salesDetails img {border:1px solid #BEE0ED;} /*==================================================================== BACKGROUND COLOURS ======================================================================*/ #HOME #bookingTabs .menu { background-color:#42AFE3;} #HOME #parkDetailsTabs .menu { background-color:#E0F0F8;} #HOME #parkDetailsTabs ul.menuRed li.active {background: #f7e3e5;} #HOME #parkDetailsTabs ul.menuRed li.active a {background: #f7e3e5;} #HOME .tabContent form, #HOME .tabContent .infoPanel {background-color :#D9EFF9;} #HOME .parkPreview h2 {background-color: #E0F0F8;} #HOME .promo-ad .parkPreview h2 {background-color: #f7e3e5; color:#D71C24;} #HOME .parkPreview h2.txtRed {background: #f7e3e5; font-weight: normal;} #HOME .holNews h2 {background-color: #E0F0F8;} #HOME .holNews.alt h2 {background-color: #fff;} #HOME .parkPreview h2.txtRed {background: #f7e3e5; font-weight: normal;} /*==================================================================== BACKGROUND IMAGES ======================================================================*/ #HOME #content.gradientBg {background:transparent url(../images/base/owners_bgfade.jpg) no-repeat scroll right top} #HOME #bookingTabs ul.menu li.active {background-image: url(../images/base/tabTLCbg.gif);} #HOME #bookingTabs ul.menu li.active a {background-image: url(../images/base/tabTRCbg.gif);} #HOME #parkDetailsTabs ul.menu li.active {background-image: url(../images/base/tabTLCbgalt.gif);} #HOME #parkDetailsTabs ul.menu li.active a {background-image: url(../images/base/tabTRCbgalt.gif);} #HOME .parkPreview ul.menu li.active {background-image: url(../images/base/tabTLCbgalt.gif);} #HOME .parkPreview ul.menu li.active a {background-image: url(../images/base/tabTRCbgalt.gif);} /*==================================================================== WIDGETS ======================================================================*/ #HOME .widget h6 {font-size:1.6em;} #HOME .box240 .banner p a {color:#fff!important;text-decoration:none;} /* Caravan Finder */ #caravanFinder .split, #arrange .split {width:90px;} #caravanFinder input.btnRed {margin-top:30px;} #caravanFinder p {margin:0; padding:0; width:90px; font-size:1em; float:left;} #caravanFinder p.alt {float:right; margin-left:15px;} /* Refine Search */ #sideBar.alt #refineSearch.widget {margin-left:0;} #refineSearch {padding-bottom:20px;width:240px;margin-bottom:20px; background:url(../images/base/refineWidgetBg.gif) bottom right no-repeat;border-right:1px solid #DDDDDD;border-top:1px solid #BEE0ED;} #refineSearch h4 {margin:10px 30px;} #refineSearch .optionPanel {width:241px;float:left;border-top:1px solid #BEE0ED; border-right:1px solid #ddd} #refineSearch .optionPanel .optionTitle {height:30px; background:#E0F0F8;border-top:1px solid #FFF;border-bottom:1px solid #BEE0ED;} #refineSearch .optionPanel .optionTitle:hover {background:#e9F7Fe;} #refineSearch .optionPanel .optionTitle h6 {font-size:14px; margin:0 0 0 15px; padding-left:15px; line-height:30px;width:170px; float:left; background:url(../images/base/arrowRightDarkBlue.gif) left center no-repeat; cursor:pointer;} #refineSearch .optionPanel.active .optionTitle h6 {background:url(../images/base/arrowDownDarkBlue.gif) left center no-repeat;} #refineSearch .optionPanel .optionTitle:hover h6 {background:url(../images/base/arrowDownDarkBlue.gif) left center no-repeat;} #refineSearch .optionPanel.active .optionTitle:hover h6 {background:url(../images/base/arrowUpDarkBlue.gif) left center no-repeat;} #refineSearch .optionPanel .optionTitle a {position:absolute; float:left;line-height:30px; color:#42AFE3!important} #refineSearch .optionPanel .optionList {margin:10px 10px 10px 30px;overflow:hidden} #refineSearch .optionPanel .optionList li {float:left;width:200px;} #refineSearch .optionPanel .optionList label {color:#004586;font-size:12px; float:right; width:175px; } #refineSearch .optionPanel .optionList input {float:left; margin-right:5px; width:14px;} #refineSearch .optionPanel .optionList select {float:left; width:195px;} #refineSearch .optionPanel .optionList .split {width:90px;float:left;} #refineSearch .optionPanel .optionList .alt{margin-right:15px;} #refineSearch select {margin-top:3px;} #refineSearch ul.summary {margin:10px 30px; float:left; width:auto;} #refineSearch ul.summary h6 {font-size:1.4em; margin:0 0 5px;} #refineSearch ul.summary li {font-size:1.2em;line-height:1.6em;} #refineSearch ul.summary li span {color:#6084A6;} #refineSearch .back, #back_to_results {margin:6px 0 0 30px; float:left; width:auto;} #refineSearch input.btn {cursor:pointer;float:right;height:26px;padding:0 10px 3px;} /* Type list Styles */ #refineSearch #refine_type {left:-16px;position:relative;top:-10px;width:240px;} #refineSearch #refine_type li {border-bottom:1px solid #BEE0ED;border-top:1px solid #FFFFFF;width:240px;} #refineSearch #refine_type li a {display:block;font-size:1.4em;height:30px;line-height:30px;text-decoration:none;padding:0 15px;background:#e9F7Fe;} #refineSearch #refine_type li a:hover {background:#E0F0F8;} #refineSearch #refine_type li.active a, #refineSearch #refine_type li.active a:hover {font-weight:bold; background:#E0F0F8 url("../images/base/arrowRightDarkBlue.gif") no-repeat scroll 220px center;} /* Form Field Styles */ #refine_search_form .split, #arrange .split {width:90px;} #refine_search_form input.btnRed {margin-top:30px;} #refine_search_form p {margin:0; padding:0; width:90px; font-size:1em; float:left;} #refine_search_form p.alt {float:left; margin-left:15px;} #refine_search_form h5 {color:#D71C24 !important;font-size:1.6em;margin:0 !important; padding:10px 0;} #refine_search_form ul li a{text-decoration: none; font-size:1.4em;padding: 5px 0px; display: block;} #refine_search_form ul li.active {background: #E0F0F8 none repeat scroll 0 0;} #advisorWidget form {margin:15px 0; clear:both;} #advisorWidget .radio {width:14px; float:left; clear:left; margin:0 5px 0 0; border:none;} #advisorWidget label {width:185px; font-size:12px; font-weight:normal;} #advisorWidget .btnRed {float:right; margin:10px -1px 10px 0;} #advisorWidget img {width:80px; float:right; margin:5px 0 0;} #advisorWidget p {margin-right:0;} #HOME #latest-offers th.col1 {width:85px;text-align:left;} #HOME #latest-offers th.col2 {width:70px;text-align:left;} #HOME #latest-offers th.col3 {width:60px;text-align:left;} #HOME #latest-offers .row0 {height:auto;} #HOME #latest-offers .row1{height:auto;} #HOME #latest-offers #items .offCol1 {width:83px;} #HOME #latest-offers #items .offCol2 {text-align:center;width:24px;} #HOME #latest-offers #items .offCol3 {width:30px;} #HOME #latest-offers #items .offCol4 {width:56px;} #HOME #latest-offers #items .offCol6 {width:107px;} /*==================================================================== OWNERS CONTENT ======================================================================*/ .ownersContent h2.pageTitle {margin: 8px 8px 0 15px; font-size: 1.8em; line-height: 1.4em;} .ownersContent h2.split2col {float: left; width: 330px; margin: 8px 8px 0 15px; } .ownersContent p {line-height: 2em;} ul.BlkArrow {padding: 12px 0;} ul.BlkArrow li {background: url(../images/icons/blockArrow.gif) no-repeat left; text-indent: 23px; margin-bottom: 8px; font-size: 14px; line-height: 1.2em; margin-left:0!important;} ul.BlkArrow li.red {background-image: url(../images/icons/blockArrowRed.gif); } ul.BlkArrow li.red a {color:#D71C24!important;} /* 2 column list of auto height shadow boxes (Caravans List) */ #HOME ul.boxList2col li p {font-size:1.1em;line-height:1.2em; color:#4d4d4d!important;} ul.boxList2col li span.details {float:left; font-size:1.2em; margin:5px 0; width:170px} ul.boxList2colAlt {width:730px; float:left; padding:15px 0 0 3px;} ul.boxList2colAlt li {width:348px; padding:5px;float:left;background:transparent url(../images/base/box360listBg.png) no-repeat 0 0;margin:0 6px 15px 0;} ul.boxList2colAlt li img {border:1px solid #6699CC !important;float:left;height:110px;margin:8px 0 10px 8px;width:160px;border:1px solid #6699CC !important;} ul.boxList2colAlt li p {font-size:1.2em;line-height:1.6em; margin: 9px 15px;} ul.boxList2colAlt li h2 {clear: left; background: url(../images/icons/blockArrow.gif) no-repeat left; font-size: 1.4em; margin-left: 15px; padding-left: 23px;} /* Caravan Slidshow */ .slide360 {width:348px; height:220px; background: #fff; position:relative; } .slide360 img {width:334px; height:206px;float:left; margin: 6px;border:1px solid #ddd !important;} .slide360 .caption {width:324px; height:40px; background:#004A90; position:absolute; bottom:7px; left:7px; color:#fff; line-height:40px; padding-left:10px;border-top:1px solid #6699BB; opacity:0.85;} .slide360 a {position: absolute; top:0; right: 7px; font-size: 1.4em; } /* Generic 2 Column Layout */ .content2Col {float: left; width: 350px; margin: 8px 0 20px 16px; clear: none;} .content2Col h3 {margin-left: 0; font-size: 1.8em;} .content2Col p {margin-left: 0; font-size: 1.2em;} .content2Col .arrow {padding-left: 23px;} .content2Col ul {margin: 12px 0; line-height: 1.8em;} .content2Col ul.BlkArrow li {font-size: 1.4em;} .content2Col img {margin: 0 0 8px 0; width: 350px;} /* Pagination Menu */ .ownersContent ul.pageNav {position: relative; padding: 15px; margin: 15px 0 8px 0; clear: left; text-align: center;} .ownersContent ul.pageNav li {font-size: 1.2em; line-height: 1.4em; float: left; margin-bottom: 15px; margin-right: 5px; text-align: center; } .ownersContent ul.pageNav li a {display: block; height: 16px; text-decoration: none; padding: 0 6px; } .ownersContent ul.pageNav li a:hover {color: #fff; } .ownersContent ul.pageNav li a.null {border: none; background: none; width: auto;} /* 2 Col Details Layout */ .ownersContent .tabContent {position: relative; clear: left; margin: 8px 0 0 15px;} .ownersContent .tabContent2col {float: left; width: 340px; clear: none;} .ownersContent .tabContent2col p {font-size: 1.2em; line-height:1.4em; margin-left:8px; margin-bottom:10px;} .ownersContent .tabContent2col li {margin-left: 10px;} .ownersContent .tabContent2col .btn {float: right; margin-bottom: 15px;} .ownersContent .tabContent2col img {float: left; margin: 0 15px 12px 0;} .ownersContent .tabContent2col img.main {width: 335px; height: 235px;} .ownersContent .tabContent2col img.last {margin-right: 0;} .ownersContent .tabContent2col img.thumb {width: 99px; height: 65px;margin-top:5px;} /*==================================================================== Caravan Sales ======================================================================*/ /* Sales Details */ #salesDetails .boxTitle {font-size:1.4em;line-height:36px;margin:1px 1px 0;padding-left:15px;background-color:#E0F0F8;border-bottom:1px solid #BEE0ED;} #salesDetails ul.homeSpec {clear: left; float:left;margin-bottom:25px;} #salesDetails ul.homeSpec li {display:block;float:left;font-size:1.2em;line-height:1.6em;width:340px;margin-left:0;} #salesDetails ul.homeSpec li a {float:right;width:225px;} #salesDetails ul.homeSpec li.price {font-size: 1.6em; padding-top: 20px;font-weight:bold;} #salesDetails ul.homeSpec li strong {display: block; width: 115px; float: left; color: #999; font-weight: normal;} #salesDetails .btnRed {float:right;margin:10px -1px 15px 10px;} #salesDetails h2 {font-size:16px;} #salesDetails h3 {margin-top:5px;} #salesDetails img {border-style:solid;border-width:1px;} #salesDetails .tabContent2col p {margin-left:0;} #salesDetails ul.menu {float:left; height:34px; margin:-38px 5px 0 5px; padding-left:8px; width:auto; background:none; position:relative;right:5px; float:left;} #salesDetails ul.menu li {float:left; height:30px; margin:6px 5px 0 0; line-height:30px;} #salesDetails ul.menu li.ui-state-active {background-color:#FFF; background-repeat:no-repeat; background-position:top left;} #salesDetails ul.menu li a {font-size:1.2em; text-decoration:none; padding:0 6px; display:block;} #salesDetails ul.menu li a:hover {text-decoration:underline;} #salesDetails ul.menu li.ui-state-active a {background-repeat:no-repeat; background-position:top right;} #salesDetails ul.menu li.ui-state-active a:hover {text-decoration:none;} #salesDetails #tab_details .menuCont {margin-bottom:20px;} #salesDetails #tab_details .menuCont h3 {margin-left:0; font-size:14px;} #tab_details .menuCont li {margin-left:0;} #salesDetails #tab_included h3 {margin-left:5px;} #salesDetails #tab_included p {margin:10px 0 0 5px;} #salesDetails #tab_included img {border:none;} #salesDetails #tab_included li {clear:left; margin-left:0px;} #salesDetails #tab_included ul {margin-bottom:15px;} #salesDetails .ownersContent .tabContent {margin:0;position:relative;} #salesDetails #tab_overview .tabContent2col, #salesDetails #details_tabs .tabContent2col{margin:10px 0 0 10px;width:345px;} #salesDetails #tab_overview .tabContent2col h2 {margin-left:0px; clear:both;} #salesDetails #caravanLoactionBox {border:1px solid #BEE0ED; background-color:#E0F0F8;float:left;padding-left:10px;width:325px; margin: 15px 0 10px 10px;} #salesDetails #caravanLoactionBox h3 {margin:10px 0; font-size:14px;} #salesDetails #caravanLoactionBox a {font-size:12px;} #salesDetails #caravanLoactionBox p {width:200px;font-size:12px; margin:10px 0 ; line-height:1.5em;} #salesDetails #caravanLoactionBox img {float:right;margin:10px;} #salesDetails #tab_park #parkIntro {border-bottom:1px solid #DDDDDD;padding:10px 0 20px;} #salesDetails #tab_park #parkIntro img {float:right;margin-right:10px;width:auto;} #salesDetails #tab_park #parkIntro p, #salesDetails #tab_park #parkIntro h2, #salesDetails #tab_park #parkIntro h3 {width:450px;} #salesDetails #tab_park #parkIntro p {line-height:1.4em;} #salesDetails #tab_park .tabContent .btn {clear:both;float:right;margin-bottom:15px;margin-right:-1px; width:auto;display:block; } #salesDetails #tab_park .gallerySide ul.gallery li a img {height:64px;width:64px; padding:0; margin:0;} #salesDetails #howtofindus h3 {margin-left:5px;} #salesDetails #howtofindus ul {margin:10px 0;} #salesDetails #howtofindus .tabContent h2 {margin-left:5px;} #salesDetails #howtofindus .tabContent ul li {margin-left:5px; font-size:11px;line-height:1.4em; margin-bottom:5px;} #salesDetails #howtofindus .tabContent ul {} #salesDetails #howtofindus .detailContent {border-top:5px solid #BEE0ED;float:left;margin:20px 5px;padding-top:6px;} #salesDetails #howtofindus .tabContent2col .map {margin: 5px 5px 15px 10px;} #sales_overview .thumb {width:100px; height:75px; margin:10px 0 0 10px;} #sales_overview h2 {padding:0 0 10px;} #sales_overview h2 span {font-size:inherit; display:inline; font-weight:normal;} #sales_overview span {padding:0 0 5px; display:block; width:auto; font-size:1.6em; margin:0;font-weight:bold;} #sales_overview span.price {color:#D71C24;} #sales_overview span.wasprice {color:#004A90;} #sales_overview span.nowprice {color:#D71C24;} #sales_overview span.savingprice {color:#D71C24;font-size:1.3em;} #sales_overview span a {font-size:12px; margin:0; width:auto; font-weight:normal;} #sales_overview .boxContent h2 {font-size:16px; margin:0; padding:10px; clear:both;} #sales_overview .btnRed {float:left; clear:both;margin:15px -1px 15px 0; width:auto;} a#back_to_results {margin-bottom:15px;} /*==================================================================== About Ownership Section ======================================================================*/ #ownershipIntro #advisorLrg {width:300px; height:260px; margin-left:440px; margin-top:-50px;position:absolute;} #ownershipIntro #callout h3 {background:url(../images/base/calloutBg.png) top left no-repeat;font-size:1.6em;font-style:italic;margin:0;padding:15px 60px 0px 15px;width:455px;line-height:1.6em;} #ownershipIntro #callout p {background:url(../images/base/calloutBgRepeat.png) top left repeat-y;font-size:1.2em;margin:0;padding:5px 60px 0px 15px;width:455px;line-height:1.6em;} #ownershipIntro #calloutBase {background:url(../images/base/calloutBase.png) top left no-repeat;margin:0;padding:0px 60px 0px 15px;width:455px; height:20px; display:block;} #advisorBox {width:235px;margin-left:495px;margin-top:200px;position:absolute;} #advisorBox p {background:url(../images/icons/advisor-info.png) top left no-repeat;font-size:1.1em;} #advisorBox p strong {color:#004A90;padding-left:30px; font-size:14px;line-height:24px;} #advisorBox form#ask_form {background:#D2E1E4; margin-top:10px;float:left; width:auto;padding:1px;} #advisorBox form#ask_form h6 {background:#E0F0F8;border-bottom:1px solid #BEE0ED; font-size:1.6em; line-height:30px; height:30px;margin:0;padding:0 15px;border-top:1px solid #FFFFFF;} #advisorBox form#ask_form textarea {height:100px;margin:10px;width:205px;padding:3px;} #advisorBox form#ask_form input.btn {float:right;} #ownershipDetails .boxContent h2.boxTitle {background-color:#E0F0F8;border-bottom:1px solid #BEE0ED;font-size:1.8em;height:32px;line-height:32px;margin:1px 1px 0;padding-left:15px;width:698px;} #ownershipDetails .boxContent .img240 {width:335px; float:right; border-style:solid; border-width:1px;margin:10px 8px;} #ownershipDetails .btn {margin:10px -1px 15px 0; width:auto; float:right;} #ownershipDetails .boxContent img {float: right; padding: 8px;} #ownershipDetails .boxContent ul {margin:10px 20px 10px 50px; list-style: disc;} #ownershipDetails .boxContent ul li {padding: 5px 15px; margin: 0 0 10px; clear: both; font-size: 1.2em; line-height: 1.4em;} #ownershipDetails .boxContent {padding-bottom:20px;} /*==================================================================== Makes And Models ======================================================================*/ /* Caravan Details */ #caravanDetails .btnRed {margin:10px -1px 15px 0; width:auto; float:right;} #caravanDetails .boxContent h2 {background-color:#E0F0F8;border-bottom:1px solid #BEE0ED;font-size:1.8em;height:32px;line-height:32px;margin:1px 1px 0;padding-left:15px;width:698px; font-weight:bold;} #caravanDetails .tabContent2col {float: left; width: 340px; clear: none;margin-left:10px;} #caravanDetails .tabContent2col p {margin:15px 5px;} #caravanDetails .tabContent2col ul.BlkArrow {margin-left:5px;} #caravanDetails .caravanImages {width:355px;} #caravanDetails .caravanImages img.main {width: 335px; height: 235px; margin:9px; border-style:solid; border-width:1px;} #caravanDetails .caravanImages img.mainManu {width: 335px; height: 235px; margin:9px; border: none;} #caravanDetails .caravanImages img.thumb {width: 99px; height: 65px; margin:5px 6px 0 10px;opacity:0.65;} #caravanDetails .caravanImages img.thumb:hover {opacity:1;} #caravanDetails .menuCont {margin:15px 10px; background: #E0F0F8; clear: both; border: 1px solid #BEE0ED;} #caravanDetails .menuCont h3 {font-size: 1.2em; margin: 8px 10px;} #caravanDetails .menuCont ul {padding-bottom:10px;} #caravanDetails .menuCont ul li {background: url(../images/icons/pdf16.png) no-repeat left; padding-left: 22px; line-height: 1.8em;margin:0 10px;} #lodgeBox img {float:right; border-width:1px; border-style:solid; margin:10px 10px 0 15px;} #lodgeBox a.arrowLink {background:transparent url(../images/icons/blockArrow.gif) no-repeat scroll left center; clear:left; padding-left:23px;} /*==================================================================== Showcase ======================================================================*/ /* Intro */ .showcaseIntro {height:387px;} .showcaseIntro .content {background:#E0F0F8; margin: 2px 2px 0px 2px; height: 90px; position: relative; padding: 15px 20px 0 165px;} .showcaseIntro .content h2 {margin: 0; font-size: 1.6em;} .showcaseIntro .content p {margin-left: 0; font-size: 1.4em; line-height: 1.4em; color: #004A90;} .showcaseIntro .content img {left:2px;position:absolute;top:3px;width:145px;z-index:11;} .showcaseIntro img.main {margin: 0 3px 3px 3px; width: 710px; height: 274px; float: left;} .showcaseIntro .btn {position: absolute; right:0px; bottom:15px; width:auto;} #fade_images {position: absolute; margin:2px;} #fade_images .fade_image {position: absolute;top: 0;left: 0;display: none;} #fade_images .showing {display: block;} /* showcase Gallery Styles */ .showcaseBox .gallerySide {padding-top: 12px; width: 160px; float: left; display: inline; margin: 0 0 0 10px;} .showcaseBox .galleryMain {width:535px; float:right; display:inline; margin:1px; position:relative; border-left:1px solid #ddd;} .showcaseBox .galleryMain ul.galNav {background:#E0F0F8;border-top:1px solid #FFFFFF;float:left;margin:0 0 10px;padding:10px 20px 0; position: relative;} .galleryMain .caption {padding: 10px 15px; width:505px; float:left;background:#004A90 none repeat scroll 0 0;border-top:1px solid #6699BB; color:#fff;border-bottom:1px solid #003A90;} .galleryMain .caption h3 {font-size: 1.6em;color:#fff!important;} .galleryMain .caption p {color:#fff!important; line-height: 1.4em; width: 400px; float:left; margin-bottom: 10px;} .galleryMain .caption #entry_links {float:left; width:auto;font-size:1.2em;line-height:1.4em;} .galleryMain .caption #entry_description a, .galleryMain .caption #entry_links a {color:#fff!important;} .galleryMain .caption .btnRed {float:right; margin:5px -15px 0 0;} .showcaseBox .galleryMain ul.galNav li {display: block; float: left; width: 165px; text-align: center; } .showcaseBox .galleryMain ul.galNav li.prev {text-align: left;} .showcaseBox .galleryMain ul.galNav li.next {text-align: right;} .showcaseBox .galleryMain ul.galNav li.play a {background: url(../images/icons/sm_play.gif) left no-repeat; padding-left: 23px;} .showcaseBox .galleryMain img {margin: 0; float: none; clear: left;} .showcaseBox .galleryMain h3 {margin: 0;} .showcaseBox .galleryMain p {color: #666; margin: 8px 0 8px 0;} /*==================================================================== Sale List Results ======================================================================*/ /* Single list of fixed height shadow boxes (Caravan Sales) */ ul.boxListSingle.gap {margin-top: 10px;} ul.boxListSingle {width:730px; float:left;background:#fff url(../images/base/pageWidthShadowBg.gif) repeat-x top center; padding:15px 0 0; position: relative;overflow:hidden;} ul.boxListSingle li {width:716px;padding:5px 5px 7px;float:left;margin:0 6px 10px 0; position: relative;} ul.boxListSingle li .boxContent {width:705px;} ul.boxListSingle .parkPreview h2.titleBar {width:689px;height:32px;line-height:32px;} ul.boxListSingle li img {width:140px; height:90px; margin:10px 9px; float:left; border: 1px solid;} ul.boxListSingle li h3 {font-size: 1.4em;} ul.boxListSingle li p {font-size:1.1em;line-height:1.4em;margin-top:10px;} ul.boxListSingle li p strong {color: #004A90;} ul.boxListSingle li {width:716px; padding:5px 5px 7px;float:left;margin:0 6px 0 0; position: relative;} ul.boxListSingle li div.threePrice {bottom:14px;color:#D71C24;float:right;font-size:1.6em;position:absolute;right:70px;text-align:right;width:auto;} ul.boxListSingle li span.was {color: #004A90;} ul.boxListSingle li span.now {color: #D71C24;} ul.boxListSingle li span.saving {color: #D71C24; font-size: 12px;} ul.boxListSingle li a.btn, ul.boxListSingle li a.btnRed {bottom:0px;float:right;position:absolute;right:0px;} ul.boxListSingle li a.arrow {padding-left: 23px;} ul.boxListSingle ul.menu li.ui-state-active, ul.boxListSingle ul.menu li.ui-state-default {padding:0;} ul.boxListSingle ul.menu li.ui-state-active a , ul.boxListSingle ul.menu li.ui-state-default a {padding:0 8px; display:block;} ul.boxListSingle ul.menu li.ui-state-active {background: #FFFFFF url(../images/base/tabTLCbgalt.gif) left top no-repeat; padding:0;} ul.boxListSingle.alt {background: none; margin-left: 5px;} ul.boxListSingle.showcase li {background:url('/images/gallerybackground.jpg') no-repeat; height: 140px; } ul.boxListSingle.alt li img {float: right;} ul.boxListSingle .parkPreview ul.menu {width:auto; background:none;} ul.boxListSingle .parkPreview ul.menu li {width:auto; height:24px;line-height:20px;margin:11px 0 0; padding:0; background:none;} ul.boxListSingle .parkPreview ul.menu li a {padding:0 8px;} ul.boxListSingle .parkPreview ul.menu li.ui-state-active {background: #FFFFFF url(../images/base/tabTLCbgalt.gif) left top no-repeat;} ul.boxListSingle .parkPreview ul.menu li.ui-state-active a {background-image: url(../images/base/tabTRCbgalt.gif) top right no-repeat;} ul.boxListSingle .parkPreview p.parkLogoSalesList {margin:0;} ul.boxListSingle .parkPreview p.overviewContent {margin:0;} #HOME ul.boxListSingle .parkPreview p.parkLogoSalesList img{width:60px; border:none;} form#salesSort {float:right; width:auto;} form#salesSort select#order,form#salesSort label {margin:15px 3px 0;} /* ??? background:none repeat scroll 0 0 #E0F0F8; border-bottom:1px solid #BEE0ED; border-top:1px solid #FFFFFF; height:30px; */ /*==================================================================== Park Page - Caravan tab ======================================================================*/ #caravansTab h2.boxTitle {background:#E0F0F8 none repeat scroll 0 0;border-bottom:1px solid #BEE0ED;font-size:1.8em;height:38px;line-height:38px;margin:1px;padding:0 0 0 13px;} #caravansTab ul{} #caravansTab ul li {border-bottom:1px solid #DDDDDD;float:left;width:716px; position:relative;} #caravansTab ul li img {width:140px; height:90px; margin:9px; float:left; border: 1px solid;} #caravansTab ul li h3 {font-size: 1.4em;} #caravansTab ul li p {font-size:1.1em;line-height:1.3em;margin-top:5px;padding-right:50px;padding-bottom:10px;} #caravansTab ul li p strong {color: #004A90;} #caravansTab ul li span.price {position: absolute;color:#D71C24;font-size:1.6em;clear:both;margin:0 0 0 10px;width:100px;text-align: right;right: 15px;top: 10px; font-weight:bold;} #caravansTab ul li a.btn, #caravansTab ul li a.btnRed {bottom:10px;float:right;position:absolute;right:0px;} #caravansTab ul li a.arrow {padding-left:23px;} #caravan_sales_view_more, #caravan_sales_view_region {float:right; margin:15px 8px 10px 15px;} /*==================================================================== Arrange A Viewing ======================================================================*/ .arrangeViewingHome {background:url(../images/park/arrangeBg.jpg) no-repeat 0 0!important;} .arrangeViewingHome #topBox {height:340px; margin:0 5px 15px;} #topBox #advisorNameBox {background:#E0F0F8; float:right;margin:260px 0 0 732px;position:absolute;border:1px solid #Bbb;} #topBox #advisorNameBox p {font-size:1.1em;} #topBox #callout {margin-left:5px;} .arrangeViewingHome #extendVisit img {margin:5px 5px 5px 10px; float:left; width:54px} #extendVisit .btn {margin:25px -1px 0 0;float:right;width:auto;} #arrange .btnRed {width:90px;margin-top:10px;} #arrange {background:url(../images/base/arrangeWidgetBg.png) no-repeat 0 0;height:310px;padding:2px 5px;width:225px;} #arrange form {margin-top:20px;} /*==================================================================== Owners Area - Login ======================================================================*/ /* #oa_login p, #oa_login h4{margin-left:20px;} #oa_login h4 {font-size:14px;} #login_form {background:#E0F0F8; border-top:1px solid #BEE0ED;border-bottom:1px solid #BEE0ED; margin:20px 0;} #login_form label {font-size:18px; width:140px; float:left; display:block;} #login_form input {padding:5px; width:280px;} #login_form .form_field {clear:both;padding:20px 0 0 20px;} #login_form .btn {position:relative; float:right;} */ .oa-login-img {padding:15px 4px 0;} #HOME .oa-login-img img{padding:4px; border:1px solid #BEE0ED; background:#fff;} #login_form .btnRed {float:right; margin:0 -16px 10px 0;} #login_form input {padding:3px 2px; font-size:14px;} /*Register Form */ #registerForm h2 {background-color:#E0F0F8;border-bottom:1px solid #BEE0ED;font-size:1.8em;height:32px;line-height:32px;margin:1px 1px 0;padding-left:15px;width:698px;} #registerForm .form_field {padding:0 15px;} #registerForm .form_field label {width:180px; display:block;float:left;font-size:1.2em;font-weight:normal;line-height:1.8em;} #registerForm .form_field input {width:250px;padding:3px;} #registerForm .form_field select {width:258px;padding:3px;} #registerForm .form_field #postcode {width:130px;} #registerForm .form_field #btnSearch {padding:2px 10px;} #registerForm .form_field #register_button {float:right;margin:10px -16px 15px 0;width:auto;} #registerForm .form_field #recovery_button {float:right;margin:10px -16px 15px 0;width:auto;} #registerForm h4 {font-size:14px; margin-bottom:10px;} #registerForm p {padding:0 0 10px;} form#register_form {} /*==================================================================== Find Out More ======================================================================*/ #findOutMore {padding-left:6px;} #findOutMore .menu {background:#E0F0F8; width:320px; padding:0;} #findOutMore .menu ul{padding:0;} #findOutMore .menu li {width:320px;} #findOutMore .menu li a {font-size:21px; padding:13px 0 13px 70px; display:block; text-decoration:none;border-bottom:1px solid #BEE0ED;border-top:1px solid #FFFFFF;} #findOutMore .menu li a:hover, #findOutMore .menu li.active a {background-color:#BEE0ED;} #findOutMore li a {background-image:url(../images/base/spriteFindOutMoreIcons.png); background-repeat:no-repeat;} #findOutMore li a.question {background-position:5px 5px;} #findOutMore li a.viewing {background-position:5px -46px;} #findOutMore li a.find {background-position:5px -96px;} #findOutMore li a.try {background-position:5px -141px;} #findOutMore li a.call{background-position:5px -189px;} #findOutMore li a.finance {background-position:5px -239px;} #findOutMore li a.brochure{background:url(../images/base/icon-tick.png) no-repeat 3px 2px;} #findOutMore .tabContent {background:url("../images/base/tabContentBg.gif") no-repeat scroll left top #FFFFFF;float:right;min-height:377px;width:638px;} #findOutMore .tabContent h2 {font-size:21px;} #findOutMore .tabContent p {font-size:14px;} #findOutMore .tabContent img {width:300px; float:right;} #findOutMore form .form-row {width:280px; float:left; padding:15px 15px 0;} #findOutMore form label {font-size:16px; font-weight:bold;} #findOutMore form .label{padding-bottom:5px;} #findOutMore form .field input {width:260px; padding:5px; font-size:18px;} #findOutMore form .btnRed {margin:0 15px;}