﻿#divSearchHoliday {width: 340px; position: relative; height: 800px;}
#divSearchHoliday h2{padding:0px; margin: 0;}
#divSearchHoliday ol{list-style-type: none; padding: 0; margin: 0;}
#divSearchHoliday ol h3{color: #f37401;padding: 0 0 0 40px;font-size: 1.8em; border: none; margin: 0 0 10px 0; float: none;font-family: Arial Narrow, Helvetica;}
#divSearchHoliday ol li {border: solid 1px #018dfe; padding: 12px 10px 15px; margin: 0 0 15px 0;}
#divSearchHoliday ol li.one{background: white url(images/one.gif) no-repeat scroll 10px 10px;margin-bottom:5px;padding-bottom:4px;}
#divSearchHoliday ol li.two{background: white url(images/two.gif) no-repeat scroll 10px 10px;margin-bottom:5px;padding-bottom:4px;}
#divSearchHoliday ol li.nopadding{padding-left: 0; padding-right: 0; padding-bottom: 0px;}
#divSearchHoliday ol li.nopadding h3{padding-left: 50px;}
#divSearchHoliday ol li.three{background: white url(images/three.gif) no-repeat scroll 10px 10px; height:135px;padding-bottom:0px;}
#divSearchHoliday ol li.one a{font-weight: bold; color: White; font-family: Arial Narrow, Helvetica, Verdana; font-size: 2em; border: none; width: 100px; padding: 8px 10px 8px 45px;outline: none;background-color: #0078D7; display: block; float: left; margin: 8px 8px 0 0;}
#divSearchHoliday ol li.one a.summer-button{background: url(images/summerSun.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.winter-button{background: url(images/winterSun.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.ski-button{background: url(images/SkiBreaks.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.flights-button{background: url(images/flight.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.right{margin-right: 0;}
#divSearchHoliday ol li.one h3{margin-bottom:2px !important;}
#divSearchHoliday ol li.two h3{margin-bottom:5px !important; padding-bottom:0px;}
#divSearchHoliday ol li.one a.summer-button:hover,#divSearchHoliday ol li.one a.summer-button:active,#divSearchHoliday ol li.one .active a.summer-button{background: url(images/summerSun-hover.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}

#divSearchHoliday ol li.one a.winter-button:hover,#divSearchHoliday ol li.one a.winter-button:active,#divSearchHoliday ol li.one .active a.winter-button{background: url(images/winterSun-hover.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.ski-button:hover,#divSearchHoliday ol li.one a.ski-button:active,#divSearchHoliday ol li.one .active a.ski-button{background: url(images/SkiBreaks-hover.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
#divSearchHoliday ol li.one a.flights-button:hover,#divSearchHoliday ol li.one a.flights-button:active,#divSearchHoliday ol li.one .active a.flights-button{background: url(images/flight-hover.gif) 0px 0px no-repeat; width:155px; height:28px; padding:0px;}
span.displace{position:absolute; left:-10000px;}
#divSearchHoliday ol ul {margin: 0;padding: 0;list-style-type: none;}
#divSearchHoliday ol ul li {border: none; margin: 0; padding: 0; font-size: 1.1em;}

#divSearchHoliday ol ul.accordion li.active a.aTitle{margin-bottom:0px; padding-bottom:4px;}

