@charset "UTF-8";
/* CSS Document - Mobile Styles */

/******** Global Text Styles ********/
#banners { line-height: 170px; background-position: 150% 0; height: 115px; }
#banners h1 { font-size: 1.2em; width: 35%; }
#banners .bannerone h1 { width: 90%; }

@media all and (max-width: 745px) {
    #banners { background-image: none; line-height: 1.4em; }
    #banners h1 { width: 90%; margin: 1rem; }
}

@media only screen and (min-width : 440px) and (max-width : 625px) {
    #regionsmap { left: auto; right: 0; }
}

@media only screen and (min-width : 340px) and (max-width : 465px) {
    #filter span { width: 4.7rem; padding: 0.5rem 0.0rem 0 0; font-size: 0.9em; }
    #filter label { margin-left: 0.25rem; margin-right: 0.25rem; }
    #buyingguide-menus li { width: 98%; }
    #buyingguide-menus h3 { font-size: 1.45em; }
    #buyingguide-intro-copy { padding: 1.1rem 1.1rem 0.07rem 1.1rem; }
    #intromap .row { padding-right: 0; }
    #maparea { padding: 0; max-height: 90%; }
    #map_canvas { height: 450px!important; }
    #OOOmaparea { display: none; }
    #wizard .step2 span { width: 54%; }
}

@media only screen and (max-width : 465px) {
    #maparea #usemap { font-size: 1.1em; padding: 0 1rem 2rem 1rem; }
}
@media all and (max-width: 504px) {
    #feefobutton { clear: both; width: 125px; margin-top: 0.4rem; }
    header .floatright { width: 50%; }
}

/******** Custom Site Styles ********/
.row { padding-right:30px; padding-top: 25px; }

/******** Foundation Alterations ********/
#logo img { margin-left: 0.4rem; min-width: 120px; }

