/* Module - House sketch */
#house-sketches-overview
{
    border: none;
	width:					937px;
	overflow:				hidden;
	margin:					-20px auto 0;
	padding:				20px 0 0px 32px;
	background:				url(../images/house-sketches-bg2.jpg) #323232 no-repeat 0 bottom;
	height:					477px;
}

#house-sketch-advert 
{
	margin:					180px 0 40px 0;
	width:					473px;
}
#house-sketches-types ul 
{
	list-style:				none;
}
#house-sketches-types ul li
{
	background:				url(../images/house-sketch-types.png) no-repeat;
	float:					left;
	height:					20px;
	padding-top:			65px;
	margin-right:			20px;
	width:					125px;
}
#house-sketches-types ul li label 
{
	display:				inline;
}
#house-sketch-list 
{
	background:				url(../images/sketch-menu-bg.jpg) #808080 no-repeat;
	margin-bottom:			33px;
}
#house-sketch-list li 
{
	height:					17px;
	border-top:				1px solid #b8b8b8;
	border-bottom:			1px solid #929292;
	font-size:				14px;
	font-weight:			bold;
	display:				block;
	padding:				11px 10px 10px 18px;
	color:					#fff;
	cursor:					pointer;
}
#house-sketch-list li.item1 
{
	border-top:				1px solid #c4c4c4;
	border-bottom:			1px solid #929292;
}
#house-sketch-list li.item2
{
	border-top:				1px solid #c4c4c4;
	border-bottom:			1px solid #929292;
}
#house-sketch-list li.item3 
{
	border-top:				1px solid #b8b8b8;
	border-bottom:			1px solid #848484;
}
#house-sketch-list li.item4 
{
	border-top:				1px solid #a9a9a9;
	border-bottom:			1px solid #757575;
}
#house-sketch-list li.item5 
{
	border-top:				1px solid #9b9b9b;
	border-bottom:			1px solid #696969;
}
#house-sketch-list li.item6 
{
	border-top:				1px solid #8f8f8f;
	border-bottom:			1px solid #717171;
}
#house-sketch-list li.selected 
{
	background:				#fff;
	border-top:				1px solid #fff;
	color:					#000;
}
#house-sketch-list li a 
{
	text-decoration:		none;
}
#house-sketch-list li.selected a 
{
	color:					#000;
}
#primary-content-wrapper-sketch #display-functions .menu-list 
{
	width:					713px;
	margin-bottom:			20px;
}
#image-area-wrapper 
{
	position:				relative;
}
#primary-content-wrapper-sketch .image-area 
{
	height:					374px;
	width:					713px;
	overflow:				hidden;
	position:				relative;
}
#primary-content-wrapper-sketch #image-area-model 
{
    margin-top: -1px;
}
#primary-content-wrapper-sketch #image-area-model,
#primary-content-wrapper-sketch #image-area-movie
{
	height:					401px;
	margin-bottom:			20px;
}
#display-house-banner 
{
	position:				absolute;
	top:					5px;
	right:					5px;
	z-index:				100;
}
#house-sketch-content 
{
	clear:					both;
	float:					left;
	width:					462px;
	margin-right:			20px;
}
#house-sketch-content h1 .info 
{
	font-size:				12px;
	font-weight:			normal;
	color:					#cccbcb;
}
#house-sketch-secondary-content 
{
	float:					left;
	width:					213px;
	margin-top:				36px;
}
#house-sketch-secondary-content .advert 
{
	text-align:				center;
}
#display-in-720
{
	float:					right;
	padding:				0 0 30px 25px;
}
#prev-button 
{
	background:				url(../images/prev-horizontal.png) no-repeat;
	height:					50px;
	width:					25px;
	position:				absolute;
	left:					0;
	top:					160px;
}
#next-button 
{
	background:				url(../images/next-horizontal.png) no-repeat;
	height:					50px;
	width:					25px;
	position:				absolute;
	right:					0;
	top:					160px;
}
#house-sketch-details, #house-images-filter
{
	float:					left;
	width:					215px;
	font-size:				11px;
	line-height:			15px;
	margin-left:			20px;
	margin-bottom:			20px;
}
#house-sketch-details .top 
{
	padding:				6px 12px 5px 12px;
	background:				url(../images/rounded-box-215.gif) #323232 left top no-repeat;
	border-bottom:			1px solid #4d4d4d;	
}
#house-sketch-details .top h2 
{
	font-size:				13px;
	margin:					0 0 1px 0;
}
#house-sketch-details .bottom 
{
	background:				url(../images/rounded-box-215.gif) left bottom no-repeat;
	width:					190px;
	padding:				5px 22px 6px 12px;
	overflow:				auto;
}
#house-sketch-details p 
{
	margin:					0 0 5px 0;
}

#house-sketches-overview h1, #house-images-filter h1 {
    margin:					20px 0;
    font-size:				24px;
}
#SearchArea 
{
	background:             url("../images/house-sketches-search-bg.jpg") no-repeat scroll left top transparent;
    height:                 110px;
    margin:                 -38px 0 0 -30px;
    padding:                30px;
}

