/* -----------------------------------------
NAVIGATOR MULTIMEDIA INC CSS PAGE STRUCTURE
Designed by: Chris Satterthwaite
Modified By: Chris Satterthwaite
Date Modified: Oct.02.2009
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset: 
Body:
Wrapper:
Typography:
Header Section:
Navigation Section:
Content Section:
Footer Section:
Hacks/Fixes:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
            hieght
            width
            background
            border
            margin
            padding
            display
            
Position
            position
            top
            left
            float
            z-index
            
Font
            color
            font family
            font size
            line hieght
----------------------------------------- */
/* CSS Constants (works in IE6+, FF2+, Opera, Safari and CSS1+)
 * ------------------------------------------------------------
 * Variables like: $variable = 'value';
 * Import this css as:
 * <style type="text/css">
 *        @import '{path-to-cssconst.php}cssconst.php?c={path-to-this-css-file}&{var1}={value1}...';
 * </style> 
 * Comment out constants: replace $ with #

#colour2 = '#2f9a9e';  

*/

/* Reset                                  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
    background:             transparent;
    border:                 0;
    margin:                 0;
    padding:                  0;
    font-size:                 100%;
    outline:                 0;
    vertical-align:         baseline;
}
.p{
    margin-bottom: 20px;
}
body {
    height:                    100%;
}
html {
    height:                    100%;
}
ol, ul {
    list-style:               none;
}
blockquote, q {
    quotes:                 none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:                 '';
    content:                 none;
}
/* remember to define focus styles! */
:focus {
    outline:                 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration:         none;
}
del {
    text-decoration:         line-through;
}
table p { font-size: 10px;}

img.realtor-photo  { max-width:96px; width: expression(this.width > 96 ? 96: true); max-height:75px; height: expression(this.height > 75 ? 75: true); }
/*----------------- Body ---------------- */
body {
    margin:                 0px;
    padding:                   0px;
	background:                  #514237 url(../images/bg-new-px.gif); 
	/* background:                  #433631 url(../images/bg-brown.jpg) repeat-x; */
    color:                    #000;
    font:                    13px/16px Arial, Helvetica, sans-serif;
}

/*-------------- Wrapper ---------------- */
#wrapper-bg {
	background: url(../images/bg-new-template2.jpg) repeat-x;  
    width:                    100%;
    padding:                0px 0px 0px 0px;
    margin:                    0px auto;
    position:                relative;
}
#wrapper {
    width:                    998px;
    padding:                0px 8px 0px 8px;
    margin:                    0px auto;
    position:                relative;
}
#wrapper-bg-housepal {
    width:                    100%;
    padding:                0px 0px 0px 0px;
    margin:                    0px auto;
    position:                relative;
}
#wrapper-housepal {
    width:                    520px;
    padding:                0px;
    margin:                    0px auto;
    position:                relative;
}
#wrapper-housepal-left {
    width:                    520px;
    padding:                0px;
    position:                relative;
}


#wrapper-content {
    width:                    998px;
	height: auto !important;
	position: relative;  
}
#wrapper-footer {
    width:                    998px;
	height:					230px;
    padding:                0px 0px 0px 0px;
    margin:                    0px auto;
	margin-top: 10px;
    clear:                    both;
    text-align:                center;
	position: relative;

}

#wrapper-listing {
    background:            #FFF;
    border:                1px solid #C8B9A9;
    padding:            5px;

}
#wrapper-listing2 h1 { margin: 8px 8px 0px 8px;}
#wrapper-listing2 p.grey { color: #666666; margin-bottom: 14px; font-size: 14px; font-weight: 100;}
#wrapper-listing2 h2 { font-size: 13px; margin-left: 4px; margin-bottom: 4px; padding: 8px 0px 4px 30px; background: url(../images/3-star.jpg) no-repeat;}

/* spacer */
.spacer { width: 100%; background: transparent; float: left; position: relative;}

/*-------------- Modules ---------------- */