#divSearchHoliday ol ul.accordion a.aTitle{position:relative;display: block; color: #0062AE; background: white url(images/searchOff.gif) 100% 0px no-repeat; padding: 3px 0 3px 10px; margin-right: 10px; margin-bottom:0px; font-weight: bold; font-size: 1.1em; outline: none;height:auto !important;height:0;}
#divSearchHoliday ol ul.accordion a:hover{border:none;}
#divSearchHoliday ol ul.accordion a.aTitle.active,#divSearchHoliday ol ul.accordion li.active a.aTitle{background-image: url(images/searchOn.gif); margin-bottom:0px;padding-bottom:4px;}
#divSearchHoliday ol ul.accordion div.aContent {display: none;background: #E9F0F6 url(images/item-selected-bg.jpg) repeat-x scroll 0 0; padding: 0 5px 0px 10px;}
#divSearchHoliday ol ul.accordion li.active div.aContent{display:block;}
#divSearchHoliday ol ul.accordion li.active div.aContent p{margin-bottom:0px;}
h4{margin: 0; padding: 0; padding: 15px 0 10px 0; clear: both; color: #0060af;}
#divSearchHoliday ol ul.accordion li.active div.aContent h4.departing{margin: 0; padding: 0; padding: 15px 0 10px 0; clear: both;  float:left; width:280px; display:block;}
#divSearchHoliday ol ul.accordion li.active div.aContent h4 {margin: 0; padding: 0; padding: 15px 0 10px 0; clear: both; color: #0060af; font-size: 12px; color: #003366;padding-bottom:2px !important;}


#divSearchHoliday ol ul.accordion div.cbx {width: 315px;}
#divSearchHoliday  a.cbx{float: left; padding: 4px 0 4px 14px; width: 60px; background: transparent url(images/a-cbx-off.gif) no-repeat 0 50%; outline: none;font-weight:bold;}
#divSearchHoliday a#aFlexiDates.cbx{width:105px;}


#divSearchHoliday  a.cbx.checked{background-image: url(images/a-cbx-on.gif);}
#divSearchHoliday  a.dest,#divSearchHoliday  #divDestinations a.checked{width: 145px; background-image: url(images/a-cbx-plus.gif);}
#divSearchHoliday .left{float: left;}
#divSearchHoliday .left20{float: left; margin-left: 20px; width:150px;}
#divSearchHoliday li.liSeparator{display:block; height: 8px; background: url(images/item-bg.jpg) repeat-x scroll 0 0;}
#divDestinations h4{position:relative}

#divSearchHoliday ol .cbxMulti {}
#divSearchHoliday ol .cbxMulti a.cbx {width: 145px; background-image: url(images/a-cbx-plus.gif); margin-bottom: 5px;} 
#divSearchHoliday ol a.cbx.disabled {background-image: url(images/a-cbx-disabled.gif);color: #74A8D1 !important;}
#divSearchHoliday .disabledText {font-size: 0.8em; font-style: italic;}

.divDestinationList{display: none; padding: 12px 10px 15px 10px; background: white none; border: solid 1px #0060af; width: 450px;z-index: 10;}
#divSearchHoliday .divDestinationList ul {margin-top: 10px;}
#divSearchHoliday .divDestinationList ul li{background: #f1f6fc url(images/resort-item-bg.jpg) repeat-x scroll 0 0; float: none; clear: both; padding: 9px 0 6px 10px; display: block;}
#divSearchHoliday .divDestinationList ul li a.cbx{float: none; width: 345px; font-weight: bold;display: block; padding-bottom: 0;padding-top: 0;}
#divSearchHoliday .divDestinationList a.aDestAbout,#divSearchHoliday .divDestinationList a.aDestAbout:link{color: #fff; background: #048dff url(images/resort-button-bg.gif) no-repeat scroll 0 0; display: block; padding: 2px 9px 3px 9px; float: right; margin: -2px 10px 0 0;}
.divDestinationList .pOptions{margin: 15px 0 0 0; text-align: right;}
.divDestinationList .pOptions .aCheckAll{padding-right: 10px; margin-right: 10px; border-right: solid 1px #005FAF;}
.divDestinationList .aClose {display:block; padding: 2px 20px 2px 0; background: transparent url(images/close-diag-bg.gif) no-repeat scroll 100% 50%; position: absolute; right: 10px; top: 10px;}
#divSearchHoliday #aSelResort{ padding: 4px 8px 4px 23px; width: auto; background: white url(images/a-cbx-minus.gif) no-repeat 9px 50%; border: solid 1px #005FAF; border-left: none; position: absolute; z-index: 11; display: none; font-weight: bold;}
#divSearchHoliday select{color: #0060AF; border: none;}
#divSearchHoliday p.results{font-size: 1.3em; font-weight: bold; padding: 0px 0 0 0;margin-left:20px;}
#divSearchHoliday #lblNumResults {font-size: 1.5em; border: solid 1px #018DFE; padding: 3px 6px 1px;}
#divSearchHoliday a#aSubmitButton{background: url(images/ViewOn.gif) top left no-repeat;margin-left:20px; width: 252px; height:40px; float:left;border: none; color: White; font-family: Arial Narrow, Helvetica, Verdana; text-align: center; font-weight: bold; font-size: 1.5em; padding: 10px 0px 10px; display: block;margin-bottom:5px;}

#divSearchHoliday a#aSubmitButton.disabled{background: url(images/ViewOff.gif) top left no-repeat; width:252px; height:40px;}




#divSearchHoliday a.cbx .numResorts,#divSearchHoliday a.cbx .numResortsSelected,
#divSearchHoliday #aSelResort .numResorts,#divSearchHoliday #aSelResort .numResortsSelected {font-weight: normal; font-size: 0.9em;}
#divSearchHoliday a.cbx .numResortsSelected {color: #9B0004;}
#divSearchHoliday #divDestinations a.cbx:hover,#divSearchHoliday #divDestinations a.cbx:active{text-decoration: none;}
#divSearchHoliday a.cbx:hover .aText {text-decoration: underline;}
#divSearchHoliday #aSelResort:hover,#divSearchHoliday #aSelResort:active{text-decoration: none;}
#divSearchHoliday #aSelResort:hover span.aText,#divSearchHoliday #aSelResort:active span.aText {text-decoration: underline;}
#divSearchHoliday #divResortLoader{position: absolute; background: white url(images/ajax-load-lite.gif) no-repeat scroll 50% 45%; width: 50px; height: 50px; z-index: 10;border: solid 1px #0060af;display: none;}

#divSearchHoliday #txtSelDate{width: 100px; border: solid 1px #018DFE; font-size: 0.9em; color: #0060af; text-align: center; padding: 3px 2px;}
#divSearchHoliday .imgCalendar{vertical-align: bottom; margin-left: 2px;}

/* Loaders */
.divLoaderOverlay{position: absolute; left: 1px; width: 338px; background: white none;}
.divLoaderSpinner{position: absolute; right: 10px; width: 24px; height: 24px; background: white url(images/ajax-load-lite-orange.gif) no-repeat scroll 0 0;}
