/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Amazone beaute © 2008 - main stylesheet
URL : http://www.amazonebeaute.be
Author : Christian Jadot
Created : january 13, 2008
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/*color = bgPage:#553828; bgContent,bgLightbox:#030202; text, menu:#C09948; textRem, subMenu:#6D5523; textTopBottom:#64422F; link:#904A03;/

/*-------------------------------------------------------------------------------------------------------------------------------- General */
html, body {margin:0; padding:0;}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #C09948;
	background: #553828 url(../img/bgPage.png) repeat-y center top;
	height:100%;
	}
td {vertical-align:top;	padding:0;}
#container {
	margin:0;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	width:800px;
	background-color:#030202;
	}
#containerPX {
	text-align:center;
	margin:0;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	padding-right:10px;
	width:800px;
	}
sup {font-size:0.6em;}
.fade {filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30;}
.hide{position:absolute; top:0; left:-9999px; height:0;}
.show{position:relative; top:0; left:0; height:auto;}
.left {float: left; margin:0;}
.textleft{ text-align:left;}
.right {float: right; margin:0; display:inline;}
.textright{ text-align:right;}
.clear {clear: both; display: block; margin:0; padding:0;}
.clearEmpty {clear: both; line-height: 0px; height: 0px; display: block; margin:0; padding:0; border:none;} /* empty element */
.invisible {display:none;}
/*----------------------------------------------------------------------------------------------------------------------- Header */
#lang {
	font-size:0.9em;
	color:#553828;
/*	height:15px;*/
	height:22px;
	width:800px;
	text-align:right;
	padding:2px 0 0 0;
	margin:0;
	}
#lang li {
	list-style: none;
	display:inline;
	padding:0 8px 0 0;
	margin:0;
	}
#lang li a{
	color:#CC6600;
	padding:0;
	margin:0;
	}
#lang li a:hover  {
	text-decoration:underline;
	}
#menu {
	color:#c19947;
	float:left;
	width:790px;
	height:43px;
	margin:0;
	padding:0 0 0 10px;
	background: #030202 url(../img/bgMenu.png);
	background-position:0 0;
	background-repeat:repeat-x;
	}
#menu ul {
	margin:0;
	padding:0;
	display:inline;
	}
#menu li {
	float: left;
	list-style: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	}
#menu li a{
	font-size:1.1em;
	color: #c19947;
	display:block;
	float: left;
	padding:21px 0 0 0;
	margin:0;
	}
#menu li a:hover, #menu li.selected {
	text-decoration:none;
	background-image:url(../img/bgMenu_roll.png);
	background-position:center 0;
	background-repeat:no-repeat;
	}
#header, #headerFace, #headerLift, #headerBody, #headerLipo, #headerEpil, #headerHand, #headerMG, #headerIPL, #headerTan, #headerContact, #headerContactNL, #headerPromo, #headerPromoNL {
	position:relative;
	float:left;
	height:265px;
/*	height:315px;*/
	width:800px;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#6D5523;
	}
#header {background: #030202 url(../img/bgHeader.jpg);}
#headerFace {background: #030202 url(../img/bgHeaderFace.jpg); border-bottom:1px solid #896d34;}
#headerLift {background: #030202 url(../img/bgHeaderLPGVisage.jpg); border-bottom:1px solid #896d34;}
#headerBody {background: #030202 url(../img/bgHeaderBody.jpg); border-bottom:1px solid #896d34;}
#headerLipo {background: #030202 url(../img/bgHeaderLPGCorps.jpg); border-bottom:1px solid #896d34;}
#headerEpil{background: #030202 url(../img/bgHeaderEpil.jpg); border-bottom:1px solid #896d34;}
#headerHand {background: #030202 url(../img/bgHeaderHand.jpg); border-bottom:1px solid #896d34;}
#headerMG {background: #030202 url(../img/bgHeaderMG.jpg); border-bottom:1px solid #896d34;}
#headerIPL {background: #030202 url(../img/bgHeaderIPL.jpg);}
#headerTan {background: #030202 url(../img/bgHeaderTan.jpg); border-bottom:1px solid #896d34;}
#headerContact {background: #030202 url(../img/fr/bgHeaderContact.jpg); border-bottom:1px solid #896d34;}
#headerContactNL {background: #030202 url(../img/nl/bgHeaderContact.jpg); border-bottom:1px solid #896d34;}
#headerPromo {height:197px; background: #030202 url(../img/fr/bgHeaderPromo.jpg); border-bottom:1px solid #896d34;}
#headerPromoNL {height:197px; background: #030202 url(../img/nl/bgHeaderPromo.jpg); border-bottom:1px solid #896d34;}
/*#subMenu {
	position:absolute;
	top:0px;
	color:#C09948;
	width:502px;
	height:25px;
	margin:0 0 0 298px;
	padding:0;
	}
#subMenu ul {
	float:right;
	margin:0;
	padding:0 20px 0 0;
	}
#subMenu li {
	list-style: none;
	display:inline;
	padding:0;
	margin:0;
	}
#subMenu li a{
	color: #C09948;
	display:block;
	float: left;
	padding:0;
	margin:5px 0px 0 15px;
	}
#subMenu ul li a:hover, #subMenu li.selected  {
	color: #904A03;
	text-decoration:none;
	}	*/
#subMenu {
	color:#553828;
	float:left;
	width:790px;
	height:25px;
	margin:0;
	padding:0 0 0 10px;
	background-color:#553828;
/*	background-color:#f6e3d7;*/
	border-bottom:1px solid #896d34;
	}
