/* Start of CMSMS style sheet 'global' */
/*

Stylesheet for Business Finder Tenerfife
Handwritten by Richard Wilmot (AztecMedia.eu)
www.businessfinder.com

*/


/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }
.smaller { font-size: 90%; }
.larger { font-size: 110%; }
hr { display: none; }
strong { font-weight: bold; }
.cleared { clear: both; }


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.error {
color:#c00;
font-weight:bold;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* ------------ Defaults ------------ */

html {
min-height: 100%;
height:auto;
}

body {
background:#7ec2f2 url('images/body-bg.jpg') repeat-x bottom center;
color: #666666;
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size: 0.7em;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px
}

#container {
background: url('images/page-bg.png') repeat top center;
margin: auto;
width: 950px;
padding: 5px 5px 0px 5px;
}

#skip { 
display: block;
height: 100px;
margin-top: -100px; 
}

p {
margin-bottom: 10px
}

strong {
color:#1c67a7
}


.header-container {
height: 20px;
line-height: 1.2em
}

h2 {
font-size: 175%;
margin-bottom:15px;
font-weight:normal;
color:#1c67a7
}

h3 {
font-size: 115%;
margin-bottom:5px;
margin-top: 5px;
color:#1c67a7
}

a {
color:#1c67a7;
font-weight:bold
}

a:hover {
text-decoration:none
}

img.right {
float:right;
margin-left: 10px;
margin-bottom: 5px
}

img.left {
float:left;
margin-right: 10px;
margin-bottom: 5px
}



.bullet li {
text-align: left;
list-style: none;
background: url('images/bullet.gif') no-repeat 0px 0px;
padding: 3px 0px 0px 28px;
height:22px;
line-height:1.2em;
margin-bottom:5px	
}

/* ------------ Branding ------------ */


#branding {
background: url('images/branding-bg.png') no-repeat top center;
height: 125px;
width: 950px;
}

#branding h1 a {
display: block;
height: 125px;
width: 785px;
text-indent: -25000px;
float:left
}

#branding #google-translate {
float:left;
width:160px;
height: 60px;
margin-top:5px
}

#branding #google-translate span, #branding #google-translate a {
display:none;
}




/* ------------ Nav ------------ */

#nav {
background: url('images/nav-bg.png') no-repeat top center;
height: 35px;
text-indent: -25000px;
width: 945px;
padding-left:5px
}

#nav li { 
float: left;
}

#nav a {
display: block;
height: 35px;
width: 118px
}

#nav a:hover, 
#nav .selected,
#default #nav-home a,
#search #nav-search a,
#guide #nav-guide a,
#about #nav-about a,
#contact #nav-contact a,
#links-flights-accom #nav-link a,
#register #nav-register a,
#island #nav-island a,
#guide-faq #nav-guide a {
background-position: 0 -35px;
}


#nav-home a {
background: url('images/nav-home.jpg') no-repeat top left;
width: 117px;
}

#nav-about a {
background: url('images/nav-about.jpg') no-repeat top left;
width: 117px;
}

#nav-guide a {
background: url('images/nav-guide.jpg') no-repeat top left;
}

#nav-search a {
background: url('images/nav-search.jpg') no-repeat top left;
}

#nav-link a {
background: url('images/nav-links.jpg') no-repeat top left;
}


#nav-contact a {
background: url('images/nav-contact.jpg') no-repeat top left;
}

#nav-register a {
background: url('images/nav-register.jpg') no-repeat top left;
width: 117px;
}

#nav-island a {
background: url('images/nav-island.jpg') no-repeat top left;
}


/* ------------ Sub Nav ------------ */

#guide-parent, #search-parent, #about-parent, #links-parent, #contact-parent {
width:115px;
height: 35px;
}

#guide-child, #search-child, #about-parent, #links-child, #contact-child {
z-index: 100;
width:150px;
border-top:#FFFFFF solid 1px;
}

