@media only screen and (min-width: 1000px){    
    .nav-second ul, .nav-main ul{ display: block !important; }
}

@media only screen and (min-width: 769px)   {
    nav, .nav-second{ right: 0!important; }
}


    .renew-hide{ display: block; }
    *.renew-show, *.renew-show label
    {
        
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;       
        background: transparent;
        line-height: 0;
        border-top: none;
        min-height: 0;
    }
    
    *.renew-show label
    {
        padding: 0; } 
        
        .renew-colour .renew-group{ vertical-align: middle; }

@media only screen and (max-width: 999px){
    
#booking .input-wrap-2{ 
	width: 49.5%;
}

#booking .input-wrap-2 + .input-wrap-2{
	margin-lefT: 1%;
}

.form-style-2 .expiry_input.input-wrap{
	margin-left: 149px;
}
    
    * {
        line-height: 1.25; zoom: 1; 
        font-smooth: always;  
        margin: 0; 
        padding: 0; 
        border: 0; 
        vertical-align: baseline; 
        
    }
    
    *, *:before, *:after, *:focus     {        
        -webkit-box-sizing: border-box; 
        -moz-box-sizing: border-box; 
        box-sizing: border-box; 
        word-break: break-word;
    }
    
    p{
        padding: 0 0 10px;   
    }
    
    input:focus, textarea:focus{
        outline: none;
        border: 1px solid #414141;
    }
    
    
    @viewport {
	    width: auto;

	    max-width: 999px;
	    min-width: 300px;
    }

    @-o-viewport {
	    width: auto;

	    max-width: 999px;
	    min-width: 300px;
    }

    @-ms-viewport {
	    width: auto;

	    max-width: 999px;
	    min-width: 300px;
    }
    
    .image, img, object, object *, .content-main a, [class$=-mustsee] .col-2 .image{
        margin: 0 auto;
        background: none;
        height: auto;
    }
    
    .image, img, object, object *, [class$=-mustsee] .col-2 .image{
        line-height: 1; 
        min-height: 10px;
    }
    
    
    footer img{ min-height: 5px; }
    .btn.btn-search img, .news-article img, .home img, .quant img, .user-links img{ min-height: 22px; }
    
    .image, img, object, object *{ text-align: center; }
    
    .image, a{ display: block; }
    
    .content-main a{
        line-height: 2;
    }
    
    p a, a[href*=pdf], span a, a strong, .article a{
        display: inline; 
    }
    
    object *, img, .item .image img{
        max-width: 100%; 
    }
    
        iframe[src*=google]{
            max-width: 100% !important; 
            width: 100% !important;
        }
        
            iframe[src*=google] img{
                max-width: none; 
            }
    
    
    br{
        display: none; 
    }
    
    .heading p.btns br{
        display: block;
    }
    
    /*clearfix */
    
    .cycle-mustsee .cycle-slide [class*=col]:before, .cycle-mustsee .cycle-slide [class*=col]:after, .event:before, .event:after, .highlight:after, 
    .highlight:before, [class^=cycle] .cta:after, [class^=cycle] .cta:before, [id*=pnlSearch]:after, [id*=pnlSearch]:before, .logo:after, .logo:before, .item:before, .item:after{
      clear: both;
      content: '';
      display: table;     
    }
    
    
    
    [class$=-mustsee]{
        width: 65%;
    }
    
        
    #page-feature [class$=-mustsee], .large-button, #booking .large-button{
        width: 100%;
    }
    
    .wrap-whatson {
        width: 35%;
        margin-left: 0;
        padding-left: 1.25%;
        border-left: 1px solid #e9e9e9;
    }
    
    
    
    [class*=cycle] [class*=col]    {        
        margin-right: 2.5%;
        width: 47.5%;
        height: auto;
    }
    
        #page-feature [class*=cycle] [class*=col]    {       
            width: 31.5%;
        }
    
    .cycle-mustsee [class*=col] {      
        display: block;
        position: relative;
    }
    
        [class*=cycle] .col-2, .wrap-whatson .cycle-slide{ min-height: 425px; }
    
    .cycle-explore .col-2{ min-height: 100px; }    
    
    
    #tabs-hero a, #tabs-hero a.last    {
        width: 25%;
        margin: 0;
    }
    
    [id^=side], #side{
        width: 20%;
        margin-right: 2.5%;
    }
    
   
    
    [id^=main], #main{
        width: 77.5%;
        float: right;
    }
    
        .shop-content .box, .shop-content #main, .shop-content .content-main{ width: 100% !important; float: none; }
        .shop-content{ padding: 0 10px !important; }
        
        .shop-content h2{ padding: 10px 0; margin: 0; }
        .shop-content img.cards{ margin: 0 auto 10px; }
    
    #booking .block-tabs .text {
        width: 75%;
    }
    
    .cycle-wrap, #mid, .duchess, #submenu, header .inner, footer .inner, .top-bar .inner, .wrap-whatson .cycle-slide, .whatson .group, .whatson, .menu-features ul,
    [id*=booking-tooltip] h2, [id*=booking-tooltip] ul,  .filterinfo, #booking .details, #booking .block-tabs, [id*=booking-tooltip], .block-tabs .tab-content, .block-tabs ul.tabs,
    .calendar-wrapper, [id*=booking-tooltip] table, #booking .box, #calendar-slide, #calendar-slide .prev-next, #booking #login, #booking #login ul li, #booking .billing-info li,
    #booking #login .large-button, #booking #new-customer .large-button, #booking #new-customer, #order-summary table, #booking #splash.box,#booking .billing-info,
    #order-summary .extra, .heading .inner, .cycle-wrapper.cycle-moreinfo, .cycle-wrapper.cycle-moreinfo .slide, .cycle-head, #basket-container
    {
        width: 100%;
        min-width: 100%;
        float: none;
        height: auto;
        margin: 0 auto;
    }
    
    .block-tabs ul.tabs
    {
        height: auto;   
    }
    
    
    #mid, footer .inner{
        padding: 0 10px;   
    }
    
        #page-feature #mid, #basket-container{ padding: 10px; }
    
    
    #fixedside{ position: relative; }
    
    
    .block-hometeasers{ background: none; }
    
    /* home sliders */
    .cycle-slide > img, .cycle-explore .image {
        width: 100%;
        height: auto;
        display: block;
    }
    
     #tabs-hero a    {
        border-right: 1px solid white;   
    }
    
    .heading .content-side p{ font-size: 18px;}
    
    
    #tabs-hero a.last{ border: none; }
    
    .calendar-tab    {
        right: 0;   
    }
    
    
    .prev-next{
        right: 2.5%;
    }
    
       
    /* left column */
    .duchess{ margin: 0  auto 15px; }
    
    .banner img, .mainpic    {
        width: 100%;
        height: auto;
    }
    
    .banner .banner-title
    {
        width: 90%;
        left: 5%;
    }
    
    .block{ margin-bottom: 15px; }
    
    .collapsible a{ display: block; height: 22px;}
    
    .banner .banner-title h3{ padding: 10px 5px 5px; }
    
    .whatson .group img{
        width: 90%;
        height: auto;
    }
    
    /* navigation */
    .nav-main a    {
        font-size: 11px;
    }
    
    
    /* template pages */
    .heading .content-side, .content-side {
        width: 35%;
        padding: 10px 10px 0;
        margin: 0;
        float: right;
    }   
    
        .tab-content .content-side{ margin-top: 20px; }
        .page-message{ padding: 5px 0; line-height: inherit;}
    
        #page-feature .heading .content-side {
            float: left;
            width: 40%;
        }
    
    .content-main, .heading .content-main, .heading .content-main.colored{
        width: 65%;
        margin: 0;
        padding: 10px;
        float: left;
    }
    
        #page-feature .heading .content-main {
            float: right;
            width: 55%;
        }
    
        #page-feature section#mid .content-main {
            float: none;
            width: 100%;
        }
    
    .heading-block{
        padding: 10px 10px 0;
    }
    
    #page-feature .cycle-explore {
        width: 100%; 
        margin-top: 45px;
    }
    
        #page-feature .cycle-explore img, #page-feature .mainimg, #page-feature .heading .prev-next
        {
            width: 100%;
            height: auto;
        }
    
        
    
    
    #wrapper-social h2 span, .content-main.search{ width: 100%; }
    
    /* explore */    
    .cycle-explore    {
        float: none;
        width: 90%;   
    }
    
    .explorethumbs .item, .alsolike .event-item{
        width: 30.6333%;
        margin-right: 2.5%
    }
    
    .event {
        width: 31.5%;
        margin-right: 1.8333%;
        min-height: 350px;
    }
    
    .teaser {
        padding: 20px 0;
    }
    
    .nav-second a{ padding: 0 5px; }
    
    
    .heading .btn.btn-features{
        background: #EBE4C2;
        width: 100%;
    }
        
        .btn.btn-features span{
            background: none;
            display: inline;
        }
    
    .heading .landing-info {
		 height: auto;
    }
        
    .heading .landing-info .thumbs {
        position: relative;
        margin: 20px 0 0;
    }
    
        .heading .landing-info .thumbs > a{
            width: 45%;
            float: left;
            margin: -15px 2.5% 20px 0;
        }
        
        
    
    .ticket-info {
         border-top: 1px dotted#DBC28B;
        padding: 5px 0 0; 
    }
    
    
    /* block tabs*/
    
    .btns.explore{ width: 30%; }
    
    .btns.explore span{
        background: url(/_assets/images/site/icons/icon-arrow-white-down.png) no-repeat right 50%;   
        line-height: 2;
        height: 100%;
        display: block;
    }
    
    .block-tabs ul.tabs{
        padding: 15px 0 0;
    }
    
    .block-tabs ul.tabs > li {
        width: 19%;
        margin: 0 0 0 1%;
    }
    
        #booking .block-tabs ul.tabs > li {
            width: 31.5%;
            margin: 0 0 0 1.5%;
        }
        
        
    
     [id*=booking-tooltip] h2.tickets, [id*=booking-tooltip] h2.times, [id*=booking-tooltip] h2.details{ background-position: left center; }
     
     .event-popup .add-tickets
     {
        width: 100%;   
        margin: 0 0 10px;
     }
    
    .block-tabs ul.tabs li a, #booking .block-tabs ul.tabs li a  {
        padding: 0 5px;
        text-align: center;
    }
    
    .block-tabs ul.tabs li a.filter{ width: 100%; text-align: left;}
    
    .block-tabs ul.tabs li.cal a span{ width: 22px; margin: 0 auto; overflow: hidden; height: 100%;}
    
    /* booking */
    #booking #splash.box{ border: none; border-bottom: 1px solid #EBE4C2; margin: 0 0 10px;}
    
    #booking .details .row {
        height: auto;
        clear: both;
    }
    
    #booking .table .row > div {        
        margin-left: 0;
        margin-right: 0;
    }
    
    #booking .table .info {
        width: 5%;
        padding: 0;
    }
    
    #booking .table .type{
        width: 35%;
    }
    
    #booking .table .price, #booking .table .prev-next{
        width: 20%;
    }
    
    #basket .row > .shop-col2{ padding-left: 5px; }
    #basket .shop-col1{ width: 20%; }
    .shop-col1 img{ min-height: 10px; width: auto;}
    #basket .shop-col2{ width: 40%; }
    #basket .shop-col3{ width: 20%; background: #e9e9e9; }
    
    #basket .row > .shop-col4, #basket .row > .shop-col5{ width: 20%; padding: 0; text-align: center;}
    #basket .shop-col4{ line-height: 2 }
    
    #booking .table .quantity {
        width: 20%;
    }
    
        #basket-container [id*=lnkQuanDown]         {
            float: left;
            width: 100%;
            text-align: left; 
            padding: 0 0 0 18.75%;
        }
        
        #basket-container [id*=lnkQuanUp]{ 
            position: absolute;
            top: 5px;
            right: 0;
            width: 50%;
        }
    
    
    [id*=booking-tooltip] h2{ margin: 0 0 10px; }      
    
     /*booking login */
    #booking .box{
        padding: 5px;
    }   
    
        #booking #login ul li, #booking .billing-info li, .shop-content ul li{
            margin: 0 0 10px;
            width: 100%;
        }
    
        .shop-content ul{ margin: 0; padding: 0; }
        
        #booking #new-customer{ padding: 10px; }
        
        #booking #new-customer .large-button {
            position: relative;
            bottom: 0;
            left: 0;
            margin: 10px 0 0;
        }
        
        .billing-info .tooltip{ display: none; }
        
    #booking #login input[type="text"], #booking .billing-info input[type="text"], div.selector, .shop-content input[type="text"], .shop-content input[type="password"], .shop-content select,
    #booking .billing-info input[type="password"], #booking #login input[type="password"]
    {
        width: 100% !important;
    }
    
        div.selector span{
            line-height: 3;
        }
        
        #optout{ width: 100%;  padding: 5px 10px; }
        #optout .radio{ display: inline; float: left; }
        #optout label{ width: auto !important; }
    
    
    #booking .box .large-button{ max-width: 100%; }
    
    #booking .large-button span.ticket {
        padding: 0;
        display: block;
        width: 100%;
        background-position: 15px center;
        height: 100%;
        line-height: inherit;
    }
        .quant [id*=EntryUp]{
            right: 0;
        }
        
    .search-group a{
        line-height: 1.1;
        text-align: left !important;
    }
    
    /* mailing list style */
    .mailing .row > label{
        float: left;
        width: 25% !important; 
        margin: 0;
        line-height: 1.1;
        padding: 10px 0 0;
    }
    
    .mailing input[type="text"], .mailing textarea, .mailing select{
        float: right;
        width: 75%  !important; 
        margin: 0;
        max-width: 75% !important; 
    }
    
        .mailing li a{ text-align: left; }
        
    input[type="text"], textarea, select
    {        
        word-break: normal;
        overflow: hidden;   
    }
    
    
    
        
    
    .newscategories{ border: none; padding: 0; }
    
    /* footer styles **/
    #contact-links > strong {
        float: left;
        clear: both;
        margin-right: 3px;
   }
   
   footer h3{
       line-height: 1;
       margin: 0 0 10px;
   }
   
   .shop-content ul li span{ position: relative; left: 0; width: 23px; height: 23px;}
    
    .shop-content ul .selector span{ height: 100%; }
    
     .calendar-block, .calendar-form
    {
        width: 100%;   
        margin: 0 0 10px;
    }
    
    .calendar, .calendar-wrapper .form input.short 
    {
        float: none; 
        width: 100%; 
    }
    
    
    /*calendar style */
    .calendar td{
        width: auto;
        height: auto;
        position: relative;
        padding: 10px 5px;
    }
    
    .calendar td a {
        display: block;
        line-height: 3;
        width: 100%;
    }
    
    /* tickets */
    .event-popup .add-tickets h3
    {
        font-size: 16px;   
    }
    
    
    #booking .wide, .member-right
    { width: 100%; margin: 0 0 10px; float: none; clear: both; }
    
    .input-wrap 
    {
        width: auto;
        display: block;   
    }
    .input-wrap input{ width: 100% !important; display: block; border: 1px solid #111; line-height: 28px; padding: 0 5px;}
    
    #booking .member-right .large-button{ height: 30px !important; line-height: 28px !important;}
    #booking .member-right .input-wrap{ margin-right: 160px; }
    
    .renew-label label{ padding: 0; }
    .renew-block br{ display: block; }
    .renew-select{ padding-top: 10px; }
} 