.module { float: left; width: 100%; margin-bottom: 10px;}
.module div { border: 1px solid #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.module div div { border: none;}
.module div div.module-inner { border: 1px solid #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


.border-radius {  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

/*-------------- Typography ------------- */
p {color: #666; font-size: 14px; line-height: 1.5em;} 
p.small { font-size: 12px;}
h1{
    color:                #0078FF;
    font-size:            18px;
    margin:                5px 0px 14px 0px;
	font-weight:			200;
}
h2{
    color:                #0078FF;
    font-size:            18px;
    margin:                0px 0px 14px 0px;
	font-weight:			100;
}
h3 { font-weight: 100;}
h4{
    color:                #000;
    font-size:            14px;
}
.listings-details h1{
    color:                #333;
    font-size:            14px;
    margin:                0px 0px 0px 0px;
}
.listings-details h2{
    color:                #333;
    font-size:            12px;
    margin:                0px 0px 0px 0px;
}
.right { 
    float:                right;
}
.left { 
    float:                left;
}

a { color: #0066ff; text-decoration: none;}
a:hover { color: #333; }
.w100 { width:100px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w180 { width:180px;}
.w200 { width:200px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w480 { width:480px;}

.bold{font-weight: bold;}
.red { color:#A80400 !important;}
.black { color:#000 !important;}
.white { color: #fff !important;}
.blue { color: #0066CC !important;}
.blue-light { color: #3399FF;} 
.grey { color: #666;}
.grey-dark { color: #333;}


.center { text-align:center;}
.margin-top-8px{ margin-top: 8px;}
.margin-bottom { margin-bottom: 20px;}
.margin-bottom-short { margin-bottom: 10px;}
.margin-right { margin-right: 20px;}
.margin-8px { margin: 8px 8px 8px 8px;}

.line-height { line-height: 1.5em;}

.padding-8px { padding: 8px;}
.padding-right-8px { padding-right: 8px;}
.padding-bottom-8px { padding-bottom: 8px;}
.padding-3px { padding: 3px;}

.bg-white { background-color: #fff;}
.bg-tan { background-color: #9D8269;}
.bg-tan-light { background-color: #D9D2CC;}
.bg-cream { background-color: #E8E7E8;}

.checkmark { background: url(../images/check.gif) no-repeat 0px 0px; padding-left: 15px; float: left;}

/*-------------- Buttons ------------- */
.button-back { background: #0066ff; border: 1px solid #0066cc; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; margin: 5px 10px 20px 0px; color: #fff; float: left;}
.button-back:hover { text-decoration: underline; color: #fff; background: #0077ff;}


.btn-search-all { padding: 0 2px 8px 0; } 

/* -------------- Videos -------------- */
.video { width: 490px; overflow-x: scroll; float: left; }
.video-code { border: 4px solid #9D8269; float: left; width: 400px !important; overflow: scroll-x;}
.video-details{
    border:                4px solid #9D8269;
	background: #9D8269;
    font-size:            12px;
    margin-bottom:        14px;
}

.video-details .title{
    padding:            3px 5px 5px 5px;
    text-align:            left;
	color: #fff;
}
.video-details .content{
    padding:            5px;
}


/*-------------- Information Bar -------- */
#infomation-bar { width: 100%; height: 20px; background: #333; padding-top: 5px; top: 10px; position: absolute; z-index: 4px; position: relative;}
#infomation-bar p { font-size: 14px; color: #fff;}
#weather {
    color:                 #fff;
    float:                left;
    margin-left:        12px;
    font-size:            14px;
    }
#date{    
    color:                 #fff;
    margin:                0px auto;
    font-size:            14px;
    width:                200px;
}
#select-city {
    color:                 #fff;
    font-size:            14px;
    width:                350px;
    position:            absolute;
    top:                2px;
    right:                10px;
    }
#select-city p { text-align: right; }
#select-city select{
    font-size:14px;
    color: #000;
    background-color: #fff;
    }
/*-------------- Header ----------------- */
#header {
    width: 990px; height: 165px; background: #333; border-right: 5px solid #333; border-left: 5px solid #333; border-bottom: 5px solid #333;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; position: relative; overflow: hidden; margin-bottom: 5px;
}
#header-housepal {
    width: 504px; height: 100px; border: 1px solid #C8B9A9;
	position: relative; overflow: hidden; margin-bottom: 5px;
}
#header-overlay { background: url(../images/header-overlay.png); width: 998px; height: 102px; position: absolute; z-index: 2; bottom: 0px;}
#header-overlay p { line-height: 70px; font-size: 70px; color: #fff; left: 8px; position: absolute; top: 25px;}
#header-overlay p.agents-upload { line-height: 16px; font-size: 12px; color: #fff; right: 0px; position: absolute; top: 35px; left: 902px;}
#header-overlay p.agents-upload a{ line-height: 16px; font-size: 12px; color: #fff; position: absolute;}
#header-overlay p.agents-upload a:hover{ line-height: 16px; font-size: 12px; color: #fff !important; position: absolute; text-decoration: underline;}
#header-overlay a { line-height: 70px; font-size: 70px; color: #fff !important; position: absolute; text-decoration: none; font-weight: 100;}
#header-overlay a:hover { color: #0066ff !important; } 

/*-------------- Navigation ------------- */
#navigation-cities {
    width:                998px;
    height:                22px;
    background:            #9D8269 ;
    border-top:        1px solid #9D8269;
    border-right:        1px solid #9D8269;
    border-left:        1px solid #9D8269;
    color:                #fff;
    padding-top:        3px;
	font-size:			14px;
	-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;
}
#navigation-cities ul { width: 988px; position: relative; padding-left: 5px; height: 22px; float: left; }
#navigation-cities li { background: #433631; line-height: 21px; color: #333; padding: 0px 10px 0px 10px; float: left; border-right: 1px solid #433631 ;border-top: 1px solid #433631; border-left: 1px solid #433631; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; margin-right: 3px;}
#navigation-cities li.selected { background: #fff; border-right: 1px solid #fff ;border-top: 1px solid #fff; border-left: 1px solid #fff;}
#navigation-cities li.selected:hover { background: #fff;}
#navigation-cities li.selected a { color: #0066ff;}
#navigation-cities li.selected a:hover { color: #0066ff; background: #fff;}
#navigation-cities li a { color: #E8E7E8;}
#navigation-cities li a:hover { color: #fff; background: #574842;}
#navigation-cities li:hover {background: #574842;}

#navigation {
    width:                998px;
    height:                25px;
    background:            #fff url(../images/bg-nav1.jpg) repeat-x;
    border-top:       none;
	border-bottom:        1px solid #eee;
    border-right:        1px solid #FFF;
    border-left:        1px solid #FFF;
	margin-bottom: 10px;
    color:                #fff;
    padding-top:        8px;
	font-size: 16px; line-height: 20px;
	-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;
}

#main-nav-left {
    width:                700px;
    list-style:            none;
    float:                left;
    margin-left:        12px;
}

#main-nav-right {
    width:                250px;
    list-style:            none;
    float:                right;
    margin-right:        12px;
}

#main-nav-left li {
    float:                left;
}
#main-nav-right li {
	float:                right;
}

#main-nav-left a, #main-nav-right a {
    color:              #333; /*#1e4d9a;*/
    font-weight: 600;
    text-decoration:    none;
    margin:                0px 6px 0px 6px;
    display:            block;
}

#main-nav-left a:hover, #main-nav-right a:hover {
    color:                 #ccc; /*#990a13; */
}
a.on{
    color:                #0078FF !important; /* #990a13 */
}

/* lists */
ul.menu-left { text-align: left; font-size: 14px; padding: 10px;}
ul.menu-left li { line-height: 24px;}

/*-------------- Side-left -------------- */
#side-left {
	width:                186px;
    float:                left;
    /* min-height:         692px; */
    text-align:            center;
	padding-bottom: 20px;
}

#side-left h4.left-banner { width: 160px; height: auto; border: 4px solid #D9D2CC; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 8px;}

/*-------------- Side Item -------------- */
#side-left .side-item {
    width:                100%;
    font-size:            11px;
	margin-top: 0px
}

#side-left .side-item .title{
    background: url(../images/bg-title-red.gif) repeat-x;
    padding:            3px 5px 5px 10px;
    color:                #fff;
    font-size:            13px;
    font-weight:        normal;
    text-align:            left; -moz-border-radius-topleft: 4px;  -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px;  -webkit-border-top-right-radius: 4px;
}

#side-left .side-item p {
    padding:            5px;
}

#side-left .side-item a {
    font-weight:        normal;
}

#side-left .side-item .listing { width: 156px !important;}
#side-left .side-item .base {
    background:            #cbdcf8;
    height:                16px;
    padding:            4px;
}

#side-left .side-item .base .button{
    background:            #feffff;
    padding:            3px;
    color:                #000;
    font-weight:         normal;
    border:                1px solid #b6d0f5;
	
	}

.side-item .base .button:hover{
    background:            #ffedaa;
}

p.grey { color: #666; font-size: 12px;}
a.favorites { font-size: 14px;}

.side-item #favlistings .listing{
	min-width: 168px;
	margin: 8px 8px 0px 8px;
	padding: 4px 0px 0px 0px;
}
.side-item #favlistings .listing h4 { padding-top: 4px;}
.side-item #favlistings .listing .image{
    min-width: 50px;
	border: 2px solid #fff;
	}
