@charset "utf-8";
* { border: 0; margin: 0; padding: 0; outline: 0; }
body { font-family: Arial, Helvetica, sans-serif; background-color: #cccccc; text-align: center; color: #E6E6E6; }

p { font-size: 0.875em; padding: 0 0 1em 0;  }
p.bigger { font-size: 1em; }
span.uv { display: none; }
h1 { font-size: 1.25em; padding: 0 0 0.8em 0; }
h2 { font-size: 1.125em; padding: 1em 0 1em 0; }

h3 { font-size: 0.875em; padding: 0.5em 0 1em 0; }
ul, ol { margin: 0 0 0 20px; }

.uline { text-decoration: underline; }
li { font-size: 0.75em; padding: 0 0 0.40em 0;}
ul.widelist li { padding-bottom: 0.50em; padding-left: 0.5em; padding-right: 1em; }

ul.nobull { list-style: none; margin: 0 0 0 5px; }
ul.nobull li {color: #000; }
ul.nobull li a {color: #000; text-decoration: underline  }
.hide { display: none; }
.steps p { padding-left: 158px; position: relative; padding-bottom: 1.5em; clear: both; }
.step { display: block; width: 158px; margin: 0 0 0 -158px; float: left; }
.step span { line-height: 75px; display: block; color: #666666; font-weight: bold; font-size: 1.2857em; float: left; }
.step img { float: right; margin: 2px 12px 12px 0; border: 1px solid #666666; display: block; }
.contentarea li li { font-size: 1em; }
a { color: #E6E6E6; text-decoration: underline; }
a.biglink { font-size: 1.125em; font-weight: bold; }
td td { font-size: 1em; }
a.nolink { text-decoration: none; }
img.imgleft { float: left; padding: 0 10px 0 0; }
img.imgleft1 { float: left; padding: 0 3px 0 0; }
img.imgright { float: left; padding: 0 0 0 10px; }
img.imglast { float: left; padding: 0; }
.hrgrey, .hrgrey2 { clear:both; height: 1px; background: #cccccc; line-height: 1px; margin: 14px 0; padding: 0; width: 100%; font-size: 1px; }
.hrgrey2 { height: 2px; }

.clear { clear: both; line-height: 0px; font-size: 0px; padding: 0; margin: 0; }


#mainContainer { width: 760px; margin: 0 auto; background-color: #000000; }
.contentarea { text-align: justify; padding: 25px 25px 0 25px; background-color: #ffffff; }
.contentarea p, .contentarea a { color: #666666; }
.contentarea-nopad { padding: 15px 0; text-align: left; }
#lightbluebg.contentarea-nopad { background-color: #ffffff; margin: 2px 0 0 0; padding: 0; }
#topnavigation { text-align: center; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1em; padding: 0 10px; border-bottom: 2px solid #ffffff; margin-bottom: 10px; }
#topnavigation .container { width: 743px; margin: 0 auto; padding: 10px 0 10px 19px; background: url(../images/icon-woilogo.gif) 3.25em 0.625em no-repeat; }
#topnavigation ul { list-style: none; margin: 0; padding: 0; }
#topnavigation ul li { display: inline; padding: 0; margin: 0; font-size: 1em; }
#topnavigation a { color: #ffffff; text-decoration: none; padding: 0 12px; }

/* ######### Style for Drop Down Menu ######### */

#topnavigation .dropmenudiv {
	position:absolute;
	margin: 0;
	padding: 0px;
	border: none; /*THEME CHANGE HERE*/
	z-index:101;
	visibility: hidden;
	text-align: left;
	padding: 5px 0;
	width: auto;
}
#topnavigation .dropmenudiv ul { padding: 5px 0; margin: 0; list-style: none;  background: #666666; }
#topnavigation .dropmenudiv li { padding: 0 0 0.25em 0; margin: 0; display: block;}
#topnavigation .dropmenudiv a {
	font-size: 1em;
	line-height: 1.25em;
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#topnavigation .dropmenudiv a:hover, #topnavigation .dropmenudiv a.active{ /*THEME CHANGE HERE*/
	color: #ffffff;
}


#header { padding: 0 0 13px 0; width:760px;	overflow: hidden;}
.bannerleft {
	width: 304px; height: 237px; float: left; margin: 0; padding: 0; border: 0; position: relative;}
.bannerright {
	width: 456px; height: 237px; float: left; margin: 0; padding: 0; border: 0; position: relative; }
#header .bannerleft #headerleftstatic {	position: absolute;	left: 0px; top: 150px;}
#header .bannerleft #headerleftstatic img {	float: left;}
#header .bannerleft #headerleftstatic img.img1 { margin: 0 2px 0 0; }
#header.summerindheaderlogo { height: 237px; background: url(../images/banner/header-logo-summer-indulgence.jpg) left top no-repeat;	margin-bottom: 2px; }
#header.ibizaindheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-ibiza-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.woiheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-world-of-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.antiguaindheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-antigua-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.chamonixindheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-chamonix-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.skiindheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-ski-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.marbellaheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-marbella-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.alpineheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-alpine-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}
#header.corporateheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-corporate-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}

#header.propertyheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-property-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}

#header.frenchheaderlogo {
	height: 237px;
	background: url(../images/banner/header-logo-french-indulgence.jpg) left top no-repeat;
	margin-bottom: 2px;
}

#header #logo_woi { background: url(../images/logo-worldofindulgence.gif) left top no-repeat; width: 327px; height: 127px; margin: 0 auto; padding: 0; }
#header #logo_woi a { display: block; text-decoration: none; width: 100%; height: 127px; }
#header #logo_woi a span { display: none; }

#subnav { background-color: #000000; font-size: 0.8125em; font-weight: bold; color: #fff; line-height: 1em; padding: 6px 0 0px 0px; text-align: left; }
/* #subnav a { color: #ffffff; text-decoration: none; padding: 0 10px; } */
/* commented on march 29, 2009
#subnav.bluebg { background-color: #00508d; color: #cc9933;}
#subnav.bluebg a { color: #cc9933; }
#subnav.bluebg .dropmenudiv ul { background: #006699; }

#subnav.lhtpurplebg { background-color: #996699; color: #ffffff; }
#subnav.lhtpurplebg a { color: #ffffff; }
#subnav.lhtpurplebg .dropmenudiv ul { background: #996699; }

#subnav.greybg { background-color: #666666; color: #ffffff; }
#subnav.greybg a { color: #ffffff; }
#subnav.greybg .dropmenudiv ul { background: #666666; }

#subnav.lhtbrown .dropmenudiv ul { padding: 5px 0; margin: 0; list-style: none;  background: #cc9900; }

#subnav.lhtbrown { background-color: #cc9900;}
#subnav.lhtbrown .dropmenudiv ul { background: #cc9900; }
*/
#subnav ul { list-style: none; margin: 0; padding: 0 0 7px 0; }
#subnav ul li { display: inline; padding: 0; margin: 0; font-size: 1em; }
#subnav a { color: #ffffff; text-decoration: none; padding: 0 10px 0 7px; }
#subnav a:hover { text-decoration: underline; }

/* ######### Style for Drop Down Menu ######### */

#subnav .dropmenudiv {
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0px;
	border: none; /*THEME CHANGE HERE*/
	z-index:101;
	visibility: hidden;
	text-align: left;
	min-width: 150px;
}

#subnav .dropmenudiv ul { padding: 5px 0; margin: 0; list-style: none;  background: #666666; }
#subnav .dropmenudiv li { padding: 0 0 0.25em 0; margin: 0; display: block; }
#subnav .dropmenudiv a {
	font-size: 1em;
	line-height: 1.25em;
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#subnav .dropmenudiv a:hover, #subnav .dropmenudiv a.active{ /*THEME CHANGE HERE*/
	color: #ffffff;
	text-decoration: none;
}

#subnav #chamonixluxmenu.dropmenudiv {
	position:absolute;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0 0 10px 0;
	border: none; /*THEME CHANGE HERE*/
	z-index:101;
	visibility: hidden;
	text-align: left;
	width: 360px;
	background-color: #666666;
}
#subnav #chamonixluxmenu.dropmenudiv .col { width: 50%; float: left; }
#subnav #chamonixluxmenu.dropmenudiv .col h4 { background-color: #333333; font-weight: bold; color: #fff; padding: 10px 9px;}
#subnav #chamonixluxmenu.dropmenudiv ul { padding: 0; margin: 0; list-style: none; background: none; }
#subnav #chamonixluxmenu.dropmenudiv li { padding: 0 15px 0.50em 10px; margin: 0; display: block; }
#subnav #chamonixluxmenu.dropmenudiv a {
	font-size: 1em;
	line-height: 1.1em;
	color: #cccccc;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#subnav #chamonixluxmenu.dropmenudiv a:hover, #subnav #chamonixluxmenu.dropmenudiv a.active{ /*THEME CHANGE HERE*/
	color: #ffffff;
	text-decoration: none;
}

#homebanner, #innerbanner { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 760px; height: 307px; position: relative; padding: 0; margin: 0 0 9px 0;}
#homebanneroverlay { background: url(../images/banner-overlaytext.png) left top no-repeat; width: 736px; height: 92px; margin: 0 auto; position: absolute; z-index: 10; top: 209px; left: 12px; }

#homebanneroverlay span { display: none; }
#innerbanner { height: 109px; overflow: hidden; }

#homenavicons { margin:0; padding: 10px 0 0 0; font-size: 0.75em; }
#homenavicons .ski { width: 120px; float: left; padding: 0 0 0 30px; }
#homenavicons .summer { width: 155px; float: left; padding: 0 0 0 30px; }
#homenavicons .corporate { width: 177px; float: left; padding: 0 0 0 30px; }
#homenavicons .property { width: 165px; float: left; padding: 0 0 0 30px; }
#homenavicons h2 { background-position: center top; background-repeat: no-repeat; width: 100%; height: 68px; display: block; margin: 0; padding: 0; }
#homenavicons h2#iconheadski { background-image:url(../images/icon-ski-indulgence.gif); }
#homenavicons h2#iconheadsummer { background-image: url(../images/icon-summer-indulgence.gif); }
#homenavicons h2#iconheadcorporate { background-image: url(../images/icon-corporate-indulgence.gif); }
#homenavicons h2#iconheadproperty { background-image: url(../images/icon-property-indulgence.gif); }
#homenavicons h2 span { display: none; }
#homenavicons h2 a { display: block; height: 68px; width: 100%; text-decoration: none; }
#homenavicons .homenav { padding: 0 0 15px 0;}
#homenavicons .homenav a { display: block; text-decoration: none; padding: 4px 0; color: #999999; }
#homenavicons .homenav a:hover { background-color: #666666; color: #ffffff; }

#footer { width: 760px; margin: 5px auto; background-color: #000000; padding: 0; height: 23px; position: relative; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { font-size: 0.68em; line-height: 23px; padding: 0 10px; float: left; margin: 0; color: #ffffff; }

#footer li a { color: #fff; text-decoration: none; }
a.logocreativetribe { background: url(../images/creativetribelogo.gif) left top no-repeat; width: 130px; height: 23px; display: block; text-decoration: none; margin: 0 0 0 10px; }


#luxury-villas-chalets-info { width: 760px; margin: 10px auto; color: #666666; font-size: .6875em; text-align: left; padding-bottom: 10px;  }
#luxury-villas-chalets-info .leftcol { width: 132px; float: left;}
#luxury-villas-chalets-info .rightcol { width: 628px; float: left;}
#luxury-villas-chalets-info p { padding: 0 13px; line-height: 1.16em; font-size: 1em;}
#luxury-villas-chalets-info a { color: #666666; }

h1.pageheading { display: block; padding: 0; margin: 0; background-position: 25px center; background-repeat: no-repeat; width: 100%; height: 63px; }
h1.pageheading span { display: none; }
#text-headaboutus { background-image: url(../images/txt-headaboutus.gif); }
#text-headabout { background-image: url(../images/txt-headabout.gif); }
#text-headcontactus { background-image: url(../images/txt-headcontactus.gif); }
#text-headterms.pageheading { background-image: url(../images/txt-headterms.gif); display: block; padding: 0; margin: 0; background-position: 25px center; background-repeat: no-repeat; width: 100%; height: 63px; background-color: #000000; }

.propertybox {
	padding: 0 0 10px 0;
}

.propertybox .property,.propertybox .propertylast {
	width: 187px;
	float: left;
	overflow: hidden;
}
.propertybox .propertylast {
	width: 175px;
}
.propertybox img {
	border: none;
	outline: 0;
	padding: 0 0 10px 0;
	float: left;
}
.propertybox h3 { clear: both; color: #666666; padding: 0 0 2px 0; font-size: 0.9375em; font-weight: bold; margin: 0; }
.propertybox h3 a { text-decoration: none; }
.propertybox p {
	font-size: 0.8125em;
	color: #666666;
	padding: 0 0 15px 0;
	line-height: 15px;
	margin: 0;
}
.propertybox p a {
	color: #666666;
	font-style: italic;
	text-decoration: underline;
}


.wrapper { text-align: left;}
.wrapper .leftcol { width: 580px; float: left; }
.wrapper .rightcol { width: 180px; float: right; }

h3.brownbg { background-color: #996600; padding: 4px 12px; margin: 2px 0 0 0; border-bottom: 1px solid #c2a366; color: #ffffff; line-height: 1.2857em; }

.dgreybg { background: #efe4c4; color: #000000; padding: 10px 5px; }
.lbrowndivbg { background: #efe4c4; color: #000000; padding: 10px 5px; }
.linkgreybar { background: #caa73a; text-align: center; padding: 6px 0; color: #000000; font-weight: bold; line-height: 1em; margin: 10px 11px 10px 0; font-size: 0.75em; }
.linkgreybar a { padding: 0 16px 0 21px; color: #fff; background: #caa73a url(../images/dotsarrow.gif) 5px center no-repeat; }

ul.tick { list-style: url(../images/bull_gtsign.gif); }
ul.tick li { color: #000; font-size: 0.6875em; padding-bottom: 0.75em; }
ul.tick li strong { font-size: 1.1em; }
ul.tick li a { color: #000; text-decoration: underline; }

.inwrapper { margin: 0 0 15px 0; text-align: left; }
.inwrapper .contentarea { padding: 0 0 0px 12px; }
.inwrapper .leftcol { width: 52%; float: left; }
.inwrapper .rightcol { width: 47%; float: left; }
.inwrapper .lcol { width: 49%; float: left; }
.inwrapper .rcol { width: 49%; float: right; }
.col3 { width: 33.33%; float: left; }
.col3 ul { margin-left: 20px;}
.col3 li { font-size: 0.72em; margin-left: 0px;}
.col45 { width: 45%; float: left; }
.col55 { width: 55%; float: left; }
.leftcol70 { width: 70%; float: left; }
.rightcol30 { width: 30%; float: left; }

h4 { font-size: 1em; margin: 0em 0 1em 0;}
h4 .lightgreybgtext { background: #caa73a; padding: 5px 5px 3px 5px; color: #ffffff; }

h3.lbrownbg { padding: 0; font-weight: normal; }
h3.lbrownbg a {padding: 3px 10px; background-color: #996600; color: #ffffff; text-decoration: none; }

a.darkgreybglink { padding: 5px 10px 5px 20px; background: #caa73a url(../images/dotsarrow.gif) 5px center no-repeat; color: #fff; font-weight: bold; line-height: 1em; text-decoration: none; }
a.yelarrowlink { padding: 5px 10px 5px 15px; background: url(../images/yellowdotsarrow.gif) 0px center no-repeat; color: #000; font-weight: bold; line-height: 1.5em; text-decoration: underline; }

.greyborderbox { border: 1px solid #999999; padding: 10px 5px; margin: 0;}

.contentarea table { border-collapse: collapse; width: 100%; }
.contentarea th, td { padding: 1px; font-size: 0.75em; }
.contentarea th { padding-bottom: 10px; }
.contentarea a { text-decoration: none; }

.tinytext { font-size: 0.7em; }

label { display: block; float:left; min-height: 12px; width: 118px; font-size: 0.75em; line-height: 1em; padding: 5px 5px 5px 0; margin: 0 0 8px 0; }


input.text, textarea { display: block; float: left; width: 171px; height: 20px; border: 1px solid #7f9db9; margin: 0 0 8px 0; line-height:20px; padding: 0px 2px; font-size: 0.75em; color: #000000; }
textarea { height:auto; line-height: 1em; font-family: Arial, Helvetica, sans-serif; padding: 3px 2px; width: 360px;}

form h3 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

.optionboxesgrp { padding: 0 0 25px 0; }
.optionboxesgrp label { width: auto; margin: 0 5px 0 5px; height: auto; padding: 5px 0 0 0; }
.optionboxesgrp input { float: left; font-size: 0.75em; line-height: 12px; display: block; height: 12px; margin-top: 5px; }

input#butsubmit { font-size: 0.9125em; color: #ffffff; background-color: #000000; text-align: center; font-weight: bold; padding: 2px; margin-top: 25px; line-height: 1em; }

#packageoptions { width: 697px; height: 515px; background: #333333; margin: 0 auto; }
#packageoptions1 { width: 500px; background: #333333; margin: 0 auto; position: relative; }
#packageoptions1 .contentarea { background-color: #000000; }
#packageoptions .contentarea { padding: 8px; position: relative; background-color: #000000; }
h1.blackbg { padding: 0; margin: 0 0 25px 0; line-height: 1em; color: #fff; }
h1.blackbg span{ background: #000; color: #fff; padding: 0.125em 0.5em; }
#facebox h2 { color: #fff; padding: 0; margin: 0 0 18px 0; line-height: 1em; }
#facebox ul { padding-right: 50px; padding-bottom: 25px; }
#facebox li { font-size: 1em; color: #fff; }
#facebox p { font-size: 1em; color: #fff; }
a.close { position: absolute; right:5px; top: 5px; text-decoration: none; color: #fff; font-weight: bold; font-size: 1em; }
a.closebot { position: absolute; right:5px; bottom: 5px; text-decoration: none; color: #fff; font-weight: bold; font-size: 1em; }

#emailafriend { width: 345px; background: #333333; margin: 0 auto; }
#emailafriend .contentarea { padding: 10px; position: relative; padding-bottom: 20px; background-color: #000; }
#emailafriend label { color: #fff; font-size: 1em; }
#emailafriend input, #emailafriend textarea { font-size: 1em; width: 194px; float: right; }
#emailafriend input#butsubmit { float: right; }

#mini-map { background: #333333; margin: 0 auto; }
#mini-map .contentarea { position: relative; padding: 25px 10px; background-color: #000; }