/*Default template created by http://www.orodhadesign.com - Drop by for tips, tricks, resources and templates :)*/
/*test*/
/*-----------*/
/*---INDEX---*/
/*-----------*/

/* 
   30 - Resets
  122 - Basic typography
  176 - Forms in general - 265 - Contact us form
  297 - All pages (styles that affect just about everything!)
  411 - Navigation
  507 - Home page specific
  548 - Featured listings
  575 - Class search
  579 - Listings search
  588 - Search results
  741 - Listing detail
1034 - Sign up
 1051 - View favorites, searches, agents and agent (Phew!)
 1161 - Edit profile
 1178 - Footer
 1220 - Feedback	
 1250 - Login form
 1326 - Maintenance mode
 1344 - Contact friend form
 1360 - Multi language enhancements (beta)
*/												

/*------------*/
/*---RESETS---*/
/*------------*/

body, input, button, textarea, select { font-family: Verdana, Geneva, sans-serif}

pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace}

h1 {font-size: 44px}
h2 {font-size: 22px}
h3 {font-size: 18px}
h4 {font-size: 14px}

a:link {color: #0066CC}
a:visited {color: #0066CC}
a:hover {text-decoration: none}
a:focus {text-decoration: none}
a:focus, :focus {outline: none}
a:active {outline: none}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {border: 0}

img {vertical-align: bottom}

li {margin-left: 30px}
ol li, ul ol li {list-style-type: decimal}
form ol li {list-style-type: none}
ul li {list-style-type: disc}
ul ul li {list-style-type: circle}
ul ul ul li {list-style-type: square}
ol ol li {list-style-type: lower-alpha}
ol ol ol li {list-style-type: lower-roman}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

caption {
	font-weight:bold;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: #333;
}

td {padding: 4px 4px 4px 10px}

.alt {background: #eee !important}

code, pre {font-family: "Courier New", monospace, serif}

blockquote, q, em, cite, dfn, i, cite, var, address {font-style: italic}

blockquote p:before, blockquote p:after, q:before, q:after {content: ''}

th, strong, dt, b {font-weight: bold}

ins {
	text-decoration: none;
	border-bottom: 3px double #333;
}

del {text-decoration: line-through}

abbr, acronym {
	border-bottom: 1px dotted #333;
	font-variant: normal;
}

hr {
	border-style: inset;
	border-width: 1px;
	margin: 22px 0px;
}

/*----------------------*/
/*---BASIC TYPOGRAPHY---*/
/*----------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 11px;
}

h1, h1 a {
	letter-spacing: -0.5px;
	text-decoration: none;
	font-size: 33px;
	margin-bottom: 22px;
}

h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

h3 {margin: 0px}

h4 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

p {
	font-size: 14px;
	margin-bottom: 22px;
	line-height: 22px;
}

blockquote {
	margin: 22px 0px 0px 18px;
	border-left: 5px solid #eee;
	padding: 0px 22px 22px 22px;
	font-style: italic;
}

cite {
	display: block;
	background: #eee;
	margin: -26px 0px 33px 44px;
	padding: 2px 15px;
}

ul li {list-style-type: none}

#Content ul {margin-bottom: 22px}

#Content ul li {list-style-type: disc}

/*----------------------*/
/*---FORMS IN GENERAL---*/
/*----------------------*/

fieldset {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-style: none;
	background: url(../images/main/fieldset_back.jpg) repeat-x;
	border: 1px solid #384F95;
}



fieldset.NoBack {
	background: none;
	border: 0px;
}

legend {
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	background-color:#C3C7E7;
}

fieldset ol {padding-top: 10px}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	list-style: none;
	padding-bottom: 10px;
}

label {
	float: left;
	vertical-align: top;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

input {background: #fff}


input[type="text"], input[type="password"] {
	padding: 3px 5px;
	border: 1px solid #666;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}


input[type="checkbox"] {
	vertical-align: middle;
	position: relative;
	top: -1px;/*Yes they were one pixel out attention to detail people! ;)*/
}

textarea {
	width: 300px;
	height: 200px;
	padding: 3px 5px;
	border: 1px solid #666;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.GeneralButton {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 190px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.GeneralButton:hover {
	background: #666;
	color: #fff;
}

.Required {color: red}

#Content form ul li {list-style-type: none}

span.Required {
margin-left: 3px;
}

/*Contact us form*/

#ContactUsForm {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 100%;
	}

#ContactUsForm label {
	float: none;
	display: block;
	margin: 10px 0px 0px 0px;
	width: auto;
	text-align: left;
	font-weight: bold;
	font-size: 13px
}

#ContactUsForm legend {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #999;
	margin-left: 27px;
}

#ContactUsForm fieldset {border: 1px solid #999}

#ContactUsForm .GeneralButton {
	margin: 10px 0px 0px 0px;
	width: 200px;
}

/*---------------*/
/*---ALL PAGES---*/
/*---------------*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	background: #eee;
}

#Wrapper {
	background: url(../images/main/page_back.png) repeat-y;
	width: 930px;
	margin: 0px auto;
	padding: 20px 35px 20px 35px;
}

#Header {
	height: 108px;
	position: relative;
	/*padding-left: 15px;*/
}

