/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Verdana,Arial,Tahoma,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#57aaff;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 0.5em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:780px;
margin:10px auto;
padding:0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
position: relative;
height:124px;
width:780px;
background: #2983df url('../images/header.jpg') top right no-repeat;
color:#ffffff;
margin: 0; padding: 0;
font-size: 14px;

}

#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and Left to adjust the position of the logo*/
	top: 5px; left: 25px;	
}
#header h2#slogan {
	position: absolute;
	z-index: 9999999;
	margin: 0; padding: 0;
	font: bold 16px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 40px; left:45px;			
}
#header #langbar {
	float: right;
	padding: 10px 20px 0 0;
	display: inline;
}
#header #langbar li{
float:left;
list-style-type:none;
padding-left:1px;
white-space:nowrap;
}
#navigation{
height:2.2em;
line-height:2.2em;
width:780px;
margin:0 0px;
background:#57aaff;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#2983df;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:right;
width:580px;
padding:10px 20px 0px 10px;
line-height:1.4em;
}
#content h1 {
  margin-top:0px;
  margin-bottom:1px;
  font-size: 16px;
  text-align:center;
  color: #000000;
  background-color:#FFFFFF;
  padding:4px;
  letter-spacing:-1px;
  clear:both;
}

#content h2{
display:block;
margin:0 0 10px 0;
font-size:1.2em;
font-weight:normal;
text-align:center;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h3{
font-size:16px;
font-weight:bold;
text-align:left;
letter-spacing:-1px;
color:#2a5a8a;
background-color:inherit;
}

#content p {
  margin-top:0px;
  margin-bottom:10px;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
  padding-left:4px;
}

/**************** Sidebar styles ****************/

#subcontent{
float:left;
width:160px;
font-size:0.9em;
padding:10px 0 0 10px;
}

#subcontent h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent h2 a{font-weight:normal;}
#subcontent h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#subcontent a:hover,#content a:hover{text-decoration:underline;}
#subcontent ul,#subcontent ol{margin:0 5px 16px 35px;}
#subcontent dl{margin:0 5px 10px 25px;}
#subcontent dt{font-weight:bold; margin-bottom:5px;}
#subcontent dd{margin:0 0 10px 15px;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}

.bordertable {
	border:1px solid #c0c0c0;
}
.tabheader {
	color: #ffffff;
	background-color: #57aaff;
}

.tabline {
	color: #505050;
	background-color: #fafbfc;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:780px;
padding:5px 0;
margin:0;
font-size:0.9em;
color:#f0f0f0;
background:#57aaff;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.gray { color: #CCC; }

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;

}

/********* slideshow ********/

#PhotoContainer{
		margin:5px 0 0 5px;
		width:540px;
		text-align:left;
		padding: 3px;
		background-color:#fafbfc;
		border:2px solid #c0c0c0;	
	}

	/* End of demo CSS */
	#panel_one,#arrows,#thumbs{	/* Width of divs for thumbnails */
		width:120px;
	}
	#panel_one{		
		float:left;	
	}
	#thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:5px;	/* "Air" */
		padding-right:5px;	
	}
	#largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#largeImage img{	/* Large image */
		border:2px solid #c0c0c0;	/* Border around large image */
		padding:2px;
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:2px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:2px solid #c0c0c0;	/* Green border around active thumbnail */
		padding:2px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	


#optionset {
visibility: hidden;
display:none;
}

#resultbox {
width:555px;
padding:2px 2px 0 0;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
}

#resultbox img {
border:1px solid #ffffff;
padding:2px 2px 2px 2px;
width:120px;
float:left;
}

#resultbox #title {
background-color:#57aaff;
color:#ffffff;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
width:220px;
float:left;

}
#resultbox #price {
background-color:#57aaff;
color:#ffffff;
text-align:right;
padding-right:5px;
padding-bottom:2px;
padding-top:2px;
width:199px;
float:left;
}

#resultbox #desc {
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
width:423px;
float:left;
}
#resultbox li{
float:right;
list-style-type:none;
border:1px solid;
padding:2px 10px 2px 10px;
margin-bottom:2px;
margin-right:2px;
white-space:nowrap;
background:#c0c0c0;
color:#57aaff;
}

#propertybox {
width:560px;
padding:2px 2px 0 0;
border:1px solid #c0c0c0;
background-color:#fff;
color:#505050;
}

#propertybox #title {
background-color:#57aaff;
color:#ffffff;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
width:358px;
float:left;
margin-left:2px;
}
#propertybox #price {
background-color:#57aaff;
color:#ffffff;
text-align:right;
padding-right:5px;
padding-bottom:2px;
padding-top:2px;
width:190px;
float:left;
}

#propertybox #descleft {
padding-left:5px;
margin-left:2px;
padding-bottom:2px;
padding-top:2px;
width:280px;
float:left;
}
#propertybox #descright {
padding-left:5px;
margin-left:2px;
padding-bottom:2px;
padding-top:2px;
width:199px;
float:left;
}

#propertybox li{
float:right;
list-style-type:none;
border:1px solid;
padding:2px 10px 2px 10px;
margin-bottom:2px;
margin-right:2px;
white-space:nowrap;
background:#c0c0c0;
color:#57aaff;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 25px;
  background-image: url(../images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height:18px;
}


form#niceform {background:#57aaff; width:470px; padding:10px; border:1px solid #000; margin:0 auto;}
form#niceform fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}

form#niceform legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(cssplay/form.gif) repeat-x center left;}
form#niceform label {clear:left; display:block; font-size:1em; float:left; width:120px; text-align:left; padding-right:10px; color:#ffffff; margin-bottom:0.2em;}
form#niceform input {border:1px solid #fff; background:#fff url(cssplay/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.2em;}
form#niceform select {border:1px solid #fff;  margin-bottom:0.2em;}
form#niceform textarea {border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(cssplay/form.gif) repeat-x bottom left;}
form#niceform option {background:#788; color:#fff;}
form#niceform optgroup {background:#abb; color:#000; font-family:georgia, serif;}
form#niceform optgroup option {background:#9aa; color:#fff;}
form#niceform #button1, form#niceform #button2 {color:#c00; padding-right:0.5em; width:205px; margin-left:8px;}
form#niceform #button1:hover, form#niceform #button2:hover {background-position:center left; color:#000;}