body{font-family: 'ApercuPro', sans-serif; color: #414042; letter-spacing: 0.08rem;}

.desktophidden{display: none;}
.mobilehidden{display: block;}
.printhidden{display: block;}
.printonly{display: none;}

/* Headings */
h1, h2, h3, h4, h5, h6{line-height: 1em; font-weight: normal; margin-top: 0; font-family: "Mercury Display A", "Mercury Display B";}
h1 {font-size: 2em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;;}
h3 span{color: #97B93F;}

ul, p, ol{line-height: 1.8em; margin-bottom: 1.5em;}

p.navheader {display: none;}

a{color: #414042; text-decoration: none;}
a:hover{opacity: 0.8; text-decoration: underline;}

ul, ol{padding: 0 0 10px 20px;}
ul.inlinelist{margin: 0; }
ul.inlinelist li{float: left; padding: 2px 10px; margin-bottom: 0; list-style-type: none;}

ul.paging{margin: 0; padding: 0; border: 1px solid #AAA; border-width: 1px 0;}
ul.paging li{display: inline-block; padding: 2px 10px 2px 0; margin-bottom: 0; list-style-type: none;}
ul.paging li a{text-decoration: none;}
ul.paging li a:hover{text-decoration: underline;}
ul.paging li a.selected{text-decoration: underline;}

#gridoverlay{position: absolute; left: 50%; top: 20px; margin: 0 0 0 -490px; display: none;}
#printlink{position: absolute; right: 200px; top: 0px; margin: 0; font-size: 0.8em; cursor: pointer;}

ul#sitemap li a {text-decoration:none;}

.centre{text-align: center;}

img.left{float: left; margin: 0 1em 1em 0;}
img.right{float: right; margin: 0 0 1em 1em;}

.build-query{background-color: #FFA0A0; padding: 1%; font-size: 0.8em;}

/* Invisible Separator */
.invisiblesep{clear: both;}

/* Image Styles */
img.LEFT{float: left; margin: 0 15px 15px 0;}
img.RIGHT{float: right; margin: 0 0 15px 15px;}
img.CENTRE{text-align: center; display: block; margin: 10px auto;}
img.INLINE {display: inline; margin: 15px 0 15px 0;}

.imagecaption{color: #909090; font-size: 0.7em; margin: 0; text-align: center;}
.imageborder{padding: 5px; background-color: #FFF; border: 1px solid #CCC; display: block; margin-bottom: 5px;}

.wrapper {width: 980px;}

/* Skip Navigation */
.skipnav, .skipnav:visited{position: absolute; left: 40px; font-size: 0.75em;}
.skipnav:active, .skipnav:focus, .skipnav:hover{z-index: 10000; color: #CFCFCF;}

/* Main Page Sections */
.wrapper{margin: 0 auto; position: relative; padding: 0px; text-align: left;}

/* Header container */
.header-container {background-color: #414042; height: 114px;}
.header-container .wrapper {position: relative; width: 1000px;}
.header-container .wrapper .c12{margin: 0; width: 100%;}
.header-container .wrapper .logo{margin: 29px 0 0 20px; width: 269px; cursor:pointer;}
.header-container .wrapper img.menu-icon{z-index: 100; position: absolute; top: 53px; right: 202px; cursor: pointer;}
.header-container .wrapper img.catalogue-menu-icon{z-index: 100; position: absolute; top: 53px; right: 302px; cursor: pointer;}
.header-container .wrapper ul{position: absolute; top: 47px; right: 20px; padding: 0; margin: 0; list-style: none;}
.header-container .wrapper ul li{padding: 0; margin: 0 0 0 18px; display: inline-block;}
.header-container .wrapper ul li.twitterlink a img{position: relative; top: -1px; width: 23px;}
.header-container #sitesearchform {position:absolute; right:0; top:10px; width:30%; display: none;}

/* Menu container */
.header-container .menu-container {z-index: 10; position: absolute; top: 0; right: 0; z-index:5000;}
.header-container .menu-container ul{padding: 28px 22px 37px 28px; top: 70px; margin: 0; min-width: 252px; background-color: rgba(65, 64, 66, 1);  text-align: left;}
.header-container .menu-container ul li{width: auto; display:block; padding: 0; font-size: 0.7em; margin: 0;}
.header-container .menu-container ul li a{display: block; opacity: 0.8; font-size: 1rem; padding: 9px 0 9px 0; border-bottom: 1px dotted #616161; margin: 0 5px; color: #FFF; text-decoration: none;}
.header-container .menu-container ul li a:hover{opacity: 1;}
.header-container .menu-container ul li.selected {background:#3E3D3F}
.header-container .menu-container ul li.selected a{opacity: 1; font-weight:bold}

/* Menu container */
.header-container .catalogue-menu-container {z-index: 10; position: absolute; top: 0; right: 0; z-index:5000;}
.header-container .catalogue-menu-container ul{padding: 28px 22px 37px 28px; top: 70px; margin: 0; min-width: 252px; background-color: rgba(65, 64, 66, 1); right: 130px; text-align: left;}
.header-container .catalogue-menu-container ul li{width: auto; display:block; padding: 0; font-size: 0.7em; margin: 0;}
.header-container .catalogue-menu-container ul li a{display: block; opacity: 0.8; font-size: 1rem; padding: 9px 0 9px 0; border-bottom: 1px dotted #616161; margin: 0 5px; color: #FFF; text-decoration: none;}
.header-container .catalogue-menu-container ul li a:hover{opacity: 1;}
.header-container .catalogue-menu-container ul li.selected {background:#3E3D3F}
.header-container .catalogue-menu-container ul li.selected a{opacity: 1; font-weight:bold}

/* Header Container */
.banner-container{min-height: 200px;}
.index .banner-container{min-height: 300px;}

/* Main container */
.main-container{background: #FFF; padding: 26px 0;}
.main-container .wrapper img{max-width: 100%;}
.main-container ul, .main-container p, .main-container ol{line-height: 1.75rem; font-size: 1.25rem; color: #494949}

/* Warning Message */
.main-container .wrapper p.warning {width: 96%; padding: 2%; font-weight: normal; text-align: center; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.main-container .wrapper p.fail {background-color:#A00; border-top: 2px solid #900; color: #FFF !important;}
.main-container .wrapper p.success {background-color: #0A0; border:2px solid #090; color: #FFF !important;}
.main-container .wrapper p.warning a{color: #FFF;}

/* Staff List */
.staff-list-container{margin-top: 20px;}
.staff-list-container .staff-list-item{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #414042;}
.staff-list-container .staff-list-item .image{width: 25%; float: right;}
.staff-list-container .staff-list-item .image img{max-width: 100%}
.staff-list-container .staff-list-item .summary{width: 74%}
.staff-list-container .staff-list-item .summary h3 {margin: 0 0 10px 0; color: #516698;}
.staff-list-container .staff-list-item .summary h3 a{text-decoration: none; color: #516698;}
.staff-list-container .staff-list-item .summary p.position{font-style: italic; padding: 0; margin: 0;}

/* Department List */
.departments {margin-bottom:50px;}
.department a {text-decoration:none; color:#6a8173}
.department img.department-image {max-width:160px; float:left; margin-right:20px; margin-top:5px;}

/* Testimonial List */
.testimonial-list-container{margin-top: 20px;}
.testimonial-list-container .testimonial-list-item{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #414042;}
.testimonial-list-container .testimonial-list-item h3{margin: 0 0 5px 0;}
.testimonial-list-container .testimonial-list-item p.description{font-style: italic; margin: 5px 0;}

/* Blog page tweet listings */
.main-container .c4 .latest-tweets h3{margin: 0 0 15px 0;}
.main-container .c4 .latest-tweets ul{list-style-type: none; margin: 0; padding: 0;}
.main-container .c4 .latest-tweets ul li{margin: 0 0 10px 0; padding-bottom: 10px; font-size: 0.8rem; line-height: 1.2rem; border-bottom: 1px solid #414042;}
.main-container .c4 .latest-tweets p{font-size: 0.8rem;}

/* Forms */
form div.field-group{min-height: auto !important; padding-bottom: 0 !important; border-bottom: 2px solid #414042; margin-bottom: 20px;}
form label{letter-spacing: 0.08rem; margin-bottom: 0 !important; font-size: 0.8rem; text-transform: uppercase; display: inline-block; padding-right: 2%;}
form input{letter-spacing: 0.08rem; font-size: 0.85rem !important; color: #414042 !important; background: rgba(0, 0, 0, 0) !important; height: 23px !important; margin: 0 !important; display: inline-block; /*width: auto !important;*/ padding: 0 !important; border: none !important;}
form select{letter-spacing: 0.08rem; font-size: 0.85rem !important; color: #414042 !important;}
form textarea{letter-spacing: 0.08rem; font-size: 0.85rem !important; color: #414042 !important;}
form input:focus{border-color: transparent !important; box-shadow: 0 0 3px rgba(0,0,0,0) !important;}
form input.button{height: 32px !important; text-transform: uppercase; background-color: transparent !important; line-height: 30px; border: 2px solid #414042 !important; text-shadow: none; font-weight: normal !important; width: auto !important; padding: 0 10px !important; border-radius: 0 !important; float: left;}
form input.button:hover{background-color: #414042 !important; color: #FFF !important;}
form a.clear-search-link{float: right;}

/* Contact form */
.contact-form label{}
.contact-form input{}
.contact-form .c4-left{float: left; width: 31%; margin-right: 1%;}
.contact-form .c8-right{float: left; width: 67%; margin-left: 1%;}
.contact-form textarea{min-height: 239px; max-height: 239px; margin-top: 23px;}

.contact-form .c6{margin-left: 0; width: 49%;}
.contact-form .c12{margin-left: 0; width: 99%;}

/* Commision Bid Table */
.sale-separator{margin: 30px 0 40px 0;}
#commission-bid-table {width:100%; border-collapse:collapse; margin-left: 0; margin-bottom:20px;}
#commission-bid-table tr td {padding:0 !important;}
#commission-bid-table tr td input {width:100px; margin:0; border-bottom: 2px solid #414042 !important; width: 100% !important;}
#commission-bid-table tr td.description input {width:320px;}

/* Mini Calendar */
h3.calendar {width:87%; padding-bottom:10px !important; font-family: "Mercury Display A", "Mercury Display B"; font-size:1.5em !important; font-weight:normal !important; font-style: normal; font-weight:normal;}

.small-calendar{margin: 35px 10px 10px 0px; min-height: 155px; width:86%}
.small-calendar .calendarnav{position: relative; text-align: center; margin-top:20px; margin-bottom: 20px;}
.small-calendar .calendarnav span{font-size: 1.3em; color: #bcd1c4;}
.small-calendar .calendarnav .prev{position: absolute; left: 0; top: 0; text-decoration: none; color: #bcd1c4;}
.small-calendar .calendarnav .next{position: absolute; right: 0; top: 0; text-decoration: none; color: #bcd1c4;}

/* Mini Calendar - Dates grid */
.small-calendar table{background-color: transparent; box-shadow: 0px 0px 0px 0px #fff; margin: 0 0 0 -10px; width: 110%;}
.small-calendar table td, .small-calendar table th{padding: 7px 10px; color: #bcd1c4; border: none; font-size: 0.8rem; background-color: transparent;}
.small-calendar table thead tr td, .small-calendar table thead tr th{color: #bcd1c4; border: none;} 
.small-calendar table td{color:#fff; /* text-shadow: 1px 0 0 #5C335C, -1px 0 0 #5C335C, 0 1px 0 #5C335C, 0 -1px 0 #5C335C, 1px 1px #5C335C, -1px -1px 0 #5C335C, 1px -1px 0 #5C335C, -1px 1px 0 #5C335C; */}
.small-calendar table td.fullybooked{background-color: white}
.small-calendar table td.fullybooked a{color: #414042; font-weight:bold; text-decoration: none;}

/* Search Results */
.search-lots ul{margin: 0; padding: 0;}
.search-lots ul li{border-bottom: 1px dotted #AAA; min-height: 120px; vertical-align: top; position: relative; padding-left: 100px; list-style-type: none; padding: 10px 0 10px 10%; width: 40%; display: inline-block;}
.search-lots ul li img{position: absolute; left: 0; top: 10px; width: 80px; /*height: 120px;*/}
.search-lots ul li h3{font-size: 0.8rem; margin: 0; line-height: 1.5rem;}
.search-lots ul li p{margin: 0; font-size: 0.8rem; line-height: 1.5rem;}

/* Google Map*/
.main-container .map-container #mapcanvas{width: 100%; height: 400px}
.main-container .map-container #mapcanvas h4{color: #494949; text-transform: uppercase; font-size: 1.4rem}

/* Footer */
.footer-container {padding: 20px 0 34px 0px; background-color: #bcd1c4;}
.footer-container h3{color: #414042; margin: 37px 0 0;}
.footer-container .c6:first-child ul{list-style: none; margin: 0; padding: 29px 0 0 0;}
.footer-container .c6:first-child ul li{margin: 32px 0 35px 0; padding: 0;}
.footer-container .c6:first-child ul li a {position: relative; padding-left: 36px; letter-spacing: 0.02rem; font-size: 1.35rem; font-family: "Mercury Display A", "Mercury Display B";}
.footer-container .c6:first-child ul li a img{position: absolute; top: 4px; left: 0;}
.footer-container a{text-decoration: none; color: #414042;}
.footer-container p{padding: 0; margin: 0; line-height: 1.3rem; font-size: 0.8rem; color: #414042;}
.footer-container .twitter-container h3{margin: 53px 0 0 112px; letter-spacing: 0.02rem; font-size: 1.5rem; font-family: "Mercury Display A", "Mercury Display B";}
.footer-container .twitter-container .latest-tweet{margin-left: 110px;}
.footer-container .twitter-container .latest-tweet ul{list-style: none; margin: 0; padding: 19px 0 0 0;}
.footer-container .twitter-container .latest-tweet ul li{margin: 0; line-height: 1.5rem; font-size: 1.2rem;}
.footer-container .twitter-container .latest-tweet ul li a{padding: 0;}
.footer-container .twitter-container p{margin-left: 110px;}

/* Footer - Second */
.footer-container-second {padding: 52px 0; background-color: #414042;}
.footer-container-second h3{color: #fff; font-weight: normal; font-size: 1.3rem; margin-bottom: 3px; padding-bottom: 10px}
.footer-container-second h3.calendar{color: #bcd1c4; border-bottom: 2px solid #bcd1c4}
.footer-container-second a{text-decoration: none; color: #fff;}
.footer-container-second p{padding: 0; margin: 0 0 11px 0; line-height: 1.2rem; font-size: 0.8rem; color: #FFF;}
.footer-container-second .email-newsletter {width:67%}
.footer-container-second .email-newsletter h3{font-size: 1.2rem; letter-spacing: -0.02rem;}
.footer-container-second .email-newsletter p{margin-bottom: 18px;}
.footer-container-second .c4 form{padding: 0 !important;}
.footer-container-second .c4 form div.mc-field-group{min-height: auto !important; padding-bottom: 0 !important; border-bottom: 2px solid #FFF; margin-bottom: 20px;}
.footer-container-second .c4 form label{margin-bottom: 0 !important; color: #FFF; font-size: 0.8rem; text-transform: uppercase; display: inline-block !important; width: 16%;}
.footer-container-second .c4 form input{font-size: 0.85rem !important; color: #FFF !important; background: rgba(0, 0, 0, 0); height: 23px; margin: 0; display: inline-block !important; width: 81.5% !important; padding: 0 !important; border: none !important;}
.footer-container-second .c4 form input:focus{border-color: transparent !important; box-shadow: none;}
.footer-container-second .c4 form input.button{height: 32px !important; text-transform: uppercase; background-color: transparent !important; line-height: 26px !important; border: 2px solid #FFF !important; text-shadow: none; font-weight: normal !important; width: auto !important; padding: 0 10px !important; border-radius: 0 !important; float: left;}
.footer-container-second .c4 form input.button:hover{background-color: #FFF !important; color: #414042 !important;}
.footer-container-second .c4 form div.mce_inline_error{padding: 5px 10px !important; font-weight: normal !important; font-size: 0.85rem; margin: 0 !important;}
.footer-container-second .c4 form div#mce-responses{color: #FFF; margin: 10px 0 !important; padding: 0 !important; width: 100% !important;}
.footer-container-second .c4 form div#mce-responses .response{color: #F00; background-color: #FFF; margin: 0 !important; padding: 5px 6% !important; border: 1px solid #FFF; width: 84%;}
.footer-container-second .c4 form div#mce-responses .response#mce-error-response{color: #F00;}
.footer-container-second .c12 p{font-size: 0.6rem; color: #BCD1C4; font-weight: 600;}