#Header h1, #Header a.Logo {
	text-indent: -9999px;
	background: url(../images/sueno_andaluz.gif) no-repeat;
	width: 930px;
	height: 108px;
	margin: 0px;
}

#Header a.Logo {display: block}

#Header p.Tagline {
	padding-left: 42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: -3px;
}

p.WelcomeBack {
	text-align: right;
	margin-top: -30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:5px;
}

/*Content and sidebars*/

#Content, #SearchResultsContent {
	background: #fff;
	border: 1px solid #333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 12px;
}

#Content { /*For two col pages - This is the default setup and is overwritten with body classes if full width is required*/
	width: 685px;
	float: left;
	border: none;
/*	position: relative;*/ /*Why was that?*/
}

#SideBar {
	width: 215px;
	float: right;
	border-left: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 22px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 22px;
	padding-left:5px;
	padding-right:5px;
}

#SideBar h4 {margin-bottom: 11px}


a.AgentsSignup {margin-bottom: 22px}

#SideBar ul {margin-bottom: 22px}

#SideBar li {
	margin-left: 0px;
	list-style-type: square;
	list-style-position: inside;	
}

a.EditLink {
	clear: both;
	background: #ffc;
	display: inline-block;
	padding: 3px 10px;
	text-decoration: none;
	color: #333;
	margin-top: 11px;
	border: 1px solid #666;
}

a.EditLink:hover {background: #FF9}

.ImageLeft {
	float: left;
	margin: 0px 30px 22px 0px;
	padding: 2px;
	border: 1px solid #ccc;
}

/*---------*/
/*---NAV---*/
/*---------*/

/*MainNav*/



#MemberNav {
	float: left; /*To contain its own floats*/
	border-right: none;
	margin-bottom: 11px;
	position: relative;
	font-size: 12px;
}

#MemberNav li {
	float: left; 
	list-style: none;
	margin-left: 0px;
}

#MemberNav li a {
	display: block;
	text-decoration: none;
	border-right: 1px solid #FFF;
	color: #fff;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}



/*"You are here" for the main nav - This relies on the dynamic body classes*/
/*
.pageid_1 #MainNav li a.Home, .pageid_3 #MainNav li a.About, .searchresults #MainNav li a.AllListings, .view_agents #MainNav li a.ViewAgents, .pageid_2 #MainNav li a.Contact {
	color: #333;
	background-position: 0px -40px;
}

*/



/*MemberNav*/

#MemberNav {
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	background: none;
}

#MemberNav li a {
	background: #666;
	color: #fff;
	padding: 3px 10px;
	border: none;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#MemberNav li a:hover {background: #333}

/*Language navigation (selectors)*/

/*Dropdown*/

#LanguageSelectors {
	/*clear: both;*/
	margin-bottom: 11px;
	margin-right:2px;
	overflow: auto;
	height:26px;
}

#LanguageSelectors form {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#LanguageSelectors form select {margin: 0px 5px;}


#LanguageSelectors form input {
	background: #424f6f;
	color: #fff;
	border: none;
	padding: 1px 5px;
}

/*Flags*/

#LanguageSelectors ul {float: right}

#LanguageSelectors ul li {
	display: inline;
	margin-left: 5px;
}

/*------------------------*/
/*---HOME PAGE SPECIFIC---*/
/*------------------------*/

.pageid_1 h2 {margin-bottom: 22px}

#Banner {
	clear: left;
	height: 220px;
	background: url(../images/main/banner.jpg);
}

#Banner h2 {
	border: none;
	font-size: 36px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 20px 0px 0px 20px;
}

.index #Content, .default #Content {margin-top: 22px}

.index #SideBar {
	min-height: 900px;
}

a.Donate {
	display: block;
	width: 225px;
	height: 47px;
	background: url(../images/main/donate.png);
	text-indent: -9999px;
	padding: 0px;
}

