body {background:#CACACA;}
#container {width:1000px;margin:0 auto;padding:0 10px;background:url(/images/containerbg.gif) top left repeat-y;}
#topbanner {width:1000px;height:122px;background:url(/images/topbannerbg.gif) top left no-repeat;}

#topbanner #topmenu {position:absolute;margin-top:83px;margin-left:272px;z-index:50;}
#topbanner #topmenu * {font-size:14px;color:#ffffff;}
#topbanner #topmenu a {text-decoration:none;padding:9px 9px 5px;font-size:13px;}
#topbanner #topmenu li {margin:0 2px 0 0;padding:0;float:left;height:37px;line-height:37px;background:url(/images/noxsprite.png) right -132px no-repeat;list-style-type:none;cursor:pointer;text-shadow:1px 1px 1px #222;-moz-text-shadow:1px 1px 1px #222;}
#topbanner #topmenu li:hover {background-position:right -171px;text-shadow:1px 1px 1px #333333;-moz-text-shadow:1px 1px 1px #333333;}
#topbanner #topmenu ul ul {display:none;position:absolute;margin:0 0 2px -2px;padding:0 0 2px 2px;background:#191919;}
#topbanner #topmenu ul ul li {float:none;margin-top:2px;background:url(/images/noxsprite.png) left -132px no-repeat;width:150px;height:28px;line-height:28px;}
#topbanner #topmenu ul ul li a {padding:2px 10px;}
#topbanner #topmenu ul ul li:hover {background-position:left -171px;}
#topbanner #topmenu ul ul ul {display:none;position:absolute;margin:-31px 0 2px 150px;padding:0 0 2px 2px;background:#191919;}
#topbanner #topmenu ul ul ul li {float:none;margin-top:2px;background:url(/images/noxsprite.png) left -132px no-repeat;}
#topbanner #topmenu ul ul ul li:hover {background-position:left -171px;}

img#tafloat {position: absolute; margin-top: -27px;display:block;}
#middlesection {width:964px;padding:18px;overflow:auto;}
#middleleftsection {width:250px;float:left;margin-top: 80px;}
#middleleftsection h2 {line-height:37px;color:#ffffff;width:222px;background:url(/images/noxsprite.png) 0 -65px no-repeat;padding:2px 14px 0;font-weight:normal;font-size:13px;border-bottom:solid 1px #ffffff;margin:0;text-shadow:1px 1px 1px #222;-moz-text-shadow:1px 1px 1px #222;}
#middleleftsection .leftcontainer {background:#191919;padding:15px;margin-bottom:16px;}

#middlerightsection {width:690px;float:right;}
#middlerightsection #splashcontainer {width:690px;height:200px;margin-bottom:16px;}
#middlerightsection .splashimages a {display: block; width: 690; height: 200; top: 0; left: 0;}

#likecontainer {}
#likecontainer #likebar {margin-top:22px;padding:5px 0;border-top:solid 1px #CCCCCC;border-bottom:solid 1px #CCCCCC;height:40px;}
#likecontainer #likebar iframe {margin-top:7px;}
#likecontainer #likebar #ownerlogin {height:27px;width:108px;border:0;margin-left:5px;vertical-align:top;display:inline-block;background:url(/images/noxsprite.png) 0 -104px no-repeat;float:right;margin-top:7px;}
#likecontainer #likebar #livechat   {height:27px;width:86px; border:0;margin-left:5px;vertical-align:top;display:inline-block;background:url(/images/noxsprite.png) -108px -104px no-repeat;float:right;margin-top:7px;}
#likecontainer #likebar #currency   {height:27px;width:89px; border:0;margin-left:5px;vertical-align:top;display:inline-block;background:url(/images/noxsprite.png) -194px -104px no-repeat;float:right;margin-top:7px;}
#likecontainer #likebar #ownerlogin:hover {background-position:-220px -209px;}
#likecontainer #likebar #livechat:hover {background-position:-220px -236px;}
#likecontainer #likebar #currency:hover {background-position:-221px -263px;}

#middlebottomsection {height:76px;background:#3C3C3C;border-top:solid 1px #191919;padding:0 19px 0;}
#middlebottomsection #partners {float:left;}
#middlebottomsection #partners a {display:inline-block;vertical-align:text-top;}
#middlebottomsection #partners img {display:inline-block;vertical-align:text-top;}
#middlebottomsection #partners span {float:left;margin-right:10px;margin-top:5px;}
#middlebottomsection span {color:#ffffff;}
#middlebottomsection #followus {float:right;margin-top:5px;}
#middlebottomsection #followus a {height:32px;width:32px;border:0;margin-left:5px;vertical-align:top;display:inline-block;}
#middlebottomsection #followus a#facebook {background:url(/images/noxsprite.png) -251px -65px no-repeat;}
#middlebottomsection #followus a#twitter {background:url(/images/noxsprite.png) -283px -65px no-repeat;}
#middlebottomsection #followus a#linkedin {background:url(/images/noxsprite.png) -315px -65px no-repeat;}

#footer {background:#191919;height:70px;text-align:center;padding-top:17px;font-size:8pt;}
#footer p {margin:0 0 5px;color:#ffffff;}
#footer p a {text-decoration:none;color:#ffffff;}
#footer p a:hover {text-decoration:underline;}

.tooltip {display:none;background:transparent url(/images/tooltip/black_arrow.png);font-size:11px;height:70px;width:160px;padding:25px;color:#fff;z-index:150;}
.tooltipRight {display:none;background:transparent url(/images/tooltip/black_arrow_right.png);font-size:11px;height:60px;width:150px;padding:30px;color:#fff;z-index:150;}
.tooltipBig {display:none;background:transparent url(/images/tooltip/black_arrow_big.png);font-size:11px;height:184px;width:320px;padding:30px;color:#fff;z-index:150;}
.tooltipBigLeft {display:none;background:transparent url(/images/tooltip/black_arrow_big_left.png);font-size:11px;height:320px;width:200px;padding:30px 45px 30px 30px;color:#fff;z-index:150;}
.tooltip ul, .tooltipRight ul, .tooltipBig ul, .tooltipBigLeft ul {margin:0 0 0 16px;}
.tooltip li, .tooltipRight li, .tooltipBig li, .tooltipBigLeft li {margin:2px 0;}

.twtr-tweet-text a {font-weight:bold;}

/* PROPERTY DETAILS PAGE */
#scrollablecontainer {width:100%;overflow:auto;margin-bottom:15px;}
#image_wrap {width:470px;height:340px;text-align:center;overflow:hidden;}
table#scrollthumbs {width:470px;background:#191919;}
table#scrollthumbs tr {vertical-align:middle;}
table#scrollthumbs td {width:380px;padding:4px 0;} /* 567=5*(70+2border+4padding) */
table#scrollthumbs td.arrow {width:45px;text-align:center;}
table#scrollthumbs .scrollable {position:relative;overflow:hidden;width:380px;height:72px;}
table#scrollthumbs .scrollable .items {width:20000em;position:absolute;clear:both;}
table#scrollthumbs .scrollable .items div {float:left;width:380px;}
table#scrollthumbs .scrollable img {float:left;margin:0 2px;background-color:#000000;width:70px;height:70px;border:solid 1px #000000;cursor:pointer;}
table#scrollthumbs .scrollable .active {border:1px solid #ffffff;}
table#scrollthumbs a.browse {background:url(/images/scrollablearrows.png) no-repeat;width:30px;height:30px;cursor:pointer;display:block;margin:15px 7px;}
table#scrollthumbs a.right { background-position: 0 -30px;}
table#scrollthumbs a.right:hover { background-position:-30px -30px; }
table#scrollthumbs a.right:active { background-position:-60px -30px; } 
table#scrollthumbs a.left:hover  { background-position:-30px 0; }
table#scrollthumbs a.left:active  { background-position:-60px 0; }
table#scrollthumbs a#rightarrow.disabled {background-position:-90px -30px;cursor:default;} 	
table#scrollthumbs a#leftarrow.disabled {background-position:-90px 0px;cursor:default;} 	

h1.pdname {margin:0;padding:0;}
h2.pdlocation {margin:0;padding:0;}
h3.pdbedstar {margin:0;}
div#pdMap {margin-top:25px;}
div#pdExtra {margin-top:10px;height:350px;overflow:auto;}
table.pdExtras {width:450px;}
table.pdExtras tr {vertical-align:top;}
table.pdExtras td {width:50%;padding:0 5px 0 0;}

div#pdleftcol {width:470px;float:left;}
div#pdrightcol {width:210px;float:right;}
div#pdrightcol .enquirebuttons {text-align:center;}
div#pdrightcol .enquirebuttons img {display:inline-block;width:70px;height:70px;margin:0 5px;}
div#pdrightcol .enquirebuttons a {display:inline-block;}

div.pdbubbleheader {margin-left:10px;padding-left:16px;margin-top:16px;height:39px;line-height:39px;background:#191919 url(/images/noxsprite.png) -0px -380px no-repeat;color:#ffffff;}
div.pdbubblecontent {background:#E6E6E6;margin-left:10px;margin-top:1px;padding:16px 16px 20px;}
div.pdbubblecontentblack {background:#191919;margin-left:10px;margin-top:1px;padding:16px 16px 20px;}

ul.pdattributes {margin-left:0;list-style-type:square;}

.reviews {padding:16px 0 !important;text-align:center;}

span#enquirenow {width:108px;height:27px;display:inline-block;float:right;background:#191919 url(/images/enquirenow.png) 0 0 no-repeat;cursor:pointer;}
span#enquirenow:hover {background-position:-108px 0;}

img.availabilityloading {margin:175px 76px;}
div.pdbubblecal {text-align:center;}
div.pdbubblecal table.Availability {width:168px;margin-top:10px;}
div.pdbubblecal table.Availability * {cursor:default;}
div.pdbubblecal table.Availability th {background:#666666;color:#ffffff;padding:4px 0;border-right:solid 1px #ffffff;border-bottom:solid 1px #ffffff;font-size:9pt;}
div.pdbubblecal table.Availability th.MonthName {background:#E6E6E6;color:#666666;padding:4px 0;border-right:solid 1px #E6E6E6;border-bottom:solid 1px #E6E6E6;text-transform:uppercase;}
div.pdbubblecal table.Availability td {font-size:8pt;border-right:solid 1px #ffffff;border-bottom:solid 1px #ffffff;background:#aaaaaa;color:#666666;padding:4px;text-align:center;text-decoration:line-through;}
div.pdbubblecal table.Availability td.Available {text-decoration:none;background-color:#009FB5;color:#ffffff;}
div.pdbubblecal table.Availability td.OtherMonth {border-right: 1px solid #ffffff;border-bottom: 1px solid #ffffff;background: #aaaaaa;color: #aaaaaa;}

table.PropertyPrices {width:168px;}
table.PropertyPrices th {margin:0;padding:0;}
table.PropertyPrices th.period {text-align:left;font-weight:normal;border-bottom:dotted 1px #cccccc;padding:2px 0 2px 2px;font-size:8pt;}
table.PropertyPrices th.toprow {background:#009FB5;color:#ffffff;padding:4px 2px;}
table.PropertyPrices td {text-align:right;border-bottom:dotted 1px #cccccc;padding:2px 2px 2px 0;}

.quoterow {padding:7px 0 7px 0;}
.quotedate {background:#191919 url(/images/noxsprite.png) -220px -290px no-repeat;border:none;width:160px;height:30px;color:#191919;padding-left:10px;line-height:30px;}
#quoteresponse {color:#009FB5;background:#191919 url(/images/noxsprite.png) -220px -320px no-repeat;border:none;width:160px;height:30px;padding-left:10px;line-height:30px;}

.noxright {text-align:right;}
.clearfloats {width:100%;overflow:auto;}
.textcenter {text-align:center;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}
div.Error, div.Response {color:#dd0000;margin:5px 0 15px;;border:solid 1px #dd0000;padding:5px 7px;background:#ffcccc;border-radius:6px;-moz-border-radius:6px;}
div.Info {color:#0A0;margin:5px 0 15px;border:solid 1px #0A0;padding:5px 7px;background:#cfc;border-radius:6px;-moz-border-radius:6px;}

/* popup */
#popupmask {position:absolute;top:0;left:0;z-index:998;background:#111;opacity:0.7;display:none}
#popupenquiry, #popupbooknow {display:none;}
.popupwindow {background:#E6E6E6;padding:20px;position:absolute;z-index:999;border:5px solid #000;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.popupwindow .popupclose {position:absolute;top:-12px;right:-12px;text-decoration:none}
.popupwindow h1 {font-size:18px;}

/* property search results */
div.PropertyPreview {margin-bottom:15px;padding-bottom:10px;cursor:pointer;}
div.PropertyPreviewH1 {padding:0 10px;height:38px;line-height:38px;background:#191919 url(/images/noxsprite.png) right -418px no-repeat;color:#ffffff;font-weight:normal;font-size:14px;}
div.PropertyPreviewH1 a {color:White;text-decoration:none;}
div.PropertyPreviewH1 span.PropertyPreviewPriceFrom {float:right;}
div.PropertyPreviewBox {padding-top:5px;width:100%;overflow:auto;}
div.PropertyPreviewThumbs {width:240px;float:right;}
div.PropertyPreviewThumbs img {margin-left:5px;width:75px;height:75px;}
div.PropertyPreviewText {width:440px;float:left;line-height:18px;text-align:justify;}
.PropertyPreviewFooter {width:100%;overflow:auto;margin-top:5px;}
div.PropertyPreview .starcontainer {width:90px;float:right;}
div.PropertyPreview .starcontainer img {width:17px;height:16px;vertical-align:middle;float:right;}
div.PropertyPreview .bedscontainer {width:60px;float:right;}
div.PropertyPreview .bedscontainer img {width:27px;height:16px;vertical-align:middle;margin-right:8px;}
div.PropertyPreview .beds {width:27px;height:16px;display:inline-block;background:#191919 url(/images/noxsprite.png) -346px -81px no-repeat;}
.PropertyPreviewPager td {font-weight:bold;padding:10px 5px 0 0;color:#999;}
div.SpecialRate {color: red;margin-top: 7px;font-style: italic;}

/* enquiry form on property page */
table.enquiry td {padding:2px 5px 2px 2px;}
table.enquiry input[type=text], table.enquiry select {border:solid 1px cornflowerblue;}
table.enquiry label {margin-left:5px;}
table.enquiry input[type=submit] {padding:5px 10px;}
table.enquiry h3 {margin-top:5px;}
table.enquiry input[type=text], table.enquiry select, table.enquiry textarea {border:solid 1px #009FB5;}


/* QUICKSEARCH */
.quicksearchitem {margin-bottom:6px;}
.inputdate {background:#191919 url(/images/noxsprite.png) -0px -209px no-repeat;border:none;width:210px;height:30px;color:#ffffff;padding-left:10px;line-height:30px;}
.searchbutton {border:none;width:77px;height:27px;}
.inputbox {background:#191919 url(/images/noxsprite.png) -0px -457px no-repeat;border:none;width:210px;height:30px;color:#ffffff;padding-left:10px;line-height:30px;}
.inputbox input {border:none;color:White;background:none;width:200px;outline: none;}
.inputbox input.gobutton {width:27px;height:27px;float:right;margin-top:1px;margin-right:1px;}
.inputbox input.subscribe {width:180px;}

/* hide normal controls  */
.selectBox 
{
    display:none;
}

/* styling for both dropdown & listbox */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
    margin:0;padding:0;
    list-style: none;
    display: block;
    cursor: default;
}

/* dropdown styling */
.selectBox-dropdown {
    width: 170px;
    height:30px;
    padding-right: 40px;
    padding-left:10px;
    position: relative;
    border: solid 0px black;
    background:#191919 url(/images/noxsprite.png) -0px -349px no-repeat;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    outline: none;
    vertical-align: middle;
    display: inline-block;
    cursor: default;
}

.selectBox-dropdown .selectBox-label {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    border-top: solid 1px #666; 
    border-bottom: solid 1px #666; 
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    overflow: auto;
}

.selectBox-dropdown-menu li {
    border-left: solid 1px #666; 
    border-right: solid 1px #666; 
}

.selectBox-dropdown-menu li a {
    background: #3C3C3C;
}

.selectBox-options li a {
    padding: 2px 0 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    color:White;
    text-decoration:none;
}

.selectBox-options li.selectBox-hover a {
    background-color: #666;
}

.selectBox-options li.selectBox-selected a {
    background-color: #075E6A;
}

/* listbox options */
.selectBox-inline 
{
    background:#191919 url(/images/noxsprite.png) -0px -239px no-repeat;
    border:none;
    width:218px;
    height:110px;
    color:#ffffff;
    line-height: 19px;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
    display: inline-block;
    cursor: default;
    padding:1px;
    overflow: auto;
 }

.selectBox-inline li a {
    padding:0px 9px;
    border-bottom:dashed 1px #333;
}
.selectBox-inline li:last-child a {
    border-bottom:dashed 1px #3C3C3C;
}
.selectBox-inline li:last-child a:hover {
    border-bottom:dashed 1px #666;
}

.weatherinfo {color:White;}
.weatherinfo .WeatherTitle {height:30px;}
.weatherinfo img {float:left;width:30px;margin-right:15px;}
.weatherinfo .WeatherTitle {padding:0 0 2px;}
#loadingcontent {margin-top:20px;text-align:center;padding:50px;}
#loadingcontent img {margin-bottom:10px;}

#skypedetectionswf {position: absolute;margin-top: -6px;}
.twtr-hd {display: none;}

.AlternatingRowTable td{padding:2px 0;}

.SpecialsFilter table td {padding:0 10px 0 0;}
table.SpecialsInner {width:85%;cursor:pointer;padding:10px 0;border-bottom:dashed 1px #009FB5;}
table.SpecialsInner tr {vertical-align:top;}
table.SpecialsInner td {padding:1px 5px 1px 10px;}
table.SpecialsInner td.ImageCell {width:77px;margin:0;padding:0;}
table.SpecialsInner td.ImageCell img {display:block;}
table.SpecialsInner td.title {}
table.SpecialsInner h1 {font-size:small;margin:0;padding:0;}
table.SpecialsInner .staylabel, table.SpecialsInner .Nights, table.SpecialsInner .savinglabel, table.SpecialsInner .saving {color:Red;}