/* COMMON CLASSES */ .break { clear:both; } /* SEARCH FORM */ #searchform { margin:50px 200px; font-size:18px; } #searchform div { color:#eeeeee; } #searchform div input { font-size:18px; padding:5px; width:320px; } #suggestions{left:0px; width:310px; margin-top:40px; z-index:10000; display:none; } /* SEARCHRESULTS */ #searchresults {z-index:10000; position:absolute; border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; } #searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; } #searchresults a:hover { background-color:#b7b7b7; color:#ffffff; } #searchresults a img { float:left; padding:5px 10px; } #searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; } #searchresults a:hover span.searchheading { color:#ffffff; } #searchresults a span { color:#555555; } #searchresults a:hover span { color:#f1f1f1; } #searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; } #searchresults span.seperator { float:right; padding-right:15px; margin-right:5px; background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; } #searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }/*** INDIVIDUAL SEARCH RESULTS ***/ #individualResults table {border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;color:#000;font-size:12px} #individualResults th, #individualResults td {padding:3px;text-align:center;border-bottom:1px solid #cbcbcb;border-right:1px solid #cbcbcb;background-color:#fafbff} #individualResults td span {font-size:0.9em;color:#676767} #individualResults .datesRow th {font-weight:normal;background-color:#1b7fb0;color:#fff} #individualResults th.weekend {background-color:#0c6192;color:#fff} #individualResults td.weekend {background-color:#efefef} #individualResults td.selected {background-color:#f78b4c !important;} #individualResults td {height:45px} #individualResults .shiftButton { background: #62C2E3 url(http://cms.bookaccommodationonline.com.au/shared/search_grid/v3_blue/images/shift-dates-blue.gif) repeat-x left top;display: block; font-size: 11px;color: #fff;font-family: Verdana,Arial,Helvetica,sans-serif; border-top: 2px double #B4DFEF;border-left: 2px double #B4DFEF;border-bottom: 2px double #0079A0;border-right: 2px double #0079A0; text-align: center;padding: 1px;width:18px;} #individualResults .shiftLeft {float:right;margin-left:3px;} #individualResults .shiftRight {float:left;margin-right:3px;} #individualResults .bookBtn {margin:0 auto;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:center;color:#FFFFFF;font-size:12px;line-height:28px;padding-top:0px;text-decoration:none;width:87px;height:30px;display:block;background:url(http://cms.bookaccommodationonline.com.au/shared/list/images/book_now_top_button.jpg) repeat-x;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border:1px solid #a02c08;text-align:center;} #individualResults .legend {float:left} #individualResults div.legend {width:16px;height:16px;float:left;margin:0 5px;border:1px solid #cacaca;background-color:#f78b4c;} #individualResults p.legend {margin-right:15px;width:auto;} #individualResults img.legend {width:16px;margin:0 5px;} /* New search results grid */ .shiftDatesLeft{width:20px; float:left; margin-right:5px} .shiftDatesRight{width:20px; float:left; margin-left:5px} .ratingVersion{width:50px; margin-bottom:2px; padding:2px} span.background-highlight{font-size:.9em; margin-top:.4em; margin-bottom:.4em; padding:.6em 1em; display:block; background-color:#e6eefa; border:dotted #aec2db 1px; font-weight:bold} .searchResultsTable{border-collapse:collapse; width:100%; margin-bottom:20px; margin-top:5px; clear:both} .searchResultsTable .hovered{background:#d7eaf0} .searchResultsTable .selectedDays{font-size:11px; color:#FFF; text-align:center; border:1px solid #FF8A00; border-bottom:0; background:#F90; white-space:nowrap; padding:0px 3px 2px 3px; cursor:help} .searchResultsTable td.selected{background:#FFB} .searchResultsTable td[class='dataRow w-end selected']{background:#FF9} .searchResultsTable td[class='dataRow w-end sold selected']{background:#F90; color:#FFF} .searchResultsTable td[class='dataRow sold selected']{background:#F90; color:#FFF} .searchResultsTable .tableHeading{font-size:12px; font-weight:bold; text-transform:uppercase; color:#47acd9; padding-bottom:7px; vertical-align:bottom} .searchResultsTable .tableHeading strong{color:#F06000} .askHotel{background:url(http://www.roamfree.com/images/hotel.jpg) no-repeat right bottom} .searchGlobal{background:url(http://www.roamfree.com/images/global.jpg) no-repeat right bottom} .holidayHouses{background:url(http://www.roamfree.com/images/holidayHouses.jpg) no-repeat right bottom} .tableHeading span{cursor:help; background:#FFF; border:2px solid #FFF} .searchResultsTable .shiftDatesBackward{color:#666; font-weight:bold; font-size:11px; text-align:left; padding-bottom:7px; vertical-align:top} .searchResultsTable .shiftDatesBackward .shiftLeftContainer{float:left} .searchResultsTable .shiftDatesForward{color:#666; font-weight:bold; font-size:11px; text-align:right; padding-bottom:7px; vertical-align:top} .searchResultsTable .shiftDatesForward .shiftRightContainer{float:right} #infoHover{ border:1px solid #AAA; padding:7px; background:#FFC; position:absolute; left:-1000px; top:-1000px; width:260px; font-size:11px; z-index:10} /* Header rows - also used to control the width of the columns */ .searchResultsTable .headerRow{color:#FFF; background:#47acd9; text-align:center; font-weight:bold; font-size:11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px} .searchResultsTable .headerRow .day{text-transform:uppercase; font-size:9px; display:block; white-space:nowrap} .searchResultsTable .headerRow .number{ font-size:13px; display:block; margin:2px 0; color:#FC0; line-height:7px} .searchResultsTable .headerRow .month{ font-size:9px; display:block} /*Start Styles for A-like Cat B properties*/ .searchResultsTable .headerRow2{color:#FFF; background:#ff9600; text-align:center; font-weight:bold; font-size:11px; width:4%; padding:3px 2px; border:1px solid #FFF; line-height:11px} .searchResultsTable .headerRow2 .day{text-transform:uppercase; font-size:9px; display:block; white-space:nowrap} .searchResultsTable .headerRow2 .number2{ font-size:13px; display:block; margin:2px 0; color:#000; line-height:7px} .searchResultsTable .headerRow2 .month{ font-size:9px; display:block} .searchResultsTable .weekend2{background:#FFBE6B; color:#555} .searchResultsTable .weekend2 .number2{color:#F60} .searchResultsTable .w-end2{background:#FFEBDE} /*End Styles for A-like Cat B properties*/ .searchResultsTable .place-name{text-align:left; width:33%; padding-left:10px; font-size:12px} .searchResultsTable .weekend{background:#CBE2EB; color:#555} .searchResultsTable .weekend .number{color:#F60} /* into the data rows now... */ .searchResultsTable .dataRow{border:1px solid #d8d8d8; text-align:center; font-weight:bold; color:#555; font-size:10px; vertical-align:middle; padding:2px} .searchResultsTable .dr-place-name{text-align:left; font-weight:normal; border-right:0} .searchResultsTable .dr-place-name a{color:#333; text-decoration:underline} .searchResultsTable .dr-place-name a:hover{color:#369} .searchResultsTable .dr-place-name .apName{color:#333; display:block; padding-left:7px; font-size:13px} .searchResultsTable .dr-place-name .apMaxGuests{color:#777; display:block; padding-left:7px; font-size:9px} .searchResultsTable .dr-place-name .apLocation{color:#757575; display:block; font-size:10px; padding-left:7px} .searchResultsTable .bookingAndRating{text-align:center; width:2%; border-left:0; padding:2px 5px} .searchResultsTable .unavailable{font-weight:normal; color:#F00; font-size:11px; padding:8px} .searchResultsTable .w-end{background:#f0f0f0} .searchResultsTable .sold{text-transform:uppercase; color:#F60} #main .searchresultswrapper main{margin:0 auto; width:950px; padding:15px 0; !important} #main .searchresultswrapper .header{ width:950px; float:left; padding:8px 0 4px;} #main .searchresultswrapper .header_content{width:590px; float:left; padding:0 20px 0 0} #main .searchresultswrapper .header_content .img_holder{ width:80px; float:left; padding:0 5px} #main .searchresultswrapper .header_content .img_holder img{ border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;} .thumb_img_holder {border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;-khtml-border-radius:1px;} #main .searchresultswrapper .header_content .img_content{width:470px; float:left;} #main .searchresultswrapper .header_content .img_content .img_title { width:340px; float:left; font-size:22px; color:#a99e9e;} #main .searchresultswrapper .header_content .img_content .img_stars{ width:120px; float:left;} #main .searchresultswrapper .header_content .img_content .text_holder{width:470px; float:left; padding:0 0 0 0;} #main .searchresultswrapper .thumb_holder{width:590px; float:left; padding:0;} #main .searchresultswrapper .thumb_holder .thumb_img_holder{ width:450px; float:left;} #main .searchresultswrapper .thumb_holder .thumb_img_holder img{ border:1px solid #499eb3;width:40px;height:40px;float:left;margin-left:4px;} #main .searchresultswrapper .thumb_holder .thumb_img_holder a{padding:0 10px 0 0;} #main .searchresultswrapper .thumb_holder .thumb_link{width:140px; float:left; padding:5px 0 0 0;} #main .searchresultswrapper .thumb_holder .thumb_link a{color:#668dfb; text-decoration:underline;} .booknow_holder{ margin:4px;width:110px; float:left; background:#4479af; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#fff; font-size:16px; text-align:center; padding:5px 0;} .booknow_holder strong{font-size:18px;} .booknow_holder a{color:#fff; text-decoration:none;} .booknow_holder a:hover{color:#fff; text-decoration:underline;} .booknow_holder{ margin:2px;width:110px; float:left; background:#4479af; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#fff; font-size:16px; text-align:center; padding:5px 0;} #main .searchresultswrapper .hcresults .compare {font-size:12px;} #main .searchresultswrapper .table_container{ width:850px; float:left; font-size:14px;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;clear:both;} #main .searchresultswrapper .table_container .heading{ width:980px; height:24px; float:left; background:url(http://cms.bookaccommodationonline.com.au/shared/list/images/heading.jpg) repeat-x; border:1px solid #d07300;color:#376ca2; } #main .searchresultswrapper .table_container .heading .text1{ width:90px; float:left; border-right:1px solid #d07300; text-align:center; padding:3px 0;} #main .searchresultswrapper .table_container .heading .text2{ width:290px; float:left; border-right:1px solid #d07300; padding:3px 0 3px 8px;} #main .searchresultswrapper .table_container .heading .text2 span{color:#ff0000;} #main .searchresultswrapper .table_container .heading .text3{ width:90px; float:left; border-right:1px solid #d07300; text-align:center; padding:3px 0;} #main .searchresultswrapper .table_container .heading .text4{ width:120px; float:left; text-align:center; padding:3px 0;border-right:1px solid #d07300;} #main .searchresultswrapper .hcbuttons{ width:350px; float:left; text-align:center; padding:0;border-right:1px solid #d07300;} #main .searchresultswrapper .hcbuttonshead{ width:350px; float:left; text-align:center; padding:3px 0;border-right:1px solid #d07300;} #main .searchresultswrapper .hcbuttons .buttonbar {margin:6px 2px 2px; text-align: center;} #main .searchresultswrapper .table_container .heading .photos{ width:220px; float:left; text-align:center; padding:3px 0;} #main .searchresultswrapper .table_container .text_holder{ width:980px; height:48px; float:left; background: #fefefd; /* Old browsers */ background: -moz-linear-gradient(top, #fefefd 0%, #fafeed 42%, #e8ebcf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefd), color-stop(42%,#fafeed), color-stop(100%,#e8ebcf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefd 0%,#fafeed 42%,#e8ebcf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefd 0%,#fafeed 42%,#e8ebcf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefd 0%,#fafeed 42%,#e8ebcf 100%); /* IE10+ */ background: linear-gradient(top, #fefefd 0%,#fafeed 42%,#e8ebcf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#e8ebcf',GradientType=0 ); /* IE6-9 */ border:1px solid #dee0ca;color:#376ca2; } #main .searchresultswrapper .table_container .text_holder .text1{ height:100%;width:90px; float:left; border-right:1px solid #dee0ca; text-align:center; padding:14px 0;} #main .searchresultswrapper .table_container .text_holder .text2{ height:100%;width:290px; float:left; border-right:1px solid #dee0ca; padding:8px 0 3px 8px;text-align:left;} #main .searchresultswrapper .table_container .text_holder .text2 span{color:#ff0000;} #main .searchresultswrapper .table_container .text_holder .text3{height:100%; width:90px; float:left; border-right:1px solid #dee0ca; text-align:center; padding:3px 0;} #main .searchresultswrapper .table_container .text_holder .text4{height:100%; width:120px; float:left; text-align:center; padding:3px 0;border-right:1px solid #dee0ca;} #main .searchresultswrapper .table_container .text_holder .photos{height:100%; width:220px; float:left; padding:3px 0;} #main .searchresultswrapper .img_holder img {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-khtml-border-radius:5px; width:80px; height:80px;} #main .searchresultswrapper .img_title a {font-size:14px;} #main .more_info {clear:both;} #main .accommarea{clear:both;font-size:12px;color:#D9B31A;float:left;} .info-button{ margin:4px; } a:focus { outline-color: #333333; outline-offset: -2px; outline-style: dotted; outline-width: thin; } a:hover, a:active { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; } img { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: 0; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: -moz-use-text-color; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: none; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 0; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: -moz-use-text-color; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: none; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 0; border-top-color: -moz-use-text-color; border-top-style: none; border-top-width: 0; max-width: 100%; vertical-align: middle; } a { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; color: #0088CC; } a:hover { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: underline; -moz-text-decoration-style: solid; color: #005580; } [class^="icon-"], [class*=" icon-"] { background-image: url(http://cms.bookaccommodationonline.com.au/shared/list/images/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; width: 14px; } [class^="icon-"]:last-child, [class*=" icon-"]:last-child { } .icon-white { background-image: url(http://cms.bookaccommodationonline.com.au/shared/list/images/glyphicons-halflings-white.png); } .icon-info-sign { background-position: -120px -96px; } .btn { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-bottom-color: #B3B3B3; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #E6E6E6; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 1px; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #E6E6E6; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: solid; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 1px; border-top-color: #E6E6E6; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; font-size: 13px; line-height: 18px; margin-bottom: 0; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; padding-top: 4px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #E6E6E6; } .btn:hover { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; -moz-transition-delay: 0s; -moz-transition-duration: 0.1s; -moz-transition-property: background-position; -moz-transition-timing-function: linear; background-color: #E6E6E6; background-position: 0 -15px; color: #333333; } .btn:focus { outline-color: #333333; outline-offset: -2px; outline-style: dotted; outline-width: thin; } .btn.active, .btn:active { background-color: #E6E6E6; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; } .btn.disabled, .btn[disabled] { background-color: #E6E6E6; background-image: none; box-shadow: none; cursor: default; opacity: 0.65; } .btn-small { font-size: 11px; line-height: 16px; padding-bottom: 5px; padding-left: 9px; padding-right: 9px; padding-top: 5px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { font-size: 11px; line-height: 14px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; padding-top: 2px; } .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-bottom-color: rgba(0, 0, 0, 0.25); border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: rgba(0, 0, 0, 0.1); border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.1); } .btn-info { background-color: #49AFCD; background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4); background-repeat: repeat-x; border-bottom-color: rgba(0, 0, 0, 0.25); border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: rgba(0, 0, 0, 0.1); border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.1); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-color: #2F96B4; } .btn-info:active, .btn-info.active { } button.btn, input.btn[type="submit"] { } button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: 0; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: -moz-use-text-color; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: none; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 0; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: -moz-use-text-color; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: none; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 0; border-top-color: -moz-use-text-color; border-top-style: none; border-top-width: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .btn .caret { margin-left: 0; margin-top: 7px; } .btn:hover .caret, .open.btn-group .caret { opacity: 1; } .desc_holder {clear:both;} .floatright {float:right;}html, 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;background: transparent;} body{margin:0;padding:0;border:0;outline:0;font-size:12px;line-height:19px;} ul {list-style:none;margin:0;padding:0} .right {text-align:right} a{color:#065480; text-decoration:none} a:hover{color:#9cbf25; text-decoration:none} a img{border:0} .clear{ clear:both;} #loading{width:100px; height:100px; position:fixed; top:50%; left:50%; background:url(http://cms.bookaccommodationonline.com.au/shared/images/ajax-loader.gif) no-repeat center transparent; text-align:center; padding:10px; font:normal 16px Tahoma,Geneva,sans-serif; margin-left:-50px; margin-top:-50px; z-index:90; overflow:auto; display:none} .progressbar{background:#FFF;width:400px;font-size:80%;border:1px #000 solid;margin:20px auto;padding:15px;position:relative;-moz-border-radius: 3px;-webkit-border-radius: 3px} .pbar .ui-progressbar-value {display:block !important} .pbar {overflow: hidden} .percent {position:relative;text-align: right;} .elapsed {position:relative;text-align: right;} h3 {text-align:center} .divLoader{z-index: 5000;display:block;position:fixed; top:50%; left:50%; border-radius: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 450px; height:250px; margin-top: -100px; margin-left: -225px; background-color: white; color: black; opacity: .85; z-index: 3000; } /*.divLoader div{ /*background:url(http://cms.bookaccommodationonline.com.au/shared/images/ajax-loader.gif) no-repeat center transparent;*/ /* height:200px;margin-top:120px;}*/ #loaderwrapper{ width:100%; margin:0 auto;z-index: 20;background-color: black;position:fixed;top:0;left:0;height:100%} .divLoader div.loadercaption{font-size:18px; color:black; text-align:center; margin-top:25px;} .divLoader .spinnerholder {height:150px;} /* ========== Product Images Slider ===========*/ /******* new style of slider ******/ div.anythingSlider-metallic .thumbNav a { background-image: url(); height: 30px; width: 30px; border: #000 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-indent: 0; } /* border around link (image) to show current panel */ div.anythingSlider-metallic .thumbNav a:hover, div.anythingSlider-metallic .thumbNav a.cur { border-color: #fff; } /* reposition the start/stop button */ div.anythingSlider-metallic .start-stop { margin-top: 15px; } /******* SET DEFAULT DIMENSIONS HERE ********/ div.anythingSlider { display: block; width: 300px; height: 240px; margin: 0 auto; overflow: hidden; /* needed for Opera and Safari */ float:right; } /****** SET COLORS HERE *******/ /* Default State */ div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { background: #777; color: #000; } div.anythingSlider .anythingWindow { border-top: 3px solid #777; border-bottom: 3px solid #777; } div.anythingSlider .start-stop { background-color: #040; color: #fff; } div.anythingSlider .start-stop.playing { background-color: #800; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #ddd; } /* Active State */ div.anythingSlider.activeSlider .anythingWindow { border-color: #7C9127; } div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a { background-color: #7C9127; } div.anythingSlider .start-stop { background-color: #080; color: #fff; } div.anythingSlider .start-stop.playing { background-color: #d00; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; } /**** DO NOT CHANGE BELOW THIS LINE ****/ /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ div.anythingSlider { position: relative; padding: 0 45px 28px 45px; } /* anythingSlider base */ .anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 50%; position: absolute; display: block; } div.anythingSlider .arrow a { display: block; height: 120px; margin: -60px 0 0 0; /* half height of image */ width: 45px; text-align: center; outline: 0; background: url('/externals/jquery/img/arrows-default.png') no-repeat; } div.anythingSlider .arrow a span { display: block; text-indent: -9999px; } div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .forward a { background-position: 0 -40px; } div.anythingSlider .back a { background-position: -88px -40px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; } div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ div.anythingSlider .back.disabled { display: none; } /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; display: none; } div.anythingSlider .thumbNav { margin: 0; padding: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-image: url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/cellshade.png); background-repeat: repeat-x; text-align: center; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div.anythingSlider .thumbNav a:hover { background-image: none; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { background-image: url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/cellshade.png); background-repeat: repeat-x; background-position: center top; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; } /* ===================== LISTS ================= */ h2.browseTitle {float:none;margin:0 0 15px 15px;padding:0;color:#4cb100} ul.areaCol{float:left; margin-left:20px;list-style:none;width:155px;} ul.areaCol.first{margin-left:35px} ul.areaCol li{margin-bottom:5px;color:#ec7a2e} ul.areaCol li a{text-decoration:none;color:#246f93} ul.areaCol li a:hover{text-decoration:underline} ul.areaCol a.current, .attractionlistright a.current{color:#333;font-weight:bold;cursor:default} ul.areaCol a.current:hover, .attractionlistright a.current:hover{text-decoration:none} /* PAGINATION */ .paginationControl{border:0; padding:0; font-size:14px; text-align:center; margin:3px 0 0 0} .paginationControl a{border:solid 1px #DEDEDE;background-color:#fff;color:#4094cf; margin-right:2px} .paginationControl .disabled{color:#888; display:inline-block; font-weight:normal; padding:3px 4px} .paginationControl .next a, .paginationControl .previous a{font-weight:bold; border:solid 1px #FFF} .paginationControl .active{color:#000; font-weight:bold; display:inline-block; padding:4px 8px} .paginationControl a:link, .paginationControl a:visited{display:inline-block; padding:3px 6px; text-decoration:none} .paginationControl a:hover{text-decoration:none; border:1px solid #999} /* ===================== Product Tabs ================= */ #tabsouter{ height:104px; width:915px; margin:10px 0 0 10px} #tabs ul{width:915px; margin:0 auto} #tabs li{border-right:1px solid #ddd; float:left; padding-left:1px; width:120px; list-style-type:none; text-align:center; margin-top:0px} #tabs a{color:#333; display:block; padding:6px; position:relative; word-spacing:-2px; font-size:11px; height:93px; text-decoration:none; border:1px solid #CCC} #tabs a.current{background:url(http://cms.bookaccommodationonline.com.au/images/down_large.jpg); border-bottom:none; height:99px} #tabs img{background-color:#fff; border:1px solid #ccc; margin:3px 0 5px 25px; padding:4px; display:block} #tabs strong{display:block; font-size:13px} #panes{background:#fff url(http://cms.bookaccommodationonline.com.au/images/h300_reverse.png) repeat scroll 0 0; border:1px solid #ccc; width:915px; clear:both; top:-5px; overflow:hidden; position:relative;padding:10px 15px;font-size:1.1em; min-height:300px} .sidebar_input{ width:180px; height:29px; border:0; font-size:1.2em; color:#636B75; padding:3px 24px 0 12px; margin-bottom:15px; background:url("../images/sidebar-input.gif") left top no-repeat} #subscriberForm .sidebar_input.invalidValue{background-image:url("../images/sidebar-input-invalid.gif") !important} #availabilityForm #concessions1-label, #availabilityForm #concessions1-element{display:none} .floatrightimage {float:right;margin: 0 0 5px 10px;max-width:300px} /*** individual SEARCH FORM ***/ form#availabilityForm{margin-bottom:5px;border:1px solid #ccc;clear:both;height:40px;background:#efefef;} #availabilityForm dd, #availabilityForm dt{margin:0; padding:0; float:left} #availabilityForm dt{padding:12px 3px 0 5px} #availabilityForm #date, #availabilityForm select {border:1px solid #ccc; font-family:tahoma; font-size:12px; line-height:14px; height:15px; padding:3px;} #availabilityForm #date {margin-right:15px;width:150px} #availabilityForm select {height:21px;width:90px;margin-right:5px;} #availabilityForm label{/*margin-top:20px;*/ font-weight:bold; color:#666; font-size:12px; font-family:Tahoma,Geneva,Verdana,Arial,Helvetica,sans-serif} #availabilityForm #Submit, #availabilityForm #date, #availabilityForm select, #availabilityForm input[type=submit] {margin-top:8px} #availabilityForm img.ui-datepicker-trigger{padding:0 3px 0 5px; cursor:pointer} ul.facilitieslist, ul.room_facilities {list-style-type:none;margin-top:5px;clear:both;} ul.facilitieslist li, ul.room_facilities li {border-right:1px solid #FFF; border-top:1px solid #FFF; float:left; font-size:1.1em; font-weight:bold; padding:6px 12px; background-color:#007cb5; color:#FFF; margin:2px;} ul.room_facilities li {background-color: #0499d8;font-size: 0.8em;padding:2px 4px;font-weight: normal;} /*** Rooms ***/ .roomlistwrapper{width:909px; height:auto; margin:auto; } .box_top{background:url(http://cms.bookaccommodationonline.com.au/shared/list/large/images/box_top.png) no-repeat; width:909px; height:8px} .box_bg{background:url(http://cms.bookaccommodationonline.com.au/shared/list/large/images/box_bg.png) repeat-y; width:909px; height:auto; padding-bottom:10px} .box_bottom{background:url(http://cms.bookaccommodationonline.com.au/shared/list/large/images/box_bottom.png) no-repeat; width:909px; height:8px} .inner_conteiner{width:894px; height:auto; margin:auto} .top_conti{width:894px; height:auto; border-bottom:1px solid #df5621; padding-bottom:15px} .roomlistwrapper .top_conti{ border-bottom:none; padding-bottom:0} .top_text_conti{float:left; margin-top:5px} .room_header{font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; padding-bottom:5px} .room_body{font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#666; line-height:18px} .top_button_conti{float:right; width:207px; margin-top:5px; margin-right:20px} /**** -- View Accomm Page -- ****/ .viewpagewrapper {border:1px solid;margin-bottom:8px;background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */} .viewpagewrapper p {padding:0 16px 16px 16px;float:left; width:550px;} .viewpagewrapper div.anythingSlider{float:right; padding:0 15px 40px;} #viewaccommtitle {height:24px;margin-bottom:16px;padding:6px;} #accommPage .ui-widget-header{height:24px; padding:6px;} #accommPage #roomdescriptions {margin-bottom:16px;padding:6px;} #accommPage #map-tab{margin:auto;text-align:center;} /* New */ .rightpagewrapper {border:1px solid;margin-bottom:8px;background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */} .rightpagewrapper p {padding:0 16px 0px 16px;margin-left:4px;} /*** Destinations List ***/ #destinationsList {border: 1px solid #09C;padding: 5px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;} /* form */ input[type="text"], input[type="password"]/*,select, textarea */{ width: 300px; font-size: 18px; font-family: 'lucida grande', helvetica, arial, sans-serif; border: 1px solid #98a0a0; padding: 6px; font-size: 14px; -webkit-user-select: auto; color: #333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); z-index: 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form {margin-left:35px;} .form li{padding:8px;} .form label{width:70px;float:left;font-size:20px;margin-top:4px;} .form input , .form select{width:200px;font-size:20px;padding:4px;} /*view plan page -starts*/ #public-planner-items{float:left;width:570px;} #public-planner-items #planner_days {width:100%;} /*view plan page -ends*/ #public-planner-map{ border: 1px solid black; margin: 15px 0 0 610px; width: 325px;} /* ----------Planner drop down ------------ */ .planneritemouter ,#travelplannerdates,#planneractions,#savedplansouter,#savedPlansTable{border:1px solid;width:327px;padding:2px;margin-bottom:2px;background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */} div.dropdownplanner #planner ul li.widget-content .planneritemlink, #unassigned .planneritemouter .planneritemlink,#unassigned .plannerdetail .planneritemlink{float:left;padding:0;display:table-cell;color:#356aa0;font-size:14px;margin-top:2px;} div.dropdownplanner #planner ul li.widget-content a.removePlannerItem, #unassigned .planneritemouter a.removePlannerItem,#unassigned .plannerdetail a.removePlannerItem,#main #unassignedOuter{float:right;padding:0;width:20px;display:inline;height:20px;padding-top:4px;} #unassigned .planneritemouter .moveUnassigned {margin:2px 8px 0 0;float:right;} .plannerdetail{border:1px solid;width:300px;padding:2px;margin-bottom:2px;} /* -------------- Planner layout ---------------- */ /* Breadcrumb Styles ---------------------------------------------------------------------*/ .breadCrumb { margin: 0; padding: 0; float: left; display: block; height: 21px; overflow: hidden; width: 938px; padding:5px; border:solid 1px #dedede; background:#fff; } .breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block; } .breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(http://cms.bookaccommodationonline.com.au/shared/breadcrumbs/images/Chevron.gif) no-repeat 100% 0; } .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span { display: block; overflow: hidden; } .breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; } .breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(http://cms.bookaccommodationonline.com.au/shared/breadcrumbs/images/IconHome.gif) no-repeat 0 0; } .breadCrumb ul li.first a:hover { background-position: 0 -16px; } .breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(http://cms.bookaccommodationonline.com.au/shared/breadcrumbs/images/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; } li.widget-content div.planneritemouter { width: 150px; padding-top: 5px; } div.boxText { margin-bottom:10px; } h5.step { margin:5px 0px; } /* New */ .rightpagewrapper {border:1px solid;margin-bottom:8px;background: rgb(252,255,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */} .rightpagewrapper p {padding:0 16px 0px 16px;margin-left:4px;} /**** -- List Pages -- ****/ #destinationsheader {height:24px;padding:6px;text-align:center;} #destinationsheader h1 {font-size:18px;color:#fff;} .attractionlistleft { width:650px;float:left; } .attractionlistright{width:300px;float:right;padding-top:35px;} .attractionlistright a{font-size:12px;} .attractionlistright li{padding:6px;} .greenbutton { border-top: 1px solid #0d4d1c; background: #9bd665; background: -webkit-gradient(linear, left top, left bottom, from(#4b9c3e), to(#9bd665)); background: -webkit-linear-gradient(top, #4b9c3e, #9bd665); background: -moz-linear-gradient(top, #4b9c3e, #9bd665); background: -ms-linear-gradient(top, #4b9c3e, #9bd665); background: -o-linear-gradient(top, #4b9c3e, #9bd665); padding: 1px 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 16px; font-weight:bold; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .greenbutton:hover { border-top-color: #28597a; background: #28597a; color: #ccc; } .greenbutton:active { border-top-color: #1b435e; background: #1b435e; } #mapinner{clear:both;padding:6px;} .attractionlistright .ui-widget{width:250px;} /* |-------------------------------------------------------------------------- | UItoTop jQuery Plugin 1.1 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ |-------------------------------------------------------------------------- */ #toTop { display:none; text-decoration:none; position:fixed; bottom:40px; right:1px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(http://cms.bookaccommodationonline.com.au/shared/images/ui.totop.png) no-repeat left top; *background:url(http://cms.bookaccommodationonline.com.au/shared/images/ui.totop2.png) no-repeat left top; z-index: 9999; } #toTopHover { background:url(http://cms.bookaccommodationonline.com.au/shared/images/ui.totop.png) no-repeat left -51px; *background:url(http://cms.bookaccommodationonline.com.au/shared/images/ui.totop2.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* styles for the unit rater --------------------------------------------------------- ryan masuga, masugadesign.com ryan@masugadesign.com Licensed under a Creative Commons Attribution 3.0 License. http://creativecommons.org/licenses/by/3.0/ See readme.txt for full credit details. --------------------------------------------------------- */ .ratingblock { display:block; border-bottom:1px solid #999; padding-bottom:8px; margin-bottom:8px; } .unit-rating { /* the UL */ list-style:none; margin: 0px; padding:0px; height: 15px; position: relative; /*background: url(http://cms.bookaccommodationonline.com.au/shared/images/stars30.png) top left repeat-x; */ } .unit-rating li{ text-indent: -90000px; padding:0px; margin:0px; background: url(http://cms.bookaccommodationonline.com.au/shared/images/stars15.png) top left repeat-x; /*\*/ float: left; /* */ } .unit-rating li a { outline: none; display:block; width:15px; height: 15px; text-decoration: none; text-indent: -9000px; /*z-index: 20;*/ position: absolute; padding: 0px; } .unit-rating li a:hover{ background: url(http://cms.bookaccommodationonline.com.au/shared/images/stars15.png) left center; z-index: 2; left: 0px; } .unit-rating a.r10-unit{left: 0px;} .unit-rating a.r10-unit:hover{width:15px;} .unit-rating a.r20-unit{left:15px;} .unit-rating a.r20-unit:hover{width: 30px;} .unit-rating a.r30-unit{left: 30px;} .unit-rating a.r30-unit:hover{width: 45px;} .unit-rating a.r40-unit{left: 45px;} .unit-rating a.r40-unit:hover{width: 60px;} .unit-rating a.r50-unit{left: 60px;} .unit-rating a.r50-unit:hover{width: 75px;} .unit-rating a.r6-unit{left: 75px;} .unit-rating a.r6-unit:hover{width: 90px;} .unit-rating a.r7-unit{left: 90px;} .unit-rating a.r7-unit:hover{width: 210px;} .unit-rating a.r8-unit{left: 210px;} .unit-rating a.r8-unit:hover{width: 240px;} .unit-rating a.r9-unit{left: 240px;} .unit-rating a.r9-unit:hover{width: 270px;} .unit-rating a.r10-unit{left: 270px;} .unit-rating a.r10-unit:hover{width: 300px;} .unit-rating li.current-rating { background: url(http://cms.bookaccommodationonline.com.au/shared/images/stars15.png) left bottom; position: absolute; height: 15px; display: block; text-indent: -9000px; z-index: 1; } #searchAccommForm #commencing{cursor:pointer;background:#FCFFF4 url(http://cms.bookaccommodationonline.com.au/shared/images/calendar.png) 160px 5px no-repeat transparent;} /* ============ new search results ================== */ /* .searchresultswrapper main{margin:0 auto; width:850px; padding:15px 0;} .searchresultswrapper .header{ width:850px; float:left; padding:15px 0;} .searchresultswrapper .header_content{width:590px; float:left; padding:0 30px 0 0} .searchresultswrapper .header_content .img_holder{ width:120px; float:left; padding:10px 0 0 0} .searchresultswrapper .header_content .img_content{width:470px; float:left;} .searchresultswrapper .header_content .img_content .img_title { width:350px; float:left; font-size:22px; color:#a99e9e;} .searchresultswrapper .header_content .img_content .img_stars{ width:120px; float:left;} .searchresultswrapper .header_content .img_content .text_holder{width:470px; float:left; padding:0 0 0 0;} .searchresultswrapper .thumb_holder{width:590px; float:left; padding:15px 0 0 0;} .searchresultswrapper .thumb_holder .thumb_img_holder{ width:450px; float:left;} .searchresultswrapper .thumb_holder .thumb_img_holder img{ border:1px solid #499eb3; width:40px;height:40px;} .searchresultswrapper .thumb_holder .thumb_img_holder a{padding:0 10px 0 0;} .searchresultswrapper .thumb_holder .thumb_link{width:140px; float:left; padding:5px 0 0 0;} .searchresultswrapper .thumb_holder .thumb_link a{color:#668dfb; text-decoration:underline;} .searchresultswrapper .booknow_holder{ width:160px; margin-left:20px;float:right; background:#4479af; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#fff; font-size:16px; text-align:center; padding:10px 0;} .searchresultswrapper .booknow_holder:hover {background:#fe9d25;} .searchresultswrapper .booknow_holder strong{font-size:24px;} .searchresultswrapper .booknow_holder a{color:#fff; text-decoration:none;} .searchresultswrapper .booknow_holder a:hover{color:#fff; } */ .nyroModalDom .table_container{ width:860px; float:left; font-size:14px; margin-bottom:6px;} .nyroModalDom .table_container .heading{ width:840px; height:33px; float:left; background:url(http://cms.bookaccommodationonline.com.au/shared/list/images/heading.jpg) repeat-x; border:1px solid #d07300;color:#376ca2; } .nyroModalDom .table_container .heading .text1{ width:105px; float:left; border-right:1px solid #d07300; text-align:center; padding:9px 0;} .nyroModalDom .table_container .heading .text2{ width:340px; float:left; border-right:1px solid #d07300; padding:9px 0 9px 15px;} .nyroModalDom .table_container .heading .text2 span{color:#ff0000;} .nyroModalDom .table_container .heading .text3{ width:95px; float:left; border-right:1px solid #d07300; text-align:center; padding:9px 0;} .nyroModalDom .table_container .heading .text4{ width:194px; float:left; text-align:center; padding:3px 0 0 0;} .nyroModalDom .text_holder{ width:840px; height:33px; float:left; background:url(http://cms.bookaccommodationonline.com.au/shared/list/images/bg-content.jpg) repeat-x; border:1px solid #dee0ca;color:#376ca2; } .nyroModalDom .text_holder .text1{ width:105px; float:left; border-right:1px solid #dee0ca; text-align:center; padding:9px 0;} .nyroModalDom .text_holder .text2{ width:340px; float:left; border-right:1px solid #dee0ca; padding:9px 0 9px 15px;} .nyroModalDom .text_holder .text2 span{color:#ff0000;} .nyroModalDom .text_holder .text3{ width:95px; float:left; border-right:1px solid #dee0ca; text-align:center; padding:9px 0;} .nyroModalDom .text_holder .text4{ width:174px; float:left; text-align:center; padding:3px 0 0 0;} /* ============== new layout for accomm page =================== */ .rightcolumn {width:680px; float:left;margin: 0 5px;-moz-border-radius: 10px; border-radius: 10px; } .rightcolumninner { padding:5px;} #viewaccommtitle {height:28px;margin-bottom:16px;padding:6px;-moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;} #viewaccommtitle h3 {font-size: 24px; font-weight: bold; color: #FFF;} #facilities h4.featurename {display: block; clear: left; float: left; width: 18%; padding: 0.8em 2% 10px 0; margin: 0 0 0 15px; border-top: 1px solid #fff; border-bottom: none;} #facilities p{display: block; float: left; width: 60%; margin: 0; padding: 1.25em 0 12px; border-top: 1px solid #fff;} .viewpagesingleimage { float:right; margin:0 8px 8px 8px; } .viewpagesingleimage img {-moz-border-radius: 4px; border-radius: 4px; } /**** button bar used in hc results *****/ .button, .buttonbar a { cursor: pointer; text-decoration: none; display: inline-block; position: relative; color: #4679bd; background-repeat: repeat-x; background-color: #ededed; background-image: -moz-linear-gradient(top, #ededed 0%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cccccc)); background-image: -webkit-linear-gradient(top, #ededed 0%,#cccccc 100%); background-image: -o-linear-gradient(top, #ededed 0%,#cccccc 100%); background-image: -ms-linear-gradient(top, #ededed 0%,#cccccc 100%); background-image: linear-gradient(top, #ededed 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 ); text-shadow: 0 1px 0 rgba(255, 255, 255, .6); padding: 0 16px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px rgba(255,255,255, .8), inset 1px 0 rgba(255,255,255, .4), inset -1px 0 rgba(255,255,255, .4); -moz-box-shadow: inset 0 1px rgba(255,255,255, .8), inset 1px 0 rgba(255,255,255, .4), inset -1px 0 rgba(255,255,255, .4); box-shadow: inset 0 1px rgba(255,255,255, .8), inset 1px 0 rgba(255,255,255, .4), inset -1px 0 rgba(255,255,255, .4); -webkit-transition: .08s ease box-shadow, .2s linear background-position; -moz-transition: .08s ease box-shadow, .2s linear background-position; transition: .08s ease box-shadow, .2s linear background-position; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-background-clip: border; background-clip: border; -moz-outline: none; outline: none; } .button:hover, .buttonbar a:hover { background-position: 0 15px; } .button:active, .buttonbar a:active, .buttonbar a.active { background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #e1e1e1 0%, #c1c1c1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#c1c1c1)); background-image: -webkit-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%); background-image: -o-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%); background-image: -ms-linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%); background-image: linear-gradient(top, #e1e1e1 0%,#c1c1c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#c1c1c1',GradientType=0 ); -webkit-box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4); -moz-box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4); box-shadow: inset 0 0px 10px rgba(0,0,0, .2), inset 0 0px 1px rgba(0, 0, 0, .4); } /* -------------- Button Bar-------------- */ .buttonbar:before, .buttonbar:after { display: table; content: ""; zoom: 1; *display: inline; } .buttonbar:after { clear: both; } .buttonbar { zoom: 1; } .buttonbar a{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none; border-right: none; font-weight: bold; font-size:14px; } .buttonbar a:hover{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none; border-right: none; font-weight: bold; color:#FFF; } .buttonbar a.spacer{ margin-left: 8px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .buttonbar a.start { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .buttonbar a.end { border-right: 1px solid rgba(0, 0, 0,.15); -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .buttonbar li { float: left; } a.green { color: #e8f0de; border: solid 1px #538312; background-color: #7db72f; background-image: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background-image: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.green:active, a.green.active { background-color: #4e7d0e; background-image: none; } /** button stuff **/ /* -------------- Icons -------------- */ a.button.icon:before { content: ""; position: absolute; width: 30px; height: 100%; top: 0; left: 0%; -webkit-border-radius: 2em / 5px 3em 3em 5px; -moz-border-radius: 2em / 5px 3em 3em 5px; border-radius: 2em / 5px 3em 3em 5px; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from( rgba(0,0,0,.05) ), to( rgba(0,0,0,.15) )), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAzBJREFUeNqkU1toFFcY/mbm7OxkdyfJ5rp2zZoLkdTS2ICJLViMtElN pA2IoqCoNaaXvAmCtEKqtH3uQx5Sby9SkVIoTdNCCq0SEiXZtDFKXIMazN3c9pLLzuxcdqb/bPLS 557hezjM+b7zne87h4s8GYMzBEGAYBvgsvyBVSnYDkNt4lemSmDqLju3OG7Kgb9lM3GNrc3cTepp gONgmiaYQ7ZtEkhr0PMr2jSTdeX0fSfkT/fAa00AlgKdL8lLyHUVsbfbjymh6h73QuSkoafWHC73 NDIG29CA4OtXuHisY/sPLfCp/9Cc/mYTeEKSsEJay8B0ww1s1LeO25OPD+i6tsDUZBLeYOWHzEh1 BL9vgFt+CrxLBJcjT9AJPsI20ooDpT+fwxwTqlb3nekUJ0aO8hbHwPL8lwp/uQy3ReS6LaK0hZ1t QNMjgFUAIs1rgYLuC5BXnh0RCksO8VmB0H7fZGSvO3ILqKQFi04oBCcdLyHYDGRVA+93k6uCjIhb jMLT/yNtXPgRE3MKTonjvRDWE8BrO4G3ztMiykQ0gfQ6YJiZliC9ATQ/AP4kQeEFhJl+uA21ltEJ yqHEN8+aXQXs+Az/HRYh7RRNWZDFd7qAgQbw6gzslJHH0in7WdqTX6+SgG/6MRC+QruRA4lINjmQ 3yRnn29qRSPAb63QokCqtBycyEWZsjJ9Ky+055MExSyNTYLNXN6sz0neQzjYu0mOU5A3DxAzjqUF aqS+EZbkG+I3ll/d10Jl/cLe05ij+lGw1YJBiBEe/U53YJTILYAZR4JC3kAJpPdaEH050c3zaRPz E1PfeD+9CK24Di9vE0ndEqCTYKAT6Kqh40whPgk8vwcEvuhEQi66oyzN/cENh8PQVAVyqPLLslzv t0tfHYcy0As/3US5iKxSnQo5ic6SXlY2yr6+g42aD0amRsINbpHFuPDQUMax4tzI7aUnysvLrpp9 v3rX//oJ+tJDWJYK5imFp7oR8uGPsSz6b8+PDp6VRJcuMBcyApmyLAsGvQlbkPyBXbvbsj2smVPU HTY4F30xzeUdnh8fv55cnB305cj0GDmCAM52nuL/GP8KMAAU+jhvo8JwKgAAAABJRU5ErkJggg==); background-repeat: repeat, no-repeat; background-position: top center, center center; -webkit-box-shadow:inset -1px 0 3px rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .3); -moz-box-shadow:inset -1px 0 3px rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .3); box-shadow:inset -1px 0 3px rgba(0, 0, 0, .1), 1px 0 0 rgba(255, 255, 255, .3); } a.button.icon { padding-left: 40px; } a.button.icon.plus:before { background-image:-webkit-gradient(linear, 50% 0, 50% 100%, from( rgba(0,0,0,.05) ), to( rgba(0,0,0,.15) )),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAatJREFUeNqkU71KA0EQ/vaiib+lWCiordidpSg+QHwDBSt7n8DGhwhYCPoEgqCCINomARuLVIqgYKFG5f6z68xOzrvzYuXA3P7MzLffN7unjDH4jw3xx91bQXuxU4woNDjUX7VgsFOIH3/BnHgC0J65AzwFjDpZgoG7vb7lMsPDq6MiuK+B+kjGwFpCUjwK1DIQ3/dl0ssVh5TTM0UJP8aBgBKGleSGIWyP0oKYRm3KPSgYJ0Q0EpEgCASA2WmWZQY3kazBmjP9UhBFEbTWAgA0f9W2yHeG+vrd+tqGy5r5xNTT9erSqpvfdxwHN7fXOQZ0QhzH1oWArLsfXXieJ/KTGEZLcbVaTVn9ALTOLk9L+mYX5lxd0Xh6eGyVgspK6APwI8n3x9hmNpORJOuBo5ah8GcTc7dAHmkhNpYQlpHr47Hq2NspA1yEwHkoO/MVYLMmWJNarjEUQBzQw7rPvardFC8tZuOEwwB4p9PHqXgCdm738sUDJPB8mnwKj7qCTtJ527+XyAs6tOf2Bb6SP0OeGxRTVMp2h9nweWMoKS20l3+QT/vwqfZbgAEAUCrnlLQ+w4QAAAAASUVORK5CYII=); background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAatJREFUeNqkU71KA0EQ/vaiib+lWCiordidpSg+QHwDBSt7n8DGhwhYCPoEgqCCINomARuLVIqgYKFG5f6z68xOzrvzYuXA3P7MzLffN7unjDH4jw3xx91bQXuxU4woNDjUX7VgsFOIH3/BnHgC0J65AzwFjDpZgoG7vb7lMsPDq6MiuK+B+kjGwFpCUjwK1DIQ3/dl0ssVh5TTM0UJP8aBgBKGleSGIWyP0oKYRm3KPSgYJ0Q0EpEgCASA2WmWZQY3kazBmjP9UhBFEbTWAgA0f9W2yHeG+vrd+tqGy5r5xNTT9erSqpvfdxwHN7fXOQZ0QhzH1oWArLsfXXieJ/KTGEZLcbVaTVn9ALTOLk9L+mYX5lxd0Xh6eGyVgspK6APwI8n3x9hmNpORJOuBo5ah8GcTc7dAHmkhNpYQlpHr47Hq2NspA1yEwHkoO/MVYLMmWJNarjEUQBzQw7rPvardFC8tZuOEwwB4p9PHqXgCdm738sUDJPB8mnwKj7qCTtJ527+XyAs6tOf2Bb6SP0OeGxRTVMp2h9nweWMoKS20l3+QT/vwqfZbgAEAUCrnlLQ+w4QAAAAASUVORK5CYII=); } a.button.icon.cross:before { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from( rgba(0,0,0,.05) ), to( rgba(0,0,0,.15))), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcJJREFUeNqkUz1PAkEQfStggjESejU0GozlGqn8SGywkYIYY0IsaLCwIBTQUN5fMLGm8S8QSWwslVAYjAlUBEJDhCgWwp3nzN6eHqIVl8zN7rx5b+dm9oRt25jlmcOMj59f10JAkPcBcXIGWdECyqYn6TfGdZ9S9d4K4gQYx4WCtJzE+G/sKJudwpQABUGnGSf5vKzX60jmctL8SYzz+iCdls1mEzuplMIsLSC4iSUh1ClUlpHIZGStVkM0GsVNqVRlIJZIyG63i1AohMdKpUrZRQqXz4j7LWA7VSiR/WRSNhsNRRgOh+i02wgGg3hrtRSZelLmI6cExs7nKJGVtTX50uupMn0+H157PUWmZpYDXLoWUFPo6MC87jivx4MBFtxOWZYS11VipNdT98DWDVsPh2XQNLFIMdc4xpg9OZ3JMdIpRowSXVKt36+yuXvGxn+N0XS+3zj0kG+JSPEi261H5FCLmN9lUyNWyZ+Qag54eA6Hbfa8j1A88g+2qrlqCkKIZdovbAG7m8D5E3B5D9xR7IPsk/u7DextABd14OrBwd6J23YFligQ0IPwXE7lbedXUAPya5yHMiLuq5j1d/4SYAAj3NATBGE4PgAAAABJRU5ErkJggg==); background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcJJREFUeNqkUz1PAkEQfStggjESejU0GozlGqn8SGywkYIYY0IsaLCwIBTQUN5fMLGm8S8QSWwslVAYjAlUBEJDhCgWwp3nzN6eHqIVl8zN7rx5b+dm9oRt25jlmcOMj59f10JAkPcBcXIGWdECyqYn6TfGdZ9S9d4K4gQYx4WCtJzE+G/sKJudwpQABUGnGSf5vKzX60jmctL8SYzz+iCdls1mEzuplMIsLSC4iSUh1ClUlpHIZGStVkM0GsVNqVRlIJZIyG63i1AohMdKpUrZRQqXz4j7LWA7VSiR/WRSNhsNRRgOh+i02wgGg3hrtRSZelLmI6cExs7nKJGVtTX50uupMn0+H157PUWmZpYDXLoWUFPo6MC87jivx4MBFtxOWZYS11VipNdT98DWDVsPh2XQNLFIMdc4xpg9OZ3JMdIpRowSXVKt36+yuXvGxn+N0XS+3zj0kG+JSPEi261H5FCLmN9lUyNWyZ+Qag54eA6Hbfa8j1A88g+2qrlqCkKIZdovbAG7m8D5E3B5D9xR7IPsk/u7DextABd14OrBwd6J23YFligQ0IPwXE7lbedXUAPya5yHMiLuq5j1d/4SYAAj3NATBGE4PgAAAABJRU5ErkJggg==); } a.button.icon.document:before { background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from( rgba(0,0,0,.05) ), to( rgba(0,0,0,.15))), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgFJREFUeNp8k89LFGEYx7/zI0RsiCFU1DoG4VIH8bDFCrKdPHQIor/BUychCFRYOnQLIkjoZmyn6B4LiiDiQW3ayoQEL+Jo6ea6K607875vz/PurDuN2z7w7PvuPPP9vN/nfec1Hs7MgMMwjPs0DKBzLEgpt6UQUEpha3kZNk84aBycn52dq1Mx4JQSgmrNuud5mC8UJnktyh/87GYmA5NpURqSRUGgs16r4c/pKarVKiqVih7f53Jz9N490t5oWrIFiaMwGG3S7yXLapkOQ4QELpVKeJXPIzs8/PplPj9NlWcaIFsAk8WmxuACJJvN6nYcx8FHz/t97iCMO4gB2kHYiZ5Su60WqJBsIR5JCC9CmraARgumCUQrtYNYDYDZaiEGOHfQAWLRGP4HoPdA70PDzwXIk81pFE++YffWr0fOsftCyIBaoDNPOmBZO0jx6AtG745ic/fdtZLjU0kkWmAHdFRJyOPVKWwcFfl7RVmUoc6kIbvEGv1dt8u+j57e3n9OQSYgn/Y/wx27qlc5DA+ReXBniKZDix8WYG8vLeF6Oo1u17WjjdCiOGTkym1sFDwNCMaBrbff98Kuuk+3Yp2fdVP29afTORULAighpaKPR9HlUnTJ1MibjBrcSSnrqbvHGtbaTcDJwcHx5VTqeae7fJbyJ+RKrR8/1dcIEP4VYADvWB7N5+GLfwAAAABJRU5ErkJggg==); background-image: -moz-linear-gradient(top, rgba(0,0,0,.05) 0%, rgba(0,0,0,.15) 100%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAzBJREFUeNqkU1toFFcY/mbm7OxkdyfJ5rp2zZoLkdTS2ICJLViMtElN pA2IoqCoNaaXvAmCtEKqtH3uQx5Sby9SkVIoTdNCCq0SEiXZtDFKXIMazN3c9pLLzuxcdqb/bPLS 557hezjM+b7zne87h4s8GYMzBEGAYBvgsvyBVSnYDkNt4lemSmDqLju3OG7Kgb9lM3GNrc3cTepp gONgmiaYQ7ZtEkhr0PMr2jSTdeX0fSfkT/fAa00AlgKdL8lLyHUVsbfbjymh6h73QuSkoafWHC73 NDIG29CA4OtXuHisY/sPLfCp/9Cc/mYTeEKSsEJay8B0ww1s1LeO25OPD+i6tsDUZBLeYOWHzEh1 BL9vgFt+CrxLBJcjT9AJPsI20ooDpT+fwxwTqlb3nekUJ0aO8hbHwPL8lwp/uQy3ReS6LaK0hZ1t QNMjgFUAIs1rgYLuC5BXnh0RCksO8VmB0H7fZGSvO3ILqKQFi04oBCcdLyHYDGRVA+93k6uCjIhb jMLT/yNtXPgRE3MKTonjvRDWE8BrO4G3ztMiykQ0gfQ6YJiZliC9ATQ/AP4kQeEFhJl+uA21ltEJ yqHEN8+aXQXs+Az/HRYh7RRNWZDFd7qAgQbw6gzslJHH0in7WdqTX6+SgG/6MRC+QruRA4lINjmQ 3yRnn29qRSPAb63QokCqtBycyEWZsjJ9Ky+055MExSyNTYLNXN6sz0neQzjYu0mOU5A3DxAzjqUF aqS+EZbkG+I3ll/d10Jl/cLe05ij+lGw1YJBiBEe/U53YJTILYAZR4JC3kAJpPdaEH050c3zaRPz E1PfeD+9CK24Di9vE0ndEqCTYKAT6Kqh40whPgk8vwcEvuhEQi66oyzN/cENh8PQVAVyqPLLslzv t0tfHYcy0As/3US5iKxSnQo5ic6SXlY2yr6+g42aD0amRsINbpHFuPDQUMax4tzI7aUnysvLrpp9 v3rX//oJ+tJDWJYK5imFp7oR8uGPsSz6b8+PDp6VRJcuMBcyApmyLAsGvQlbkPyBXbvbsj2smVPU HTY4F30xzeUdnh8fv55cnB305cj0GDmCAM52nuL/GP8KMAAU+jhvo8JwKgAAAABJRU5ErkJggg==); } /*** colore ***/ a.blue { color: white; border: solid 1px #0078a5; background-color: #00adee; background-image: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background-image: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.blue:active, a.blue.active { background-color: #0078a5; background-image: none; } a.green { color: #e8f0de; border: solid 1px #538312; background-color: #7db72f; background-image: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background-image: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.green:active, a.green.active { background-color: #4e7d0e; background-image: none; } a.orange { color: #fff; border: solid 1px #da7c0c; background-color: #faa51a; background-image: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background-image: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.orange:active, a.orange.active { background-color: #e27627; background-image: none; } a.red { color: #fff; border: 1px solid #B50000; background-color: #ff3019; background-image: -moz-linear-gradient(top, #ff3019 0%, #BC0000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#BC0000)); background-image: -webkit-linear-gradient(top, #ff3019 0%,#BC0000100%); background-image: -o-linear-gradient(top, #ff3019 0%,#BC0000100%); background-image: -ms-linear-gradient(top, #ff3019 0%,#BC0000100%); background-image: linear-gradient(top, #ff3019 0%,#BC0000100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#BC0000',GradientType=0 ); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .4), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.red:active, a.red.active { background-color: #C40000; background-image: none; } a.black { color: #f4f4f4; border: 1px solid #111; background-color: #434343; background-image: -moz-linear-gradient(top, #434343 0%, #1e1e1e 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#1e1e1e)); background-image: -webkit-linear-gradient(top, #434343 0%,#1e1e1e 100%); background-image: -o-linear-gradient(top, #434343 0%,#1e1e1e 100%); background-image: -ms-linear-gradient(top, #434343 0%,#1e1e1e 100%); background-image: linear-gradient(top, #434343 0%,#1e1e1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#1e1e1e',GradientType=0 ); text-shadow: 0 -1px 0 rgba(0, 0, 0, .8); -webkit-box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); -moz-box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); box-shadow: inset 0 1px rgba(255,255,255, .3), inset 1px 0 rgba(255,255,255, .1), inset -1px 0 rgba(255,255,255, .1); } a.black:active, a.black.active { background-color: #222; background-image: none; } .buttonbar a.orange, .buttonbar a.green, .buttonbar a.blue { border-right: none; } .searchbuttonwrapper {margin:0 28px 3px} /* SEARCH FORM */ #siteSearch {width:300px} #searchform { margin:50px 200px; font-size:18px; } #searchform div { color:#eeeeee; } #searchform div input { font-size:18px; padding:5px; width:320px; } #suggestions{left:0px; width:310px; margin-top:40px; z-index:10000; display:none;clear:both; } /* SEARCHRESULTS */ #searchresults {z-index:10000; position:absolute; border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; } #searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; } #searchresults a:hover { background-color:#b7b7b7; color:#ffffff; } #searchresults a img { float:left; padding:5px 10px; } #searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; } #searchresults a:hover span.searchheading { color:#ffffff; } #searchresults a span { color:#555555; } #searchresults a:hover span { color:#f1f1f1; } #searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; } #searchresults span.seperator { float:right; padding-right:15px; margin-right:5px; background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; } #searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; } #accommLoader { background: url(http://cms.bookaccommodationonline.com.au/shared/images/ajax-div-loader.gif) no-repeat center; padding-top:6px; color: white; font-size:1.3em; position: fixed; text-align: center; bottom: 0; background-color: black; width: 100%; clear: both; height: 70px; } #footer_menu { clear: left; } #footer { height: auto !important; } i.icon-plus-sign { background-position: 0 -96px; } i.icon-map-marker{background-position: -24px -72px;} i.icon-calendar{background-position:-192px -120px;}/* Website: Barossa Valley Accomodation Description: general theme */ /* ======================================== Generic elements ================================================================= */ body{ margin:0px; padding:0px;font-family:Arial,Verdana,Helvetica,sans-serif; font-size:13px; color:#646464;background:#47e7fe url(/themes/tasmania/images/wrapper-bg.gif) repeat-x left top;} h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal} p{line-height:17px} ul,ol { list-style: none; } a{color:#065480; text-decoration:none} a:hover{color:#9cbf25; text-decoration:none} a img{border:0} .clear{ clear:both;} #wrapper:after,#header:after,#middle:after, #footer:after, .middle-section:after, .content:after, .data:after, .section:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; } /* \*/ * html #header{height:1px} /* */ /* \*/ * html #middle{height:1px} /* */ /* \*/ * html .middle-section{height:1px} /* */ /* \*/ * html #footer{height:1px} /* */ /* \*/ * html .content{height:1px} /* */ /* \*/ * html .data{height:1px} /* */ /* \*/ * html .section{height:1px} /* */ .colleft{float:left; width:auto } .colright{float:right;width:auto} .right{text-align:right} .center{text-align:center} .content{width:1000px;margin:auto;text-align: center;} .data{width:100%;} .floatright{float:right;} h1{font-size:26px; color:#333; font-weight:bold; padding:0px 0px 10px; letter-spacing:-1px} h2{font-size:22px; font-weight:bold; padding:0 0 5px;} h2, h2 a{ color:#333} h2 span, h2 a span{ color:#9cbf25} h3{font-size:18px; } h4{font-size:16px; color:#065480; font-weight:bold } h5{font-size:12px; font-weight:bold;} body{ margin:0px; padding:0px;font-family:Arial,Verdana,Helvetica,sans-serif; font-size:13px; color:#646464;background:#bff4fe url(/themes/tasmania/images/wrapper-bg.gif) repeat-x left top;} #wrapper{ width:100%; margin:0 auto 20px;} #middle{width:970px;background:#fff; padding:15px 5px 0; margin:auto;min-height:400px;padding-bottom: 110px;} /* ======================================== Header ========================================================== */ #header-container{ width:100%;background:url(/themes/tasmania/images/header-bg.gif) repeat-x left top } #header{ width:980px; padding:0px; margin:0 auto; } /* ---------------- Header Logo -------------- */ #logo{ float:left;width:350px; text-align:center; height:72px;margin:0px 0; padding:0px 15px 20px; background:url(/themes/tasmania/images/logo-bg.gif) no-repeat 0 0 } .header-right{width:555px; float:right;} .btn-login{background:url(/themes/tasmania/images/login-btn.gif) no-repeat left top; width:70px; height:24px; display:block; position:absolute!important; margin:0 0 0 436px; color:#fff; padding:2px 0 0 26px} /* ---------------- navigation -------------- */ ul.navigation { /*position:absolute!important;width:645px;*/ margin:50px 15px 0 -85px;padding:0; font-size:12px ; float:right;} ul.navigation li {display:inline;margin:0px; padding:0px; font-size:13px } ul.navigation a {float:right;width:auto;margin:0 2px 0 0;padding:0 0 0 15px; color:#000; text-decoration:none ;background:url("/themes/tasmania/images/menu-left.gif") no-repeat 0 0; } ul.navigation a span {float:left;width:auto; cursor:pointer;display:block;font-weight:bold; padding:7px 15px 7px 0px; background:url("/themes/tasmania/images/menu-right.gif") no-repeat 100% 0; color:#000;} ul.navigation li a:hover, ul.navigation li a.selected,ul.navigation li a.selected:hover{ background-position:0 -30px; color:#fff;text-decoration:none} ul.navigation li a:hover span,ul.navigation li a.selected span,ul.navigation li a.selected:hover span{ background-position:100% -30px; color:#fff;} /* ---------------- Top Links -------------- */ /* ul.top-links{ float:right; padding:11px 0 0 ;width:auto} ul.top-links li{ float:left;padding:0 0 0 50px; width:auto} ul.top-links li a{ display:block; float:left;width:auto; padding:0px; height:88px; font-size:0px; text-indent:-9999px } ul.top-links li a.attraction{ width:93px;height:88px; background:url(/themes/tasmania/images/m-attraction.gif) no-repeat left top;} ul.top-links li a.attraction:hover{ background:url(/themes/tasmania/images/m-attraction-ov.gif) no-repeat left top;} ul.top-links li a.wineries{ width:93px;height:88px; background:url(/themes/tasmania/images/m-wineries.gif) no-repeat left top;} ul.top-links li a.wineries:hover{ background:url(/themes/tasmania/images/m-wineries-ov.gif) no-repeat left top;} ul.top-links li a.accommodation{ width:129px;height:88px; background:url(/themes/tasmania/images/m-accommodation.gif) no-repeat left top;} ul.top-links li a.accommodation:hover{background:url(/themes/tasmania/images/m-accommodation-ov.gif) no-repeat left top;} ul.top-links li a.eatingout{ width:87px;height:90px; background:url(/themes/tasmania/images/m-eatingout.gif) no-repeat left top;} ul.top-links li a.eatingout:hover{ height:90px; background:url(/themes/tasmania/images/m-eatingout-ov.gif) no-repeat left top;} /* =================================== Middle Container Structure =============================================== */ #container{ width:980px; padding:0px; margin:0px auto; } #container .obot{height:40px;} #middle{width:970px;background:; padding:15px 5px 0;background: #fff url(/themes/tasmania/images/background.jpg) no-repeat center bottom; margin-bottom:25px; } #main{padding:0 15px;} #preface{margin-bottom:10px;} #right-sidebar{ float:left;width:210px;margin-left:10px;} .footerspacer{background:#fff;width:980px; } /* ---------------- slideshow -------------- */ #middle .slideshow{ width:966px;padding:7px; margin:0px; height:274px; background:#fff} #middle .slideshow img{ display:block} /* ---------------- middle-section -------------- */ .middle-section{ width:100%;margin-top:35px} #left-sidebar{ float:left;width:192px;padding:0px;} #right-sidebar{ float:left;width:192px;padding:0px} /* =================================== left-sidebar ==================================================== */ /* ---------------- navBox -------------- */ .navBox{ width:192px; background:url(/themes/tasmania/images/nav-bot.gif) no-repeat left bottom; padding:0 0 6px} .navBox .ntop{ background:url(/themes/tasmania/images/nav-top.gif) no-repeat left top; height:6px; font-size:0px } .navBox .content{border-left:1px solid #dfdcdc;border-right:1px solid #dfdcdc; width:190px} .nav-links { width:100%} .nav-links li{ width:100%; float:left;padding:0; background:url(/themes/tasmania/images/nav-bg.gif) repeat-x left bottom } .nav-links li a{float:left; width:auto; display:block; font-size:12px; font-weight:bold;background:url(/themes/tasmania/images/bullet-gray.gif) no-repeat 8px 8px; padding:7px 0px 7px 26px; } .nav-links li a:hover{background:url(/themes/tasmania/images/bullet-blue.gif) no-repeat 8px 8px;} /* ========================================= Middle ================================================================ */ .featuredBox{} .featuredBox a.featuredItem{background:url(/themes/tasmania/images/down.gif) no-repeat 100% 20px;display: block; padding:15px 0px 2px;position: relative;} .featuredBox a.featuredItem:hover{ color:#333!important; background:url(/themes/tasmania/images/down.gif) no-repeat 100% 20px;} .featuredBox a.featuredItemup{background:url(/themes/tasmania/images/up.gif) no-repeat 100% 20px;padding:15px 0px 2px;display: block;position: relative; } .featuredBox a.featuredItemup:hover{ color:#333!important;background:url(/themes/tasmania/images/up.gif) no-repeat 100% 20px;} h2.featuredListheader {color:#9cbf25} h2.featuredListheader a {color:#065480} /* ---------------- featuredList -------------- */ .featuredList{width:100%;padding:0px; margin:0px; } .feature-data{width:auto;padding:15px 0px 10px; float:left; margin-bottom:0px; border-bottom:1px solid #e4e4e4 } .feature-data .col1,.feature-data .col2,.feature-data .col3, .feature-data .doublecolumn{float:left; padding:0px 8px 0px 0px;width:auto } #panes h4, #panes h3, #panes h2, #panes a {color: #84bd1b;} #panes a.moreinfo {color:#FFFFFF; !important} /*col1+col2+col3:754px;*/ .feature-data .col1{width:155px;} .feature-data .col2{width:420px} .feature-data .col3{width:118px; } .feature-data .col4{width:80px;float:right;} .feature-data .col4 h4{font-size:12px;} .feature-data .doublecolumn{width:568px;} .feature-data .col1 img, .discovery_results_provider_info_image_cell img {padding:4px; border:1px solid #e2e2e2; background:#FFFFFF} .feature-data .col2 h3, .feature-data .doublecolumn h3{color:#09C;font-size:18px; font-weight:normal; border:none; background:none; margin-bottom:5px; display:block;} .feature-data .col1 .view img{border:0px; vertical-align:middle; background:none;} .feature-data p{margin-bottom:8px;} .feature-data span.price{font-size:27px; font-weight:bold; color:#0d5e8b;} .feature-data .col3 strong{ padding-bottom:5px; display:block} .feature-data .moreinfo, .infowindow .moreinfo{background:url(/themes/tasmania/images/more-info.png) no-repeat 0 0; height:29px; color:#FFFFFF; font-weight:bold; line-height:30px; display:block; padding:0 0 0 10px} .feature-data .moreinfo:hover, .infowindow .moreinfo:hover{background:url(/themes/tasmania/images/more-info.png) no-repeat 0 -29px; color:#fff } .infowindow .moreinfocontainer {width:100px;margin-left:30px; } /* ---------------- login button -------------- */ ul#topnav .dropdownplanner .login-btn {cursor:pointer;padding-right:24px;line-height:25px;vertical-align:middle;display:block;display:inline-block;background:url(/themes/tasmania/images/button2.gif) no-repeat right top; margin:5px 5px; 0; height:25px; } ul#topnav .dropdownplanner .login-btn span{height:25px;padding-left:12px;line-height:25px;font-size:12px;color:#fff;font-weight:bold;display:block; display:inline-block;background:url(/themes/tasmania/images/button2.gif) no-repeat left top; } ul#topnav .dropdownplanner .login-btn:hover{background-position:100% -25px;} ul#topnav .dropdownplanner .login-btn:hover span {background-position:0 -25px; color:#fff} .dropdownplanner {color:#FFF;} /* ============ Login Page =================== */ .loginscreenshot {margin:25px;} #loginformholder, #registerholder{float:left; width:260px;border-right: 1px solid #999; } #registerholder {border:0;} strong.registernow { color:#222222; display:block; font-size:20px; letter-spacing:-0.05em; line-height:24px; margin:10px 0 10px; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; } #loginformholder dd, #registerholder dd {clear:both;margin:0;} #loginformholder label,#registerholder label{font-size:16px;font-weight:bold;} #loginformholder #username,#registerholder #customer_email, #loginformholder #password,#registerholder #password , #registerholder #customer_postcode, #registerholder #username{clear:both; height:28px;font-size:18px;float:left;padding-top:2px;width:250px} #registerholder { padding-left:15px;float:left;} #registerholder p {padding:;line-height:auto;} /* ============ Login Tab ======================*/ #panes #loginform dl.zend_form, #panes #registrationform dl.zend_form{float:left; width:200px;border-right: 1px solid #999; } #panes #registrationform dl.zend_form {border:0;} #panes #loginform dl.zend_form dd, #panes #registrationform dl.zend_form dd{clear:both;margin:0;} #panes #loginform dl.zend_form label, #panes #registrationform dl.zend_form label{font-size:14px;font-weight:bold;} #panes #loginform dl.zend_form #username, #panes #registrationform dl.zend_form #customer_email, #panes #loginform dl.zend_form #password, #panes #registrationform dl.zend_form #password, #panes #registrationform dl.zend_form #customer_postcode, #panes #registrationform dl.zend_form #username{clear:both; height:18px;font-size:14px;float:left;padding-top:2px;width:180px} #panes #registrationform dl.zend_form { padding-left:15px;float:left;} #panes #registrationform dl.zend_form p {padding:;line-height:auto;} #panes ul.errors {color: #f33;} #panes ul.success {color: #1e8f2b;} /* form */ input[type="text"], input[type="password"]/*,select, textarea */{ width: 300px; font-size: 18px; font-family: 'lucida grande', helvetica, arial, sans-serif; border: 1px solid #98a0a0; padding: 6px; font-size: 14px; -webkit-user-select: auto; color: #333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); z-index: 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form {margin-left:35px;} .form li{padding:8px;} .form label{width:70px;float:left;font-size:20px;margin-top:4px;} .form input , .form select{width:200px;font-size:20px;padding:4px;} #accommPage { padding: 0 20px 0 5px; } #accommPage h1 { color:#fff; background:#1b7fb0; padding: 5px 5px 5px 10px; } #siteSearch { margin-bottom:14px;float:right;margin-right:0px;margin-top:35px; clear:right; } #siteSearch #keyword { width:150px; height: 18px; float:left; border: 1px solid #FFF; } #siteSearch #searchBtn { margin: 2px 0 0 1px; float:left; }.nyroModalBg { position: fixed; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.7; } .nmReposition { position: absolute; } .nyroModalCloseButton { top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/close.gif); } .nyroModalTitle { top: -26px; left: 0; margin: 0; font-size: 1.1em; color: #ddd; } .nyroModalCont { position: absolute; /*border: 4px solid #777;*/ margin: 25px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .nyroModalCont iframe { width: 600px; height: 400px; } .nyroModalError { border: 4px solid red; color: red; width: 250px; height: 250px; } .nyroModalError div { min-width: 0; min-height: 0; padding: 10px; } .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile { position: relative; padding: 10px; min-height: 250px; min-width: 250px; max-width: 1000px; } .nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm { position: relative; overflow: hidden; } .nyroModalImage img { vertical-align: top; } .nyroModalHidden { left: -9999em; top: -9999em; } .nyroModalLoad { position: absolute; width: 100px; height: 100px; background: #fff url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/ajaxLoader.gif) no-repeat center; padding: 0; } .nyroModalPrev, .nyroModalNext { outline: none; position: absolute; top: 0; height: 60%; width: 150px; min-height: 50px; max-height: 300px; cursor: pointer; text-indent: -9999em; background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat; } .nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext { height: 100%; width: 40%; max-height: none; } .nyroModalPrev { left: 0; } .nyroModalPrev:hover { background-image: url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/prev.gif); } .nyroModalNext { right: 0; background-position: right 20%; } .nyroModalNext:hover { background-position: right 20%; background-image: url(http://cms.bookaccommodationonline.com.au/externals/jquery/img/next.gif); } #main .widget{ margin:0px 3px 4px; padding:6px; float:left; background: #9dc22f; /* Old browsers */ background: -moz-linear-gradient(top, #9dc22f 0%, #8ab66b 44%, #398235 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dc22f), color-stop(44%,#8ab66b), color-stop(99%,#398235)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9dc22f 0%,#8ab66b 44%,#398235 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9dc22f 0%,#8ab66b 44%,#398235 99%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #9dc22f 0%,#8ab66b 44%,#398235 99%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc22f', endColorstr='#398235',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #9dc22f 0%,#8ab66b 44%,#398235 99%); /* W3C */ -moz-border-radius: 15px; border-radius: 15px;color:#FFF;} .widget .bluehead{ width:auto; display:block} .widget h2.head{color:#FFF; font-weight:bold; margin:6px auto ;text-align:center;} .widget .container{padding:12px 12px 12px;width:auto; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9} .widget .content{width:100%;} a.more{ padding:0 14px 0 0; font-weight:bold; font-size:12px ; color:#FFF;} .thumbs{float:left; display:block; margin-right:10px} .content .thumbs img{display:block; border:1px solid #d9d9d9; background:#fff; padding:10px;-moz-border-radius: 8px; border-radius: 8px;} .contentbox {width:360px;} .grid{ float:left;width:430px!important; margin-left:18px!important } .grid.first{float:left;width:430px!important; margin-left:15px!important} /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ .ace-slider { position:relative; background:url(http://cms.bookaccommodationonline.com.au/modules/slideshow/scripts/images/loading.gif) no-repeat 50% 50%; } .ace-slider img { position:absolute; top:0px; left:0px; display:none; } .ace-slider a { border:0; display:block; } .nivo-controlNav { position:absolute; top:1px; right:30px; } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(http://cms.bookaccommodationonline.com.au/modules/slideshow/scripts/images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(http://cms.bookaccommodationonline.com.au/modules/slideshow/scripts/images/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:30px; margin:0; padding:0; top:40%; position:absolute } a.nivo-prevNav { left:15px; margin:0; padding:0; top:40%; position:absolute } .nivo-caption { text-shadow:none; font-family: Helvetica, Arial, sans-serif; } .nivo-caption a { color:#efe9d1; text-decoration:underline; } /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; }/* ---------------- mega menu -------------- */ div#topnavcontainer {background: url(http://cms.bookaccommodationonline.com.au/shared/topnav/mega1/images/topnav_bg_blue.png) repeat-x;margin: 0; padding: 0; float:left; width: 100%;} ul#topnav { margin: 0 auto; padding: 0; width: 980px; list-style: none; font-size: 1.1em;} ul#topnav .toplevel {border-right:1px solid #BBB;padding: 0 20px 0 20px;} ul#topnav .toplevellink{padding: 8px 0 0 0;} ul#topnav li { float: left; margin: 0; padding: 0; position: relative;} ul#topnav li a { float: left; color:#FFF; font-size:16px; height: 32px;} ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } ul#topnav a.home {border-left: 1px solid #BBB; padding-left:20px; } ul#topnav a.products { width: 117px; } ul#topnav a.sale { width: 124px; } ul#topnav a.community { width: 124px; } ul#topnav a.store { background: url(http://cms.bookaccommodationonline.com.au/shared/topnav/mega1/images/nav_store.png) no-repeat; width: 141px; } ul#topnav li .sub { position: absolute; top: 44px; left: 0; background: #0390d8 url(http://cms.bookaccommodationonline.com.au/shared/topnav/mega1/images/sub_bg_blue.png) repeat-x; padding: 20px 20px 20px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none;z-index:99} ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;} ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; width: 150px; float: left;} ul#topnav .sub ul li { width: 100%; color: #fff;} ul#topnav .sub ul li h2 { padding: 0; margin: 0; font-size: 1.3em; font-weight: normal;} ul#topnav .sub ul li h2 a { padding: 5px 0; background-image: none; color: #e8e000;} ul#topnav .sub ul li a { font-size:12px;float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; background: url(http://cms.bookaccommodationonline.com.au/shared/topnav/mega1/images/navlist_arrow.png) no-repeat 5px 12px; padding: 7px 5px 7px 0px; display: block; text-decoration: none; color: #fff;} ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;} .weatherdropdown {width:150px;}/****** mega submenu *******/ ul#topnav li .plannersub {left:-100px;} ul#topnav li .plannersub li {} /*weather*/ .forecastRegion {margin:0 0 15px 0;text-align:center;} .forecastRegion, .forecastContent { color:#fff; }#searchcontainer{ width:270px; height:auto; float:left; background-color:#FFF; -moz-border-radius: 15px; border-radius: 15px;margin:15px; behavior: url(http://cms.bookaccommodationonline.com.au/shared/pie/PIE.htc); background: #258dc8; /* Old browsers */ background: -moz-linear-gradient(top, #258dc8 0%, #258dc8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* IE10+ */ background: linear-gradient(top, #258dc8 0%,#258dc8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */ } #prefaceinner #searchcontainer {margin: 0 5px;} #searchcontainer .form {margin-left:0px; } .glassy_btn{ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(2,168,228)),color-stop(0.06, rgb(0,172,229)),color-stop(0.07, rgb(71,189,240)), color-stop(0.3, rgb(20,123,182)),color-stop(0.53, rgb(0,80,129)),color-stop(0.96, rgb(114,149,181)),color-stop(0.97, rgb(2,54,97))); background-image:-moz-linear-gradient(center bottom,rgb(2,168,228) 0%,rgb(0,172,229) 6%,rgb(71,189,240) 7%,rgb(20,123,182) 30%,rgb(0,80,129) 53%,rgb(114,149,181) 96%,rgb(2,54,97) 97%); background-color:#1c608c; color:white;font-family: Arial, sans-serif;font-size:14px;padding:10px 30px;border:0px black none;cursor:pointer;font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(http://cms.bookaccommodationonline.com.au/shared/pie/PIE.htc); } #commencing{text-align:left;width:175px;} .glassy_btn:hover{color:#C8E957;} .title_text{ color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; margin-left:25px; padding-top: 8px; } .contant_text{ color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; line-height: 20px; padding-left: 30px; /*padding-top: 20px;*/ } .button{ margin-left:25px; display: inline-block; margin-bottom:5px; /*margin-top:70px;*/ } .form .bookaccommodationform label{font-size:16px;font-weight:bold;color:#FFF;} .form input[type="text"],.form input[type="password"],.form select{ width:180px;padding:2px;background: #fcfff4; -moz-border-radius: 4px; border-radius: 4px; behavior: url(http://cms.bookaccommodationonline.com.au/shared/pie/PIE.htc); } /* Redmond style sheet for jQuery Datepicker v4.0.5. */ .datepick { background-color: #fff; color: #222; border: 1px solid #4297d7; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-family: Arial,Helvetica,Sans-serif; font-size: 90%; } .datepick-rtl { direction: rtl; } .datepick-popup { z-index: 1000; } .datepick-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); } .datepick a { color: #222; text-decoration: none; } .datepick a.datepick-disabled { color: #888; cursor: auto; } .datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #5c9ccc; color: #fff; border: none; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-weight: bold; } .datepick-nav, .datepick-ctrl { float: left; width: 100%; background-color: #fff; font-size: 90%; font-weight: bold; } .datepick-ctrl { background-color: #d0e5f5; } .datepick-cmd { width: 30%; } .datepick-cmd:hover { background-color: #dfeffc; } button.datepick-cmd:hover { background-color: #79b7e7; } .datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; } a.datepick-cmd { height: 1.5em; } button.datepick-cmd { text-align: center; } .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2%; } .datepick-cmd-current, .datepick-cmd-today { float: left; width: 35%; text-align: center; } .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; } .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; } .datepick-month-nav { float: left; text-align: center; } .datepick-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .datepick-month-nav span { color: #888; } .datepick-month-row { clear: left; } .datepick-month { float: left; width: 15em; border: 1px solid #5c9ccc; text-align: center; } .datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 1.5em; background-color: #5c9ccc; color: #fff; font-weight: bold; } .datepick-month-header select, .datepick-month-header input { height: 1.4em; border: none; } .datepick-month-header input { position: absolute; display: none; } .datepick-month table { width: 100%; border-collapse: collapse; } .datepick-month thead { border-bottom: 1px solid #aaa; } .datepick-month th, .datepick-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; } .datepick-month th { border: 1px solid #fff; border-bottom: 1px solid #c5dbec; } .datepick-month td { border: 1px solid #c5dbec; } .datepick-month td.datepick-week * { background-color: #d0e5f5; color: #222; border: none; } .datepick-month a { display: block; width: 100%; padding: 0.125em 0em; background-color: #dfeffc; color: #000; text-decoration: none; } .datepick-month span { display: block; width: 100%; padding: 0.125em 0em; } .datepick-month td span { color: #888; } .datepick-month td .datepick-other-month { background-color: #fff; } .datepick-month td .datepick-today { background-color: #fad42e; } .datepick-month td .datepick-highlight { background-color: #79b7e7; } .datepick-month td .datepick-selected { background-color: #4297d7; color: #fff; } .datepick-status { clear: both; text-align: center; } .datepick-clear-fix { clear: both; } .datepick-cover { display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -1px; left: -1px; width: 100px; height: 100px; } #socialbar ul li.sbutton{ /* border-color:#C7DEF7 #C7DEF7 rgba(0, 0, 0, 0.25); border-style:solid; border-width:1px;*/ } #socialbar {position:fixed;top:5px; left:5px;} #socialbar ul li.sbutton { display:block; float:left; min-height:75px; padding-left:5px; padding-right:0; padding-top:5px; width:60px; margin:5px; } #socialbar ul.vertical li.sbutton { float:none; } .fb_share_count_wrapper { float:left; position:relative; } .fb_share_count_wrapper { margin-left:3px; } .fb_share_count_nub_top { background-image:url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/bSOHtKbCGYI.png"); background-repeat:no-repeat; border:medium none; display:block; height:7px; left:7px; margin:0; padding:0; position:absolute; top:35px; width:6px; } .fb_share_count_top { border:1px solid #B0B9EC; display:block; font-size:22px; letter-spacing:-1px; line-height:34px; margin-bottom:7px; } .fb_share_count { background:none repeat scroll 0 0 #B0B9EC; color:#333333; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; text-align:center; } .fb_share_count_top, .fb_share_count_inner { -moz-border-radius:3px 3px 3px 3px; } .fb_share_count_top { width:48px !important; } .fb_share_count_inner { background:none repeat scroll 0 0 #E8EBF2; display:block; } .fb_share_count_top, .fb_share_count_inner { -moz-border-radius:3px 3px 3px 3px; } .FBConnectButton_Small, .FBConnectButton_RTL_Small { background-position:left -232px; font-size:10px; line-height:10px; } a.FBConnectButton, a.FBConnectButton_RTL, .FBConnectButton, .FBConnectButton_RTL { text-decoration:none; } .FBConnectButton, .FBConnectButton_RTL { background:url("https://s-static.ak.fbcdn.net/images/connect_sprite.png") no-repeat scroll 0 0 #29447E; cursor:default; display:inline-block; outline:medium none; padding:0 0 0 1px; text-decoration:none; } .FBConnectButton_Small, .FBConnectButton_RTL_Small { -moz-border-radius:3px 3px 3px 3px; width:49px !important; } .FBConnectButton_Small .FBConnectButton_Text { margin-left:17px; padding:2px 6px 3px; } .FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text { background:url("https://s-static.ak.fbcdn.net/images/connect_sprite.png") repeat scroll 0 0 #5F78AB; border-bottom:1px solid #1A356E; border-top:1px solid #879AC0; color:#FFFFFF; display:block; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight:bold; margin:1px 1px 0 0; padding:2px 6px 4px; text-shadow:none; } .FBConnectButton_Small .FBConnectButton_Text { -moz-border-radius:3px 3px 3px 3px; font-size:8px; padding:2px 2px 3px !important; margin-left:17px; } .FBConnectButton_Small, .FBConnectButton_RTL_Small { background-position:left -232px; font-size:10px; line-height:10px; } #socialbar ul li.sbutton a.emailshare { background:url(http://cms.bookaccommodationonline.com.au/shared/images/email.png) no-repeat scroll 50% 0 transparent; color:#FFFFFF; display:inline-block; font-size:12px; height:20px; padding:46px 0 0; text-align:center; text-decoration:none; width:51px; } .fb_share_no_count { display: block !important; } #root .qu{margin:0;float:left;} #root .lU{width:50px;} #root .NlzJT{border:none;background:transparent;}/* ============= email subscribe ================ */ .panel { position: absolute; top: 50px; right: 0; display: none; background: #000000; border:1px solid #111111; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; width: 350px; height: auto; padding: 30px 130px 30px 30px; filter: alpha(opacity=85); z-index:10000; } .panel p{ margin: 0 0 15px 0; padding: 0; color: #cccccc; } .panel a, .panel a:visited{ margin: 0; padding: 0; color: #9FC54E; text-decoration: none; border-bottom: 1px solid #9FC54E; } .panel a:hover, .panel a:visited:hover{ margin: 0; padding: 0; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } a.trigger{ text-decoration: none; position: absolute; top: 80px; right: 0; font-size: 16px; letter-spacing:-1px; font-family: verdana, helvetica, arial, sans-serif; color:#fff; padding: 20px 40px 20px 15px; font-weight: 700; background:#333333 url(images/plus.png) 85% 55% no-repeat; border:1px solid #444444; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; display: block; } a.trigger:hover{ position: absolute; text-decoration: none; top: 80px; right: 0; font-size: 16px; letter-spacing:-1px; font-family: verdana, helvetica, arial, sans-serif; color:#fff; padding: 20px 40px 20px 20px; font-weight: 700; background:#222222 url(images/plus.png) 85% 55% no-repeat; border:1px solid #444444; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; display: block; } a.active.trigger { background:#222222 url(images/minus.png) 85% 55% no-repeat; } .columns{ clear: both; width: 330px; padding: 0 0 20px 0; line-height: 22px; } .colleft{ float: left; width: 130px; line-height: 22px; } .colright{ float: right; width: 130px; line-height: 22px; } ul{ padding: 0; margin: 0; list-style-type: none; } ul li{ padding: 0; margin: 0; list-style-type: none; }