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

	-- -- -- -- -- -- --
	Sunshine Properties
	last edit: 27 february 08
	-- -- -- -- -- -- --
	
-------------------------------------------*/


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

    General Setup

-------------------------------------------*/
* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #101010;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fbd336 url(i/bg_body.png) repeat-x center 0;
	}
body * {
	font-size: 95%;
	line-height: 1.5;
	}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .hide { display: none;	}
label { display: block; }

.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	}
a, a:link, a:visited, a:hover { color: #af972f; }
a:hover { text-decoration: underline; }

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

    Boxes of goodness

-------------------------------------------*/
/* --->>> Container <<<--- */
#container {
	width: 955px;
	position: relative;
	margin: 35px auto;
	background: #fff url(i/bg_container.png) repeat-y -255px 0;
	border: 1px solid #af9326;
	}
	
/* --->>> Header <<<--- */
#header {
	height: 242px;
	background: transparent url(i/bg_header.jpg) no-repeat 0 0;
	}

/* logo */
#header h1 {
	width: 490px;
	height: 95px;
	position: absolute;
	top: 74px; left: 206px;
	}
	#header h1 a {
		width: 490px;
		height: 95px;
		display: block;
		text-indent: -9999px;
		background: transparent url(i/bg_header-h1.jpg) no-repeat 128px -9999px;
		outline: none;
		}
		#header h1 a:hover { background-position: 128px 0; }
#header p.intro {
	width: 490px;
	height: 50px;
	position: absolute;
	top: 180px; left: 206px;
	text-indent: -9999px;
	}

	


/* --->>> Top Nav <<<--- */

ul#top-nav { 
	height: 40px;
	background: #fec10d url(i/bg_top-nav.png) repeat-x 0 0;	
	}

	ul#top-nav li { 
		width: 152px;
		float: left;
		border-right: 1px solid #eba71d;
		border-left: 1px solid #fadb4c;
		}
		ul#top-nav li.active { 
			border-right: 1px solid #7c6a19;
			border-left: 1px solid #7c6a19;
			}

	/*ul#top-nav li.home { width: 154px; border-left: 0; }*/
	
	ul#top-nav li.home { width: 72px; border-left: 0; }
	ul#top-nav li.about-us, ul#top-nav li.contact-us { width: 82px; border-left: 0; }
	/*ul#top-nav li.luxury-properties { width: 180px; }*/
	
	ul#top-nav li.new-developments {width: 143px; border-left: 0; }
	
	ul#top-nav li.last-added {width: 90px; border-left: 0;}
	
	ul#top-nav li.luxury-properties { width: 134px; border-left: 0; }
	
	ul#top-nav li.our-tenerife-service { width: 150px; border-left: 0; }
	
	/*ul#top-nav li.contact-us { width: 155px; border-right: 0; }*/
	ul#top-nav li.contact-us { border-right: 0; }
	ul#top-nav li.Buying-Property-in-Tenerife { width: 194px; border-left: 0; }

	
	ul#top-nav li a { 
		height: 40px;
		display: block;
		font: 1.1em/40px Arial, Helvetica, sans-serif;
		color: #000;
		text-align: center;
		white-space: nowrap;
		background: #fec10d url(i/bg_top-nav.png) repeat-x 0 0;	
		}
		ul#top-nav li a:hover { background-color: #1f1f1f; background-position: 0 -40px; }
			ul#top-nav li.active a, ul#top-nav li.active a:link,
			ul#top-nav li.active a:visited, ul#top-nav li.active a:hover {
				color: #fff;
				background-color: transparent;
				background-position: 0 -160px;
				}

/* -->>> Col 1 <<<--- */
#col-1 {
	width: 235px;
	float: left;
	padding: 10px 5px 10px 5px;
	margin-top: -1px;
	background: transparent url(i/bg_col-1.png) no-repeat right 0;
	}
	* html #col-1 { width: 233px; }

/* headings */
#col-1 h2, #col-1 h3,
#col-3 h2, #col-3 h3 {
	width: 236px;
	height: 50px;
	position: relative;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	margin-left: -5px;
	background: #f2f2f2 url(i/bg_heading.png) no-repeat center 0;	
	}
	
div.property-brief {
	padding-bottom: 5px;
	}	
