/*
// Gaunts Property Management
// Dark Colour // Highlight Colour */



html{
min-height: 101%;
overflow-x: hidden;
}

*{
padding: 0;
margin: 0;
list-style-type: none;
border: 0;
font-size: 100%;
background: transparent;
}

body{
text-align: center;
font-family: Arial,Verdana,Tahoma,sans-serif;
background: #73C3A0 url(../images/navigation.png) repeat-x top left;
color: #4b4b4b;padding-top: 34px;
overflow-x: hidden;
}

a{
text-decoration: none;
color: #4b4b4b;
}

a:hover{
color: #000000;
}

h1{
margin-bottom: 10px;
font: normal 1.4em Arial,Verdana,Tahoma,sans-serif;
font-family: 'DaxBoldRegular',arial,sans-serif;
color: #12589D;
}

h2{
margin: 20px 0 0 0;
font: normal 1.1em Arial,Verdana,Tahoma,sans-serif;
color: #12589D;
}

h3, h3 a{
margin: 0 0 10px 0;
font: normal 1.1em Arial,Verdana,Tahoma,sans-serif;
color: #ffffff;
}

h4{
margin: 4px 0px;
padding: 0 0 0 0;
font: normal 1em Arial,Verdana,Tahoma,sans-serif;
color: #ffffff;
}




#header-wrapper{
width: 100%;
height: 100px;
background: url(../images/header-wrapper.png) repeat-x top left;
border-bottom: 1px solid #efefef;
text-align: left;
}

#header{
position: relative;
width: 900px;
height: 100px;
margin: 0 auto;
}

#logo{
position: absolute;
top: 20px;
left: 0;
}

#newsletter-button{
position: absolute;
top: 20px;
font-size: 0.8em;
cursor: pointer;
color: #12589D;
right: 0;
display: none;
}

#newsletter{
position: absolute;
top: 20px;
width: 260px;
right: 0;
}

#newsletter input.textbox{
background: #ffffff;
width: 198px;
border: 1px solid #cccccc;
height:  21px;
float: left;
line-height: 23px;
font-size: 0.8em;
color: #888;
}

#newsletter input.submit{
width:60px;
line-height: 23px;
cursor:pointer;
float: left;
vertical-align:center;
color:#ffffff;
font-size: 0.8em;
height: 23px;
border: 0;
overflow: visible;
background: #2E4E8E;
}

#contact{
color: #4b4b4b;
position: absolute;
top: 65px;
right: 0;
font-size:1em;
font-family: 'DaxRegular',arial,sans-serif;
}

#contact *{
vertical-align: middle;
}

#contact a{
color: #4b4b4b;
}

#contact a:hover{
color: #000000;
}

#contact span{
font-weight: bold;
color: #11589C;
}

#latest-news-wrapper{
position: absolute;
top: 111px;
z-index: 9999999999999;
left: 650px;
height: 200px;
width: 190px;
}

#latest-news{
color: #ffffff;
padding: 20px 35px;
height: 200px;
width: 180px;
position: relative;
background: #12589D;
}

#next{
position: absolute;
top: 100px;
height: 15px;
cursor: pointer;
width: 15px;
background: url(../images/next.png) no-repeat;
z-index: 9999999999999999;
right: 5px;
}

#previous{
position: absolute;
top: 100px;
cursor: pointer;
height: 15px;
width: 15px;
background: url(../images/previous.png) no-repeat;
z-index: 9999999999999999;
left: 5px;
}

#slideshow-news p{
text-align: left;
background: #12589D;
font-size: 0.8em;
height: 70px;
}

#slideshow-news div{
background: #12589D;
}


#slideshow-news a{
background: #73C3A0;
font-size: 0.8em;
padding: 3px;
margin-top: 20px;
color: #ffffff;
}


#navigation  {
font-family: 'DaxBoldRegular',arial,sans-serif;
position: absolute;
top: -27px;
right: 0px;
font-size: 13px;
font-weight: bold;
z-index: 999999999999999;
}

#navigation  li {
position:relative;
float:left;
}

#navigation  li a {
display:block;
text-decoration:none;
color: #ffffff;
padding: 5px 10px 5px 10px;
overflow: visible;
}

#navigation  a:hover, #navigation  a.current {
color:#73C3A0;
}


#navigation  ul{
list-style-type: none;
visibility:hidden;
position:absolute;
top: 23px;
left: 0px;
}

#navigation  ul li {
float:left;
}

#navigation  ul li a {
float:left;
position: relative;
background:#212121;
color:#ffffff;
padding: 5px 10px 5px 10px;
width: 200px;
}

#navigation  ul a:hover, .header-navigation ul a.current{
color:#73C3A0;
}

#navigation   li:hover ul,.header-navigation a:hover ul{
visibility:visible;
}