a.Donate:hover {background-position: 0px -47px}

#SideBarBottom li {margin-left: 0px}

/*-----------------------*/
/*---FEATURED LISTINGS---*/
/*-----------------------*/

#FeaturedListingsVertical a.FeaturedTitle {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px 5px;
	border-bottom: none;
	background: #eee;
}

#FeaturedListingsVertical h4 {margin-bottom: 22px}

a.FeaturedImage {display: block}

#FeaturedListingsVertical img {
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 25px;
}

#FeaturedListingsVertical hr {
	border: none;
	border-top: 1px solid #ccc;
}

/*------------------*/
/*---CLASS SEARCH---*/
/*------------------*/

/*---------------------*/
/*---LISTINGS SEARCH---*/
/*---------------------*/
	
#ListingsSearch select {
		width: 150px;
		padding: 3px 5px;
}

/*--------------------*/
/*---SEARCH RESULTS---*/
/*--------------------*/

/*Next/Previous*/

.NextPrevTopWrapper {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.NextPrevBottomWrapper {float: right}

.NextPrevTopWrapper img, .NextPrevBottomWrapper img {
	border: none;
	vertical-align: middle;
}

.NextPreviousPages {display: inline}

.NextPreviousPages a, .CurrentPageNumber {
	font-weight:bold;
	border: 1px solid #333;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.CurrentPageNumber, .NextPreviousPages a:hover {
	background-color: #333;
	color: #fff;
}

.JumpToPage {
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.JumpToPage a, .NextPrevBottomWrapper a {
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

.NextArrow {margin-right: 5px}

.PrevArrow {margin-left: 5px}

/*Image overlays:*/

/*.result_row_0, .result_row_1 {
	position: relative;
}*/

.OneListing {
	position: relative; /*Allows absolute positioning of the "sold" banner*/
}

a.ImageOverlay.Sold_de {
	position: absolute;
	width: 86px;
	height: 111px;
	top: 42px;
	left: 11px;
	background: url(../images/main/sold_de.png);
}

a.ImageOverlay.Sold_en {
	position: absolute;
	width: 86px;
	height: 111px;
	top: 42px;
	left: 11px;
	background: url(../images/main/sold_en.png);
}


/*Map*/

.SearchResultsMap {
	clear: both;
	padding-top: 10px;
	margin: 15px 0px 20px 0px;
}

.SearchResultsMap h3 {margin-bottom: 5px}

/*Search results header*/

/*This could be combined with mainnav, but trying to keep it "understandable"*/

#SearchResultsHeader {
	height: 33px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	background: #eee;
	padding: 10px 0px 0px 10px;
	position: relative;
}

ul#SortTitles {
	margin-right:20px;
	float:right;
}

#SearchResultsHeader #SortTitles li {
	float: left;
	list-style: none;
	margin-left: 0px;
	list-style-type: none;
}

#SortTitles li a {
	background: #999;
	color: #fff;
	padding: 3px 5px;
	border: none;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}

#SortTitles li a:hover {background: #666}

/*Each search result*/



.OneListing {
	padding: 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	min-height: 160px;
}

.OneListing img {float: left}

.OneListing h3 {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}

.ListingSummary {
	float: right;
	width: 660px;
}

a.MoreInfoLink {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #999999;
	border:medium none;
	color:#fff;
	margin-left:5px;
	padding:3px 5px;
	text-decoration:none;
}

/*Search results admin links*/

.AdminSearchResultLinks {
	background: #FFC;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.view_favorites .AdminToolsToggle {display: none}

/*--------------------*/
/*---LISTING DETAIL---*/
/*--------------------*/

/*Next/prev*/

#NextPrevListing {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#NextPrevListing li {
	list-style-type: none;
	display: inline;
	margin: 0px;
}

#BackButtons {float: left}

#NextButtons {float: right}

#NextPrevListing li.PrevArrow1, #NextPrevListing li.NextArrow1{margin-right: 10px}

#ThereAre {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc
}

.ListingNumbers {text-align: center}

