#tvPhoto {
 background: url('/img/plasma-tv.jpg') no-repeat top left;
 width: 800px;
 height: 400px;
 position: relative;
}

#tvPhoto img {
 position: absolute;
 top: 30px;
 left: 30px;
 width: 385px;
}

a.asc {
 padding-right:20px;
 background: url('/img/arrow_up.gif') top right no-repeat;
}

a.desc {
 padding-right:20px;
 background: url('/img/arrow_down.gif') top right no-repeat;
}

body {
 background: #2c4562 url('/img/body-bg.jpg') no-repeat top center;
 margin-top: 50px;
}

#header {
 position: relative;
}

#header #logo {
 position: relative;
 left: 176px;
 top: -40px;
}

#header #phone {
 color: #000;
 position: absolute;
 font-weight: bold;
 right: 0;
 bottom: 8px;
 font-size: 1.4em;
 z-index: 100;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
 head~body #header #phone { bottom: 15px; }
}

#content {
 background: #fff;
 border: 1px solid #eee;
 -moz-border-radius: 0 0 8px 8px;
 -webkit-border-radius: 0 0 8px 8px;
 border-radius: 0 0 8px 8px;
 margin-top: 0;
 min-height: 400px;
 padding: 9px;
 padding-bottom: 2em;
}

#content #flashMessage.alert, #content #authMessage.message {
 background: #ffe3e3 url('/img/icons/exclamation-trans.png') no-repeat 5px 5px;
 text-indent: 20px;
 border: 1px solid pink;
 margin-bottom: 1em;
 padding: 5px;
}

#content #flashMessage.success {
 background: #daf8e2 url('/img/icons/accept-trans.png') no-repeat 5px 5px;
 text-indent: 20px;
 padding: 5px;
 margin-bottom: 1em;
 border: 1px solid #8cd69f;
}

#content #flashMessage.warning {
 background: #fffeb3 url('/img/icons/error-trans.png') no-repeat 5px 5px;
 text-indent: 20px;
 border: 1px solid #e9de61;
 margin-bottom: 1em;
 padding: 5px;
}

h1, h2, h3, h4, h5, h6, p {
 margin: 1em 0 .5em 0;
}

.altrow {
 background: #eee;
}

.note {
 font-style: italic;
 color: #333;
}

.disclaimer {
 color: #999;
 font-size: .9em;
 text-align: center;
}

dl dt {
 font-weight: bold;
 font-color: #333;
}

.paging .disabled {
 display: none;
}

/*** Gallery ***/
#gallery li {
 display: inline;
 margin: 0;
 padding: 0;
}

#gallery img {
 border: 1px solid #555;
 margin: 3px;
 height: 75px;
 width: 100px;
}

/*  END Gallery */

/*** menu ***/
ul#menu { width: 960px; height: 43px; background: url("/img/menu/menu-bg2.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; position: relative; top: 10px; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; position: relative; }
ul#menu li a { height: 43px; color: #333; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; font-size: 1.2em;}
ul#menu li a:hover { color: #000; }
ul#menu li a.current{ color: #FFF; background: #fff url("/img/menu/current-bg.gif") top left repeat-x; padding: 5px 15px 0;}


ul#menu li ul { display:none; background: #fff; top: 3em; height: auto; }
ul#menu li:hover > ul { width: 18em; display: block; position: absolute; border: 1px solid #ccc; z-index: 100; }
ul#menu ul li:hover { background: #ddd; }
ul#menu ul ul { top: 0; left: 14em; }
ul#menu ul a { font-size: 1em; padding: 0; height: .9em; display: block; height: 1.5em; float: none; }
ul#menu ul li { float: none; font-size: 12px; color: #333; margin: 0; padding: 3px; display: block; clear: both; }
ul#menu ul ul li { height: 1.5em; }
/** END menu **/

/*** forms ***/
p.asterisk:before  {
 content: "* ";
 color: red;
 line-height: 1em;
 font-size: 1.4em;
 font-weight: bold;
}

#content fieldset {
 border: 1px solid #eee;
 padding: 10px;
}

#content fieldset legend {
 font-size: 1.1em;
 color: #333;
 font-weight: bold;
}

#content fieldset .input {
 clear: both;
 margin-bottom: .5em;
}