#SearchArea h3 
{
    font-size: 14px;
}
#SearchArea .housesketch-input {
	background:				url(../images/input-search.png) no-repeat;
	border:					0;
	padding:				4px 20px 0 25px;
	width:					131px;
	height:					15px;
	font-size:				10px;
	float:					left;
}
#SearchArea .submit {
	color:					#fff;
	background:				url(../images/btn-search.png) no-repeat;
	border:					none;
	float:					left;
	font-size:				10px;
	height:					19px;
	line-height:            19px;
	font-weight:			bold;
	width:					31px;
	vertical-align:			text-top;
	padding:				0 0 4px 0;
	margin:                 0;
}
#SearchArea span.error 
{
	clear:					both;
	color:					#fff;
	margin:					0 0 0 5px;
	font-weight:			bold;
}
#SearchFilter 
{
	width:					910px;
	position:				relative;
	height:					392px;
}
#SearchFilter h2 
{
	font-size:				24px;
	margin:					30px 0 30px;
}
#SearchFilter h2.small
{
	font-size:              16px;
    margin:                 0 0 5px 0px;
}
#SearchFilter h2 a
{
	text-decoration:        none;
}
#SearchFilter h2 a.arrow
{
    padding-right:          30px;
	background:             url(../images/global_headline_arrow.png) no-repeat right;
}
#SearchFilter h3
{
	font-size:				12px;
	margin-bottom:          5px;
}
#SearchFilter select
{
    width:					85px;
    padding:				0;
    background:				#cacaca;
}

#SearchFilter label
{
    display:                inline;
    vertical-align:         middle;
}
#SearchFilter .house-type
{
	width:					220px;
}
#SearchFilter .house-type input 
{
    margin-left: -6px;
    padding-left: 0;
}
#SearchFilter .house-type p
{
	color:                  #FFFFFF;
    font-size:              14px;
    font-weight:            bold;
    margin-top:             -20px;
}
#SearchFilter .row 
{
	clear: both;
	overflow: auto;
	margin-bottom: 5px;
}
#SearchFilter .col-1,
#SearchFilter .col-2,
#SearchFilter .col-3,
#SearchFilter .col-4
{
	float: left;
	width: 220px;
}
#SearchFilter .col-4-top 
{
	padding-top: 17px;
}
#SearchFilter .col-1 img, 
#SearchFilter .col-2 img, 
#SearchFilter .col-3 img, 
#SearchFilter .col-4 img
{
	display: block;
}
#ShowHouseSketches
{
    margin-right:29px;
    margin-bottom:6px;
}
#ShowHouseSketches .button 
{
	padding: 2px 10px;
	width: 80px;
}

#SearchFilter .checkbox-list input
{
    vertical-align: middle;
    padding: 0px;
    margin: 3px;
}
#content-holder-no-margin {
    padding: 0 0 32px 0;
}

.advert {
    color: #ffffff;
}


/* Images Filtering */
#house-images-filter
{
    border: none;
	width:					937px;
	overflow:				hidden;
	margin:					-20px auto 0 auto;
	padding:				20px 0 0px 32px;
	background:				url(../images/house-gallery-bg.jpg) #323232 no-repeat;
	height:					482px;
}

#AdvertArea {
    padding-top:			40px;
    width:					424px;
    height:					120px;
}
#AdvertArea p 
{
	font-size:				12px;
}
#ImageFilter 
{
	margin:					40px 0 40px 0;
	width:					928px;
	overflow:				auto;
}

#ImageFilter h2.colhead
{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #656363;
}

#ImageFilter select
{
    width: 60px;
}

#ImageFilter label
{
    display: inline;
    vertical-align: middle;
    font-size: 12px;
}

#ImageFilter #FilterTable table td {
    width: 160px;
}

#ImageFilter #FilterTable table td.right {
    width: 183px;
}

#ImageFilter table td h3 {
    font-size: 1.1em;
}


#ImageFilter input
{
    vertical-align: middle;
    padding: 0px;
    margin: 3px;
}

#ImageFilter table p
{
    font-size: 0.9em;
    line-height: 1.1em;
}

#ImageFilter table tr td.buttonholder
{
    vertical-align: bottom;
} 

#ImageFilter hr {
    border: 1px;
    height: 1px;
    color: #656363;
    background-color: #656363;
}
#ImageFilter #TypeArea
{
    float: left;
    /*background: url(../images/filter-type-area-bg.png) no-repeat;*/
    background:	url(../images/filter-type-area-bg.jpg) no-repeat;
    padding: 10px 14px;
    width: 437px;
    height: 197px;
}
#TypeArea table 
{
	margin-left: 15px;
}
#TypeArea h2 
{
	border-bottom:1px solid #656363;
	margin-bottom:10px;
	padding-bottom:5px;
}
#TypeArea .styles
{
	background: url(../images/image-gallery-style.jpg) no-repeat top left;
	padding-left: 177px;
	min-height: 148px;
	position: relative;
}
#TypeArea p 
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
#TypeArea table td {
    padding: 7px 7px 7px 0;
    width: 140px;
}
#FilterTable {
    padding-right: 107px;
    float:left;
    position: relative;
}

#FilterTable input.button 
{
	margin-top: 18px;
	position: absolute;
	right: 41px;
	bottom: -11px;
}

#TypeArea input.button.disabled 
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}


#FilterTable input.button,
#TypeArea input.button 
{
	padding:				2px 5px;
}
#TypeArea input.button 
{
	position: absolute;
	bottom: 0;
	right: 0;
}

        .flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.flip-all {
    -moz-transform: scale(-1,-1);
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1);
}