/* @override http://dev.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_objects.css */
/* @override http://www.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_objects.css */
/* @group COMPASS */

/* Compass - Orientation */

#exposition {
 width: 200px;
 height: 200px;
 padding: 0;
 z-index: 8;
 margin: 0;
}

#compassholder {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 top: 0;
 position: relative;
	left: 0;
}

#compassholder .compasslanguage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
}

#compassholder .compassside img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}



/* @end */

/* @group MAIN COLUMNS */

#main .col0 {
 width: 620px;
 float: left;
}

#main .col1 {
 width: 300px;
 float: left;
}

#main .col2 {
 width: 300px;
 float: right;
}

#main .colDetails {
 width: 360px;
 float: left;
}

#main #Promotion .colDetails {
 width: 620px;
 float: left;
}

#main #Promotion .colDetails #modulebox .boxbody {
	width: 580px;
}

#main #Normal .colDetails #modulebox .boxbody {
	width: 320px;
	height: 200px;
}

#main .colDetails #modulebox .field {
	margin-top: 0;
	margin-bottom: 0;
}

#main .colOrientation {
 width: 240px;
 float: right;
}



/* @end */

/* @group MODULEBOX ROUNDED CORNERS */

#modulebox { /* center for now */
 background: url(../template/images/modulebox/mainbody_right.png) no-repeat right bottom;
 font-size: 100%;
 position: relative;
 top: 0;
 z-index: 5;
 margin: 0 auto 20px;
 width: 100%;
}

#modulebox .boxhead {
 background: url(../template/images/modulebox/header_green_right.png) no-repeat top right;
}

/* For IE 5 PC */
#modulebox .boxhead {
 margin: 0;
 padding: 0;
 text-align: center;
}

#modulebox .boxhead h2 {
 background: url(../template/images/modulebox/header_green_left.png) no-repeat top left;
 margin: 0;
 padding: 12px 15px 5px;
 color: white; 
 font-size: 1.2em; 
 line-height: 35px;
 text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}

/* Show only to IE PC \*/
* html #modulebox .boxhead h2 {height: 1%;}

#modulebox .boxhead h3{
 color: #ffffff;
 text-transform: uppercase;
 font-size: 10px;
 width: 80%;
 padding-top: 6px;
 margin: 0 10% -6px;
 font-weight: bold;
 clear: left;
 float: left;
}

#modulebox .boxbody {
 background: url(../template/images/modulebox/mainbody_left.png) no-repeat left bottom;
 margin: 0;
 padding: 10px 20px 20px;
 display: inline-block;
}

#modulebox .boxbody p{
 margin: 10px 0;
}

#modulebox .boxbody td{
 font-size: 100%;
}

#modulebox .boxbody td font{
 font-size: 100%;
 margin: 0;
 padding: 0;
 line-height: 130%;
 text-align: justify;
}

/* Header Help/Explanation */

#modulebox .boxhead span.help {
 font-size: 12px;
 padding-left: 10px;
}

#modulebox .boxhead span span {
 padding-left: 16px;
 vertical-align: -1px;
}

#modulebox .boxhead span#checked{
 background: url(../template/images/icons/12px/checked_white.png) no-repeat left 0;
}

#modulebox .boxhead span#unchecked{
 background: url(../template/images/icons/12px/unchecked_white.png) no-repeat left 0;
}

#modulebox .field {
 width: 100%;
 text-align: right;
 clear: both;
 float: left;
 display: inline-block;
 margin-top: 5px;
 margin-bottom: 5px;
}

#modulebox label {
 width: 180px;
 text-align: left;
 float: left;
 display: inline-block;
	font-weight: bold;
}



/* @end */

/* @group MODULE FACILITIES */

#facilities{
 display: inline-block;
 padding: 0;
}

#facilities div{
 font-size: 100%;
 line-height: 18px;
 float: left;
 text-indent: 20px;
 margin-top: 4px;
 margin-bottom: 4px;
 /*letter-spacing: 0.1em;
 word-spacing: 0.3em;*/
}

#facilities div#detail label {
 float: left;
 font-weight: bold;
 width: 70%;
}

#facilities div#checked, 
#facilities div#unchecked {
 width: 30%;
}

#facilities img {
	margin-right: 10px;
	width: 14px;
	height: 14px;
}

#facilities div#detail div#checked, 
#facilities div#detail div#unchecked {
 width: 80%;
 float: right;
 margin: 0;
}