#navigation :hover ul ul{
visibility:hidden;
}

#navigation  :hover ul :hover ul{
visibility:visible;
}




#container{
width: 100%;
text-align: left;
margin: 0px auto;
background: #ffffff url(../images/container-wrapper.png) repeat-x top left;
overflow: hidden;
}

#content-wrapper{
clear: both;
padding-top: 320px;
overflow: hidden;
width: 900px;
margin: 0 auto;
}



#column-left{
float: left;
width: 200px;
overflow: hidden;
}

#column-left div.inner{
background: #ffffff;
width: 190px;
border: 1px solid #efefef;
}

#column-left div.inner p{
padding: 10px;
font-size: 0.9em;
font-family: 'DaxRegular',arial,sans-serif;
color: #12589d;
}

#column-left div.inner p a{
color: #12589d;
}

#column-left div.inner p a:hover{
color: #363636;
}



#column-left div.inner span{
margin-bottom: 4px;
padding: 3px;
padding-left: 10px;
color: #ffffff;
background: #73C3A0;
display: block;
}

#column-right{
float: left;
width: 700px;
height: auto;
overflow: hidden;
}







#slideshow-wrapper{
width: 650px;
height: 300px;
position: absolute;
top: 111px;
left: 0;
background-color: #000000;
}

#pager{
position: absolute;
bottom: 0px;
height: 60px;
padding-left: 40px;
width: 210px;
right: -250px;
background: #73C3A0;
z-index: 9999999;
}

#pager a{
background: url(../images/pager.png);
height: 10px;
margin: 10px 0 0 0;
float: left;
padding: 10px 0 0 10px;
color: #F2F2F2;
font-size: 0;
display: block;
width: 10px;
}

#pager a.activeSlide{
color: #2B4985;
background: url(../images/active.png);
}

#g{
position: absolute;
top: 0;
left: 0;
z-index: 99999999999999999999999999999999999999999999999;
}


#slideshow{
width: 650px;
height: 300px;
overflow: hidden;
background-color: #000000;
}

#slideshow img{
width: 650px;
height: 300px;
}



#content{
border: 1px solid #efefef;
padding: 20px;
background: #ffffff url(../images/content.png) no-repeat bottom left;
margin-bottom: 10px;
text-align: justify;
font-size: 13px;
line-height: 150%;
color: #4b4b4b;
}

#content p{
margin: 5px 0px 15px 0px;
}

#content ul{
padding-left: 35px;
margin-bottom: 12px;
}

.welcome{
float: right;
padding: 10px 10px 10px 25px;
border: 1px solid #dfdfdf;
width: 240px;
padding-bottom: 10px;
text-align: justify;
margin: 0 0 10px 20px;
font-size: 1.1em;
}

.welcome span{
text-align: right;
color: #000000
}



#footer-wrapper{
width: 100%;
height: 100px;
background: #73C3A0;
color: #e2e2e2;
font: normal 10px "Trebuchet MS", Tahoma, Verdana;
}

#footer{
width: 900px;
position: relative;
height: 100px;
margin: 0 auto;
}

#footer a{
color: #e2e2e2;
font-size: 10px;
}

#footer a:hover{
color: #ffffff;
}

#footer-left{
position: absolute;
top: 10px;
text-align: left;
line-height: 110%;
left: 0;
}

#footer-right{
float: right;
text-align: right;
padding: 7px;
}




#contact-right{
text-align: left;
}




form.contact-form label{
font:normal 1em/25px arial;
margin: 3px 0;
text-align: left;
cursor: pointer;
}

form.contact-form input,form.contact-form textarea,form.contact-form select{
width:99%;
height:19px;
font:normal 0.9em/19px arial;
padding:2px;
color:#4b4b4b;
background: #ffffff url(../images/form.jpg) repeat-x bottom left;
border: 1px solid #cccccc;
}

form.contact-form input:hover,
form.contact-form textarea:hover,
form.contact-form select:hover,
form.contact-form input:focus,
form.contact-form textarea:focus,
form.contact-form select:focus{
border-color: #999;
}

form.contact-form textarea{
overflow: auto;
height: 100px;
}

form.contact-form input.contact-submit{
width:auto;
cursor:pointer;
float:right;
color:#ffffff;
margin-top: 10px;
height: 23px;
border: 0;
overflow: visible;
background: #12589D;
}

.captcha-container{
width: 100%;
display: block;
clear: both;
float: left;
text-align: center;
padding: 5px;
margin-top: 7px;
border: 1px solid #cccccc;
}

form.contact-form div.captcha-container input{
width: 96%;
}

div.captcha-container small{
display: block;
}



