@charset "utf-8";
/* CSS Document */
html {text-align: center}
body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; size:10px; color:#385a6f; background:#FFF}
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px}
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px}
h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold}
img {border:0 }
input[type=button] {margin-top:15px;cursor:pointer;background:#ff7800;color:#fff;border:none;padding:2px 5px;-moz-border-radius:5px;border-radius:5px;}
img.absmiddle {vertical-align: middle; margin-bottom: .25em}
body a {color:#ff7800; text-decoration:none;}
body a:hover {text-decoration:underline}
body a:visited {text-decoration:none}
.clr{clear:both}
.btn{ border: 1px solid #444444; background: #17aa9d; color: black; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;  padding: 4px; cursor: pointer; -moz-border-radius: 4px;  -webkit-border-radius: 4px}

/* Margins */
#fsbheader{width:100%; height:229px; background:url(../images/generic/header_border.png) repeat-x; font-size:10pt}
#fsbnav{width:100%; height:46px; margin-top:-4px; text-align:left; font-size:10pt; background:url(../images/generic/nav_bar.png) repeat-x;}
#fsbspecials{width:100%; margin-top:2px; height:40px; text-align:left; font-size:10pt}
#fsbcontent{width:100%; min-height:400px; text-align:left; font-size:10pt}
#fsbsubfooter{width:100%; height:177px; margin-top:10px; padding-top:10px; color:#FFF; background:#385a6f; text-align:left; font-size:10pt}
#fsbfooter{width:100%; height:46px; text-align:left; background:url(../images/generic/nav_bar.png) repeat-x}
#fsbfooter a{color:#385a6f; font-weight:bolder; text-decoration:none}
#fsbfooter a:hover{text-decoration:underline}
#fsbfooter a:visited{text-decoration:none}
.content{width:1000px; margin-left: auto; margin-right:auto; text-align:center; font-size:12px; line-height:15px;}
#fsbfooter p{font-size:10px; font-weight:500; color:#385a6f; line-height:26px; vertical-align:middle}

/* Header */
#fsblogo{float:left; margin-top:18px; width:166px; height:169px; background:url(../images/generic/header_fsb_properties_logo.png) no-repeat; cursor:pointer; cursor:hand}
#tP{float:right; font-size:11px; font-weight:bold; color:#FFF; margin:8px 17px 0 0}
#admin{float:left; margin:7px 0 0 18px;}
#propertyref{float:left; margin:5px 0 0 19px}
#propertyref input{font-size:11px; background:0; border:0; width:100%; text-align:center;}
#refsearch{float:right; margin-top:6px; width:20px; height:19px; cursor:pointer; cursor:hand}
#socialicons{float:right; margin-top:-40px; padding:7px 5px 7px 5px; min-width:223px; background:#385a6f; color:#FFF; border:2px solid #FFF; text-align:right}

/* Navigation */
.nav{float:left; color:#FFF; margin:-3px 19px 0 0;}
.nav a{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin:5px 0 13px 0; padding:8px 10px; font-size:14px;color:#FFF; text-decoration:none}
.nav a:hover{background:#385a6f; text-decoration:none}
.nav a:visited{text-decoration:none}


/* Special Offers */
#specialofferimg{float:left; margin-right:5px; width:165px; height:29px}
#specialoffer{float:left; margin-top:2px; width:830px; height:24px; padding-top:5px; font-size:11px; font-weight:bold; overflow:hidden}
.specialline{ width:100%; height:1px; margin-top:2px; background:url(../images/generic/line_orange_hor.png) repeat-x}

/* Main Content */
#content_main{float:left; width:790px; text-align:left}
#content_vline{float:left; width:30px; background:url(../images/generic/line_content_divider.png) repeat-y}
#content_banner{float:left; width:180px; text-align:left;}
.banner { float:left; width:180px; height:150px; margin-top:10px}
.social_logo { width:100%; margin-top:8px; text-align:center; }
#fsb_main_pic{float:left; width:790px; height:284px; margin-bottom:10px;}
#fsb_main_pic_text{position:absolute; height:40px; width:750px; margin:215px 10px 10px 10px; padding:10px; line-height:13px; color:#FFF; font-size:11px; background:url(../images/generic/bkg_transp_blue.png) repeat; z-index:10}
.maintab{float:left}
.searchtab{float:left; min-width:120px; height:22px; font-size:12px; font-weight:bold; margin-right:3px; padding:6px 10px 0 10px; text-align:center; border:1px solid #385a6f; background:url(../images/generic/btn_grey_grad.png) repeat-x;cursor:pointer; cursor:hand}
.searchtabcontent{width:772px; padding:8px 8px 8px 8px; border:1px solid #385a6f;}
.tabsearchref{cursor:pointer; cursor:hand}
/*.tabs ul{list-style:none; margin-left:-40px}
.tabs ul:hover{ background:url(../images/generic/nav_bar.png) repeat-x}*/
.tc_left{ float:left; width:195px; padding:5px 5px 0 5px; color:#FFF; background:#385a6f }
.tc_right{ float:left; margin-left:10px; width:556px; padding:5px 0 0 0; color:#FFF}
.tc_left_title{float:left; margin-top:-10px; line-height:20px}
.tc_right_title{float:left; margin-top:-10px; color:#385a6f; line-height:20px}
.tc_right_latest{float:left; width:164px; height:210px; margin:5px 5px 0 0; padding:8px; color:#385a6f; background:url(../images/generic/bg_property.png) no-repeat}
.tc_bot{float:left; margin-top:20px}
.homepics { /* MAIN IMAGE ROTATOR */ width: 790px; height: 284px; padding: 0; margin: 0; z-index:1; overflow:hidden} 

/* FACEBOOK */
.tc_right_latest_fb{float:left; width:152px; height:210px; margin:0 2px 5px 0; padding:8px; color:#385a6f; background:url(../images/generic/bg_property_fb.png) no-repeat}

/*.tabNavigation li{ list-style:none; float:left; height:22px; border:1px solid #385a6f; }*/
.tabNavigation { list-style:none}
.tabNavigation li a { float:left; color: #385a6f; text-decoration: none; height:22px; min-width:100px; text-align:center; font-size:12px; margin:0 43px 0 -40px; padding:6px 10px 0 10px;background:url(../images/generic/btn_grey_grad.png) repeat-x; border:1px solid #385a6f; }
.tabNavigation li a:hover {height:22px; min-width:100px; text-align:center; font-size:12px; margin:0 43px 0 -40px; padding:6px 10px 0 10px; background:url(../images/generic/nav_bar_ro.png) repeat-x; border:1px solid #385a6f; }
.tabNavigation li a.selected {color:#fff; height:22px; min-width:100px; text-align:center; font-size:12px; margin:0 43px 0 -40px; padding:6px 10px 0 10px; background:url(../images/generic/nav_bar.png) repeat-x; border:1px solid #385a6f; }
#tab_comm_pic{float:left; width:556px; height:308px}
#tab_comm_pic_text{position:absolute; height:40px; width:516px; margin:238px 10px 10px 10px; padding:10px; line-height:13px; color:#385a6f; font-size:11px; background:url(../images/generic/bkg_transp_white.png) repeat; z-index:10}

/* Search Property Tabs */
.fls{font-family: 'trebuchet ms', helvetica, sans-serif; font-style: bold; font-size: 12px;  color:#385a6f; border:0px; padding:2px; }
.fbl{margin-top:5px}
.spt_search { width:88px; height:32px ;cursor:pointer; cursor:hand }
/* Top Properties */
.tp_bg{width:164px; height:210px; margin:5px 5px 0 0; padding:8px; color:#385a6f; background:url(../images/generic/bg_property.png) no-repeat}
#top_props_cont{width:164px; height:231px; margin-bottom:10px}
ul#top_props_cont{list-style:none;}
.mtl{float:left; margin-right:20px; line-height:15px } /* For mini tab layers */
.mtlb{float:left; margin-left:30px; height:30px; line-height:30px; vertical-align:middle}

/* RSS */
.rss{width:775px; padding:3px}
.rss_item{ padding-top:5px}
.rss_item a{font-size:10pt;font-weight:bold;color:#ff7800; text-decoration:none}
.rss_item a:hover{text-decoration:underline}
.rss_item a:visited{text-decoration:none}
.rss_item img{width:100px; height:60px; padding:5px;}
.rss_title{margin-bottom:5px;}

/* Subfooter */
.subscribe_label{float:left; height:22px; margin:12px 20px 0 40px; width:60px; font-weight:bold; vertical-align:middle; text-align:left;}
.subscribe_form{float:left; height:22px; margin-top:12px; width:225px; border:solid #999 1px; text-align:left; background:url(../images/generic/form_grad.png) repeat-x}
.subscribe_form input{border:0; background:none; height:21px; line-height:21px;}
.subfooter_links{float:left; width:181px; height:110px; margin-right:10px; color:#FFF; font-weight:bold; text-align:left}
.subfooter_links ul{list-style-type:none; padding: 0px; margin: 0px; line-height:20px}
.subfooter_links a{color:#FFF; text-decoration:none}
.subfooter_links a:hover{text-decoration:underline}
.subfooter_links a:visited{text-decoration:none}

/* Main News */
#mainnews_container{width:980px; min-height:600px; border:1px solid #444; margin:40px 0 20px 0; padding:10px; }
#mainnews_container p { font-size:14px; }
.mainnews_header_sep{height:2px; margin:5px 0 13px 0; background:url(../images/generic/line_grey444444.png) repeat-x; clear:both;}

/* Contact Form */
#formactivate{height:40px; margin-bottom:10px;}
#formshow{float:left; padding:5px 10px 5px 10px}
.cform {line-height:40px; font-size:12px; }
.fl { float: left; width:200px; padding:4px 10px 4px 10px; line-height:25px;  }
.fi { float:left; padding:4px 10px 4px 10px; line-height:25px;}
.fb { float:left; padding:4px 10px 4px 10px; line-height:25px; }
.flayer {height:inherit; width:770px; margin-bottom:3px; background:#afcde0}
.cform {float:left; }
.cform input, .cform select { padding:2px 0 3px 0; }
.cform .formbtn { float:right; width:100px; font-size:14px; margin-top:4px; padding:5px 10px 5px 10px; }

/* Accordion */
#accordionwrapper { width: 770px; margin-left: auto; margin-right: auto; } 
.accordionButton { width: 770px; float: left; height:20px; border-bottom: 1px solid #fff; padding:3px 0; color:#385a6f; background-color:#afcde0; cursor: pointer; }
.accordionContent {	width: 750px; float: left; background-color:#fff; padding: 10px; color:#385a6f; display: none; }

/* View Property */
.pl { float: left; width:112px; height:25px; margin:5px 0 0 13px; padding:4px 10px 4px 10px; font-weight:bolder; line-height:25px; background-color:#ddecf6; }
.pi { float:left; width:200px; height:25px; margin:5px 0 0 3px; padding:4px 10px 4px 10px; line-height:25px; vertical-align:middle; background-color:#fff; }

/* News ticker */
#ticker-wrapper.has-js{width:830px;height:24px;display:block;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;font-size:.75em;margin:-17px 0;padding:0 24px}
#ticker{width:737px;height:33px;display:block;position:relative;overflow:hidden;background-color:#FFF}
#ticker-title{padding-top:11px;color:#900;font-weight:700;background-color:#FFF;text-transform:uppercase}
#ticker-content{padding:17px 6px 6px 0px; position:absolute;color:#1F527B;font-weight:700; font-size:13px;background-color:#FFF;overflow:hidden;white-space:nowrap;line-height:1.2em;margin:0 0 0 -20px}
#ticker-content a{text-decoration:none;color:#ff7800}
#ticker-content a:hover{text-decoration:underline;color:#ff7800}
#ticker-swipe{padding-top:17px;position:absolute;top:0;background-color:#FFF;display:block;width:800px;height:24px}
#ticker-swipe span{margin-left:0;background-color:#FFF;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block}
#ticker-controls{list-style-type:none;float:left;padding:8px 0 0}
#ticker-controls li{margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block;padding:0}
#ticker-controls li#play-pause{background-image:url(ticker/controls.png);background-position:32px 16px}
#ticker-controls li#play-pause.over{background-position:32px 32px}
#ticker-controls li#play-pause.down{background-position:32px 0}
#ticker-controls li#play-pause.paused{background-image:url(ticker/controls.png);background-position:48px 16px}
#ticker-controls li#play-pause.paused.over{background-position:48px 32px}
#ticker-controls li#play-pause.paused.down{background-position:48px 0}
#ticker-controls li#prev{background-image:url(ticker/controls.png);background-position:0 16px}
#ticker-controls li#prev.over{background-position:0 32px}
#ticker-controls li#prev.down{background-position:0 0}
#ticker-controls li#next{background-image:url(ticker/controls.png);background-position:16px 16px}
#ticker-controls li#next.over{background-position:16px 32px}
#ticker-controls li#next.down{background-position:16px 0}
.js-hidden{display:none}
#no-js-news{color:#F8F0DB;padding:10px 0 0 45px}
.left #ticker-swipe{left:80px}
.left #ticker-controls,.left #ticker-content,.left #ticker-title,.left #ticker{float:left}
.left #ticker-controls{padding-left:6px}
.right #ticker-swipe{right:80px}
.right #ticker-controls,.right #ticker-content,.right #ticker-title,.right #ticker{float:right}
.right #ticker-controls{padding-right:6px}
