/* For Individual Site Changes */

#HaurakiRailTrail {

}

#debug
{
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    font-size: 1em;
}
.alert.alert-error
{
    color: #BA0000;
}
.alert.alert-error strong
{
    font-family: 'Bold';
    font-size: 1.4em;
}
.alert.alert-error ul
{
    margin-bottom: 0;
}
.alert.alert-error ul li
{
    font-family: 'normal';
}
div.response-info {border: 1px solid black; padding: 10px; width: 50%;}
div.debug {border: 1px dashed #33CC33; background: #99E699; padding: 0px 10px 10px; margin-bottom: 5px;}
div.debug.debugform {border: 1px dashed orange; background: #FFE4B2;}
article.normal section div.rtbsonline div.frameContent { border-radius: 9px; background: #595959; background: rgba(89,89,89,0.8); margin-top: 28px;}
article.normal section div.rtbsonline h1{ color: #fff;}
article.normal section div.rtbsonline div.frameContent form fieldset, .popuprtbs  fieldset{ background: #fff; border-radius: 9px; padding: 0px 0px 0px 45px; position: relative; margin-bottom: 20px; min-height: 100px;}
article.normal section div.rtbsonline div.frameContent form fieldset:after{ content: ' '; background: #e1e1d7; border-top-right-radius: 9px; border-bottom-right-radius: 9px; position: absolute; top: 0; right: 0; bottom: 0; width: 220px;}
article.normal section div.rtbsonline div.frameContent form fieldset.accom, .popuprtbs  fieldset.accom{ min-height: 330px;}
article.normal section div.rtbsonline div.frameContent form h2, .popuprtbs  fieldset h2 { margin-bottom: 20px; margin-top: 0 !important; display: block; position: relative;}
article.normal section div.rtbsonline div.frameContent form h3 {margin-top: 20px;}
article.normal section div.rtbsonline div.frameContent form h2 span , .popuprtbs  fieldset h2 span{ font-size: 59px; vertical-align: top; position: absolute; top: 0; left: -50px; line-height: 1em;}
article.normal section div.rtbsonline div.frameContent form fieldset .leftcol {width: 230px; float: left; margin: 25px 0px 16px 0;}
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol { float: right; position: relative; z-index: 1; width: 164px; bottom: 0; padding: 25px 28px 106px; border-top-right-radius: 9px; border-bottom-right-radius: 9px;}
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol h3 {font-size: 1.4em;}
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol h4 {font-size: 1.2em;}
article.normal section div.rtbsonline div.frameContent form fieldset div.bottom { position: absolute; z-index: 1; bottom: 15px; right: 28px; width: 164px; padding-top: 10px; border-top: 1px solid #555552;}
article.normal section div.rtbsonline div.frameContent form fieldset .control-group {margin-bottom: 15px; position: relative;}
article.normal section div.rtbsonline div.frameContent form fieldset .control-group.lineabove {margin-top: 25px; padding-top: 25px; border-top: 1px solid #555552; width: 198px;}
article.normal section div.rtbsonline div.frameContent form .hide{ display: none;}
#formtest2 .control-group.show label {font-size: 1.4em; margin: 0.6em 0 0.4em;}
#formtest2 .control-group label.checkbox {color: #555552;}
input[type="checkbox"] {
    vertical-align: middle;
}
.ui-datepicker-trigger {margin: 2px 5px 0;}
article.normal section div.rtbsonline div.frameContent form fieldset .control-group.inline { display: inline-block; margin-bottom: 0; width: 94px;}
article.normal section div.rtbsonline div.frameContent form fieldset .control-group .inline { max-width: 94px;}
article.normal section div.rtbsonline div.frameContent form .form-actions {margin-bottom: 16px;}
article.normal section div.rtbsonline div.frameContent form .form-actions input.purchase{ float: right; border: none; width: 155px; height: 55px; background: url(/imagessite/purchase.png) no-repeat; font-size: 2.0em; color: #fff; text-transform: uppercase; font-family: 'Bold'; text-align: center; line-height: 55px; }
#formtest2 .purchaseinfo, #formtest2 .purchase { color: #fff; }
#formtest2 .purchase p.total{ vertical-align: top; text-transform: uppercase; font-family: 'Regular'; font-size: 2.2em; margin-right: 190px; line-height: 62px; }
#formtest2 .purchase p.total span{ font-family: 'Regular'; font-size: 58px; }
#formtest2 .purchaseinfo p{ text-transform: uppercase; font-family: 'Arial', sans-serif; font-size: 1.2em; }
#formtest2 .purchaseinfo p strong{ text-transform: uppercase; font-family: 'Arial', sans-serif; font-size: 1.33em; }
.ui-datepicker-trigger {vertical-align: top; margin: 2px 0 2px 10px;}
article.normal ul.bookinginfo { list-style-type: none; padding: 0 0 6px; margin-top: 8px;}
article.normal ul.bookinginfo li { display: inline-block;margin-right: 8px !important;}
article.normal ul.bookinginfo li a{ display: block; padding-left: 16px;line-height: 12px; font-size: 10px; text-transform: uppercase; position: relative; cursor: pointer; }
article.normal ul.bookinginfo li a:after{ display: block; background: url(/imagessite/info.png) no-repeat top left; height: 12px; line-height: 12px; content: " "; position: absolute; left: 0px; top: 50%; width: 12px; margin-top: -6px; }
article.normal ul.bookinginfo li.remove a:after{ background: url(/imagessite/remove.png) no-repeat top left; }
article.normal ul.bookinginfo li.view a:after{ background: url(/imagessite/view.png) no-repeat top left; }
article.normal ul.bookinginfo li a:hover:after{ background-position: bottom left; }
article.normal .rightcol ul.bookinginfo {margin: -5px 0 0;}
body.booking article aside { margin-top: 66px; position: fixed; max-height: 600px;}
article.normal aside div#your-trip-summary  { width: 300px; }
article.normal aside div#your-trip-summary .summary .summary-top { background: url(/imagessite/bgsummary.png) no-repeat top left; height: 29px; }
article.normal aside div#your-trip-summary .summary .summaryinner { background: url(/imagessite/bgsummaryrepeat.png) repeat-y; padding: 0 23px; }
article.normal aside div#your-trip-summary .summary .summaryinner h2 { margin-top: 0 !important; font-family: 'Bold' !important; color: #fff; font-size: 2.0em;}
article.normal aside div#your-trip-summary .summary .summarybodytop{ background: url(/imagessite/bginnersummary.png) no-repeat top left; height: 15px; }
article.normal aside div#your-trip-summary .summary .summarybody{ background: url(/imagessite/bginnersummaryrepeat.png) repeat-y; padding: 0 15px; }
article.normal aside div#your-trip-summary .summary .summarybody ul { list-style-type: none; margin-bottom: 0; padding-right: 20px;}
article.normal aside div#your-trip-summary .summary .summarybody ul.summarylist { max-height: 486px; overflow-y: auto;}
article.normal aside div#your-trip-summary .summary .summarybody ul.summarylist > li { position: relative; font-size: 1em; border-bottom: 1px solid #555552; padding-bottom: 10px; }
article.normal aside div#your-trip-summary .summary .summarybody ul.summarylist > li:last-child { border-bottom: none; }
article.normal aside div#your-trip-summary .summary .summarybody h3 { font-size: 1.5em; text-transform: uppercase; padding-top: 1em; margin-top: 0 !important;}
article.normal aside div#your-trip-summary .summary .summarybody h4 { font-size: 1.4em; }
article.normal aside div#your-trip-summary .summary .summarybody span.stage { display: none; position: absolute; top: 0; left: -24px; font-size: 3.3em; height: 1em; line-height: 0.9em;}
article.normal aside div#your-trip-summary .summary .summarybodybottom{  background: url(/imagessite/bginnersummary.png) no-repeat bottom left; height: 20px; }
article.normal aside div#your-trip-summary .summary .summary-bottom { background: url(/imagessite/bgsummary.png) no-repeat bottom left; height: 21px; }
article.normal div#trip { background: #fff; border-radius: 9px; }
article.normal div.tripinner { padding: 25px 45px; }
#formtest2 .required:after {	content: '*'; position: absolute; top: 0; right: 25px; color: #555552; font-size: 1.4em; font-weight: bold; }
#formtest2 .inline.required:after { right: -6px; }
#formtest2 .show.required:after { right: 25px; top: 29px; }
#formtest2  .lineabove.required:after { right: -6px; top: 26px;}
.alert .error {margin-top: 0.5em; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif;}
.alert.alert-error strong, .alert.alert-error ul li {font-family: Arial, Helvetica, sans-serif !important;}
.popupinner p {font-size: 1.4em;}
/*loading sceen*/
form#formtest2inner.loading {background: none;}


article.normal section div.rtbsonline div.frameContent form.loading fieldset:after{ background: rgb(225,225,215) url(/imagessite/loading.gif) no-repeat center center; background: rgb(70, 181, 237) url(/imagessite/loading.gif) no-repeat center center; border-top-left-radius: 9px; border-bottom-left-radius: 9px; width: auto; left: 0;}
article.normal section div.rtbsonline div.frameContent form.loading fieldset .rightcol,article.normal section div.rtbsonline div.frameContent form.loading fieldset div.bottom { z-index: 0}
form.loading {background: none !important;}

article.normal form.loading div#trip {
    position: relative;
}
article.normal form.loading div#trip:after {
    content: "";
    position: absolute;
    background: rgb(225,225,215) url(/imagessite/loading.gif) no-repeat center center;
    background: rgba(225,225,215,0.8)
    url(/imagessite/loading.gif) no-repeat center center;
    border-top-left-radius: 9px; border-bottom-left-radius: 9px; width: auto; left: 0;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*
article.normal section div.rtbsonline div.frameContent form.loading fieldset {background: #e1e1d7;}
article.normal section div.rtbsonline div.frameContent form.loading fieldset .leftcol {background: url(/imagessite/loading.gif) no-repeat top right;}
*/
article.normal section div.tripbody table
{
    width: 100%;
}
article.normal section div.tripbody table td ul
{
    padding-left: 20px;
}
header p.booknow.retrieve a{height: 40px; background: url(/imagessite/retrieve.png) top left no-repeat; width: 154px; position: absolute; top: 0; right: 152px;}
header p.booknow.retrieve a:hover,header p.booknow.retrieve a:active{background-position: bottom left;}
p.red {color: #BA0000;}
#formtest2 input[type=number], #formtest2 textarea { width: 190px !important;}


/* styles for Password Customer Page  */

#customerInfo .customerSection {
    background: #fff; border-radius: 9px; padding: 0px 0px 20px 45px; position: relative; margin-bottom: 20px; min-height: 100px;

}
#customerInfo .customerSection h2 {
    font-size: 2.2em;
    font-family: 'Bold' !important;
    vertical-align: top;
    margin-top: 0 !important;
    display: block;
    position: relative;
    padding-top: 20px;
}
#customerInfo .customerSection label  {
    display: inline-block;
}
#customerInfo input[type="text"],#customerInfo input[type="password"],  #formtest2 input[type="password"]{
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.4);
    border-radius: 3px;
    font-size: 1.2em;
    text-transform: none;
    width: 198px;
    border: none;
    padding: 3px 4px;
    background: #D3EADB;
    width: 190px;
}
#customerInfo .customerSection input[type="submit"]{
     border: none; border-radius: 4px; font-weight: bold;   padding: 6px 12px !important; font-size: 1.4em; font-weight: bold; color: #fff;
    margin-bottom: -4px;
}
#customerInfo .customerSection input[type="submit"]:hover {
    background: #c0c0c0;
}
.customerSection .forgotPassword {
    margin-left: 20px;
    font-size: 13px;
    margin-top: 16px;
    display: inline-block;
}
.customerSection .errors {
    list-style: none;
}
.customerSection .errors li {
    color: #8b0000;
    font-style: italic;
}
.customerSection a {
    font-size: 13px;
}


/* Theme Styles */
#customerInfo .customerSection {
}

#customerInfo .customerSection h2 {
    color: #1D9F4A;
}
#customerInfo .customerSection input[type="submit"]{
    background-color: #1D9F4A;
}
#customerInfo .customerSection input[type="submit"]{
    background: #1D9F4A;
}
#customerInfo .customerSection input[type="submit"]:hover {
    background: #c0c0c0;
}