#guide-child a, #search-child a, #about-child a, #links-child a, #contact-child a {
background: url('images/sub-nav-bg.gif') repeat-x top left;
display:block;
float:left;
width:140px;
height:20px;
font-weight:bold;
font-size: 90%;
padding: 5px 0px 0px 10px;
text-indent: 0px;
text-decoration:none;
color:#fff;
border: #FFFFFF solid 1px;
border-top: none;
}

#guide-child a:hover, #search-child a:hover, #about-child a:hover, #links-child a:hover, #contact-child a:hover {
color:#1c67a7;
background-position: 0 -25px
}




/* ------------ Content ------------ */

#content {
background:#FFFFFF;
width: 940px;
margin:auto;
}

#links-weather #content {
background:#FFFFFF url('images/weather-page-bg.jpg') no-repeat bottom right;
}

#register #content {
background:#FFFFFF url('images/login-page-bg.jpg') no-repeat bottom left;
}

#links-rates #content  {
background:#FFFFFF url('images/euro.jpg') no-repeat bottom right;
}




/* ------------ Columns ------------ */

#col-1 {
float:left;
width: 425px;
padding: 30px 15px 10px 30px;
}

#col-2 {
float:left;
width: 425px;
padding: 30px 30px 10px 15px;
}

#guide-faq #col-2 {
height: 500px
}	

#links-weather #col-1 {
float:left;
width: 500px;
padding: 30px 15px 10px 30px
}

#links-weather #col-2 {
float:left;
width: 350px;
padding: 30px 30px 10px 15px
}

#search #col-1, #news #col-1 {
width: 312px;
}

#search #col-2, #news #col-2 {
width: 538px;
}


/* ------------ Default ------------ */

#page-img {
background: url('images/default-bg.jpg') no-repeat top center;
float:left;
width: 940px;
height: 280px;
text-indent: -25000px
}


#default #page-copy {
height: 291px
}	

#default #quick-search {
background: url('images/quick-search-bg.gif') no-repeat top center;
float:left;
width: 405px;
height: 40px;
padding: 10px;
}

#default #quick-search-form select {
font-size: 95%;
height: 19px;
width: 96px;
border:#1c67a7 solid 1px;
}

#default #quick-search-form #quick-search-search {
float:right;
}

#default #advanced-search  {
text-align:right;
width: 405px;
height:23px
}

#default #advanced-search a {
color:#FFFFFF;
text-decoration:none;
}

#default #advanced-search a:hover {
text-decoration:underline;
}


#default #features {
width:425px;
height:60px;
float:left;
}

#default #features a.search, #default #features a.guide, #default #features a.news, #default #features a.services {
background: url('images/features-services-bg.gif') no-repeat top left;
display:block;
width:135px;
height:60px;
float:left;
margin-right:10px;
text-indent: -25000px
}

#default #features a.guide {
background: url('images/features-guide-bg.gif') no-repeat top left;
margin-right:10px
}

#default #features a.news {
background: url('images/features-news-bg.gif') no-repeat top left;
margin-right:0px
}

#default #features a:hover.search, #default #features a:hover.guide, #default #features a:hover.news, #default #features a:hover.services {
background-position: 0px -60px
}


#default .business-feature {
background: url('images/business-feature-bg.gif') no-repeat top left;
width:425px;
height:130px;
float:left;
margin: -5px 0px 10px -5px;
padding:5px
}


.business-feature .title {
font-weight:bold;
color: #fff;
float:left;
width: 415px;
height:18px;
font-size:120%;
padding: 2px 0px 0px 10px
}

.business-feature .image {
float:left;
width: 145px;
height:90px;
overflow:hidden;
margin: 10px
}

.business-feature .copy-header, .business-feature .copy, .business-feature .price {
float:left;
width: 240px;
margin: 0px 10px 0px 10px;
line-height: 1.2em;
font-size:95%;
}

.business-feature .copy-header {
margin: 10px 10px 0px 10px;
color:#1c67a7;
font-weight:bold
}

.business-feature .price {
margin: 10px 10px 0px 10px;
color:#1c67a7;
font-weight:bold;
width: 120px
}

.business-feature .view a {
background: url('images/business-button-view.gif') no-repeat top left;
display:block;
width:75px;
height:18px;
float:right;
margin: 20px 10px 0px 0px;
text-indent: -25000px
}