#facilities div#detail {
 font-size: 100%;
 line-height: 18px;
 width: 50%;
 margin-top: 4px;
 margin-bottom: 4px;
 text-indent: 0px;
 float: left;
}

#pricing {
 width: 580px;
 float: left;
}

#pricing div#detail {
 width: 65%;
 font-size: 100%;
 line-height: 150%;
 margin-bottom: 10px;
 float: left;
}

#pricing div#detail label {
 width: 45%;
 text-align: left;
 font-weight: bold;
}

#pricing div#detail span{
 width: 45%;
 text-align: right;
 float: left;
}

#pricing div#detail .price{
 font-weight: bold;
 color: #008800;
}

#pricing div#furnished {
 width: 30%;
 margin: 0 0 15px;
 float: right;
 background-position: 0 5px;
}

#pricing img {
	margin-right: 10px;
	width: 14px;
	height: 14px;
}

/* @end */

/* @group MODULE PRICELIST */

#modulebox #pricelist table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid gray;
}

#modulebox .boxbody #pricelist th, 
#modulebox .boxbody #pricelist td {
	margin: 0;
	padding: 0 4px;
	text-align: center;
	font-size: 70%;
}

#modulebox .boxbody #pricelist th {
	padding: 4px;
	text-align: center;
	line-height: 120%;
}

#modulebox .boxbody #pricelist th {
	color: #cccccc;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #333333;
}

#modulebox .boxbody #pricelist td {
	color: #666666;
	text-align: center;
	font-style: normal;
	border-right: 1px solid gray;
	background-color: #ffffff;
}

#modulebox #pricelist th.name, 
#modulebox #pricelist td.name {
	text-align: left;
	font-weight: bold;
}

#modulebox #pricelist th.availability {
	width: 20px;
	border-right: 1px solid gray;
}

#modulebox #pricelist td.availability {
	width: 20px;
	border-right: none;
}

#modulebox #pricelist .rooms {
	width: 48px;
}

#modulebox #pricelist th.floor {
	width: 48px;
	border-right: 1px solid gray;
}

#modulebox #pricelist td.floor {
	border-right: none;
	width: 48px;
}

#modulebox #pricelist .compass {
	width: 24px;
}

#modulebox #pricelist .size {
	width: 80px;
	text-align: right;
}

#modulebox #pricelist .sizebalcony {
	width: 80px;
	text-align: right;
}

#modulebox #pricelist .sizetotal {
	width: 80px;
	text-align: right;
}

#modulebox #pricelist td.price {
	width: 120px;
	border-right-style: solid;
	border-right-width: 0;
}

#modulebox #pricelist td.size, 
#modulebox #pricelist td.price {
	text-align: right;
}

#modulebox #pricelist th.price, 
#modulebox #pricelist td.price {
	border-right-style: none;
	font-weight: bold;
}

#modulebox #pricelist .sold td {
	text-decoration: line-through;
}

#modulebox #pricelist .sold td.price {
	color: red;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}



/* @end */


#main div#objectPhotos {
 float: left;
 margin-top: 20px;
 margin-bottom: 40px;
	width: 100%;
}

/* @group MODULE COMMENTS */
#main .comments ul {
	margin-left: 40px;
	margin-right: 20px;
}


/* @end */

#main div#pictures {
 width: 98%;
 margin-right: auto;
 margin-left: auto;
}


#main div#pictures img {
 margin: 10px auto;
 max-width: 100%;
	height: auto;
	float: left;
	clear: left;
}

/* My Comment */

#main div#socialize {
	float: left;
	margin-top: 40px;
	margin-left: 15px;
}

#main div#actionbutton {
	float: right;
	margin-top: 40px;
	margin-right: 15px;
}

#main .actionbutton {
	width: 90px;
	height: 90px;
	float: left;
	margin-left: 5px;
}

#main .mail {
	background: url(../images_icons_buttons_actions_mail.jpg) left top;
}

#main .mail:hover {
	background: url(../images_icons_buttons_actions_mail.jpg) right top;
}

#main .print {
	background: url(../images_icons_buttons_actions_print.jpg) left top;
}

#main .print:hover {
	background: url(../images_icons_buttons_actions_print.jpg) right top;
}


img.mediaprint {
	visibility: hidden;
	width: 0;
	height: 0;
}

img.mediascreen {
	visibility: visible;
}

div.mediaprint {
	visibility: hidden;
	width: 0;
	height: 0;
}