﻿/* Standard Style Sheet */


@import url(ecommerce.css);
@import url("typo.css");
@import url("Nav.css");
@import url("Search.css");
@import url("villa.css");
@import url("Home.css");
@import url("Login.css");
@import url("Forms.css");

/*main body*/
body 
{
	text-align:center;
	background-color:#ffffff;
	padding: 0px;
	top: 0px;
	margin: 0px;
}

div#page
{
    width:980px;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	background-color:#FFFFFF;
	position:relative;
}

/*page header*/

div#branding
{
	display:none;
}
/*header*/
div#header
{
	width:980px;
	top: 0px;
	height: 80px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#h-extra1
{
    background-image: url(images/villa-header.jpg);
    background-repeat: no-repeat;
    width: 980px;
    height:75px;   
}

a.VillaTasticLogo
{
    display: block;
    width: 199px;
    height: 40px;
    background-image: url(images/logo.jpg);
    background-repeat: no-repeat;
    float: left;
}

div#h-extra2
{
display: none;
}
div#header hr
{
	display:none;
}
div#search
{
    padding: 0px 0px 0px 0px;
    margin: 0px auto 10px auto;
    display: inherit;
    width: 950px;
}
/* navigation*/
div#nav
{
	
	height: 31px;
	top: 0px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
}

div#ListC
{
    margin-top: 20px;
    margin-left: 170px;
    float: left;
    list-style: none;
    font-weight: bold;
    font-size: 1.2em;
}

div#ListC ul
{
    list-style-type: none;
}
/*country*/

div#CountrySelect
{
    width: 930px;
    float: left;
    min-height: 400px;
    background-image: url(images/Country.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0px auto 0px 10px;
    display: block;
    overflow: visible;
}

span#CountryList
{
    color: #ffffff;
    float: left;
    width: 100%;
    margin-top: 55px;
    margin-left: 250px;
    font-weight: bold;
    font-size: 1.3em;
}
div#nav-main
{
    height: 38px;
}

div#MapSearch
{
    width: 460px;
    height: 98px;
    background-image: url(images/MapSearch.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    float: left;
}

a.ListVilla
{
    width: 460px;
    height: 98px;
    background-image: url(images/ListVilla.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 0px;
    cursor:pointer; 
    float: right;
    margin-right: 10px;
}

span#ListVil
{
    display: none;
}
/* main content*/
div#content
{
	width:960px;
	min-height: 500px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	left: 0px;
	background-color: #FFFFFF;
}
div#cm-extra1
{
    background-image: url(images/content-header.jpg);
    background-repeat: no-repeat;
    width: 950px;
    height: 25px;
    margin: 0px auto 0px auto;
    bottom: 0px;
    padding:0px;
    float: left;
    display: none;
}
div#content-main
{
	width: 950px;
	min-height: 500px;
    float:left;
    margin:0px auto 0px 5px;
    padding:0px; 
	background-image:url(images/content-bg.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

div#cm-extra2
{
    background-image: url(images/content-footer.jpg);
    background-repeat: no-repeat;
    width: 950px;
    height: 25px;
    float: left;
    margin: 0px auto 0px 5px;
    padding: 0px;    
}

div#pagecontent
{
    width:940px;
    text-align: left;
    margin-left: 5px;
}
div#content-main hr
{
	display: none;
}

div#p-extra1
{
	display:none;
}

div#storetoplevel
{
    display: none;
}

div#p-extra2
{
    display: none;
}


div#content-sub
{
	display: none;
} 

/*footer*/
div#f-extra1
{
display: block;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
width: 980px;
height:31px;
margin: 0px auto 0px auto;
}

div#footer
{
	width: 100%;
	padding: 0px;
	color: White;
	float: left;
	background-color: white;
	background-color: #ffffff;
}

div#footermain
{
	padding: 0px;
	color: White;
	text-align: center;
	display: none;
}

div#footerNav a,div#footerNav a:hover,div#footerNav a:link,div#footerNav a:active,div#footerNav a:visited
{
	color:#000000;
	text-decoration:none;
}
div#footerNav a:hover
{
	text-decoration:underline;
}

div#footerNav
{
	text-align:center;
	padding: 10px 0px 0px 0px;
	width: 1000px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto 0px auto;
	color: #000000;
	background-color: #ffffff;
}

div#c-extra1
{
	display: none;
}

.accessibility
{
    display: none;
}

/*villa owner*/
div#villabanner
{
    margin: 0px 0px 0px 729px;
    top: 120px;
    display: inline-block;
    position: absolute;
    float: right;
    color: #0181c3;
    font-size: 0.7em;
}
div#villabanner-content
{
    width:208px;
    background-image: url(images/villa-owner.jpg);
    background-repeat: repeat-y;
    background-position: right;
    min-height: 145px;
}

div#villabanner-header
{
    width:208px;
    height: 10px;
    background-image: url(images/villa-owner-header.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

div#villabanner-footer
{
    width:208px;
    height: 11px;
    background-image: url(images/villa-owner-footer.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

div#villasynth-title
{
    width: 200px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px auto 0px auto;
    text-align: center;
    font-size: 1.4em;
}

div#villasynth
{
    width: 200px;
    margin: 0px auto 0px auto;
    font-size: 1.3em;
    line-height: 1.1em;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
}

div#villasynth a
{
    text-decoration: underline;
    float: left;
    margin: 10px auto 0px 30px;
}



div#accessibleNav		{position:absolute;top:3px;margin:0 0 0 auto; float: right; right: 0px; width: 500px; text-align: right;}
div#accessibleNav ul	{list-style-type:none;}
div#accessibleNav ul li	{float:left;padding:0 10pt 0 10pt;}
div#accessibleNav ul ul	{display:none;}

div#searchBar			{display:none;}

div#storetoplevel		{display:none;}

div#MapFlashContainer
{
    display: block;
    margin: 0pt 10pt; 
    text-align: center;
}
}

/*contact*/
/*Text inputs*/
.textbox, .textboxHovered {
	width:252px;
	height:23px;
	background:url(images/input.gif) no-repeat left top;
	padding:4px 8px;

}
.textbox:hover, 
.textbox:focus, 
.textbox:active, 
.textboxHovered {
	background-position:left bottom;
}

/*Text areas*/
textarea,textarea.textbox, .textarea, .textareaHovered {
	width:352px !important;
	height:133px !important;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
textarea:hover,
textarea:active,
textarea:focus,
textarea.textbox:hover,
textarea.textbox:active,
textarea.textbox:focus,
.textareaHovered {
	background-position:left bottom;
}

body#page-contactform div.row				
{
	float:left;
	width:100%;
	border: none;
	margin:0.5em 0 0.5em 0;
}
body#page-contactform span#pagecontent
{
		    line-height:2em;
			color:#252525;
			margin:1em 4em 1em 6em;
			font-size:1.0em;
			display:block;
			width: 800px;
}
body#page-contactform span.label
{
	display:block;
	float:left;
	width:auto;
	clear:left;
	color: Black;
	border: none;
}
body#page-contactform span.formw			
{
	display:block;
	width: auto;
	border: none;
}
body#page-contactform span.formv
{
	display:block;
	width:251px;
	height: 25px;
	border: none;
}

div#contactForm .row span.formw .textbox
{
	width:252px;
	height: 23px;

}

div#contactForm .row span.formw input#Salutation
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Name,div#contactForm .row span.formw input#Country, div#contactForm .row span.formw input#Email  
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile,div#contactForm .row span.formw input#Email,div#contactForm .row span.formw input#Address1,div#contactForm .row span.formw input#Address2,div#contactForm .row span.formw input#Company,div#contactForm .row span.formw input#Town,div#contactForm .row span.formw input#County,div#contactForm .row span.formw input#Website
{
	width:251px;
	border:none;
	height: 23px;
}
div#contactForm .row span.formw input#Postcode
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile
{
	width:251px;
	border:none;
	height: 23px;
}

div#signinPanel .textbox, div#signinPanel .textboxHovered {
	width:252px;
	height:15px;
	background:url(images/input.png) no-repeat left top;
	border:none;
	padding: 5px 2px 3px 4px;

}
div#signinPanel .textbox:hover, 
div#signinPanel .textbox:focus, 
div#signinPanel .textbox:active, 
div#signinPanel .textboxHovered {
	background-position:left bottom;
}

div#registerForm .textbox, div#registerForm .textboxHovered {
	width:252px;
	height:15px;
	background:url(images/input.png) no-repeat left top;
	border:none;
	padding: 5px 2px 3px 4px;

}



div.result-synth h2             {width:636px;overflow:visible;white-space:normal;line-height:1.5em;}
span.sleepsLabel                {border:1px solid #0181C3;position:absolute;right:20px;top:0px;padding:1px 20px 1px 20px;color:#0181C3;}