.side-item #favlistings .remove {
    position: absolute; right:0px; top:0px;
    font-size: 11px;
    background-color: #999;
    color: #fff;
    font-weight: bold;
    padding: 3px;
}
.side-item #favlistings .remove:hover { color: #FFFFFF; background-color: #A80400; text-decoration: underline;}


/*#side-left iframe { border: 1px solid #b6d0f5; }*/

/* #side-left .realtor-spot{
    width:                152px;
    border:                1px solid #FFF;
    display:            block;
    margin:                0px auto;
} */
/*-------------- Content ---------------- */
#content{
    width:                516px;
	padding: 0px 10px 0px 10px;
    float:                left;
    /* min-height:         672px; */
}
#content-housepal{
    width:                516px;
	padding: 0px;
    /* min-height:         672px; */
}

/*-------------- Blog ------------------ */
.blog h2 { padding-bottom: 0px; margin-bottom: 0px; }
.blog p.date { color: #666; font-size: 10px; padding: 0px 0px 0px 0px; }
.blog p.readmore { margin: 0px 0px 15px 0px;}
.blog p.source { color: #333; margin: 0px 0px 0px 0px; }
.blog p { line-height: 1.5em; color: #565050; font-size: 14px; margin: 0px 0px 10px 0px;}
.blog strong { color: #000; font-size: 14px; }
.blog td { color: #565050; }
.blog a { color: #0078FF; }
.blog a:hover { color: #666;}
.blog img { max-width: 512px;}


/*-------------- Side-Right ------------- */
#side-right {
	width:                276px;
    float:                right;
    /* min-height:         692px; */
    text-align:            center;
}

#side-right h4.right-banner { width: 250px; height: 150px; border: 4px solid #D9D2CC; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 8px; }

#side-right .realtor-spot{
    width:                256px;
    border:                1px solid #FFF;
    display:            block;
    margin:                0px auto;
}

.usual {
color:#111111;
width:258px;
text-align:left;
}
.usual li {
float:left;
list-style:none outside none;
}
.usual ul a {
background: #433631;
color:               #fff /* #1e4d9a */;
font-size:            11px;
display:block;
margin:1px 1px 0px 6px;
padding:2px 7px;
border-top:1px solid #433631;
border-right:1px solid #433631;
border-left:1px solid #433631;
text-decoration:none !important;
-moz-border-radius-topleft: 4px;  -webkit-border-top-left-radius: 4px; moz-border-radius-topright: 4px;  -webkit-border-top-right-radius: 4px;
}
.usual ul a:hover {
background:             #574842;
color:                    #fff;
}
.usual ul a.selected {
background:             #fff;
color:                     #0078FF /*#A80400 */;
cursor:                    default;
margin-bottom:            0;
border-top:1px solid #fff;
border-right:1px solid #fff;x
border-left:1px solid #fff;
}
.usual div {
background:                #fff;
clear:                    left;
font:                    11px;
border:                    1px solid #b6d0f5;
padding: 4px 4px 4px 3px;
}
.usual div div{
border:                    none !important;
}


/*-------------- Side Item -------------- */
.side-item {
	border: 4px solid #D9D2CC; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    
    font-size:            11px;
}

.side-item .title{
    background: url(../images/bg-title-red-left.gif);
    color:                #fff;
    font-size:            13px;
    font-weight:        bold;
    text-align:            left;
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; moz-border-radius-topright: 4px;  -webkit-border-top-right-radius: 4px;
}
.side-item .title div{
    background: url(../images/bg-title-right.gif) right no-repeat;
	padding: 3px 5px 5px 5px;
}
.side-item p {
    padding:            5px;
}

.side-item .base {
    background:            #cbdcf8;
    height:                16px;
    padding:            4px;
}

.side-item .base .button{
    background:            #feffff;
    padding:            3px;
    color:                #000;
    font-weight:         normal;
    border:                1px solid #b6d0f5;
}

.side-item .base .button:hover{
    background:            #ffedaa;
}
/*-------------- Listing ---------------- */
/* ie Fix */
.listing-main {
    /*height:                53px;*/
    border:                none !important;
    cursor:                pointer;
    display:block;
    clear:both;
    /*height: 55px;*/
    min-height: 55px;
    position: relative;
    float: left;
	width: 490px !important;
}

.listing {
    /*height:                53px;*/
    padding:               4px;
    border:                none !important;
    cursor:                pointer;
    background:            #fff;
    display:block;
    clear:both;
    /*height: 55px;*/
    min-height: 55px;
    position: relative;
    float: left;
    margin: 2px;
    min-width: 240px;
}
#listings .listing {
	width: 482px;
}
.listing h2{
    margin:0px;
	line-height: 1.2em;
}
.listing a{
    color:                #A80400;
    font-weight:        bold;
    font-size:            13px;
    text-decoration:    none;
}

.listing .image{
    min-width:                 80px;
    /*height:                53px;*/
    display:            block;
    float:                left;
    margin-right:        10px;
    border:                none !important;
	position: relative;
}

.listing .details{
    display: block;
    min-width: 150px;
    float: right;
    clear: none;
    border: none;
    background: none;
}

.listing p{
    color:                #333;
    font-size:            11px;
}

/* - Favorites - User Page - */

#fav-userpage { background: #fff; width: 500px; height: auto; float: left; margin: 5px 0px 5px 0px; }
#fav-userpage img { float: left; padding-right: 10px;}
#fav-userpage a { color: #000; display: block; width: 492px; height: auto; float: left; padding: 4px;}
#fav-userpage a:hover { background: #dddddd; color: #000;}

/*------------------  Upcoming OpenHouses --------- */

#upcomming { padding: 0px; margin: 0px; }

/*------------------  Featured --------- */
#featured {min-height: 110px;}
#featured .listing{min-height: 110px;
margin: 0px 0px 0px 0px;}
#featured .listing .cat_name{
    display: block;
    color: #000;
    font-weight: bold;
	margin: 0px 0px 0px 0px;
}
#featured .listing .price{
    color: #000;
    font-weight: normal;
}
#featured .image{width: 120px;}
#featured .image img{width: 120px;}
#featured .details{min-width: 90px !important; width: 90px !important;}
#featured .cat_name{margin-bottom: 5px;}
#featured .request_viewing{font-weight: bold;}
#featured .request_viewing a:hover { color: #990000;}
/*-----------------*/
.listing-bgcolor{
    background:            #E8E7E8 !important;
}

.listing-hover {
    background:            #D9D2CC !important;
}



.listings-paging {
    border:            1px solid #b6d0f5;
    padding:            5px;
    font-weight:        bold;
    font-size:            11px;
    height:                18px;
}

.listings-paging  a{
    color:                 #1e4d9a;
    text-decoration:    none;
}

.listings-paging  a:hover {
    color:                 #A80400;
}


.paging {
    border-left:        none !important;
    border-right:        none !important;
    border-bottom:        none !important;
    border-top:            none !important; /*1px solid #b6d0f5;*/
    text-align:            right;
    padding:            0px;
    font-weight:        bold;
    font-size:            11px;
}

.paging a{
    color:                 #0078FF /*#1e4d9a */;
    text-decoration:    none;
}

.paging a:hover {
    color:                 #A80400;
}



#listing-nav{
margin:0px auto ;
margin-top: 4px;
text-align:left;
height:22px;
}