.business-feature .view a:hover {
background-position: 0px -18px
}


/* ------------ Boxes ------------ */

.box {
width: 425px; 
}

.box-header {
background: url('images/box-header-bg.gif') no-repeat top left; 
width: 410px;
height:18px;
color:#FFFFFF;
font-weight:bold;
padding: 7px 0px 0px 15px;
font-size:105%
}

.box-content {
background: url('images/box-content-bg.gif') repeat-y top left; 
width: 395px;
padding:10px 15px 10px 15px
}

.box-footer {
background: url('images/box-footer-bg.gif') no-repeat top left; 
width: 425px;
height:5px
}




.box-small {
width: 312px; 
}

.box-header-small {
background: url('images/box-header-small-bg.gif') no-repeat top left; 
width: 297px;
height:18px;
color:#FFFFFF;
font-weight:bold;
padding: 7px 0px 0px 15px;
font-size:105%
}

.box-content-small {
background: url('images/box-content-small-bg.gif') repeat-y top left; 
width: 282px;
padding:10px 15px 10px 15px
}

.box-footer-small {
background: url('images/box-footer-small-bg.gif') no-repeat top left; 
width: 312px;
height:5px
}


.box-large {
width: 538px; 
margin-bottom:15px;
}

.box-header-large {
background: url('images/box-header-large-bg.gif') no-repeat top left; 
width: 523px;
height:18px;
color:#FFFFFF;
font-weight:bold;
padding: 7px 0px 0px 15px;
font-size:105%;
}

.box-content-large {
background: url('images/box-content-large-bg.gif') repeat-y top left; 
width: 508px;
padding:10px 15px 10px 15px
}

.box-footer-large {
background: url('images/box-footer-large-bg.gif') no-repeat top left; 
width: 538px;
height:5px
}


/* ------------ About ------------ */

.staff-col-1 {
background: url('images/staff-bg.jpg') no-repeat top right;
float:left;
width: 400px;
padding: 20px 20px 0 50px;
}

.staff-col-2 {
background: url('images/staff-bg.jpg') no-repeat top left;
float:left;
width: 400px;
padding: 20px 50px 0 20px;
}

.staff-col-1 p,
.staff-col-2 p {
display:block;
width:270px;
float:right;
}


/* ------------ Search ------------ */

#search-map {
	background: url('images/search-map-bg.gif') no-repeat top left;
	width: 521px;
	height:420px;
	text-indent:-25000px;
	position:relative;
	}
	

#search-map-sw a {
	display:block;
	width: 136px;
	height:119px;
	text-indent:-25000px;
	position:absolute;
	top:181px;
	left:0px;
}

#search-map-sw a:hover {
	background: url('images/search-map-sw.gif') no-repeat 0 0;
}

#search-map-p a {
	display:block;
	width: 58px;
	height:57px;
	text-indent:-25000px;
	position:absolute;
	top:181px;
	left:136px;
}

#search-map-p a:hover {
	background: url('images/search-map-p.gif') no-repeat 0 0;
}

#search-map-c a {
	display:block;
	width: 115px;
	height:57px;
	text-indent:-25000px;
	position:absolute;
	top:181px;
	left:213px;
}

#search-map-c a:hover {
	background: url('images/search-map-c.gif') no-repeat 0 0;
}

#search-map-e a {
	display:block;
	width: 166px;
	height:109px;
	text-indent:-25000px;
	position:absolute;
	top:164px;
	left:355px;
}

#search-map-e a:hover {
	background: url('images/search-map-e.gif') no-repeat 0 0;
}

#search-map-se a {
	display:block;
	width: 165px;
	height:120px;
	text-indent:-25000px;
	position:absolute;
	bottom:0px;
	left:300px;
}

#search-map-se a:hover {
	background: url('images/search-map-se.gif') no-repeat 0 0;
}

#search-map-n a {
	display:block;
	width: 165px;
	height:115px;
	text-indent:-25000px;
	position:absolute;
	top:0px;
	left:261px;
}

#search-map-n a:hover {
	background: url('images/search-map-n.gif') no-repeat 0 0;
}

