/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
border-radius: 0 !important;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
a, a:focus, a:active {
outline: none;
}
:focus {
-moz-outline-style: none;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Siblify custom styles
========================================================================== */
body {background: #000; font-family: "HelveticaNeue-Light","HelveticaNeue",Helvetica,Arial,sans-serif; font-weight: lighter;}
#container { background: #FAFAFA url(../img/BGContainer.png) center repeat-y; }
/* Text and links */
a{text-decoration: none; color: #fff; }
nav a { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #FABC45; font-size: 14px;}
nav > a:first-child {border: none; }
#lead h1 {float: left; color: #fff; font-weight:lighter; font-size: 24px; margin: 0;}
article h1 {color: #000; font-size: 22px; margin: 0 0 10px;}
h2, h3 {color: #fff; font-weight: lighter;}
.artContent h3 {color: #030B2F; }
.artContent h4 {margin-bottom: 8px; }
article > h3 {color: #000;}
h2 span, h1 span {text-transform: uppercase;}
p {color: #030B2F; font-size: 14px; margin: 0 0 10px; line-height: 20px;}
ul {padding: 0; margin: 0;}
li {list-style: none;}
article > ul li {background:url(../img/listBullet.png) left 5px no-repeat; padding: 0 0 0 16px; font-size: 14px; }
/* HEADER */
header{padding: 24px 0 24px; width: 980px; margin: 0 auto; height: auto; overflow: hidden;}
/* DELETE THESE WHEN LOGO EXCHANGE COMPLETE */
header .logo {color: #fff; font-size: 28px; background: url(../img/logoBG.png) left bottom no-repeat; padding: 36px 0 0 70px; float: left; letter-spacing:1px;
line-height: 18px;}
header .logo span{color:#FABC45;}
/* ---------------------------- */
header .noaLogo {text-indent: -2000em; font-size: 1px; width: 331px; height: 54px; display: block; background: url(../img/newofficeasia_logo.gif) no-repeat; margin:0; background-size:100%;}
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi){
header .noaLogo {background: url(../img/newofficeasia_logo_HR.gif) no-repeat; }
}
header nav {float: right; margin: 39px 0 0 0;}
.callLink {float: right;}
.callLink h4 {color: #FABC45; font-size: 22px; font-weight: lighter; line-height: 22px; margin: 0 0 9px;}
.callLink p {color: #fff; margin-bottom: 0;}
.callLink img {margin-top: -2px;}
/* LEAD */
#lead {background: #161860 url(../img/yellowLaserBG.png) center repeat-x ; padding: 24px 0; }
#lead > div{width:932px; border: 1px solid #616DA3; background: #030B2F; margin:0 auto; padding: 24px; height: auto; overflow: hidden; position: relative; }
#results #lead > div{min-height: 34px;}
#home #lead > div {min-height: 50px; overflow: visible;}
#lead h2 {float: left; margin: 0; }
#home #lead h2 { margin: 8px 0 0 0; }
#results #lead h2 { margin:0;}
#lead form {float: left; display: inline; position: relative; margin: 0 0 0 24px;}
#lead input[type="text"]{border: 5px solid #FABC45; border-right: none; color: #B8B8B8; padding: 14px 6px 10px; height: 19px; width: 410px; }
#lead input { float: left; position: relative; z-index: 1100;}
#home #main { height: auto; overflow: hidden; }
#advancedSearch label {color: #000;}
.fancybox-nav span {
visibility: visible !important; }
/* MAIN */
#main {width: 980px; margin: 0 auto; position: relative; height: auto; overflow: hidden;}
#home #main {position: inherit;}
#left, #detail {float: left; width: 643px; padding: 24px; }
#home #left { padding:18px 24px 24px; }
#left > p:first-child, #left h2 {font-size: 23px; line-height: 28px; margin: 0 0 10px !important;}
#home h1 {font-size: 19px; line-height: 25px; margin: 0 0 10px !important;}
#home h1 {font-weight: lighter;}
#main h2 {margin: 20px 0 10px; color: #030B2F ;}
#noResults h2 {margin: -3px 0 10px;}
.accountIntro{ border-bottom: 1px dotted #616DA3; padding: 0 0 22px; margin-bottom: 50px;}
.advertsLoading {height: 70px; background:#030B2F url(../img/logoAnimated.gif) no-repeat 25px 25px; padding: 50px 0 0 90px; margin-bottom: 52px;}
.advertsLoading p {color: #fff; font-size: 18px;}
/* Footer */
footer {border-top: 1px solid #FABC45; }
footer > div {width: 974px; margin: 0 auto; padding: 24px 0; height: auto; overflow: hidden; }
footer div > ul > li{float: left; margin: 0 0 18px 30px;}
footer div > ul > li > a { text-transform: uppercase; display: block; color: #FABC45;}
footer div > ul > li a {font-size: 14px; }
footer div > ul{float: left;}
footer ul, footer nav {height: auto; overflow: hidden; max-width: 960px; float: left; }
#catLinks {margin-left: -30px;}
footer > div > ul { max-width: 974px;}
footer ul ul {float: none; margin: 4px 0 0 0;}
footer li a:hover {text-decoration: underline;}
footer h4 {color: #FABC45; font-size: 14px; font-weight: lighter; margin: 0 0 8px; text-transform: uppercase;}
footer h4 + ul li a {color: #fff; text-transform: none;}
footer h4 + ul { border-bottom: 1px dotted #616DA3; width: 994px; max-width: 994px; margin: 0 0 22px -30px;}
#lowerFoot {clear: both; margin: 24px 0 0; padding: 12px 0; border-top: 1px dotted #616DA3;}
#lowerFoot li {float: left;}
#lowerFoot ul > li:first-child a{padding-left: 0; margin-left: 0; border: none;}
#social {float: right; width: 240px; background: #030B2F; padding:8px 12px 12px; margin: 0 0 24px;}
#social > a > img {float: left; margin: 0 10px 10px 0;}
#social h5 {color: #fff; font-weight: normal; float: left; margin: 7px 0 0 12px;}
#social > a {float: left;}
#social > h4 {margin: 5px 0 10px; }
#tweet { float: right; background:url(../img/twitterSpeechTop.png) left top no-repeat; padding: 15px 0 0 0; }
#tweet p {margin: 0; padding: 4px 7px 0 11px; clear: both; color: #fff;}
#tweet > div{ padding: 0 0 5px; width: 238px; min-height: 95px; border: 1px solid #FABC45; border-top: none; }
#tweet h3 {background: #FABC45; padding: 6px 7px 0px; color: #181717; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; float: left; margin: 0; font-size: 14px;}
#tweet p.tweetDate {background: url(../img/tweetSpeech.png) right top no-repeat; padding: 7px 34px 2px 0; display: block; float: right; font-size: 14px; clear: none; }
#tweet.no_tweets {background: none;}
#tweet.no_tweets> div{background:none;}
#tweet a {text-decoration: none; color: #FABC45;}
.gFollow {height: 55px; border-top: 12px solid #030B2F; width: 240px; background: #fff; clear: both; overflow: hidden;}
p.copyright{ float: right; color: #fff; font-size: 14px; display: inline;}
p.copyright span {color: #FABC45; }
/* Tabbed browser */
/*
#tabbedBrowser{position: relative; height: 181px; border-bottom: 30px solid #000; }
#tabPanels {position: relative;border:1px solid #161860; height: 181px;}
#detail #tabPanels {background: #161860;}
#tabPanels > div { padding: 12px 12px 30px; position: absolute; top: 0px; left: 0px; display: none;}
#tabPanels > div.visible {display: block;}
#tabbedBrowser ul {height:auto; overflow: hidden; border-left:1px solid #161860; }
#tabbedBrowser ul li {float: left; padding: 6px 25px 0 20px; background: url(../img/BGTab.png) right top no-repeat; font-size: 16px; position: relative; margin: 0 0 0 -20px; z-index: 100;}
#tabbedBrowser ul li + li {z-index: 99;}
#tabbedBrowser ul li:hover {cursor: pointer; background: url(../img/BGTabHover.png) right top no-repeat; z-index: 90;}
#tabbedBrowser ul li.last {background: url(../img/BGTabLast.png) right top no-repeat;}
#tabbedBrowser ul li.last:hover {background: url(../img/BGTabLastHover.png) right top no-repeat;}
#tabbedBrowser ul li.last.active{background: url(../img/BGTabAct.png) right top no-repeat; color: #FABC45;}
#tabbedBrowser ul > li:first-child{ padding: 6px 25px 0 30px;}
#tabbedBrowser ul > li:first-child:hover {z-index: 100;}
#tabbedBrowser li.active {background: url(../img/BGTabAct.png) right top no-repeat !important; color: #fff; z-index:105 !important;}
#tabbedBrowser li.active:hover {color: #fff; cursor: default;}
#tabbedBrowser li + li.active {padding-left: 18px; margin-left: -18px;}
#tabbedBrowser p {color: #000; margin: 10px 0 0 0;}
#tabbedBrowser img + p{margin: 0;}
*/
/* Featured ads */
#featuredOffices{margin: 0 0 0 -25px; height: auto; overflow: hidden; width: 670px;}
#featuredOffices > div {float: left; width: 198px; background: #000; margin: 25px 0 0 23px; position: relative; border: 1px solid #070C2E;}
#featuredOffices > div.hover {border-color: #FBC853;}
#featuredOffices .milesFrom {position: absolute; top: 207px; left: 0px; display: block; width: 164px; background:url(../img/arrowRightBlYl.png) right center no-repeat; padding: 0 34px 0 0;}
#featuredOffices .milesFrom span{ display: block; background: url(../img/transBlack.png); padding:5px 12px; border-right: 1px solid #616DA3; border-top: 1px solid #090B2D; font-size: 16px;}
.cityName { height: 37px !important; display: block !important; border: none !important; padding: 0 !important;}
#featuredOffices .milesFrom span span{ background:none; padding:0; border:none; font-size: 14px; height: 197px; display: none; margin: 5px 0 0 0; padding: 7px 0 0 0; border-top:1px dotted #fff;}
#featuredOffices .hover .milesFrom > span{padding-top: 10px;}
.buildingThumb {float: left; margin: -12px 12px 0 -12px;}
.linkBar {background: #070C2E; width: 618px; position: absolute; bottom: 0px; left: 0px; padding:4px 12px 5px; text-align: right; }
.bottomLinks {width: auto;}
#home .linkBar {left: -1px;}
.linkBar a, .readMore {font-size: 13px; background:url(../img/arrowRightYl.png) right 5px no-repeat; padding: 4px 24px 0 12px; display: block; border-left: 1px dotted #616DA3; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.linkBar a:hover {color:#FABC45;}
#detail .linkBar { padding:9px 12px 9px;}
/* contact form */
.formSubmitting {position: absolute; left: -12px; top: -12px; background:url(../img/transBlack2.png) repeat; height: 100%; width: 100%; padding: 12px; display: none;}
.formSubmitting p {color: #fff; text-align: center; margin-top: -25px; position: relative; top: 50%;}
.formSubmitting img{position: absolute; left: 50%; top: 50%; margin: -70px 0 0 -16px; }
#mainForm, #mainListedForm {position: relative;}
.getDetails {background: url(/js/fancybox/source/fancybox_overlay.png); width: 100%; height: 100%; position: absolute; left:0px; top: 0px; z-index: 2000; display: none;}
#inner .getDetails {display: block; background: none; width: auto; height: auto; position: inherit; left: auto; top: auto; margin: 20px 0 0 0;}
.getDetails form {background: #FABC45; margin: 0 auto; width: 434px; padding: 12px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65); position: relative;}
.closeForm {background: url(/js/fancybox/source/fancybox_sprite.png);font-size: 1px; color: #000; width: 36px; height: 36px; position: absolute; top: -25px; right: -25px;}
.closeForm:hover {cursor: pointer;}
.getDetails form label {width: 140px; display: block; float: left; padding: 3px 0 0 0;}
.getDetails form input, .getDetails form textarea {width: 289px; color: #bbbbbb;}
.getDetails form #telephone {/* width:200px; */float: right; }
.getDetails form .fullName input {width: 136px; float: left;}
.getDetails form .fullName input + input {margin-left: 12px}
.getDetails form p {height: auto; overflow: hidden;}
#inner .getDetails form textarea{height: 140px; width: 276px;}
#inner .getDetails form #message.formError {border:#fc0d0d 2px solid; width: 274px;}
.disclaimer {margin-bottom: 0; font-size: 12px;}
.disclaimer > a {color: #000; text-decoration: underline;}
.getDetails form select {width: 140px; padding-top: 4px; padding-bottom: 1px;}
.getDetails form .telephone select {width:294px; margin-bottom: 10px; }
.telephone select optgroup {margin: 10px 0 0 0;}
.getDetails input[type='submit']{/* background: #000 url(/img/arrowDownload.png) no-repeat right 7px ; */background: #000 url(/img/arrowSubmit.png) no-repeat right 10px ; padding: 12px 20px 8px 8px; border: none; border-right:8px solid #000 !important; border-color: #000000; height: auto; color: #fff; width: auto; margin-top: 10px;}
.getDetails .enquiry input[type='submit'] {background: #000 url(/img/arrowSubmit.png) no-repeat right 10px ;}
#inner .getDetails input[type='submit']{background: #000 url(/img/arrowNext.png) no-repeat right 7px ;padding: 12px 25px 8px 8px;}
.formIntros p {border-bottom: 1px dotted #8d7e47; padding: 0 0 14px; margin: 0 0 20px; line-height: 22px;}
.listedEnquiry .formIntros p{border-bottom: none; margin: 0; padding: 0 0 7px;}
.formChecklist li{ float: left; font-size: 14px; margin: 0 0 0 16px; background: url(/img/formCheckTick.png) left top no-repeat; padding: 0 0 5px 20px; }
.formChecklist {margin: 0 0 20px; height: auto; overflow: hidden;}
.formChecklist > li:first-child {margin: 0;}
.formIntros p span {display: block; font-size: 16px; margin-bottom: 10px; font-weight: bold;}
.enquiryIntro {display: none;}
.viewingIntro {display: none;}
.getDetails h3 {color: #000; font-size: 18px; padding: 0 ; margin:0 0 10px ; font-weight: bold;}
.privacy h3 { font-weight: normal; color: #fff; font-size: 16px; margin: 0 0 5px;}
.getDetails p span.required {float: right; padding: 33px 0 0 0; font-size: 12px; color: #8d7e47; font-weight: normal;}
.privacy {background: #161860; margin: 12px 0 -24px -12px; padding: 12px; width: 434px; border-top: 1px dashed #b98f2a; }
.privacy p {line-height:20px; margin: 0; color: #fff; font-size: 13px}
.privacy p a {color: #fff; font-size: 13px; font-weight: bold;}
.response {position: relative; padding: 0 0 29px;}
.response > p:first-child {font-size: 19px; margin: 0 0 12px; font-weight: normal;}
p.closingIn {background: #000; color: #fff; text-align: center; position: absolute; left:-12px; bottom:-24px; width: 456px; padding: 5px 0; border-bottom: 1px solid #FABC45; border-left: 1px solid #FABC45; border-right: 1px solid #FABC45;}
p.closingIn span {font-weight: bold;}
.response span {font-weight: bold;}
.response .responseId {font-weight: normal;}
.getDetails #email.formError{background: #fff url(../img/formErrorBG.png) left -31px no-repeat;}
.getDetails #surname.formError, .getDetails #telephone.formError{background: #fff url(../img/formErrorBG.png) left top no-repeat; color: #fff; text-indent: -2000em;}
.getDetails .hadFocus {background: #fff !important; color: #000 !important; text-indent:0em !important;}
.formIntros p .instantDownload {display: inline; font-size: 14px; background: url("../img/arrowDownloadBlack.png") no-repeat right 1px; padding: 2px 13px 0 0; color: #000; font-weight: bold;}
.downloadIntro br {margin-bottom: 9px;}
/* Results article */
.viewMap {float: right; margin: -3px 0 0 0; padding: 5px 30px 0 0; background:url(../img/mapListIcon.png) right top no-repeat; font-size: 14px; display: none;}
#mapCanvas, .mapHolder {width: 641px; height: 398px; margin-bottom: 48px;}
.mapHolder {width: 980px; height: 250px; margin: 0 auto; position: relative; background:#F4F3F0 url(../img/mapPreloaders/default.jpg) no-repeat; }
.map-hong-kong .mapHolder{ background: url(../img/mapPreloaders/hong-kong-map.jpg) no-repeat; }
.map-australia .mapHolder{ background: url(../img/mapPreloaders/australia-map.jpg) no-repeat; }
.map-bahrain .mapHolder{ background: url(../img/mapPreloaders/bahrain-map.jpg) no-repeat; }
.map-china .mapHolder{ background: url(../img/mapPreloaders/china-map.jpg) no-repeat; }
.map-singapore .mapHolder{ background: url(../img/mapPreloaders/singapore-map.jpg) no-repeat; }
.map-india .mapHolder{ background: url(../img/mapPreloaders/india-map.jpg) no-repeat; }
.map-indonesia .mapHolder{ background: url(../img/mapPreloaders/indonesia-map.jpg) no-repeat; }
.map-israel .mapHolder{ background: url(../img/mapPreloaders/israel-map.jpg) no-repeat; }
.map-japan .mapHolder{ background: url(../img/mapPreloaders/japan-map.jpg) no-repeat; }
.map-jordan .mapHolder{ background:#000 url(../img/mapPreloaders/jordan-map.jpg) no-repeat; }
.map-kazakhstan .mapHolder{ background:#000 url(../img/mapPreloaders/kazakhstan-map.jpg) no-repeat; }
.map-kuwait .mapHolder{ background:#000 url(../img/mapPreloaders/kuwait-map.jpg) no-repeat; }
.map-lebanon .mapHolder{ background:#000 url(../img/mapPreloaders/lebanon-map.jpg) no-repeat; }
.map-malaysia .mapHolder{ background:#000 url(../img/mapPreloaders/malaysia-map.jpg) no-repeat; }
.map-mongolia .mapHolder{ background:#000 url(../img/mapPreloaders/mongolia-map.jpg) no-repeat; }
.map-new-zealand .mapHolder{ background:#000 url(../img/mapPreloaders/new-zealand-map.jpg) no-repeat; }
.map-pakistan .mapHolder{ background:#000 url(../img/mapPreloaders/pakistan-map.jpg) no-repeat; }
.map-philippines .mapHolder{ background:#000 url(../img/mapPreloaders/philippines-map.jpg) no-repeat; }
.map-qatar .mapHolder{ background:#000 url(../img/mapPreloaders/qatar-map.jpg) no-repeat; }
.map-saudi-arabia .mapHolder{ background:#000 url(../img/mapPreloaders/saudi-arabia-map.jpg) no-repeat; }
.map-south-korea .mapHolder{ background:#000 url(../img/mapPreloaders/south-korea-map.jpg) no-repeat; }
.map-taiwan .mapHolder{ background:#000 url(../img/mapPreloaders/taiwan-map.jpg) no-repeat; }
.map-thailand .mapHolder{ background:#000 url(../img/mapPreloaders/thailand-map.jpg) no-repeat; }
.map-turkey .mapHolder{ background:#000 url(../img/mapPreloaders/turkey-map.jpg) no-repeat; }
.map-uae .mapHolder{ background:#000 url(../img/mapPreloaders/uae-map.jpg) no-repeat; }
.map-vietnam .mapHolder{ background:#000 url(../img/mapPreloaders/vietnam-map.jpg) no-repeat; }
.mapHolder > p{ color: #fff; font-size: 18px; text-align: left; background: url("../img/homeslider/office-countBG.png") no-repeat right top; position: absolute; left: 0px; bottom: 0px; margin: 0; height:65px; padding: 12px 60px 0 0; border-left: 92px solid #000; z-index: 1000;}
.mapHolder img.mapAjaxLoading {margin: 0 32px 0 -65px; }
#map_canvas h2 {margin: 0; padding: 0; line-height: 16px; height:19px; overflow: hidden; }
#map_canvas h2 a{color: #000; font-size: 16px; line-height: 16px; margin: 0 0 12px; max-width: 465px;}
#map_canvas h2 a:hover {text-decoration: underline;}
#map_canvas p {font-size: 12px; line-height: 14px; color: #000; padding: 0; min-width: 465px; text-align: left; margin: 5px 0 5px 0;}
#map_canvas .buildingThumb { margin: 0 12px 0 0;}
#map_canvas .readMore {background: #070C2E url("/img/arrowRightYl.png") no-repeat right 7px; clear: both; text-align: right; border: none; border-right:8px solid #070C2E; padding: 6px 24px 4px 12px;}
#map_canvas .readMore:hover {color: #FABC45;}
.pagination {background: #030B2F; padding: 9px 12px 0px 3px; z-index: 1300; display: none; height: auto; overflow: hidden; margin: 0;}
article + .pagination {margin: -24px 0 0;}
.location .pagination{display: block;}
.pagination form {float: right; clear: right;}
.pagination form select {font-size: 13px; margin: 5px 0 0 8px;}
.pagination form p{float: left;}
.pagination p {float: left; color: #fff; margin: 3px 0 6px 12px; padding: 0; }
.pagination p span {padding: 0 12px 0 0; margin: 0 12px 0 0; background: url(../img/dividerYl.png) right top no-repeat; display: block; float: left;}
#allResults { position: relative; padding: 0;}
.pageLinks { clear: none !important; position: relative; margin: 0 0 0 11px!important; width: auto !important; background: url(../img/arrowNextDrk.png) right top no-repeat; }
.pageLinks span {color: #fff;}
.pagination p.pageLinks span{background: none; padding: 0;}
#container .pageLinks > span {display: block; padding:3px 3px 0 31px; min-height: 24px; background: url(../img/arrowPrevDrk.png) left top no-repeat; margin-right: 12px;}
.pageLinks a, .pageLinks strong, .pageLinks span span {text-decoration: none; float: left; margin-right: 5px; }
.pageLinks a.active, .pageLinks strong {color: #FABC45;}
.resultsPrev, .resultsNext { width: 14px; height: 23px;background: url(../img/arrowPrev.png) no-repeat scroll left center; display: block; overflow: hidden; text-indent: -5000em; position: absolute; left: 13px; top:0px; }
.matchCount {color: #fff;}
.resultsNext { background: url(../img/arrowNext.png) no-repeat scroll left center; left: auto; right: 0px; margin-right: 0 !important;}
#allResults .pagination + article, #allResults .mapHolder + article {margin: 48px 0 48px;}
#allResults article {border: 1px solid #161860; padding: 12px 12px 30px; position: relative; margin: 24px 0 48px; min-height: 111px; }
#allResults article.last {margin-bottom: 24px;}
#allResults article h3, #allResults article h2 {background: url(../img/BGTabAct.png) right top no-repeat; color: #fff; position: absolute; left: -1px; top: -29px; margin: 0; font-size: 14px; line-height: 18px; padding: 7px 25px 2px 12px; height: 20px;}
article .linkBar {border-top: none;}
.linkBar li {color: #FABC45; float: left; font-size: 14px; margin: 4px 0 0 10px; padding: 0 0 0 10px; background:url(../img/dividerYl.png) left 2px no-repeat; }
.linkBar ul > li:first-child {background: none; padding-left: 0; margin-left: 0;}
.locationName {text-transform: uppercase;}
a .mapListingLink { color: #fff; margin: 0 0 0 9px; border-left: 1px solid #fff;padding: 0 18px 0 3px;}
#container .locationDetails{ background: url(../img/mapMarkerIcon.png) left 3px no-repeat; padding-left: 15px;}
.linkBar > a:first-child {background: none; color: #FABC45; padding: 4px 0 0 0; margin: 0; border: none; float: left;}
/* listed articles */
.listed a:hover {cursor: pointer;}
.listedGetDetails {display: none;}
/* Detail */
#description h3, #description h2, #home h3, #container aside > h3, #tabbedBrowser > h3 {color: #FABC45; margin: 5px 0 0 -12px; padding: 6px 25px 3px 12px; background: url("../img/BGTabAct.png") no-repeat right top; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; font-size: 16px; font-weight: normal; font-weight: lighter;}
#tabbedBrowser > h3 {margin-left: 0;}
#home h3, #container aside > h3 {margin-left: 0;}
#container aside > h3 {margin-top: 0;}
#home aside > h3 {margin-top: 24px;}
#intro h3, #intro h2 { margin: 5px 0 10px -12px;}
.locationStat {background: #161860; color: #FABC45; font-size: 14px; padding: 5px 0 0 12px; margin-left:8px; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border-left: 1px dotted #616DA3;}
#tabPanels #google_map{z-index: -10; display: block;}
#google_map {position: relative; margin :0 0 15px -12px; width: 641px;}
#transportLinks {padding: 12px 0 2px; height: auto; overflow: hidden; background: #FABC45; border-bottom: 1px solid #070C2E;}
#transportLinks h3 {color: #181717; margin: 0 0 0 12px; background: none; padding: 0; font-size: 18px; font-weight: bold;}
#transportLinks li {color: #181717 !important; font-size: 14px !important; margin: 0 0 5px 0 !important; padding: 0 0 0 15px !important; font-weight: bold; }
#transportLinks ul {padding: 7px 12px 3px ; margin-bottom: -1px; border-left: none !important;}
#transportLinks li span {padding: 0 0 0 4px; border-left:1px dotted #8a6d29; font-weight: normal;}
#transportLinks li.tube {background:url(../img/iconUnderground.png) left 3px no-repeat !important; }
#transportLinks li.road {background:url(../img/iconMotorway.png) left 2px no-repeat !important; }
#transportLinks li.airport {background:url(../img/iconAirport.png) left 2px no-repeat !important; }
#transportLinks li.rail{background:url(../img/iconRail.png) left 4px no-repeat !important; }
.hideTlinks {display: none;}
#map2 {height: 369px; width:641px; border-bottom: 1px solid #070C2E; border-top: 1px solid #070C2E;}
#map2 h4{margin: 0 0 13px;}
#street_view small a {display: none;}
#street_view {max-width: 400px; max-height: 296px; overflow: hidden;}
.streetViewLink {display: none;}
#detail article {position: relative; padding: 0 0 50px; }
#detail #tabPanels { height:325px;}
#detail #tabbedBrowser{height: 353px; border: none; }
#detail #tabPanels > div { padding: 12px; }
#officeStats, #officePois {background:#161860; padding:0 12px 12px; height: auto; overflow: hidden; position: relative;}
#officeStats h3, #officePois h3 {margin: 0 0 7px; font-size: 16px; color: #FABC45;}
#officeStats ul, #officePois ul {float: left; margin: 0 24px 0 0; border-right: 1px dotted #616DA3; padding: 0 24px 0 0; width: 285px;}
#officeStats ul.onlyStats, #officePois ul.onlyStats {border: none; padding: 0; margin: 0; width: 100%;}
#officeStats ul + ul {border: none; padding: 0; margin: 0;}
#officeStats li , #officePois li {color: #fff; font-size: 14px; background: url("../img/arrowRightYl.png") -15px 4px no-repeat; padding: 3px 0 0 14px; margin: 4px 0 0;}
#officeStats ul > li:first-child, #officePois ul > li:first-child{margin: 0;}
#statToggle, #poisToggle {display:none; float: right; background:url(../img/bgTabSlideBlue.png) left bottom no-repeat; padding: 2px 9px 1px 16px; margin:0 1px 0 0; min-height: 19px; min-width: 55px; text-align: right;}
.revealStats, .hideStats, .revealPois, .hidePois {color: #fff; display: block; font-size: 13px; background: #161860 url(../img/arrowSlideDown.png) right center no-repeat; padding: 0 14px 0 0; }
.hideStats, .hidePois {display: none; background:url(../img/arrowSlideUp.png) right 6px no-repeat;}
#officePois ul li{background: url("../img/mapMarkerIcon.png") no-repeat left 1px transparent; padding-left: 15px;}
#officePois ul {float:none; margin:0; border-right: none; padding: 0; width: auto;}
#officePois ul li a {color: #FABC45;}
#officePois ul li a span {color: #fff; padding: 0 0 0 5px; border-left:1px dotted #8a6d29; margin-left: 2px;}
#officePois ul li a.locationDetails {background: none; padding: 0;}
#officePois h3 {margin: 10px 0 5px -12px;}
#poisToggle{margin: 0 -1px 0 0;}
#description {padding: 12px 12px 0; border: 1px solid #161860; border-top: none; border-bottom: none;}
#description > h3.noBGHeading {background: none; padding: 0; margin: 2px 0 6px; font-size: 16px; color: #161860; font-weight: bold;}
#detail .linkBar a, #sidebarEnquiry > a{background:#070C2E url(../img/arrowDownload.png) right 1px no-repeat; padding-right: 20px; text-transform: uppercase; border: none;}
#detail .linkBar a.makeEnquiry, #sidebarEnquiry a.makeEnquiry {background:#070C2E url(../img/iconComment.png) right 3px no-repeat;padding-right: 25px; border-left: 1px dotted #616DA3; margin-left: 8px;}
#detail .linkBar a{ float: left; color: #fff;}
#details #sidebarEnquiry h2 {margin: 0 0 7px;}
#details #sidebarEnquiry > a { border: none; display: block; padding: 13px 12px 9px; margin: 0; background-position: 230px 12px;}
#details #sidebarEnquiry a.arrangeViewing{background:#070C2E url(../img/iconViewing.png) right 3px no-repeat; background-position: 228px 10px;}
#details #sidebarEnquiry a.viewWebsite{background:#070C2E url(../img/iconWebsite.png) right 3px no-repeat; background-position: 228px 10px;}
#details #sidebarEnquiry > a + a{border-top: 1px dotted #FBC853; padding: 12px 12px 11px; background-position: 229px 15px;}
#details #sidebarEnquiry > a:hover {background-color: #000;}
#details #sidebarEnquiry { padding:0; width: 265px; float: right; margin: 24px 24px 24px 0;}
p .downloadDetails, p .makeEnquiry {color: #000; font-weight: bold; padding: 2px 15px 0 0; background:url(../img/arrowDownloadBlack.png) right 3px no-repeat; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: -2px 0 0; font-size: 15px;}
p .makeEnquiry { background:url(../img/iconCommentSmall.png) right 7px no-repeat; padding: 2px 18px 0 7px; margin-left: 6px; border-left: 1px dotted #000;}
/* .getDetails {background: url(/js/fancybox/source/fancybox_overlay.png); width: 100%; height: 100%; } */
p .innerEnquiryLink{padding: 0; margin: 0; display: inline; background: none; border: none; text-decoration: underline; text-transform: none; font-size: 14px;}
/* images */
#detail #tabPanels #images {padding-right: 13px; width: 618px; background: #161860;}
.mainImage {border: 1px solid #646CA1;}
#thumbsBrowser {float: right; width: 215px; height: 300px; background:url(../img/thumbBg.png) left top; position: relative;}
#thumbsBrowser img {float: left; margin: 0 0 12px 12px; border: 1px solid #646CA1;}
#thumbsBrowser img:hover {border: 1px solid #FABC45; cursor: pointer;}
#thumbsBrowser img.visible{ border: 1px solid #FABC45;}
#thumbsBrowser a.enlargeThumbs {position: absolute; bottom: 5px; right: 5px; color: #fff; height: 12px; width: 12px; text-indent: -1000px; font-size: 1px; background:url(../img/iconMagnify.png) right center no-repeat; padding:1px 15px 0 0; }
/* Sidebar */
#details #sidebarEnquiry .moreOffices { display: block; padding: 13px 12px 9px; text-transform: uppercase; font-size: 1em; margin: 10px 0 0; background:#070C2E url(../img/iconMagnifyYell.png) right center no-repeat; border: none; border-right: 12px solid #070C2E; }
.moreOffices span{color: #FABC45; }
.moreOffices:hover {background:#000 url(../img/iconMagnifyYell.png) left center no-repeat;}
#main aside {float: right; width: 265px; padding: 0 24px 0 0; }
#inner #main aside { padding: 24px 24px 0 0; }
aside h3, aside h4 {margin: 0 0 10px; color: #fff; font-weight: normal; font-size: 16px;}
#sidebarEnquiry h3 {color:#070C2E; margin: -5px 0 4px; font-size: 22px; }
#geoResult aside {padding: 24px 24px 0 0; }
#callback { padding: 12px 12px 0 !important; width: 240px; background: #FABC45; display: none; height: auto; overflow: hidden; margin: 0 0 24px;}
#callback h3, #hkRentalAd h3 {color:#030B2F; margin: 0 0 10px;}
#callback p, #hkRentalAd p {margin: 0 0 10px 0;}
#callback p span, #hkRentalAd p span {text-transform: capitalize; font-weight: bold;}
#callback input[type=text]{float: right; border: 1px solid #616DA3; font-size: 14px; height: 18px; padding: 3px 0 0 2px; color: #B8B8B8; margin: -3px 0 0 0; width: 155px;}
#callback input#submit, #hkRentalAd > a{ background:url(/img/bgCallback.png) right 8px #000000 no-repeat; padding: 12px 24px 8px 8px;}
#callback select {width: 160px; float: right; }
#callback select optgroup {margin-bottom: 20px;}
#callback input[type='submit']{ background: #000 url(/img/arrowSubmit.png) no-repeat right 11px ;
border: none;
border-right: 12px solid #000;
color: #FFFFFF;
margin: 4px 0 0 -12px;;
padding: 13px 18px 10px 12px;
width: 265px;
text-align: right;}
#main aside > ul{margin: 0 0 24px;}
aside li { border: 1px solid #616DA3; border-top:none;}
aside ul > li:first-child {border: 1px solid #616DA3;}
aside li a {color: #030B2F; background:url(../img/arrowRightBlYl.png) right center no-repeat; display: block; padding:6px 12px 5px; font-size: 16px;}
aside li a:hover, aside li.here a{background:#FABC45 url(../img/arrowRightBlYl.png) right center no-repeat;}
#popular li a {text-transform: uppercase;}
#shareOffice {border:1px solid #161860; height: 30px; padding: 12px 0 12px 12px;}
#shareOuter{ width: 263px; }
/* #shareOffice > div {float: left !important; margin: 0 12px 0 0!important;} */
.addthis_toolbox > a {margin:0 0 0 5px;}
.addthis_toolbox > a:first-child {margin:0;}
.ishareactive {display: none;}
#hkRentalAd { padding: 12px 12px 2px; width: 240px; background: #FABC45; float: right; }
#hkRentalAd p a {font-weight: bold; color: #000; }
#hkRentalAd > a{ background:url(/img/bgNewWindow.png) right 10px #000000 no-repeat; padding: 8px 22px 4px 8px; margin: 0 0 10px; border-right: 8px solid #070C2E; width: auto;
min-height:10px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#hkRentalAd h4 {color: #030B2F; margin: 0 0 7px; }
/* Search form */
/* distance */
/*
.distance {width: 235px;
font-size: 14px;
text-decoration: none;
border-bottom: 1px dotted #616DA3;
}
.distance input {margin-bottom: 3px; }
.distance p {font-size: 14px; text-decoration: none; text-align: left; padding: 8px 0 3px; float: none; margin:5px 0 0 0; border: none !important;}
.distance #miles {
background: #fff;
color: #030B2F !important;
display: inline-block;
height: 22px;
margin: -5px 2px 0 3px;
min-height: 10px;
padding: 2px 1px 0 0;
text-align: center;
vertical-align: top;
width: 36px;
line-height: 22px;
border: 1px solid #616DA3;
}
*/
.leadOpt {color: #fff; background: #161860; padding: 8px 0 10px 0;}
/* Interactive jquery map */
area {position: relative; z-index: 10000;}
area:hover {cursor: pointer;}
#timeZones {width:644px; background:#161860; clear: both; margin:0 0 20px 0; border: 1px solid #030B2F; border-top:none; }
#globalReach {float: left;}
#globalReach h3 {background: url(../img/h3TabBG.png) right top no-repeat; padding: 12px 35px 8px 10px; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
#iMap {width: 644px; margin: 0 auto; height:479px; position: relative; }
#globalMap {position: absolute; left: 0px; top: 0px;}
.latitude {position: absolute; left: 300px;}
.longitude {position: absolute; left: 0px; top:187px;}
#allCountries {background:#000; overflow: hidden; position: relative; width: 644px; padding: 15px 0 10px;}
#allCountries p{background:#000;line-height: 25px; position: absolute; left: 20px; top: 15px; width: 586px;}
#allCountries p a, #allCountries p { text-transform: uppercase;}
p.country { z-index: 10; color: #FABC45;}
p.country span {color: #fff;}
#allCountries .thailand {display: block; z-index: 100;}
span.clickMap {color: #fff; border-left: 1px dotted #FFFFFF;float: right; padding: 0 0 0 10px; margin: 0 0 0 10px; width: auto; min-height:10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; display: none;}
#utcAll p {font-size: 12px; float: left; display: none; background: url(../img/transBlack.png) repeat; padding:6px 11px; text-align: right; position: absolute; top: 0; right: 0px; color: #fff;}
#utcAll p.thailand {display: block;}
span.clock {color: #fff;}
#page {width: 644px; float: right;}
#page p {color: #181717;}
#page .pageImage {margin: 0 0 20px 0;}
#page a .pageImage {margin:5px 0 0 0;}
#bottomContent #sidebar {float: right; width: 303px; margin: 0 0 20px 0;}
/* countries */
#countryImages img {position: absolute; display: none;}
#countryImages .au_queensland {left: 463px; top: 298px;}
#countryImages .au_northernterritory {left: 423px; top: 299px;}
#countryImages .au_westernaustralia {left: 360px; top: 310px;}
#countryImages .au_southernaustralia {left: 423px; top: 362px;}
#countryImages .au_victoria {left: 471px; top: 403px;}
#countryImages .au_newsouthwales {left: 475px; top: 377px;}
#countryImages .au_tasmania {left: 490px; top: 431px;}
/* #countryImages .australia {left: 360px; top: 297px;} */
#countryImages .bahrain {left: 105px; top: 139px;}
#countryImages .china {left: 205px; top: 8px;}
#countryImages .hongkong {left: 362px; top: 157px;}
#countryImages .india {left: 182px; top: 100px;}
#countryImages .israel {left: 40px; top: 114px;}
#countryImages .indonesia {left: 288px; top: 229px;}
#countryImages .japan {left: 429px; top: 51px;}
#countryImages .jordan {left: 44px; top: 111px;}
#countryImages .lebanon {left: 43px; top: 108px;}
#countryImages .kazakhstan {left: 91px; top: 0px;}
#countryImages .kuwait {left: 93px; top: 125px;}
#countryImages .malaysia {left: 307px; top: 225px;}
#countryImages .mongolia {left: 264px; top: 16px;}
#countryImages .newzealand {left: 581px; top: 403px;}
#countryImages .pakistan {left: 153px; top: 94px;}
#countryImages .philippines {left: 378px; top: 175px;}
#countryImages .qatar {left: 109px; top: 141px;}
#countryImages .saudiarabia{left: 44px; top: 116px;}
#countryImages .singapore{left: 322px; top: 246px;}
#countryImages .taiwan{left: 390px; top: 146px;}
#countryImages .thailand{left: 297px; top: 165px; display: block;}
#countryImages .turkey{left: 8px; top: 67px;}
#countryImages .southkorea {left: 415px; top: 86px;}
#countryImages .uae {left: 114px; top: 142px;}
#countryImages .vietnam {left: 317px; top: 155px;}
/* slider */
/*
#slider {width: 235px; height: 25px; position: relative;background: url(../img/formSliderBG.png) no-repeat; margin-top: 8px; }
#slider img {position: absolute; left: 105px; top: -13px;}
.slidePointer:hover {cursor: pointer;}
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-menu { display:none; position:absolute; z-index:10000; text-align: left; background: #FABC45; border: 1px solid #646CA1; border-top: none;}
.ui-multiselect-checkboxes { position:relative ; overflow-y:auto ; width: 100%; height: 273px !important;}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:7px 8px 0; margin-top: 5px; border-top: 1px dotted #8D7E47; height: auto; overflow: hidden; }
.ui-multiselect-checkboxes > li:first-child label {border: none; margin-top: 0;}
.ui-multiselect-checkboxes label:hover {cursor: pointer;}
.ui-multiselect-checkboxes label span {color:#161860; display: block; float: left;}
.ui-multiselect-checkboxes label input { border: medium none; border-radius: 0 0 0 0; float: left; height: 15px; margin: 0 5px 0 0; position: relative; top: 1px; width: 15px;}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
* html .ui-multiselect-checkboxes label { border:none }
#advancedSearch button.ui-multiselect {float: right;}
button.ui-multiselect {background: #070C2E; color: #FABC45; border: 1px solid #646CA1; padding: 12px; width: 240px !important; text-align: center;}
.ui-widget-header {background: #070C2E; height: 20px; padding: 7px 12px 5px; }
.ui-helper-reset a {color: #fff;}
.ui-helper-reset a.ui-multiselect-none span {border-left: 1px dotted #fff; padding-left: 10px;}
*/
aside input, #container #advancedSearch input, .getDetails input, .getDetails form textarea {width: 232px; color: #B8B8B8; font-size: 14px; padding: 6px 0 3px 3px; border: 1px solid #616DA3; }
.getDetails input.formError{border:#fc0d0d 2px solid; width: 285px; padding: 5px 0 2px 3px;}
.getDetails input#surname.formError{ width: 132px;}
input.hadInput, input.hadFocus, textarea {color: #030B2F !important;}
/*
#container #officeSearch input[type="checkbox"]{float: left; margin: 1px 6px 0 0; width: 15px; height: 15px; clear: left;}
#container #advancedSearch input[type="checkbox"]{float: left; margin: -1px 6px 0 0;}
#container #officeSearch .shortInputs {background:url(../img/arrowInputs.png) center bottom no-repeat; }
#container #officeSearch .shortInputs input {width: 95px; float: none;}
#container #officeSearch .shortInputs input + input{float: right;}
*/
#container aside #searchFormTitle {background: #161860; display: inline;}
.searchKeyword { background: url("../img/BGTabAct.png") no-repeat scroll right top transparent; }
#officeSearch ul {height:auto; overflow: hidden; border-left:1px solid #161860; }
#officeSearch ul li {float: left; padding: 6px 20px 0 20px; background: url(../img/BGTab.png) right top no-repeat; font-size: 16px; position: relative; margin: 0 0 0 -20px; z-index: 100; border: none !important;}
#officeSearch ul li + li {z-index: 99;}
#officeSearch ul li:hover {cursor: pointer; background: url(../img/BGTabHover.png) right top no-repeat; z-index: 90;}
#officeSearch ul li.last {background: url(../img/BGTabLast.png) right top no-repeat; color: #B8B8B8; }
#officeSearch ul li.last:hover {background: url(../img/BGTabLast.png) right -50px no-repeat; color: #161860;}
#officeSearch ul li.last.active{background: url(../img/BGTabAct.png) right top no-repeat; color: #FABC45;}
#officeSearch ul > li:first-child{ padding: 6px 20px 0 30px;}
#officeSearch ul > li:first-child:hover {z-index: 100;}
#officeSearch li.active {background: url(../img/BGTabAct.png) right top no-repeat !important; color: #fff; z-index:105 !important;}
#officeSearch li.active:hover {color: #fff; cursor: default;}
#officeSearch li + li.active {padding-left: 18px; margin-left: -18px;}
#officeSearch p {color: #000; margin: 0;}
#officeSearch img + p{margin: 0;}
aside input:focus {border: 1px solid #FABC45;}
#officeSearch form label {margin: 12px 0 5px 0; display: block; font-size: 14px; color: #000;}
aside #officeSearch form label { color: #fff;}
aside #officeSearch form label span {color: #FABC45; }
aside #officeSearch form > p:first-child label {margin-top: 0;}
#citySelect label {float: left;}
#citySelect select {margin: 11px 0 0 10px; width: 150px;}
aside form#officeSearch p {color: #fff; font-size: 14px; border-bottom: 1px dotted #616DA3; padding-bottom: 14px; margin: 0;}
aside form p#checks {line-height: 23px; border-bottom: none; padding: 0; clear: both;}
#home form p#checks { margin: 12px 0 0; }
aside #officeSearch form{background: #161860; padding: 12px 12px 0; margin: 0 0 24px 0;; position: relative; overflow: hidden;}
#detail + aside > #officeSearch form:first-child {margin-top: 24px;}
/* .searchSubmit {width: 267px; height: 50px; padding: 0; border: none; position: absolute; bottom: 0px; left: 0px;} */
/*
.searchSubmit {
background: url("/img/searchSubmitBG.png") no-repeat scroll right 6px #000000;
border: 1px solid #FABC45;
color: #FFFFFF;
margin: 12px 0 0;
padding: 12px 30px 8px 8px;
width: auto;
}
*/
.searchSubmit {
background: url("/img/searchSubmitBG.png") no-repeat scroll right 6px #000000;
border: none;
border-top: 1px solid #616DA3;
color: #FFFFFF;
margin: 16px 0 0 -12px;;
padding: 12px 30px 10px 12px;
width: 265px;
text-align: right;
}
#country option {text-transform: capitalize;}
#results aside h2 {margin: 16px 0 10px; color: #030B2F;}
#allResults article p {margin: 0;}
.rates {font-weight: bold; position: absolute; bottom:39px; left: 133px; background: #fff; }
.rates a{font-weight: bold; color: #000;}
.rates a:hover{text-decoration: underline;}
/*
#container #officeSearch #distance {width: 40px; text-align: center; padding: 6px 0 3px 0 ; float: none;}
#results #lead form {position: absolute; right: 24px; top: 45px;}
#per_page {width: 55px;}
#results #lead form span {padding: 0 12px 0 0; margin: 0 10px 0 0; background: url(../img/dividerYl.png) right top no-repeat; }
#order {width: 165px;}
.distanceOrder {display: none;}
a.advancedSearch {float: right; height: 43px; padding:7px 12px 1px 12px; margin: 0 0 0 12px; background: #051D64 url(../img/plusBlue.png) no-repeat center bottom; border: 1px solid #616DA3; font-size: 14px;}
a.advancedSearch:hover {cursor: pointer;}
#advancedSearch {display: none; position: absolute; top: 86px; right: 150px; background: #FABC45 ; padding: 12px 12px 0; z-index: 1300; width:485px; border: 1px solid #161860;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.65);}
#advancedSearch .left {border-right: 1px dotted #d9a833; padding: 0 12px 0 0; margin: 0 12px 0 0;}
#advancedSearch .left, #advancedSearch .right {float: left; width: 230px; margin-bottom: 8px;}
#advancedSearch h3 {font-size: 1px; color:#030B2F; width: 71px; height: 29px; background: url(../img/BGAdvancedForm.png) center top; position: absolute; top:-28px; left:219px; text-align: center;}
form #advancedSearch label {margin: 0 0 10px; width: 229px; }
form #advancedSearch p + p label{border-top :1px dotted #D9A833; padding: 10px 0 0 0;}
#container #advancedSearch input {width: 225px;}
#officeSearch #advancedSearch .shortInputs {
background: url("../img/arrowInputsBlue.png") no-repeat scroll center bottom transparent;
}
*/
#home .ui-multiselect-menu {width: 238px !important;}
#checks label {float: left;}
#advancedSearch p#checks {clear: both; border-top :1px dotted #D9A833; padding: 12px 0 12px 0; min-height: 41px;}
#overlay {background:url(../js/fancybox/source/fancybox_overlay.png) ; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1000; display: none;}
p.radius {font-size: 13px; margin-top: -5px;}
.fancybox-title-float-wrap .child { border-radius: 0 !important; font-weight: normal !important; color: #FABC45 !important; border: 1px solid #FABC45; padding: 4px 16px !important;}
.fancybox-title-float-wrap { bottom: -12px !important;}
/* image slider */
/* slider */
#mapOuter {width: 100%; background: #FABC45; border-bottom: 1px solid #cfcdc0;}
#slider_container{position: relative; width: 980px !important; overflow:hidden; z-index:0; margin: 0 auto;}
#slider_container #slider_images{ width: 980px !important; height: 250px; position: relative; overflow: hidden; z-index: 0;}
#slider_container #banner_strap { width: 450px; height: 85px; position: absolute; bottom: 0px; z-index: 5;}
/* Controls */
#slider_container a#next, #slider_container a#prev{display:none;}
.js #slider_container a#next
{
outline: none;
display: block;
height: 39px;
width: 36px;
z-index: 5;
color: #fff;
position: absolute;
right: 2px;
top: 0px;
background: url(http://www.newlandchase.com/img/sliderRight.png) center no-repeat;
}
.js #slider_container a#prev
{
color: #fff;
outline: none;
display: block;
height: 39px;
width: 36px;
z-index: 5;
position: absolute;
left: 0px;
top: 0px;
background: url(http://www.newlandchase.com/img/sliderLeft.png) center no-repeat;
}
/* Nav blockers */
#controls {position: absolute; right: 340px; bottom: 17px; width: 105px; z-index: 10000; display: none;}
#controls p {margin: 8px 0 0 0;;}
#slider_container div#next_block,
#slider_container div#prev_block
{
cursor:default;
display:none;
}
.js #slider_container div#next_block
{
display: block;
height: 39px;
width: 36px;
z-index: 999;
cursor:pointer;
position: absolute;
right: 2px;
top: 0px;
}
.js #slider_container div#prev_block
{
display: block;
height: 39px;
width: 36px;
z-index: 999;
cursor:pointer;
position: absolute;
left: 0px;
top: 0px;
}
/* Pagination */
#slider_container #slide_counter
{
color: #fff;
letter-spacing: 2px;
font-size: 11px;
z-index:999;
cursor:default;
text-align: center;
}
/* Slide content */
.countryLink{position: absolute; left: 0px; top: 0px; text-indent: -2000em; font-size: 1px; display: block; width:980px; height:250px; z-index: 12; }
#slider_content_panel
{
width: 450px;
display:none;
}
.js #slider_content_panel
{
display:block;
height: 85px;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 6;
background: url(../img/homeslider/office-countBG.png) right 10px no-repeat;
width:490px;
}
#slider_content
{
height: 85px;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 6;
overflow: hidden;
}
#slider_content div
{
display: none;
top: 0;
height: 85px;
}
#slider_content div div.text
{
width: 450px;
padding: 43px 20px 0 0;
position: relative;
height: 42px;
display: inline-block;
z-index: 1;
}
blockquote, #slider_content div blockquote p
{
margin: 0;
font-weight: normal;
font-weight: lighter;
text-transform: none !important;
color: #fff;
font-size: 18px;
clear: both;
}
#slider_content div blockquote p span {color: #FABC45;}
#slider_content div blockquote p span.count {color: #fff; font-size: 30px; display: block; float: left; background: #000; height: 41px; padding: 32px 0 0 0; margin: -32px 15px 0 0; width: 80px; text-align: center;}
span.glow{color: #FABC45 !important ; }
/*
blockquote:before {
content: " ";
width:48px;
height: 41px;
float: left;
margin: 10px 10px 5px 0;
}
*/
#slider_content div div.text cite {display: block; font-size: 12px; color: #fff; margin: 10px 0 0 0;}
#slider_content div p
{
color: #eed46a;
line-height: 12px;
font-size: 11px;
font-weight: bold;
padding-bottom: 5px;
}
.lang_cn #slider_content div p{color: #fff; font-size: 18px; line-height: 29px; margin-top: 2px;}
#slider_content div p.headline
{
color: #fff !important;
font-size: 18px; /* 1.61em */
line-height: 21px; /* 25px */
font-weight: normal;
padding-bottom: 10px;
}
#slider_content div a
{
color: #eed46a;
font-size: 11px;
font-weight: bold;
padding: 0 20px 0 0;
background-image: url(http://www.newlandchase.com/images/arrow_link_slider.gif);
background-position: right -100px;
background-repeat: no-repeat;
}
/* Blog */
#blog article {margin: 0 0 20px; }
#blog article h3 {font-size: 17px; margin-bottom: 9px;}
#blog article h3 a {color: #000;}
#blog article h2{background:none; font-size: 22px; margin: 0 0 15px; margin-top: 5px !important;}
.blogBar { background: #161860; padding: 12px; height: auto; overflow: hidden; clear: both; margin-top: 10px;}
.blogBar > a {float: right; font-size: 13px; margin:0; }
.blogBar .readMore {color: #FEC741; background: url("../img/arrowRightYl.png") no-repeat right 9px; padding: 8px 24px 6px 12px;}
#blog p .readMore {color: #fff; border: none; background:#000 url("../img/arrowRightYl.png") no-repeat right 12px; padding: 8px 24px 6px 12px; border-right: 6px solid #000;}
#blog #left {padding-top: 12px;}
#blog.innerBlog #left {padding-top: 5px;}
.innerBlog .blogBar .readMore {background: url("../img/arrowLeftYl.png") no-repeat 12px 9px; padding: 8px 12px 6px 36px;}
#blog #main aside, #error #main aside { padding: 24px 24px 0 0; }
.artContent > img {margin-bottom:12px; }
.blogBar p {float: left; color: #fff;}
.shareLinks {float: left;}
.blogImage {margin: 0 0 24px 0px; float: left;}
.artContent { padding-right: 12px; height: auto; overflow: hidden;}
.artContent > p:first-child, .artContent > img:first-child + p, .artContent > a:first-child + p {margin-top: 12px;}
#blogInner .mainImage {margin: 0 0 24px;}
#blog article h2 a{font-size: 24px; margin: 0 0 24px; color: #030B2F; line-height: 30px;}
#blog article h2 a:hover {text-decoration: underline;}
/* Prices */
#pricingTable td, #pricingTable p { font-size: 14px;}
#pricingTable td {padding: 12px; vertical-align: top;}
#pricingTable tbody > tr:first-child td {background: #161860; color: #FABC45; border-color: #fff; text-transform: uppercase;}
#pricingTable tbody > tr:first-child td p{color: #FABC45;}
#inner #detail a {color: #161860; text-decoration: underline;}
.comments_box {margin: 24px 0 0 0;}
.comments_box textarea { padding: 5px; width: 631px; font-size: 14px; margin: 0 0 12px; font-weight: lighter; border: 1px solid #030B2F;}
.comments_box label {font-size: 14px; clear: both;}
.comments_box input[type="text"]{width: 255px; margin:0 14px 12px; font-size: 14px; font-weight: lighter;}
.comments_box input#email{margin:0 0 12px 12px;}
.comments_box input[type="submit"] {
background: url("/img/arrowNext.png") no-repeat scroll right 7px #000000; width:auto;
padding: 12px 25px 8px 8px; color: #fff; border: none;margin: 12px 0 0 0; border-right: 5px solid #000000;
}
.checkBoxes input {margin: 0 5px;}
#latestComments {margin: 24px 0 0 0;}
#latestComments .comment {margin: 0 0 22px; border-bottom: 1px dotted #161860; padding: 0 0 16px;}
#latestComments .comment cite {font-weight: bold; font-size: 14px;}
#relatedOffices h3 { display: block; text-transform: uppercase; font-size: 1em; margin: 0;}
#relatedOffices h3 a {padding: 12px 0 12px 12px; display: block; background:#070C2E url(../img/iconMagnifyYell.png) right center no-repeat; border: none; border-right: 12px solid #070C2E;}
#relatedOffices h3 a:hover{background:#000 url(../img/iconMagnifyYell.png) right center no-repeat; border-right: 12px solid #000;}
#relatedOffices h3 a span{color: #FABC45; }
#relatedOffices {width: 263px; margin: 0 24px 24px 0; float: right; background: #070C2E; border-left: 1px solid #070C2E; border-right: 1px solid #070C2E;}
#left + #relatedOffices {margin: 24px 24px 0 0;}
#relatedOffices img {margin: 0 0 12px;}
#relatedOffices img + img {margin-left: 1px;}
#relatedOffices a {color:#fff; display: block; }
#relatedOffices .relatedOffice{padding:0 12px 10px; }
#relatedOffices .relatedThumbs {display: block; margin: 0 0 0 -12px; width: 265px;}
#relatedOffices .relatedOffice p {margin: 0; clear: both;}
#relatedOffices .relatedOffice p a {background: url("../img/arrowRightYl.png") no-repeat right center; padding: 0 18px 0 0; text-transform: none; font-size: 14px;}
#relatedOffices .relatedOffice p a:hover {text-decoration: underline;}
/* Errors */
#error #left a {color: #161860; display: block; margin: 12px 0 0 0; font-weight: bold;}
/* Editor */
input#import {display: none;}
#editEntry {padding: 24px; position: relative; margin: 0 0 30px;}
#editEntry #allResults{width: 643px; padding-top: 24px}
#editEntry #excerpt { color: #030B2F; font-size: 14px; line-height: 20px; width: 495px;position: absolute; right: 12px; top: 10px; height:84px; background: none; resize:none; border: none; }
#editEntry #excerpt_title {position: absolute; left: 0px; top: 0px; color: #fff; max-width: 646px; background: none; font-size: 14px; font-weight: lighter; line-height: 1.4; border: none;}
#editEntry #allResults article h3 {width: 606px;}
#editEntry h4 {margin-bottom: 10px;}
#amenities table {border: none !important;}
#amenities td {padding: 0 !important; border: none !important; }
#amenities th {display: none !important;}
#amenities .matrix-btn {display: none;}
#amenities td, #amenities textarea {height: 16px !important;}
#publishForm .submit {margin: 30px 0 0 0;}
#publishForm input[type="text"], #meta_description, #street_view_code{border:1px solid #B6C0C2; padding: 6px 3px 4px 5px; width: 926px;}
#meta_description{ height: 80px;}
.matrix-norows {display: none !important;}
.updating {background:url(../img/loading.gif) left center no-repeat; padding: 14px 0 10px 40px; display: none; }
#editEntry p a {color: #000;}
#editEntry p a:hover {text-decoration: underline;}
.editIndex tr > td:first-child{ max-width: 540px;}
.editIndex td, .editIndex th {padding: 15px 20px 0 0; border-bottom: 1px dotted #514d4d;}
.editIndex td + td {padding: 0 35px 0 0;}
.editIndex th {text-align: left; padding-bottom: 10px;}
.editIndex td a {text-decoration: underline !important; color: #0d4aff !important;}
#login label {width: 90px; display: block; float: left;}
#statuses {margin: 0 0 0 0;}
#statuses a {color: #000; float: right; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left:1px solid #000; }
#statuses > a:last-child {border: none;}
.editIndex table {clear: both; margin: 30px 0 0 0; width: 925px;}
.awaitingApp {color: #fff; height: 200%; width: 2000px; text-align: center; background: url(../img/transBlack2.png); position: absolute; top: 0px; left: 50%; margin: 0 0 0 -1000px; z-index: 100000; font-size: 18px; padding: 400px 0 0 0;}
.awaitingApp span{ background: url("/js/fancybox/source/fancybox_sprite.png") no-repeat right top; display: block; margin: -60px auto 0; padding: 0 0 0 190px; color: #000000; font-size: 1px; height: 36px; width: 36px;}
.awaitingApp span:hover {cursor: pointer;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow:none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}