.NextPrevTopWrapper {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.NextPrevBottomWrapper {float: right}

.NextPrevTopWrapper img, .NextPrevBottomWrapper img {
	border: none;
	vertical-align: middle;
}

.NextPreviousPages {display: inline}

.NextPreviousPages a, .CurrentPageNumber {
	font-weight:bold;
	border: 1px solid #333;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.CurrentPageNumber, .NextPreviousPages a:hover {
	background-color: #333;
	color: #fff;
}

.JumpToPage {
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.JumpToPage a, .NextPrevBottomWrapper a {
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

.NextArrow {margin-right: 5px}

.PrevArrow {margin-left: 5px}

/*------------*/

.listingview #Content {width: 900px; margin-top:20px; padding-top:0px;}

.addtofavorites #Content {width: 675px} 



.listingview h1 {
	border-bottom: 5px solid #eee;
	padding-bottom: 7px;
}

.search_step_2 h1 {font-size: 28px};

ul.SearchResultsTopLinks {display: inline !important}

ul#DetailTopLinks li, .SearchResultsTopLinks li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.AddToFavs, .RemoveFromFavs, .MoreLink, .PrinterFriendlyLink, .EmailFriend, .EditListingLink, .MoreInformationLink {
	padding-left: 20px;	
	background: url(../images/icons/favorites.png) 0px 1px no-repeat;
}

.RemoveFromFavs {	background: url(../images/icons/favorites_delete.png) 0px 1px no-repeat}
.PrinterFriendlyLink {background: url(../images/icons/printer.png) 0px 1px no-repeat}
.EditListingLink {background: url(../images/icons/icon_edit_s.png) 0px 1px no-repeat}
.MoreLink {background: url(../images/icons/more.png) 0px 0px no-repeat}
.EmailFriend {background: url(../images/icons/email.png) 0px 1px no-repeat}
.MoreInformationLink  {background: url(../images/icons/info.png) 0px 1px no-repeat}

/*Data*/

#TopLeft { /*These unsemantic names aren't my fault! I'll get rid of them one day! ;)*/
	float:left;
	width: 345px;
	min-height: 375px;
	line-height: 37px;
	padding-top: 7px; /*Just to line the bottom line up with the slideshow base ;)*/
}
 
.ListingPrice {
	color: #2F3E6C;
	font-weight: bold;
	display: block;
}

#TopLeft .ListingField, .ListingPrice {border-bottom: 1px solid #eee}

/*Main Image*/

#MainImageWrapper {
	width: 500px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 30px;
	position: relative;
}

#MainImageWrapper li, #MainImageWrapper ul {margin: 0px}

p.ClickHereSlideshow {
	position: absolute;
	top: 5px;
	left: 5px;
	margin-bottom: -35px;
	width: 500px;
	padding: 7px 0px;
	text-align: center;
	background: #000;
	color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: 500;
}

#SlideshowContainer {
	float: left;
	width: 540px;
}

/*Text*/

#FullDescription {
	clear: both;
	margin: 22px 0px;
}

/*Maps*/

#GoogleMap {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-bottom: 25px;
}

#NearbyMap {
	padding-top: 8px;
	margin-bottom: 25px;	
}

#map_canvasyes {border: 1px solid #666}

#ToggleStreetView {
	display: inline-block;
	position: relative;
	top: 1px;
	border: 1px solid #666;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	padding: 5px 15px;
	z-index: 10; /*(or anything else less than colorboxes 9999!)*/
	background: #fff;
	color: #333;
}

#searchmap_canvas {border: 1px solid #666}

/*The info popup on the map*/

table.MapInfoTable {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	line-height: 18px;
	border: 0px;
}

.MapInfoTable td {vertical-align: top}

.MapInfoTitle {
	display: block;
	margin: 0px 15px 10px 0px;
	padding: 3px 7px;
	background: #eee;
	font-weight: bold;
}

.MapInfoAddress {
	display: block;
	padding: 0px 0px 10px 7px;
	border-bottom: 1px solid #ddd;
	margin-right: 15px;
}

#MapInfoPrice {
	color: cyan;
}

.MapInfoImage {padding-right: 25px}

a.MapInfoLink {
	display: block;
	margin-top: 5px;
	text-align: right;
	margin-right: 15px;
}

/*Info layout*/


#TopRight{
	float: right;
	margin-right: 0px;
}

#TopRight .FieldCaption {font-weight: normal}

#NeighbourhoodLinks {margin-top: 22px}

#NeighbourhoodLinksList li {
	list-style-type: none !important; /*Hmmm, bad form that*/
	margin-left: 0px;
}

#DetailTools {margin-right: 0px}

#AgentDetails {
	clear: both;
	margin-bottom: 30px;
	}

.FieldCaption {font-weight: bold}

.ListingField {display: block}

/*Colorbox*/

#ColorBoxSlideshow li {list-style-type: none !important}/*...and again! weird*/

/*Agents hCard to make human readable*/

span.type {display: none}

#ListingDetailFooter {
	clear: both;
	font-style: italic;
	color: #999;
}

/*-------------*/
/*---SIGN UP---*/
/*-------------*/