#search-map-w a {
	display:block;
	width: 101px;
	height:77px;
	text-indent:-25000px;
	position:absolute;
	top:71px;
	left:123px;
}

#search-map-w a:hover {
	background: url('images/search-map-w.gif') no-repeat 0 0;
}





#search .search-img, #search .property-img, #search .property-thumb-img {
width: 150px;
margin-right:20px;
float:left
}
#search .property-img
{
width:295px;
}

#search .search-img img
{
 width:150px;
}

#search .property-thumb-img {
margin-right: 5px;
float:left;
width:55px;
}

#search .search-copy, #search .property-info {
width: 337px;
float:left
}

#search .property-info {
width: 193px;
font-size: 110%;
line-height: 1.7em;
}

#search .property-info p {
font-size: 105%;
}

#search .property-copy {
margin-top:15px
}

#search .search-title, #search .property-title {
width: 337px;
float:left;
font-size: 110%;
font-weight:bold;
color:#1c67a7;
text-decoration:underline
}

#search .property-title {
width: 193px;

}

#search .property-title {
margin-bottom:5px
}


#search .search-price, #search .property-price {
width: 262px;
float:left;
height:18px;
font-weight:bold;
color:#1c67a7;
}

#search .search-hold {
width: 337px;
height:18px;
float:left;
font-weight:bold;
}

#search .search-view a {
background: url('images/business-button-view.gif') no-repeat top left;
display:block;
width:75px;
height:18px;
float:left;
text-indent: -25000px
}

#search .search-view a:hover {
background-position: 0px -18px
}

#search .search-buttons {
width:508px;
margin-top:20px;
border-top:#1c67a7 dotted 1px;
border-bottom:#1c67a7 dotted 1px;
padding:5px 0 5px 0;
float:left
}

#search .search-ref {
width:508px;
float:left;
text-align:right;
font-weight:bold;
margin-top:10px;
color:#999999
}

#search .enquire a, #search .add-portfolio a, #search .view-portfolio a, #search .remove-portfolio a, #search .print a,#search .pdf a {
	background: url('images/enquire.gif') no-repeat top left;
	display:block;
	height:18px;
	float:left;
	font-weight:normal;
	padding: 2px 0 0 25px;
	margin-right: 35px;
	}
#search .enquire a
{
   background: url('images/enquire.gif') no-repeat top left;
   margin-right: 5px;
}
#search .add-portfolio a {
	background: url('images/add-portfolio.gif') no-repeat top left;
	margin-right: 5px;
	}
	
#search .remove-portfolio a {
	background: url('images/remove-portfolio.gif') no-repeat top left;
	float:right;
	margin:0
	}
	
#search .view-portfolio a {
	background: url('images/view-portfolio.gif') no-repeat top left;
	margin:0
	}
	
#search .print a {
	background: url('images/print.gif') no-repeat top left;
	margin-right: 5px;
	}
#search .pdf a {
	background: url('images/pdf.gif') no-repeat top left;
	margin-right: 5px;
	}
#search .back a {
background: url('images/button-back.gif') no-repeat top left;
display:block;
height:18px;
width:125px;
float:right;
text-indent: -25000px;
margin-right:30px;
margin-bottom: 15px
}

#search .back a:hover {
background-position: 0 -18px;
}

#search #prev-next {
width: 338px;
padding-left:200px;
}

#search #prev-next span {
float:right;
margin: 0 10px 0 10px;
}


#search .previous a, #search  .next a {
background: url('images/button-previous.gif') no-repeat top center;
display:block;
height:18px;
width:18px;
float:left;
clear:none;
width:25px;
text-indent:-25000px;
text-align:center;
}

#search .pagenumbers
{
   float:left;
   clear:none;
}

#search .next a {
background: url('images/button-next.gif') no-repeat top left;
}

#search .previous a:hover, #search .next a:hover {
background-position: 0 -18px;
}


/* ------------Call Back ------------ */


#call-back {
background: url('images/callback-bg.gif') no-repeat top center;
float:left;
width: 280px;
height: 210px;
padding: 30px 10px 0px 12px;
color:#FFFFFF;
line-height: 1.2em
}