#panel{
width: 1000px;
margin: 6px auto;
border: 1px solid #2ecc1e;
background-color: #b7e5b0;
color: #218416;
padding: 15px;
font-weight: bold;
}



#side-tab-container{
position: absolute;
top: 40px;
left: 0px;
width: 25px;
}

.side-tab{
display: block;
margin-bottom: 10px;
font-size: 11px;
}


.side-tab img{
border: 0;
text-decoration: none;
}

a.side-tab:hover{
color: #888888;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
}

.left{ float: left; }
.right{ float: right; }

.validated-form label.error{
color: red;
}

div.warningbox,div.infobox,div.confirmbox{
min-height: 40px;
padding: 4px 8px 4px 50px;
margin-bottom: 5px;
background-repeat: no-repeat;
background-position: 6px center;
font-size: 0.9em;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.warningbox{
background-color: #f1d7d7;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/warning.png);
border: 3px double #d4322a;
color: #d4322a;
}

div.infobox{
background-color: #cbd5eb;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/info.png);
border: 3px double #3960af;
color: #3960af;
}

div.confirmbox{
background-color: #c3e5bf;
background-image: url(http://cdn.easy-web-sites.co.uk/images/icons/confirm.png);
border: 3px double #38972e;
color: #38972e;
}

























a.building-listing{
display: block;
border: 1px solid #ccc;
padding: 4px;
margin-bottom: 5px;
background: #fff;
overflow: hidden;
}

a.building-listing span{
font-size: 16px;
font-weight: bold;
}

a.building-listing img{
width: 100px;
height: 66px;
float: left;
margin-right: 10px;
opacity: 0.8;
}

a.building-listing:hover img{
opacity: 1.0;
}


#building-full-sidebox{
float: right;
border: 1px solid #bbb;
padding: 16px;
margin: 0 0 10px 20px;
}

a.building-full-available{
font-size: 13px;
font-weight: bold;
font-family: 'DaxRegular',arial,sans-serif;
}

a.building-full-available img{
vertical-align: middle;
opacity: 0.8;
}

a.building-full-available:hover img{
opacity: 1.0;
}

a.building-full-image{
clear: both;
display: block;
margin: 0 auto;
}











table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

#members thead{
font-size: 15px;
font-weight: bold;
font-family: 'DaxRegular',arial,sans-serif;
}

a.listing-open span{
font-size: 13px;
font-weight: bold;
font-family: 'DaxRegular',arial,sans-serif;
}

a.listing-open span.expand{
font-size: 10px;
font-weight: normal;
font-family: 'DaxRegular',arial,sans-serif;
float: right;
margin-right: 10px;
}

.listing img{
vertical-align: middle;
margin-right: 5px;
}

a.listing-more{
display: block;
margin-top: 6px;
font-size: 1.1em;
font-weight: bold;
font-family: 'DaxRegular',arial,sans-serif;
}


#business{
border: 1px solid #bbb;
padding: 16px;
overflow: hidden;
}

#business-sidebox{
max-width: 280px;
float: right;
border: 1px solid #bbb;
padding: 16px;
margin: 0 0 10px 20px;
font-family: 'DaxRegular',arial,sans-serif;
}

#business-side-images{
width: 150px;
float: right;
border: 1px solid #bbb;
padding: 4px;
margin: 0 0 10px 20px;
text-align: center;
}

#business-side-images a{
clear: both;
margin: 1px auto;
}

#business-sidebox img{
vertical-align: middle;
}


































#sort{
border: 1px solid #ccc;
background: #fff;
float: right;
}

#filter{
overflow: hidden;
}

#filter-left{
float: left;
width: 380px;
}

#filter-right{
float: right;
width: 380px;
overflow: hidden;
}

#filter-right div.label,#filter-left div.label{
float: left;
font-weight: bold;
width: 60px;
padding-top: 35px;
}

#filter-right div.content,#filter-left div.content{
float: left;
width: 320px;
}

#filter a,#filter strong{
display: block;
float: left;
padding: 2px 4px;
background-color: white;
margin-right: 2px;
margin-bottom: 1px;
border: 1px solid #999;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 2px 2px 2px #888;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
}

#filter a:hover{
border-color: #666;
background-color: #73c3a0;
}


#filter h2{
font-weight: bold;
}

#filter strong{
background-color: #12589d;
color: white;
}

#filter div.block{
clear: both;
margin: 4px 0px;
overflow: hidden;
padding: 3px;
}

#summary{
font-size: 16px;
margin: 5px 0px;
float: left;
}

#summary strong{
font-size: 1.2em;
}

#properties{
overflow: hidden;
}

div.property-list{
width: 415px;
border: 1px solid #bbb;
overflow: hidden;
margin: 20px 5px;
float: left;
background-color: #fff;
}