/* search form */
#col-1 form { padding: 5px 20px; }

#col-1 form label {
	font-weight: bold;
	padding-left: 10px;
	}

#col-1 form select,
#col-1 form input.text  {
	width: 100%;
	height: 20px;
	font-size: 14px;
	text-indent: 5px;
	margin-bottom: 5px;
	border: 1px solid #9a9a9a;
	}
/* global submit */
p.submit { margin-top: 5px; }
p.submit input {
    width: 0;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	padding: 3px 45px 3px 3px;
	background: #eee url(i/bg_links.gif) no-repeat 90% -6px;
	border: 1px solid #c6c6c6;
	overflow: visible;
	cursor: pointer;
	}
	
	p.submit[class] input { width: auto; }

/* -->>> Col 2 <<<--- */
#col-2 {
	width: 455px;
	padding: 30px 15px 10px 5px;
	float: left;
	}
	
/* wide */
body.wide #col-2 { width: 690px; }


/* search results */
p.sort-by, p.sort-by a, p.sort-by a:link,
p.sort-by a:visited, p.sort-by a:hover {
	color: #707070;
	}
	p.sort-by { font-size: 11px; }
	p.sort-by a:hover { text-decoration: underline; }

div.property-details h2 {
	font-size: 1.5em;
	font-style: italic;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	}
div.property-details h2 a, div.property-details h2 a:link,
div.property-details h2 a:visited {
	color: #707070;
	font-size: 1em;
	font-style: italic;
	margin-bottom: 5px;
	}
	div.property-details h2 a span,
	div.property-details h2 span { font-size: .75em; font-style: inherit; }
	
	div.property-details h2 span.edit-listing a { 
		color: #af972f;	
		padding: 3px;
		background: #eee; 
		border: 1px solid #ccc;
		}

div.property-details h3 {
	color: #707070;
	font-size: 1.25em;
	font-style: italic;
	margin-bottom: 5px;
	}

#col-2 div.property-details p.type { font-weight: bold; margin: 5px 0 0 0; }
div.property-details p.type span {
	font-weight: bold;
	padding: 2px;
	background: #ddd;
	}
	div.property-details p.type span.updated { background: #ddd; }
	div.property-details p.type span.featured { background: #fbd336; }
	
div.property-details p.price {
	color: #707070;
	font-size: 1.25em;
	}
	p.price span { font-size: .75em; }

div.property-details div.details {
	min-height: 1%;
	position: relative;
	padding: 10px 10px 0;
	background: #fafafa;
	border: 1px solid #ddd;
	}
	* html div.property-details div.details { float: left; }
	
div.details p.thumb-med {
	width: 250px; 
	float: left;
	}
	div.details p.thumb-med img { 
		display: block;
		padding: 5px;
		background: #eee;
		border: 1px solid #d4d4d4;	
		}

div.details p.thumb-small {
	width: 157px;
	min-height: 130px;
	float: left;
	margin-right: 10px;
	}
	* html div.details p.thumb-small { height: 130px; margin-right: 8px; }
	div.details p.thumb-small img { 
		display: block;
		padding: 5px;
		background: #eee;
		border: 1px solid #d4d4d4;	
		}

div.details label {
	display: none;
	width: 250px;
	position: absolute;
	left: 11px;
	top: 100%;
	font-size: .75em;
	color: #333;
	margin-top: 10px;
	cursor: pointer;
	}
	div.details label input { cursor: pointer; }	

div.property-details p.more { text-align: right; }
p.more a, p.more a:link, p.more a:visited { color: #000; }

div.details p.property-info, ul.links {
	width: 250px; 
	float: left;
	color: #707070;
	}

p.property-info { line-height: 2em; }

#col-2 ul.links {
	width: 200px;
	margin: 0 0 10px 0;
	border-left: 1px dashed #ddd;
	}

#col-2 ul.links li {
	font-size: 1.25em;
	list-style: none;
	margin: 0 0 0 5px;
	border-bottom: 1px dashed #ddd;
	}
	
#col-2 ul.links li a, #col-2 ul.links li a:link,
#col-2 ul.links li a:visited {
	height: 30px;
	display: block;
	color: #707070;	
	line-height: 30px;	
	}
	
