body {
	height: 100%;
	margin: 0;
	padding: 0;
	background:url("images/customer/bg_body.gif") 0 -9px repeat-x #e9e9e9;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

/* Header
-------------------------------------------------------------- */


#header {
	background: url('images/customer/bg_top1.jpg') 0 0 no-repeat;
}

	#tools{
		height: 18px;
		padding: 3px 30px 0 0;
		background: url('images/customer/opacity.png') 0 0 repeat-x;

		color: #f2f2f2;
	}

		#tools .lang {
			padding: 0  0 0 10px;
			float: left;

			font-size: 10px;
		}

		#tools a { color: #f2f2f2; }

		#tools .siteSelection {
			float: right;
			
			color: #f2f2f2;
		}

		#tools .siteSelection a {
			display: block;
			width: 100px;
			height: 20px;
			float: right;
			padding: 5px 0 0 0;
			margin: 0 0 0 3px;
			background: url('images/customer/btn_siteselection.gif') 0 0 no-repeat;

			position: relative;
			top: -3px;
		
			text-align: center;
			text-decoration: none;
		}
		#tools .siteSelection p {
			float: right;
		}

		#tools .siteSelection .active {
			font-weight: bold;
		}

		#tools .siteSelection a:hover {
			font-weight: bold;
		}

	#logo {
		width: 650px;
		height: 156px;
		float: left;
	}		

	#menuBar {
		width: 790px;
		height: 26px;		
		margin: 0 0 0 210px;
		clear: both;
	}	
	
		#menu {
			width: 750px;	
			height: 26px;
			float: left;
		}

			#menu a {
				display: block;
				height: 21px;
				float: left;
				padding: 5px 15px 0 15px;
				border-right: 1px solid #424147;
				background:url('images/customer/menu/bg_menua.gif') 0 bottom repeat-x #e2e2e2;

				font-size: 9px;
				color: #474747;
				font-weight: normal;				
				text-decoration: none;				
				text-transform: uppercase;
				text-align: center;			
			}				

			#menu a:hover, #menu .active {
				background-image: none;
				background-color: #fff;
			}

/* Main
-------------------------------------------------------------- */

#main {
	width: 100%;			
	border-bottom: 2px solid #5897ab;
	background: url("images/customer/bg_pageleft.png") 180px 0 repeat-y #fff;
}

	#main .two-columns #mainLeft {
		width: 210px;
		float: left;
	}

	#main .two-columns #mainRight {
		width: 760px;
		float: left;
		padding: 15px;
	}

	#main .two-columns #mainRight .two-columns {
	}

		#main .two-columns #mainRight .two-columns .column {
			width: 373px;
			float: left;
		}

		#main .two-columns #mainRight .two-columns .columnSeparator {
			width: 14px;
			height: 1px;
			float: left;
		}

	#main .two-columns #mainRight .three-columns {
	}

		#main .two-columns #mainRight .three-columns .column {
			width: 244px;
			float: left;
		}

		#main .two-columns #mainRight .three-columns .columnSeparator {
			width: 14px;
			height: 1px;
			float: left;
		}

		#main #mainRight .leftSide {
			width: 550px;
			float: left;
		}

		#main #mainRight .rightSide {
			width: 210px;
			float: right;

			position: relative;
			top: -15px;
			right: -15px;
		}

			#main #mainRight .columnLeft {
				width: 215px;
				float: left;
				padding: 10px;
				margin-right: 5px;

				text-align: justify;
			}

			#main #mainRight .columnRight {
				width: 495px;
				float: left;
				padding: 10px;

				text-align: justify;
			}

	#main .two-columns #mainFull {
	}

/* Footer
-------------------------------------------------------------- */

#footerContainer {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
}

	#footer {
		background-color: #333333;
		padding: 0 1px;

		font-size: 10px;
		color: #ebe2d1;
	}

	#footer a {
		color: #9f8c81;
		text-decoration:none;
	}
		
		#footer .paiementMethods {
			width: 209px;
			height: 75px;
			float: left;
			margin: 0 1px 0 0;
		}

			#footer .paiementMethods a {
				display: block;
			}

		#footer .footerLinks {
			width: 262px;
			float: left;
		}

			#footer .footerLinks a {
				display: block;
				padding: 3px 10px;
				margin: 0 0 1px 0;
				background-color: #454545;

				color: #f2f2f2;
			}

			#footer .footerLinks a:hover {
				background-color: #5897ab;

				color: #fff;
			}

			#footer b {
				display: block;
				padding: 3px 10px;
				margin: 0 0 1px 0;
				background-color: #454545;

				color: #fff;
			}

			#footer .footerLinksSeparator {
				width: 1px;
				height: 1px;
				float: left;
			}

		#footer .footerBottom {
			padding: 10px;
			background-color: #454545;

			font-size: 10px;
			color: #f2f2f2;
		}

		#footer .footerBottom a {
			color: #f2f2f2;
			text-decoration:none;
		}

		#footer .footerBottom a:hover {
			color: #c41c5b;
		}

/* Products > Products List Pager
-------------------------------------------------------------- */

.pagerTop,
.pagerBottom {
	height: 23px;
	padding: 0 10px 0 10px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	background-color: #fff;

	font-size: 11px;
	color: #898989;
}

	.pagerTop a,
	.pagerBottom a {
		display: block;
		float: left;
		padding: 2px 4px 0 4px;

		position: relative;
		top: -2px;
		
		color: #898989;
		text-decoration: none;
		text-align: center;
	}
	
	.pagerTop a.current,
	.pagerBottom a.current {
		background-color: #75aabb;

		color: #ffffff;
	}

	.pagerTop a.current:hover,
	.pagerBottom a.current:hover {
		color: #ffffff;
	}

	.pagerTop a:hover,
	.pagerBottom a:hover {
		color: #0182d4;
	}

	.pagerTop .left,
	.pagerBottom .left {
		width: 33%;
		height: 18px;
		padding-top: 5px;
		float: left;

		text-align: left;
	}

	.pagerTop .center,
	.pagerBottom .center {	
		width: 33%;
		height: 18px;
		float: left;
		padding-top: 5px;

		text-align: center;
	}

	.pagerTop .right,
	.pagerBottom .right {
		width: 33%;
		height: 20px;
		float: right;
		padding-top: 3px;

		text-align: right;
	}

	.pagerTop .input,
	.pagerBottom .input {
		padding: 0px;
		border-color: #c7c7c7;
		background-color: #ffffff;

		font-size: 9px;
		color: #898989;
	}

/* Float Elements
-------------------------------------------------------------- */

.floatLeft { float:left; }
.floatRight { float:right; }

/* Misc classes
-------------------------------------------------------------- */

.cadre {
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #c0c0c0;
}

.notice, 
.important {
	padding: 10px;
	margin-bottom:15px;
	border: 1px solid #1f8ccd;
	background-color: #ebf6fc;

	font-size: 120%;
	color: #1f8ccd;
	line-height: 22px;
}

.importantText { color: #e5037f; }

 /* PAGE CHOPRA */
 
 h4.chopraOrganic
 {
 	color:#715d4e;
 }
 
 h4.chopraSoothing
 {
 	color:#3c4f73;
 }
 
 h4.chopraInvigorating
 {
 	color:#93212d;
 }
 
 div.chopraGauche
 {
 	width:600px;		
 }
 
 div.chopraGauche
 {
 	float:left;		
 }