body { color: #555552; }

h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS' !important; }
h2 { margin: .5em 0 .7em !important; }

/* header */

header img.imageLogo { width: 231px; height: 107px; }
header p.donate { width: 191px; position: absolute; top: 60px; left: 198px; }

/* navigations */

nav ul > li > a:hover, nav ul > li > a.active { color: #fff; }

menu ul > li > a, menu ul > li > a:visited { color: #fff; }
nav ul > li div.dropdown ul li a:hover, nav ul > li div.dropdown ul li a.active, div.options ul li a:hover, div.options ul li a.active { color: #c0c0c0 !important; }

nav ul > li > a, nav ul > li > a:visited { font-size: 1.1em; padding-left: 10px; padding-right: 10px;}

menu ul.custom > li > ul { background: #D3EADB; }
	menu ul.custom > li > ul li { border-left: 1px solid #1D9F4A; }
	menu ul.custom > li > ul li a, menu ul.custom > li > ul li a:link, menu ul.custom > li > ul li a:visited { color: #1D9F4A; }
	menu ul.custom > li > ul li a:hover, menu ul.custom > li > ul li a.active { color: #25479A; }

div.attachedSubsubNav { background: #D3EADB; }
	div.attachedSubsubNav ul li a, div.attachedSubsubNav ul li a:link, div.attachedSubsubNav ul li a:visited { border-left: 1px solid #25479A; color: #1C9D49; }
	div.attachedSubsubNav ul li a:hover, div.attachedSubsubNav ul li a.active { color: #25479A; }

div.subsubNav { background: #D3EADB; }
	div.subsubNav ul li a, div.subsubNav ul li a:link, div.subsubNav ul li a:visited { border-left: 1px solid #25479A; color: #1C9D49; }
	div.subsubNav ul li a:hover, div.subsubNav ul li a.active { color: #25479A; }
	div.subsubNav div.subdrop ul { background: #1D9F4A; }


/* sidebar */

div.selectExperienceForm input.text, div.selectExperienceForm select { background: #E1E1D7; }

div.panelA p, div.panelA p a, div.panelA p a:link, div.panelA p a:visited { color: #fff; }
div.panelA p a:hover { color: #c0c0c0; }

div.panelB p, div.panelB p a, div.panelB p a:link, div.panelB p a:visited { color: #fff; }
div.panelB p a:hover { color: #c0c0c0; }

div.panelC p, div.panelC p a, div.panelC p a:link, div.panelC p a:visited { color: #1D9F4A; }
div.panelC p a:hover { color: #c0c0c0; }

div.panelI p, div.panelI p a, div.panelI p a:link, div.panelI p a:visited { color: #25479A; }
div.panelI p a:hover { color: #1D9F4A; }

div.panelLI p, div.panelLI p a, div.panelLI p a:link, div.panelLI p a:visited { color: #25479A; }
div.panelLI p a:hover { color: #1D9F4A; }

div.selectExperienceForm p { color: #1D9F4A; }
	
div.sidePanels a.more, div.sidePanels a.more:link, div.sidePanels a.more:visited { color: #1D9F4A !important; }
div.sidePanels a.more:hover { color: #25479A !important; }


/* content */

div.boxRide h2 { margin: .3em 0 0.2em !important; }

article section.top div.newsletterSignup p { color: #25479A; }

article.home h1 { color: #25479A; font-size: 4em; }
article.home hr { border-color: #a0a0a0 !important }

article.normal section h1 { color: #1D9F4A; }
article.normal section h2 { color: #1D9F4A; }

div.frameContent a, div.frameContent a:link, div.frameContent a:visited, article.home section.content a, article.home section.content a:link, article.home section.content a:visited { color: #1D9F4A; }
div.frameContent a:hover, article.home section.content a:hover { color: #25479A; }

div.reviews div.reviewsTitle { background: #D3EADB; }
div.reviews div.reviewsTitle div.info p.text { color: #1D9F4A; }

div.listings h2 a, div.listings h2 a:link, div.listings h2 a:visited { color: #1D9F4A; }
div.listings ul li { background: #D3EADB; }

div.frameContent div.rightCol h3 { color: #1D9F4A; }

div.mapLarge p.rideTitle { color: #1D9F4A; }
div.mapLarge div.keys h3 { color: #1D9F4A; }

 
 
/* forms */
div.contact input[type=text], div.contact select, div.contact textarea { background: #E1E1D7; }
div.newsletter input[type=text], div.newsletter select, div.newsletter textarea { background: #E1E1D7; }

div.blog input[type=text], div.blog select, div.blog textarea { background: #E1E1D7; }


/* footer */

footer ul.nav li { border-left: 1px solid #1D9F4A; }
footer a, footer a:visited, footer a:link { color: #25479A; } 
footer a:hover, footer a.active { color: #1D9F4A; }
footer div.bottom div.social a, footer div.bottom div.social a:visited, footer div.bottom div.social a:link { color: #1D9F4A; }
footer div.bottom div.social a:hover { color: #25479A; }
	
footer div.bottom p.opus {float: left; margin-left: -90px;}


/* Booking system copied form
around the mountain */



/*ATM specific */
article.normal section div.rtbsonline div.frameContent form h2, .popuprtbs  fieldset h2 { color: #1D9F4A; font-size: 2.2em; font-family: 'Bold' !important; vertical-align: top;}
article.normal section div.rtbsonline div.frameContent form h2 span , .popuprtbs  fieldset h2 span{ display: none; font-size: 59px; font-family: 'Bold';}
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol { background: transparent;}
article.normal section div.rtbsonline div.frameContent form fieldset div.bottom p {color: #555552; font-size: 1.2em; line-height: 1.4em; }
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol p.rtbs {line-height: 1.3em; color: #1D9F4A; font-size: 1.6em; font-family: 'Bold';}
article.normal section div.rtbsonline div.frameContent form fieldset .rightcol span.green {color: #1d9f4a;}
article.normal aside div#your-trip-summary .summary .summarybody span.stage { color: #1D9F4A; font-family: 'Bold' !important;}
article.normal aside div#your-trip-summary .summary .summarybody h3 { color: #1D9F4A; font-family: 'Bold' !important;}
.fancybox-inner .line {text-align: center;}
#formtest2 label
{
    display: none;
}
.wrapper article section.top {}
#formtest2 .control-group.show label
{
    display: inline-block;
}
#formtest2 input[type=number],#formtest2 input[type=text],#formtest2 input[type=email], #formtest2 input[type=tel], #formtest2 select, #formtest2 textarea,
.popuprtbs input[type=text], .popuprtbs select, .popuprtbs textarea
{
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.4);
    border-radius: 3px;
    font-size: 1.2em;
    text-transform: none;
    width: 198px;
    border: none;
    padding: 3px 4px;
    background: #D3EADB;
}
#formtest2 textarea, .popuprtbs textarea
{
    resize: vertical;
}
#formtest2 input[type=text],.popuprtbs input[type=text],#formtest2 input[type=email], #formtest2 input[type=tel]
{
    width: 190px;
}
.fancybox-inner h2{
    color: #1D9F4A; font-size: 2.2em; font-family: 'Bold' !important; vertical-align: top;
}
.hidden{
    visibility: visible;
}
.alert.alert-error strong
{
    color: #BA0000;
}
.alert.alert-error ul li
{
    color: #BA0000;
}
.ui-widget-header
{
    border: 1px solid #1D9F4A;
    backgrond: #1D9F4A url("/js/jquery.ui/css/hauraki/images/ui-bg_gloss-wave_35_1D9F4A_500x100.png") 50% 50% repeat-x;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #1D9F4A; background: #1D9F4A url("images/ui-bg_glass_100_5dc280_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #23449D; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    color: #555552;
}
div.line {
    font-size: 1.6em;
}
div.line a{
    color: #1D9F4A;
}
div.line a:hover { color: #25479A; cursor:pointer; }
article.normal section div.rtbsonline div.frameContent form fieldset:after{background: #D3EADB;}
article.normal section div.rtbsonline div.frameContent form.loading fieldset:after{ background: rgb(70, 181, 237) url(/imagessite/loading.gif) no-repeat center center; background: rgba(119, 190, 237, 0.80) url(/imagessite/loading.gif) no-repeat center center; }
.ui-widget-content
{
    border: 1px solid #1D9F4A;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border: 1px solid #1D9F4A;
}
aside ul.bookinginfo
{
    margin-bottom: 12px;
}
article.normal ul.bookinginfo li a{
    color: #25479A;
}
article.normal ul.bookinginfo li a:hover{
    color: #1D9F4A;
}
article.normal fieldset ul.bookinginfo li a{
    color: #25479A;
}
article.normal aside div#your-trip-summary .summary .summaryinner h2
{
    color: #FFFFFF;
}
.leftcol input.submit { background: #1D9F4A; border: none; border-radius: 4px; font-weight: bold;   padding: 6px 12px !important; font-size: 1.4em; font-weight: bold; color: #fff; }
.leftcol input.submit:hover { background: #c0c0c0; }
#formtest2 .leftcol .alert input,#formtest2 .leftcol .alert textarea,#formtest2 .leftcol .alert select {background: #BA0000; color: #fff;}
article.normal section div.frameContent #formtest2 .tripbody table th {background: #D3EADB;}
#formtest2 .tripbody input.submit { background: #1D9F4A; border: none; border-radius: 4px; font-weight: bold;   padding: 6px 12px !important; font-size: 1.4em; font-weight: bold; color: #fff; }
article.normal section div.frameContent table td{
    border: 1ps solid #D3EADB;

}
article.normal section div.rtbsonline div.frameContent form #ourrides h2,
article.normal section div.rtbsonline div.frameContent form #nightstays h2,
article.normal section div.rtbsonline div.frameContent form #travellerdetails h2,
article.normal section div.rtbsonline div.frameContent form h2.accommodation,
article.normal section div.rtbsonline div.frameContent form #shuttle-luggage h2,
article.normal section div.rtbsonline div.frameContent form #shuttle-passenger h2,
article.normal section div.rtbsonline div.frameContent form #bikeequipmenthire h2,
article.normal section div.rtbsonline div.frameContent form #extras h2
{
    font-size: 2em;
    padding: 6px 0 6px 30px;
    margin-left: -12px !important;
    margin-right: -38px !important;
}
.control-group.section label{
    margin-top: 0;
}
#ourrides h2{
    background: url(/imagessite/ourrides.png) no-repeat center left;
}
#nightstays h2{
    background: url(/imagessite/nightstays.png) no-repeat center left;
}
#travellerdetails h2{
    background: url(/imagessite/travellerdetails.png) no-repeat center left;
}
h2.accommodation{
    background: url(/imagessite/accommodation.png) no-repeat center left;
}
#shuttle-luggage h2 {
    background: url(/imagessite/luggage.png) no-repeat center left;
}
#shuttle-passenger h2 {
    background: url(/imagessite/passenger.png) no-repeat center left;
}
#bikeequipmenthire h2 {
    background: url(/imagessite/bikehire.png) no-repeat center left;
}
#extras h2 {
    background: url(/imagessite/luggage.png) no-repeat center left;
}
article.normal section div.rtbsonline div.frameContent form fieldset .leftcol {margin-top: 20px;}

/* Hide the 'My Booking' Buttom for now */

.details .retrieve {
    display: none;
}



body {
	min-width: 320px;
}

#nav-button {
	display: none;
}

@media screen and (max-width: 994px) {

	/* contact form */
	div.contact input[type="text"], 
	div.contact select, 
	div.contact textarea {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	/* end contact form */

	div.wrapper {
		width: auto;
		margin: 0 15px
	}

	nav ul {
		width: 100%;
		height: 50px;
		padding: 0;
		border-radius: 9px;
	}
	nav ul > li.last > a {
		margin-right: 0;
	}
	
	/* Aside */
	article.home aside,
	article aside {
		width: 100%;
		margin-top: 0 !important;
		position: static !important;
	}

	div.panelLarge,
	div.panelSmall {
		max-width: 100%;
		height: auto;
		margin: 0 auto 10px;
		padding: 10px;
		background: #25479A !important;
		border-radius: 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.panelLarge:after,
	div.panelSmall:after {
		display: table;
		clear: both;
		content: '';
	}

	div.panelLarge *,
	div.panelSmall * {
		color: #fff !important;
	}
	div.panelLarge div.textPanel p.title {
		margin-top: 0;
	}

	div.panelLarge div.textPanel,
	div.panelSmall div.textPanel {
		width: 100% !important;
		height: auto !important;
		padding: 0 !important;
		float: none;
	}

	div.panelLarge div.imagePanel,
	div.panelSmall p.imagePanel {
		padding: 0;
	}

	div.panelLarge div.textPanel p.image img,
	div.panelSmall p.imagePanel img {
		margin-right: 18px;
		vertical-align: top;
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	/* end Aside */
	
	article.home section.content,
	article.normal section {
		width: 100%;
		/*margin-top: 0;*/
	}
	article.home section.content {
		margin-top: 430px;
	}
	article.home section.content div.text {
		margin-bottom: 20px;
		padding: 10px 4.3956% 4.3956%;
		background-color: #FFF;
		border-radius: 5px;
	}
	article.normal section {
		margin-right: 0;
	}

	menu ul {
		width: 100%;
		padding: 0;
		background: -webkit-linear-gradient(top, rgb(29, 154, 72) 0%, rgb(52, 111, 57) 40%, rgb(52, 111, 57) 100%);
		background: -o-linear-gradient(top, rgb(29, 154, 72) 0%, rgb(52, 111, 57) 40%, rgb(52, 111, 57) 100%);
		background: -ms-linear-gradient(top, rgb(29, 154, 72) 0%, rgb(52, 111, 57) 40%, rgb(52, 111, 57) 100%);
		background: -moz-linear-gradient(top, rgb(29, 154, 72) 0%, rgb(52, 111, 57) 40%, rgb(52, 111, 57) 100%);
		background: linear-gradient(to bottom, rgb(29, 154, 72) 0%, rgb(52, 111, 57) 40%, rgb(52, 111, 57) 100%);
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	menu div.attachedSubsubNav {
		width: 100%;
		height: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	menu div.attachedSubsubNav ul {
		min-height: 0;
	}

	article.home h1 {
		margin-top: 0 !important;
	}
	article.normal section div.headerImages {
		width: 100%;
		height: 0;
		padding-bottom: 42.2077922077%;
	}
	article.normal section div.headerImages.noImage {
		padding-bottom: 0;
	}
	article.normal section div.headerImages p {
		width: 100%;
		height: 100%;
	}
	article.normal section div.headerImages p img {
		width: 100%;
		height: auto;
	}

	article.normal section div.frameContentTop {
		background: url(/imagessite/top-box.png) repeat-x center top;
	}
	article.normal section div.frameContent {
		min-height: 0;
		padding: 10px 4.395604395604% 4.395604395604%;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	article.normal section div.frameContent img {
		max-width: 100%;
		height: auto;
	}
	article.normal section div.frameContentBottom {
		padding-bottom: 0;
		background: none;
	}
	article.normal section div.frameContent div.leftCol {
		width: 100%;
		float: none;
	}

	div#map_canvas {
		width: 100%;
	}
	div.mapLarge {
		max-width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.keys {
		margin-top: 0;
	}
	
	article.normal section div.frameContent div.rightCol {
		width: auto;
	}
	div.sideContent p.bookNow {
		margin: 0 0 15px 0 !important;
	}
	div.sideContent p.socialiseButton {
		margin-top: 0;
	}

	div.gallery div.imageList div.imageItem,
	div.gallery div.imageList div.imageItem.rowLast {
		width: 18.5437%;
		min-height: 0;
		margin: 0 1.8202% 1.8202% 0;
	}
	div.gallery div.imageList div.imageItem:nth-child(5n) {
		margin-right: 0;
	}
	div.gallery div.imageList div.image {
		/*width: auto;
		height: auto;*/
		width: 100%;
		height: 0;
		padding-bottom: 105.5214%;
	}
	div.gallery div.imageList div.image p {
		width: 100%;
		margin: 0;
	}
	div.gallery div.imageList div.image p.holder,
	div.gallery div.imageList div.image p.holder a {
		width: 100%;
		height: 100%;
	}
	div.gallery div.imageList div.image p.holder a {
		display: block;
	}
	div.gallery div.imageList div.image p.holder img {
		display: none;
	}
	
	div.gallery div.videoLarge {
		height: 0;
		padding-bottom: 55.1724%;
		position: relative;
		background: none;
	}
	div.gallery div.videoLarge iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	div.gallery div.videoList div.videoItem,
	div.gallery div.videoList div.videoItem.rowLast {
		width: 27.8725%;
		height: auto;
		margin: 0 8.1911% 8.1911% 0;
	}
	div.gallery div.videoList div.videoItem:nth-child(3n) {
		margin-right: 0;
	}
	div.gallery div.videoList div.videoItem {
		background: none;
	}
	div.gallery div.videoList div.video {
		width: 100%;
		height: 0;
		padding-bottom: 75.2032%;
	}
	div.gallery div.videoList div.video p {
		width: 100%;
		margin: 0;
	}

	div.listing {
		padding-left: 125px;
		position: relative;
	}
	div.listing.onlyContent {
		padding-left: 0;
	}
	div.listing:after {
		content: "";
		display: table;
		clear: both;
	}
	div.listing p.thumb {
		position: absolute;
		top: 0;
		left: 0;
	}
	div.listing div.info,
	div.listings div.info.wide {
		width: auto;
		float: none;
	}

	article.normal section.contactPage div.frameContent div.leftCol,
	article.normal section.contactPage div.frameContent div.rightCol {
		float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.normal section.contactPage div.frameContent div.leftCol {
		padding-right: 2.1978%;
	}
	article.normal section.contactPage div.frameContent div.rightCol {
		padding-left: 2.1978%;
	}

	footer {
		height: auto;
		background: url(/images/bg-repeat.jpg) repeat-y center top;
	}
	footer div.inner {
		width: auto;
		margin: 0 15px;
	}
	footer div.navWrapper,
	footer ul.nav {
		width: 100%;
		background-repeat: repeat-x;
	}
	footer a.map {
		display: none !important;
	}
	footer div.bottom div.contact,
	footer div.bottom div.social {
		width: auto;
	}
	footer div.bottom div.social {
		float: right;
	}
	footer div.bottom div.trip {
		width: 100%;
		margin: 0;
	}

	body {
		position: relative;
		left: 0;
		-moz-transition: left 0.3s ease;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
	}
	body.nav-open {
		width: 100%;
		position: fixed;
		top: 0;
		left: 270px;
	}

	header div.left {
		float: right;
	}
	
	header div.left p,
	header img.imageLogo {
		margin: 0;
	}

	header img.imageLogo {
		width: auto;
		height: 65px;
		margin-bottom: 10px;
	}

	header div.info,
	header div.rtlogo {
		display: none;
	}
	
	header p.official,
	header p.donate {
		display: none !important;
	}
	
	#nav-button {
		display: block;
		width: 65px;
		height: 65px;
		margin: 0 15px 0 0;
		float: left;
		background: -webkit-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -o-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -ms-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -moz-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: linear-gradient(to bottom, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		border-radius: 6px;
	}
	#nav-button a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 10px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		color: #FFF;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#nav-button a span,
	#nav-button a span:before,
	#nav-button a span:after {
		display: block;
		height: 4px;
		border-radius: 2px;
	}
	#nav-button a span:before,
	#nav-button a span:after {
		content: "";
		width: 100%;
		position: absolute;
		left: 0;
		background: inherit;
	}
	#nav-button a span:before {
		top: -12px;
	}
	#nav-button a span:after {
		bottom: -12px;
	}
	#nav-button a span {
		margin: 12px 0 18px;
		position: relative;
		background: #FFF; /*#ecb31c*/
		text-indent: -9999px;
	}

	header p.booknow {
		position: static;
		float: right;
		clear: both;
	}

	nav {
		width: 270px;
		height: 100%;
		position: fixed;
		top: 0;
		left: -270px;
		background: #004F87;
		overflow-y: auto;
		-moz-transition: left 0.3s ease;
		-webkit-transition: left 0.3s ease;
		transition: left 0.3s ease;
	}
	.nav-open nav {
		left: 0;
	}
	nav ul,
	nav ul > li {
		background: none;
	}
	nav ul > li {
		display: block;
	}
	nav > ul > li {
		border-bottom: 1px solid #196193;
	}
	nav > ul > li > a {
		text-align: left !important;
	}
	.wrapper nav > ul > li > a.active,
	.wrapper nav > ul > li > a.active:hover {
		background: -webkit-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -o-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -ms-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: -moz-linear-gradient(top, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
		background: linear-gradient(to bottom, rgb(28, 155, 72) 0%, rgb(53, 110, 57) 100%);
	}
	.wrapper nav > ul > li > a:hover {
		background: none;
	}
	nav ul > li div.dropdown {
		background: none;
	}
	nav ul > li div.dropdownBottom {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		padding-bottom: 0;
		position: static;
		background: none;
		border-top: 1px solid #196193;
	}
	nav ul > li div.dropdown ul {
		width: auto;
		float: none;
	}
	nav ul > li div.dropdown ul li {
		width: auto;
		margin-right: 0;
		padding-right: 0;
		float: none;
		border-right: none;
	}
	nav ul > li div.dropdown div.innerDropdown ul li {
		height: auto !important;
	}
	nav ul > li div.dropdown div.innerDropdown > ul > li {
		padding-top: 15px;
		border-top: 1px solid #196193;
	}
	nav ul > li div.dropdown div.innerDropdown > ul > li.first {
		padding-top: 0;
		border-top: none;
	}
	nav ul > li div.dropdown div.innerDropdown ul li:last-child {
		padding-bottom: 0;
	}
	nav ul > li div.dropdown ul li a.thumbNav {
		display: none;
	}
	nav ul > li div.dropdown p.caption.ridePageClass {
		text-decoration: none;
	}
	nav ul > li div.dropdown ul li div.options ul li a, 
	nav ul > li div.dropdown ul li div.options ul li a:visited, 
	nav ul > li div.dropdown ul li div.options ul li a:link {
		font-size: 1.4em;
		line-height: 1.6em;
	}

	menu > ul,
	article.normal section div.headerImages.noImage {
		display: none;
	}
	menu div.attachedSubsubNav {
		margin-bottom: -44px;
		padding-bottom: 54px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	article.home section.content {
		margin-top: 50px;
	}
	article.home div.homeIntro {
		top: 0;
		right: auto;
		left: 0;
	}
	article section.top {
		display: none;
	}
	article.normal section div.frameContentBottom {
		z-index: 100;
	}

	div.gallery div.imageList div.imageItem,
	div.gallery div.imageList div.imageItem.rowLast,
	div.gallery div.imageList div.imageItem:nth-child(5n) {
		width: 21.7914%;
		margin: 0 4.278% 4.278% 0;
	}
	div.gallery div.imageList div.imageItem:nth-child(4n) {
		margin-right: 0;
	}

	section.content iframe {
		max-width: 100%;
	}

	div.reviews div.reviewsTitle {
		height: auto;
		min-height: 39px;
	}
	
	footer ul.nav {
		text-align: center;
	}
	footer ul.nav li {
		display: inline-block;
		margin-bottom: 5px;
		float: none;
		border: none;
	}
	footer ul.nav li.copy {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}

	footer div.bottom div.contact {
		width: 100%;
		margin-bottom: 8px;
		padding-bottom: 5px;
		float: none;
		background: url(/images/sep-footer.gif) repeat-x left bottom;
		text-align: center;
	}
	footer div.bottom div.social,
	footer div.icons {
		width: 100%;
		float: none;
	}
	footer div.bottom div.social {
		margin-bottom: 8px;
		padding-bottom: 5px;
		background: url(/images/sep-footer.gif) repeat-x left bottom;
		text-align: center;
	}
	footer div.bottom div.social p {
		display: inline-block;
		float: none;
		margin: 0 10px 0 0;
	}

	footer div.icons p {
		width: 100%;
		text-align: center;
	}
	footer div.bottom div.social a,
	footer div.bottom div.social a:link {
		display: inline-block;
	}
	footer div.bottom div.social div.fbLike {
		width: 81px;
		height: 20px;
		margin: 0 auto 15px auto;
		float: none;
	}
	footer div.bottom div.trip ul {
		padding-bottom: 0 !important;
		text-align: center !important;
	}

}

@media screen and (max-width: 700px) {

	table {
		display: block;
		max-width: 100%;
		border: 1px solid #EBEAE0;
		overflow-x: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	th,
	td {
		white-space: nowrap;
	}
	tr:first-child td {
		border-top: none !important;
	}
	tr:last-child td {
		border-bottom: none !important;
	}

	article.normal section div.frameContent table thead td,
	article.normal section div.frameContent table th {
		border: none;
	}
	article.normal section div.frameContent table th {
		background: none;
	}

}

@media screen and (max-width: 600px) {

	div.boxRide {
		margin: 0 auto;
		float: none !important;
	}

	div.gallery div.imageList div.imageItem,
	div.gallery div.imageList div.imageItem.rowLast,
	div.gallery div.imageList div.imageItem:nth-child(5n),
	div.gallery div.imageList div.imageItem:nth-child(4n) {
		width: 31.5384%;
		margin: 0 2.6923% 2.6923% 0;
	}
	div.gallery div.imageList div.imageItem:nth-child(3n) {
		margin-right: 0;
	}

	div.gallery div.videoList div.videoItem,
	div.gallery div.videoList div.videoItem.rowLast,
	div.gallery div.videoList div.videoItem.rowLast:nth-child(3n) {
		width: 47.3076%;
		height: auto;
		margin: 0 5.3846% 5.3846% 0;
	}
	div.gallery div.videoList div.videoItem.rowLast:nth-child(2n) {
		margin-right: 0;
	}
	
	div.reviews div.reviewsTitle p.tripAdvisorLogo {
		width: 100%;
		background-position: center top;
		margin-bottom: 10px;
	}
	div.reviews div.reviewsTitle div.info {
		width: 100%;
		clear: both;
	}

}

@media screen and (max-width: 500px) {
	
	article.normal section div.subsubNav {
		padding: 0;
		background: none;
	}
	article.normal section div.subsubNav ul {
		height: auto;
	}
	article.normal section div.subsubNav ul li {
		float: none;
		margin: 10px 0;
		border-bottom: 1px solid #D39900;
	}
	div.subsubNav ul li a, 
	div.subsubNav ul li a:link, 
	div.subsubNav ul li a:visited {
		border: none;
		padding: 5px 0 !important;
	}

	article.normal section.contactPage div.frameContent div.leftCol,
	article.normal section.contactPage div.frameContent div.rightCol {
		width: 100%;
		padding: 0;
		float: none;
	}

	div.onlineBooking input[type="text"], 
	div.onlineBooking select, 
	div.onlineBooking textarea {
		width: 100%;
	}

}

@media screen and (max-width: 450px) {
	
	article.home h1,
	article.normal section div.frameContent h1,
	article.home div.homeIntro p.h1 {
		font-size: 3.5em !important;
	}

	div.wrapper {
		margin: 0 10px;
	}

}

@media screen and (max-width: 400px) {

	div.gallery div.imageList div.imageItem,
	div.gallery div.imageList div.imageItem.rowLast,
	div.gallery div.imageList div.imageItem:nth-child(5n),
	div.gallery div.imageList div.imageItem:nth-child(4n),
	div.gallery div.imageList div.imageItem:nth-child(3n) {
		width: 46.974%;
		margin: 0 6.0518% 6.0518% 0;
	}
	div.gallery div.imageList div.imageItem:nth-child(2n) {
		margin-right: 0;
	}

	div.listing {
		padding-left: 0;
	}
	div.listing p.thumb {
		width: 100%;
		margin: 0 auto;
		background: #f0f0f0;
		float: none;
		position: static;
		text-align: center;
	}

}

@media screen and (max-width: 350px) {

	header p.booknow {
		width: 100%;
		padding-top: 10px;
		border-top: 1px solid #fff;
		text-align: center;
	}
	header p.booknow a {
		display: inline-block !important;
		vertical-align: top;
	}


	article.home div.homeIntro p.h1 {
		font-size: 3.5em;
	}

}