#content fieldset label {
 float: left;
 width: 150px;
}

fieldset span {
 font-style: italic;
 font-size: .85em;
 color: #333;
}

#content fieldset .input input {
 width: 15em;
}

#content fieldset textarea {
 width: 430px;
 height: 120px;
}

#content fieldset .submit input {
 float: right;
}

fieldset .required label:after {
 content: " *";
 font-size: 1.3em;
 line-height: 1em;
 color: red;
 font-weight: bold;
}

fieldset .error input, fieldset .error textarea, fieldset .error select {
 background: #ffe3e3;
}

fieldset .error-message {
 margin-left: 150px;
 color: #333;
 font-style: italic;
 margin-bottom: 1em;
}

.agent fieldset textarea + .error-message {
 margin-left: 0;
}

fieldset .area {
 margin-left: 150px;
 position: relative;
 float: left;
}

fieldset .area > label {
 margin-right: 150px;
 position: absolute;
 left: -150px;
}

fieldset .area .checkbox {
 width: 220px;
 float: left;
 margin-left: 0;
 margin-bottom: .25em;
}

fieldset .area .checkbox input {
 float: left;
}

fieldset .area .checkbox label {
 color: #333;
}

/** END  forms **/

/*** agents ***/
.agents td {
 padding: 5px;
}

#agentProfile dd.image {
 float: left;
 margin-right: 10px;
 height: 10em;
 margin-left: 0;
 text-indent: 0;
}

#agentProfile dd.image img {
 border: 1px solid #777;
 max-width: 110px;
}

#agentProfile dd {
 text-indent: 20px;
 margin-left: 125px;
}

#agentProfile dd.office {
 background: url('/img/icons/building.png') no-repeat 0 2px;
}

#agentProfile dd.mobile {
 background: url('/img/icons/mobile_phone.png') no-repeat 0 2px;
}

#agentProfile dd.homeOffice {
 background: url('/img/icons/home_phone.png') no-repeat 0 2px;
}

#agentProfile dd.fax {
 background: url('/img/icons/printer.png') no-repeat 0 2px;
}

#agentProfile dd.email {
 background: url('/img/icons/email.png') no-repeat 0 2px;
}

#agentProfile dd.web {
 background: url('/img/icons/world_link.png') no-repeat 0 2px;
}

.agents dd.image {
 float: left;
 margin-right: 10px;
}

#content .search fieldset .input label {
 width: 74px;
}
/** END agents **/

/*** Listings ***/
.listings dl {
 border: 1px solid #eee;
 color: #333;
 font-size: 1.1em;
 position: relative;
 clear: both;
 min-height: 11em;
}

.listings .actions {
 position: absolute;
 right: 0;
 bottom: 5px;
}

.listings dd.mls {
 position: absolute;
 top: 0;
 right: 5px;
}

.listings dl dd, .listings dl dt {
 margin-left: 208px;
}

.listings dl dd.description {
 font-size: .9em;
 text-transform: lowercase;
 margin: .5em 0 .5em 208px;
}

.listings dl .image {
 float: left;
 margin-left: 0;
}

.courtesy {
 color: #777;
 font-size: .8em;
 margin-bottom: 3.5em;
}

.listing table caption {
 text-align: left;
 font-size: 1.3em;
 letter-spacing: 1px;
}

.listing table th {
 text-align: left;
 padding-right: 2em;
}

.listing table td {
 padding-right: 1.5em;
}

/** END Listings **/

#footer, #footer a {
 color: #ddd;
}

#footer ul.menu li {
 font-size: 1em;
}

.paging {
 text-align: right;
 font-size: 1.3em;
 font-variant: small-caps;
}

.paging span {
 padding: 5px;
}

/* BUTTONS */

.actions ul {
 list-style-type: none;
}

.actions a, .actions button {
    display:block;
    float:left;
    margin:0 5px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding: 3px; /* Links */
}
.actions button {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.actions button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */
}
.actions button img, .actions a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .actions a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.actions a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .actions a.positive {
    color:#529214;
}
.actions a.positive:hover, button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.actions a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.actions a.negative, button.negative {
    color:#d12f19;
}
.actions a.negative:hover, button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.actions a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}