body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #fff;
}

a{
color: #003366;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

#container{
width:610px;
margin: 0 auto;
}

h2{
font-size: 16px;
}

h3{
font-size: 14px;
padding:0;
margin:0;
}

label{
font-weight:bold;
}

input, textarea, select, option {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

.r td {
padding: 8px;
}

#photo{
border: 1px solid #ACACAC;
background: #FFF url(../images/stripe.png);
float: left;
width: 320px;
padding: 10px;
}

#pload{
width: 320px;
height: 240px;
background-color: #fff;
}

#photo img{
padding:0;
}

.mlsbox{
padding: 20px 0 20px 0;
margin-top:0px;
background-color:#FFF;
width:320p;
}
.mlsbox h1{
text-align:center;
font-size: 20px;
padding:0;
margin:0;
}

#courtesy{
margin: 10px 0;
text-align:center;
font-size: 10px;
}

#thumbbox{
float:right;
width: 260px;
margin-top: -8px;
}

#thumbbox img{
border:1px solid black;
}

.ybox{
border: 1px solid #FF9900;
background: #FFCC66 url(../icons/table_multiple.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom: 8px;
margin-top:8px;
}

.remarks{
border: 1px solid #47A9EB;
background: #D8EDFB url(../icons/comment.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.cmnt{
background: url(../icons/comment.png) top left;
padding:12px;
}

.remarks h3{
display: inline;
}

.price{
border: 1px solid #4D805A;
background: #D4F7DD url(../icons/money.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.details{
border: 1px solid #ACACAC;
background: #E9E9E9 url(../icons/house.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.gbx{
padding: 10px 10px 10px 10px;
margin-bottom:8px;
margin-top:8px;
}

.warn{
border: 1px solid #FF0000;
background: #FFA6A6 url(../icons/cancel.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.error{
border: 1px solid #FF0000;
background: #FFA6A6 url(../icons/cancel.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.ok{
border: 1px solid #009900;
background: #B3E6B3 url(../icons/accept.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}


.feat{
border: 1px solid #CCFF00;
background: #EDFFA6 url(../icons/star.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
}

.mortgage{
border: 1px solid #4D805A;
background: #D4F7DD url(../icons/calculator.png) 10px 12px no-repeat;
padding: 10px 10px 10px 35px;
margin-bottom:8px;
margin-top:8px;
font-size: 11px;
}

.mortgage tr,td{
padding: 0;
margin:0;
border:0;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}

#footer{
text-align:center;
font-size: 11px;
clear:both;
margin-top:10px;
}

#results tr{
cursor: pointer;
}

.pgnavbox {
width:610px;
padding: 16px 0;
text-align: center;
font-size: 10px;
}

.pgnavs {
padding:3px 6px;
}
.pgnavscr {
color:#fff;
padding: 8px;
font-weight:bold;
background-color:#336399;
border:1px solid #2E4B6B;
}
.pgnavbox a{
font-weight:bold;
color:#2E4B6B;
padding: 4px 6px;
background-color:#B3CBE6;
border:1px solid #6696CC;
}
.pgnavbox a:hover{
text-decoration:none;
background-color:#336399;
border:1px solid #2E4B6B;
color:#fff;
}


a.squarebutton{
background: transparent url('../images/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}