/**** Static Caravans Forsale.com ***/
/**** CSS By Simon Friend - redbullet.co.uk ***/ 

/**** HTML ****/
html,body{margin:0; padding:0}
body{background:#A5DBF7 url(../images/bg.jpg) repeat-x; margin:10px auto 0 auto; font: 12px Arial, sans-serif; text-align:center; color:#003366}
img{border:none}
a{text-decoration:underline; color:#003366}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0; padding:0}
h1{font-size:35px}
h2{color:#FFFFFF; font-size:28px}
h3{font-size:24px;}
h6{font-size:16px;}
p{margin:10px 0; padding:0}
/**** HTML ****/

/**** FORMS ****/
form{margin-bottom:20px}
label{display:block; color:#FFFFFF; font-size:14px; line-height:30px}
select{color:#003366; font-size:16px; width:270px}
.priceColumn{float:left; width:135px;}
.priceColumn select{width:135px; float:left}

/**** FORMS ****/

/**** GENERIC ID's ****/
#wrapper{width:980px; margin:0 auto 20px auto; text-align:left; position:relative}
#wrapper #header{position:relative; height:95px}
#wrapper #header #logo{position:absolute; top:16px; left:32px}
#wrapper #header #hotline{position:absolute; top:9px; right:25px}
#wrapper #header #newsletterLink{font-weight:bold; background:#C0E7FA url(../images/emailIcon.gif) no-repeat scroll 5px 3px; padding:4px 4px 0 37px; height:18px}
#wrapper #header .signUpNews{position:absolute; right:25px; top:70px; font-size:13px}
#wrapper #top{background: url(../images/container-top.gif) no-repeat; height:65px; position:relative}
#wrapper #bottom{background: url(../images/container-bottom.gif) no-repeat; height:15px}
#wrapper #container{background:#fff; position:relative; padding:0 20px 20px 20px; margin:0}
#wrapper #container .columnRight{float:right; position:relative}
#wrapper #container .columnLeft{float:left; position:relative}
#wrapper #footer{height:306px; background:url(../images/footerBg.jpg) no-repeat; position:relative; clear:both}
#wrapper #footer, #wrapper #footer a{color:#FFFFFF}
#wrapper #footer #footerLogo{width:166px; height:62px; position:absolute; bottom:15px; left:30px}
#wrapper #footer #copyright{position:absolute; bottom:0; left:250px;}
#wrapper #footer #footerLinks1{position:absolute; bottom:30px; right:50px;}
#wrapper #footer #footerLinks2{position:absolute; bottom:0; right:50px;}
#wrapper #footer #usefulLinks{position:absolute; top:30px; left:30px}
#wrapper #footer #usefulLinks ul{margin:0; padding:0; float:left; width:235px}
#wrapper #footer #usefulLinks ul li{list-style:none; font-size:14px; font-weight:bold; line-height:25px; color:#FFFF00}
#wrapper #footer #usefulLinks ul li a{font-size:12px; font-weight:normal; text-decoration:none; padding:4px}
#wrapper #footer #usefulLinks ul li a:hover{background:#FFF; color:#003366}
/**** GENERIC ID's ****/

/**** REDIRECT  ****/
#redirectWrapper{margin:20px auto; text-align:center; width:980px; font-size:20px; line-height:30px; position:relative; color:#0E5291}
#redirectWrapper h1{left:403px;margin:0 auto;position:absolute;top:190px;}
#redirectWrapper .loading{margin:20px auto}

/**** REDIRECT  ****/

/**** MAIN MENU ****/
#menu{height:38px; margin:0 auto; top:10px; left:7px; position:absolute; font-size:13px}
#menu ul{margin:0; padding:0;}
#menu ul .right{border:none}
#menu ul li{ list-style:none; float:left; border-right:1px solid #005593; border-left:1px solid ##00B9D9; font-weight:bold}
#menu ul li a{margin:0; display:inline-block; color:#FFFFFF; padding:10px 14px;  background:url(../images/menu-bg.jpg) repeat-x top; text-decoration:none; display:block}


#menu ul li a:hover{background:url(../images/menu-bg.jpg) repeat-x bottom; color: #FFFF00}
#menu ul li .active{background:url(../images/menu-bg.jpg) repeat-x bottom; color: #FFFF00}
#menu ul li a .active{background:url(../images/menu-bg-left.jpg) no-repeat bottom left; color: #FFFF00}

#menu ul li .left,#menu ul li .right{padding:0; border:none}
#menu ul li a .left{background:url(../images/menu-bg-left.jpg) no-repeat top left; padding:10px 22px; display:block}
#menu ul li a .left:hover, #menu ul li .left .active{background:url(../images/menu-bg-left.jpg) no-repeat bottom left; color: #FFFF00}


#menu ul li a .right{background:url(../images/menu-bg-right.jpg) no-repeat top right; padding:10px 22px; display:block}
#menu ul li a .right:hover, #menu ul li .right .active{background:url(../images/menu-bg-right.jpg) no-repeat bottom right; color: #FFFF00}

/**** MAIN MENU ****/

/**** HOMEPAGE ****/
#homeBanner{height:255px; width:920px; background:url(../images/homeBannerBg.jpg) repeat-x #D0EBF7; border:1px solid #9FCDEA; position:relative; padding:10px; margin-bottom:20px}
#homeBanner h1,#homeBanner h3{width:460px}
#homeBanner p{width:440px; line-height:25px; font-size:16px;margin:5px 0; padding:0}
#homeBanner .offerBtn{height:148px; width:148px; position:absolute; bottom:-5px; right:-5px; z-index:1}
#homeBanner .picHome{width:470px; height:275px; position:absolute; top:0; right:0; z-index:0}
#homeBanner .ownershipGuideBtn{width:269px; height:34px; position:absolute; bottom:10px; left:8px;}
/**** HOMEPAGE ****/

#forSaleSelector{}
#forSaleSelector #forSaleHeader{background:url(../images/blueBoxLarge.jpg) no-repeat top #004A8F; height:124px; position:relative; margin-bottom:5px}
#forSaleSelector #forSaleHeaderCounty{background:url(../images/blueBoxLarge.jpg) no-repeat top #004A8F; height:55px; position:relative; margin-bottom:5px}
#forSaleSelector ul{padding:10px 0 0 0; margin:0 1px; position:absolute; top:49px; left:0}
#forSaleSelector ul li{float:left; list-style:none; font-size:14px; font-weight:bold;}
#forSaleSelector ul li a{display:block; color:#FFFFFF; text-decoration:none; padding:4px 12px 0; height:24px;}
#forSaleSelector ul li a:hover, #forSaleSelector ul li .active{background:url(../images/forSaleBtnActive.gif) repeat-x; color:#004597}
#forSaleSelector .forSaleTitle{color:#BC272D; font-size:24px;position:absolute; top:-40px; left:10px}
#forSaleSelector .forSaleHead{position:absolute; top:10px; left:10px; font-size:32px; color:#FFFF00}
#forSaleSelector .all{width:83px}
#forSaleSelector .btnBlueSmall{position:absolute; right:10px; top:10px}

/**** FOR SALE ITEMS ****/
.forSaleItem{background:url(../images/itemBg.jpg) repeat-x; border:1px solid #A0DAF1; width:619px; height:120px; margin-bottom:5px; position:relative;}
.forSaleItem:hover{background:url(../images/itemBg.jpg) repeat-x bottom;}
.forSaleItem .itemImg{border:3px solid #29A6DD; height:90px; width:125px; position:absolute; left:10px; top:10px}
.forSaleItem .itemPrice{font-size:18px; color:#BC272D; font-weight:bold; position:absolute; right:10px; top:10px}
.forSaleItem h4{color:#003366; font-size:18px; position:absolute; left:150px; top:10px; text-decoration:underline}
.forSaleItem h5{color:#003366; font-size:16px; position:absolute; left:150px; top:35px; font-weight:normal}
.forSaleItem p{position:absolute; left:150px; top:50px; width:440px;}
.itemsMore{background:url(../images/blueBoxBtmLeft.jpg) no-repeat bottom left #004A8F; height:44px; padding-top:10px; position:relative}
.itemsMore .btmRight{background:url(../images/blueBoxBtmRight.jpg) no-repeat right bottom #004A8F; width:12px; height:12px; position:absolute; bottom:0; right:0}
.itemsMore .btnBlue{margin:0 auto}

.viewStaticCaravanBtn{background:url(/images/viewStaticCaravan.jpg) no-repeat top; width:134px; height:19px; position:absolute; right:10px; bottom:10px; display:block; text-decoration:none}
.viewStaticCaravanBtn:hover{background:url(/images/viewStaticCaravan.jpg) no-repeat bottom}
.viewStaticCaravanBtn span{display:none}
/**** FOR SALE ITEMS ****/

/**** General Tabber ****/
#genericTabber{position:relative; width:100%; margin-bottom:20px}
#genericTabber #tabberHeader{background:url(../images/blueBoxTopLeft.jpg) no-repeat left top #004A8F; height:82px; position:relative;}
#genericTabber .topRight{background:url(../images/blueBoxTopRight.jpg) no-repeat left top #004A8F; width:12px; height:12px; position:absolute; top:0; right:0}
#genericTabber h2{color:#004A8F; font-size:24px}
#genericTabber ul{padding:10px 0 0 0; margin:0 0 0 1px; position:absolute; top:49px; left:0;}

/* Target Firefox 2 and older [!] */
#genericTabber ul, x:-moz-any-link {position:absolute; top:56px; left:0;}
#genericTabber ul, x:-moz-any-link, x:default {position:absolute; top:49px; left:0;}
/*********************************/

#genericTabber ul li{float:left; list-style:none; font-size:14px; font-weight:bold;}
#genericTabber ul li a{display:inline-block; color:#FFFFFF; text-decoration:none; padding:4px 15px 0; height:24px;}
#genericTabber ul li a:hover, #genericTabber ul li .active{background:url(../images/forSaleBtnActive.gif) repeat-x; color:#004597}
#genericTabber .forSaleTitle{color:#BC272D; font-size:24px;position:absolute; top:-40px; left:10px}
#genericTabber .forSaleHead{position:absolute; top:10px; left:10px}
#genericTabber .content{background:#D1EBF8 url(../images/genericTabberBg.gif) repeat-x; border:1px solid #A0DAF1; border-top:none;  margin-bottom:5px; padding:10px; position:relative; min-height:200px}
#genericTabber h4{margin:10px 0}
#genericTabber .morePark{position:absolute; top:150px; left:0}
#genericTabber .moreRegion{position:absolute; top:20px; right:0}
/**** General Tabber ****/


#countyList{margin:0; padding:0}
#countyList ul{position:relative}
#countyList li{list-style:none}
#countyList li a{display:block; line-height:25px}
#countyList li a:hover{background-color:#D0EAF7!important; color:#003366!important}

#countyList li .active{font-weight:bold}

/*** Blue Fade Box ***/
.blueFadeBox{padding:10px; background:url(images/homeBannerBg.jpg) top repeat-x #D0EAF7; border:1px solid #A0DAF1; margin-bottom:20px; position:relative}
/*** Blue Fade Box ***/

/**** CARAVAN SEARCH BOX ****/
#caravanSearchBox{width:280px; height:333px; background:url(../images/caravanSearchBox.gif) no-repeat;  padding:10px;}
/**** CARAVAN SEARCH BOX ****/

.blueBoxSmall{width:300px;background:#004A8F; color:#FFFFFF; position:relative}
.blueBoxSmall a{color:#FFFFFF}
.blueBoxSmall .top{background:url(../images/blueBoxSmallTop.gif) no-repeat top; height:12px}
.blueBoxSmall .content{padding:0 10px;}
.blueBoxSmall .bottom{background:url(../images/blueBoxSmallBottom.gif) no-repeat bottom; height:12px}
.blueBoxSmall .blueBoxMap{width:301px; height:217px; margin-bottom:-10px; margin-top:15px}
.blueBoxSmall .btnBlue{position:absolute; bottom:0; left:15px}

#parkMap{margin-bottom:20px}

#formNewsletter{float:right; margin-top:67px; width:235px;}
#formNewsletter #emailInput{border:1px solid #CCCCCC;}
#formNewsletter .submit{background:#003366;border:1px solid #CCCCCC;color:#FFFFFF;}


.parkItem{width:298px; height:105px; background:color:#EBF7FC; border:1px solid #CCC; float:left; margin-right:20px; margin-bottom:20px; display:block; position:relative}
.parkItem span{padding:0 8px; background:#FFF; position:absolute; top:0; left:0}


/**** CLASSES ****/
.clear{clear:both}
.clearLeft{clear:left}
.clearRight{clear:right}
.tab{position:relative}
.picRight{float:right; margin-left:10px; margin-bottom:10px;}
.picLeft{float:left; margin-right:10px; margin-bottom:10px;}
.blueBorder{border:3px solid #29A6DD}
.fullWidth{width:940px}
.fullWidthPad{width:918px}
.wide{width:620px}
.thin{width:300px}
.textLarge{font-size:16px; line-height:20px}
.textMedium{font-size:14px; line-height:20px}
.boxFloat{float:left; margin-right:20px;}
.noMargin{margin:0}
.pxBreak{margin-bottom:20px}
.btm{position:absolute; bottom:10px; left:17px}
.seeyousoon{bottom:50px;position:absolute;right:20px;}
.winCaravan{background:url(../images/winCaravanBg.jpg) no-repeat; height:289px}
.winCaravan .winCaravanBtn{position:absolute; left:-5px; top:-5px}
.height265{height:265px}

.btn{font-size:20px; line-height:30px; text-align:center; padding-top:4px; display:block; height:30px; width:266px; cursor:pointer}
.btn a{color:#FFFFFF; text-decoration:none; display:block;}
.btn2{font-size:20px; line-height:30px; text-align:center; padding-top:4px; display:block; height:30px; width:266px;}
.btn2 a{color:#004A8C; text-decoration:none}
.btnSmall{font-size:20px; line-height:25px; text-align:center; padding-top:4px; display:block; height:30px; width:100px;}
.btnSmall a{color:#FFF; text-decoration:none}

.btnRed{background: url(../images/btnRed.png) no-repeat top;}
.btnRed:hover{background: url(../images/btnRed.png) no-repeat bottom;}
.btnBlue{background:url(../images/btnBlue.png) no-repeat top; }
.btnBlue:hover{background:url(../images/btnBlue.png) no-repeat bottom}
.btnBlueSmall{background:url(../images/btnBlueSmall.png) no-repeat top; }
.btnBlueSmall:hover{background:url(../images/btnBlueSmall.png) no-repeat bottom}
.btnLight{background: url(../images/btnLight.png) no-repeat top;}
.btnLight:hover{background: url(../images/btnLight.png) no-repeat bottom;}

.point{width:20px; height:15px; margin-right:10px; float:left}
.lightBlue{background:#29A7DE}
.darkBlue{background:#004A8F}
.green{background:#66CC33}

/** togller **/
.toggler{cursor:pointer; font-weight:bold; color:#003366; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; display:block} 
.toggler:hover{background: #C2DDF8;} 
.element{padding:0 5px;}


.text{width:492px; position:absolute; right:5px; top:5px; background:#FFF; height:70px; padding:10px; margin:0}
.holidays{background:#29A5DC; padding:5px; margin-bottom:5px; position:relative;}
.sales{background:#00448D; padding:5px; margin-bottom:5px; position:relative;}
.touring{background:#66CC33; padding:5px; position:relative;}

#parkHolidaysUkTab{width:600px}
#parkHolidaysUkTab .text{width:345px; position:absolute; right:5px; top:5px; background:#FFF; height:150px; padding:10px; margin:0}


#pdfList {position:static!important}
#pdfList li{background:transparent url(../images/pdfIcon.jpg) no-repeat;width:230px; float:left}
#pdfList li a{color:#C6181A !important;display:block !important;height:50px !important;margin-left:4px;padding:6px 75px !important;}
#pdfList li a:hover{background:none!important; color:#000000!important}

.atlasBrochure1{background:url(../images/pdfimages/atlasCaravans.jpg) no-repeat!important; height:84px}
.atlasBrochure2{background:url(../images/pdfimages/atlasLodges.jpg) no-repeat!important; height:84px}
.abiBrochure{background:url(../images/pdfimages/abi.jpg) no-repeat!important; height:84px}
.deltaSantanaBrochure{background:url(../images/pdfimages/santana.jpg) no-repeat!important; height:84px}
.deltaNordstarBrochure{background:url(../images/pdfimages/nordstar.jpg) no-repeat!important; height:84px}
.deltaVillaBrochure{background:url(../images/pdfimages/villa.jpg) no-repeat!important; height:84px}
.carnabyBrochure{background:url(../images/pdfimages/carnaby.jpg) no-repeat!important; height:84px}
.aspenBrochure{background:url(../images/pdfimages/carnaby.jpg) no-repeat!important; height:84px}
.levenBrochure{background:url(../images/pdfimages/leven.jpg) no-repeat!important; height:84px}
.winchesterBrochure{background:url(../images/pdfimages/winchester.jpg) no-repeat!important; height:84px}
.salisburyBrochure{background:url(../images/pdfimages/salisbury.jpg) no-repeat!important; height:84px}
.granadaBrochure{background:url(../images/pdfimages/granada.jpg) no-repeat!important; height:84px}
.vacationBrochure{background:url(../images/pdfimages/vacation.jpg) no-repeat!important; height:84px}
.vogueBrochure{background:url(../images/pdfimages/vogue.jpg) no-repeat!important; height:84px}
.newEnglandBrochure{background:url(../images/pdfimages/newEnglandLodge.jpg) no-repeat!important; height:84px}
.newHampshireBrochure{background:url(../images/pdfimages/newHampshireLodge.jpg) no-repeat!important; height:84px}