div.property-list a.left-image{
width: 200px;
height: 133px;
float: left;
border-right: 1px solid #777777;
}

div.property-list h2{
margin-right: 15px;
font-weight: bold;
text-align: left;
}

div.property-list-right{
width: 200px;
height: 133px;
float: right;
background-position: top right;
background-repeat: no-repeat;
}

div.property-list span.price{
font-weight: bold;
font-size: 15px;
}

div.property-list a.more-info{
color: #12589d;
font-size: 14px;
font-weight: bold;
display: block;
margin: 4px 2px;
}

div.property-list a.more-info:hover{
color: #333333;
}

div.tag-commercial{
background-image: url(../images/tag-commercial.png);
}

div.tag-residential{
background-image: url(../images/tag-residential.png);
}



div.property-full{
overflow: hidden;
padding: 8px;
margin: 5px;
background-color: #fff;
border: 1px solid #777777;
}

div.property-full h1{
font-weight: bold;
margin-top: 4px;
margin-bottom: 4px;
background-color: #12589d;
color: white;
padding: 3px 10px;
}

div.property-full h1 span{
font-weight: normal;
}

div.property-full-column-right{
float: right;
width: 230px;
background-color: #efefef;
border: 1px solid #aaaaaa;
border-right: none;
margin-right: -8px;
margin-top: -4px;
margin-left: 12px;
padding: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
font-size: 1.2em;
text-align: center;
}

div.property-full-column-right div.action{
margin-top: 10px;
}

div.property-full-column-right span.price{
font-weight: bold;
font-size: 22px;
}

div.property-full-column-right a.pdf-link{
background: #12589d;
padding: 4px 8px;
display: block;
color: white;
font-weight: bold;
border: 1px solid #444444;
}

div.property-full-column-right a.pdf-link img{
vertical-align: middle;
}

div.property-full-description{
width: 600px;
}

div.property-full-description a.main-image{
float: left;
margin-right: 6px;
margin-bottom: 6px;
}

#property-full-gallery{
overflow: hidden;
}

#property-full-gallery a{
float: left;
margin: 2px;
border: 1px solid #aaaaaa;
opacity: 0.85;
}

#property-full-gallery a:hover{
opacity: 1.0;
border-color: #555555;
}
















.news-sidebar{
font-size: 0.8em;
border: 0;
padding: 5px;
}

.news-sidebar h2{
margin: 0;
margin-bottom: 5px;
}

div.news{
border: 1px solid #cccccc;
padding: 6px 16px;
margin-bottom: 10px;
overflow: hidden;
background: #fff;
}

div.news h2{
margin: 10px 0 10px 0;
font: normal 1.1em Arial,Verdana,Tahoma,sans-serif;
color: #12589D;
}



div.news small{
display: block;
font-style: italic;
border-top: 1px dotted #ccc;
margin-top: 12px;
font-size: 11px;
}

.news-image{
float: right;
margin-left: 8px;
margin-bottom: 5px;
}

div.news-left-column{
float: left;
width: 490px;
}

div.news-right-column{
float: right;
width: 340px;
}

div.news-right-column a{
padding: 4px;
border: 1px solid #cccccc;
margin: 5px;
}

div.news-right-column a:hover{
border-color: #999999;
}

div.news-right-column img{
width: 300px;
height: 200px;
}

a.readmore{
color: #222222;
font-size: 0.9em;
font-weight: bold;
}

a.readmore:hover{
color: #000000;
}



#newsletter input{
border: 1px solid #bbb;
}

#subscribe_signup{
font-family: 'DaxBoldRegular',arial,sans-serif;
}


















div.list-page-links{
height: 18px;
background-color: #73c3a0;
margin: 10px 0px;
}

div.list-page-links span{
display: block;
width: 80px;
float: left;
color: #222222;
font-weight: bold;
text-transform: uppercase;
padding: 2px;
}

div.list-page-links a{
display: block;
width: 30px;
float: left;
text-align: center;
padding: 4px 8px;
margin: -5px 4px 0px 4px;
background-color: #12589d;
color: #ffffff;
}

div.list-page-links a:hover{
background-color: #444444;
}

div.list-page-links a.current{
color: ;
font-weight: bold;
}

div.lpl-bottom a{
margin: 0px 4px -6px 4px;
}






#controls{
position: absolute;
top: 38px;
right: 0;
width: 150px;
height: 22px;
font-size: 12px;
text-align: right;
border: 1px solid #12589d;
background-color: #efefef;
padding: 4px 4px 0px 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 3px 5px;
}

#controls a{
padding: 0;
font-size: 1.2em;
font-weight: bold;
}


#controls:after{
clear: both;
}

a#minus{
font-size: 0.8em;
font-weight: normal;
}









.center{
margin: 0 auto;
}