@media all and (max-width: 850px)
{
    .nav-main a {
        padding: 0 5px;
    }
    
    .collapsible ul.sociallinks li {
        margin-right: 1px;
        width: 19px;
    }
    
    .banner .banner-title h3 {
        font-size: 18px;
    }
    
    
}

@media all and (max-width: 999px) and (min-width: 769px)
{
    
        #google_translate_element
    {
        display:none !important;
    }
    
    #booking #offer {
        padding-top:  25px;
    }
    
    [id*=booking-tooltip] table, [id*=booking-tooltip] tbody, [id*=booking-tooltip] tr, [id*=booking-tooltip] td {
        display: block !important;
        width: 100%;
    }
    
        [id*=booking-tooltip] td {
           float: left;
        }
    
    #booking-tooltip-1{
        border-bottom: 1px solid #783F16;
    }
    
    [id*=booking-tooltip] table tr:first-child{
        margin: 0 0 10px;
    }
    
    [id*=booking-tooltip] table p {
        padding: 0 0 3px;
    }
    
     [id*=booking-tooltip] table .price{
         font-size: 125%;
         font-style: italic;
     }
     
     .ticket-info .quant{ text-align: right; }
     
     .shop-dept h2{ line-height: 1.25; padding-top: 10px; }
     
     #stages{
         min-width: 100%;
         text-align: left;
     }
     
     #stages li {
         margin: -5px 0 0 1%;
     }
     
     #booking .key-links a{
         padding: 0 10px;
         margin: 0;
     }
     
     [id*=booking-tooltip] h2{
         padding-left: 25px; 
     }
     
     
     #order-summary .row > div {
        margin-right: 1.5%;
    }

    #order-summary .type{
        width: 30%;
    }

    #order-summary .discount, #order-summary .row .quant, #order-summary .last{   
        width: 13%;
    }

    #order-summary .title{
        width: 19%;
    }

    #order-summary .row .quant{
        padding-left: 30px;
    }
     
     #submenu{ margin: 10px 0; }
          
   input.qty{ width: 42.5%; float: left; clear: both; margin: 0;}
   .checkout .btn.btn-buy{
        width: 55% !important;
        margin: 0 0 0 2.5%;
        float: left;
    }  
    [id*=pnlBasket].basket{ top: 72px; }
    
    
        
}   

