html { margin:0; padding:0; height:100%; }
body { margin:0; padding:0; height:100%; color:#000000; background:#bbaa8c url("background.gif") center top repeat-y; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }
.timesnewroman { font-family:"Times New Roman",Times,serif; }
.green { color:#004900; }
.grey { color:#a19f9b; }
.yellow { color:#ffffcc; }
.yellow a,
.yellow a:visited { color:#ffffcc; text-decoration:none; }
.yellow a:hover { color:#ffffcc; text-decoration:underline; }
img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }
form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #004900; height:0; }
p { padding:0; margin:0 0 16px 0; }
dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }
h1,
h2 { color:#004900; font-size:1.7em; margin:0 0 10px 0; font-weight:normal; font-family:"Times New Roman",Times,serif; line-height:25px; }
h3 { color:#004900; font-size:1.2em; margin:0 0 10px 0; font-weight:normal; font-family:"Times New Roman",Times,serif; }
h4, h5, h6 { color:#004900; font-size:1em; font-family:"Times New Roman",Times,serif; }
a,
a:visited { color:#004900; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:underline; }
ul.none { list-style:none; margin:0; padding:0; }
ul.none li { padding:0 0 8px 0; }
ul.compact { list-style:none; margin:0; padding:0; }
ul.compact li { padding:0; margin:0; }
.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }
.right { text-align:right; }
.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.photoBorder { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }
.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }
.article-left { width:49%; float:left; }
.article-right { width:49%; float:right; }
.article-rightalt { width:49%; float:right; text-align:right; }
.article-left-wide { width:69%; float:left; }
.article-rightalt-narrow { width:29%; float:right; text-align:right; }
.protection { unicode-bidi:bidi-override; direction:rtl; }
/* ----------------------
Three Col CSS
---------------------- */
#main { background:#FFFFFF url("left_background.gif") left top repeat-y; }
#columns { background:url("right_background.gif") right top repeat-y; }
#col-a { float:right; width:100%; }
#col-a[id] { margin-left:-1px; }
#col-b { float:left; margin-left:-195px; z-index:10; }
#col-b[id] { margin-right:1px; }
#col-c { float:right; margin-right:-195px; z-index:11; }
#col-c[id] { margin-left:1px; }
.show-all #columns { padding:0 195px 0 195px; }
.hide-left #columns { padding:0 195px 0 0; }
.hide-right #columns { padding:0 0 0 195px; }
.cols-wrapper { width:100%; }
.cols-wrapper[class] { padding-bottom:0.1px; }
.float-wrapper { float:left; width:100%; }
.float-wrapper[class] { margin-right:-1px; }
.sidecol_left { position:relative; width:195px; overflow:hidden; }
.sidecol_right { position:relative; width:195px; overflow:hidden; }
.sidecol_padding { padding:8px; }
.sidecol_padding p { padding:0; margin:0 0 8px 0; }
#colcontent { line-height:1.2em; }
#colcontent_padding { padding:14px 12px; }
/* ----------------------
Interface CSS
---------------------- */
#container-background { max-width:1262px; background:#bbaa8c url("background.gif") center top repeat-y; margin:0 auto; }
#container { min-width:994px; max-width:1200px; margin:0 auto; }
#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }
#meta { background-color:#004900; }
#meta_padding { padding:8px 10px; text-align:right; }
#meta_padding p { margin:0; color:#c3c6ab; }
#meta_padding a,
#meta_padding a:visited { color:#c3c6ab; text-decoration:none; }
#meta_padding a:focus,
#meta_padding a:hover { color:#ffffcc; text-decoration:underline; }
#meta_padding a:active { color:#c3c6ab; text-decoration:underline; }
#header { width:100%; height:240px; overflow:hidden; background:url("header_background.jpg") center top repeat-x; }
#header_left { width:279px; height:240px; float:left; background:url("header_left.png") left top no-repeat; _background:url("header_left.gif") left top no-repeat; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { display:block; text-indent:-9000px; }
#header_right { width:90px; height:240px; float:right; background:url("header_right.png") left top no-repeat; _background:url("header_right.gif") left top no-repeat; }
#nav { width:100%; height:44px; background:#004900 url("nav/background.gif") left top repeat-x; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav ul li { float:left; margin-right:6px; }
#nav ul li.alt { float:right; margin-left:1px; margin-right:0; }
#nav ul li a,
#nav ul li a:visited { height:44px; display:block; text-indent:-9000px; }
#nav ul li a:focus,
#nav ul li a:hover { background-position:left bottom; }
#nav ul li.active a,
#nav ul li a:active { background-position:left top; }
#nav_comforsale a { width:222px; background:url("nav/comforsale.gif") left top no-repeat; }
#nav_resforsale a { width:213px; background:url("nav/resforsale.gif") left top no-repeat; }
#nav_restolet a { width:193px; background:url("nav/restolet.gif") left top no-repeat; }
#nav_home a { width:81px; background:url("nav/home.gif") left top no-repeat; }
#nav_mapview a { width:112px; background:url("nav/mapview.gif") left top no-repeat; }
#nav_residential a { width:137px; background:url("nav/residential.gif") left top no-repeat; }
#nav_commercial a { width:142px; background:url("nav/commercial.gif") left top no-repeat; }
#nav_forsale a { width:108px; background:url("nav/forsale.gif") left top no-repeat; }
#nav_tolet a { width:88px; background:url("nav/tolet.gif") left top no-repeat; }
#nav_telephone a { width:257px; background:url("nav/telephone.gif") left top no-repeat; }
#navsub { border-top:4px solid #004900; border-bottom:4px solid #004900; }
#navsub_background { padding-bottom:5px; background:url("navsub/footer.gif") bottom no-repeat; }
#navsub li a,
#navsub li a:visited { width:195px; height:30px; display:block; text-indent:-9000px; overflow:hidden; }
#navsub li a:focus,
#navsub li a:hover { background-position:left bottom; }
#navsub li.active a,
#navsub li a:active { background-position:left top; }
#navsub_residentialforsale a { background:url("navsub/residentialforsale.gif") left top no-repeat; }
#navsub_residentialtolet a { background:url("navsub/residentialtolet.gif") left top no-repeat; }
#navsub_commercialforsale a { background:url("navsub/commercialforsale.gif") left top no-repeat; }
#navsub_commercialtolet a { background:url("navsub/commercialtolet.gif") left top no-repeat; }
#navsub_holidayproperties a { background:url("navsub/holidayproperties.gif") left top no-repeat; }
#navsub_overseasproperties a { background:url("navsub/overseasproperties.gif") left top no-repeat; }
/*
#navsub_footer { width:195px; height:5px!important; background:url("navsub/footer.gif") left bottom no-repeat; overflow:hidden; }
*/
#footer { width:100%; height:31px; background:#004900 url("footer.gif") left top repeat-x; overflow:hidden; color:#c3c6ab; }
#footer p { margin:0; }
#footer a,
#footer a:visited { color:#c3c6ab; text-decoration:none; }
#footer a:focus,
#footer a:hover { color:#ffffcc; text-decoration:underline; }
#footer a:active { color:#c3c6ab; text-decoration:underline; }
#footer_left { width:40%; float:left; }
#footer_left .padding { padding:11px 0 0 11px; }
#footer_right { width:60%; float:right; text-align:right; }
#footer_right .padding { padding:11px 11px 0 0; }
/* ----------------------
Content CSS
---------------------- */
.box { border:1px solid #004900; margin-bottom:16px; }
.box_padding { padding:10px 10px 0 10px; }
.box_padding img { margin:0 10px 10px 0; }
.box_padding p { margin:0 0 10px 0; }
.box_padding ul {overflow:hidden;}
/*
#columns * { border:1px dotted black; }
*/
.home_panel { border:1px solid #004900; height:136px; margin-bottom:16px; background:#004900 url("home_panel.gif") right bottom no-repeat; font-family:"Times New Roman",Times,serif; text-transform:uppercase; font-weight:bold; text-align:right; font-size:1.5em; overflow:hidden; }
.home_panel p { margin:0; }
.home_panel a,
.home_panel a:visited { color:#ffffcc; text-decoration:none; display:block; padding:111px 22px 7px 10px; }
.home_panel a:focus,
.home_panel a:hover { color:#ffffcc; text-decoration:underline; }
.home_panel a:active { color:#c3c6ab; text-decoration:underline; }
.home_panel_alt { border:1px solid #004900; height:39px; margin-bottom:16px; background:#004900 url("home_panel.gif") right bottom no-repeat; font-family:"Times New Roman",Times,serif; text-transform:uppercase; font-weight:bold; text-align:right; font-size:1.5em; }
.home_panel_alt p { margin:0; }
.home_panel_alt a,
.home_panel_alt a:visited { color:#ffffcc; text-decoration:none; display:block; padding:14px 22px 7px 10px; }
.home_panel_alt a:focus,
.home_panel_alt a:hover { color:#ffffcc; text-decoration:underline; }
.home_panel_alt a:active { color:#c3c6ab; text-decoration:underline; }
.home_residentialforsale { background:url("../images/home_residentialforsale.jpg") center top repeat-x; }
.home_commercialforsale { background:url("../images/home_commercialforsale.jpg") center top repeat-x; }
.home_residentialtolet { background:url("../images/home_residentialtolet.jpg") center top repeat-x; }
.home_commercialtolet { background:url("../images/home_commercialtolet.jpg") center top repeat-x; }
#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }
.sidecol_left form { background:#bdcfbd url("form-footer.gif") left bottom no-repeat; }
.sidecol_left form div.padding { padding:9px 12px 1px 12px; color:#004900; font-size:1.1em; }
.sidecol_left form h2 { margin:0; font-weight:bold; text-transform:uppercase; font-size:1.2em; }
.sidecol_left form div.paddingsubmit { padding:6px 12px 1px 12px; color:#004900; font-size:1.1em; }
.sidecol_left form div.hr { height:6px; background:url("form-hr.gif") left top no-repeat; }
.sidecol_left form p { margin:0 0 6px 0; }
.sidecol_left form select { width:171px; }
.border { border:1px solid #004900; }
.listing { border:1px solid #004900; margin-bottom:12px; }
.listing p { margin:0; }
.listing_padding { padding:8px 8px 0 8px; }
.listing_image { width:182px; float:left; position:relative; overflow:hidden; }
.listing_desc { width:100%; float:left; margin-left:-182px; }
.listing_desc h2 { font-size:1.5em; }
.listing_desc h2 a,
.listing_desc h2 a:visited { text-decoration:none; }
.listing_desc h2 a:focus,
.listing_desc h2 a:hover { text-decoration:underline; }
.listing_desc h2 a:active { text-decoration:underline; }
.listing_desc_padding { padding-left:192px; }
.listing_more { background-color:#004900; color:#FFF; }
.listing_more .article-left { padding:6px 0 5px 8px; width:40%; }
.listing_more .article-rightalt { padding:6px 8px 5px 0; width:40%; }
.listing_more .article-left-wide { padding:6px 0 5px 8px; width:70%; }
.listing_more .article-rightalt-narrow { padding:6px 8px 5px 0; width:20%; }
.listing_meta { width:100%; }
.listing_meta ul { list-style:none; margin:0; padding:0; }
.listing_meta ul li { padding:2px 6px; margin:0 0 0 1px; height:15px; float:right; font-size:0.87em; background-color:#bdcfbd; color:#004900; }
.listing_meta ul li.end { padding:2px 6px 2px 15px; background:#bdcfbd url("meta-corner.gif") left top no-repeat; }
.detail_header { background-color:#004900; color:#ffffcc; }
.detail_header p { padding:8px; margin:0; }
.detail_gallery { background-color:#BDCFBD; overflow:hidden; border-bottom:8px solid #004900; }
.detail_gallery p { padding:0; margin:0; }
.detail_gallery img { display:block; margin:0 auto; }
.detail_gallerysmall { background-color:#004900; overflow:hidden; padding:0 33px 33px 33px; }
.detail_gallerysmall ul { list-style:none; margin:0; padding:0; }
.detail_gallerysmall ul li { float:left; padding:0; margin:0; }
.detail_gallerysmall ul li a,
.detail_gallerysmall ul li a:visited { margin:2px 1px 2px 1px; display:block; }
.detail_gallerysmall_test { float:left; background-color:#BDCFBD; overflow:hidden; padding:5px 0 0 8px; width:110px; margin-right:8px; margin-bottom:8px; }
.detail_gallerysmall_test ul { list-style:none; margin:0; padding:0; }
.detail_gallerysmall_test ul li { float:left; padding:0; margin:0; }
.detail_gallerysmall_test ul li a,
.detail_gallerysmall_test ul li a:visited { margin:2px 1px 2px 1px; display:block; }
.detail_tools { width:41px; float:right; overflow:hidden; margin:0 0 15px 15px; }
.detail_tools ul { list-style:none; margin:0; padding:0; }
.detail_tools ul li { margin-bottom:1px; }
.detail_tools ul li a { width:41px; display:block; text-indent:-9000px; }
#sidebar_emailagent a { height:64px; background:url("sidebar_emailagent.gif") left top no-repeat; }
#sidebar_pdf a { height:51px; background:url("sidebar_pdf.gif") left top no-repeat; }
#sidebar_viewit a { height:45px; background:url("sidebar_viewit_alt.gif") left top no-repeat; }
#sidebar_viewit_alt a { height:38px; background:url("sidebar_viewit.gif") left top no-repeat; }
#sidebar_getemails a { height:64px; background:url("sidebar_getemails.gif") left top no-repeat; }
/* ----------------------
Flash
---------------------- */
.flash p { margin:0; padding:15px; text-align:center; }
.flash p a,
.flash p a:visited { text-decoration:none; }
.flash p a:hover,
.flash p a:active { text-decoration:underline; }
#header_flash_alternate { width:964px; height:400px; background:url("../flash/alternate.jpg") left top no-repeat; }
/* ----------------------
HighSlide
---------------------- */
.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#004900; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-image { border:1px solid #004900; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url("../behaviour/highslide/controlbar-white.gif") 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url("../behaviour/highslide/controlbar-white.gif") right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
}
.highslide-controls a {
background-image: url("../behaviour/highslide/controlbar-white.gif");
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url("../behaviour/highslide/controlbar-black-border.gif");
}
/* ----------------------
Tables
---------------------- */
.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #004900; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #004900!important; font-weight:bold; }
/*.table tbody tr:hover { background-color:#E8E8E8; }*/
.table tbody tr.alt { background-color:#E8E8E8; }
/*.table tbody tr.alt:hover { background-color:#D1D1D1; }*/