#listing-nav li {
float:left;
list-style:none outside none;
}
#listing-nav li.right { float: right; margin-right: 5px;}
#listing-nav li.right a{ background: url(../images/tab-off.gif) repeat-x; color: #fff;}
#listing-nav a {
background: #9D8269;
color: #fff /*#1e4d9a */;
font-size: 11px;
font-weight: bold;
display:block;
margin:1px 1px 0px 3px;
padding:2px 7px;
border-top:1px solid #9D8269;
border-right:1px solid #9D8269;
border-left:1px solid #9D8269;
text-decoration:none !important;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; moz-border-radius-topright: 4px;  -webkit-border-top-right-radius: 4px;
}
#listing-nav  a:hover {
background: #B39980;
color: #fff;
}

#listing-nav li a.active{
    color: #0066ff !important; 
	background: #fff;
	border-top:1px solid #C8B9A9;
	border-right:1px solid #C8B9A9;
	border-left:1px solid #C8B9A9;
	border-bottom: 1px solid #fff;
}

ul.details-nav{
background: #B39980;
margin:0px auto ;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
text-align:left;
height:30px;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; moz-border-radius-topright: 4px;  -webkit-border-top-right-radius: 4px;
}

.details-nav li {
float:left;
list-style:none outside none;
margin-top: 4px;
margin-bottom: 4px;
}
.details-nav li.right { float: right; margin-right: 5px;}
.details-nav li.right a{ color: #fff;}
.details-nav li.right a:hover{ text-decoration: underline;}
.details-nav a {
background: #9D8269;
color: #fff /*#1e4d9a */;
font-size: 11px;
font-weight: bold;
display:block;
margin:1px 1px 0px 3px;
padding:2px 5px;
border:1px solid #9D8269;
text-decoration:none !important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.details-nav a.btn-favorites {
background: #3399FF;
}
.details-nav  a.btn-favorites:hover {
background: #0066ff;
}
.details-nav  a:hover {
background: #C0AE99;
color: #fff;
}
.details-nav li a.active{
    color: #0066ff !important; 
	background: #fff;
	border-top:1px solid #C8B9A9;
	border-right:1px solid #C8B9A9;
	border-left:1px solid #C8B9A9;
	border-bottom: 1px solid #fff;
}

.details-nav b {
float: left;
cursor: pointer;
color: #0066FF;
font-size: 11px;
font-weight: bold;
display:block;
margin:1px 1px 0px 3px;
padding:4px 6px;
text-decoration:none !important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.details-nav b:hover {background: #EDE8E4; }
.details-nav b.active, b.active:hover {
background: #9D8269;
color: #fff;
}

#video-nav{
background: #B39980;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
height:30px;
}
#video-nav li {
float:left;
list-style:none outside none;
margin-top: 4px;
margin-bottom: 4px;
}
#video-nav li.right { float: right; margin-right: 5px;}
#video-nav li.right a{ color: #fff;}
#video-nav li.right a:hover{ text-decoration: underline;}
#video-nav a {
background: #9D8269;
color: #fff /*#1e4d9a */;
font-size: 11px;
font-weight: bold;
display:block;
margin:1px 1px 0px 3px;
padding:2px 7px;
border:1px solid #9D8269;
text-decoration:none !important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
#video-nav  a:hover {
background: #C0AE99;
color: #fff;
}

#share-nav{
background: #9D8269;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
height:30px;
}
#share-nav li {
float:left;
list-style:none outside none;
margin-top: 4px;
margin-bottom: 4px;
}
#share-nav li.right { float: right; margin-right: 5px;}
#share-nav li.right a{ color: #fff;}
#share-nav li.right a:hover{ text-decoration: underline;}
#share-nav a {
background: #B39980;
color: #fff /*#1e4d9a */;
font-size: 11px;
font-weight: bold;
display:block;
margin:1px 1px 0px 3px;
padding:2px 7px;
border:1px solid #9D8269;
text-decoration:none !important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
#share-nav  a:hover {
background: #C0AE99;
color: #fff;
}


