/* CSS Document */

/*color used*/
/*blue : #B6EDE9
purple : #7A5873
green : #A9CF57
dark purple : #3E3348*
rose: #FBDEE8/

/* Body
---------------------------------*/
*{
	margin:0;
	padding:0;
}

body {
	width:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background : url(./images/spirales2-bg.png) repeat;
	background-attachment: fixed;
	
}

body { 
font-family: helvetica, arial, verdana, sans-serif;  
font-size:1.1em;

 }

/* Structure
---------------------------------*/

#container {
	width:692px;
	margin:0 auto;
	background-color:#fff;
	border-right: 2px solid #3E3348;
	border-left: 2px solid #3E3348;	
}

.top {
	position:absolute;
	position:fixed;
	top: 20px;
	right:0px;
}
#header {
	margin : 0;
	height: 78px;
	padding: 60px 0px 0 500px ;
	background : url(./images/header.gif) no-repeat;
	text-align:left;
	
}
#nav {
	padding:0 0 0 20px;
	margin:0 ;
	padding-top:3px;
	height:35px;
	background : url(./images/nav-bg.png) repeat-x;
	border-top:1px solid  #7A5873;
	border-bottom:1px solid  #7A5873;
}

#main {
	float: right;
	text-align:left;
	width: 470px;
	padding: 0 0 0 5px;
	margin: 0;
}
#mainHome {
	float: left;
	text-align:left;
	width: 470px;
	padding: 0 0 0 0px;
	margin: 0;
}

#bigmain {
	text-align:left;
	width: 670px;
	padding: 0 0 0 5px;
	margin: 5px;
}
#bigmainHome {
	float: left;
	width: 670px;
	padding: 0 0 0 5px;
	margin: 5px;
}

#sidebar {
	float: left;
	width: 185px;
	padding: 165px 0px 10px 20px;
	margin: 0;
	text-align :left;
	background : url(./images/woman.gif) no-repeat top center;
	
}

#nav2 {
	float: left;
	width: 185px;
	padding: 165px 0px 10px 20px;
	margin: 0;
	text-align :left;
	font-weight:bolder;
	background : url(./images/woman.gif) no-repeat top center;
	
}
#sidebarHome {
	float: right;
	width: 185px;
	padding: 55px 15px 10px 0;
	margin: 0;
	text-align :left;
	
}

#footer {
clear:both;
height:43px;
padding-top:10px;
text-align:right;
padding-right: 10px;
/*background-color:#7A5873; */
background : url(./images/footer-bg2.png) repeat-x;
}
/*links
---------------------------------*/
a {
	color: #A9CF57; 
	text-decoration: none; 
}
a:link { 
	color: #A9CF57; 
}
a:hover { 
	color: #7A5873; 
	text-decoration: none; 
}

/* main(menu)
---------------------------------*/
.productHome {
	text-align:right;
	width:212px;
	height:200px;
	float:right;
	margin-top:4px;
	margin-right: 15px;
}

.product {
	text-align:right;
	/*width:170px;*/
	float:left;
	margin-top:9px;
	/*for IE*/
	margin-right: 15px;
	border : 1px solid #B6EDE9;
	/*border:1px solid #A9CF57;*/
	
	
}
/*for the other browsers*/
/*html>body .product{  margin-right: 55px;}*/
html>body .product{  margin-right: 15px;}

/* product2 pour la page headbands*/
.product2 {
	text-align:right;
	/*width:170px;*/
	float:left;
	margin-top:9px;
	/*for IE*/
	margin-right: 35px;
	border : 1px solid #B6EDE9;
	/*border:1px solid #A9CF57;*/
	
	
}
/*for the other browsers*/
/*html>body .product{  margin-right: 55px;}*/
html>body .product2{  margin-right: 37px;}

.intro {
	text-align:left;
	/*width:425px;*/
	width:100%;
	color:#7A5873;
	float:left;
	margin:4px 0px 15px 0;
	padding-bottom:4px;
	border-bottom:1px solid #7A5873;
}

.product img, .product2 img{
	clear:both;
	display:block;
}

.clear2{
text-align:right;
clear:both;
	display:block;
	padding :10px;
}
.info{
position:absolute;
left:0;
top:0;
background : url(./images/buy.gif) no-repeat top left;
}
.product a, .product2 a{
	/*width:170px;
	height:34px;*/
	/*padding-left:33px;*/
	font-size:0.9em;
	/*color:#A9CF57;*/
	color:#7A5873;
	
	/*background-color:#B6EDE9;*/
}
/*for the other browser but not IE5*/
html>body .product a{  padding-top: 30px;}
html>body .product2 a{  padding-top: 30px;}

