/* Style sheet Saint Tropez Villas */

/****** General *******/
@media print {
	#backTop,#leftframe,#rightframe,#footer {display:none;}
}
body,td {	
	font: 8pt Helvetica;
	color:#360300;
}

body {
	margin:auto;
	padding:0px;
}

body#all {
	background:#3e3e3e url(/images/bg_body.gif) top center repeat-y;
	text-align:center;
}

img {
	border:none;
	padding:0px;
	margin:0px;
}

form {
	padding:0px;
	margin:0px;
}

input, select {
	width:180px;
}

a:link, a:visited {
	color:#360300;
	text-decoration:none;
}
a:focus{outline:none;}


a:hover, a:active {
	color:#999;
	text-decoration:none;
}
a.whitelink:link, a.whitelink:visited {
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

a.whitelink:hover, a.whitelink:active {
	color:#360300;
	font-weight:bold;
	text-decoration:none;
}

p {
	margin: 5px 0px 10px 0px;
}

.title {
	color:#666;
	font-weight:bold;
	font-size:9pt;
}

table.newsletter {
	/*border:1px dashed #ccc;
	border-bottom:none;*/
}
table.newsletter td.left_row{
	width:200px;
}
table.newsletter td {
	line-height:180%;
	vertical-align:middle;
	padding:5px 10px;
	border-bottom:1px dashed #ccc;
}
table.newsletter .radio, table.newsletter .check{
	width:18px;
}

table.newsletter .submit {
	padding:2px;
	float:left;
	width:100px;
	margin:0 0 0 5px;
}
table.newsletter td.td_last {
	padding:10px 5px;
}
h1 {
	font:15pt Helvetica;
	letter-spacing: 0.2em;
	color:#360300;
	margin:0;
}
h1.default {
	font:15pt Helvetica;
	letter-spacing: 0.1em;
	color:#360300;
	margin:10px 0 0 23px;
	padding:0;
	float:left;
	text-align:left;
	width:280px;
}

h1.villa {
	font:15pt Helvetica;
	letter-spacing: 0.2em;
	color:#360300;
	margin:10px 0px 0px 20px;
}
h2 {
	font:8pt/13pt Helvetica;
	letter-spacing: 0.2em;
	font-weight:bold;
	color:#360300;
	margin:0px;
}
h3 {
	font:9pt Helvetica;
	color:#360300;
	margin:0px;
}
h4 {
	font:8pt/13pt Verdana;
	letter-spacing: 0.30em;
	font-weight:bold;
	color:#000;
	margin:0px;
}

/****** layout ******/

#maincontainer {
	width:986px;
	text-align:left;
	margin:auto;
	padding:0px;
}

/****** Header ******/
#headercontainerhome {
	background:#3e3e3e url(/images/bg_headerhome.jpg) 8px 0 no-repeat;
	width:986px;
	height:152px;
	margin:0;
	padding:0;
	float:left;
}

#headercontainer {
	background:#3e3e3e url(/images/bg_header.jpg) 8px 0 no-repeat;
	width:986px;
	height:152px;
	margin:0;
	padding:0;
	float:left;
}

	
#language {
	height:15px;
	padding:5px 65px 0px 0px;
	color:#999;
	text-align:right;
	width:451px;
	float: right;
}
*html #language {padding:3px 65px 0px 0px;}

#language ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	display: inline;
}
#language ul li {
	display: inline; 
	list-style: none;
	padding: 0px 20px 0px 0px;
}
#language li a:link, #language li a:visited {
	text-decoration:none;
	color:#927373;
}
#language li a:hover, #language li a:active {
	text-decoration:none;
	color:#fff;
}
#language li.language_active {
	text-decoration:none;
	color:#fff;
}

#logo {
	text-align:left;
	padding:0 0px 0px 53px;
	margin:-1px 0 0 0;
	float: left;
	width:900px;
}

*html #logo {padding:0px 0px 0px 53px;}