/*-------------- Listings Details ---------- */

.listings-details{
    border:                1px solid #D9D2CC;
	background: #EDE8E4;
    font-size:            12px;
    margin-bottom:        14px;
}

.listings-details .title{
    background: #D9D2CC;
    padding:            3px 5px 5px 5px;
    text-align:            left;
}

.listings-details .content{
    padding:            5px;
}
.listings-details .button{
    background:            #feffff;
    padding:            3px;
    color:                #000;
    font-weight:         normal;
    border:                1px solid #b6d0f5;
}

.listings-details .button:hover{
    background:            #ffedaa;
}

.big-image { -moz-border-radius: 0px; -webkit-border-radius: 0px; border:1px solid #C8B9A9; margin-top: 5px; height: 300px;}
.big-image p { text-align: center;}
.big-image img { max-width: 482px; max-height: 300px;}

.google-static img { margin: 5px 4px 0px 0px; padding: 1px; border: 1px solid #b6d0f5;}

.detail-thumbnails { width: 482px; height: auto; float: left; margin-bottom: 5px;}
.detail-thumbnails .btn { margin: 3px 6px 3px 6px; padding: 1px; float: left; width: 360px;}
.detail-thumbnail img { height: 51px; margin: 6px 0px 0px 5px; padding: 1px; float: left; border: 1px solid #C8B9A9;}

.detail-links { width: 120px; height: auto; float: left; overflow: hidden; text-align: center; }
.detail-button { width: 110px; border: 1px solid #b6d0f5; text-align: center; padding: 4px; margin: 5px 0px 5px 0px;}
.padding-button { margin: 5px 0px 5px 0px;}

/*-------------- Simple Search ----------- */
#simplesearch{
    /*width:                484px;*/
	padding: 0px 0px 0px 15px;
    margin-bottom:        5px;
    color:                #181d66;
	background: #D9D2CC; -moz-border-radius: 6px; -webkit-border-radius: 6px;
    }

#simplesearch .text{
    font-size:            12px;
    height:                20px;
    color: #0078FF;
    border:                1px solid #666;
    }
    
#simplesearch .button{
    background: url(../images/search.gif) no-repeat 0px 1px;
    width:55px;
    height:27px;
    display:block;
    border:none;
    cursor:pointer;
    }

#simplesearch .button:hover{
    background: url(../images/search_o.gif) no-repeat 0px 1px;
	}