.signup table {border: 0px}

.signup input[type="submit"] {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 0px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/*------------------------------------------------*/
/*---VIEW FAVORITES, SEARCHES, AGENTS AND AGENT---*/
/*------------------------------------------------*/

.view_favorites #Content, .view_saved_searches #Content, .view_agents #Content, .view_user #Content, .delete_favorites #Content { 
	padding-top: 8px;
 width: 675px;
}

.view_favorites h1, .view_saved_searches h1 {
	padding-left: 40px;
	background: url(../images/icons/favorites_title.png) 0px 10px no-repeat;
	line-height: 50px;
}

.view_saved_searches h1 { background: url(../images/icons/search_title.png) 0px 10px no-repeat}

/*View agents*/

.view_agents .NextPrevTopWrapper {
	clear:both;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	}
	
.view_agents .NextPrevTopWrapper	.JumpToPage {top: 15px;}

#AgentsCol1 {
	width: 600px;
	float: left;
}

#AgentsCol2 {
	border-left: 1px solid #DDDDDD;
	color: #666666;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0 20px 22px;
	width: 220px;
	margin-bottom: 22px;
}

.AgentsSignup {
	
	display: block;
	width: 225px;
	height: 47px;
	background: url(../images/main/agents_signup_button.png);
	text-indent: -9999px;
	padding: 0px;
}

.AgentsSignup:hover {background-position: 0px -47px}

.OneAgent {
	padding: 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	min-height: 160px;
	overflow: auto;
}

.OneAgent img {float: left}

.OneAgent  h3 {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}

.AgentSummary {
	float: right;
	width: 660px;
}

.ListingFieldUrl .FieldCaption {display: none}

a.MoreInfoLink {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #999999;
	border:medium none;
	color:#fff;
	margin-left:5px;
	padding:3px 5px;
	text-decoration:none;
}

.OneAgent .ListingField, .OneAgent .AgentTitleContainer, .ContactAgentLink {
	display: inline-block;
	float: left;
	clear: left;
	width: 235px;
}

.OneAgent .ListingFieldInfo {
	float: none;
	width: 395px;
	margin-left: 9px;
	padding-left: 15px;
	border-left: 5px solid #eee;
}

/*View agent*/

#AgentsOtherListingsList {margin-top: 20px}

/*------------------*/
/*---EDIT PROFILE---*/
/*------------------*/

.edit_profile table {border: 0px}

.edit_profile input[type="submit"] {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 0px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/*------------*/
/*---FOOTER---*/
/*------------*/

#Footer {
	clear: both;
	overflow: auto;
	border-top: 8px solid #384F95;
	padding-top: 10px;
	padding-left: 20px;
}

#Footer a, #Footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}

#Footer a {color: #333}

#FooterCol1 {float: left}

#FooterCol2 {
	float: right;
	text-align: right;
	padding-right: 15px;
}

#Footer li {
	float: left;
	list-style: none;
	margin: 0px 10px 0px 0px;
}

#Footer #RSSLinks li {margin: 0px 0px 0px 10px}

#RSSLinks li {
	padding-left: 20px;
	background: url(../images/icons/rss_small.png) 0px 4px no-repeat; /*Will sprite all these icons later*/
}
#RSSLinks li.norssicon{
	background:none;	
}

/*--------------*/
/*---FEEDBACK---*/
/*--------------*/

.Error, .Good {
	border: 1px solid red;
	background: pink;
	padding: 3px 10px;
	margin-top: 15px;
}

.Good {
	border: 1px solid #393;
	background: #B3FDB7;
}

.ConfirmDeleteWrapper {
 border: 1px solid red;
	background: pink;
	padding: 3px 10px;
	margin: 3px 0px 5px 0px;
}
/*
.ExternalLink {
	padding-left: 15px;
	background: url(../images/icons/external.png) 0px 3px no-repeat;
}

#SideBar .ExternalLink {background-position: 0px 0px}
*/
/*----------------*/
/*---LOGIN FORM---*/
/*----------------*/
#LogInFormWrapper  fieldset {
	border: none;	
}

#SignUpMessage {
	float: left;
	width: 400px;
	min-height: 439px;
	padding-right: 22px;
	border-right: 1px solid #ccc;
}

.member_login #Content {
width: 885px;
	}

#LogInFormWrapper label, #LogInFormWrapper li {
	margin: 0px;
	padding: 2px;
}

#LogInFormWrapper li {margin-bottom: 15px}

#LogInFormWrapper {
	float: left;
	margin-left: 45px;
}