ul.links li a {	padding: 0 0 0 35px; background: transparent url(i/bg_icon-sprite.png) no-repeat 0 2px; }
ul.links li.favorite a { background-position: 0 -76px; }
ul.links li.message a { background-position: 0 -142px;  }
ul.links li.friend a { background-position: 0 -218px; }
ul.links li.print a { background-position: 0 -307px; }


/* -->>> Col 3 <<<--- */
#col-3 {
	width: 235px;
	float: right;
	padding: 10px 0;
	}

/* wide */
body.wide #col-3 { display: none; }

	
/* headings */
#col-3 h2, #col-3 h3 { width: 235px; margin-left: 0;}

/* property brief */
#col-3 div.property-brief {
	width: 225px;
	position: relative;
	padding: 0 5px 5px;
	background: #f2f2f2;
	}

div.property-brief p.location, 
div.property-brief p.title,
div.property-brief p.price {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 0 10px 5px 0;
	}
div.property-brief p.title a { font-weight: bold; font-size: 14px; }	
	
div.property-brief p.price { text-align: center; }
div.property-brief p.price span.pound { /*display: block; text-align: center;*/ white-space: nowrap; }

div.property-brief p.more a {
	color: #707070;
	text-decoration: underline;
	padding-right: 5px;
	margin-right: 10px;
	background: #f2f2f2;
	}
	div.property-brief p.more { 
		display: block;
		position: relative;
		text-align: right;
		margin-right: 0;
		background: transparent url(i/bg_links.gif) no-repeat right -10px;
		overflow: visible;
		white-space: nowrap;
		}
#col-1 p.more { margin-right: 10px; }

p.updated {
	color: #707070;
	font-size: .75em;
	}


/* col 3 nav */
ul#col-3-nav { margin-top: 10px }
ul#col-3-nav li { margin: 0 0 5px; }
	
ul#col-3-nav li a, ul#col-3-nav li a:link,
ul#col-3-nav li a:visited {
	height: 24px;
	display: block;
	color: #000;
	font-size: 14px;
	padding: 8px 0 8px 20px;
	background: #eee;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #c6c6c6;
	}
	ul#col-3-nav li a:hover,
	ul#col-3-nav li.active a {
		color: #fff;
		text-decoration: none;
		background: #707070;
		}
		ul#col-3-nav li.active a span { background-position: right -85px; }
		ul#col-3-nav li a:hover span { padding-right: 55px; background-position: right -85px; }

	ul#col-3-nav li a span { 
		padding-right: 45px; 
		background: transparent url(i/bg_links.gif) no-repeat right -9px;
		font-size:14px;
		}

/* newsletter */
.newsletter p {
	padding: 5px 10px;
	}

.newsletter label {
	font-weight: bold;
	}

/* --->>> Footer <<<--- */
#footer {
	width: 955px;
	height: 200px;
	background: #fff url(i/bg_footer.png) no-repeat 0 0;
	border-top: 1px dashed #000;
	}
	
/* footer nav */
ul#footer-nav { 
	text-align: center; 
	margin: 20px 0;
	}
ul#footer-nav li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #000;
	}
	ul#footer-nav li.home { border: none; }
	
	ul#footer-nav li a, ul#footer-nav li a:link,
	ul#footer-nav li a:visited {
		font-size: .85em;
		color: #000;
		}
		ul#footer-nav li a:hover { text-decoration: underline; }
		
/* footer address */
#footer address {
	text-align: center;
	letter-spacing: .125em;
	margin-top: 40px;
	}
	#footer address a, #footer address a:link,
	#footer address a:visited {
		color: #000;
		border-bottom: 1px dashed #000;
		}
		#footer address a:hover { background: #af972f; }


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

    General Formating

-------------------------------------------*/
#col-2 h1, #col-2 h2, #col-2 h3,
#col-2 h4, #col-2 h5, #col-2 h6 {
	color: #707070;
	}
#col-2 h1 {
	font-size: 1.5em;
	margin-bottom: 5px;
	}

#col-2 h4 {	font-weight: bold; }
#col-2 p { margin-bottom: 10px; }

#col-2 ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
#col-2 ul, #col-2 ol { padding: 5px 10px .5em 15px; }
#col-2 ul li {
	margin-left: 10px;
	list-style: disc;
	}
	
#col-2 td { font-size: 12px; }