#topmenu {
	margin:0px 0px 0px 325px;
	color:#fff;
	float: right;
	width:643px;
	height:28px;
	padding:0px;
	text-align:left;
}
#topmenu ul {
  float:left;
	padding: 0px;
	margin:5px 0 0 0;
}
#topmenu li {
	padding: 0;
	margin:0;
	display: inline;
}
				
#topmenu a:link, #topmenu a:visited {
	color:#fff;
	font-size: 9pt;
	font-weight:normal;
	padding: 6px 27px 6px 27px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	text-decoration: none;
	text-align:left;
	line-height:28px;
}
*html #topmenu	a:link, #topmenu a:visited {padding: 6px 27px 6px 27px;}		
				
#topmenu a:hover, #topmenu a:active {
 	color:#360300;
	background: url(/images/bg_topmenu.jpg) center top no-repeat;
	text-decoration: none;
	padding: 6px 27px 6px 27px;
	line-height:28px;
}
*html #topmenu	a:hover, #topmenu a:active {padding: 6px 27px 6px 27px;}

#topmenu li.topmenu_active {
	color: #360300;
	font-size: 9pt;
	font-weight:normal;
	background: url(/images/bg_topmenu.jpg) center top no-repeat;
	padding: 6px 27px 6px 27px;
	margin:0px;
	line-height:28px;
}
*html #topmenu	li.topmenu_active {padding: 6px 27px 6px 27px;}

/****** Mid Container ******/
#midframe {
	width:926px;
	margin:0px;
	padding:0px 42px 0px 0px;
	float:left;
}
*html #midframe {width:910px;padding:0px 58px 0px 0px;}

/* Left Frame*/
/* Home */
#leftframehome {
	float:left;
	width:311px;
	margin:30px 0px 0px 0px;
}

#leftimages {
	padding:0px 0px 0px 7px;
	margin:0px;
	float:left;
}
img.leftimage {
	padding:0px;
	vertical-align:top;
	border:none;
	margin:0px;
} 
/* Default */
#leftframe {
	float:left;
	width:240px;
	margin:30px 0px 0px 0px;
}

#leftmenu {
	width:235px;
}
#leftmenu ul {
	margin: 0px 0px 10px 0px; 
	padding: 0;
	list-style-type: none;
}
#leftmenu li {
	margin: 0;
	padding: 0;
}

#leftmenu li a {
	display: block;
	padding: 5px 5px 5px 53px;
	margin: 0px;
	text-decoration: none;
 	text-align:left;
 	color:#360300;
 	font-size:9pt;
 	height:14px;
}
#leftmenu a:link, #leftmenu a:visited {
	color:#360300;
}
#leftmenu a:hover, #leftmenu a:active {
	background:url(/images/bg_leftmenu.jpg) top left no-repeat;
	color: #fff;
}
li.leftmenu_active {
	display: block;
	padding: 5px 5px 5px 53px;
	margin: 0px;
	text-decoration: none;
 	text-align:left;
 	color:#fff;
 	font-size:9pt;
 	height:25px;
 	background: url(/images/bg_leftmenu.jpg) top left no-repeat;
}
#leftmenu ul li.leftmenu_active a{ color:#fff;}
*html li.leftmenu_active {height:14px;}

/* Mid Frame*/
/* Home */
#midcontenthome {
	width:595px;
	min-height:460px;
	background:#fff;
	padding:0px 20px 20px 0px;
	float:right;
}
*html #midcontenthome {width:595px;}
#weatherhome {
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:55px;
	color:#360300;
}
#weatherhome a:link, #weatherhome a:visited {
	color:#360300;
}
#weatherhome a:hover, #weatherhome a:active {
	color:#000;
}
#linehome {
	float:left;
	width:585px;
	height:1px;
	margin:0px 0px 15px 10px;
	padding:0px;
	background:#666;
	border-bottom:1px solid #ddd;
}
*html #linehome {margin:0px;}