#LogInFormInnerWrapper {
	padding: 15px 20px 0px 20px;
	border: 10px solid #eee;
	margin-top: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: auto;
	width: 315px;
}

#LogInFormWrapper fieldset {background: none}

#LogInFormWrapper legend {display: none}

#LogInFormWrapper label {
	float: none;
	display: block;
	text-align: left;
	width: auto;
	font-weight: bold;
}

#LogInFormWrapper input[type="checkbox"] {
	float: left;
	margin: 6px 10px 0px 0px;
}

#LogInFormWrapper label.Remember, #EmailMyPasswordForm label {font-weight: normal}

#EmailMyPasswordForm label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#LogInFormWrapper .GeneralButton {
	margin: 0px;
	float: right;
	padding: 5px 25px;
	margin-right: 3px;
}

#EmailMyPasswordForm {
	float: left;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

/*----------------------*/
/*---MAINTENANCE MODE---*/
/*----------------------*/

#Maintenance {
	position: absolute;
	width: 100%;
	z-index: 99999;
	background: red;
	line-height: 20px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	border-bottom: 1px solid #930;
	text-align: center;
	color: #fff;
}

/*------------------*/
/*---CONTACT FORM---*/
/*------------------*/

textarea#EmailRepeat {
	width: 588px;
	height: 255px;
	font-family: "Times New Roman", Times, serif;
	background: url(../images/main/a4.jpg);
	background-attachment: fixed;
	line-height: 24px;
	font-size: 15px;
}

/*-------------------------*/
/*---CONTACT FRIEND FORM---*/
/*-------------------------*/

#ContactForm {padding: 20px;}

#ContactForm fieldset {
	padding: 10px;
	background: none;
	}

#ContactForm label {
	float: none;
	text-align: left;	
}

/*---------------------------------*/
/*---MULTI-LANGUAGE ENHANCEMENTS---*/
/*---------------------------------*/

/*
This is a work in progress. I am operating here around the idea that each template package would have the language added to the body classes.
The body tag for the Spanish template would therefore be:
<body class="{page_id} {page_action} {pclass} {template_in_use} {user_name} {account_type} {browser_type} ES">
*/

.ES #MainNav li a {
	display: block;
	padding: 8px 20px 8px 20px;
	text-decoration: none;
	border-right: 1px solid #333;
	color: #fff;
	background: url(../images/main/nav_back.jpg) repeat-x;
}


.ES #MainNav li.Last a {/*This class of last is added via js*/
	padding: 8px 20px 8px 20px;
	border-right: none
}

/*---------------------------------*/
/*---Sueno Andaluz  ENHANCEMENTS---*/
/*---------------------------------*/

#quicksearch label{
	
	text-align:left;
	width:auto;		
}

#quicksearch input[type='text']{
	width:65px;
	margin-top:4px;	
}

#quicksearch select{
	margin-top:4px;	
}

#quicksearch input[type='radio']{
	margin-right:5px;	
}

#qs_or input[type='text']{
	width:40px;	
}

#GallerySideBar, #quicksearch {
	width:164px;
	border: 1px solid #384F95;
	background-color:#C3C7E7;
	margin-bottom:20px;
}

#GallerySideBar, #featured, #w3c, #facebook{
	margin-left:auto;
	margin-right:auto;	
}

#facebook{
	width:180px;	
}

#quicksearch{
	width:200px;
	margin-left:auto;
	margin-right:auto;	
}

#quicksearchContent{
	padding:5px;
	margin:5px;
	background-color:#FFFFFF;
	border: 1px solid #384f95;
	background-image:url(../images/icons/search.png);
	background-repeat:no-repeat;
	background-position: 135px 5px;
}


#GallerySideBar p.title, #featured p.title, #quicksearch p.title{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#384F95;
	margin-bottom:6px;
	height:20px;
	padding-left:5px;
}

#GallerySideBar img{
	border: 1px solid #384F95;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-left: 2px;
}

#GallerySideBar object {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 6px;
	margin-left: 2px;
}

#featured{
	width:180px;
	border: 1px solid #384F95;
	background-color:#C3C7E7;
	margin-bottom:20px;
	color:#0066cc;
}

#featured p{
	margin-bottom:2px;	
}

#featured span{
	margin-left:3px;	
}

#featured a{
	color:#0066cc;	
}

#featured h3{
	text-align:center;
	font-size:14px;	
}

.featurelisting{
	background-color:#FFF;
	margin:5px;	
	margin:5px;	
	border: 1px solid #384F95;
}

