/******************************************************************************

  Script    :   std_jquery_plugins_style.css
  Author    :   C.E. Berry
  Version   :   5.00.013
  Notes     :   CSS Stylesheet for jQuery plugins used on the Destination
                Relax website

                All material contained within is the intellectual property of
                SysExcel Ltd and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd.

********************************************************************************

    JQUERY-BXSLIDER.JS - Responsive content slider

********************************************************************************/

/*--- Reset and layout  ---*/

.bx-wrapper
{
	                            position: relative;
	                            margin: 0 auto 60px;
	                            padding: 0;
	                            *zoom: 1;
}

.bx-wrapper img
{
	                            max-width: 100%;
	                            display: block;
}

/*--- Theme  ---*/


.bx-wrapper .bx-viewport
{
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto
{
	                            position: absolute;
	                            bottom: -30px;
	                            width: 100%;
}

/*--- Loader  ---*/

.bx-wrapper .bx-loading
{
	                            min-height: 50px;
	                            background: url(/site_graphics/bx-loader.gif) center center no-repeat #fff;
	                            height: 100%;
	                            width: 100%;
	                            position: absolute;
	                            top: 0;
	                            left: 0;
	                            z-index: 2000;
}

/*--- Pager  ---*/

.bx-wrapper .bx-pager
{
	                            text-align: center;
	                            font-size: .85em;
	                            font-family: Arial;
	                            font-weight: bold;
	                            color: #666;
	                            padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item
{
	                            display: inline-block;
	                            *zoom: 1;
	                            *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a
{
	                            background: #666;
	                            text-indent: -9999px;
	                            display: block;
	                            width: 10px;
	                            height: 10px;
	                            margin: 0 5px;
	                            outline: 0;
	                            -moz-border-radius: 5px;
	                            -webkit-border-radius: 5px;
	                            border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active
{
	                            background: #000;
}

/*---  Direction controls (next/prev)  ---*/

.bx-wrapper .bx-prev
{
	                            left: 10px;
	                            background: url(/site_graphics/bx-controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next
{
	                            right: 10px;
	                            background: url(/site_graphics/bx-controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover
{
	                            background-position: 0 0;
}

.bx-wrapper .bx-next:hover
{
	                            background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a
{
	                            position: absolute;
	                            top: 50%;
	                            margin-top: -16px;
	                            outline: 0;
	                            width: 32px;
	                            height: 32px;
	                            text-indent: -9999px;
	                            z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled
{
	                            display: none;
}

/*---  Auto controls (start/stop)  ---*/

.bx-wrapper .bx-controls-auto
{
	                            text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start
{
	                            display: block;
	                            text-indent: -9999px;
	                            width: 10px;
	                            height: 11px;
	                            outline: 0;
	                            background: url(/site_graphics/bx-controls.png) -86px -11px no-repeat;
	                            margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active
{
	                            background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop
{
	                            display: block;
	                            text-indent: -9999px;
	                            width: 9px;
	                            height: 11px;
	                            outline: 0;
	                            background: url(/site_graphics/bx-controls.png) -86px -44px no-repeat;
	                            margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active
{
	                            background-position: -86px -33px;
}

/*---  Pager with auto-controls hybrid layout  ---*/

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager
{
	                            text-align: left;
	                            width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto
{
	                            right: 0;
	                            width: 35px;
}

/*---  Image captions  ---*/

.bx-wrapper .bx-caption
{
	                            position: absolute;
	                            bottom: 0;
	                            left: 0;
	                            background: #666\9;
	                            background: rgba(80, 80, 80, 0.75);
	                            width: 100%;
}

.bx-wrapper .bx-caption span
{
	                            color: #fff;
	                            font-family: Arial;
	                            display: block;
	                            font-size: .85em;
	                            padding: 10px;
}

/********************************************************************************

   JQUERY-DD.JS PLUGIN STYLES - STYLES HTML SELECT ELEMENTS WITH OPTIONAL IMAGES

********************************************************************************/

.borderRadius
{
                                -webkit-border-radius: 0;
                                -moz-border-radius: 0;
                                border-radius: 0;
}

.borderRadiusTp
{
                                -webkit-border-radius: 0 0 0 0;
                                -moz-border-radius: 0 0 0 0;
                                border-radius: 0 0 0 0;
}

.borderRadiusBtm
{
                                -webkit-border-radius: 0 0 0 0;
                                -moz-border-radius: 0 0 0 0;
                                border-radius: 0 0 0 0;
}

.ddcommon
{
                                position: relative;
                                display: -moz-inline-stack;
                                zoom: 1;
                                display: inline-block;
                                *display: inline;
                                cursor: default;
}

.ddcommon ul
{
                                padding: 0;
                                margin: 0;
}

.ddcommon ul li
{
                                list-style-type: none;
}

.ddcommon .disabled img,
.ddcommon .disabled span,
.ddcommon .disabledAll
{
                                opacity: .5; /* standard: ff gt 1.5, opera, safari */
                                -ms-filter:"alpha(opacity=50)"; /* ie 8 */
                                filter:alpha(opacity=50); /* ie lt 7 */
                                -khtml-opacity:.5; /* safari 1.x */
                                -moz-opacity:.5; /* ff lt 1.5, netscape */
                                color:#999999;
}

.ddcommon .clear
{
                                clear: both
}

/*
.ddcommon .shadow
{
                                -moz-box-shadow: 5px 5px 5px -5px #888888;
                                -webkit-box-shadow: 5px 5px 5px -5px #888888;
                                box-shadow: 5px 5px 5px -5px #888888;
}
*/

.ddcommon input.text
{
                                color: #7e7e7e;
                                padding: 0 0 0 0;
                                position: absolute;
                                background: #ffffff;
                                display: block;
                                width: 98%;
                                height: 98%;
                                left: 2px;
                                top: 0;
                                border: none;
}

.ddOutOfVision
{
                                position: relative;
                                display: -moz-inline-stack;
                                display: inline-block;
                                zoom: 1;
                                *display: inline;
}

.ddcommon .divider
{
                                width: 0;
                                height: 100%;
                                position: absolute;
}

.ddcommon .arrow
{
                                display: inline-block;
                                position: absolute;
                                top: 50%;
                                right: 4px;
}

.ddcommon .arrow:hover
{
                                background-position: 0 100%;
}

.ddcommon .ddTitle
{
                                padding: 0;
                                position: relative;
                                display: inline-block;
                                width: 100%
}

.ddcommon .ddTitle .ddTitleText
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText .ddTitleText
{
                                padding: 10px;
}

.ddcommon .ddTitle .description
{
                                display: block;
}

.ddcommon .ddTitle .ddTitleText img
{
                                position: relative;
                                vertical-align: middle;
                                float: left
}

.ddcommon .ddChild
{
                                position: absolute;
                                display: none;
                                width: 100%;
                                overflow-y: auto;
                                overflow-x: hidden;
                                zoom: 1;
                                z-index: 99999999;
}

.ddcommon .ddChild ul
{
                                z-index: 99999999;
}

.ddcommon .ddChild li
{
                                clear: both;
                                z-index: 99999999;
}

.ddcommon .ddChild li .description
{
                                display: block;
}

.ddcommon .ddChild li img
{
                                border: 0 none;
                                position: relative;
                                vertical-align: top;
                                float: left
}

.ddcommon .ddChild li.optgroup
{
                                padding: 0;
}

.ddcommon .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddcommon .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddcommon .noBorderTop
{
                                border-top: none 0  !important;
                                padding: 0;
                                margin: 0;
}

/*---  Standard dropdowns  ---*/

.ddstandard
{
                                border: 1px solid #ACACAC;
                                margin: 5px 0 5px 0;
}

.ddstandard .divider
{
                                border-left: 1px solid #ACACAC;
/*                              border-right: 1px solid #FFFFFF;   */
                                right: 24px;
}

.ddstandard .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(/site_graphics/dd-arrow.png) no-repeat;
}

.ddstandard .arrow:hover
{
                                background-position: 0 100%;
}

.ddstandard .ddTitle
{
/*
                                color: #8A8A8A; // considered too light for visually impaired
*/
                                color: #1A1A1A; /* Added 2015-12-21 */
                                background: #F8F8F8;
                                -webkit-border-radius: 5px;
                                -moz-border-radius: 5px;
                                border-radius: 5px;
}

.ddstandard .ddTitle .ddTitleText
{
                                padding: 7px 20px 7px 7px;
                                font-size: 14px;
}

.ddstandard .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.ddstandard .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.ddstandard .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.ddstandard .ddChild
{
                                border: 1px solid #ACACAC;
                                background-color: #E8E8E8;
                                left: -1px;
                                -webkit-border-radius: 0;
                                -moz-border-radius: 0;
                                border-radius: 0;
}

.ddstandard .ddChild li
{
                                padding: 9px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 1px dashed #ACACAC;
}

.ddstandard .ddChild li:last-child
{
                                padding: 9px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 0px dashed #ACACAC;
}

.ddstandard .ddChild li .description
{
                                color: #8A8A8A;
}

.ddstandard .ddChild li .ddlabel
{
/*
                                color: #8A8A8A; // considered too light for visually impaired
*/
                                color: #1A1A1A; /* Added 2015-12-21 */
                                font-size: 14px
}

.ddstandard .ddChild li.hover
{
                                background-color: #D5D5D5;
}

.ddstandard .ddChild li img
{
                                padding :0 6px 0 0;
}

.ddstandard .ddChild li.optgroup
{
                                padding: 0;
}

.ddstandard .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.ddstandard .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.ddstandard .ddChild li.selected
{
                                background-color: #F6F6F6;
                                color: #404040;
}

/*---  Error dropdowns  ---*/

.dderror
{
                                border: 1px solid #B90000;
                                margin: 5px 0 5px 0;
}

.dderror .divider
{
                                border-left: 1px solid #B90000;
                                border-right: 1px solid #FFFFFF;
                                right: 24px;
}

.dderror .arrow
{
                                width: 16px;
                                height: 16px;
                                margin-top: -8px;
                                background: url(/site_graphics/dd-arrow-error.png) no-repeat;
}

.dderror .arrow:hover
{
                                background-position: 0 100%;
}

.dderror .ddTitle
{
                                color: #5F5C55;
                                background: #FED25A;
                                -webkit-border-radius: 4px;
                                -moz-border-radius: 4px;
                                border-radius: 4px;
}

.dderror .ddTitle .ddTitleText
{
                                padding: 11px 20px 9px 7px;
}

.dderror .ddTitle .ddTitleText .ddTitleText
{
                                padding: 0;
}

.dderror .ddTitle .description
{
                                font-size: 12px;
                                color: #666666
}

.dderror .ddTitle .ddTitleText img
{
                                padding-right: 5px;
}

.dderror .ddChild
{
                                border: 1px solid #504641;
                                background-color: #E8E8E8;
                                left: -1px;
                                -webkit-border-radius: 0 0 5px 5px;
                                -moz-border-radius: 0 0 5px 5px;
                                border-radius: 0 0 5px 5px;
}

.dderror .ddChild li
{
                                padding: 7px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 1px dashed #404040;
}

.dderror .ddChild li:last-child
{
                                padding: 7px 20px 7px 7px;
                                background-color: #E8E8E8;
                                border-bottom: 0px dashed #404040;
}

.dderror .ddChild li .description
{
                                color: #666666;
}

.dderror .ddChild li .ddlabel
{
                                color: #5F5C55;
}

.dderror .ddChild li.hover
{
                                background-color: #D5D5D5;
}

.dderror .ddChild li img
{
                                padding :0 6px 0 0;
}

.dderror .ddChild li.optgroup
{
                                padding: 0;
}

.dderror .ddChild li.optgroup .optgroupTitle
{
                                padding: 0 5px;
                                font-weight: bold;
                                font-style: italic
}

.dderror .ddChild li.optgroup ul li
{
                                padding: 5px 5px 5px 15px
}

.dderror .ddChild li.selected
{
                                background-color: #F6F6F6;
                                color: #404040;
}


/*******************************************************************************

   JQUERY-PRETTYCHECKABLE.JS PLUGIN STYLES - STYLES HTML RADIO BUTTONS AND
   CHECKBOXES

********************************************************************************/

.clearfix:before,
.clearfix:after
{
                            content: "";
                            display: table
}

.clearfix:after
{                           clear: both
}

.clearfix
{
                            *zoom: 1}

.prettycheckbox,
.prettyradio
{
                            display: inline-block;
                            padding: 0;
                            margin: 3px 0 3px 0;
}

.prettycheckbox > a,
.prettyradio > a
{
                            height: 30px;
                            width: 30px;
                            display: block;
                            float: left;
                            cursor: pointer;
                            margin: 0;
                            background-image: url('/site_graphics/radio_buttons_checkboxes.png');
                            background-repeat: no-repeat;
}

.prettyerror > a
{
                            background-image: url('/site_graphics/radio_buttons_checkboxes_error.png');
}

.prettycheckbox > a:focus,
.prettyradio > a:focus
{
                            outline: 0 none
}

.prettycheckbox label,
.prettyradio label
{
                            display: block;
                            float: left;
                            margin: -4px 15px 0 -8px;
                            cursor: pointer;
}

.prettycheckbox a.disabled,
.prettycheckbox label.disabled,
.prettyradio a.disabled,
.prettyradio label.disabled
{
                            cursor: not-allowed
}

.prettycheckbox > a
{
                            background-position: 0 0;
}

.prettycheckbox > a:focus
{
                            background-position: -30px 0;
}

.prettycheckbox > a.checked
{
                            background-position: -60px 0;
}

.prettycheckbox > a.checked:focus
{
                            background-position: -90px 0;
}

.prettycheckbox > a.checked.disabled
{
                            background-position: -150px 0;
}

.prettycheckbox > a.disabled
{
                            background-position: -120px 0;
}

.prettyradio > a
{
                            background-position: -180px 0;
}

.prettyradio > a:focus
{
                            background-position: -210px 0;
}

.prettyradio > a.checked
{
                            background-position: -240px 0;
}

.prettyradio > a.checked:focus
{
                            background-position: -270px 0;
}

.prettyradio > a.checked.disabled
{
                            background-position: -330px 0;
}

.prettyradio > a.disabled
{
                            background-position: -300px 0;
}


/*******************************************************************************

   JQUERY-FILESTYLE.JS PLUGIN STYLES - STYLES HTML FILE INPUTS

********************************************************************************/

.jquery-filestyle {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin: 0 0 10px;
  padding: 0;
}

div.jquery-filestyle input[type=text][disabled] {
                                color: #404040;
                                background: #E8E8E8;
                                border: 1px solid #000000;
                                height: 26px;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                                border-radius: 5px;
                                padding-left: 5px;
                                font-size: 12px;
                                margin: 5px 0 5px 0;
}

div.jquery-filestyle label
{
    display: inline-block;
    *display: inline;
  /* IE7 inline-block hack */

    *zoom: 1;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
                                border-radius: 5px;
                                color: #FFFFFF;
                                display: inline-block;
                                text-transform: uppercase;
                                font-size: 14px;
                                font-weight: normal;
                                text-decoration: none;
                                cursor: pointer;
                                padding: 6px 20px 6px 20px !important;
                                line-height: normal;
                                background: #00AFEF; /* Old browsers */
                                background: -moz-linear-gradient(top,  #00AFEF 0%, #0084EA 100%); /* FF3.6+ */
                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AFEF), color-stop(100%,#0084EA)); /* Chrome,Safari4+ */
                                background: -webkit-linear-gradient(top,  #00AFEF 0%,#0084EA 100%); /* Chrome10+,Safari5.1+ */
                                background: -o-linear-gradient(top,  #00AFEF 0%,#0084EA 100%); /* Opera 11.10+ */
                                background: -ms-linear-gradient(top,  #00AFEF 0%,#0084EA 100%); /* IE10+ */
                                background: linear-gradient(to bottom,  #00AFEF 0%,#0084EA 100%); /* W3C */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AFEF', endColorstr='#0084EA',GradientType=0 ); /* IE6-9 */
}

div.jquery-filestyle label:hover {
                                background: #0084EA; /* Old browsers */
                                background: -moz-linear-gradient(top,  #0084EA 0%, #00AFEF 100%); /* FF3.6+ */
                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0084EA), color-stop(100%,#00AFEF)); /* Chrome,Safari4+ */
                                background: -webkit-linear-gradient(top,  #0084EA 0%,#00AFEF 100%); /* Chrome10+,Safari5.1+ */
                                background: -o-linear-gradient(top,  #0084EA 0%,#00AFEF 100%); /* Opera 11.10+ */
                                background: -ms-linear-gradient(top,  #0084EA 0%,#00AFEF 100%); /* IE10+ */
                                background: linear-gradient(to bottom,  #0084EA 0%,#00AFEF 100%); /* W3C */
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084EA', endColorstr='#00AFEF',GradientType=0 ); /* IE6-9 */
}