@media screen{
body {font: 72% Verdana, Arial, Helvetica, sans-serif;text-align: center;color:#000;background:#D9D9D9 url(/images/bgSite.jpg) repeat fixed;padding:32px 5px 0 5px;margin:32px 5px 0 5px;}
form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p{margin:0px;padding:0px;}
img {border: none;}
.clear {clear:both;font-size:0px;}
a {text-decoration:underline;color:#000;}
a:hover {text-decoration:none;}
.textRed{color:#FF0000;}
.reader {position: absolute;top: -10000px;left: 0px;width: 1px;height: 1px;overflow: hidden;}
.width300px{width:300px;}
/* Layout
================================*/
#wrapper{margin:0 auto;width:900px;text-align: left;background-color:#FFF;}
#marginHeader{position:relative;height:22px;margin:0 8px;}
#header{position:absolute;left:242px;top:-55px;width:632px;height:78px;background-color:#EA00EF;}
#header h2{font-size:160%;margin:10px 10px 0 0;text-align:right;}
#header p{position:absolute;font-size:10px;color:#FFF;right:15px;top:59px;}
#headerArt{position:absolute;left:0px;top:0px;width:632px;height:78px;background:transparent url("/images/bgHeader.gif") 0 0 no-repeat;}
#headerArt a{display:block;width:632px;height:78px;}
#bgPage{background-color:#F700FD;margin:0 8px;}
#col1{float:left;width:232px;background:#FF08FC url("/images/bgCol1.gif") 32px 20px no-repeat;margin-bottom:5px;}
#col2{float:left;width:635px;margin-left:10px;}
#footer{height:8px;font-size:5px;position:relative;}
#created{position:absolute;font-size:9px;top:10px;right:20px;color:#999;}
#created a{color:#999;text-decoration:none;}
#created a:hover{text-decoration:underline;}
#counter {display:none;}
/* col1 ======*/
#col1Menu{margin:156px 10px 10px 0px;}
#col1Menu ul{list-style-type: none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#col1Menu ul li{border-top:1px solid #FD08FD;text-transform:uppercase;border-left:3px solid #BA05DE;}
#col1Menu ul li a {display:block;font-weight:bold;text-decoration:none;padding:2px 0px 2px 9px;color:#000;background:#EA00EF url("/images/bgCol2Menu.gif") no-repeat 95% 50%;}
#col1Menu ul li a:hover{background:#F700FD url("/images/bgCol2Menu.gif") no-repeat 96% 50%;}
#col1Menu ul li ul li{border-left:none;}
#col1Menu ul li ul li a {font-weight:normal;padding:2px 0px 2px 20px;background:#FC7DFF url("/images/bgCol2Menu.gif") no-repeat 95% 50%;}
#col1Menu ul li ul li a:hover{background:#FD9BFF url("/images/bgCol2Menu.gif") no-repeat 96% 50%;}
#col1Text{font-size:90%;margin:5px 10px 5px 12px;line-height:1.3em;height:174px;overflow:hidden;}
/* col2 ======*/
#col2Menu{background-color:#EA00EF;width:632px;}
#col2Menu ul{list-style-type: none;height:50px;}
#col2Menu ul li{float:left;font-size:11px;text-transform:uppercase;font-weight:bold;}
#col2Menu ul li a{display:block;color:#FFF;margin:10px 7px 0 9px;padding:5px 5px 15px 5px; text-decoration:none;background:transparent url("/images/bgCol2Menu.gif") 5px 80% no-repeat;}
#col2Menu ul li a:hover{background:#F700FD url("/images/bgCol2Menu.gif") 8px 80% no-repeat;}
/* border */
#col2 h1{font-size:125%;padding:0 0 .3em 0;}
#col2 h2{font-size:120%;padding:.5em 0 .3em 0;}
#topBody{margin-top:8px;height:18px;background:#F700FD url("/images/bgTopBody.gif") 0 0 no-repeat;}
#middleBody{background:#F700FD url("/images/bgMiddleBody.gif") 0 0 repeat-y;}
#middleBody h3 a{color:#000;text-decoration:none;}
#middleBody h3 a:hover{text-decoration:underline;}
#col2BorderContent{margin:0px 23px;}
#col2Detail{margin:0px 23px;height:210px;overflow:hidden;}
#bottomBody{margin-bottom:8px;height:18px;background:#F700FD url("/images/bgBottomBody.gif") 0 0 no-repeat;}
.itemList{float:left;width:177px;height:145px;margin:5px 5px 5px 23px;overflow:hidden;}
.itemList h3{font-size:100%;padding:2px 5px 2px 8px;margin-top:2px;background-color:#F9B2F8;text-transform:uppercase;}
/* */
.itemListCosmetics{float:left;width:125px;height:184px;margin:5px 5px 5px 23px;overflow:hidden;}
.itemListCosmetics h3{font-size:100%;padding:2px 5px;margin-top:2px;background-color:#F9B2F8;text-transform:uppercase;}
/* */
.itemCosmetics{padding:5px 23px;}
.imgCosmetics{float:left;width:130px;}
.textCosmetics{float:right;width:440px;background:transparent url("/images/bgListCosmetics.gif") 0 0 no-repeat;}
.textCosmetics .indent{margin:8px 20px;height:134px;overflow:hidden;}
.textCosmetics .indent h3{font-size:100%;padding:2px 5px 2px 8px;margin-bottom:7px;background-color:#F9B2F8;text-transform:uppercase;}
.textCosmetics .indent p{line-height:1.35em;}
/* detail cosmetics */
.itemDetailCosmetics{padding:5px 23px;}
.imgDetailCosmetics{float:left;width:130px;}
.textDetailCosmetics{float:right;width:280px;background:transparent url("/images/bgDetailCosmetics.gif") 0 0 no-repeat;}
.textDetailCosmetics .indent{margin:10px;height:362px;overflow:hidden;}
#col2 .textDetailCosmetics .indent h1{font-size:100%;padding:2px 5px 2px 8px;margin-bottom:5px;background-color:#F9B2F8;text-transform:uppercase;}
.textDetailCosmetics .indent p{line-height:1.35em;}
/* list solarium */
.itemSolarium{padding:5px 23px;}
.imgSolarium{float:left;width:180px;}
.textSolarium{float:right;width:395px;}
.textSolarium h3{font-size:100%;padding:2px 5px 2px 8px;margin-bottom:5px;background-color:#F9B2F8;text-transform:uppercase;}
.textSolarium p{line-height:1.35em;}
#col2BorderContent p{line-height:1.3em;padding: 0.3em 0px .7em 0px;}
/* */
#col2Advertising{height:186px;background:transparent url("/images/bgHomeAdvertising.gif") 0 0 no-repeat;}
#col2Advertising #indent{padding:5px 0px 5px 23px;}
#col2Advertising #indent .centre{margin:0px 27px;}
.itemAdvertising{float:left;width:177px;height:172px;overflow:hidden;}
.itemAdvertising h3{font:110% Tahoma, Arial, Helvetica, sans-serif;padding:0 0 4px 20px;background:transparent url("/images/bgAdvertisingH3.gif") 3px 30% no-repeat;font-weight:bold;}
.itemAdvertising h3 a{text-decoration:none;}
.itemAdvertising h3 a:hover{text-decoration:underline;}
.itemAdvertising p{font-size:10px;text-align:justify;line-height:1.3em;}
/* detail */
.imgDetail{float:left;width:325px;}
.textDetail{float:right;width:262px;}
#col2 .textDetail h1{font-size:110%;text-transform:uppercase;margin-bottom:.5em;}
#textDetailMore{margin:0px 23px;}
table p{line-height:1em;}
/* */
.width30px{width:30px;}
.height124px{min-height:124px;}
.height188px{height:188px;overflow:hidden;}
/* form contact */
#order{padding:8px 12px; }
#order h1{font-size:110%;text-transform:uppercase;margin-bottom:.5em;}
#order p{line-height:1.3em;margin:0px;padding:0.3em 0 .5em 0;}
#order label{display: block;float: left;width: 200px;margin: 0 2px 0 0;text-align:right;}
.field{font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:180px;border:1px solid #EA00EF;padding-left:3px;}
.formArea {font: 100% Verdana, Arial, Helvetica, sans-serif;background-color:#FFF;width:330px;border:1px solid #EA00EF;padding-left:3px;}
.buttonOk{background: #00CC66 url("/images/bgButtonOk.gif") 0 0 repeat-x;color:#FFF;cursor:pointer;border:1px solid #006600;}
.buttonKo{background:#FF9966 url("/images/bgButtonKo.gif") 0 0 repeat-x;color:#FFF;cursor:pointer;border:1px solid #BF0000;}
#order table{width:600px;margin:.3em 0 1em 0;;border-collapse:collapse;}
#order table th{padding:.3em;border-bottom: 1px solid #FF5EFF;background-color:#EA00EF;font-size:105%;text-align:left;}
#order table td{padding:.2em;border: 1px solid #FF5EFF;}
#order table tr.even{background-color:#FF2FFF;}
.message{padding:1em 0;border:1px solid #BA05DE;background-color:#FFBFFF;text-align:center;width:600px;margin:0 10px;}
/**/
.width30px{width:30px;}
}
@media print{
body{font-family:"Times New Roman CE", Georgia, "Times New Roman", Times, serif;color:#000;}
#col1, #header, #col2Menu, #counter{display:none;}
h1,h2,h3,li{page-break-inside:avoid;margin:0px;}
h1{padding-top:0px;margin-bottom:.5em;border-bottom:1px solid #000;}
h2,h3{padding-bottom:0px;}
p{margin-top:.2em;padding:0px;}
a{text-decoration:underline;font-weight:bold;}
.imgLeft{float:left;margin:5px 8px 5px 0;}
.imgRight{float:right;margin:5px 0px 3px 8px;}
#footer, #created{font-size:9px;}
.tableDetail{border-collapse:collapse;}
td, th{border: 1px solid #000;}
th{text-align:left;}
}