/* CSS Document */
/*
purple: #b5025e
dark purple: #640134

*/


 /* Reset styles */
*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000} table{border-collapse:collapse}caption,th,td{text-align:left}

body {
	background:url(buy-french-property-agents/french-property-agents-bg.png) #cdd5e0 center repeat-y;
	font: 13px Verdana, Geneva, sans-serif;
	}

p {
	line-height: 20px;
  margin:  0px 0px 10px 0px;
	}

#page-container{
	width: 960px;
	margin: 0 auto;
  background: white;
	}

.clearer { clear: both; width: 100%; height:2px; background: blue;}
.right { float: right; }	
.left { float: left; }
 
.image-right { float:  right; margin: 0px 0px 0px 20px; }
.image-left { float:  left;margin: 0px 30px 0px 0px; }

sup { font-size: 7px; }

.search404 {
  width: 100px;
}

.warning {
	font-weight:bold;
	color:#FF0000;
}



  /* Header Content ----------------------------------------------------------------------------------------------------------------------------------------------- */

#header {
  float: left;
  margin: 0 0 0 18px;
  border-top: solid 1px #ffffff;
  border-left: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
}

#header-strap {
  float: right;
  margin: 28px 170px 0 0;
}

#nav-container {
  width: 960px;
  height: 100px;
  vertical-align: bottom;
  background: url("buy-french-property-agents/nav-bar-bg-france.png") repeat-x;
}

#nav-bar {
  margin: 16px 0 0 0;
	width: 370px;
	float: right;
}

#nav-bar ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	font: 10px/27px Verdana, Geneva, sans-serif;
	text-align: center;
	}

#nav-bar a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 10px 0 10px;
	color: white;
	}

#nav-bar li#active, #nav-bar a:hover  {
	background: url("buy-french-property-agents/nav-bar-bg-france-mo.png") repeat-x;
	color: #b5025e;
	}
	


  /* Banner Content ----------------------------------------------------------------------------------------------------------------------------------------------- */

#banner {
	clear: both;
	width: 960px;
	height: 196px;
	background: url(buy-french-property-agents/banner-french-properties-boats.jpg) no-repeat;
	}

#banner-box {
  height: 164px;
	color: white;
	font: 10px/12px Tahoma, Geneva, sans-serif;
  background: url(buy-french-property-agents/search-bg.jpg) no-repeat;
  margin: 0 0 20px 0;
	}

 #banner-box input {
	margin: 10px 0 5px 0;
	width: 200px;
	}

#banner-box form{
	padding: 8px 30px 30px 10px;
	width: 230px;
  text-align: center;
	}
  
#banner-box .search-btn-sprite {
  display: block;
  height: 32px;
  width: 120px;
  margin-left: 95px;
  border: 0;
  background:  url(buy-french-property-agents/property-search-btn.png) no-repeat;
  background-position: 0px -32px;
}

#banner-box .search-btn-sprite:hover {
  background:  url(buy-french-property-agents/property-search-btn.png) no-repeat;
  
}

  /* Side Bar ----------------------------------------------------------------------------------------------------------------------------------------------- */

#side-bar {
	width: 270px;
	margin-right:660px;
	padding: 35px 0 0 20px;
	}

/*
.search-btn {
	background:url(buy-french-property-agents/search-btn-property.png);
	color: white;
	width: 250px;
	height: 55px;
	}
	*/
.search-btn {
	display: block;
	width: 250px;
	height: 55px;
	background: url("buy-french-property-agents/search-btn-property.png") no-repeat 0 0;
	color: white;
	text-align: center;
	text-decoration: none;
	font: 10px/15px Tahoma, Geneva, sans-serif;
	margin-bottom: 20px;
	}

.search-btn h1, #banner-box h1 {
	padding: 10px 0 3px 0;
	font-weight: bold;
	font-size: 20px;
	}


.search-btn:hover { 
  background-position: 0 -55px;
	color: #640134;
	}



  /* Main Content ----------------------------------------------------------------------------------------------------------------------------------------------- */

#content {
	width: 660px;
	float: right;
	margin-bottom: 40px;
	}

#content h1 {
  color: #B5025E;
  font-size: 20px;
  padding: 0px 0px 10px 0px;
  }
  
#content h2 {
  color: #B5025E;
  font-size: 18px;
  padding: 0px 0px 10px 0px;
  }
  
#content ul {
  padding:0px;
  margin:0px 0px 10px 0px;
  text-indent: 12px;
  }

#content li {
  list-style-type: circle;
  list-style-position: inside;
  padding: 5px 0px 0px 20px;
  }