#call-back-form select {
font-size: 95%;
height: 19px;
width: 97px;
border:#1c67a7 solid 1px;
}






/* ------------Log In /  register ------------ */
#login-form, #registration-form {
margin-top: 20px
}

#login-form legend, #registration-form legend, #contact-form legend, #selling-form legend, #search-form legend, #user-filter-form legend, #business-filter-form legend {
display: none;
}

#login-form label, #registration-form label, #contact-form label, #selling-form label, #search-form label, #call-back-form label, #business-filter-form label, #user-filter-form label, #m3moduleform_1 label {
display:block;
float:left;
width: 65px;
height:21px;
padding-top:6px;
font-weight:bold;
font-size: 93%;
float:left;
}

#registration-form label, #contact-form label, #selling-form label, #user-filter-form label, #business-filter-form label {
width: 125px;
}

#search-form label, #call-back-form label {
width: 100px;
}

#m3moduleform_1 #m3feu_submit {
height:20px;
}

#login-form input, #login-form textarea, #registration-form input, #registration-form textarea, #registration-form select, #contact-form input, #contact-form textarea, #contact-form select, #selling-form input, #selling-form textarea, #selling-form select, #search-form input, #search-form textarea, #search-form select, #call-back-form input, #user-filter-form input, #user-filter-form textarea, #user-filter-form select, #business-filter-form input, #business-filter-form textarea, #business-filter-form select,#m3moduleform_1 input,#m3moduleform_1 textarea,#m3moduleform_1 select {
font-family:  Helvetica, Verdana, Arial, sans-serif;
font-size:100%;
width: 148px;
height:12px;
border:#1c67a7 solid 1px;
color:#666;
padding: 6px 6px 6px 6px;
margin-bottom:5px;
margin-right:5px;
float:left
}

#m3moduleform_1 label {
text-align:left;
color:#333;
width:100px;
}

#m3moduleform_1 select {
width:162px !important;
}


#call-back-form input {
width: 161px;
}

#search-form input, #search-form textarea, #user-filter-form input, #user-filter-form textarea, #business-filter-form input, #business-filter-form textarea {
width: 163px;
}

#search-form select, #user-filter-form select, #business-filter-form select, #m3moduleform_1 select  {
width: 176px;
height:28px;
}

#registration-form input, #registration-form select, #contact-form input, #contact-form select, #selling-form input, #selling-form select {
width: 250px;
}

#registration-form #price-from, #registration-form #price-to, #contact-form #price-from, #contact-form #price-to, #contact-form #ref-no {
width: 109px;
}

#search-form #price-from, #search-form #price-to, #user-filter-form #price-from, #user-filter-form #price-to, #business-filter-form #price-from, #business-filter-form #price-to {
width: 65px;
}

#registration-form select, #contact-form select, #selling-form select  {
width: 263px;
height:28px;
}

#registration-form textarea, #contact-form textarea, #selling-form textarea, #search-form textarea {
width: 250px;
height:73px;
}

#login-form #send, #registration-form #send, #registration-form #reg-send, #contact-form #send, #selling-form #send, #search-form #send, #call-back-form #call-back-request, #user-filter-form #user-filter-send, #business-filter-form #user-filter-send  {
background: none;
border:none;
height: 18px;
width: 75px;
padding: 0px;
margin-left:150px
}

#call-back-form #call-back-request  {
margin-left:0px
}

#registration-form #send, #registration-form #reg-send, #contact-form #send, #selling-form #send, #search-form #send {
margin-left:312px
}

#search-form #send {
margin-left:200px
}

#user-filter-form #user-filter-send, #business-filter-form #user-filter-send {
margin:4px 0 0 5px
}

#email-button {
float:right;
margin: 0 30px 30px 0px
}

#call-back-form #call-back-request {
margin-left:200px
}

.form-header {
font-weight:bold;
color:#1c67a7;
margin-top:10px;
display:block;
}

span.to {
float:left;
display:block;
padding: 3px 3px 0 0
}
/* ------------ Filter ------------ */