.face { background-color:#fdebe9;}
.body { background-color:#111c00;}
.depil { background-color:#ebe9eb;}
.hand { background-color:#fef9cd;}
#subMenu ul {
	margin:0;
	padding:0;
	display:inline;
	}
#subMenu li {
	float: left;
	list-style: none;
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	}
#subMenu li a{
	font-size:1.1em;
	color: #c19947;
	display:block;
	float: left;
	padding:4px 0 0 0;
	margin:0;
	}
#subMenu li a:hover {
	color: #d15f02;
	text-decoration:none;
	}
.selectedSM { color:#d15f02;}
#bandPhotos {
	position:absolute;
	float:right;
	top:105px;
/*	top:150px;*/
	color:#C09948;
	margin:0 0 0 320px;
	padding:0;
	}

/*------------------------------------------------------------------------------------------------------------------- end Header */
/*---------------------------------------------------------------------------------------------------------------------- Content */
#content {
	float:left;
	width:760px;
	margin:15px 20px 0 20px;
	padding:0;
	_display:inline; /*ie 6*/
	}
.view {
	float:left;
	color: #9e7d38;
	width:370px;
	padding:0;
	margin:0 0 10px 0;
	}
p.rem {
	color: #6D5523;
	padding:0;
	margin:5px 0 10px 0;
	}
/*----------------------------------------------------------------------------------------- hide DIV */
div.detail { display:none; }
div.detail div { margin-bottom:15px; }
/*------------------------------------------------------------------------------------- end hide DIV */
/*------------------------------------------------------------------------------------------------------------------ end Content */
/*------------------------------------------------------------------------------------------------------------------------- main */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
h1 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:2.5em;
/*	width:328px;*/
	padding:8px 28px 8px 14px;
	margin:5px 0 15px 0;
	background: #080404 url(../img/bgH1.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	border:1px solid #3F291E;
	display:block;}
h2 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.75em;}
h3 {}
h4 {}
h5 {}
h6 {}
hr { display:none;}
p {	line-height:1.25em; margin:0 0 10px 0;}
strong { font-weight:bold;}
.nostrong { font-weight:normal;}
ul {margin:0 0 1.2em 0; padding:0;/* list-style:none;*/}
ul li {margin:0 0 0 20px; padding:0 0 0 3px;}
.white {color:white;}
/*--------------------------------------------------------------------------------------------------------------------- end main */
/*----------------------------------------------------------------------------------------------------------------------- images */
img {
	margin:0;
	padding:0;
	border:1px solid #896d34;}
#bandPhotos img {
	margin-left:10px;}
img.promoHome, img.giftCheque, img.IPLslogan, img.LPG {
	border:none;
	margin:0;
	margin-bottom:15px;
	padding:0;}
/*------------------------------------------------------------------------------------------------------------------- end images */
/*---------------------------------------------------------------------------------------------------------------- links general */
a:link, a:visited, a:active {
	color:#CC6600;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a:link.plus, a:visited.plus, a:active.plus, a:hover.plus {
	color:#CC6600;
	text-decoration:none;
	margin-left:10px;}
/*------------------------------------------------------------------------------------------------------------ end links general */
/*------------------------------------------------------------------------------------------------------------------- Navigation */

/*----------------------------------------------------------------------------------------------------------------end Navigation */
/*------------------------------------------------------------------------------------------------------------------------- Form */
form {margin:0; padding:0;}
.champ {
	border:1px solid #3F291E;
	height:16px;
	color:#6D5523;
	background-color:#140b09;
	padding:0 3px 0 3px;
	margin:0;
	margin-bottom:5px;
	}
.textarea {
	border:1px solid #3F291E;
	height:80px;
	color:#6D5523;
	background-color:#140b09;
	padding:0 3px 0 3px;
	margin:0;
	margin-bottom:5px;
	}
.linkBtn {
	font-size:0.95em;
	color:#7a6103;
	height:18px;
	line-height:18px;
	margin:0;
	padding:1px 15px 2px 15px;
	border:1px solid #dfd194;
	background: #dfd194 url(../img/btnBg.png) repeat-x 0 0;
	text-decoration:none;
	}
a:link.linkBtn, a:visited.linkBtn, a:active.linkBtn {
	font-size:0.95em;
	color:#7a6103;
	height:18px;
	line-height:18px;
	margin:0 0 0 15px;
	padding:1px 15px 2px 15px;
	border:1px solid #dfd194;
	background: #dfd194 url(../img/btnBg.png) repeat-x 0 0;
	text-decoration:none;
	}
a:hover.linkBtn {
	background: #dfd194 url(../img/btnRollBg.png) repeat-x 0 0;
	}
.error {color:red;}
/*--------------------------------------------------------------------------------------------------------------------- end Form */
/*----------------------------------------------------------------------------------------------------------------------- Footer */
#footer {
	float:left;
	width:780px;
	height:30px;
	padding:3px 0 0 20px;
	margin:5px 0 0 0;
	border-top:1px solid #553828;
	}
#footer a{
	color:#553828;
	padding:0;
	margin:0;
	}
#footer a:hover  {
	color:#CC6600;
	text-decoration:none;
	}
#footer p {
	font-size:0.9em;
	color:#553828;
	padding:5px 3px 0 3px;
	margin:0;
	}
/*------------------------------------------------------------------------------------------------------------------- end Footer */
/*--------------------------------------------------------------------------------------------------------------------- Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fcf8e9;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 14px "Times New Roman", Times, serif;
	background-color: #fcf8e9;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #03311a;
	}
/*----------------------------------------------------------------------------------------------------------------- end Lightbox */