/* Top Bar */
nav .top-bar-section { display: none; }
    nav .top-bar-section ul li { background-color: #fff; display: block; border-right: 0px solid white; border-bottom: 1px solid #a4afb7; }
        nav .top-bar-section ul li a { color: #2d3e50; font-size: 0.9em; width: 100%; }
            nav .top-bar-section ul li:hover { background-color: #2d3e50; }
            nav .top-bar-section ul li:hover > a { color: White; }
.top-bar .toggle-topbar { position: absolute; left: 6px; top: 0; }
.top-bar .toggle-topbar.menu-icon { top: 40%; }
.top-bar .toggle-topbar.menu-icon a { color: #000000; }
.generic .top-bar .toggle-topbar.menu-icon a { color: #fff; }
.top-bar.expanded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); z-index: 999; }
.top-bar-section ul li { margin-bottom:0; }

#filter { padding-left: 0; padding-right: 0; }

#wizard { width: 100%; height: auto; }
    #wizard .fiftyperc { width: 100% }
    #wizard .vans select { float: left; margin: 0 0.3rem 0.3rem 0.3rem; }
    #wizard .nextbutton { margin-top: 1.5rem; }
    #wizard .cornerstamp { display: none; }
    #wizard .step2 span { width: 50%; }
    #wizard .step2 .backbutton, #wizard .step2 .nextbutton { margin-top: 0.3rem; }
    #wizard .step3 .row .columns, #wizard .step3 .row { margin: 0; padding: 0; } 
        #wizard .step3 .row .columns { margin-bottom: 0.5rem; }
        #wizard .step3 select, #wizard .step3 input { margin: 0; } 
        
#map { width: 100%; height: 584px; background-image: none; }
    #map .cornerstamp { display: none; }
    #map p { margin-top: 0.5rem; }
    #regionsmap { top: 110px; }

#buyingvideonews .columns { height: auto; margin-bottom: 2rem; }
#buyingvideonews h2 { font-size: 1.1em; padding-bottom: 3.9rem; }
#about .column, #about .columns, #mybuyersguide .columns { padding-left: 0; padding-right: 0; }

#parklist .parklisting img.parkimage { width: 50%; margin-bottom: 0.5rem; }
#parklist .parklisting .parklisting-details { margin-left: 0; float: none; width: 100%; }
#parklist .parklisting img.operatorlogo { float: right; }
#parklist .parklisting ul { width: 100% }
#parklist .parklisting .parklisting-details .parklisting-description { width: 100%; }
#parklist .parklisting h3, #parklist .parklisting h4 { clear: both; margin-top: 0.5rem; }
#parklist .bottomrow p { position: absolute; top: 117px; border-left: 0px solid white; margin-left: 0px; background-color: #a4afb7; line-height: 1.5em; font-size: 1.2em; height: 90px; padding-top: 20px; width: 100%; }
#parklist .bottomrow { margin-bottom: 17rem; }

#parktabs { padding: 0; border-bottom: 3px solid white; }
#parktabs a { padding: 1.2rem 1rem 1.2rem 1rem; font-size: 1.0em; margin-left: 0; }
#parktabs a#tabViewCaravans { background-image: none; padding: 1.2rem 1rem 1.2rem 1rem; }
#parktabs span { display: block; background-color: #a4afb7; margin: 0; padding: 0.5rem; border-top: 4px solid #788690; border-right: 4px solid #788690; border-left: 4px solid #788690; color: white; text-align: right; }
#parkoverview { padding: 1rem; }
#parkoverview .row { padding-top: 0; padding-right: 0; }
#parkoverview, #vansforsale { border-top-width: 0px; }
#parkgallery, #parkoffers, #parkfacilities, #parkvideos, #parklocation { margin-left: 0; }
#vansforsale table th, #vansforsale table td { font-size: 0.8em; }
    #vansforsale table td.vansforsale-price { font-size: 1.0em; }
/* #vansforsale table th.th-vansforsale-image, #vansforsale table th.th-vansforsale-location { display: none; } */
#vansforsale table th.th-vansforsale-location { display: none; }
/* #vansforsale table td.vansforsale-image, #vansforsale table td.vansforsale-location { display: none; } */
#vansforsale table td.vansforsale-location { display: none; }
#vansforsale table td.vansforsale-action a { width: 60px; font-size: 0.8em; padding: 0; }
#parktabs span { border: 0px solid transparent; border: 4px solid #788690; width: 100%; }

#buyersguide-teddy div { max-width: 95%; }
#buyersguide-dad { background-position: 58% 0%; }

#buyersguide-seaside, #buyersguide-dad, #buyersguide-parklife { padding-left: 1rem; padding-right: 1rem; }
    #buyersguide-parklife .columns, #buyersguide-sherlock .columns, #buyersguide-neworused .columns, #buyersguide-payyourkeep .columns, #buyersguide-sublet .columns, #buyersguide-boring .columns { padding-left: 0; padding-right: 0; }
    #buyersguide-payyourkeep { padding-bottom: 4.5rem; }
    #buyersguide-sublet { padding-top: 5.0rem; }
    #buyersguide-payyourkeep .circleorange { margin-top: -15px; left: 50%; margin-left: -81px; }

#footerpartners { text-align: center; }

#buyingvideonews { padding: 0 1.5rem; }
#buyingvideonews .columns { padding: 0; }

#mapall { display: none; }

.googlemapbubble { width: 200px!important; display: block; }
.googlemapbubbleimagecell, .googlemapbubbledetailscell p, .googlemapbubbletopbanner { display: none; }
.googlemapbubbledetailscell a.buttongreen, .googlemapbubbledetailscell a.buttonblue { float: none!important; display: block; padding: 0.5rem 0rem 0.4rem 0rem; margin-bottom: 0.2rem; }


#parklist .parklisting { border-bottom: 4px solid #788690; padding: 0.3rem; }
    #parklist .parklisting img.parkimage, #parklist .parklisting img.operatorlogo, #parklist .parklisting ul, #parklist .bottomrow img { display: none; }
    #parklist .parklisting h3, #parklist .parklisting h4 { font-size: 1.0em; }
        #parklist .parklisting h3 { margin-top: 0; font-size: 1.1em; }
    #parklist .parklisting .parklisting-locationimage { width: 45%; float: left; display: inline-block; font-size: 0.9em; line-height: 1.1em; }
    #parklist .parklisting .parklisting-details hr, #parklist .parklisting .parklisting-details .parklisting-description { display: none; }
    #parklist .parklisting .parklisting-details .parklisting-requestbuttons a { padding: 0.6rem 0.6rem 0.5rem 0.6rem; font-size: 0.8em; width: 100%; }
        #parklist .parklisting .parklisting-details .parklisting-requestbuttons .findoutmore { display: block; width: auto; height: auto; position: relative; top: 0px; right: 0px; background-color: #a3cd39; background-image: none; margin-bottom: 1rem; }
    #parklist .findoutmore { display: none; }
    #parklist .parklisting .parklisting-requestbuttons { display: inline-block; width: 52%; float: right; }
    #parklist .bottomrow { display: none; }