#filter-container {
background: url('images/filter-bg.gif') no-repeat top center;
width: 395px;
float:left;
padding:15px
}


table.filter-table {
margin-top:20px;
font-size:85%;
line-height:1.1em
}

table.filter-table td {
padding: 3px;
width: 20%;
text-align:center
}

td.sort {
background-color:#ecf7ff;
}

body#filter input[type=checkbox] {
 width:10px;
}


/* ------------ Contact ------------ */


.contact-box {
width:212px;
float:left;
margin-bottom:20px
}


/* ------------ log on Register ------------ */


#user {
border:1px dotted #1c67a7;
/*margin:30px;*/
width: 860px;
padding:10px;
margin:20px 0 0 30px;
float:left;
background-color:#ecf7ff

}

#user #user-welcome {
float:left;
}

#user li {
display:inline;
}

#user #user-logout a, #user #user-portfolio a, #user #user-edit a, #user #user-filter a {
background: url('images/log-out.gif' ) no-repeat 0 -2px;
float:right;
padding-left:25px;
font-weight:normal
}

#user #user-filter a {
background: url('images/view-portfolio.gif' ) no-repeat  0 -2px ;
margin-right:20px; margin-left:20px;
}

#user #user-portfolio a {
background: url('images/view-portfolio.gif' ) no-repeat  0 -2px ;
margin-right:20px;
}

#user #user-edit a {
background: url('images/edit-details.gif' ) no-repeat  0 -2px ;
margin-right:20px;
}




/* ------------ Links ------------ */

#weather-map
{
width: 500px; 
height: 440px; 
background-image: url('images/weather-bg.gif' ); 
background-repeat: no-repeat; 
}

#weather-map a
{
color: #346797;	
}


.links-box-bg {
background:#FFFFFF url('images/links-box-bg.jpg') no-repeat bottom right;
height:33px;
width:395px;
padding: 15px;
margin-bottom: 10px;
line-height:1.1em;
}

.links-box-bg a {
color:#FFFFFF;
font-size: 95%;
line-height:1.1em;
font-weight:normal;
text-decoration:none
}

.links-box-bg a:hover {
text-decoration:underline
}

.links-box-bg img {
float:left;
margin-right:10px
}

#links-flights-accom-left {
width:425px;
float:left;
padding: 0 0px 15px 30px;
}

#links-flights-accom-right {
width:425px;
float:left; 
padding: 0 0px 15px 30px;
}




/* ------------ Island Select ------------ */

#ibiza-button a, #mallorca-button a, #tenerife-button a {
display:block;
width: 200px; 
height: 67px;
float:left;
text-indent: -25000px;
background: url('images/island-ibiza-button.jpg' ) no-repeat top left; 
}

#mallorca-button a { 
background: url('images/island-mallorca-button.jpg' ) no-repeat top left; 
/*margin-left: 25px;*/
}

#tenerife-button a { 
background: url('images/island-tenerife-button.jpg' ) no-repeat top left;
}

#ibiza-button a:hover, #mallorca-button a:hover,  #tenerife-button a:hover {
background-position: 0 -67px;
}



/* ------------ Footer ------------ */

#footer {
background: url('images/footer-bg.png') no-repeat top left;
clear: both;
line-height: 1.1em;
width: 950px;
color:#a5c3dc;
margin:auto;
height:50px;
font-size: 95%
}

#footer a {
color: #a5c3dc;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color:#fff
}

#links {
float: left;
padding: 20px 0px 0px 10px
}

#links p {
margin-bottom: 5px
}

#azteclink {
float: right;
text-align: right;
padding: 15px 10px 0px 0px;
line-height: 1.2em
}

#azteclink a {
text-decoration: none;
color:#fff
}

#azteclink a:hover {
text-decoration: underline;
color:#a5c3dc
}


td.sort { cursor:pointer; }

/* ------------ Print ------------ */
	
#print-branding {
	display:none;
	}
	
#print-footer {
	display:none;
}

.hotline {
	display:none;
}			

.cb {
width:18px !important;
border:none !important;
}					

#callbackiframe {
margin:10px 0px 0px 5px;
}										
/* End of 'global' */

