@import url(http://fonts.googleapis.com/css?family=Brawler);

html { background: #FFF url(http://www3.topproducerwebsite.com/Users/52280/images/bg.jpg) repeat-x; color:#2F191A; }

.user a:link, .webbox .content a:link { color: #B61809; text-decoration:none; }
.user a:visited, .webbox .content a:visited { color: #B61809;text-decoration:underline; }
.user a:hover, .webbox .content a:hover, .user a:active, .webbox .content a:active { color: #335163;text-decoration:none; }

#header1 { float:left; width:980px; background: none; overflow-y: visible ;clear:both; position:relative; }
.IE #header1 { zoom: 1; overflow-x: hidden;}
#header .shadow { position: relative; z-index: 20; margin-bottom: 0; height: 0; font-size: 1px; display:none; }
#header .heading { padding-bottom: 3px; }
.IE #header .heading { zoom: 1; }
.IE7 #header .heading { overflow: hidden; }
.W3C #header .heading { display: table; width: 100%; }
.W3C #header .heading #logo { display: table-cell; vertical-align: top; width: 1px; }
#header .heading #logo img { float: left; display: inline; margin: 3px 0 0 8px;}
#header .heading2 { float: left; padding: 10px 0 0 8px; }
.W3C #header .heading2 { display: table-cell; vertical-align: top;}
#header .heading h1 { margin: 0; font-size: 2em;color: #B61809; font-family: 'Brawler', serif; }
#header .heading h2 { margin: 0.25em 0 0; font-size: 1.2em;color: #335163; }
#header .heading { background-color: #fff; background-image:none; }
h1 {font-family: 'Brawler', serif; font-size:24px; font-weight:normal; color: #335163; }
h2 {font-family: 'Brawler', serif; font-size:18px; font-weight:normal; color:#B61809; }
h3 {font-family: 'Brawler', serif; font-size:16px; font-weight:bold; color: #8FBE00; }

#header .contact h2, #header .contact h3, #header .contact span { color:#404040; }
.W3C #header .contact ul.menu li, .IE #header .contact ul.menu li * { border-left-color: #404040 !important; }

#header .contact { margin-left: -1px; position: relative; font-size: 1.2em; padding-bottom: 0.25em; background-color: #fff; }
.IE #header .contact { zoom: 1; }
#header .contact h2 { margin: 0; font-size: 1.166em; }
#header .contact h3 { margin: 0; font-size: 1.166em; }

#header .decor { z-index: 30; }

#header #agentPhoto { height: 250px; margin-bottom: 20px; }
#header #agentPhoto #decor { position: relative; height: 250px; margin-bottom: -250px;float:left; width:980px; background: url(http://www3.topproducerwebsite.com/Users/52280/images/bgshadow.png) no-repeat; overflow-y: visible ;clear:both; }
#header #agentPhoto #decor #upgradeflash h3 { padding-left: 300px; font-size: 0.85em; }
#header #agentPhoto img { vertical-align: top; position: relative; z-index: 10; }

#pageframe { overflow: hidden; background-color: transparent; color: black; }
.W3C #pageframe { min-width: 950px; max-width: 100em; }
#pageframe_L { background-image:none; }
#pageframe_R { background-image:none; }

.pageframe_main .prop { background-image:none; }
#pageframe_L .prop1 { background-image:none; }
#pageframe_R .prop1 { background-image:none; }
#pageframe_B .prop {  background-image:none; }
#pageframe_B .prop1 { background-image:none;  } 
#pageframe_B .prop2 {background-image:none;  } 
.W3C #pageframe_BL, .IE #pageframe_BL .prop {background-image:none;  }
.W3C #pageframe_BR, .IE #pageframe_BR .prop { background-image:none;  }

#main { clear: both; float: none; width: 960px; margin: 0 auto; padding:0 0 5px 0; }
#main #sidebar { float: left; display: inline; width: 200px; margin: 7px 0 0 0; }
#main #sidebar p { margin: 0.5em 0; }

#content-2 { margin-left: 206px; }
.W3C #content-1, .IE67 #content-1 { float: left; }
#content { padding: 20px; }

#mainNav { font-size: 1.4em; overflow: hidden;width: 960px; margin: 20px auto; background-color:#335163;}
.IE #mainNav { zoom: 1; }
x:-moz-any-link, .W3C #mainNav { display: table; width: 960px; overflow: visible; }

#mainNav ul.menu { float: left; display: inline;  }
#mainNav ul.menu li { float: left; display: inline; }
#mainNav ul.menu a { float: left; text-decoration: none; font-weight: normal; color: #DED6A8;font-family: 'Brawler', serif; }
#mainNav ul.menu span { padding: 15px 12px;  }
#mainNav ul.menu span { float: left; line-height: 30px; }
x:-moz-any-link, .W3C #mainNav ul.menu span { display: table-cell; vertical-align: middle; height: 30px; float: none; line-height: 1;}

#subNav { margin-top: 10px; font-size: 1.2em; }
#subNav ul.menu a { display: block; padding: 3px 12px; line-height: 1.5; text-decoration: none; }
.IE #subNav ul.menu a { zoom: 1; }
#subNav ul.menu li.this a { font-weight: bold; }

#mainNav ul.menu li.this a{ color: #2F191A; background-color: #DED6A8; }
#mainNav ul.menu a:hover { color: #DED6A8; background-color: #323B46 ; }

#subNav li.subnav_item1 a { background-color: #CFC09E; }
#subNav li.subnav_item2 a, #subNav li.subnav_item10 a { background-color: #DED6A8; }
#subNav li.subnav_item3 a, #subNav li.subnav_item9 a { background-color: #DFD4BB; }
#subNav li.subnav_item4 a, #subNav li.subnav_item8 a { background-color: #E9E1CE; }
#subNav li.subnav_item5 a, #subNav li.subnav_item7 a { background-color: #F2EBDD; }
#subNav li.subnav_item6 a{ background-color: #F6F1E5; }
#subNav ul.menu li.this a, #subNav ul.menu a:hover, .webbox .heading { background-color: #93884F; color:#fff; }

.webbox .heading h3 { margin: 0; padding: 7px 10px; font-size: 1.2em; background-color:#B61809; }
.IE .webbox .heading h3 { zoom: 1; }
.webbox .heading h3 a { text-decoration: none; }
.webbox .content { background-color: #DED6A8; color:#2F191A; }

#footer { clear: both; text-align: center;width: 960px; margin: 20px auto; background-color:#335163; padding: 20px 0; font-family: 'Brawler', serif; font-size:1.4em }
#footerNav { margin: 0.2em 0 0.5em; }
#footerNav ul.menu a { text-decoration: underline; }
#footerNav ul.menu li.this a { font-weight: normal; text-decoration: none;color: #fff; }

#footerNav ul.menu a:link { color: #DED6A8; }
#footerNav ul.menu a:visited { color: #DED6A8; }
#footerNav ul.menu a:hover, #footerNav ul.menu a:active { color: #FFF; }
.W3C #footerNav ul.menu li, .IE #footerNav ul.menu li a { border-left-color: #2F191A; }

.W3C #header .contact ul.menu li, .IE #header .contact ul.menu li *, 
.W3C #footer ul.menu li, .IE #footer ul.menu li * { display: -moz-inline-box; display: inline-block;
	margin: 0.3em 0 0; padding: 0 1em; border-left: 1px solid; }
.W3C #footer ul.menu li.first, .IE #footer ul.menu li.first * { border-left: none; }

.IE #header .contact ul.menu li, .IE #header .contact ul.menu li * *,
.IE #footer ul.menu li, .IE #footer ul.menu li * * { display: inline; margin: 0; border: none; padding: 0; }
.IE #header .contact ul.menu li h2, .IE #footer .contact ul.menu li h2,
.IE #header .contact ul.menu li h3, .IE #footer .contact ul.menu li h3 { display: inline; }

.IE #footer .content2 ul.menu li * {  margin: 0.5em 0 0.5em; }

.IE #footer .content {  zoom: 1; }
#footer .content2 { padding: 15px 1em 10px; position: relative; background-color:#335163; background-image:none; }
.IE #footer .content2 { zoom: 1; }
#footer .content2 * {  position: relative; z-index: 3; }
#footer .content2 p { margin: 0 0 1em; }
#footer .content2 h2 { font-size: 1em; font-weight: normal; }
#footer .content2 h3 { font-size: 1em; margin: 0 0 0.5em; font-weight: normal; }
#footer .content2 li h3 { margin: 0; }
#footer .content1 { background-image:none; background-color:#335163; padding-top: 7px; }
#footer .copyright {  padding: 0.5em 0; background-color: transparent; color: #FFF; }
.IE #footer .copyright { zoom: 1; }
#footer .copyright, #footer .copyright a { color: #FFF; }

/* common css for listing summary and detail page */
@media print{#listing_print_link{ display:none;}}
.ListingSummary tbody, .ListingDetail tbody {background-color: transparent;}
.listingFlagSold { padding-left: 60px; background-position : left middle;}
.listingFlagJustListed { padding-left: 85px; background-position : left middle;}
.ListingSummary, .ListingDetail { color:#181818}
.ListingSummary .price, .ListingDetail .price {color: #335163;font-size: 20px;font-weight: bold;text-align: right;vertical-align: middle;}
.ListingSummary .price_left, .ListingDetail .price_left {color:#cc0000;font-size:12px;font-weight:bold;text-align:right; vertical-align:middle; }
.ListingSummary td, .ListingDetail td {padding:4px 9px 4px 11px;}
.ListingSummary td p, .ListingDetail td p  {padding:0; margin:0; font-size:11px;}
.ListingSummary a:link, .ListingSummary a:visited, .ListingSummary a:active,
.ListingDetail a:link, .ListingDetail a:visited, .ListingDetail a:active {text-decoration:underline; color:#666666;}
.ListingSummary .bg1, .ListingDetail .bg1 {background-color:#fff;}
.ListingSummary .bg2, .ListingDetail .bg2 {background-color:#DFD9C3;}
.ListingSummary .featureTitle, .ListingDetail .featureTitle  {font-weight:bold;}
.ListingSummary .featureTitle, .ListingDetail .featureTitleDetail  {text-decoration:underline; padding-right:10px;}
.ListingSummary .icon1, .ListingDetail .icon1 {vertical-align:middle; padding: 0 5px;}

.ListingDetail .open_house {border: 1px solid #00A0D7;}
.ListingDetail .open_house tr {text-align:center;}

.ListingDetail .open_house tr.title {background-color: #00A0D7; color: #FFFFFF; text-align:left;}

/* css for Listing Summary Page */
.ListingSummary table { margin-bottom:22px; border-collapse:collapse;border-right: solid 1px #2F191A;border-bottom: solid 1px #2F191A;width:100%;}
.ListingSummary td {border-left: solid 1px #2F191A;border-top: solid 1px #2F191A;}
.ListingSummary td p {padding:0; margin:0; font-size:11px;}
.ListingSummary .pic {padding:0;}
.ListingSummary .featureTitle_4 { width:25%; text-align:center;}
.ListingSummary .featureTitle_3 { width:33%; text-align:center;}
.ListingSummary .featureTitle_2 { width:50%; text-align:center;}
.ListingSummary .featureTitle_1 { width:100%; text-align:center;}
.ListingSummary .featureValue {text-align:center;}
.ListingSummary .desc {height: 90px; vertical-align:top;}

.ListingSummary .mls {padding-left:19px;}
.ListingSummary .mls a:link, .ListingSummary .mls a:visited, .ListingSummary .mls a:active {text-transform:uppercase;}  
.ListingSummary .header a:link, .ListingSummary .header a:visited, .ListingSummary .header a:active {font-weight:bold;}   

/* css for listing detail page */
.ListingDetail {}
.ListingDetail table {border:solid 1px  #2F191A; border-collapse:collapse;margin-bottom:11px; width:100%; }
.ListingDetail td { vertical-align:top;}
.ListingDetail .bg1 {background-color: #ffffff;border-top-width: 5px;border-top-style: solid;border-top-color: #2F191A;}
.ListingDetail .bg2 {background-color:#DFD9C3; color:#171717; }
.ListingDetail .bg3 {background-color:#f2f2f2; border-bottom:solid 1px #2F191A;}
.ListingDetail .openHouse {color:#ff6600; border-top:solid 1px #2F191A; background-color:#ffffff;} 
.ListingDetail .openHouse span {font-weight:bold;padding-right:10px;} 
.ListingDetail .emphasized { color: #2F191A; font-weight:bold}

.ListingDetail .borderLess {border-width:0;}
.ListingDetail .borderLess td {padding:0;}
.ListingDetail .borderLess td td {padding-left:10px;width:25%;}
.ListingDetail .borderLess .picColumn {width:366px; position:relative;}
.ListingDetail .borderLess .picColumn  .picColumnInnerWrap {position:absolute; width:346px; border:solid 1px #2F191A; padding:8px; background-color:#FFF;}
.ListingDetail .borderLess .picColumn table {border-width:0; margin:0px;} 
.ListingDetail .borderLess .picColumn .fPicWrap{border:solid 1px #2F191A;margin:0 0 5px 0;}
.ListingDetail .borderLess .picColumn #thumbCommands {padding:5px 0;}
.ListingDetail .borderLess .picColumn #thumbCommands img {display:block;cursor:pointer;cursor:hand;}
.ListingDetail .borderLess .picColumn #showMoreImages {display:block; float:right;}


.ListingDetail td .catchyPhase {font-weight:bold;}
.ListingDetail .ThumbnailPicture {padding:1px 1px 0 0; border: :solid 1px #cccccc; }

.ListingDetail .featureColumn div { margin-left:8px;}
.ListingDetail .featureColumn table td {height: 20px; vertical-align:middle;}

.ListingDetail .linksWrap{ border:solid 0px #f2f2f2; margin-bottom:11px;}
.ListingDetail .linksWrap .links {border:solid 1px #2F191A; height:100%; padding:5px 10px; background-color:#FFFFFF; }
.ListingDetail .linksWrap .links  table { border-width:0; margin:0;}
.ListingDetail .linksWrap .links a {text-transform:uppercase; text-decoration:none;}

.ListingDetail .reqMoreInfo {padding-left:16px; background-position:1px center; }
.ListingDetail .viewMap {padding-left:16px;  background-position:1px center;}
.ListingDetail .vTour {padding-left:16px;  background-position:0 center;}
.ListingDetail .commInfo {padding-left:16px; background-position:0 center;}

.ListingDetail .print {padding-left:16px;  background-position:1px center;}
.ListingDetail .snd2Friend {padding-left:16px;  background-position:1px center;}
.ListingDetail .appointment { padding-left:16px;  background-position:0 center;}
.ListingDetail .mortgCalc {  padding-left:16px;  background-position:1px center;}
.ListingDetail textarea {border-width:0px; overflow:auto;}

.ListingDetail #thumbnailsWrap td {width:20%; text-align:center; vertical-align:middle; padding:0;}
.ListingDetail #thumbnailsWrap .hidden {display:none;}

.rdc .ThumbnailPicture  {max-width:64px; max-height:42px; _width:64px;}

.wrap1 {display: table; height:242px; width:100%; padding:5px; _width:332px; _position: relative; overflow: hidden; text-align:center; background-color:#F2F2F2; border:solid 1px #A0A0A0;}
.IE .wrap1 {width:332px;}
.wrap1 .wrap2 { _position: absolute; _top: 50%;_left:50%; display: table-cell; vertical-align: middle;}
.wrap1 .wrap2 .wrap3 { _position: relative; _top: -50%; _left:-50%;}

.wrap4 {display: table; height:46px; width:63px;  _position: relative; overflow: hidden; text-align:center; background:#F2F2F2; border: 1px solid #CCC; margin:2px;}
.wrap4 .wrap2 { _position: absolute; _top: 50%;_left:50%; display: table-cell; vertical-align: middle;}
.wrap4 .wrap2 .wrap3 { _position: relative; _top: -50%; _left:-50%;}