.email{
	margin-right:2px;
	position:relative;
	top:-3px;	
}

.centreImage{
display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px;	
}

.searchResultContainer{
	
	width:222px;
	
	
	float:left;
	margin-right:6px;
	margin-bottom:20px;
	position:relative;
}

.searchResultContainer h3{
	font-size:14px;
	font-weight:normal;
	height: 24px;
	padding-top:3px;
}

#SearchResultTitle{
	background-color:#384F95;
/*	height:20px;*/
	color:#FFF;
	/*font-weight:bold;*/
	padding-left:5px;
}

.searchResultDetail {
	padding-left:10px;	
	border: 1px solid #384F95;
	background-color:#d7dbf0;
	height:330px;
}

.SearchResultThumbContainer{
	height:150px;	
	margin-top:5px;
}

.SearchResultThumbContainer a img, #featured img{
	border: 1px solid #384F95;
}

#featured img{
	width:160px;
	height:120px;
	margin-left:4px;
	margin-top:5px;		
}

.center{
	text-align:center;	
}

.strike {text-decoration: line-through;}

.fieldsetPadTop {
	margin-top:30px;	
}

.moreInfo{
	position:absolute;
	bottom:0;
	left: 10px;	
}

#PropertyWrapper{
	border: 1px solid #384F95;
}

#PropertyDetailContainerTitle{
	height:30px;
	background-color: #C3C7E7;
}

#PropertyDetailContainerTitle h1{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 140%;
 	font-weight: bold;
 	color: #384F95;
 	text-decoration: none;
	width:800px;
	height: 20px;
	padding: 5px;
	overflow:hidden;	
}

#PropertyDetailContainerLocation{
	color: #FFF;
	font-weight: bold;
	background-color: #384F95;
	padding-left: 5px;
	padding-right: 5px;	
	height:20px;
}

#PropertySShow{
	float:left;
	background-color:#FFF;
	margin-left:5px;
	margin-right: 5px;	
}

.bannerSlideshow{
	float:left;
	margin-bottom:10px;
	position:relative;
	width:675px;
	height:155px;
	overflow:hidden;
}




#Disclaimer p{
	font-size:70%;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #384F95;
	padding-left:5px;
}

#Features, #Amenities, #Schools, #Viewing, #ViewedX, #Deposit, #Tariffs, #Description {
	padding-left:5px;	
}

#Features {
	min-height:40px;	
}

#Disclaimer h3, #PropertyDetails h3, #PropertyDetails p{
	padding-left:5px;	
}

#Conditions {
	padding-left:18px;
}

#Features h3, #PropertyDetails h3, #Amenities h3, #Schools h3, #Disclaimer h3, #Tariffs h3, #Description h3, #googleMap h3
{
	color: #384F95;
	font-size:120%;
}

#Conditions h4{
	color: #384F95;
	border-bottom:none;
}

#Col1 {
	text-align:left;
	
}

#PropertyDetails{
	float:right;
	margin-right:5px;
	width:350px;	
} 

#PropertyFacts{
	background-color:#D7DBF0;
	padding-left:10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #384F95;
	height: 225px;
}

#Actions {
	float:right;
	margin-top:2px;
	margin-right:5px;
}



#MainArea {

}

#Viewing, #Deposit{
	color: #384F95;
	font-weight:bold;
}

.floatL{
	float:left;	
}

.floatR{
	float:right;	
}
.clearFloat{
	clear:both;	
}

.officeDetails{
	margin:10px;
	border:thin dashed #000;
	padding:5px;
}

.officeDetailsTitle{
	font-size:115%;
	color:#F00;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
}

.listingview .soldBanner_en {
	position: absolute;
	width: 86px;
	height: 111px;
	top: 105px;
	left: 11px;
	background: url(../images/main/sold_en.png);
	z-index: 999;
}

.listingview .soldBanner_de {
	position: absolute;
	width: 86px;
	height: 111px;
	top: 105px;
	left: 11px;
	background: url(../images/main/sold_de.png);
	z-index: 999;
}

.printable .soldBanner {
	position: absolute;
	width: 86px;
	height: 111px;
	top: 60px;
	left: 11px;
	background: url(../images/main/sold_en.png);
	z-index: 999;
}

#SearchType {
	margin-bottom:10px;	
}

.page_display h1{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 180%;
 	font-weight: bold;
 	color: #384F95;	
}
.longTermRental{
	color:#CCC;	
}

.pageid_2 #Content, .pageid_20 #Content{
	width:900px;
	margin-top:20px; padding-top:0px;	
}