.product a:hover, .product2 a:hover,{
	/*text-decoration:underline;*/
	/*background : url(./images/buy.gif) no-repeat bottom left;*/
}



/* navigation bar (menu)
---------------------------------*/


#nav ul {
	list-style:none;
	list-style-type: none;
	margin: 0;
	padding: ;
}

#nav li {
	 padding: 5px 10px 0 0; margin: 0; float:left; display: inline; 
}

#nav a {
width: 109px; height: 23px; display:block; 
	
}

#nav a.home  {
	background: url(./images/home-nav.gif) no-repeat;
	background-position:0 -3px;
	
}
#nav a.shop {
	background: url(./images/product-nav.gif) no-repeat;
	background-position:0 -3px;
}
#nav a.press  {
	background: url(./images/press-nav.gif) no-repeat top left;
	background-position:0 -3px;
}
#nav a.about  {
	padding-right:10px;
	background: url(./images/about-nav.gif) no-repeat top left;
	background-position:0 -3px;
}
#nav a.contact  {
	background: url(./images/contact-nav.gif) no-repeat top left;
	background-position:0 -3px;
}



#nav a:hover {
background-position: 0 -23px;
}

/* navigation bar pour le shop pn the left
---------------------------------*/


#nav2 ul {
font-family:'Times New Roman', Times, serif;
	list-style:none;
	list-style-type: none;
	margin: 0 0 0 15px;
	
}

#nav2 li {
	padding: 5px 0 5px 0;
	margin: 0;
	/*display: inline;*/ 
}

#nav2 a {
font-size:1em;
color : #7A5873;
	
}


#nav2 a:hover {
	color:#ffffff;
}

/* navigation bar sitemap
---------------------------------*/


#sitemap ul {
	list-style:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sitemap li {
	padding: 0;
	margin: 0;
	display: inline; 
}

#sitemap a {
font-size:1em;
	color : #7A5873;
	
}


#sitemap a:hover {
	color:#ffffff;
}
/* Typography
---------------------------------*/
img {border:0;}
img.right {float:right;}
img.left {float:left;}
p {
	font-size:0.9em;
	line-height:1.3em;
	color:#7A5873;
}
h4 {
	font-size:medium;
	margin: 0;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
	color:#A9CF57;
	font-style:italic;
	text-transform:capitalize;
	
}
h5 {
	font-size:small;
	margin: 0;
	text-align:left;
	color:#7A5873;
	font-style:italic;
	
}
h3 {
	font-family:'Times New Roman', Times, serif;
	font-size:large;
	margin:  0 0 4px 0;
	padding:10px 0 0 0;
	text-align:left;
	color:#7A5873;
	clear:both;
	border-bottom : 3px solid #A9CF57;
	}
#sidebar h3{
	margin: 0 0 0 0;
	text-align:right;
	border-bottom : 0px;
}

#sidebarHome h3{
	text-align:right;
}

.copyright{
	
	font-size:x-small;
	color:#A9CF57;
}

/* page shop product
---------------------------------*/

.product1 {
text-align:left;
clear:both;
}

.product1 h4{
text-align:left;
color: #7A5873;
/*background-color: #7A5873;*/
border-top : 1px solid #A9CF57;
border-bottom : 3px solid #B6EDE9;
}

p.condensed { 
float: right;
padding-top :10px;
width:450px;
}

/* sidebar news
---------------------------------*/
.date{
	color:#A9CF57;
	border-bottom:1px solid #A9CF57;
}

.news{
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #A9CF57;
	
}
.shipping {
text-align:center;
margin:10px 0px 0px 40px;
width:80px;
background-color:#ffffff;
}

/* snazzy border for rounded corner 
by :  http://www.cssplay.co.uk/boxes/snazzy.html
---------------------------------*/
.xboxcontent h1, .xboxcontent h2, .xboxcontent p {padding:2px 5px 2px 5px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FBDEE8; border-left:1px solid #7A5873; border-right:1px solid #7A5873;}
.xb1 {margin:0 5px; background:#7A5873;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FBDEE8; border:0 solid #7A5873; border-width:0 1px;}
.xboxcontent2 {display:block; background:#ffffff; border:0 solid #7A5873; border-width:0 1px;}

.color_a {background:#ffffff; color:#000;}

/*
display of qtip "title"
--------------------------------------------*/
div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #ffffff;
  color: #7A5873;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}



/*
Page press
-------------------------------*/
.article {
	text-align:center;
	clear:both;
	/*float:left;
	width :270;
	height:270;*/
	/*clear:both;*/
	/*border:1px solid #B6EDE9;*/
	
	/*for IE*/
	margin :25px 0 0 0;
}

/*for the other browsers
html>body .product{  margin-right: 20px;}*/

.article img{
	clear:both;
	display:block;
}