/* Villas */
#midcontentvillas {
	width:666px;
	background:#fff;
	padding:0px 20px 20px 0px;
	float:right;
}
*html #midcontentvillas {height:250px;}
#midtextleft {
	padding:0px 0px 0px 10px;
	float:left;
	width:300px;
}
#visualsright {
	padding:0px 0px 0px 0px;
	float:right;
	width:280px;
}
#visualsright img{
  margin:2px;
}

#midtextright {
	padding:10px 10px 0px 0px;
	float:right;
	text-align:left;
	width:301px;
}

table.results {
	width:300px;
	margin:0px;
	padding:0px;
	height:75px;
}
td.cellleft {
	width:228px;
	background:#e6e6e6;
	margin:0px;
	padding:0px 0px 0px 10px;
}
td.cellright {
	width:72px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
	
#lineright {
	width:280px;
	height:1px;
	margin:5px 0px 0px 23px;
	padding:0px 0px 0 20px;
	float:left;
	background:#666;
	border-bottom:1px solid #ddd;
}
*html #lineright {width:328px;padding:0px;margin:0px;float:left;}

#visualsleft {
	margin-top:30px;
	padding:5px 0px 0px 0px;
	float:left;
	width:330px;
}

/* Villas details */
#midcontentvilla {
	width:686px;
	background:#fff;
	padding:0px 0px 20px 0px;
	float:left;

}

*html #midcontentvilla {width:686px;}

#contentvilla {
	padding:10px 0px 0px 20px;
	width:360px;
	float:left;
}
#linevilla {
	width:646px;
	background:#666;
	border-bottom:1px solid #ddd;
	margin:5px 0 0 20px;
	height:1px;
}
#largeimg {
	float:left;
	width:535px;
	margin:0px;
	padding:0px;
}
#thumbnails {
	float:right;
	width:148px;
	margin:0px;
	padding:0px;
}
img.thumbs {
	padding:0px;
	border:none;
	margin:0px 2px 0px 2px;
}
td.imgheight {
	height:75px;
}
#rightcontentvilla {
	width:246px;
	float:right;
	margin:0px 0px 0px 20px;
	padding:10px 0px 0px 20px;
}
.blackbutton {
	background: url(/images/btn_search.gif) top left repeat-x;
	height:20px;
	width:200px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
#facilities {
	width:240px;
	margin:0px 0px 20px 0px;
}
img.midalign {
	padding:0px;
	border:none;
	margin:0px;
	vertical-align:middle;
}
#optional {
	width:240px;
}	
#floorplans {
	width:240px;
}

img.alignfloorplan {
	padding:0px 5px 0px 0px;
	border:none;
	margin:0px;
	vertical-align:middle;
}
#contentfloorplan {
	padding:10px 0px 0px 20px;
	width:666px;
	float:left;
}

/* Default */
#midcontent {
	width:646px;
	background:#fff;
	padding:0px 20px 20px 20px;
	float:right;
}
*html #midcontent {height:250px;}
#line {
	width:646px;
	background:#666;
	border-bottom:1px solid #ddd;
	height:1px;
	margin:5px 0px 0px 0px;
}
*html #line {margin:0px;}

/* Search */
#search {
	margin:10px 0px 0px 0px; 
	padding:10px;
	color:#000;
	background:#e6e6e6; 
}
input.rooms {
	width:50px;
}
select.view {
	width:130px;
}
th.thdefault {
	font-size:8pt;
	width:110px;
	text-align:left;
}
th.therror {
	color:#f00;
	font-size:8pt;
	width:110px;
	text-align:left;
}
img.searchresult {
 vertical-align:middle;
 border:none;
}
.btnsearch {
	background: url(/images/btn_search.gif) top left no-repeat;
	height:20px;
	width:100px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

/* Agenda */
.tblagenda {
	border-top:1px #360300 solid;
	border-left:1px #360300 solid;
	border-right:1px #360300 solid;
	width:100%;
}
	
tr.bgblack {
	background:#360300;
}
th.thagenda {
	color:#fff;
	font: 8pt/13pt Verdana;
	height:20px;
	white-space:nowrap;
	font-weight:bold;
	text-align:left;
}
.agendaline {
	background:#360300;
}
#events {
	width:180px;
}
#where {
	width:90px;
}
#when {
	width:90px;
}
#time {
	width:70px;
}
#details {
	width:150px;
}