@media only screen and (max-width: 768px){    
    
    
    .renew-name{ width: auto; }
    .renew-name .code{ font-weight: 700; }
    *.renew-hide 
    {
        display: none !important;
           
    }
    *.renew-show, *.renew-show label{ 
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;   
        height: auto;            
        line-height: 1.5;
        display: block;
        margin: 0 0 5px;
    }
    
        #google_translate_element
    {
        display:none !important;
    }
    
        .news-article .image img   {
            width: 100%; 
        }
        
        .news-article p.icon{  }
    
    .btn{ white-space: normal; }
        
     body, html{
        width: 100%;
        min-width: 300px;
    }
    
    body {
        overflow-x: hidden;
    }
    
    #booking .content{ margin: 0 0 10px; }
    #booking .box .cards{ min-height: 1px; top: 0; right: 0 ;}  
    
    .heading .product-info{ min-height: 10px; margin: 0 0 10px; }
    
    [id^=main]{ min-height: 100px !important; }
    
    .duchess p, .logo p.venuestatement, .btn, input.sitesearchbox{
        font-size: medium;
    }
    
    .heading .inner, .heading .content-main.colored{
        padding: 10px;
    }
    
    .content-main a{ text-align: center; }
    .social h3{ font-size: 20px !important; }
    
    [class*=content] a[href*=mailto], [class*=content] h3 a{
        display: inline; 
    }
    
    
    
     .page, .page-message, .f-r, .f-l, .heading .event-info, .heading .event-info .group-btn, .calendar-form, .block-tabs .tab-content, .event, .cycle-explore .image, 
     .cycle-explore, .heading-block .btns, .nav-second li, #thetrust .trusttxt p.btns, .explorethumbs .item, .content-side, .content-main, #thetrust, 
     .wrap-whatson .cycle-slide, .wrap-whatson .btn, #page-featue .btn.large, .heading .content-main.colored, .wrap-info .block, .cycle-head, .wrap-explore, 
     .heading .content-main, .heading .content-side, .heading .inner, .btn, [class^=cycle] .message p, .nav-main li, footer, footer .inner, [id*=ucLeftColumn] > div, #mid, 
     [id^=side], .top-bar .inner, .top-bar, .search-main, nav.friends-sub, .friends-offers .group, a.upBTN, .gallery-upload > input[type="submit"],
     .gallery-upload .image, .gallery-upload .col-right, .gallery-upload .col-left, .col-author, .col-content, .tempquote, .whatson .group, .alsolike .event-item,
     #stages, #booking .block-tabs, #booking .block-tabs .text, #booking #offer, [id*=booking-tooltip].low, [id^=side], #side, .heading .product-info .checkout
     {
        display: block;
        width: 100%;
        min-width: 100%;
        text-align: left;
        float: none;
        position: relative;
        clear: both;
        height: auto;
    }
    
    
    
    [id^=main], .wrap-whatson .content{
        display: block;
        width: 100% !important;
        float: none;
        clear: both;
        height: auto;
    }
    
    
    .headNav .basket     {
        top: 100px;
        left: 5px;
    }
    
    .nav-second .basket{ margin: 0; }
       
    /* booking style */
    #basket .row > div{ font-size: 12px; }
    
    #booking .large-button {
        width: 100%;
    }
    
    #booking .details .row {
        padding: 0 0 10px;
        border: none;
        margin: 0 0 10px;
    }
    
    
    
    #booking .details .text    {
        margin: 0 0 10px;
    }
     
    
    #booking .table .type {
        margin: 0;
        padding: 10px;
    }
    
    #booking .quantity p{ padding: 0; }
    
    #booking .table .type{
        width: 45%;
    }
    
    #booking .table .price {
        width: 25%;
        padding: 10px 0 0;
    }
    
        
    
    #booking .table .prev-next {
        width: 30%;
        margin: 0;
        padding: 0 5px;
    }
    
        #booking .table .quantity{ display: none; }
    
        #booking .details .table input {
            float: none;
            width: 100%;
            margin: 5px auto 0;
            display: block;
        }
        
        #booking .filterinfo  {
            display: block; 
            padding: 10px;
        }
        
        #booking .details .table .prev-next .prev, #booking .details .table .prev-next .next {
            width: 45%;
            height: 40px;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        #booking .details .table .prev-next .next, #booking .details .table .prev-next .next:hover {
            position: absolute;
            top: 0;
            right: 5px;
            background-image: url(../../images/site/book-next.png);
            background-color: #881631;
        }
        
        #booking .details .table .prev-next .prev, #booking .details .table .prev-next .prev:hover {
            background-image: url(../../images/site/book-prev.png);
            background-color: #f2f2f2;
        }
        
        
        
    [id*=booking-tooltip] table{ margin: 0 0 20px; }
        
    
    #booking .table .info     {
        width: 100%;
        float: none;
        margin: 0;
        border-top: 5px solid #881631;
    }   
    
    #booking .details .table .info .tooltip{   position: relative !important; }
    
    
    #booking .tooltip    {
        width: 100%;
        left: 0;
        bottom: 0;
        visibility: visible;
        border: none;
        padding: 10px 10px 0;
        line-height: 1.25;
        font-size: 125%;
    }
    
        #booking .renew-table .tooltip 
        {
            position: relative;
            box-shadow: none;   
            min-height: 20px;      
            display: block;
            margin: 0;
            padding: 10px 5px 20px;
            clear: both;
        }
        
        #booking .renew-table .tooltip:after 
        {
            content: ' ';    
            position: absolute;  
            height: 0;
            width: 0;  
            border: 10px solid transparent; 	
            z-index:7;  
            border-top-color: #fff;
            bottom: -24px;
            left: 20px;
        }
        
        #booking .tooltip:after    {
            left: 57.5%;
            margin-left: -10px;
        }
        
        .question {
            display: none;
        }
        
     .ticket-info {
         padding: 0;
         height: 25px;
    }  
    
    .ticket-info td{
        vertical-align: middle;
    }    
        
        #calendar-slide   {
            
        }
        
        #calendar-slide #calendar {
            float: none;
            width: 90%;
            margin: 0 auto 10px;
        }
        
       
        
    
    /* booking stage 5 */
     #order-summary .row > div {
        margin-right: 2.5%;
        padding: 10px 0 0;
    }

    #order-summary .type, #order-summary .title{
        width: 30%;
    }

    #order-summary .discount, #order-summary .last{   
        clear: both;
        width: 50%;
        text-align: left;
    }
    
        #order-summary .discount h4, #order-summary .last h4{   
            float: left;
            margin-right: 10px;
        }


    #order-summary .row .quant{
        padding-left: 0;
        text-align: center;
        margin: 0;
        width: 35%;
    }        
        #order-summary .row .quant h4{
            margin: 0 0 8px;
        }
        
        #booking .apply .large-button{
            width: 100%;
            display:block;
            line-height: 2;
            padding: 0;
            height: 30px;
            margin: 0 0 20px;
            clear: both;
        }
        
        .apply label, .apply input{
            float: left;
            margin: 0 0 10px;
        }
        
            .apply label{
               width: 35%;
               margin-right: 2.5%;
            }
            
            .apply input{
               width: 62.5% !important;
            }
            
        .billing-info li > span{ clear: both; display: block; text-align: right;}
    
    #calendar-slide .prev-next{ position: relative; top: 0; height: 35px; margin: 0 0 10px;}
    #calendar-slide .prev-next .next, #calendar-slide .prev-next .prev{ width: 50%; background-position: center; margin: 0; width: 50%; height: 100%; display: block;}
    #calendar-slide .prev-next .next{ top: 0; background-image: url(/_assets/images/site/feature/poisongarden/icon-arrow-green-right.png); background-color: #636161;}
    #calendar-slide .prev-next .prev{ background-image: url(/_assets/images/site/feature/poisongarden/icon-arrow-left.png); background-color: #fff;}
    
   [id*=booking-tooltip]{ padding: 10px; }
    /* related block */
    .alsolike .image    {
        float: left;
        margin-right: 10px;
    }
    
        .content-main .alsolike .hTar    {
            padding: 5px 0 0;
            line-height: 1.25;
        }
        
        #calendar-slide .prev-next .next {
            float: none;
            position: absolute;
            right: 0;
            top: 0;
        }
    
    /* renew */       
    .renew-table .renew-group, .renew-table
    {
        display: block;   
        position: relative;
        clear: both;
    }
    .renew-table{ margin: 0 auto 20px; }
    
    
    .renew-block
    {
        margin-bottom: 0;   
        width: auto;
        display: block;
        min-height: 20px;
        line-height: 1.1;
        height: auto;
        background: transparent;
        border: none;
    }
    
    .renew-name .renew-block{ float: left; width: auto;}
    
    .renew-colour .renew-group{ 
        margin-top: 5px; 
        padding: 10px;
    }
    
        .renew-label{ width: 100%; float: none; text-align: left;padding: 0;}
        .renew-select{ float: left; width: 50px;}
        .renew-colour .renew-price{ width: 50px; float: right; line-height: 2;}
        .renew-save .renew-price{ float: left; }
        .renew-colour .renew-name label, .renew-save .renew-label label, .renew-save .renew-price{ line-height: 1; min-height: 5px;}
        .renew-save .renew-group{ margin: 0 0 5px; }
       
       .renew-colour .renew-name{ background: none; padding: 10px 0 0; border-top: 1px solid #e9e9e9;} 
       .renew-colour .renew-name label{ font-weight: 100; font-style: italic; }
        .renew-colour .renew-name .renew-price{ float: left; clear: both; width: 100%; line-height: 1 !important; text-align: left;}
    
        .tooltip + .renew-select
        {
            top: 7px;   
            margin: 0;
        }
        
        .renew-not{ display: none; }
    
    
    /* no display */
    .logo p, .nav-second li.selected:after, #side .sociallinks, .social .container, #side .banner, 
    [class*=hometeasers] .cycle-slideshow [class*=col] > .btn, .nav-main li.selected:after, .heading .landing-info .thumbs,
    [id*=pnlFriends] > img, .key-links a span
    {
        display: none;
    }
    
    .explorethumbs > h3{ padding: 10px 0; }
    
    .footer-message p:empty, #submenu:empty {
        display: none !important;
    }
    
    .heading-block h1, .heading .landing-info, .heading .content-side li, .heading .content-side p, .heading .product-info .checkout label
    {
        color: #111;
    }
    
        #page-feature .heading .content-side p{ color: #fff; }
    
    .heading .product-price{ margin: 10px 0 0; }
    
    
    
    .p0{ padding-left: 0 !important; padding-right: 0 !important;}
   
   
   [id*=bodymedia].f-l, [id*=bodymedia].f-r {
       text-align: center;
       margin: 0 0 10px;
       float: none;
       width: 100%;
   }
    
    /* no set height */
     .top-bar, .key-links, .btn.large, .page-message .btn-support{
        height: auto;
        line-height: 1.25;
    }
    
    .hasTab table {
        width: 100%;
    }
    
    
    /* no margin */
    #submenu{
        float: none;
        width: 100%;
        margin: 0;
    }
    
    .search-main, .logo, header, .f-r{
        margin: 0;
    }
        
    a.upBTN{
        margin: 0 0 20px;
    }
    
    #side [id*=WhatsOn]{ display: none; }
    
    /* reset position */
    [class^=cycle] .message p, .cycle-slide .cta{
        top: 0;
        left: 0;
    }
    
    
    .btn.btn-buy{
        border: none;
    }
    
    
    .btn.large {
        background: #881631 url(/_assets/images/site/back-btnbuy-large.jpg) repeat-x 0 50% !important;
    }
    
    .content-side .dropcap{
        line-height: 1;
        font-size: 300% !important; 
        padding: 5px;
    }
    
    /* booking */
    #booking .block-tabs    {
        padding: 0;
    }
    
        #booking .block-tabs .text{
            padding: 10px 5px;
        }
        
        #booking #offer{
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            padding: 5px 0;
            text-align: center;
        }
    
    [id*=booking-tooltip].low {
        margin: 0 auto;
    }    
    
    #booking .billing-info .label-container{ width: auto; float: none; }
    
          
      
    [id*=booking-tooltip]:after{ display: none; }
    
    [id*=booking-tooltip] strong{ display: block; }
    [id*=booking-tooltip] a, [id*=booking-tooltip] a strong{ display: inline; }
    
    /* pager */
    .page ul {
        padding: 0;
        margin: 20px 0 0;
    }
        
        .page a{
            width: auto;
            height: auto;
            line-height: 2;
            padding: 5px 10px;
        }
        
        .page-message p{ font-style: italic; color: #808080; margin: 0 0 -10px; line-height: 2; padding: 10px;}
    
   /*TOP BAR */
   .top-bar,
.menudrop li .dropdown_language ul li { background: #83774A; }
   
    input.sitesearchbox {
        background: #e9e9e9;
        box-shadow: inset 0px 5px 10px -3px #a9a9a9;
        -moz-box-shadow: inset 0px 5px 10px -3px #a9a9a9;
        -webkit-box-shadow: inset 0px 5px 10px -3px #a9a9a9;
        height: auto;
        line-height: 1.25;
        border-color: #ccc;
    }
    
        input.sitesearchbox, .btn.btn-search {
            width: auto;
            height: 34px;
            display: block;
            line-height: 34px;
            margin: 0;
            color: #808080;
            clear: none;
        }
        
            input.sitesearchbox{
                 width: 75% !important;
            }
        
            
            .btn.btn-search{
                float: right;
                padding: 0 5px;
                background: #3A3329;
                width: 25%;
                min-width: 25%;
            }
            
                .btn.btn-search img{ display: inline; min-height: 22px;}
            
            .btn.btn-search:after{
                content: 'Search';
                color: #fff;
            }
    
    
    .key-links{
        text-align: center;
        width: 100%;
        float: none;
        line-height: 0;
        padding: 5px 0;
    }
        
        .key-links li a{
            float: none;
            display: inline-block;
            border-left: 1px solid #AE9E84;
            margin: 0 0 0 10px;
        }
        
        .key-links li:first-child a{
            padding: 0;
            margin: 0;
            border: none;
        }
            
        .key-links a{
            width: 22px; 
            height: 30px;
            display: block;
            
            background-position: right center;
        }
        
        #booking .top-bar{ background: #e9e9e9; }
        
    #booking #stages{
       margin: 0 0 15px; 
       padding-left: 40px;
       overflow: visible;
    }
    
    #stages li:first-child ~ li{ overflow: hidden; }
    #stages li.title{ color: #fff; }
        
    #stages li{
        width: 22px;
        float: left;
        text-align: center;
        margin: 0;
        font-size: 10px;
    }
    
        #stages li.inactive, #stages li{  color: #808080;}
    
    #stages li:first-child{
        height: 40px;
        width: 40px;
        position: absolute;
        float: none;
        left: 0;
        display: block;
    }
    
    #stages a {
        border: none;
        height: inherit;
        margin: 0;
        padding: 0 5px;
        background: #760106;
    }   
    
        #stages a.home         {
            background: #333; 
            height: inherit;
            width: inherit;
        }
        
        #stages.key-links li .home img{ margin-top: 10px;}
    
        #stages li.title, #stages li:last-child{
            width: auto;
            padding: 0 5px;
        }
    
    
    .pagination{ background: #e9e9e9;}
    
    
    /* logo */
    .logo{
        width: 80%;
        float: right;
        display: block;
        clear: both;
        position: relative;
    }    
    
    .logo h2, .logo h1{
        width: 100%;
        float: left;
        margin: 0 0 10px;
    }
    
    .logo h2 {
        background-size: auto 100%;
        background-position: 25% 0;
    }
    
    .logo h1{
        padding: 20px 0 0 20px;
    }
    
    
        /* left column content */
        [id*=ucLeftColumn] > div{
            padding: 0 10px;
        }
    
    
    /* main content */
    #mid {
        padding: 0 10px 10px;
        margin: 0;
    }
    
        #mid.clearfix:before, #mid.clearfix:after{ display: block; }
    
    
    .heading .content-main img{ border: none; margin: 10px auto 0;}
    
    /* main nav */
    nav, .mobile-second{
        position: absolute !important;
        width: 100%;
        right: 100%;  
    }    
    
    nav{
        top: 50px;
        z-index: 45000;
    }
    
    .nav-second{    
        top: 0;
        z-index: 20000;
        height: 100% !important;;
        background: #EBE4C2;
    }
    
    section .nav-main
    {
        border-bottom: none;
        background: #333;
    }
    
    .nav-main, .nav-second{
        height: auto;        
        float: none;
    }
    
    nav ul{
        padding: 0 10px;
    }
    
    .nav-second ul, .nav-main ul { 
    }
    
    .nav-main li a, .nav a.home{
        border-bottom: 1px solid #111;
    }
    
    [id*=pnlBasket].basket{
        width: 17.25%;
        margin: 0;
        left: 10px;
        top: 110px;
        height: 45px;
        line-height: 45px;        
    }
    
        [id*=pnlBasket].basket a, [id*=pnlBasket].basket a span {
            width: 100%;
            height: 100%;
            line-height: inherit;
            padding-right: 0;
        }
    
    .block.social{
        width: 17.5%;
        height: 55px;
        position: absolute;
        top: 50px;
        display: block;
        overflow: hidden;
    }
    
        .block.social h3 > a span{
            display: none;
        }
        
        .block.social h3 > a{
            background: url(../../images/site/ico-news.png) no-repeat center;
        }
        
        .block.social h3 > a, .block.social h3{
            height: 100%;
            width: 100%;
            display: block;
            float: none;
            padding: 0 !important;
        }
        
    
        .mobile-top {
            background-repeat: no-repeat;
            background-position: center;
            background-color: #f2f2f2; 
            width: 17.5%;
            height: 55px;
            position: absolute;
            z-index: 1000;
            
            top: -10px;
        }
        
        .mobile-top.main{            
            left: 0;
            z-index: 100;
            background-image:url(../../images/site/ico-menu.png);
        }
        
        .mobile-top.sub{            
            left: 0;
            z-index: 50;
            display: none;
            background-image: url(../../images/site/ico-menuSub.png);       
        }
        
            .mobile-top.main.active {
                background-image: url(../../images/site/ico-menu_o.png);
            }
            
            .mobile-top.main.active{ background-color: #333; }
            .mobile-top.sub.active  {
                background-color: #EBE4C2; 
                background-image: url(../../images/site/ico-menuSub_o.png);                
            }
            
            
            .mobile-top.sub.visible.move + .logo {
                width: 60%;
            }
            
            .mobile-top.sub.visible{
                display: block;
            }
       
       .nav-main a, .nav-main a.home, .nav-second a{
           padding: 15px 10px;
           height: auto;
           line-height: 1;
           width: 100%;
           display: block;
           text-transform: uppercase;
           color: #fff;
       }
       
       .nav-second a{ 
           color: #111 !important; }
       
       .nav-main a.home {
           background: none;
       }
       
       .nav-main a.home .ir{
           text-indent: 0;
       }
       
       .nav-second a{
           border-top: 1px solid #FDF9E4;
       }
       
       .nav-second li:first a{ bordder: none; }
    
    
    
    .nav-mobile > *, .nav-mobile, .logo{
        -webkit-transition: all 200ms ease-in-out;
        -webkit-transition-delay: 0;
        -moz-transition: all 200ms ease-in-out 0;
        -o-transition: all 200ms ease-in-out 0;
        transition: all 200ms ease-in-out 0;
        -ms-transition: all 200ms ease-in-out 0;
    }
    
    #page-feature .cycle-explore {
        display: none;
    }
    
    
    #pinterestcontainer {
        visibility: hidden !important;
        height: 1px;
    }
    
    /* BUTTONS */
    
    .btns span    {
        font-size: 80% !important;   
    }
    
    .heading-block .btns, .duchess a.btn{     
        top: 0;
        right: 0;   
        margin: 10px 0 0;
        height: auto;
    }
    
    
    .heading-block .btns .btn, .btn, .btn.btn-support{
        background: #83774A;
        font-family: Arial, Helvetica, Sans-Serif;
        font-weight: 700;
        padding: 7px 5px 5px;
        width: 100%;
        color: #fff;
        border: none;
        margin: 0;
    }
    
    .btn.btn-features span {
        background-position: center right;
        font-size: 100%;
        background-size: auto 100%;
    }
    
    .menu-features ul, .heading .links{
        position: relative;
        top: 0;
        width: 100%;
        padding: 0;
    }
    
        .menu-features ul li {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #4d633e;
        }
        
            .menu-features ul li a{
               padding: 10px 10px 8px;
                line-height: 1.25;
            }
    
    

   .heading-block .btns .btn {
       background: #3A3329;
   }
   
   .heading-block .btns .btn-buy{
        background: #881631 url(/_assets/images/site/back-btnbuy-large.jpg) repeat-x 0 50% !important;
    }


    section .nav-mobile{
        font-size: 0;
        display: block;
        width: 100%;
        background: #e9e9e9;
        padding: 10px;
        color: #414141;
        font-family: Arial, HelveticaNeueLT Std, Helvetica, Sans-Serif;
        margin: 0 0 20px;
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #a9a9a9;
    }
    
     section .nav-second .nav-mobile{
        margin: -20px 0 20px;
    }
    
    section .nav-mobile.active{
        background: #5E4D32;
        color: #fff;
        
        border-bottom-color: #3A3329;
        border-top-color: #83774A;
    }

    .nav-mobile > *{
        font-size: medium;
        vertical-align: middle;
        display: inline-block;
        line-height: 1;
    }

    .nav-mobile span{
        margin: 0  10px -5px 0;
        font-size: 150% !important;
    }
    
    .nav-mobile.active span {
        -ms-transform:    rotate(90deg);
        -moz-transform:    rotate(90deg);
        -o-transform:      rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform:         rotate(90deg);  
    }
    
    .user-links li{ float: left; margin: 0 10px 0 0; }
    
    
    .whatson .group{ padding: 0 0 10px; }
    
    .relatedinfo {
        padding: 10px 0 0;
        margin: 10px 0 0;
    }
    
        .relatedinfo p{ margin: 0 0 5px; }
    
    /* cycle slider */
    .cycle-slideshow, .cycle-wrap{
        width: 100%;
        clear: both;
    }
    
        
        [class^=cycle] .message, [class^=cycle] .message p, .user-links .btn{
            position: relative;
            height: auto;
            background: transparent;
            background-image: none;
        }
        
        [class^=cycle] .message h1  {
            line-height: 1;
            font-size: large !important;
            padding: 10px 5px;
            color: #3D691A;
            margin: 0;
            background: #fff;
        }
        
        [class^=cycle] .message p  {
            margin: 0;
            padding: 0;
        }
        
        [class^=cycle] .btn.btn-buy, [class^=cycle] .cta > p {
            float: left;
            width: 50%;
            margin: 0;
            padding: 5px;
            left: 0;
            min-width: 50%;
            height: 100%;            
        }
        
        [class^=cycle] .cta{
            background: #881631 url(/_assets/images/site/back-btnbuy-large.jpg) repeat-x 0 50%;
            top: 0;
        }
        
        [class^=cycle] .cta > p{
            background: #881631;
            border-left: 2px solid #BB687B;
            font-weight: 100;
            font-style: italic;
        }
        
        [class^=cycle] .btn.btn-buy{
            background: transparent;
            background-image: none;
            border: none;
            text-align: center;
        }
        
        [class*=cycle] [class*=col], .wrap-whatson{
            float: none;
            width: 100%;
            margin: 0 0 20px;
            height: auto;
            clear: both;
        }
        
        [class*=cycle] [class*=col] > a {
            display: block;
        }
        
         [class*=hometeasers] [class*=wrap]{
            border-top: 1px solid #e9e9e9;
            padding: 20px 0 0;
            margin: 20px 0 0;
            border-left: none;
        }
        
        [class*=hometeasers] .cycle-slide [class*=col], .cycle-mustsee .cycle-slide [class*=col], .cycle-explore [class*=col]{
            width: 47.5%;
            margin-right: 5%;
            float: left;
            clear: none;
        }
        
        .cycle-slide .col-3.mid, .cycle-slide .col-2.last{
            margin-right: 0;
        }
        
        .cycle-explore{ color: #111; }
        
        
        
        .cycle-slide .col-3.last{
            margin: 0 auto 0 -23.75%;
            float: none;
            display: block;
            clear: both;
            left: 50%;
        }
        
        [class*=hometeasers] .cycle-slideshow [class*=col] img, .cycle-mustsee .cycle-slide img, .cycle-exlplore .cycle-slide img{
            width: 100%;
            max-width: 335px;
            height: auto;
        }
        
    
        .cycle-slide > img, [class$=-mustsee]{
            width: 100%;
            height: auto;
            position: relative;
        }
        
        .cycle-slideshow [class*=col] > .btn{
            color: #3D691A;
            font-weight: 700;
            background: none;
        }
    
        .cycle-slideshow [class*=col] > a{
            display: block;
        }
        
        .cycle-slideshow .image, [class$=-mustsee] .col-2 .image{
            margin: 0 0 10px;
        }
        
        [class*=cycle] [class*=col], .event, .wrap-whatson .cycle-slide{
            height: auto;
            min-height: 10px;
        }
    
        .cycle-slideshow .hTar{
            margin: 2px 0 0;
            display: block;
            line-height: 1.1;
            font-weight: 700;
            color: #991529;
        }
        
        .wrap-explore {
            display: none;
        }
        
        .cycle-head  {
            height: auto;
            line-height: 1.5;
        }
        
        [class*=whatson] .content, .event .content, .col-author.details ~ .col-content{
            float: left;
        }
        
        [class*=whatson] .image, .event .image, .col-author.details, .event > a{
            margin-right: 5%;
            float: left;
            height: auto;
        }
        
        .event .content, .col-author.details ~ .col-content{
            width: 57.5%;
            min-width: 57.5%;
            clear: none;
        }
        
        .event .image, .col-author.details, .event > a{
            width: 37.5%;
            min-width: 37.5%;
            clear: none;
        }
        
        [class*=whatson]  h2 {
            margin: 0 0 20px; 
            border: none;
            background: none;
            color: #111;
        }
        
        /* EVENT STYLE */
        .event{
            padding: 0 0 10px;
            border-bottom: 1px solid #d9d9d9;
            margin: 0 0 10px;
            height: auto !important;
        }
        
            .event .group-btn {
                position: relative;
                margin: 10px 0 0;
                width: 100%;
                display: block !important;
            }
            
            .event .group-btn:hover{
                display: block !important;
            }
            
            
            .whatson-grid {
                min-height: 300px;
                margin: 10px 0 0;
            }
        
            
        
        
        .wrap-whatson .image{
            display: none;
        }
        
        .event .image img, .event > a img {
            max-width: 230px;
            width: 100%;
            height: auto;
            margin: 0;
        }
        
        .item {
            border-bottom: 1px solid #FFE56C;
            margin: 0 0 10px;
        }
        
        .item .content, .whatson .content, .friends-events .content, .friends-offers .content{
            float: left;
            width: 75%;
        }
        
        .item .image, .friends-events .image, .friends-offers .image{
            float: left;
            width: 22.5%;
            height: auto;
            margin: 0 2.5% 10px 0 !important;
        }
        
         .explorethumbs .item .content{
            float: left;
            width: 75%;
        }
        
        .explorethumbs .item .image{
            float: left;
            width: 22.5%;
            min-width: 22.5%;
            height: auto;
            margin: 0 2.5% 10px 0 !important;
        }
        
            .item .image img{
                max-width: 140px;
                width: 100%;
                height: auto;
                margin: 0;
            }
        
        .calendar-tab {
            top: 20px;
            text-align: right;
            background-position: top right !important;
            padding: 0 2px;
            left: 100%;
            margin-left: -48px;
        }
        
        .whatson .calendar-tab{ top: 5px; }
    
    
    /* cycle pagers */
    .prev-next
    {
        right: 0;   
    }
    
    #tabs-hero, .prev-next .prev, .prev-next .next {
        float: none;
        z-index: 200;
    }
    
        #tabs-hero{
            top: 15%;
            right: 5%;        
            width: auto;
            text-align: right;
            position: absolute;
        }
        
        .cycle-explore {
            margin: 20px 0 0;
            padding: 0;
        }
        
        [class*=cycle] .prev-next, .wrap-whatson .prev-next, .exploreC{            
            position: relative;
            height: 40px;
            top: 0;
            margin: 0 0 20px;
        }
        
    
        [class*=cycle] .prev-next .prev, [class*=cycle] .prev-next .next, .wrap-whatson .prev-next .prev, .wrap-whatson .prev-next .next{
            width: 50%;
            margin: 0;
            display: block;
            height: inherit;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;            
        }
        
        [class*=cycle] .prev-next .prev{
            left: 0;
        }
        
        [class*=cycle] .prev-next .next, .wrap-whatson .prev-next .next{
            left: 50%;
        }
        
        .exploreC{
            width: 50%;
            display: block;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            float: left;         
        }
        
            #prev-explore{
                left: 0
            }
        
            #next-explore{
                right: 0;
            }
        
        /* home controllers */
        [class*=hometeasers] .prev-next {
            background: #FFE8A2;
        }
        
        
        
        [class*=hometeasers] .prev-next .next, .cycle-explore .next, #next-explore{
            background-color: #F2C685;
            background-image: url(/_assets/images/site/icons/icon-arrow-right-dark.png);
        }
        
        .prev-next .prev, #prev-explore {
            background-image: url(/_assets/images/site/icons/icon-arrow-left2.png);
            background-color: #FFE8A2;
        }
        
        /*whats on cycle */
       
        
        
        
        
        /* treehouse control */
        .treehouse .prev-next {
            background: #CDAD84;
        }
        
        .treehouse .prev-next .prev {
            background-image: url(/_assets/images/site/feature/treehouse/icon-arrow-left.png);
        }
        
        .treehouse .prev-next .next{
            background-color: #765B46;
            background-image: url(/_assets/images/site/feature/treehouse/icon-arrow-green-right.png);
        }
        
        .treehouse .cycle-slideshow .btn, .treehouse .cycle-wrapper .hTar {
            color: #CBAD87;
        }
        


        
        /* poison control */
        .poison .prev-next {
            background: #fff;
        }
        
        .poison .prev-next .prev {
            background-image: url(/_assets/images/site/feature/poisongarden/icon-arrow-left.png);
        }
        
        .poison .prev-next .next{
            background-color: #646262;
            background-image: url(/_assets/images/site/feature/poisongarden/icon-arrow-green-right.png);
        }
        
        .poison .cycle-slideshow .btn, .poison .cycle-wrapper .hTar{
            color: #646262;
        }
        
    
    section#side {
        margin: 20px 0 0;
        border-top: #fff 1px solid;
    }
        
        .treehouse section#side {
            border-color: #CBAD87;
        }
        
        .poison section#side {
            border-color: #646262;
        }
        
        #side .cycle-head, .wrap-info{ background: none; }
    
    .wrap-info .block {
        color: #fff;
    }
    
        .wrap-info img{
            width: 35%;
            float: left;
            max-width: 154px;
            margin-right: 5%;
        }
        
        .wrap-info p {
            float: none;
            width: 100%;
        }
        
        .wrap-info img + p {
            float: left;
            width: 60%;
        }
        
        .content-main.colored h2{
            text-align: center;
        }
        
        .heading .content-main img.mainimg {
            margin: 0 auto 10px !important;
            width: 100%;
            height: auto;
            display: block;
        }
        
        .whatson .image{ margin: 0 !important; }
        
    #page-feature .cycle-wrapper .slide .btn { display: none; }
    
    .btn.large{
        top: 0;
        margin: 0 0 20px;
        right: 0;
        padding: 10px;
    }
            
    #tabs-hero a span, #tabs-hero a.activeSlide:after, #tabs-hero a.cycle-pager-active:after{
        display: none;
    }
    
    #tabs-hero a, #tabs-hero a.last{
        display: inline-block;
        position: relative;
        float: none;
        width: 10px;
        height: 10px;
        background: rgba(255,255,255,0.5);
        
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -o-border-radius: 100%;
    }
    
        #tabs-hero a.activeSlide, #tabs-hero a.cycle-pager-active  {
            background: #FCF6C4;
        }
        
    
    #page-feature .content-side  {
        background: transparent;
    }
    
    
    #page-feature .block{ padding: 10px 0; float: left; width: 100%; display: block;}
    #page-feature .cycle-moreinfo .block{ padding: 10px; }
    #page-feature .content-main h2{ margin: 5px 0 10px; }
    
    /* TREEHOUSE */ 
    .treehouse .key-links li a{
        border-color: #6C5446 !important;
    }

    .treehouse .btn.btn-search{
        background-color: #6C5446 !important;
    }
    
    .treehouse .logo h1{
        font-size: 30px !important;
        text-align: center;
        padding: 10px 0;
    }

     
     
    /* Lost Cellars */   
    .heading .content-side p{ font-size: 16px; }
    
    .poison .key-links li a{
        border-color: #606666 !important;
    }

    .poison .btn.btn-search{
        background-color: #4B535A !important;
    }
    
    
    .poison .logo h1{
        font-size: 45px !important;
        text-align: center;
        padding: 10px 0;
    }
    
    
    #social-links a {
        height: 100%;
    }
    
    
    /* FOOTER */
    footer{
        margin: 0;
        padding: 10px;
        background-image: none;
    }
    
    .footer-message {
        padding: 10px;
        margin: 0 0 10px;
        border: none;
        float: none;
        clear: both;
    }
    
        #contact-links, #quick-links, #social-links, #quick-links .col{
            margin: 0 0 10px;
            width: 100%;
            float: none;
            clear: both;
        }
        
        #contact-links li {
            line-height: 1;
            margin: 10px 0;
            display: block;
        }
        
        footer h3{
            margin: 10px 0 0;
        }
        
        
    /* the trust */
    #thetrust {
        padding: 10px 10px 0;
    }
        
        #thetrust .image, #thetrust .trusttxt, .heading .content-side{
            float: none;
            width: 100%;
            padding: 0;
        }
        
        .heading .landing-info h2{ font-size: large !important; color: #111;}
        
        #thetrust .image{
            margin: 0 0 20px;
        }
        
        #thetrust .trusttxt p{
            margin: 0;
            padding: 0 0 10px;
            border: none;
        }
        
    /* content style */
    .content-side, .teaser, .block, .heading .landing-info, .heading, .heading-block, .heading-block.colored{
        margin: 0;
        padding: 10px;
        float: none;
        position: relative;
        height: auto;
        clear: both;
    }
    
    .content-main.image {
        text-align: center;
        position: relative;
    }
    
        .content-main.image a:before {
            content: '';
            height: 50px;
            width: 100%;
            top: 50%;
            left: 0;
            margin-top: 25px;
            position: absolute;
            background: url(/_assets/images/site/icons/icon-search-mob.png) no-repeat center;
            display: block;
        }
        
    .page-message .btn span{ padding: 0; }
    
    .heading{
        border-top: 3px solid #E2B99F;
        background: none;
    }
    
    section.content, .friends section.content, .heading, .heading h1, .block{
        float: none;
        width: 100%;
        padding: 0;
    }
    
    
    .heading .content-main, .content-main{ margin: 0 0 20px; }
    
    .heading{ margin: 10px 0; }
    
    .teaser {
        background: #FFF7B3;
    }
    
    .teaser h2 {
        font-size: large !important; 
    }
    
    .explorethumbs .item {
        
    }
    
    .sharethis{ 
    overflow: hidden; 
    height: auto;
    padding: 10px; 
    margin: 10px auto 0; 
    }
    
   
    
    
    .content-main .hTar {
        padding: 10px 0 0;
        display: block;
        line-height: 1.5;
        text-align: left;
        font-weight: 700;
    }
    
        .content-main .news-article .hTar {
            margin: 0;
            width: 100%;
            padding: 0;
        }
    
    .highlight{
        clear: both;
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
    
    .highlight img{
        float: left;
        margin: 0 10px 10px 0;
    }
            
            .newscategories {
                border: none;
                padding: 0;
            }
    
    
    /* FEATURE BOX */
    #sb-wrapper-inner {
        height: 290px !important;
    }
    
    .interrupt-block h2 {
        padding: 50px 20px 10px;
        font-size: 25px;
    }
    
    .interrupt-block .btns {
        margin: 30px auto;
    }
    
    .interrupt-block .btns .btn {
        height: auto;
        line-height: 1;
        padding: 10px 0;
        display: block;
    }
    
    .interrupt-block .btns .btn span {
        font-size: large;
    }
    
    #page-feature .heading{
        border: none;
    }
    
    .colored .btn.large {
        top: 0;
        right: 0;
        margin: 0 0 20px;
    }
    
    .event{
        
    }
    
    /* CALENDAR */
    .calendar-wrapper .group-btn{
        display: block;
        position: relative;
        bottom: 0;
        right: 0;
    }
    
    .block-tabs .tab-content.tab-calendar, .calendar-block, .calendar, .calendar-wrapper, .block-tabs ul.tabs, .block-tabs a.christmastab.standard, 
    .block-tabs ul.tabs li a.christmastab.selected, .cycle-slide .cta{
        width: 100%;
        float: none;
        position: relative;
        height: auto;
        padding: 0;
        min-width: 100%;
    }
    
    #page-news .landing-info{ padding: 10px 0 0; }
    
        .block-tabs{ margin: 10px 0 0; }
    
         .block-tabs ul.tabs, #page-news section.content{
             background: none;
         }
         
            .block-tabs ul.tabs li {
                text-align: center;
            }
            
            .block-tabs ul.tabs.whatson > li{ display: none; }
            
            .block-tabs ul.tabs li{
                width: 50%;
                float: left;                
                /*margin: 0 0 10px;*/
                margin: 10px 0 0;
            }
            
            .block-tabs ul.tabs li .menu-filter{ width: 200%; clear: both; }
            
            .block-tabs ul.tabs li .menu-filter li{ width: 100%; clear: both; border-bottom: 1px solid #fff;}
            
            .block-tabs ul.tabs li.filtertab, .block-tabs ul.tabs li.cal{ display: block !important; }
                
                .block-tabs ul.tabs li a.christmastab.selected, 
                .block-tabs ul.tabs li a.filter.selected, .block-tabs ul.tabs li a.selected, .block-tabs ul.tabs li a.standard.selected, #booking .block-tabs ul.tabs li a.selected
                {                    
                     color: #414141;
                    border:2px solid #414141;
                    background: #fff;
                    border-bottom: 0;
                    padding: 0 5px;
                }
            
                .block-tabs ul.tabs li a, .block-tabs ul.tabs li a.filter,.block-tabs a.christmastab.standard, .block-tabs ul.tabs li a.christmastab.selected, 
                .block-tabs ul.tabs li a.filter.selected, .block-tabs ul.tabs li a.selected, .block-tabs ul.tabs li a.standard.selected {
                    display: block;
                    padding: 5px 10px;
                    line-height: 2;
                    width: 100%;
                    float: none;
                    background-size: auto 100%;
                    marign: 0 auto;
                }
                
                 .block-tabs ul.tabs li.cal a{
                    line-height: 2;
                }
                
                #booking .block-tabs ul.tabs li a {
                    padding: 0 5px;
                }
                
                #wrapper-faqs{ margin: 0; }
                
                
                #booking ul.tabs{ margin-bottom: -10px; }
                
                #booking .block-tabs ul.tabs li{
                    width: 33.333%;
                    margin: 0;
                }
     
     /* ticket style */ 
     .tab-content .content-main{ padding: 0;; }
        
     .ticket-block {
         width: 100%;
         margin: 0 0 10px;
         min-height: 61px;
         height: auto;
     }
               
    .ticket-block .price  {
        margin: 0;
        right: 0;
        left: -10px;
        top: 50%;
        margin-top: -30px;
    }
    
        .ticket-block h3 {
            padding: 20px 10px 10px 140px;
            line-height: 1;
        }
    
    
    
    .filterinfo{
        display: none;
    }
    
    
    .block-tabs .menu-filter {
        position: relative;
        top: 0;
        padding: 0;
        background: #d9d9d9;
        width: 100%;
    }
    
    .block-tabs .menu-filter li{
        width: 100%;
    }
    
    .block-tabs ul.tabs li .menu-filter a {
        padding: 10px;
        line-height: 1;
        height: auto;
    }
    
    /* form style */
    .calendar-form, .calendar-block{
        padding: 10px;
        margin: 0 0 20px;
    }
    
    
    .calendar-wrapper, .calendar-wrapper h3{
        margin: 0 0 10px;
    }
    
    .calendar-wrapper .form input.short {
        margin: 0 0 10px;
        position: relative;
        width: 100%;
    }
    
    .form select, .form input[type="text"], .form textarea, .gallery-upload textarea, .gallery-upload input[type="text"]{
        width: 100% !important; 
        border: 1px solid #d9d9d9;
    }
    
    .form .row > label{ line-height: 1.1; }
    
    
    
    .form .radiogroup label    {
        line-height: 1.25;
    }
    
    .gallery-upload p{ margin: 10px 0 0; }
    
    .gallery-upload .col-right{ min-height: 50px; }
    
    .gallery-upload input[type="submit"] {
        line-height: 1.5;
        text-align: center;
        padding: 10px 0 7px;
    }
    
    .form input[type="checkbox"], .form input[type="radio"] {
        clear: both;
    }
    
        .form label {
            width: 100%;
        }
        
        .form .radiogroup label  {
            margin-bottom: 18px; 
            float: none;
        }
        
        .form .btn.btn-support{ line-height: 1; }
        
        
    
    /* date picker */
    table.jCalendar td{
        vertical-align: middle;
    }
    
    table.jCalendar {
        min-height: 300px;
        width: 100%;
    }
    
    div.dp-popup {
        width: 90%;
        box-shadow: 0px 6px 12px 0px #333;
        -moz-box-shadow: 0px 6px 12px 0px #333;
        -webkit-box-shadow: 0px 6px 12px 0px #333;
    }
    
    div.dp-popup div.dp-nav-next, div.dp-popup div.dp-nav-prev{ text-align: center; width: 10%; top: 10px; }
    
    div.dp-popup div.dp-nav-next a, div.dp-popup div.dp-nav-prev a{ float: none; }
    
    div.dp-popup div.dp-nav-next{
        left: 85%;
    }
    
    div.dp-popup div.dp-nav-prev{
        left: 5%;
    }
    
    
    /* friends style*/
    .friends h2{ font-size: large !important; }
    
    .friends .logo h2 {
        float: none;
        width: 100%;
    }
    
    .friends-login {
        background: none;
        height: auto;
    }
    
    .friends-login .intro {
        top: 0;
        position: relative;
        padding: 10px;
        height: auto;
        width: 100%;
    }
    
    .friends-form{ width: 100%; margin: 10px 0;  position: relative; top: 0;}
    
    .friends-form input[type="text"] {
        background: #f2f2f2;
        width: 100% !important;
        height: 40px;
        line-height: 45px;
        padding: 0 5px;
    }
    
    .friends-offers .content, .friends-events .content {
        padding: 0;
    }
    
    [id*=pnlFriends]{ margin: 0 0 20px; }
    
    .col-author img{ float: left; margin-right: 10px; }
    
    
    .col-content blockquote:before{ display: none; }
    
    .friends .circle, .col-author.details .circle {
        top: -10px;
        left: -10px;
        width: 75px;
        height: 75px;
        line-height: 5;
    }
    
    .friends-offers a h3{
        margin: 0 0 10px;
        padding: 0;
        line-height: 1.5;
    }
    
    .friends-offers .group{
        margin: 0 0 20px;
    }
    
    
    .heading .product-info .checkout label{ width: 42.5%; float: left; clear: both; margin: 0;}
   input.qty{
        width: 55% !important;
        margin: 0 0 0 2.5%;
        float: left;
    } 
    
    /* news style */
    .news-article{ width: 100%; }
    
    .news-article .image {
        width: 42.5%;
    }
    
    
    .news-article .content {
        width: 55%;
        margin-left: 2.5%;
        float: left;
        margin-right: 0; 
    }
    
    /* social style */
    .col-facebook, .col-twitter, .col-video {
        float: none;
        width: 100%;
        margin: 20px 0 0;
        padding: 0 0 10px;
    }
    
        #wrapper-social .article   {
            margin: 0 0 10px;
        }
    
        #wrapper-social .article p, #wrapper-social .article p.postinfo  {
            padding: 0;
            line-height: 1.25;   
        }
        
        #wrapper-social .article{ border-bottom: 1px solid #e9e9e9; padding: 0 0 10px;}
    
    
    .pagination{ margin: 0 0 10px; }
    
    
    /* attraction style */
    #page-feature .cycle-explore, #page-feature [class*=cycle] .prev-next, #page-feature .heading .content-main img{
        margin: 0;
    }
    
    #page-feature [class*=cycle] [class*=col]{ width: 47.5%; margin-right: 2.5%;}
    #page-feature [class*=cycle] .col-3.mid{ margin: 0 0 0 2.5%; }
    #page-feature [class*=cycle] .col-3.last{ clear: both;}
}