#tabs ul li {
	list-style:none;	
}
#tabs ul{
	background-color:#C3C7E7;	
}
#w3c{

	width:164px;
	margin-left:53px;
}

.imageinlink{
	padding-right:5px;
}

#FeatureList1 ul, #FeatureList2 ul, .ticklist {
	list-style-image: url(../images/icons/tick.gif);
}


#FeatureList1 {
	float:left;	
	width:50%;
}

#FeatureList2 {
	float:right;
	width:50%;
}


#TopRight{
	margin: 5px 45px 0px 0px;
	width: 250px;
/*	min-height: 350px; */
	float: left;
}
/*
#Feature1, #Feature2 {
	margin: 5px 45px 0px 0px;
}*/

#currencyConv{
	margin-left:75px;	
}

/*#Conditions ul li {
	list-style-image: url(../images/icons/asterisk2.gif);
}*/


#links ul li{
	list-style:none;
	margin-bottom:10px;
	padding:5px;
	height: auto;
}	

#links ul li{
	/*	background-color:#d7dbf0;	*/
background: url(../images/main/fieldset_back2.jpg) repeat-x;
	border: 1px solid #d7dbf0;
}

#links ul li a.link_img{
	float:left;	
	margin-right: 20px;
	margin-bottom: 10px;
}


#links ul li:after, .link_link{
	clear:left;	
}
.link_link {
	margin-bottom:10px;	
}


a.bluebutton, input.bluebutton{
	text-decoration:none;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	color: #E6EEFF !important;
	width: auto;
	outline: none;
	border: none;
	background: none;
	line-height: 33px;
	height: 33px;
	margin: 0 !important;
	padding: 0 16px !important;
	overflow: visible;
	cursor: pointer;
	background-image: url(../images/button_alt.png);
}

a.bluebutton:hover, input.bluebutton:hover, .GeneralButton:hover{
	background-position: 0 -38px;

}

a.bluebutton:disabled, input.bluebutton:disabled, .GeneralButton:disabled{
	background-image: url(../images/button_alt_disabled.png);	
}

a.bluebutton:active, input.bluebutton:hover{
	background-position: 0 -76px;
}

.autoWidth{
	margin: 0px auto;	
}

.top5 ul li{
	list-style:none;
	display:inline;
	font-size:10px;
	margin-left:8px;	
}

.top5 h3{
	background-color:#384F95;
	color:#FFFFFF;
	font-size:14px;
	padding-left:25px;
	background-image:url(../images/icons/award_star_gold.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

.ProperyRentalListing, .ProperySaleListing, .ProperyRentalListing a:hover.sub-menu-item, .ProperySaleListing a:hover.sub-menu-item{
	background-image:url(../images/icons/magnifier.png);
	background-repeat: no-repeat;
	background-position: 5px;
}

.ProperyRentalListing a:hover.sub-menu-item, .ProperySaleListing a:hover.sub-menu-item{
	background-position: 3px;
}


.ProperyRentalListing a.sub-menu-item, .ProperySaleListing a.sub-menu-item, .ProperyRentalListing a:hover.sub-menu-item, .ProperySaleListing a:hover.sub-menu-item{
	padding-left:25px;	
}

h1.twolineh1{
		line-height:38px;
	
}

.pagesection{
	background-color:#FFF;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding:10px;
	overflow:hidden;
	background-image:url(../images/png/sectionback.png);
	background-position:top;
	background-repeat:no-repeat;
	}
	
.pagesection h2{
	color:#FFFFFF;
}	


.pagesection img{
	border: 2px solid #CCC;
	margin-right:10px;
}

.pagesection p{
	text-align:justify;	
}

.margin20{
	margin-bottom:20px;	
}

.buttonPanel{
	margin-top:20px;
	text-align:center;
	margin-bottom:5px;	
}

.button{
	margin-left:2px;
	margin-right:2px;
	padding:2px;	
	background-color:#384F95;
	color:#FFFFFF;
	font-weight:bold;
}

.button:hover {
	background-color: #02339C;
}

.hide{
	display:none;	
}

.error{
	color:#FF0000;	
	
}
.valerror{
}

#ldSecLeft{
	float:left;
	width:350px;

}
#ldSecRight{
	float:left;	
	
}

.imgFrame{
		border: 1px solid #b0b0b0;	
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		background-color:#F8F8F8;
		-moz-box-shadow: 1px 1px #888;
		-webkit-box-shadow: 1px 1px #888;
		box-shadow: 1px 1px #888;
}	

#fb-root {
display: none;
} 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{
  width:180px !important;
}