td.tdagenda {
	color:#360300;
	vertical-align:top;
	height:40px;
}

/* Sitemap */
a.maplinks:link, a.maplinks:visited {
	font:8pt/13pt Helvetica;
	color:#360300;
}
a.maplinks:hover, a.maplinks:active {
	font:8pt/13pt Helvetica;
	color:#000;
}
.mapchilds {
	font:8pt Helvetica;
	color:#000;
	padding-left:20px;
}
	
/****** Footer ******/
#footerhome {
	float:left;
	text-align:right;
	background: url(/images/bg_footerhome.gif) 10px 0 no-repeat;
	width:966px;
	height:100px;
	margin:0;
	padding:17px 10px 0px 10px;	
}
*html #footerhome {height:100px;padding:10px 10px 0px 10px;}

#footer {
	float:left;
	text-align:right;
	background: url(/images/bg_footer.gif) 10px 0 no-repeat;
	width:966px;
	height:100px;
	margin:0;
	padding:5px 10px 0px 10px;
}
*html #footer {padding:0px 10px 0px 10px;}


#footerhome #favoriteshome, #footer #favorites, #footer #semifooter #favorites {
	float:left;
	width:300px;
	height:46px;
	margin:0 0 1px 0px;
}
#footer #favorites, #footer #semifooter #favorites {
	margin:10px 0 5px 0px
}

#footerhome #favoriteshome a, #footer #favorites a, #footer #semifooter #favorites a{
	float:left;
	margin:9px 5px 0 5px;
	height:26px;
	width:26px;
}
#footerhome #favoriteshome a.whitelink, #footer #favorites a.whitelink, #footer #semifooter #favorites a.whitelink{
	margin:0 0 0 5px;
	text-align:left;
	display:block;
	width:150px;
	height:8px;
}
div.fav_wrap{
float:left;
width:250px;
margin:-15px 0 0 0px;
padding:0 0 0 40px;
}

#footerhome #favoriteshome a.twitter, #footer #favorites a.twitter, #footer #semifooter #favorites a.twitter {
	background:url(/images/twitter_hover.gif) no-repeat top left;
}

#footerhome #favoriteshome a.linkedin, #footer #favorites a.linkedin, #footer #semifooter #favorites a.linkedin {
	background:url(/images/linkedin_hover.gif) no-repeat top left;
}

#footerhome #favoriteshome a.facebook, #footer #favorites a.facebook, #footer #semifooter #favorites a.facebook{
	background:url(/images/facebook_hover.gif) no-repeat top left;
}

#footerhome #favoriteshome a.google, #footer #favorites a.google, #footer #semifooter #favorites a.google {
	width:71px;
	height:25px;
	margin-top:5px;
	background:url(/images/google_hover.gif) no-repeat top left;
}


#weather {
	float:right;
	text-align:right;
	padding:0px 70px 0px 0px;
	height:45px;
	margin:0px;	
}
*html #weather {width:500px;}

#weather a:link, #weather a:visited {
	color:#360300;
}
#weather a:hover, #weather a:active {
	color:#360300;
}
#newsticker {
	float:left;
	width:966px;
	padding:13px 0px 0px 0px;
	margin:0px;
}
*html #newsticker {height:43px;padding:18px 0px 0px 0px;}
#newsticker a{color:#fff;}
#newsticker a:hover{	color: #cd9e9e;}

.cellspace {
	padding:0px 10px 0px 10px;
}
.celltext {
	text-align:left;
}