html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }


ins { text-decoration: none; }
del { text-decoration: line-through; }


table { border-collapse: collapse; border-spacing: 0; }


.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


#cardAuthDialog .leftBg { background: url(img/item_detail_dialog_bg_left.png) no-repeat left top; height: 610px; float: left; }
#cardAuthDialog .rightBg { background: url(img/item_detail_dialog_bg_right.png) no-repeat right top; height: 610px; width: 31px; float: left; }
#cardAuthDialog .panelContentArea { color: #000; }


/* PARK BREAKS CORE STYLESHEET */

.js body { display: none; }

body.embedded{background:none !important;}

p { padding-bottom: 14px; line-height: 22px; }
body { font: 0.84em/1.5em Verdana; padding: 0; background: url(img/browser_wallpaper.gif) repeat-x; background-color: #069; }
body.embedded { background: none !important; }
#pageWrapper { margin: 20px auto 0 auto; max-width: 980px; }
#canvas { background-color: #fff; box-shadow: 0 0 0 5px rgba(0,0,0, 0.2); border-radius: 5px; margin: 10px; }
#canvasFooter { display: none; }

.dottedLine { background: url(img/dotted_line.gif) repeat-x 0 50%; height: 31px; }
.dottedLineThick { background: url(img/dotted_line_thick.gif) repeat-x 0 50%; height: 31px; }
.blankLine { padding: 10px 0px 0px 0px; height: 10px; }
.stockAvail .dottedLineThick, .extraResultBox .dottedLineThick { height: 2px; margin-bottom: 18px; line-height: 2px; }
.mBtn { color: #fff; }
.errorPage h1 { font: bold 26px Arial; padding-bottom: 15px; }
html div { height: auto; }
.clearer { clear: both; font-size: 0px; line-height: 0px; }
#pageContentBody {}
.ui-tabs-nav { text-transform: uppercase; }
.parkProfileInfoTabs .ui-tabs-panel { padding-bottom: 0; }
.bulletPoint { background: url(img/bullet_point.gif) no-repeat 0 7px; padding-left: 18px; font-style: italic; font-weight: bold; }
.alignTextCenter { text-align: center; }
.alignTextLeft { text-align: left; }
.posRel { position: relative; }

#confirmationBox h1 { font: bold 16px Arial; padding: 0 0 6px 0; }
#completionBox h1 { font: bold 16px Arial; padding: 0 0 6px 0; }


#partyTypeNotification { display: none; padding: 10px 10px 13px 10px; font: 13px/17px Verdana; color: #fff; background-color: #D77C5F; border-bottom: 2px solid #fff; }
#partyTypeNotification em { text-decoration: underline; font-style: normal; }
#partyTypeNotification strong { font-style: italic; font-family: Georgia, Times New Roman; }

.booking_complete_badge { background: #fff url(img/gold_badge_tick.png) no-repeat 4px 6px; padding: 16px 0 26px 76px; }

/* Overlay Boxes */
.processIconWithBg { width: 48px; height: 48px; background: url(img/processing_icon_box.gif) no-repeat; border-left: solid 6px #fff; border-right: solid 6px #fff; }
.processIcon { width: 28px; height: 28px; background: url(img/processing_icon.gif) no-repeat; position: absolute; top: 17px; left: 18px; background-color: #315A84; }
.processIconClose { width: 28px; height: 28px; background: url(img/close_process_icon.gif) no-repeat; position: absolute; top: 18px; right: 14px; z-index: 9999; }
.processingAnimationBox { background: url(img/processing_box_bg.gif) no-repeat left top; padding-left: 49px; height: 62px; position: relative; float: left; }
.processingAnimationTxt { background: url(img/processing_box_bg.gif) no-repeat right top; float: left; padding-right: 10px; padding-left: 14px; height: 62px; font: bold 18px Arial; color: #fff; line-height: 61px; position: relative; right: -1px; text-transform: uppercase; }
.processingAnimationTxt span { position: relative; top: 0; right: 12px; }
.processDoneBox { display: block; padding-left: 25px; height: 62px; position: relative; float: left; background: url(img/processing_box_bg.gif) no-repeat left top; }
.processDoneTxt { float: left; padding-left: 0px; padding-right: 50px; height: 62px; font: bold 18px Arial; color: #fff; line-height: 61px; position: relative; right: -1px; text-transform: uppercase; background: url(img/processing_box_bg.gif) no-repeat right top; }
.processDoneTxt span { position: relative; top: 0; right: 0px; }

.userMsgMDB .leftBg { background: url(img/error_notify_bg_left.png) no-repeat left top; height: 116px; float: left; color: #000; }
.userMsgMDB .rightBg { background: url(img/error_notify_bg_right.png) no-repeat right top; height: 116px; width: 28px; float: left; color: #000; }
.userMsgMDB .errorContent { padding: 23px 0 0 78px; text-align: center; }
.userMsgMDB .errorContent .title { font: bold 18px Arial; text-transform: uppercase; }

.activityNotificationDialog { background-color: #86ae35; border: 5px solid #719A1C; display: inline-block; position: absolute; -webkit-box-shadow: 0 0 0px 10px rgba(0,0,0, 0.3); -moz-box-shadow: 0 0 0px 10px rgba(0,0,0, 0.3); box-shadow: 0 0 0px 10px rgba(0,0,0, 0.3); color: #FFFFFF; padding: 11px 13px 15px 18px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }

.activityNotificationDialog .icon { position: absolute; top: 31px; left: 31px; }
.activityNotificationDialog .message { font: 13px Verdana; text-align: left; white-space: nowrap; }
.activityNotificationDialog .title { font: bold 18px Arial; text-transform: uppercase; white-space: nowrap; }
.activityNotificationDialog .content { padding-left: 37px; padding-right: 10px; }

body.embedded .activityNotificationDialog, #ajaxModalBlock .activityNotificationDialog { -webkit-box-shadow: 0 0 0px 10px rgba(255,255,255, 0.6) !important; -moz-box-shadow: 0 0 0px 10px rgba(255,255,255, 0.6); box-shadow: 0 0 0px 10px rgba(255,255,255, 0.6); }



/* NEW RESPONSIVE ERROR DIALOGS */
.errorDialog { box-shadow: 0px 0px 10px 0 #000; padding: 4px; background-color: #fff; color: #444; border-radius: 12px; width: auto !important; max-width: 360px; }
.errorDialog .errorMessageTitle { color: #000; font: bold 18px/21px Arial; }
.errorDialog .errorMessage { padding-top: 2px; line-height: 17px; }
.errorDialog .content { padding: 10px 20px 17px 63px; }
.errorDialog .buttons { background-color: #f0f0f0; border-radius: 0 0 10px 10px; border-top: 1px solid #ddd; padding: 10px; overflow: auto; }
.errorDialog .buttons .mBtn { float: right; position: static; margin-left: 10px; }
.errorDialog .mBtnLeft, .errorDialog .mBtnRight { height: 34px; }

.errorDialog.fatal .content { background: url(img/mdb_icon_error.gif) no-repeat 15px 15px; }
.errorDialog.warning .content { background: url(img/mdb_icon_warning.gif) no-repeat 15px 15px; }
.errorDialog.timeout .content { background: url(img/mdb_icon_timeout.gif) no-repeat 15px 15px; }
.errorDialog.success .content { background: url(img/mdb_icon_success.gif) no-repeat 15px 15px; }


/* OLD ERROR DIALOGS */
.errorMDB { float: left; }
.errorMDB .errorContent { padding: 8px 0 0 75px; }
.errorIconFatal { background: url(img/mdb_icon_error.gif) no-repeat; width: 40px; height: 40px; position: absolute; top: 27px; left: 30px; }
.errorIconWarning { background: url(img/mdb_icon_warning.gif) no-repeat; width: 40px; height: 40px; position: absolute; top: 27px; left: 30px; }
.errorIconTimeout { background: url(img/mdb_icon_timeout.gif) no-repeat; width: 40px; height: 40px; position: absolute; top: 27px; left: 30px; }
.errorIconSuccess { background: url(img/mdb_icon_success.gif) no-repeat; width: 40px; height: 40px; position: absolute; top: 27px; left: 30px; }
.errorIconLoading { width: 47px; height: 47px; position: absolute; top: 21px; left: 24px; background: url(img/processing_icon_box.gif) no-repeat; }
.errorMDB .errorContent .title { font: bold 18px Arial; height: 70px; vertical-align: middle; }
.errorMDB .message { height: 53px; padding: 0px 0 0 30px; line-height: 18px; vertical-align: middle; }
.errorMDB .topBg { background: url(img/error_mdb_bg_top.png) no-repeat left top; width: 450px; color: #000; }
.errorMDB .btmBg { background: url(img/error_mdb_bg_btm.png) no-repeat left top; height: 74px; width: 450px; color: #000; }
.errorMDB .mdbBtns { position: absolute; bottom: 25px; left: 378px; }

.errorMDB.inpage .topBg { background: url(img/mdb_2_top.png) no-repeat left top; }
.errorMDB.inpage .btmBg { background: url(img/mdb_2_btm.png) no-repeat left top; }

/* Header */
#header { overflow: hidden; background-color: #fff; background-color: #fff; border-bottom: 5px solid #ccc; box-shadow: 0 0 0 5px rgba(0,0,0, 0.2); min-height: 64px }
#header #mainPageLogo { background: url(img/pb_logo.gif) no-repeat; height: 31px; width: 125px; float: left; position: relative; top: 14px; left: 13px; }
#header .tagline { font-weight: 100; font-size: 24px; color: #aaa; float: left; margin-top: 22px; margin-left: 30px; font-family: Arial; }
#header .rightCol { float: right; padding: 15px 20px 15px 0; }
.callHelpline { color: #555; text-align: right; font: 14px Arial; position: relative; }
.callHelpline .phoneNumber { float: right; font: bold 30px/28px Arial; color: #c30; margin-left: 20px; }
.callHelpline .text { float: left; }

/* Footer */
#footer { margin: 20px;}
#footer .accreditations_logos { background: url(img/accreditation_logos_white.png) no-repeat right top; height: 47px; width: 143px; float: right;}


#footer a { color: #fff; }
#footer a:hover { color: #0CF; }
#footer .text { margin-top: 5px; float: left; padding: 6px 10px 20px 15px; color: #fff; font: 11px/14px Arial; }
#footer .pbLogo{float: left; background: url(img/pb_logo_sml_mono.png) no-repeat 0 10px; width: 90px; height:40px;}
#footer strong { display: block; }

#pageWrapper{
	background-image: none; background-color: transparent;
}

/* Tabs */
.tabContent { padding: 10px 10px 0 10px; }
#nightsTabs a, #nightsTabs a:visited { color: #fff; }

.canvasColumnWrapper { padding: 20px; }

/* Main Columns  */
#canvas .mainCol { float: left;  }
#canvas .sideCol { float: right; }

.sideCol .buttonWide .mBtnLeft { width: 195px; }
.sideCol p { font: 11px/16px Arial; color: #333; }

/* PARK RESULTS - HEADER */
.parkHeader { background-color: #f6f6f6; border-radius: 5px 5px 0 0; height: auto; border-bottom: 3px solid #ddd; overflow: auto; }

.parkHeader .parkLogo { float: right; padding-top: 16px; padding-right: 20px;}

.parkHeader .parkInfo { float: left; padding: 20px 20px 14px 20px; }
.parkHeader .parkName { font: bold 24px/24px Arial; color: #d34e14; color: #3e5a81; }
.parkHeader .parkAddress { padding: 3px 0 5px 0; color: #c1ac78; color: #999; font: bold 14px Arial; }
.parkHeader .parkLinks { display: none; }
.parkHeader .parkContactDetails { font: bold 11px Arial; }









.photoframe_sml_jpg { padding-left: 16px; padding-top: 16px; overflow: hidden; }
#photoFrameLrg { float: right; position: relative; width: 498px; height: 412px; }
#photoFrameLrg .backgroundImg { background: url(img/photo_frame_lrg.png) no-repeat 0 0; width: 498px; height: 412px; }
#photoFrameLrg #galleryImgs { overflow: hidden; position: absolute; top: 32px; left: 31px; border-top: 1px solid #333; border-left: 1px solid #000; border-right: 1px solid #333; border-bottom: 1px solid #666; width: 430px; height: 300px; }
#photoFrameLrg #caption { position: absolute; left: 31px; bottom: 39px; font-weight: bold; font-style: italic; color: #333; }
#photoFrameLrg .galleryControls { position: absolute; right: 31px; bottom: 29px; }
#photoFrameLrg .galleryControls div { float: right; }
#photoFrameLrg .galleryControls .counter { background: url(img/gallery_counter_bg.gif) no-repeat; width: 44px; height: 30px; margin: 2px 3px 0 0; color: #fff; text-align: center; font: bold 14px/30px Arial; }

/* PARK RESULTS - RESULT ITEM */
.parkResultItem .parkName { font: bold 22px Arial; color: #333; }
.parkResultItem .parkAddress { font: 11px Arial; color: #666; }
.parkLinks li { float: left; }

/* STOCK RESULTS - ITEM */

.stockAvail .rndBoxContent { padding-left: 0; padding-right: 0; }
.stockResultItem { font: 11px/15px Arial, Verdana; padding: 0 15px 15px 15px; }
.stockResultItem .stockTitle { font: bold 16px/19px Arial; color: #1B3659; padding-bottom: 5px; }
.stockResultItem .stockDescription { margin-bottom: 0; padding-right: 5px; min-height: 40px; color: #333; font-size: 11px; }
.stockResultItem .unit-sleeps { color: #999; margin-bottom: 0px; margin-top: 0px; }
.stockResultItem .unit-duration { color: #999; margin-bottom: 3px; }
.stockResultItem .stockImg { float: left; width: 125px; height: 102px; background: transparent url(img/photo_frame_sml.gif) no-repeat; cursor: pointer; }
.stockResultItem .stockInfo { margin-right: 163px; margin-left: 125px; }
.stockResultItem .stockPriceBook .button { width: 140px; }
.stockResultItem .mBtnLeft { width: 128px; }
.offerItem .stockPriceBook { height: 129px; }
.offerItem .stockDescription { min-height: 53px; }
.stockPriceBook { background: #f4f4f4 url(img/pricebook_bg.gif) no-repeat; width: 137px; float: right; padding: 10px 10px 14px 10px; position: relative; height: 101px; color: #666; }
.stockPriceBookFoot { background: #ececec url(img/pricebook_bg.gif) no-repeat left bottom; width: 157px; height: 12px; position: absolute; left: 0px; bottom: -1px; }
.stockPriceBook em { color: #C00; font-weight: bold; font-style: normal; }
.stockPriceBook .stockPrice { position: relative; text-align: right; background: #c30 url(img/pricebook_price_bg.gif) no-repeat; color: #fff; font: bold 14px Arial; padding: 4px 5px 4px 6px; margin-bottom: 8px; }
.stockPriceBook .stockPrice em { color: #D98D40; float: left; }
.stockPriceBook .depositInfo { padding: 0; text-align: center; }
.stockPriceBook .button { position: absolute; left: 10px; bottom: 7px; width: 205px; }
.stockPriceBook .wasPrice { background: #999 url(img/pricebook_wasprice_bg.gif) no-repeat; text-align: right; margin-bottom: 8px; }
.stockPriceBook .wasPrice em { color: #ccc; }
.stockPriceBook .wasPrice span { text-decoration: line-through; }
.stockPriceBook .stockPrice.nowPrice { margin-bottom: 0px !important; background: url(img/now_price_bg.gif) no-repeat !important; background-color: transparent !important; height: 25px; padding: 5px 8px 0 0; }
.stockPriceBook .stockPrice.nowPrice em { color: #ff0; padding-left: 8px; }

.stockIcons {display: flex; flex-wrap: wrap;}
.stockIcons > div { height: 44px; width: 38px; margin: 16px 1.4% 0 1.4%; }
.stockIcons div:first-child {margin-left: 0; }
.stockIcons div:empty{display: none;}
.stockIcons .dog-friendly {background: url(img/icons/stock_icons_pixel_dog.png) no-repeat 0 0;}

.stockIcons .sleeps { background: url(img/icons/icon_sleeps.gif) no-repeat 0 0; width: 46px; font: bold 17px Arial; color: #C30; position: relative; }
.stockIcons .sleeps span { position: absolute; top: 18px; left: 20px; display: block; width: 22px; text-align: center; }

.stockIcons .days { background: url(img/icons/icon_days.png) no-repeat 0 0; font: bold 22px Arial; color: #c30; position: relative; }
.stockIcons .days > span { position: absolute; top: 1px; left: 0; display: block; width: 36px; text-align: center; }

.stockIcons .date { background: url(img/icons/icon_date.gif) no-repeat 0 0; position: relative; }
.stockIcons .date .month { position: absolute; top: 2px; left: 0; display: block; width: 36px; font: bold 10px Verdana; text-transform: uppercase; color: #fff; text-align: center; }
.stockIcons .date .day { position: absolute; top: 17px; left: 0; display: block; width: 36px; font: bold 21px Arial; color: #c30; text-align: center; }
.stockIcons .date { background-image: none; background-color: #0163c4; padding: 1px; border: 1px solid #0163c4; border-radius: 4px; width: 32px; height: 40px; }
.stockIcons .date .month { color: #FFFFFF; font: 700 10px/12px 'Arial'; height: 14px; position: static; width: auto; }
.stockIcons .date .day { background-color: #FFFFFF; border: 1px solid #fff; border-radius: 0 0 2px 2px; color: #CC3300; font: 700 21px/16px 'Arial'; height: auto; margin: 0 !important; padding: 4px 3px 4px 1px !important; position: static; width: 26px; letter-spacing: -1px; }

.stockIcons .toAro { background: url(img/icons/to_aro.gif) no-repeat; width: 21px; position: relative; }
.stockIcons .toAro span { position: absolute; top: 9px; left: 2px; display: block; color: #fff; font: bold 10px Arial; }

.stockIcons .nights { font: bold 26px Arial; position: relative; background: #002B57 url("img/nights_icon_bg.png") no-repeat scroll 46% -5px; background-color: #002b57; width: 34px; height: 40px; padding: 1px; color: #FFFE9A; border-radius: 4px; letter-spacing: -1px; border: 1px solid #002B57; }
.stockIcons .nights > span { position: absolute; top: 1px; left: -1px; width: 100%; display: block; width: 36px; text-align: center; }

.result-items {min-height: 300px;}
.result-items .stockResultItem { position: relative; border-radius: 0; margin-bottom: 20px; border-bottom: 2px dotted #999; padding: 0 20px 20px 20px; }
.result-items .stockResultItem:last-child { margin-bottom: 0; border-bottom: none; border-radius: 0 0 6px 6px; }
.result-items .main-content-area { margin-right: 170px; }

.result-items .stockPriceBook { position: absolute; top: 0px; right: 20px; height: auto; padding-bottom: 7px; background-image: none; box-shadow: 0 1px 2px 0px #aaa; border-radius: 7px; border: 1px solid #b1b1b1; border-right-color: #707070; border-bottom: 1px solid #707070; background: #eee; /* Old browsers */ background: -moz-linear-gradient(top, #eee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eee 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eee 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eee 0%,#ffffff 100%); /* W3C */ }
.result-items .stockPriceBook .button { position: static; margin-top: 5px; }

.result-items .stock-Img { position: relative; float: left; cursor: pointer; margin-right: 15px; padding: 6px; background-color: #fff; border: 1px solid #ccc; border-right-color: #939393; border-bottom-color: #939393; }
.result-items .stock-Img .zoom-icon { position: absolute; left: 6px; bottom: 6px; background: transparent url("img/zoom-icon.png") no-repeat; width: 22px; height: 20px; }
.result-items .stock-Img img { border: 1px solid #000 !important; height: 112px; width: 128px; }
.result-items .stockInfo { margin-left: 160px; margin-right: 0; }
.result-items .stockPrice { margin-bottom: 6px; }
.result-items .stockResultItem .stockTitle { font-size: 18px; }
.result-items .stockResultItem .stockDescription { min-height: 45px; }
.result-items .resultsBox .rndBoxContent { padding-top: 1px; }

.result-items .priceIncludesNotification { padding: 0; color: #c30; width: auto; height: auto; margin-top: 8px;}
.result-items .priceIncludesNotification strong { color: #bf3f00; font-size: 11px; }

.resultsFilter { display: none; background-color: #BFCCD9; color: #325C84; border-bottom: 1px solid #325C84; font: bold 11px Arial; padding: 8px; }

/* Date Results - Item */
.dateResultItem {
    position: relative;
    padding: 5px 0;
}
.dateResultItem .stockIcons {
    width: 85px;
    justify-content: space-between;
    margin: 0 25px 0 0;
    align-self: flex-start;
    float: left;
    padding: 0;
}

.dateResultItem .stockIcons > div {
    margin: 0;
}

.dateResultItem .priceDescription { float: right; }
.dateResultItem .dateDescription { float: left; padding-top: 2px; }
.dateResultItem .dateDescription .arrival { font: bold 16px Arial; }
.dateResultItem .dateDescription .departure { float: left; background: url(img/depart_date_icon.gif) no-repeat 3px 2px !important; padding-left: 20px; }
.dateResultItem .accTypes { text-align: right; float: left; height: 44px; position: absolute; top: 0; right: 190px; }
.dateResultItem .accTypes img { }
.dateResultItem .pricesFrom { font: bold 28px/28px Arial; color: #c30; float: left; padding: 0 15px 0 0; }
.dateResultItem .pricesFrom .label { font: 11px Arial; color: #000; text-align: right; }
.dateResultItem .viewBtn { padding-top: 4px; float: left; }

/* Extra Results - Item */

.extraResultItem { font: 13px/17px Arial, Verdana; padding: 0 15px 17px 15px; }
#pageContentBody .extraResultBox .rndBoxContent { padding: 15px 0 0 0; }
.extraResultItem .thumbImg { float: left; width: 125px; height: 102px; background: transparent url(img/photo_frame_sml.gif) no-repeat; cursor: pointer; }
.extraResultItem .extraTitle { font: bold 16px/19px Arial; color: #1B3659; padding: 8px 0 5px 0; }
.extraResultItem .extraDescription { font-size: 12px; }
.extraResultItem .extraInfo { margin-left: 126px; }
.extraResultItem .extraContentPanel { float: left; width: 450px; }
.extraPricePanel { margin-top: 9px; background: #f4f4f4 url(img/pricebook_bg.gif) no-repeat; width: 137px; float: right; padding: 10px 10px 10px 10px; position: relative; color: #666; }
.extraPricePanelFoot { background: #ececec url(img/pricebook_bg.gif) no-repeat left bottom; width: 157px; height: 12px; position: absolute; left: 0px; bottom: -1px; }
.extraPricePanel em { color: #C30; font-weight: bold; font-style: normal; }
.extraPricePanel .extraPrice { background: #c30 url(img/pricebook_price_bg.gif) no-repeat; color: #E69980; font: bold 14px Arial; padding: 4px 5px 4px 6px; text-align: center; margin-bottom: 9px; }
.extraPricePanel .extraPrice em { color: #fff; }
.extraPricePanel .quantitySelector { height: 34px; }
.extraPricePanel .quantitySelector input { position: absolute; padding: 3px 0 4px 0; left: 44px; top: 42px; width: 61px; text-align: center; border: 2px solid #fff; background-color: #666; color: #fff; font: bold 16px Arial; }
.extraPricePanel .plusIncrement { position: absolute; right: 8px; top: 40px; }
.extraPricePanel .minusIncrement { position: absolute; left: 8px; top: 40px; }
.extraPricePanel .added { border: 2px solid #000; }
.extraPricePanel .quantityInfo { font-family: Arial; }
.extraPricePanel .quantityInfo strong { color: #c30; float: right; }


/* ALTERNATIVE RESULTS SORTING */
.altSorta { position: relative; }
.altSortaContent { color: #fff; position: absolute; top: 10px; right: 8px; font: bold 14px Arial; }
.altSortaBtn.active { }
.altSortaBtn { background: url(img/sort_btn_bg.gif) no-repeat; height: 23px; width: 80px; display: block; text-align: center; }
a.altSortaBtn.asc { background-position: 0 0px; }
a.altSortaBtn.desc { background-position: 0 -40px; }
.inActive a.altSortaBtn.asc { background-position: 0 -80px; }
.inActive a.altSortaBtn.desc { background-position: 0 -120px; }
a.altSortaBtn.asc:hover { background-position: 0 -40px; }
a.altSortaBtn.desc:hover { background-position: 0 0; }
.inActive a.altSortaBtn.asc:hover { background-position: 0 -40px; }
.inActive a.altSortaBtn.desc:hover { background-position: 0 0; }
.altSortaTxt { color: #999; height: 23px; width: 80px; display: block; text-align: center; }
.altSortaContent li { float: left; margin-left: 5px; }
.altSortaBtn, .altSortaTxt span { line-height: 22px; }
#otherParksAvail .rndBoxHeadTopLeft { padding: 0 0 10px 0; text-align: center; }
#otherParksAvail .rndBoxHeadTopLeft h2 { font: bold 14px/14px Arial; padding: 7px 0 2px 0; }
#otherParksAvail .rndBoxHeadTopLeft span { color: #999; font: bold 14px/14px Arial; padding: 0px 4px 3px 4px; }

/* ALTERNATIVE PARKS BOX */

#otherParksAvail .rndBoxMid  { border-radius: 0 0 9px 9px; }
.altParkInfo { }
.altParkInfo .name { font: bold 11px/14px Arial;}
.altParkInfo .address { font: 11px/14px Arial;}
.altParkInfo .distance { font: 9px/14px Arial; color: #666; }
.altParkPrice { padding-top: 2px; font: bold 14px/14px Arial; color: #c30; text-align: right; float: right; padding-left: 5px; }
.altParkPrice span { display: block; font: 11px/15px Arial; color: #999; }
a.microBtn { display: inline-block; width: 40px; margin-top: 6px; padding: 1px 2px 2px 2px; text-align: center; border: 1px solid #999; font: bold 10px Arial; background-color: #f7f7f7; color: #009; }
a.microBtn:hover { border: 1px solid #85AE20; color: #c30; }

/* Inline Notification */
.inlineNotification {
    color: #ff8;
    background-color: rgba(0,0,0,0.2);
    border-top: 2px solid rgba(0,0,0,0.2);
    padding: 15px;
    text-align: center;
    font: bold 18px/21px Arial;
}

/* Inline Error Msg */
.inlineErrorMsg { margin-left: 95px; padding: 0px; }
.inlineErrorMsg .title { font: bold 14px/14px Arial; color: #db751a; padding: 0 0 2px 0; margin: 0; }
.inlineErrorMsg .description { font: 11px Arial; color: #000; }
.inlineErrorMsg a { color: inherit; text-decoration:underline; }
.inlineErrorMsg a:hover { color: #fff; }

.inlineErrorMsg .accTypeName:before, .inlineErrorMsg .accTypeName:after{content: "'";}

.noAvail .inlineErrorMsg,
.altAvail .inlineErrorMsg,
.noAvail .inlineErrorMsg,
.altAvail .inlineErrorMsg {
	padding: 32px;
	margin: 0;
}

.noAvail .inlineErrorMsg .title,
.altAvail .inlineErrorMsg .title,
.noAvail .inlineErrorMsg .description,
.altAvail .inlineErrorMsg .description {
	font-size: 16px;
	line-height: 120%;
	text-align: center;
}
.noAvail .inlineErrorMsg .title,
.altAvail .inlineErrorMsg .title{
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 120%;
}

.noAvail .inlineErrorMsg {
	background: #db751a
}
.noAvail .stockIcons { display: none; }
.noAvail .inlineErrorMsg { margin: 0; }

.noAvail .inlineErrorMsg .title{color: #fff;}
.noAvail .inlineErrorMsg .description {color: #ffffce;}
.noAvail .inlineErrorMsg .accTypeName{color: #ffff80;}

@media (max-width: 543px) {
	.noAvail .inlineErrorMsg,
	.altAvail .inlineErrorMsg,
	.noAvail .inlineErrorMsg,
	.altAvail .inlineErrorMsg {
		padding: 24px;
	}
	.noAvail .inlineErrorMsg .title,
	.altAvail .inlineErrorMsg .title,
	.noAvail .inlineErrorMsg .description,
	.altAvail .inlineErrorMsg .description {
		font-size: 14px;
	}
	.noAvail .inlineErrorMsg .title,
	.altAvail .inlineErrorMsg .title{
		font-size: 18px;
	}
}

@media (min-width: 1025px) {
	.noAvail .inlineErrorMsg,
	.altAvail .inlineErrorMsg{
		width: 580px;
		margin: 0 auto;
	}
}


/* .noAvail .inlineErrorMsg .accTypeName{color: #ffff80;}

 .noAvail .inlineErrorMsg { 
	background: #db751a url('img/warning-icon.png') no-repeat 12px 10px; min-height: 44px;
	border: 1px solid #db751a; border-radius: 0; margin-left: 95px; padding: 7px 10px 10px 60px;  } 


.noAvail .inlineErrorMsg .title{color: #fff;}
.noAvail .inlineErrorMsg .description {color: #ffffce;}

.noAvail .inlineErrorMsg { margin: 0; }	
.altAvail .inlineErrorMsg { text-align: center; }
.noAvail .inlineErrorMsg em {  color: #ffff80; border-top: 1px dotted #ffff80; line-height: 14px; margin-top: 8px; padding: 8px 0 0 0; display: block !important; }
.noAvail .inlineErrorMsg em strong { text-decoration: underline; font-weight: 500; }
.noAvail .inlineErrorMsg em span { color: #fff; font-style: italic; font-weight: 600; }
.noAvail .stockIcons { display: none; } */

.sideCol .inlineErrorMsgRight { width: 198px; }
.sideCol .inlineErrorMsg { padding-bottom: 7px; }
.sideCol .inlineErrorMsgLeft .title { font: 11px Arial; color: #fff; padding: 7px 0 0 30px; }

/* Alternative Stock Results */
.noAvail .rndBoxContent { padding: 14px 12px 0 12px; }

.altAvail { margin-top: 15px; }
.altAvail .rndBoxMid div.rndBoxContent { padding: 0px; }
.altAvail .ui-tabs-panel { padding: 20px; }
.altStockResultItem { }
.altAvail .rndBoxContent { padding: 15px; }
.altAvail h2 { text-align: center; }

/* PARK PAGE SPECIFICS */
.parkProfile { }
.parkProfile #parkIntro { background: #fff url(img/park_intro_bg.gif) no-repeat left bottom; padding: 10px 20px 6px 20px; margin-bottom: 25px; }
.parkProfile #parkIntro .parkIntroText { width: 420px; }
.parkProfile .parkProfileInfoTabs .rndBoxContent { padding: 0px; }
.parkProfile .parkProfileInfoTabs .rndBoxMid div.rndBoxContent { padding: 0px; }
.parkProfile .parkProfileInfoTabs .ui-tabs-panel { }
.parkProfile .parkProfileInfoTabs .bulletList li { line-height: 16px; list-style-type: disc; list-style: disc; margin-left: 20px; width: 190px; color: #c30; height: 36px; font-style: italic; float: left; padding: 0 10px 10px 0; }
.parkProfile .parkProfileInfoTabs .bulletList li span { color: #000; }
.parkProfile .parkProfileAccTabs .rndBoxContent { padding: 0px; }
.parkProfile .parkProfileAccTabs { margin-bottom: 15px; }
.parkProfile .parkProfileAccTabs .ui-tabs-panel { height: 276px; overflow: auto; }
.parkProfile .parkProfileAccTabs .stockInfo { margin-right: 10px; padding-top: 10px; margin-left: 10px; }
.parkProfile .parkProfileAccTabs .stockDescription { font: 13px/18px Verdana; }
.parkProfile .parkProfileAccTabs em { font-style: normal; padding-left: 22px; background: url(img/icons/stock_sml.gif) no-repeat 0 0px; }
.parkProfile .parkProfileAccTabs .ui-tabs-selected em { background-position: 0 -20px; }
.parkProfile .parkProfileAccTabs em.accTabChalet { background-position: 0 -40px; }
.parkProfile .parkProfileAccTabs .ui-tabs-selected em.accTabChalet { background-position: 0 -60px; }
.parkProfile .parkProfileAccTabs em.accTabLodge { background-position: 0 -80px; }
.parkProfile .parkProfileAccTabs .ui-tabs-selected em.accTabLodge { background-position: 0 -100px; }
.parkProfile .parkProfileAccTabs em.accTabTourer { background-position: 0 -120px; }
.parkProfile .parkProfileAccTabs .ui-tabs-selected em.accTabTourer { background-position: 0 -140px; }
.parkProfile .parkProfileAccTabs em.accTabTent { background-position: 0 -160px; }
.parkProfile .parkProfileAccTabs .ui-tabs-selected em.accTabText { background-position: 0 -180px; }

/* CONFIRMATION PAGE SPECIFICS*/

.main3Col { float: left; width: 294px; }
.colSpaceRight { margin-right: 14px; }
.rndBoxPaddingBtm { padding-bottom: 15px; }
#confirmationBox .rndBoxContent { padding: 15px; }
#confirmationBox .rndBoxContent .rndBoxContent { padding: 10px 10px 0 10px; border: none; }
.rndBoxHead SmlTxt { position: absolute; top: 10px; right: 10px; color: #fff; font: 11px Arial; }
.bookingConfirmationPage table { width: 100%; font: 14px/22px Arial; }
.bookingConfirmationPage th { text-align: left; padding-bottom: 4px; font-weight: normal; color: #666; }
.bookingConfirmationPage td { text-align: right; padding-bottom: 4px; }
.bookingConfirmationPage table .dottedLine { height: 7px; }
.bookingConfirmationPage table .subTotal th, table .subTotal td { color: #c00; font: bold 14px Arial; text-transform: uppercase; }
.bookingConfirmationPage table .grandTotal th, table .grandTotal td { color: #c00; font: bold 14px Arial; text-transform: uppercase; vertical-align: middle; }
.bookingConfirmationPage table .grandTotal td { font-size: 26px; }
.bookingConfirmationPage table .stockName { text-align: left; font-weight: bold; }
.bookingConfirmationPage table .parkName { font: bold 14px Arial; text-align: left; text-transform: uppercase; }

.voucherWrapper { padding-top: 60px; padding-bottom: 60px; width: 600px; margin: 0 auto; }
/* Data Entry Page Specifics */
.requiredFieldMsg { text-align: center; font: 11px Arial; color: #fff; line-height: 17px; position: absolute; top: 11px; right: 11px; }
.requiredFieldMsg .reqField { font: 13px/11px Verdana; }

/* Booking Progress Crumb Trail  */

#bookingProgressBar { margin: 0 0 20px 0; background-color:#f7f7f7; border: 2px solid #ddd; border-radius: 40px;}
#bookingProgressBar a { text-decoration: none; color: #bbb;}
#bookingProgressBar ul { padding-left: 0px; }
#bookingProgressBar ul li { display: inline-block; vertical-align: middle; font: bold 14px/41px Arial; text-transform: uppercase; color: #999; padding-left: 4px; }
#bookingProgressBar ul span { font: bold 14px/41px Arial; color:#999; }
#bookingProgressBar ul div.crumbSeperator { height: 42px; width: 19px; background: url(img/crumb_seperator.gif) no-repeat 0 0; padding-left: 0px; }

#bookingProgressBar .active a,#bookingProgressBar .active span{color:#690 !important;}
#bookingProgressBar .contentWrapper{text-align: center;}

#bookingProgressBar .step1, #bookingProgressBar .step2, #bookingProgressBar .step3, #bookingProgressBar .step4 { padding: 0 5px 0 6px; }

#bookingProgressBar .step1 div { background: url(img/icons/step1_icons.png) no-repeat 0 -82px; padding-left: 28px;}
#bookingProgressBar .step1 div.active { background-position: 0 1px; font-weight: bold; }
#bookingProgressBar .step1 div.semiActive a { color: #690; }
#bookingProgressBar .step1 div.done { background-position: 0 -41px; }
#bookingProgressBar .step1 div.done a { color: #690; }
#bookingProgressBar .step1 { padding: 0 4px 0 8px; }

#bookingProgressBar .step2 div { background: url(img/icons/step2_icons.png) no-repeat 0 -82px; padding-left: 28px;}
#bookingProgressBar .step2 div.active { background-position: 0 1px; }
#bookingProgressBar .step2 div.semiActive a { color: #690; }
#bookingProgressBar .step2 div.done { background-position: 0 -41px; }
#bookingProgressBar .step2 div.done a { color: #690; }
#bookingProgressBar .step2 { padding: 0 4px 0 8px; }

#bookingProgressBar .step3 div { background: url(img/icons/step3_icons.png) no-repeat 0 -81px; padding-left: 32px;}
#bookingProgressBar .step3 div.active { background-position: 0 1px; }
#bookingProgressBar .step3 div.semiActive a { color: #690; }
#bookingProgressBar .step3 div.done { background-position: 0 -41px; }
#bookingProgressBar .step3 div.done a { color: #690; }
#bookingProgressBar .step3 { padding: 0 4px 0 8px; }

#bookingProgressBar .step4 div { background: url(img/icons/step4_icons.png) no-repeat 0 -82px; padding-left: 28px; }
#bookingProgressBar .step4 div.active { background-position: 0 1px; }
#bookingProgressBar .step4 div.semiActive a { color: #690; }
#bookingProgressBar .step4 div.done { background-position: 0 -41px; }
#bookingProgressBar .step4 div.done a { color: #690; }
#bookingProgressBar .step4 { padding: 0 4px 0 8px; }

#bookingProgressBar .done { background-position: 0 -41px; }
#bookingProgressBar .done a:hover { text-decoration: underline; color: #c60; }
#bookingProgressBar .semiActive a:hover { text-decoration: underline; color: #c60; }
#bookingProgressBar .active a { color: #c60 !important; font-weight: bold; font-size: 14px; }

/* Special Offers Side Box */

.specialOffers { margin-bottom: 15px; }
.specialOffers .rndBoxContent { padding: 0 10px; }
.specialOffers .sItemWrap { font: 11px Arial; margin: 0; }
.specialOffers .sItemLeft { float: left; }
.specialOffers .sItemRight { float: right; text-align: right; font-style: italic; }
.specialOffers .sItemDates { font-weight: bold; }
.specialOffers .sItemWasPrice span { text-decoration: line-through; }
.specialOffers .sItemNowPrice span { font-weight: bold; color: #c30; font-style: normal; }
.specialOffers .dottedLine { height: 15px; line-height: 1px; }

/* Special Offers Sign-up Side Box 
	.specialOffersSignUp input{font: 13px Verdana, Arial; padding:2px 5px 3px 5px; width:187px; margin-bottom:10px; color:#666;}
	.sideCol p.sendOffersMsg{margin:0px 0 10px 0; padding:4px 10px 8px 30px;	text-align:center; font-weight:bold; color:#c30; background: #fff url(img/icons/email_sign_up.gif) no-repeat 10px 8px; border:1px solid #c30;}
*/

/* Badges */
.badgeWrapper { position: relative; }
.saveDollarBadge { height: 57px; width: 57px; background: url(img/save_dollar_badge.png) no-repeat 0 0; position: absolute; top: -11px; right: -10px; }
.lateDealBadge { height: 57px; width: 57px; background: url(img/late_deal_badge.png) no-repeat 0 0; position: absolute; top: -11px; right: -10px; }
.specialOfferBadge { height: 57px; width: 57px; background: url(img/special_offer_badge.png) no-repeat 0 0; position: absolute; top: -11px; left: 4px; }
.specialDiscountBadge { height: 57px; width: 57px; background: url(img/special_discount_badge.png) no-repeat 0 0; position: absolute; top: -11px; left: 4px; }
.shortBreakBadge { height: 57px; width: 57px; background: url(img/short_break_badge.png) no-repeat 0 0; position: absolute; top: -11px; left: 4px; }
.eventBadge { height: 57px; width: 57px; background: url(img/event_badge.gif) no-repeat 0 0; position: absolute; top: -11px; left: 4px; }

/* Round Boxes */
.rndBox, .rndBoxWithBtn { }
.rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/1a.gif) no-repeat left top; margin-right: 15px; padding: 1px 0 0 10px; }
.rndBoxHeadTopLeft h2 { color: #fff; font: bold 18px/18px Arial; padding: 10px 0 12px; }
.rndBoxHeadTopLeft h2 em { color: #ADBECE; font-style: normal; }
.rndBox1 .rndBoxHeadTopLeft h2 em { color: #E3F1B9; font-style: normal; }
.resultsBox .rndBoxHeadTopLeft { padding-left: 11px; overflow: auto; }
i { font-style: normal; }
.resultsBox .rndBoxHeadTopLeft .stockIcons { float: left; padding: 10px 0; }

.rndBoxHeadTopLeft h2 span { color: #fff; display: inline-block; text-align: center; background: url(img/result_counter_bg.gif) no-repeat 0 7px; width: 30px; margin: 0 5px 0 1px; }

.rndBoxHeadTopRight { background: url(img/rnd_boxes/1a.gif) no-repeat right top; }
.rndBoxTopLeft { background: #fff url(img/rnd_boxes/1b.gif) no-repeat left top; margin-right: 15px; min-height: 10px; height: auto !important; height: 10px; font-size: 1px; }
.rndBoxTopRight { background: url(img/rnd_boxes/1b.gif) no-repeat right top; min-height: 10px; height: auto !important; height: 10px; font-size: 1px; }
.rndBoxMid { background-color: #fff; }
.html .rndBoxMid { height: 1%; }
.rndBoxMid p.boxDescription { padding: 10px 15px 0 15px; }
.rndBoxContent { padding: 15px 17px 0px 15px; }
.rndBoxBtmLeft { background: #fff url(img/rnd_boxes/1a.gif) no-repeat left bottom; height: 16px; padding: 0; font-size: 1px; line-height: 1px; }
.rndBoxBtmRight { background: #fff url(img/rnd_boxes/1a.gif) no-repeat right bottom; padding-right: 10px; }
.rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/1b.gif) no-repeat left bottom; margin-right: 15px; height: 53px; }
.rndBoxFootBtmRight { background: #fff url(img/rnd_boxes/1b.gif) no-repeat right bottom; height: 53px; }

.rndBoxWithBtn .rndBoxContent { padding: 8px 10px 10px 10px; border-bottom: 1px solid #ccc; }
.rndBoxWithBtn .rndBoxDataEntryContent { padding: 2px 2px 0px 2px; border-bottom: 1px solid #ccc; }
.rndBoxWithBtn .rndBoxFootBtmLeft { text-align: right; position: relative; }
.rndBoxWithBtn .button { position: absolute; right: -5px; top: 8px; text-align: right; height: auto; }
.rndBoxWithBtn .buttonLeft { position: absolute; left: 11px; top: 8px; text-align: right; height: auto; }
.rndBoxWithBtn .buttonMidFullPage { position: absolute; left: 320px; top: 8px; text-align: right; height: auto; }

.rndBox1 .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/3a.gif) no-repeat left top; }
.rndBox1 .rndBoxHeadTopRight { background: url(img/rnd_boxes/3a.gif) no-repeat right top; }
.rndBox1 .rndBoxTopLeft { background: #fff url(img/rnd_boxes/3b.gif) no-repeat left top; }
.rndBox1 .rndBoxTopRight { background: url(img/rnd_boxes/3b.gif) no-repeat right top; }
.rndBox1 .rndBoxMid { border-left: 2px solid #699B05; border-right: 2px solid #699B05; background-color: #fff; }
.rndBox1 .rndBoxBtmLeft { background: #fff url(img/rnd_boxes/3a.gif) no-repeat left bottom; }
.rndBox1 .rndBoxBtmRight { background: url(img/rnd_boxes/3a.gif) no-repeat right bottom; }
.rndBox1 .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/3b.gif) no-repeat left bottom; height: 53px; }
.rndBox1 .rndBoxFootBtmRight { background: url(img/rnd_boxes/3b.gif) no-repeat right bottom; height: 53px; }

.rndBox2 .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/4a.gif) no-repeat left top; }
.rndBox2 .rndBoxHeadTopRight { background: url(img/rnd_boxes/4a.gif) no-repeat right top; }
.rndBox2 .rndBoxTopLeft { background: #fff url(img/rnd_boxes/4b.gif) no-repeat left top; }
.rndBox2 .rndBoxTopRight { background: url(img/rnd_boxes/4b.gif) no-repeat right top; }
.rndBox2 .rndBoxMid { border-left: 2px solid #699B05; border-right: 2px solid #699B05; background-color: #fff; }
.rndBox2 .rndBoxBtmLeft { background: #fff url(img/rnd_boxes/4a.gif) no-repeat left bottom; }
.rndBox2 .rndBoxBtmRight { background: url(img/rnd_boxes/4a.gif) no-repeat right bottom; }
.rndBox2 .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/4b.gif) no-repeat left bottom; height: 53px; }
.rndBox2 .rndBoxFootBtmRight { background: url(img/rnd_boxes/4b.gif) no-repeat right bottom; height: 53px; }

.rndBox3 .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/5a.gif) no-repeat left top; }
.rndBox3 .rndBoxHeadTopRight { background: url(img/rnd_boxes/5a.gif) no-repeat right top; }
.rndBox3 .rndBoxTopLeft { background: #fff url(img/rnd_boxes/5b.gif) no-repeat left top; }
.rndBox3 .rndBoxTopRight { background: url(img/rnd_boxes/5b.gif) no-repeat right top; }
.rndBox3 .rndBoxMid { border-left: 2px solid #B10304; border-right: 2px solid #B10304; background-color: #fff; }
.rndBox3 .rndBoxBtmLeft { background: #fff url(img/rnd_boxes/5a.gif) no-repeat left bottom; }
.rndBox3 .rndBoxBtmRight { background: url(img/rnd_boxes/5a.gif) no-repeat right bottom; }
.rndBox3 .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/5b.gif) no-repeat left bottom; height: 53px; }
.rndBox3 .rndBoxFootBtmRight { background: url(img/rnd_boxes/5b.gif) no-repeat right bottom; height: 53px; }

.rndBox4 .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/6a.gif) no-repeat left top; }
.rndBox4 .rndBoxHeadTopRight { background: url(img/rnd_boxes/6a.gif) no-repeat right top; }
.rndBox4 .rndBoxTopLeft { background: #fff url(img/rnd_boxes/6b.gif) no-repeat left top; }
.rndBox4 .rndBoxTopRight { background: url(img/rnd_boxes/6b.gif) no-repeat right top; }
.rndBox4 .rndBoxMid { border-left: 2px solid #a4a4a4; border-right: 2px solid #a4a4a4; background-color: #fff; }
.rndBox4 .rndBoxBtmLeft { background: #fff url(img/rnd_boxes/6a.gif) no-repeat left bottom; }
.rndBox4 .rndBoxBtmRight { background: url(img/rnd_boxes/6a.gif) no-repeat right bottom; }
.rndBox4 .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/6b.gif) no-repeat left bottom; height: 53px; }
.rndBox4 .rndBoxFootBtmRight { background: url(img/rnd_boxes/6b.gif) no-repeat right bottom; height: 53px; }
.rndBox4 .rndBoxHeadTopLeft h2 em { color: #fff; font-style: normal; }

.rndBox5 .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/6a.gif) no-repeat left top; }
.rndBox5 .rndBoxHeadTopRight { background: url(img/rnd_boxes/6a.gif) no-repeat right top; }
.rndBox5 .rndBoxTopLeft { background: #fff url(img/rnd_boxes/6b.gif) no-repeat left top; }
.rndBox5 .rndBoxTopRight { background: url(img/rnd_boxes/6b.gif) no-repeat right top; }
.rndBox5 .rndBoxMid { border-left: 2px solid #a4a4a4; border-right: 2px solid #a4a4a4; background-color: #fff; }
.rndBox5 .rndBoxBtmLeft { background: #fff url(img/rnd_boxes/6a.gif) no-repeat left bottom; }
.rndBox5 .rndBoxBtmRight { background: url(img/rnd_boxes/6a.gif) no-repeat right bottom; }
.rndBox5 .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/6b.gif) no-repeat left bottom; height: 53px; }
.rndBox5 .rndBoxFootBtmRight { background: url(img/rnd_boxes/6b.gif) no-repeat right bottom; height: 53px; }
.rndBox5 .rndBoxHeadTopLeft h2 em { color: #fff; font-style: normal; }

/* Checker */

.checka .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/3a.gif) no-repeat left top; }
.checka .rndBoxHeadTopRight { background: #fff url(img/rnd_boxes/3a.gif) no-repeat right top; }
.checka .rndBoxMid { border-left: 2px solid #87AF37; border-right: 2px solid #87AF37; background-color: #f7f7f7; }
.checka .rndBoxContent { padding-left: 10px; padding-top: 4px; }
.checka .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/3b.gif) no-repeat left bottom; height: 53px; }
.checka .rndBoxFootBtmRight { background: #fff url(img/rnd_boxes/3b.gif) no-repeat right bottom; height: 53px; }
.checka .rndBoxHeadTopLeft h2, .bookingSummary .rndBoxHeadTopLeft h2 { text-align: center; }

.checkaValidation label {
    display: block;
    font: 14px Arial;
    padding-bottom: 60px;
    color: #333;
    position: relative;
}
.checkaValidation .validationIcon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
    padding: 2px 4px 3px;
    color: #fff !important;
    font: 11px Arial;
    background: #d36f4f;
    position: absolute;
    top: -3px;
    left: -5px;
    background: rgba(211,111,79,.9);
}

#canvas .checka .rndBoxHeadTopLeft { background: #fff url(img/rnd_boxes/6a.gif) no-repeat left top; }
#canvas .checka .rndBoxHeadTopRight { background: #fff url(img/rnd_boxes/6a.gif) no-repeat right top; }
#canvas .checka .rndBoxMid { border-left: 2px solid #a4a4a4; border-right: 2px solid #a4a4a4; background-color: #f7f7f7; }
#canvas .checka .rndBoxFootBtmLeft { background: #fff url(img/rnd_boxes/6b.gif) no-repeat left bottom; height: 53px; }
#canvas .checka .rndBoxFootBtmRight { background: #fff url(img/rnd_boxes/6b.gif) no-repeat right bottom; height: 53px; }

.checka .regionSelect { display: none; }
.checka .responsive-row{padding-top: 6px; float: left;}

#canvas .checka { margin-bottom: 15px; }
.checka label { font: 11px/11px Arial; display: block; padding-bottom: 6px; color: #666; }
.checka .datePicka { width: 60px; margin-top: 1px; float: left; }
.checka input, .checka .calendarIcon { vertical-align: middle; }
.checka input, .checka select { font: 11px Arial; }
.checka input { padding: 0 0 2px 2px; margin: 0; }
.checka input.calendarIcon { margin-left: 4px; padding: 0; }
.checka select { font: 11px Arial; width: 49px; margin-top: 1px; }
.checka .dottedLine1 { height: 14px; }
.checka .formFloatItem { float: left; }
.checka .spaceRight { padding-right: 10px; }
.checka .checkAvailabilityBtn { margin: 0 0 10px 12px; padding: 0; border: 1px solid #000; }
.checka #rndBoxBtmLeft { padding: 0 6px 0 16px; }
.checka .childAgeMsg { clear: left; padding-top: 8px; font: 9px Arial; }
.checka .fullWidthSelect { width: 198px; }
.checka .nightsSelect { width: 94px; }
.checka .dottedLine { height: 1px; padding-top: 7px; margin-bottom: 2px; background-position: left bottom; }

.checka .vlt select { width: 80px; }
.checka .vlt #under16Select { padding-right: 0px; }
.checka .vlt #infantSelect { padding-right: 10px; }
.checka .guestsGroup { height: 100%; padding-top: 0px; margin-bottom: 0; padding-bottom: 0; clear:both; }

.checka #messageSelects span { color: #c30; line-height: 12px; margin-top: 3px; display: block; }
.checka #messageSelects label { padding: 0; }

.full-app .checka   {overflow: hidden;}
.full-app .checka  .rndBoxHeadTopRight {display: none;}
.full-app .checka  label{color: #999;}
.full-app .checka input  { border: 1px solid #aaa; border-color: #aaa #ddd #ddd #aaa; background-color: #fff !important; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto !important;}
.full-app .checka input { font: 11px Arial !important; margin-top: 1px; padding: 5px 3px 5px 3px !important; }
.full-app .checka .nightsSelect { width: 59px; }
.full-app .checka .datePicka { width: 103px; padding-left: 6px !important; margin-top: 0; box-shadow: none; }
.full-app .checka .dateSelection { position: relative; }
.full-app .checka .rndBoxContent { padding-bottom: 15px; padding-top: 0;}
.full-app .checka a.dp-choose-date { position: absolute; top: 21px !important; left: 81px !important; margin: 0;}
.full-app #dp-popup { margin-left: -4px; font-size: 16px; margin-top: 15px;}
.full-app #dp-popup th, #dp-popup .full-app td { padding: 6px !important; }
.full-app .checka .responsive-row { padding-top: 15px; }
.full-app .checka .form-group { width: 174px; margin: 0 auto;}
.full-app .checka .dottedLine { padding-top: 15px; margin-bottom: 0; }

.full-app .checka .parkSelection.responsive-row, .full-app .checka .regionSelect.responsive-row{ float: none; padding: 15px; background-color: #e9e9e9; border-bottom: 1px solid #ddd; }
.full-app .checka .regionSelect.responsive-row{ padding-bottom: 0; }
.full-app .checka .parkSelection select, .full-app .checka .regionSelect select{width: 100%; font-size: 11px; }
.full-app .checka .parkSelection label, .full-app .checka .regionSelect label{ display: none;}

.full-app .checka .parkSelection.responsive-row .select-style, 
.full-app .checka .regionSelect.responsive-row  .select-style{ box-shadow: 0 0 0 3px #ddd; border-color: #aaa;}


.full-app .checka .rndBoxContent{width: auto; margin:0;}
.full-app .checka .guestsGroup select{width: 48px;}
.full-app .checka .guestsGroup.vlt  select{width: 80px;}

#standAloneChecker #dp-popup { top: 25px !important; left: 23px !important; }
#chkajaxModalBlock .blockOverlay { background-color: #fff !important; opacity: 0.6 !important; }

/* Vouchers Codes */
.vCode { padding-bottom: 15px; }
.vCode input { font: 13px Verdana, Arial; padding: 2px 5px 3px 5px; width: 185px; margin-top: 2px; color: #666; }
.vCode h3 { background-color: #699B05; text-align: center; padding: 6px 0; margin: 10px 0; font: bold 16px Arial; color: #fff; }
.vCode p { padding: 0; }
.vCodePrice, .vCodeNumber { font: bold 14px Arial; color: #c30; }
.vCodePrice { float: right; }
.vCodeDescription { clear: right; font: 11px Arial; padding-top: 4px; }


#ajaxPromoModalBlock .blockOverlay { background-color: #fff !important; }


/* Booking Summary */
.bookingSummary .rndBoxContent { padding: 10px 10px 0 10px; }
.bookingSummary { color: #333; font: 11px/16px Arial; padding-bottom: 15px; }
.bookingSummary .parkName { font: bold 14px Arial; padding: 7px 4px 0 8px; }

.bookingSummary .parkAddress { padding: 0 10px 1px 10px; }
.bookingSummary .stockIcons { padding: 4px 10px 4px 10px; }
.bookingSummary .dottedLine { height: 10px; line-height: 0; background-position: 2px 6px; }
.bookingSummary .dottedLineThick { height: 10px; line-height: 0; background-position: 0 6px; }
.bookingSummary .gradeName { padding-bottom: 0px; }
.bookingSummary .summaryItem { padding: 2px 10px 0px 10px; }
.bookingSummary .summaryItem .dottedLine { margin: 1px 0 0 0; padding: 0; }
.bookingSummary .totalItem { padding: 10px 8px 0 8px; margin: 6px 2px 0 2px; font: bold 14px/14px Arial; color: #c30; border-top: 2px solid #c30; text-transform: uppercase; }
.bookingSummary .totalItem .itemPrice, .bookingSummary .totalItem .itemText { color: #d96d00; }
.bookingSummary #depositAmount { padding-bottom: 0; padding-top: 4px; margin-bottom: 0; }

.bookingSummary .totalItem.depositBalance .itemPrice, .bookingSummary .totalItem.depositBalance .itemText { font-size: 11px; }
.bookingSummary .subTotal { color: #c30; }
.bookingSummary .subTotal .itemPrice { color: #c30; }
.bookingSummary .depositItem { padding: 2px 0 2px 12px; color: #c30; }
.bookingSummary .itemText { color: #666; }
.bookingSummary .totalsItem { padding: 2px 10px 0px 10px; color: #c30; }
.bookingSummary .totalsItem .itemPrice { color: #c30; font-weight: bold; }
.bookingSummary .itemPrice { float: right; color: #000; }
.bookingSummary .itemGroupTitle { position: relative; margin: 8px 2px 3px 2px; background-color: #ccc; color: #fff; font: bold 14px Arial; padding: 4px 6px; }
.bookingSummary .itemGroupTitle a { font: bold 11px/14px Arial; background-color: #690; color: #9c0; position: absolute; top: 4px; right: 2px; padding: 0 3px 2px 4px; }
.bookingSummary .itemGroupTitle a:hover { background-color: #fff; color: #690; }
.bookingSummary .rndBoxContent { padding: 0; }
.bookingSummary .inlineErrorMsg { background-color: #f6f6ec; border-radius: 4px; border: 1px solid #e5dec3; margin-left: 95px; padding: 6px 6px 6px 9px; }
.bookingSummary .inlineErrorMsg .itemText { color: #333; }
/* Form Layouts */
.rndBoxDataEntryContent .formGroupTitle { padding: 5px 4px 6px 6px; background-color: #eee; text-transform: uppercase; color: #999; border-top: 1px dotted #ccc; font: bold 10px Arial; }
.rndBoxDataEntryContent .formGroup { padding: 0 0 20px 15px; background-color: #f7f7f7; }

.rndBoxDataEntryContent .formGroupNoBg { padding: 12px 10px 10px 16px; }
.rndBoxDataEntryContent .formGroupRow { padding-bottom: 0; }
.rndBoxDataEntryContent label { display: block; font: 14px Arial; padding-bottom: 6px; color: #333; position: relative; }
.rndBoxDataEntryContent #otherGuestInfo label { position: static; }

.rndBoxDataEntryContent #otherGuestsForm { background-image: none; }
.rndBoxDataEntryContent #otherGuestsForm.otherGuestsRequired { }

.rndBoxDataEntryContent .reqField { color: #c30; font-weight: bold; }
.rndBoxDataEntryContent .reqField .txt { color: #c30; font-weight: normal; }
.rndBoxDataEntryContent input, .rndBoxDataEntryContent select, .rndBoxDataEntryContent textarea { font: 13px Verdana; color: #333; }
.rndBoxDataEntryContent select { width: 90px; padding: 2px; }
.rndBoxDataEntryContent select.long { width: 131px; }
.rndBoxDataEntryContent .validationIcon { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; padding: 2px 4px 3px; color: #fff !important; font: 11px Arial; background: #d36f4f; position: absolute; top: -3px; left: -5px; background: rgba(211,111,79,.9); }
.validationIcon:before { border: solid; border-color: #d77c5f transparent; border-width: 2px 2px 0 2px; bottom: -2px; content: ""; display: block; left: 9px; position: absolute; z-index: 99; }
.rndBoxDataEntryContent .formFloatItem { float: left; padding: 15px 15px 0 0 !important; }
.rndBoxDataEntryContent .formFloatRightItem { float: right; }
.rndBoxDataEntryContent .spaceLeft { padding-left: inherit; }
.rndBoxDataEntryContent .spaceTop { margin-top: inherit; }
.rndBoxDataEntryContent .tinyInput { width: 40px; }
.rndBoxDataEntryContent .oneCol { width: 200px; }
.rndBoxDataEntryContent .twoCol { width: 425px; }
.rndBoxDataEntryContent .oneCol2 { width: 172px; }
.rndBoxDataEntryContent .oneColWrapper { width: 200px; }
*html .rndBoxDataEntryContent .oneColWrapper { width: 202px; }
.rndBoxDataEntryContent .radioBtnCheckboxItem { padding-bottom: 4px; }
.rndBoxDataEntryContent .radioBtnCheckboxItem a.openDialogBox { font: 13px Verdana; color: #00c; text-decoration: underline; }
.rndBoxDataEntryContent .radioBtnCheckboxItem label { font: bold 16px Arial; color: #333; display: inline; vertical-align: top; }
.rndBoxDataEntryContent .radioBtnCheckboxItemSml label { font: 11px Arial; color: #333; display: inline; vertical-align: middle; padding: 0; }
.rndBoxDataEntryContent .radioBtnCheckboxItemSml { padding: 6px 0; }
.rndBoxDataEntryContent .radioBtnCheckboxItemSml input { margin: 2px 0 0 0; vertical-align: middle; }
.rndBoxDataEntryContent .radioBtnCheckboxItem em { color: #c30; font-style: normal; font-weight: bold; }
.rndBoxDataEntryContent .radioBtnCheckboxItem p { padding-bottom: 3px; }
.rndBoxDataEntryContent .cardIcons { position: relative; top: 12px; left: 0px; }
.rndBoxDataEntryContent .cardIcons td { padding-right: 10px; }
.rndBoxDataEntryContent .dottedLine { height: 21px; margin-bottom: 8px; }
.rndBoxDataEntryContent .cv2Img { float: right; }
.rndBoxDataEntryContent .cardTypeDD { width: 110px; }

.user-email-check {
    clear: both;
    padding: 20px 10px 0 0;
    font-size: 14px;
    display: none;
    line-height: 22px;
    font-family: Arial;
}

.user-email-check span{
    color: #069;
    display: inline-block;
    padding: 5px 8px 7px 8px;
    border: 1px solid #069;
}

.user-email-check .user-email-check__address{
    background-color: #069;
    color: #fff;
}

@media (max-width: 543px) {
    .user-email-check {
        font-size: 11px;
        line-height: 16px;
    }
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

}

/* Text Links with Icons */
a.openDialogBox { background: url(img/icons/icon_open_dialog.gif) no-repeat 0 0; padding-left: 22px; display: inline-block; height: 16px; font: 11px/16px Arial; color: #fff; }
a.openDialogBox:hover { background-position: 0 -29px; text-decoration: underline; }

a.emailLink { background: url(img/icons/icon_open_email.gif) no-repeat 0 0; padding-left: 24px; display: inline-block; height: 16px; font: 11px/16px Arial; color: #fff; }
a.emailLink:hover { background-position: 0 -30px; text-decoration: underline; }
.parkContactDetails a.emailLink { margin-left: 10px; }

span.phoneIcon { background: url(img/icons/icon_phone.gif) no-repeat 0 0; padding: 0 4px 0 16px; display: inline-block; height: 16px; font: 11px/16px Arial; color: #fff; }
span.phoneIcon:hover { background-position: 0 -30px; }

a.openPhoto { background: url(img/icons/icon_open_photo.gif) no-repeat 0 0; padding: 2px 0 0 24px; display: inline-block; height: 18px; font: 11px Arial; color: #039; }
a.openPhoto:hover { background-position: 0 -27px; text-decoration: underline; }
.stockImg a.openPhoto { position: relative; top: 22px; left: 10px; }

.stopBtn { background: url(img/icons/stop_btn.gif) no-repeat 6px 0; width: 22px; height: 16px; display: inline-block; text-indent: -9999px; margin-top: 1px; }
.stopBtn:hover { background: url(img/icons/stop_btn.gif) no-repeat 6px -21px; }

a.editBtn { text-align: center; font: bold 14px Arial; background: #989898 url(img/edit_btn_bg_1.gif) no-repeat 0 0; color: #ccc; width: 45px; height: 23px; line-height: 21px; position: absolute; top: 8px; right: 9px; }
a.editBtn:hover { background: #fff url(img/edit_btn_bg_1.gif) no-repeat 0 -30px; color: #989898; }


/* DESCOPED FOR LAUNCH */
.altAvail .accTypes { display: none; }
a.openPhoto { display: none; }


/* /////////////////// */
/* //// magicBtns //// */
/* /////////////////// */

span.clearer { display: block; clear: both; }

.mBtn{
	display: block; height: 38px; width: auto; overflow: hidden;
}

.mBtn { text-transform: uppercase; }
.mBtnSpacer { float: left; width: 10px; }

.mBtnLeft, .mBtnRight { float: left; height: 38px;}
.mBtnRight { width: 9px; }

.mBtnLeft { background: url(img/magic_btns/btn/pb_btns.gif) -7px -8px no-repeat; }
.mBtnRight { background: url(img/magic_btns/btn/pb_btns.gif) -356px -8px no-repeat; }
.mBtnLeftHover { background: url(img/magic_btns/btn/pb_btns.gif) -7px -88px no-repeat; cursor: pointer; }
.mBtnRightHover { background: url(img/magic_btns/btn/pb_btns.gif) -356px -88px no-repeat; cursor: pointer; }
.mBtnLeftDown { background: url(img/magic_btns/btn/pb_btns.gif) -7px -127px no-repeat; cursor: pointer; }
.mBtnRightDown { background: url(img/magic_btns/btn/pb_btns.gif) -356px -127px no-repeat; cursor: pointer; }

.mBtnLeftDisabled { background-color: #666; }
.mBtnRightDisabled { background-color: #666; }
.mBtnTxt { color: #009; font: bold 14px Arial; padding: 9px 2px 0 10px; display: block; text-align: center; }
.mBtnTxtHover { color: #c30; position: relative; }
.mBtnTxtDown { color: #c30; position: relative; top: 1px; left: 1px; }
.mBtnTxtDisabled { color: #ccc; position: relative; top: 0px; left: 0px; }
a.mBtn, a.mBtnSticky, a, mBtnSelected { text-decoration: none; }
a.mBtn:hover, a.mBtnSticky:hover, a, mBtnSelected:hover { text-decoration: none; }

.nextAro .mBtnTxt { background-position: right 10px; padding-right: 20px; padding-left: 12px; background-image: url(img/icons/btns/icon_btn_aro_right.png); background-repeat: no-repeat; }
.prevAro .mBtnTxt { background-position: 12px 10px; padding-left: 30px; background-image: url(img/icons/btns/icon_btn_aro_left.png); background-repeat: no-repeat; }

.plusIncrement .mBtnTxt { background-position: right 11px; padding-right: 9px; background-image: url(img/icons/btns/icon_btn_plus.png); background-repeat: no-repeat; }
.minusIncrement .mBtnTxt { background-position: right 11px; padding-right: 9px; background-image: url(img/icons/btns/icon_btn_minus.png); background-repeat: no-repeat; }
.plusIncrement .mBtnTxt span, .minusIncrement .mBtnTxt span {
    display: none;
}
.plusIncrement .mBtnTxt:before, .minusIncrement .mBtnTxt:before {
    content: "\00a0";
}

.padlock .mBtnTxt { background-position: right 10px; padding-right: 20px; padding-left: 10px; background-image: url(img/icons/btns/padlock_icon.png); background-repeat: no-repeat; }
.search .mBtnTxt { background-position: right 10px; padding-right: 20px; padding-left: 10px; background-image: url(img/icons/btns/icon_btn_inspect.png); background-repeat: no-repeat; }



/* //////////////////// */
/* //// datePicker //// */
/* //////////////////// */


input.dp-applied { }

a.dp-choose-date { float: left; width: 18px; height: 18px; padding: 0; margin: 5px 0 0; display: block; text-indent: -2000px; overflow: hidden; background: url(img/calendar_icon.gif) no-repeat; position: relative; top: -3px; left: 4px; }
a.dp-choose-date:hover { background-position: 0 -30px; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }

/*              */



/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup { position: relative; background: #A3C266; font-size: 11px; font-family: arial, sans-serif; xwidth: 171px; line-height: 1.2em; border: 2px solid #690; }
div#dp-popup { position: absolute; z-index: 9999; }
div.dp-popup h2 { color: #fff; font: bold 14px/27px Arial; text-transform: uppercase; text-align: center; margin: 0; padding: 0 0 2px 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 4px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; background: url(img/calendar_prev_icon.gif) no-repeat 0 0; width: 21px; height: 20px; text-indent: -9999px; outline: none; }

div.dp-popup div.dp-nav-prev a:hover { background: url(img/calendar_prev_icon.gif) no-repeat 0 -30px; width: 21px; height: 20px; }


.dp-nav-prev-year { display: none; }
.dp-nav-next-year { display: none; }

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 4px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; background: url(img/calendar_next_icon.gif) no-repeat 0 0; width: 21px; height: 20px; text-indent: -9999px; outline: none; }
div.dp-popup div.dp-nav-next a:hover { background: url(img/calendar_next_icon.gif) no-repeat 0 -30px; width: 21px; height: 20px; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }





/* Calendar Styles */

table.jCalendar { background: #fff; border-collapse: separate; border-spacing: 2px; }
table.jCalendar th { background: #690; color: #fff; font-weight: bold; padding: 3px 5px; }

table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month { background: #ececec; color: #ccc; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected { background: #f66; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; }
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #ccc; border: 1px solid #ccc; color: #666; }
table.jCalendar td { border: 1px solid; padding: 3px 4px; }

table.jCalendar td.selected /* Currently selected cell */ { background: #c60 !important; color: #fff; border: 1px solid #c90 !important; }
table.jCalendar td.disallowed-day,
table.jCalendar td.disallowed-day.dp-hover,
table.jCalendar td.current-month.dp-hover { background: #ccc; color: #666; }
table.jCalendar td.other-month,
table.jCalendar td.other-month.dp-hover,
table.jCalendar td.other-month.disabled.disallowed-day.dp-hover { background: #ececec; color: #ccc; border: 1px solid #ececec; }

table.jCalendar td.current-month.disabled.disallowed-day.dp-hover { background: #ccc; color: #666; border: 1px solid #ccc; }

table.jCalendar td.included-night,
table.jCalendar td.other-month.included-night { border: 1px solid #06c !important; background: #06c !important; color: #fff !important; }

table.jCalendar td.highlight,
table.jCalendar td.other-month.highlight { background: #7FB2E5; color: #fff !important; border: 1px solid #06c !important; }

div.step { overflow: hidden; }

.datepicker-message { background-color: #690; color: #fff; text-align: center; padding: 3px 0 4px 0; }

/* //////////////// */
/* //// uiTabs //// */
/* //////////////// */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {display: none;}
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {display: none;}
}

/* Skin */
.ui-tabs-nav { font-family: Arial, Verdana, Helvetica, Arial, sans-serif; font-size: 14px; background-color: #f7f7f7; }
.ui-tabs-nav { list-style: none; margin: 0; padding: 3px 0 0 5px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0 0 0 2px; font-weight: bold; padding-top: 4px; }
.ul-tabs-nav ul { background-color: #f7f7f7; }
.ui-tabs-nav a, .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 11px 0 11px; background: url(img/cb_tabs.gif) no-repeat; }
.ui-tabs-nav a { margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #999 !important; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 2px; z-index: 2; margin-top: 0; background-position: 100% -40px; color: #db751a !important; }
.ui-tabs-nav a span { padding-top: 1px; padding-right: 0; background-position: 0 0; line-height: 30px; }
.ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; line-height: 36px; background-position: 0 -40px; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.ui-tabs-disabled { opacity: 0.4; }
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; }
.ui-tabs-panel { padding: 10px 10px 10px 10px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.ui-tabs-loading em { padding: 0 0 0 20px; /*background: url(img/loading_tab.gif) no-repeat 0 50%; */ }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child + html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }

.ui-tabs-nav { display: block; border-bottom: 1px solid #ccc; }

/* Validation Styles */


.validationIcon { display: none; }

#countdown { position: absolute; top: 11px; left: 350px; color: #666; }
#countdown input { border: none; background-color: transparent; text-align: right; color: #666; }

.termsErrorMsg { top: -32px !important; }

.cvv2Code { position: relative; }
.cscInfo { height: 209px; width: 179px; position: absolute; bottom: 56px; left: 120px; z-index: 9999; }
.cards1 { background: url(img/csc_1.gif) no-repeat; }
.cards2 { background: url(img/csc_2.gif) no-repeat; }
.cvv2Link { font: 11px Arial; text-decoration: underline; padding-left: 4px; }
.cvv2Link:hover { color: #c30; }

.review-terms-message {
    font-size: 14px;
    padding: 30px;
    margin: 15px;
    border: 1px solid #99b528;
    background-color: #f2fbe3;
    color: #7d9616;
}

.termsConditions { }
.termsConditions .termsMessage { float: left; margin: -3px 0 0 10px; padding: 0; }
.termsConditions .acceptanceStatement { float: right; }
.termsConditions .radioBtnCheckboxItem { padding: 20px 20px 20px 10px; border-top: 1px dotted #ccc; background-color: #f9f9f9; background: #f9f9f9 url("img/bg-diagonal-stripes-thick.png") top left; }
.acceptanceStatement input { font: bold 16px Arial; color: #c60 !important; }
.formHintBox { width: 431px; line-height: 18px; padding: 3px 3px 5px 7px; color: #AA7F24; border: #E2C822 1px solid; background-color: #FFF9D7; margin-left: 24px; margin-top: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.cv2Img { padding-right: 4px; cursor: pointer; z-index: 9999; }
.watermarks { float: right; padding-top: 4px; display: none !important; }
.watermarks img { margin-left: 10px; }
#cscLabel { width: 145px; }

.errorPageTextWrapper { padding: 20px 20px 20px 20px; }


/* Site Feedback Dialog */
body.embedded #feedback-opener { display: none; }
#feedback-opener { display: none; font: bold 16px Arial; position: fixed; left: 1px; top: 30%; height: 110px; width: 8px; text-indent: -9999px; padding: 0 10px; margin: 0; border: none; cursor: pointer; background: #EA8334 url(img/feedback-btn.png) no-repeat 5px 7px; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; box-shadow: 0px 0px 3px 0px #000; }
#feedbackDialog { font: 13px Verdana; width: 500px; margin: 0 auto; box-shadow: 0px 0px 20px 0 #000; padding: 8px; background-color: #fff; color: #444; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#feedbackDialogInner label { display: block; font: 600 16px Arial; color: #333; margin-bottom: 0px; padding-bottom: 14px; }
#feedbackDialogInner label.comments { background: url('img/comment.png') no-repeat 0 3px; padding-left: 22px; }
#feedbackDialogInner label.comments em { background-color: #c30; font-weight: bold; font-style: normal; color: #fff; }
#feedbackDialogInner label.email { background: url('img/email_icon.gif') no-repeat 0 3px; padding-left: 22px; }
#feedbackDialogInner label.email span { font: 300 16px Arial; color: #999; padding-left: 4px; }
#feedbackDialogInner input { margin: 0; }
#feedbackDialogInner textarea, #feedbackDialogInner input { border: 1px solid #ccc; border-left: 1px solid #666; border-top: 1px solid #666; width: 446px; padding: 6px 8px 6px 8px; font: 300 14px Arial; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px 4px #fff; }
#feedbackDialogInner.content { padding: 18px; background-color: #f7f7f7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#feedbackDialogInner .title { font: 600 28px/28px Arial; color: #333; padding-bottom: 10px; }
#feedbackDialogInner .title em { color: #999; font-style: normal; }
#feedbackDialogInner p { padding-bottom: 15px; line-height: 17px; }
#feedbackDialogInner .notification { background-color: #FFF9D7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px dashed #E2C822; padding: 7px 9px 9px 9px; color: #AA7F24; font: 400 13px Arial; width: 250px; margin-top: 20px; }
#feedbackDialogInner .successMessage { background-color: #99AD63; border: 2px solid #6A7946; color: #fff; }
#feedbackDialogInner .sendingMessage { background: #FFF9D7 url('img/submit_loading.gif') no-repeat 12px 50%; padding-left: 52px; width: 205px; }
#feedbackDialogInner .errorMessage { background-color: #D14719; border: 2px solid #930; color: #fff; }
#feedbackDialogInner .sendingMessage span { font: 600 15px Arial; }

#feedbackDialogInner .mBtn { float: right; padding-top: 27px; }
#feedbackDialog .closeDialogBtn { text-indent: -9999px; height: 48px; width: 48px; background: transparent url('img/close.png') no-repeat; position: absolute; top: -15px; right: -34px; cursor: pointer; }
#fdbkComments.validation-notify { border: 1px solid #c30; color: #c30 !important; }

/* PAYMENT CARD ELEMENTS */
#payment-card-types { overflow: auto; padding-top: 7px; }
#payment-card-types li { float: left; margin-right: 7px; }
#payment-card-types img { margin: 0; }
#payment-card-cvv2 input { width: 50px !important; }

.amtToPayMsg { background: #c30; text-align: center; color: #fff; font-weight: 800; line-height: 25px; }

.no-margin { margin: 0; }

.card-security-message { display: block; margin-bottom: 2px; background-color: #fff9e7; }
.card-security-message h1 { font: bold 18px/19px Arial; color: #C55A7B; margin-left: 11px; padding: 23px 20px 24px 10px; }
.card-security-message h1 span { font-size: 13px; font-weight: normal; display: block; font-family: Verdana; color: #444; }

html.ie7 #activityAnimation { position: absolute; top: 200px; left: 7px; }

.guestNameFormGroup select.age { width: 150px; }
.guestNameFormGroup select.salutation { width: 90px; }

.sagepay-box .rndBoxMid { border-bottom: 2px solid #174674; }
#ctl00_cphBodyGlobal_ifSPFrame { width: 100%; }

.dd-day { width: 50px; }
.dd-month { width: 80px; }
.dd-year { width: 65px; }


/* Payment /Surcharge Card Elements */
.payment-cards { position: relative; }
#payment-card-types { margin-bottom: 7px; top: 15px; }
#payment-card-types.review-page img { margin-left: 2px; margin-right: 2px; margin-bottom: 8px; opacity: 0.8; }

.creditcard-wrapper { position: relative; float: left; padding-bottom: 3px; }
.creditcard-wrapper .surcharge-amount { font-size: 9px; font-weight: bold; background-color: #000; color: #fff; padding: 2px 3px 3px; line-height: 10px; cursor: help; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: -6px; box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7); }
#surcharge-message { font-size: 11px; line-height: 12px; color: #fff; text-align: center; border: 2px solid #ba6723; background-color: #d97e37; padding: 6px 10px 8px 10px !important; margin-bottom: 15px; border-radius: 8px; }
#acceptedcards-message { font-size: 11px; line-height: 12px; color: #fff; text-align: center; border: 2px solid #A3C266; background-color: #A3C266; padding: 6px 10px 8px 10px !important; margin-bottom: 15px; border-radius: 8px; }

#photo-zoom-wrapper { background-color: #fff; padding: 10px; box-shadow: 0px 0px 10px 0 #000; border-radius: 4px; }
#photo-zoom-wrapper .closeDialogBtn { height: 48px; width: 48px; background: transparent url('img/close.png') no-repeat; position: absolute; top: -17px; right: -17px; cursor: pointer; }
#photo-zoom-wrapper img { border: 1px solid #000; width: 430px; height: 320px; }

/* Customer Source Dropdown */
#cust_source_dd { width: 198px; padding-top: 10px; }
#cust_source_dd select { width: 100%; }
#cust_source_txtfield { padding-top: 10px; display: none; }

.spinner * { box-shadow: none !important; }

div .blockOverlay { background-color: #fff !important; }

.custAccomSelector .radioBtnCheckboxItem input[type="radio"] { position: absolute; top: 25px; left: 0; }
.custAccomSelector .radioBtnCheckboxItem label { padding-left: 11px; vertical-align: middle; padding-right: 5px; padding-top: 16px; padding-bottom: 0; color: #999; font-size: 14px; }
.custAccomSelector input[type="radio"]:checked + span { color: #000; }
.bookingConfirmationPage table { font: 12px/18px Arial; }
.paymentOptions { font: 12px/18px Arial; }



/* New Styles to Shoe-horn responsive behaviour to default theme */

.checka .rndBoxContent{margin:0 auto;width:200px;}

#canvas .mainCol{margin:0;padding:0; width:76%;}
#canvas .sideCol{margin:0;padding:0 0 0 1.5%; width:22.5%;}



.userMsgMDB .errorContent{color:#777;text-align:center;}
.userMsgMDB{background-color:#fff;}

.rndBoxDataEntryContent .formGroupTitle{background-color:#EEE;border-top:1px dotted #CCC;color:#999;padding:8px 4px 9px 8px;}
.rndBoxWithBtn .rndBoxDataEntryContent{padding:0;}
.rndBoxDataEntryContent .formGroup{background-image:none;}

a.editBtn{background-color:#999;background-image:none;color:#FFF;}
a.editBtn:hover{background-color:#fff;background-image:none;color:#999;}

.rndBoxDataEntryContent .oneCol{width:197px;}
.rndBoxDaataEntryContent .oneCol2{width:141px;}
.rndBoxDataEntryContent .twoCol{width:419px;}

.rndBoxDataEntryContent .formFloatItem p.input-hint { line-height: 16px; font: 11px Arial; margin-top: 5px; padding-bottom: 0; color: #999; }
.rndBoxDataEntryContent .formFloatItem p.input-hint.oneCol { width: 197px;}
.rndBoxDataEntryContent .formFloatItem p.input-hint.twoCol { width: 419px;}

#campingFormElements p.input-hint{
    display: none;
}

.vCode input{margin:0;width:94%;}
.vCode .rndBoxContent{padding: 20px;}
.vCode .rndBoxHeadTopRight{display: none;}
.vCode .rndBoxMid{border-radius: 8px 8px 0 0;}

#chkAvailBtn{text-transform: uppercase;}
#chkAvailBtn,#applyPromoBtn{margin:0 auto;position:relative;right:-5px;top:9px;width:214px;}
#partyDetailsBox .rndBoxMid{background-color:#f7f7f7;}

.rndBoxTopRight,.rndBoxTopLeft,.rndBoxHeadTopRight,.rndBoxHeadTopLeft,.rndBoxMid,.rndBoxFootBtmRight,.rndBoxFootBtmLeft{background-image:none !important;}
.rndBoxTopRight,.rndBoxTopLeft,.rndBoxHeadTopRight,.rndBoxHeadTopLeft,.rndBoxMid{ border:none !important; }
.rndBoxWithBtn,.rndBox,.rndBox1,.rndBox2,.rndBox3,.rndBox4,.rndBox5{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#c1c1c1;border:2px solid #a4a4a4;border-radius:10px;}

.rndBox5{margin-bottom:15px;}
.rndBoxPaddingBtm{padding-bottom:0;}

.stockAvail, #partyDetailsBox, .extraResultBox, #confirmationBox, #completionBox{
	border-color: #476d91; 
	background-color: #5a7c9d;
	}
#altAvailControl{    
    border-color: #8c9558;
	background-color: #9fa866;
	}
.bookingSummary{
	border-color: #7B9760 ; 
	background-color: #9ABD77;
	}
.checka{
	border-color: #ccc;
	background-color: #bbb;
	}
#standAloneChecker .checka{
	border-color: #7a9c2b;
	background-color: #a9bf75;
	}
#standAloneChecker .checka .rndBoxHeadTopLeft h2{
	line-height: 18px; padding: 12px 0 14px;
}

#standAloneChecker{background-color: transparent ;}
#standAloneChecker .sideCol{width: 100% !important;}

.mainCol .blockOverlay,.sideCol .blockOverlay{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.rndBoxHeadTopLeft,.rndBoxHeadTopRight{-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;background-color:transparent  !important;border-radius:8px 8px 0 0;}
.rndBoxHeadTopLeft{margin:0;padding:0 10px;}

.bookingSummary .parkName{padding:10px 0 0;text-align:center;}
.bookingSummary .parkAddress{padding:0 5px 3px;text-align:center;}
.bookingSummary .dottedLine{background-position:2px 50%;height:16px;}
.bookingSummary .totalItem{border-color:#d96d00;margin-top:10px;padding:10px 0 0;}
.bookingSummary,.vCode{margin-bottom:15px;padding-bottom:0 !important;}
.bookingSummary .rndBoxMid,.rndBox5 .rndBoxContent,.rndBox5 .rndBoxMid, #completionBox .rndBoxContent,#completionBox .rndBoxMid{-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;padding-bottom:12px;}
.bookingSummary .summaryItem{padding:2px 4px 0;}
.bookingSummary .rndBoxContent{padding:0 10px;}
.bookingSummary #depositPromo{margin:16px 0 0 !important;}

#completionBox .rndBoxContent{padding-bottom:5px  !important;}

#canvas .rndBoxFootBtmLeft{height:52px !important;}

.rndBoxFootBtmLeft{background-color:transparent  !important; border-top:1px solid #ccc; margin:0;}
.rndBoxFootBtmRight{background-color:#e9e9e9 !important;}
.rndBoxDataEntryContent{border-bottom:none;}
.rndBoxHeadTopLeft h2{line-height: 21px; padding: 10px 0 12px;}
.rndBoxHeadTopLeft h2 em{color:#fff; opacity: 0.5;}
.noAvail .rndBoxContent{padding:20px; background: #eee url("img/bg-diagonal-stripes-thick2.png") top left; }
.rndBoxWithBtn .rndBoxContent{border-bottom:none;}
.rndBoxWithBtn .button{right:10px;top:9px;}
.rndBoxWithBtn .buttonLeft{left:10px;top:9px;}
.rndBoxWithBtn #chkAvailBtn{top:8px;}
.extraResultItem .extraInfo{margin-left:9px;}
.extraResultItem{background-position:right bottom;}
#ctl00_cphBodyGlobal_txtAddress2{display:block;}
.card-security-message{margin-bottom:0;}
.main3Col{width:32%;}

.inlineErrorMsg .title{font:bold 14px/17px Arial;padding-bottom:2px;}
.rndBoxDataEntryContent label{color:#444;font:14px Arial; padding-bottom: 10px;}
.rndBoxDataEntryContent input[type=text],
.rndBoxDataEntryContent input[type=email],
.rndBoxDataEntryContent input[type=tel],
.rndBoxDataEntryContent select {
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 0 3px 8px;
}

.rndBoxDataEntryContent textarea {
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 3px 0 3px 8px;
}

.resultsBox .rndBoxHeadTopLeft{padding-left:10px;}

.resultsBox .rndBoxHeadTopLeft h2{font-size: 24px; padding: 14px 0 18px 5px;}
.resultsBox .rndBoxHeadTopLeft h3{margin-top: -14px; margin-left: 5px; color: #fff; font: bold 14px Arial !important; margin-bottom: 15px; opacity: 0.5;}
.rndBoxBtmRight,.rndBoxHeadTopLeft h2 span,.extraResultItem .thumbImg{display:none !important;}
.rndBoxFootBtmLeft,.rndBoxFootBtmRight,.stockAvail .rndBoxMid,.stockAvail .rndBoxContent{-moz-border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;}
.extraResultItem .extraTitle,.stockResultItem .stockTitle,.inlineErrorMsg .description{color:#444;}

.sagepay-text-logo {
    color: #41a940; font-weight: 700; letter-spacing: -1px;
}
.sagepay-text-logo span {
    font-weight: 100; letter-spacing: 0; padding-left: 2px;
}

/* Responsive - Header */

	@media (max-width: 490px) { 
		.callHelpline { width: 100% !important; margin: 0; text-align: center !important;}
		.callHelpline .phoneNumber { float: none; margin-left: 0; text-align: center; font: bold 30px/34px Arial }
		.callHelpline .text { float: none; padding-bottom: 5px;}	
		#header .rightCol { margin-top: 15px; padding: 0 !important; }
		#header .tagline { font-size: 12px; margin-top: 15px !important; font-weight: normal; line-height: 14px;}
		#header .tagline span { display: block; font-size: 14px; font-weight: 600; text-transform: uppercase;}	
		#helpInfoPhoneAndEmail.callHelpline .text {font-size: 11px; }
		
		
	}
	@media (min-width:491px) and (max-width: 950px) { 
		#header .tagline { font-size: 18px; font-weight: bold; margin-top: 22px !important; line-height: 14px; }		
		#helpInfoPhoneAndEmail.callHelpline .text { float: none; text-align: center; font-size: 14px;}
	}
	@media (max-width: 950px) { 
		#header { background-color: transparent !important; border-bottom: none; box-shadow: none;}
		#header .leftCol {overflow: auto; height: 60px; background-color: #fff !important; box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);}
		#header .tagline { float: right; color: #aaa; margin-top: 22px; margin-left: 0; margin-right: 20px; text-align: center;}
		#header .rightCol { float: none; clear: both; padding: 0; margin-top: 20px; background-color: transparent !important;  overflow: auto;}
		.callHelpline { text-align: right; font: 11px Arial;  width: 440px; margin: 0 auto; }
		.callHelpline .text, .callHelpline .phoneNumber { color: #fff !important; }
	}
	
/* Responsive - Content Body */

	@media (max-width: 430px) { 
		#canvas{margin-bottom: 19px;}
		.parkHeader .parkName{font-size: 14px; line-height: 16px;}
		.parkHeader .parkAddress{font-size: 11px; font-weight: normal; padding-top: 3px;}				
		.parkHeader .parkName, .parkHeader .parkAddress{text-align: center;}
	}
	@media (min-width:431px) and (max-width: 950px) { 		
	}
	@media (min-width: 951px) { 
		#pageWrapper { margin-top: 40px; }
	}

/* Responsive - Footer */

	@media (max-width: 930px) { 
		#footer { margin-left: 0; margin-right: 0;}
		#footer .text { float: none; padding: 10px; text-align: center;}		
		#footer .pbLogo{float: none; width: 90px; height:40px; margin: 0 auto;}
		#footer .accreditations_logos { float: none; margin: 0 auto;  }	

	}

	@media (min-width: 816px) and (max-width: 950px) { 
		#canvas .mainCol{margin:0;padding:0;width:72%;}
		#canvas .sideCol{margin:0;padding:0 0 0 1.5%;width:26.5%;}
		#canvas .paymentPage .mainCol{margin:0;padding:0;width:73%;}
		#canvas .paymentPage .sideCol{margin:0;padding:0 0 0 1.5%;width:25.5%;}
		
	}









/* RESPONSIVE CSS IMPORT */


#pageContentBody, #pageWrapper, .userMsgMDB .leftBg, .userMsgMDB .rightBg { background: none; }
#pageWrapper { width: 100%; }

.altAvail .ui-tabs-panel, .altAvail .rndBoxMid div.rndBoxContent { height: auto; }
.altAvail .dateResultItem .pricesFrom { right: 145px; }
body { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
#canvas { padding-bottom: 0px; }
.stockResultItem { background-image: none; }

.extraResultItem .extraContentPanel { width: 60%; }

.stockIcons .sleeps { padding-right: 0; }

#canvas .checka #petsSelect, #canvas .checka #infantSelect { padding-top: 0; }
.checka .rndBoxContent { margin: 0 auto; padding: 6px 0 14px 0; width: 174px; }

.checka .fullWidthSelect { width: 172px; }
.checka .nightsSelect { width: 72px; }
.sideCol .buttonWide .mBtnLeft { width: 165px; }
#chkAvailBtn, #applyPromoBtn { width: 183px; }
.result-items .stockPriceBook .stockPrice { background-image: none; }
.extraPricePanel .extraPrice { background-image: none; }

.sagepay-box .rndBoxMid { border-radius: 0 0 9px 9px; overflow: hidden; }

div.dp-popup { font-size: 11px; }
table.jCalendar td { padding: 4px 4px 5px; }

.checka { position: relative; }
body#standAloneChecker { padding: 1px !important; background-color: transparent !important;}

.hidden {
    display: none !important;
}
.zeropadding {
    padding: 0 !important;    
}

@media (max-width: 530px) { /* Phones Only */
    
    .booking_complete_badge {
        padding-top: 0;
    }
	.booking-complete-left-col ul { padding-left: 10px !important; }
	.booking-complete-left-col p, .booking-complete-left-col li { font-size: 11px !important; line-height: 16px; }
	.booking_complete_badge h3 { padding-top: 20px; font-size: 22px !important; }
	.wrap-long-text { word-wrap: break-word; }

	.errorPageTextWrapper { padding: 15px 0 0 0; }
	.errorPageTextWrapper h1 { font-size: 16px; }
	.errorPageTextWrapper p, .errorPageTextWrapper li { font-size: 11px; line-height: 18px; }
	.errorPageTextWrapper ul { padding-left: 10px !important; }
	.errorPageTextWrapper li { padding-bottom: 10px; }	
	.errorDialog { width: 260px !important; }

    		
	.inlineErrorMsg .title { font: bold 14px/17px Arial; text-align: center !important; }
	.altAvail .ui-tabs-panel { padding: 20px 0; }

	#canvas .altAvail .rndBoxFootBtmRight { height: 94px !important; border-top: 1px solid #ccc !important; }
	#canvas .altAvail .rndBoxFootBtmLeft { margin: 0 auto; width: 207px; border: 0 !important; padding-top: 10px; }
	#canvas .altAvail .rndBoxFootBtmLeft .mBtnTxt { width: 165px; }
	.rndBoxDataEntryContent .radioBtnCheckboxItem label { font-size: 14px; }

	.card-security-message h1 { padding: 76px 20px 24px; margin: 0; font-size: 16px; text-align: center; background-position: center 19px; }
	#photo-zoom-wrapper { }
	#photo-zoom-wrapper img { width: 245px; height: 190px; }

	.termsConditions .radioBtnCheckboxItem { padding: 15px !important; }
	.termsMessage { font-size: 11px; margin: 0 0 15px 0 !important; }
	.termsConditions .radioBtnCheckboxItem label { font-size: 11px; }

	.amtToPayMsg { font-size: 10px; }
	.bookingConfirmationPage th, .bookingConfirmationPage td { font-size: 11px; line-height: 15px; }

	.radioBtnCheckboxItem { padding-right: 10px; }
	a.editBtn { font-size: 10px; width: 34px; height: auto; line-height: 20px; border-radius: 6px; padding-bottom: 1px; top: 6px; right: 5px; }
	#countdown { display: none; }
	.confirm-page-summary { font-size: 12px !important; line-height: 19px !important; }

	.result-items .stock-Img { float: none; margin: 0 0 15px 0; }
	.result-items .stock-Img img { height: auto; width: 100%; }
	.result-items .stockInfo .stockTitle { }
	.result-items .stockInfo .stockDescription { min-height: initial; }
	.result-items .stockInfo .icons { }

	.altAvail.button, .altAvail .buttonLeft { float: none; }
	.altAvail .rndBoxFootBtmLeft .button, .altAvail .rndBoxFootBtmLeft .buttonLeft { position: static; }
	
	.ui-tabs-nav a, .ui-tabs-nav a span { font-size: 11px; }
}

@media (max-width: 543px) {
	#countdown { left: auto; right: 10px; top: 7px; }
	.rndBoxDataEntryContent .formFloatItem { width: 93%; padding-top: 10px !important; }
	.rndBoxDataEntryContent .formFloatItem > select, .rndBoxDataEntryContent .formFloatItem > input[type=text], .rndBoxDataEntryContent .formFloatItem > textarea,
	.rndBoxDataEntryContent .oneCol, .rndBoxDataEntryContent .twoCol, p.input-hint { width: 100% !important; }
	.rndBoxDataEntryContent .formGroupRow { padding-bottom: 0; }
	.rndBoxDataEntryContent .spaceLeft { padding: 0; }
	.stockResultItem .stockInfo { margin: 0; }
	.confirm-page-content, .confirm-page-sidebar { float: none !important; width: 100% !important; }
	.confirm-page-summary { margin: 0 !important; }
	.extraResultItem .extraContentPanel { float: none; width: auto; }
	.extraResultItem .extraPricePanel { margin: 0 auto; margin-top: 20px; float: none; }

	/*		
	#bookingProgressBar{margin: 0 20px 20px 20px;}	
	body{background-color: #444; padding: 0;}
	.primary-content-area{background-color: #fff; padding-top: 20px; border-bottom: 2px solid #222;}
	.mainCol .rndBoxWithBtn, .mainCol .rndBox, .mainCol .rndBox1, .mainCol .rndBox2, .mainCol .rndBox3, .mainCol .rndBox4, .mainCol .rndBox5{border-radius: 0 !important; border: none !important;}	
	.mainCol .rndBoxFootBtmLeft, .mainCol .rndBoxFootBtmRight, .mainCol .stockAvail .rndBoxMid, .mainCol .stockAvail .rndBoxContent{border-radius: 0 !important;}
	.sideCol{xpadding: 30px 10px 10px 10px !important; margin: 10px;}
	.sideCol .rndBoxWithBtn, .sideCol .rndBox, .sideCol .rndBox1, .sideCol .rndBox2, .sideCol .rndBox3, .sideCol .rndBox4, .sideCol .rndBox5{border-color: #222 !important; margin: 30px;}
	*/

	#bookingProgressBar { padding: 2px 0 !important; }
	#bookingProgressBar ul li a, #bookingProgressBar ul li .active a { font-size: 11px; }
	#bookingProgressBar ul li.progress-step, #bookingProgressBar ul li  { padding: 0 !important; }
	
	.parkHeader .parkLogo { float: none; text-align: center;  padding: 16px 0 0 0; }
}


/* Availability Result Breakpoint*/
@media (max-width: 620px) {
	.result-items .main-content-area { margin-right: 0 !important; }
	.result-items .stockPriceBook { float: none; position: static; margin: 0 auto; margin-top: 20px; overflow: auto; }
    .stockIcons {
        justify-content: center;
    }
    .priceIncludesNotification {
        text-align: center;
    }
    .dateResultItem .stockIcons {
        display: none;
    }
	.dateResultItem .pricesFrom { font: bold 26px/28px Arial; }
	.dateResultItem .dateDescription { height: 50px !important; text-align: center; float: none !important; position: relative; margin: 0 auto; }
	.dateResultItem .priceDescription { float: none !important; position: initial; text-align: center; }
	.dateResultItem .priceDescription > div { float: none; display: inline-block; vertical-align: top; }
	.dateResultItem .priceDescription .accTypes { display: none; }	
	.dateResultItem .dateDescription .arrival { font: bold 14px Arial; }
	.dateResultItem .dateDescription .departure { float: none !important; padding-left: 0 !important; background-image: none !important; }
	.dateResultItem .pricesFrom { font: bold 20px/22px Arial !important; padding: 4px 10px 0 0; }
	.resultsBox .rndBoxHeadTopLeft h2{font-size: 18px; }
}

@media (max-width: 767px) {
	.main3Col { width: auto; float: none; padding-bottom: 15px; }
	.colSpaceRight { margin-right: 0; }
	#canvas .paymentPage .mainCol { background-color: #fff; }
	#completionBox { margin-top: 20px; }
	.vCode, .bookingSummary, .parkStockResults .checka, #completionBox { }
	#bookingProgressBar { margin-top: 0px; margin-bottom: 15px; border: 2px solid #dddddd; background-color: #f7f7f7; padding: 5px 0; }
	#bookingProgressBar ul div.crumbSeperator { background-image: none !important; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #999; }
	#bookingProgressBar ul li a { line-height: 28px; padding-bottom: 2px !important; }
	#bookingProgressBar ul li a { color: #999 !important; text-transform: capitalize; font-weight: normal !important; }
	#bookingProgressBar .step1 div, #bookingProgressBar .step2 div, #bookingProgressBar .step3 div, #bookingProgressBar .step4 div { background-image: none; padding-left: 0; }
	#bookingProgressBar ul li .active a { font-weight: bold !important; color: #c30 !important; font-weight: 700; }
	#bookingProgressBar ul li .done a, #bookingProgressBar div.semiActive a { font-weight: bold !important; color: #1176a2 !important; text-decoration: underline; }
}

@media (min-width: 420px) and (max-width: 567px) { 
	#photo-zoom-wrapper img { width: 380px; height: 250px; }
}

@media (min-width: 420px) and (max-width: 815px) { 

}

@media (max-width: 815px) {
	.result-items .stockResultItem .stockTitle { font-size: 16px; padding-right: 10px; }
	.parkHeader .parkInfo{float: none; text-align: center;}
	.requiredFieldMsg { display: none; }
	#canvas .mainCol, #canvas .sideCol { float: none; width: 100%; padding: 0; }
	#canvas .mainCol {padding-bottom: 40px; }
	#canvas .sideCol { margin-top: 20px; }
	h2 { text-align: center; }
	.resultsBox .rndBoxHeadTopLeft h2 { font-size: 18px; line-height: 22px; margin:0; padding: 10px 0 0 0 !important; }
	.resultsBox .rndBoxHeadTopLeft h2 em { white-space: nowrap; padding: 0; margin:0;  }
	.resultsBox .rndBoxHeadTopLeft h3{margin-top: 0; margin-left: 0; color: #fff; font: normal 12px Arial !important; margin-bottom: 15px; opacity: 0.5; text-align: center;}
	.altAvail .ui-tabs-panel { height: auto; }
	.ui-tabs-nav { padding: 0 10px 10px 10px; }
	.ui-tabs-nav li { margin: 0px; padding: 0; }
	.ui-tabs-nav a, .ui-tabs-nav a span { background-image: none; padding: 0; }
	.ui-tabs-nav a { border-radius: 8px; background-color: #ddd; padding: 0 10px; margin-right: 10px; margin-top: 10px !important; }
	.ui-tabs-nav .ui-tabs-selected a { position: initial; background-color: #db751a; }
	.ui-tabs-nav .ui-tabs-selected a span { line-height: 30px; color: #fff; }
	.activityNotificationDialog .title { font: bold 14px Arial; text-transform: initial; line-height: 18px; }
	.activityNotificationDialog .message { font: 11px Verdana; line-height: 14px; }
	.activityNotificationDialog #activityAnimation { top: 28px; left: 30px; }
	#ajaxModalBlock .activityNotificationDialog { top: auto; bottom: 20px; }

	.activityNotificationDialog .icon { left: 29px; position: absolute; top: 29px; }

	xxx#bookingProgressBarWrapper { background-color: #fff; margin: 0 -20px 0 -20px !important; padding: 20px 20px 20px 20px !important; }
	xxx#bookingProgressBar { margin: 0 !important; }
	xxx#bookingProgressBar .divider { display: none; }
	xxx#bookingProgressBar { padding-left: 0px; padding-bottom: 2px; }
	xxx#bookingProgressBar .progress-step { margin: 0 3px; }

	.termsConditions .termsMessage { float: none; margin-bottom: 10px; text-align: center; }
	.termsConditions .acceptanceStatement { float: none; text-align: center; }

	.accom-details .parkName, .accom-details .parkAddress { text-align: center !important; }
	
	.parkHeader .parkName{font-size: 18px; line-height: 20px;}		
	.parkHeader .parkAddress{font-size: 12px; font-weight: normal; padding-top: 3px;}
	.booking-complete-left-col, .booking-complete-right-col { float: none !important; padding: 0 !important; width: 100% !important; }
	.booking-complete-right-col { text-align: center !important; margin-top: 20px; }
	
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	a.dp-choose-date { background-image: url("img/calendar_icon_x2.png"); background-size: 18px 47px; }
	#footer .accreditations_logos { background-image: url("img/accreditation_logos_white_x2.png"); background-size: 143px 47px;}
	#footer .pbLogo{ background-image: url("img/pb_logo_sml_mono_x2.png"); background-size: 90px 27px;}
	.stockIcons .nights { background-image: url("img/nights_icon_bg_x2.png"); background-size: 53px 49px; }
	#header #mainPageLogo { background-image: url(img/pb_logo_x2.png); background-size: 117px 29px; }
	.result-items .stock-Img .zoom-icon { background-image: url("img/zoom-icon_x2.png"); background-size: 22px 20px; }

	.card-security-message h1 { background-size: 144px 42px;}

	.mBtnLeft { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
	.mBtnRight { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
	.mBtnLeftHover { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
	.mBtnRightHover { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
	.mBtnLeftDown { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
	.mBtnRightDown { background-image: url(img/magic_btns/btn/pb_btns_x2.gif); background-size: 371px 293px;}
}



.full-app .checka input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.full-app .select-style {
    padding: 0;  margin: 0;
    border: 1px solid #aaa; border-color: #aaa #ddd #ddd #aaa; border-radius: 3px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}
.full-app .select-style:before {
	top: 5px;
	right: 2px;
	border: none;
	content: " ";
	height: 14px;
	width: 22px;
	position: absolute;
	pointer-events: none;
	z-index: 1;
	background-color: #fff;
}
.full-app .select-style:after {
	top: 10px;
	right: 8px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #555;
	border-width: 4px 4px 0;
	-webkit-transform:rotate(360deg);
	z-index: 2;
}
.full-app .select-style select {
    padding: 4px 4px 4px 4px !important; margin: 0 !important; font: 11px Arial; line-height: 14px !important; outline: none !important;
    color: #000 !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.full-app .select-style select::-ms-expand {
    display: none;
}
.full-app .select-style select:focus {
    outline: none;
}