/* YUI CSS RESET via Yahoo! */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; } 

/* GLOBAL STYLES */

body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; background: #464646 url(/images/commercial/body-bg.gif) center top repeat-y; } /* Reset 1em to 10px */
strong { font-weight: bold; }
em { font-style: italic; }
strong em, em strong { font-weight: bold; font-style: italic; }
a { outline: none; }
.clear { display: block; height: 0px; clear: both; overflow: hidden; }

/* BUILDING BLOCKS */

#head { background: #fff url(/images/commercial/header-bg.gif) center top repeat-x; height: 224px; }
#header { width: 960px; height: 217px; position: relative; margin: 0 auto; }
#logo { width: 398px; height: 152px; float: left; margin-top: 9px; }
#wrapper { background: #fff; width: 960px; margin: 0 auto; padding: 20px 0; }
#main-alt { padding: 0 10px 0 20px; }
#sidebar-alt { width: 210px; float: left; display: inline; }
#main-display-full { width: 700px; float: right; display: inline; }
#slogan { height: 35px; overflow: hidden; background: #fdb813 url(/images/commercial/footer-bg.gif) left top repeat-x; }
#slogan div { width: 960px; height: 35px; margin: 0 auto; }
#footer-nav { width: 960px; margin: 10px auto; }

.halfcol { width: 450px; margin-left: 20px; float: left; display: inline; }
.fullcol { width: 920px; margin: 0 20px; }
.twothirdscol { width: 600px; float: left; display: inline; margin-left: 20px; }
#sidebar { width: 300px; float: right; display: inline; margin-right: 20px; background: #f2f2f2; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
#sales-buttons { width: 576px; float: left; display: inline; }
#sales-buttons div { position: relative; float: left; display: inline; height: 140px; width: 162px; margin: 0 0 20px 20px; border: 5px solid #2b2a2a; }
#slideshow { width: 344px; height: 262px; margin-right: 20px; float: right; display: inline; overflow: hidden; }
#slideshow-nav { float: right; display: inline; clear: right; margin: 10px 20px 0 0; width: 344px; }
#agent-results-commercial { padding-top: 35px; }
.commercial-agent-card { height: 28px; background: #fff url(/images/commercial/agent-directory-bg.gif) left top repeat-x; clear: both; }
.even { background-color: #fff1d0; }
#property-top { margin: 10px 20px; }
#property-photos { border: 5px solid #464646; padding: 1px; overflow: hidden; position: relative; height: 235px; text-align: center; width: 300px; float: left; display: inline; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#property-photos-container { background: #464646; float: left; display: inline; width: 233px; height: 247px; margin: 0 0 20px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#property-photos-container div div { margin: 5px 0 0 5px; border: 1px solid #fff; float: left; display: inline; width: 50px; height: 50px; text-align: center; overflow: hidden; cursor: pointer; }
.additional-property-photos { height: 114px; }
#property-controls { margin: 10px 5px 5px; padding-top: 5px; border-top: 1px dotted #fff; }
#agent-card-property, #agent-card { background: #fff1d0; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; position: relative; }
#agent-card-property { margin-left: 20px; display: inline; float: right; width: 325px; }
#agent-card { width: 580px; margin-bottom: 20px; }
#sidebar-alt #agent-card { width: 210px; padding: 10px 10px 0; margin: 0 -10px 10px; background: #f2f2f2; }
#featured-home { padding: 10px; border-bottom: 1px solid #fff; }
#recently-sold-listings { padding: 10px; border-top: 1px solid #fff; }
#property-description { margin: 10px 20px 0; }

/* HEADLINES & TEXT */

#logo h1 { display: block; 398px; height: 152px; }
h1.about { width: 450px; height: 29px; text-indent: -9999px; background: #fff url(/images/commercial/head-about.gif) left top no-repeat; margin-bottom: 10px; }
h1.agents { width: 450px; height: 29px; text-indent: -9999px; background: #fff url(/images/commercial/head-agents.gif) left top no-repeat; margin-bottom: 10px; }
h1.properties { width: 450px; height: 29px; text-indent: -9999px; background: #fff url(/images/commercial/head-properties.gif) left top no-repeat; margin-bottom: 20px; }
h1.properties-loopnet { width: 450px; height: 29px; text-indent: -9999px; background: #fff url(/images/commercial/head-properties-loopnet.gif) left top no-repeat; margin-bottom: 20px; }
h1#property-display-address { font-size: 24px; font-weight: bold; color: #fdb813; text-transform: capitalize; line-height: 24px; margin: 0 20px; }
#agent-card h1 { font-size: 18px; color: #fdb813; font-weight: bold; line-height: 20px; text-transform: uppercase; }

h2#property-neighborhood { font-size: 16px; line-height: 20px; text-transform: capitalize; color: #464646; margin: 0 20px; }
h2.price { font-size: 20px; line-height: 20px; clear: both; margin: 0 20px; padding-top: 10px; border-top: 1px solid #fdb813; color: #fdb813; }
#agent-card h2 { font-size: 14px; color: #464646; font-style: italic; line-height: 20px; margin-bottom: 8px; }
#sidebar h2 { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #464646; margin-bottom: 10px; }

#sales-buttons div a h3 { position: absolute; bottom: 0; left: 0; line-height: 18px; font-size: 14px; padding: 3px 10px 0; width: 140px; color: #fff; text-transform: uppercase; display: block; }
#sales-buttons div.multi-unit a h3 { background: #00a6dd; }
#sales-buttons div.mixed-use a h3 { background: #161616; }
#sales-buttons div.retail a h3 { background: #629320; }
#sales-buttons div.office a h3 { background: #c00; }
#sales-buttons div.land a h3 { background: #dfdfdf; color: #464646; }
#sales-buttons div.industrial a h3 { background: #ad36e4; }
#sales-buttons div.bus-busrealestate a h3 { background: #F93; }
#sales-buttons div a:hover h3 { background-color: #2b2a2a; color: #fdb813; }
#property-description h3 { text-transform: capitalize; color: #464646; border-top: 1px solid #fdb813; padding: 10px 0; font-size: 16px; color: #464646; font-weight: bold; }
#agent-biography h3 { text-transform: capitalize; color: #464646; padding: 0 0 10px; font-size: 16px; font-weight: bold; }
#featured-home a h3 { text-transform: capitalize; color: #464646; padding: 0 0 5px; font-size: 13px; font-weight: bold; text-decoration: none; }
#featured-home a:hover h3 { color: #8a8a8a; }

#agent-card-property h6 { font-size: 11px; font-weight: bold; color: #464646; text-transform: uppercase; line-height: 11px; margin-bottom: 5px; }

p { color: #464646; font-size: 14px; line-height: 20px; margin-bottom: 7px; }
#agent-results-commercial p { margin: 10px 10px 0; }
#agent-results-commercial .commercial-agent-card p { font-size: 14px; line-height: 26px; height: 26px; padding: 2px 10px 0; background: #fff; float: left; display: inline; font-weight: bold; margin: 0; }
#agent-results-commercial .commercial-agent-card p.phone { float: right;}
#agent-results-commercial .even p { background-color: #fff1d0; }
#agent-card-property p { font-size: 13px; line-height: 18px; margin-bottom: 5px; }
#agent-card-property p.company { font-style: italic; }
#agent-card p.share-this { position: absolute; top: 10px; right: 0px; text-align: right; }
#featured-home p { font-size: 13px; line-height: 15px; margin-bottom: 5px; }
#sales-buttons p { margin: 0 0 10px 20px; text-align: left; font-size: 13px; line-height: 18px; }
#sales-buttons p.last { margin-bottom: 20px; }
#slogan div p { color: #fff; font-size: 12px; height: 35px; line-height: 35px; float: left; display: inline; margin-left: 20px; }
#footer-nav p { text-align: right; font-weight: bold; color: #fdb813; margin-right: 15px; }

#slogan div span#ehop { float: right; display: inline; width: 20px; height: 35px; text-indent: -9999px; background: transparent url(/images/commercial/ehop.gif) left top no-repeat;  margin-right: 10px; }

#sales-buttons p span.quote { color: #fdb813; font-size: 22px; line-height: 2px; font-family: Georgia, Times, 'Times New Roman', serif; letter-spacing: -5px; }
#sales-buttons p span.end { letter-spacing: -3px; }

/* LINKS */

p a { font-weight: bold; color: #fdb813; text-decoration: none; }
p a:hover { color: #464646; }
#logo h1 a { display: block; width: 398px; height: 152px; background: transparent url(/images/commercial/logo.png) left top no-repeat; text-indent: -9999px; }
#sales-buttons div a { position: relative; display: block; height: 138px; width: 160px; border: 1px solid #fff; text-decoration: none; }
#sales-buttons div.multi-unit a { background: transparent url(/images/commercial/frontpage-multi_unit.jpg) 50% 50% no-repeat; }
#sales-buttons div.mixed-use a { background: transparent url(/images/commercial/frontpage-mixed_use.jpg) 50% 50% no-repeat; }
#sales-buttons div.retail a { background: transparent url(/images/commercial/frontpage-retail.jpg) 50% 50% no-repeat; }
#sales-buttons div.office a { background: transparent url(/images/commercial/frontpage-office.jpg) 50% 50% no-repeat; }
#sales-buttons div.land a { background: transparent url(/images/commercial/frontpage-land.jpg) 50% 50% no-repeat; }
#sales-buttons div.industrial a { background: transparent url(/images/commercial/frontpage-industrial.jpg) 50% 50% no-repeat; }
#sales-buttons div.bus-busrealestate a { background: transparent url(/images/commercial/frontpage-bre.jpg) 50% 50% no-repeat; }
#slideshow-nav a { text-indent: -9999px; display: block; width: 16px; height: 16px; background: transparent url(/images/commercial/slideshow-buttons.gif) right top no-repeat; float: left; margin: 0 2px; }
#slideshow-nav a.activeSlide { background: transparent url(/images/commercial/slideshow-buttons.gif) left top no-repeat; }
.commercial-agent-card a { color: #464646; text-decoration: none; }
.commercial-agent-card a:hover { color: #fdb813; }
a.mail { background: transparent url(/images/icon_mail.gif) right 50% no-repeat; padding-right: 13px; }
#property-controls a { font-size: 12px; line-height: 24px; color: #fff; display: block; font-weight: bold; text-transform: uppercase; margin-left: 5px; text-decoration: none; }
#property-controls a:hover { color: #fdb813; }
#agent-card-property a.permlink { font-size: 14px; color: #fdb813; font-weight: bold; line-height: 20px; text-transform: uppercase; text-decoration: none; }
#agent-card-property a:hover { color: #464646; text-decoration: none; }
#agent-card-property a:hover img { border-color: #464646; }
#featured-home a.permlink { font-size: 13px; line-height: 15px; margin-bottom: 5px; clear: both; float: left; font-weight: bold; color: #464646; text-decoration: none; }
#featured-home a.permlink:hover { color: #8a8a8a; }
a#search-loopnet { width: 230px; height: 40px; overflow: hidden; display: block; margin: 0 -10px 15px; text-indent: -9999px; background: transparent url(/images/commercial/loopnet-search-button.gif) left top no-repeat; }
a#search-loopnet:hover { background: transparent url(/images/commercial/loopnet-search-button.gif) left -40px no-repeat; }
a#all-listings { width: 280px; height: 30px; display: block; margin: 10px; text-decoration: none; text-indent: -9999px; background: transparent url(/images/commercial/button-view-all-listings.gif) 0 0 no-repeat; }
a#all-listings:hover { background-position: 0 -30px; }
#slogan div p a { color: #fff; text-decoration: none; }
#slogan div p a:hover { text-decoration: underline; }
#footer-nav p a { padding: 0 5px; color: #fdb813; text-decoration: none; font-size: 10px; line-height: 10px; text-transform: uppercase; }
#footer-nav p a:hover { color: #464646; }


/* FORMS */

/* SEARCH FORM */

/* LISTS */

ul#about-list { margin: 10px 15px; }
ul#about-list li { list-style-type: square; color: #fdb813; margin: 0 0 3px; }
ul#about-list li p { margin: 0px; line-height: 16px; }

#recently-sold-listings ul li { font-size: 13px; line-height: 16px; list-style-type: square; color: #464646; margin: 0 10px 3px 15px; text-transform: capitalize; }

/* NAVIGATION */

#nav { width: 261px; height: 170px; float: right; }
#nav li { width: 261px; height: 57px; overflow: hidden; }
#nav li.agents { height: 56px; }
#nav li a { display: block; width: 261px; height: 57px; background-position: -261px 0; background-repeat: no-repeat; text-indent: -9999px; }
#nav li a:hover { background-position: 0 0; }
#nav li.properties a { background-image: url(/images/commercial/nav-property.png); }
#nav li.agents a { background-image: url(/images/commercial/nav-agents.png); height: 56px; }
#nav li.about a { background-image: url(/images/commercial/nav-about.png); }

#property-type { margin: 7px auto; height: 40px; width: 881px; overflow: hidden; }
#property-type li { display: inline; float: left; }
#property-type li a { display: block; height: 40px; text-indent: -9999px; padding: 0 15px; background-repeat: no-repeat; background-position: 15px 5px; background-color: transparent; }
#property-type li.multi-unit a { background-image: url(/images/commercial/property-type-multiunit.png); width: 85px; }
#property-type li.mixed-use a { background-image: url(/images/commercial/property-type-mixeduse.png); width: 82px; }
#property-type li.retail a { background-image: url(/images/commercial/property-type-retail.png); width: 47px; }
#property-type li.office a { background-image: url(/images/commercial/property-type-office.png); width: 53px; }
#property-type li.land a { background-image: url(/images/commercial/property-type-land.png); width: 43px; }
#property-type li.industrial a { background-image: url(/images/commercial/property-type-industrial.png); width: 88px; }
#property-type li.bus-busrealestate a { background-image: url(/images/commercial/property-type-bre.png); width: 175px; }
#property-type li a:hover { background-color: #ffcf5f; }

/* IMAGES */

#slideshow img { padding: 1px; border: 5px solid #2b2a2a; }
#agent-card-property img, #agent-card img { float: left; padding: 1px; background: #fff; margin: 0 10px 10px 0; }
#agent-card-property img { border: 5px solid #fdb813; }
#agent-card img { border: 5px solid #464646; margin-bottom: 0; }
#sidebar-alt #agent-card img { float: none; margin: 0 auto 10px; }
#featured-home a #property-image { width: 89px; height: 89px; padding: 1px; border: 5px solid #464646; overflow: hidden; float: left; display: inline; margin: 0 10px 10px 0; }
#featured-home a:hover #property-image { border-color: #8a8a8a; }

/* TABLES */

table.search-pages { background-color: #464646; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 40px; width: 700px; }
table.search-pages td { padding: 0 10px; font-size: 14px; line-height: 40px; vertical-align: middle; color: #fff; }
table.search-pages td strong { color: #fdb813; }
table.search-pages td a { color: #fdb813; font-weight: bold; text-decoration: none; }
table.search-pages td a:hover { color: #fdb813; font-weight: bold; text-decoration: underline; }

table#search-results { width: 700px; margin: 10px 0; }
table#search-results td { padding: 10px; font-size: 14px; line-height: 20px; color: #464646; vertical-align: top; }
table#search-results td.photo { text-align: center; }
table#search-results td.specs { padding: 10px 0; }
table#search-results td.callouts { text-align: center; }
table#search-results td.controls { text-align: right; }
table#search-results td.controls a { color: #fdb813; font-weight: bold; text-decoration: none; }
table#search-results td.controls a:hover { text-decoration: underline; }
table#search-results td.photo img { padding: 1px; background: #fff; border: 4px solid #464646; }

/* LOOPNET TABS */

.tab-container { border-top: 3px solid #fdb813; width: 920px; padding-top: 10px; }
.ui-tabs-hide { display: none; }
#tabs ul { }
#tabs ul li { display: inline; float: left; margin: 0 10px 0 0; padding: 10px 0 8px; border-bottom: 2px solid #fff; }
#tabs ul li a { padding: 10px 10px 8px; background: #464646; font-weight: bold; color: #fdb813; font-size: 14px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; text-decoration: none; }
#tabs ul li a:hover { background: #201f20; }
#tabs ul li.ui-state-active { border-bottom: 2px solid #fdb813; }
#tabs ul li.ui-state-active a { background: #fdb813; color: #201f20; }