@media only screen and (max-width: 480px){
   .explorethumbs .item .image{ display: none; }
    
    .friends .logo h2{ background-size: auto; }
    
    
    [class^=cycle] .cta {
        position: relative;
    }
    
        [class^=cycle] .btn.btn-buy, [class^=cycle] .cta > p {
            float: none;
            width: 100%;
            min-width: 100%;
            height: auto;
            text-align: center;        
        }
        
        [class^=cycle] .cta > p{
            border: none;
        }
    
        [class^=cycle] .btn.btn-buy    {
            background: #5A0A1D !important;    
        }
        
        
        #tabs-hero{
            top: 25%;
        }
        
        
        .event .content, .item .content, .friends-offers .content, .friends-events .content, .cycle-slideshow .content{
            width: 55%;
            min-width: 55%;
            margin: 0 0 20px;  
            float: right;          
            left: 0;
            clear: none;
        }
        
        .col-author.details ~ .col-content {
            width: 100%;
            float: right;
        }
        
        .event .image, .item .image, .friends-offers .image, .friends-events .image, .cycle-slideshow .image, .col-author.details, .event > a{
            width: 42.5%;
            min-width: 42.5%;
            margin: 0 2.5% 20px 0;            
            left: 0;
            float: left;
            clear: none;
        }
        
        .news-article .image, .news-article .content,  [class*=hometeasers] .cycle-slide [class*=col], .cycle-mustsee .cycle-slide [class*=col], .cycle-explore [class*=col], 
        .whatson .content, .explorethumbs .item .content, .cycle-slide .col-3.last{
            width: 100%;
            margin: 0 0 20px;
            float: none;
            clear: both;
            left: 0;
        }
        
        
        .explorethumbs .item .content {
            padding: 10px 10px 0; 
            width: 100% !important;
        }
        
        .content-main .hTar{ line-height: 1; padding: 0 0 10px; }
        
        #page-feature [class*=cycle] [class*=col]{ width: 100%; margin: 0 !important;}
        
        .btn.btn-search:after{
            font-size: 10px;
        }
        
        
                
        #booking .block-tabs ul.tabs li a {
            height: 50px;
            line-height: 1.5;
            font-size: 12px;
        }
        
        #booking #login label, #booking .billing-info label{ font-size: 16px; }
        
        #booking .large-button span.ticket {
            font-size: 15px;
        }
        
    [id*=bodymedia]{
        display: block;
        margin: 5px auto 20px;
        float: none;
        text-align: center;
    }
    
    .mailing .row > label, .mailing input[type="text"], .mailing textarea, .mailing select, .shop-content label,
     div.selector, .shop-content input[type="text"], .shop-content select, .shop-content input[type="password"]
    {
        width: 100% !important; 
        max-width: 100% !important; 
        float: none;
        display: block;
        clear: both;
    }
        #expiry input[type="text"]{ float: left !important;  width: 50% !important;  clear: none !important; }
        
    /*.block-tabs ul.tabs li, .block-tabs a.christmastab.standard, .block-tabs ul.tabs li a.christmastab.selected{
        float: none;
        width: 100%;
    }*/
    
    
    
    .badge{
       left: 25%;
    }
    
    
   /* .friends .circle, .col-author.details .circle {
        top: 70px;
        left: 50%;
        margin-left: -75px;
    }*/
    
    .col-author img {
        width: 37.5%;
    }
    
    
    .col-author.details img{ width: 100%; }
    .cycle-slideshow .image, [class$=-mustsee] .col-2 .image{ margin-right: 2.5%; }
    
    .TA_linkingWidgetRedesign .border{
        width:100% !important;    
    }
    
    
    .cycle-wrap.home img{ max-height: 240px; min-height: 185px; }
}

.heading-block .btns .btn-buy, .btn.btn-buy {
    background: #881631 url(/_assets/images/site/back-btn-buy.jpg) repeat-x 0 100% !important;
    border: #881631 1px solid !important;
    background-size: auto 100% !important;
}