/*-------------- Map Search ----------- */
.border { width: 100%; height: 1px; background: #b6d0f5; margin-bottom: 10px; float: left;}
.google-map-bg { background: #D9D2CC ; position: relative;}
.google-map-bg p { color: #0066ff; padding: 12px 0px 4px 20px; font-size: 12px;}

/*-------------- Map Info Window ------------ */

.iwstyle  img{ float: left; padding: 0px 10px 0px 0px; }
.iwstyle  h2 { padding-bottom: 0px; margin-bottom: 0px; }
.iwstyle  p.date { color: #666; font-size: 10px; padding: 0px 0px 0px 0px; }
.iwstyle  p { line-height: 1.3em; color: #565050; font-size: 14px; margin: 0px 0px 0px 0px;}
.iwstyle  a { color: #0078FF; }
.iwstyle  a:hover { color: #666;}

/*--------------- Map Labels ---------------- */
.style2 {background-color: #fff; border: 3px solid #66CCFF; color: #0099FF; font-weight: bold; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100px;}

/*--------------- Map Wrapper ---------------- */
.map-wrapper { width: 492px;; height: auto; float: left; margin-bottom: 8px; background: #b6d0f5; padding: 4px 4px 4px 18px;}
/*-------------- Quick Search ----------- */
a.toggle { color: #0066ff; text-decoration: underline; padding-left: 18px; font-size: 11px; font-weight: bold;}
.plus-sign { background: url(../images/plus.png) no-repeat 4px 0px; color: #0066ff; text-decoration: underline; padding-left: 18px; font-size: 11px; font-weight: bold;}
.minus-sign { background: url(../images/minus.png) no-repeat 4px 0px; color: #0066ff; text-decoration: underline; padding-left: 18px; font-size: 11px; font-weight: bold;}
a.className { background: #000;}

#quicksearch{
    min-height:            130px;
    margin:                14px 0px;
    padding-left:     18px;
	background: #D9D2CC; -moz-border-radius: 6px; -webkit-border-radius: 6px;
    }

#quicksearch select{
    font-size:            11px;
    color:                #0066ff;
    margin-right:        5px;
    border:                1px solid #fff;
    }

#quicksearch .button{
    background: url(../images/search.gif) no-repeat;
    width:55px;
    height:27px;
    display:block;
    border:none;
    cursor:pointer;
    margin-top:-4px;
    }

#quicksearch .button:hover{
    background: url(../images/search_o.gif) no-repeat 0px 0px;
	}

                           
/*-------------- Footer-left ----------------- */
#footer-left {
    color:                #9D8269;
    font-size:            11px;
	text-align: 		left;
}
$footer-left p { color: #9D8269 !important; }
#footer-left h4 {width: 306px; height: 106px; overflow: hidden; margin-bottom: 20px; margin-right: 20px; float: left; color: #9D8269 !important;}
#footer-left h4.right {width: 300px; height: 180px; overflow: hidden; position: absolute; line-height: 1.6em; top: 10px; right: 10px; color: #9D8269 !important;}
#footer-left h4.right p{ color: #726257 !important; font-weight: normal;}
#footer-left h4.right img {float:right; margin-top: 20px; }
.footer-nav { list-style: none; width: 632px; font-size: 14px;}
.footer-nav li { float: left; }
.footer-nav li.divider { margin: 0px 4px; float: left;}
.footer-nav a { color: #9D8269; text-decoration: none; margin: 0px 4px 0px 0px; display: block; }
.footer-nav a:hover{ color: #726257; }
.footer-nav a.selected{ color: #9D8269; }
.footer-nav p { color: #9D8269; width: 630px !important; text-align: left;}

.footer-nav-bottom { list-style: none; font-size: 14px; text-align: left;}
.footer-nav-bottom a { color: #9D8269; text-decoration: none;}
.footer-nav-bottom a:hover{ color: #726257; }
.footer-nav-bottom a.selected{ color: #9D8269; }
.footer-nav-bottom p { color: #726257;}
#credit {
    color:                #9D8269;
    margin:                10px auto;
    width:                300px;
    font-size:            11px;
    display:            block;
    text-decoration:    none;
}




/*-------------- Banners ---------------- */
#top-banner {
    position:            absolute;
    top:                12px;
    right:                12px;
}

/*------------- UPLOADING ANIMATION SCRIPT ---------------*/



/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
    height:                    0;
    visibility:             hidden;
    display:                 block;
    clear:                     both;
    content:                 ".";
    line-height:             0;
}
.clearfix {
    display:                 block;
}
html[xmlns] .clearfix {
    display:                block;
}
* html .clearfix {
    height:                 1%;
}


#listing-nav a.disabled,
#listing-nav a.disabled:hover
{
    background: url("../images/tab-off.gif") repeat-x scroll 0 0 transparent;
    color: #999;
    cursor: default;
}

.shortcuts{
    position: relative;
    height: 90px;
}
.shortcuts ul,
.shortcuts li{
    margin: 0px;
    padding:0px;
    list-style: none;
    position: relative;
}
.shortcuts li{
    float: left;
    margin: 4px;
}
.shortcuts li a{
    font-weight: normal;
}

#areas_holder li{
    font-size: 11px;
    color: #666;
    width: 230px;
    float: left;
    margin: 3px;
    text-align: left;
}
.tii-pager-top/*{
    border:        1px solid #b6d0f5;
}*/
,.tii-pager-bottom{
    border:        1px solid #b6d0f5;
    margin: 5px;
}
#quicksearch select{
    width: 90px;
}
.subtitle{
    color: #1E4D9A;
    font-weight: bold;
}

#SimpleSearchHolder div{
    float: left;
    /*height: 95px;*/
    margin-right: 3px;
    margin-bottom: 3px;
	
}
#SimpleSearchHolder input{
    display: block;
    margin:2px 2px 0px 2px;
    padding: 2px;
	border: 1px solid #C8B9A9;
}
#SimpleSearchHolder input.dirty{
    color: #0066ff;
    font-weight: bold;
}

#SimpleSearchHolder .text
{
border: 1px solid #C8B9A9;
background: #fff;
color: #0078FF;
font-size: 1.1em; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}

/* Inside the Simple Search Display Box when you click on the input */
#SimpleSearchHolder span{
    font-size: 10px;
    color: #0066ff;
	font-weight: bold;
    display: none;
    height: 80px;
	width: 100%;
	padding: 3px;
}

#SimpleSearchHolder .highlight{
    background-color: #B1CCF5;
    border: 1px solid #76A7EA;
    margin-right: 1px;
    margin-bottom: 1px;
}
#SimpleSearchHolder .highlight input{
    color: #0066ff;
    font-weight:bold;
}
#page_error{
    border-bottom: 2px solid #333;
    background-color: #fff;
    color: #A80400;
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
    font-weight:bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.hidden{display:none !important;}
#btnAdvancedSearch{color: #333;text-decoration:underline;}
/***** COPIED FROM OLD STYLES.CSS *****/
.box{
  width:        100%;
  margin-bottom:    4px;
  border:        1px solid #b4d0f5;
}
.bluebg{ font-size: 11px; color: #333; font-family: verdana, arial, helvetica, sans-serif; background-color: #ccc; border-right: 1px dotted #ddd; text-align: center;}

td {
color:#666;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11px;
}


.tii-form ul li.focused{
    background-color:#cbdcf8;
}

/* Forms */
.form { width: 100%; height: auto; position: relative;}
.form li { width: 100%; height: auto; list-style: none; float: left; padding-bottom: 8px; }
.form li .input { width: 60%; float: left; line-height: 20px;}
.form li label { width: 30%; float: left; text-align: right; padding-right: 4%; line-height: 20px;}
.form li input.200px { width: 300px; max-width: 300px;}
.form li input { height: 20px;  }
.form li input.small { width: auto !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ccc;}
.form li .big { width: 200px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ccc; }
.form li select.small {width: 40px; }
.form .left-column { width: 30%;}

.form-profile td { padding-bottom: 2px;}
.form-profile input { padding: 3px; border: 1px solid #ddd;}
.form-profile input[type=text] { width: 300px;}
.form-profile textarea { width: 300px; border: 1px solid #ddd; padding: 3px;}
.form-profile select { width: 300px;padding: 3px;}
.form-profile .btn { background: #A8CBFF; font-size: 16px;}
.form-profile .btn:hover { color: #fff; background: #0066FF; border: 1px solid #0066ff;}

/*table */
.table-list { border: 1px solid #ddd; background: #f6f6f6; }
.table-list td {padding: 4px; margin:0px;}
.table-list tr.alt td { background: #eee;}
.table-list .head td {background: #e6e6e6; border-bottom: 1px solid #ddd; font-weight: bold;}


/* Image Uploader */
.photo-uploader { background: #00A2FF; width: 200px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 4px solid #00A2FF; float: left; line-height: 20px; padding:4px; }
#files_list { background: #0066ff; border: 1px solid #0066CC; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; color: #fff; margin: 4px;}

.input input { width: 200px;}

/* Open House Calendar */
/*.ui-widget {background: #00A2FF;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 4px solid #00A2FF; padding: 4px;}*/
.ui-widget-content {}
.ui-widget-content a { color: #fff;}
.ui-widget-content a:hover { background: #0066cc;}
.ui-widget-header {  background: #fff; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;} 
.ui-widget-header a { color: #0066cc;}
.ui-widget-header a:hover { background: transparent; text-decoration: underline;}
.ui-datepicker { width: 17em; padding: .2em .2em 0;  display: none; background: #00A2FF; text-align: center;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 4px solid #00A2FF; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:10px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:10px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 

/* Open House Time Picker */
#CP_hourcont { -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; position:absolute; border:1px solid #0066CC; background-color:#00A2FF; display:none; }

#CP_minutecont {
border:1px solid #0066CC;
background-color:#00A2FF;
padding: 0px;
position:absolute;
width:50px;
display:none;
-moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px;
}

.floatleft {
float:left;
}

.CP_hour {
padding:4px;
font-size:9px;
white-space:nowrap;
cursor:pointer;
width:40px;
margin:1px;
background-color:#0066CC; color: #fff; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #0066CC;
}

.CP_minute {
padding:4px;
background-color:#0066CC; color: #fff; font-size:9px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border:1px solid #0066CC;
white-space:nowrap;
cursor:pointer;
width:auto;
margin:1px;
}

.CP_over {
background-color:#0066ff;
}

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
<!--[if IE]>
   .transparent_class {background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
       zoom: 1;
    } 
<![endif]-->