﻿.wpropertystd h2{font-weight:normal; font-size:24px;color:#333; text-align:left;padding-top:0px;}
.wpropertystd h3
{
	font-size:16px;
    margin: 2px 0px;
    padding: 0px 10px;
    font-weight:bold;
    color:#333; 
    display:block; 
    background:url(../../../image/element/menubg_gray.png) repeat-x; 
    border-top:1px solid #F3F3F3;
    line-height:30px;
    text-align:left;
}
.ruler
{
	margin:12px 0px; 
	padding:0px;
	clear:both;
	height:1px;
	width:100%;
	overflow:hidden;
	background:url(../../../image/element/bg_ylw_v.png) repeat-x;
}
.utility
{  
    text-align:left;
    padding:0px;
    margin:0px;
    float:right;
}
.utility .utility-btn{
    display:block ;
    background:#efefef;
    border-radius:20px;   
    padding:10px 10px 10px 35px;
    text-align:center;
    text-decoration:none;
    float:left;
    margin:3px 5px;
    position:relative;
    border:solid 1px #ccc;
    font-size:11px;
}
.utility .utility-btn i {
        font-size:20px;
        position:absolute;
        left:10px;
        top:12px;
}
.brief{margin:0px; padding:0px;}
.fieldvalue{margin:0px; padding:0px; display: -moz-inline-block; display:inline-block; text-align:left;}
.field{color:#666; font-weight:bold; display: -moz-inline-block; display:inline-block ; }
.value{display: -moz-inline-block; display:inline-block;}
* html .fieldvalue, * html .field, * html .value{display:inline;}
* + html .fieldvalue, * + html .field, * + html .value{display:inline;}
/*.cola{width:100px;}
.colb{width:200px;}
.colc{width:500px;}*/
.factsheet{padding-bottom:8px;}
.factsheet .fieldvalue{border-bottom:1px solid #FFF;}
.factsheet .field{padding-left:2px;border-right:1px solid #FFF;border-left:1px solid #FFF;}
.rooms{clear:both; padding:10px 0px;}
.rooms ul{ margin:0px; padding:0px; list-style-type:none;}
.header li{color:#333;font-weight:bold; }
/*.col1{display: -moz-inline-block;display:inline-block;width:100px;border-right:1px solid #FFF;}
.col2{display: -moz-inline-block;display:inline-block;width:200px;border-right:1px solid #FFF;}
.col3{display: -moz-inline-block;display:inline-block;width:260px;}*/
* html .col1, * html .col2, * html .col3 {display:inline;}
* + html .col1, * html .col2, * html .col3 {display:inline;}
.brokerage{padding-top:10px;}
.warranty{padding-top:10px;font-size:11px; color:#666;}
.clear{clear:both;}
.independent{font-size:10px;color:#666;}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {margin:0px auto;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:460px; height:308px;background:#000;}

.wpropertystd #fullsize{border:solid 3px #000;}
  .wpropertystd #image{padding:0 !important;}
  .wpropertystd #image img{left:0px; top:0px;}

.cola{width:100px;}
.colb{width:200px;}
.colc{width:500px;}
.col1{display: -moz-inline-block;display:inline-block;width:100px;border-right:1px solid #FFF;}
.col2{display: -moz-inline-block;display:inline-block;width:200px;border-right:1px solid #FFF;}
.col3{display: -moz-inline-block;display:inline-block;width:260px;}
* html .col1, * html .col2, * html .col3 {display:inline;}
* + html .col1, * html .col2, * html .col3 {display:inline;}

#information {display:none;position:absolute; bottom:0; width:454px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {display:none;padding:4px 8px 3px; font-size:14px}
#information p {display:none;padding:0 8px 8px}
#image {padding:3px !important;}
#image img {position:absolute; left:3px;top:3px; z-index:25; width:454px;height:302px;}
.imgnav {position:absolute; width:70px; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../../../image/element/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../../../image/element/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../../../image/element/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; position:relative;}
#slideleft {float:left; width:20px; height:81px; background:url(../../../image/element/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../../../image/element/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {position:absolute;top:0px;left:25px; right:25px;  height:81px; overflow:hidden}
#slider {position:absolute; left:0px; top:0px; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px; width:112px;height:81px !important;display: inline-block; box-sizing:border-box;}
/*============*/
@media(max-width:1991px){
  .wpropertystd div.propbrief div.photos, .wpropertystd div.propbrief div.photos #fullsize, .wpropertystd div.propbrief div.photos #fullsize img {width:100% !important; height:100% !important; }  
 .wpropertystd #fullsize{height:0px;padding-bottom:67%;}
}