#content img {
	 border-style: solid;
	 border-width: 1px;
	 border-color: #e07fa6;
	 padding: 4px;
   margin: 4px 10px 10px 10px;
	 background-color: #FFFFFF;
	  }
  
label {
	width: 9em;
	float: left;
	text-align: right;
	margin: 0 1em 5px 0;
	clear: both
}

.inputbox {
	margin-bottom: 10px
}

/* Featured Properties */

#feature-container {
	vertical-align: top;
  margin: 0 0 20px 0;
}

.feature-table {
	width: 210px;
	background: #cdd5e0;
	color: #000000;
}

.feature-table a:link,
.feature-table a:visited {
	color: #b5025e;
}

.feature-table a:hover {
	color: #ffffff;
}

.feature-price {
	padding: 2px 10px 5px 0;
	background: #b5025e;
	color: #ffffff;
	text-align: right;
  font-weight: bold;
}

.feature-location {
	padding: 2px 0 5px 10px;
	background: #b5025e;
	color: #ffffff;
	text-align: left;
  font-weight: bold;
}

.feature-title {
	padding: 3px 10px;
	background: #b5025e;
	color: #ffffff;
	text-align: left;
  height: 35px;
}

.feature-image {
  padding: 10px 0 0 0;
}

.feature-image-container {
	text-align: center;
}
	
.feature-desc {
	padding: 0 10px;
  margin: 0;
	text-align: justify;
}
	
.feature-link {
	padding: 10px;
	font-size: 12px;
	text-align: center;
}

.feature-bg {
	background: #cdd5e0;
  border: 1px solid #bbbbbb;
}

.feature-padding {
  width: 10px;
}

/* Sitemap */

.sitemap-links a:link,
.sitemap-links a:visited {
	color: #b5025e;
}

.sitemap-links a:hover {
	color: #000000;
}

/* search page */

#small-table-list {
	font-size: 10px;
	}

#small-table-list td {
	width: 170px;
	}

/* quick list */

.quick-list {
	font-size: 10px;
	float: right;

	margin: 0 20px;
	padding: 0;
	}

 dl.quick-list {	
	width: 220px;
	background: #f8f8f8;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 20px;
	}

.quick-list h1 { padding: 5px; text-align:center; }


.quick-list dt{
	clear: left;
	float: left;
	width: 100px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #ccc;
	font-weight: bold;
	}

.quick-list dd{
	float: left;
	width: 100px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #ccc;
	}

/* list page */

.pagenumber { font-size: 9px; }

.list-table{
	font-size: 13px;
	margin: 15px 0 15px 0;
	border-bottom: 1px solid #bbbbbb;
	}
	
.list-pic {
	vertical-align: top;
	padding: 0;
	margin: 0;
	}

.list-title{
	padding: 2px;
	background-color: #640134;
	color: white;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	}

.list-title a {
	color: white;
	text-decoration: none;
	}
	
.list-title a:hover {
	color: yellow;
	text-decoration: none;
	}
	
.list-price {
	padding: 2px;
	background-color: #640134;
	color: white;
	text-align: right;
	vertical-align: top;
	}

.list-view {
	text-align: right;
	}

.pagenumber .pagenumberselected {
	color: black;
}


/* Stuff for property page */

#prop-header {
	background-color: #640134;
	color: white;
	text-align: left;
	width: 650px;
	margin-bottom: 10px;
	padding: 3px 3px 3px 3px;
	height: 40px
	}
	
#prop-header h1 {
	font-weight: normal;
	font-size: medium;
	color: white;
	padding:0;
	margin:0;
	}

#prop-header h1 a {
	text-decoration: none;
	}

#price {
	float: right;
	font-size: medium;
	padding-left: 10px;
	width: 220px;
	text-align:right;
	}

#big-pic {
	margin-bottom: 10px;
	text-align: center;
	}

#photo-box {
	width:650px;
	height:155px;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	overflow: auto;
	}

#photo-box img { margin: 3px; }

/* Light box 2.0 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('buy-french-property-agents/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('buy-french-property-agents/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

  /* Footer Content ----------------------------------------------------------------------------------------------------------------------------------------------- */

 #footer {
   clear: both;
   padding-top: 5px;
   border-top: solid 4px #b5025e;
   }

	  #footer a  {
			text-decoration: none;
			color: #b5025e;
			}

			#footer a:hover {
				color: blue;
				}

  .footerleft {
	  float: left;
  }

  .footerright {
	  float: right;
	  text-align: right;
	  margin-top: 8px;
  	}

  .phonebottom {
	  margin-bottom: 35px;
  	}