*{	margin:0; padding:0;}
html {height: 100%; margin-bottom: 1px}
body {background: #FFF url(img/background.jpg) repeat-x; margin: 0; width: 100%;text-align: center;
	color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;}
.clear{height: 15px; clear: both; }
.floatleft{float: left;}
.floatright{float: right;}
ul li{list-style-type: none;}
p {margin: 10px 0 0 0; font-size: 12px; }
#wrap{width:900px;margin: 20px auto 0 auto;}
#top, #navblock, #bottom, #banner, #content{width: 900px;clear: both;}
#top{height:32px;background: transparent;}
#navblock{height:56px;background:#fff;margin-bottom:10px;}
#content{height:460px;position:relative;}
#bottom{height: 12px;background: transparent;}
#banner{height:460px;background:#fff;position:relative;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
KISBLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.kisblock{width:157px;height:170px;position:absolute;background-color:#fff;}
.kisblock h3{text-transform: uppercase;color: #CCC;font-size: 12px;text-align: left; margin-bottom: 2px;}
.kisblock h3.right{text-align: right;}
.kisblock img{border: 2px solid #ccc;}
#skincare{top: 20px;left: 410px;}
#makeup{top: 20px;left: 645px;}
#fragrances{top: 210px;left: 645px;}
#eyeprioriti{top: 210px;left: 410px;}
#logo{position: absolute;top: 160px;left: 555px;}
h2#bev{position: absolute;left: 20px;top: 410px;color: #c3c3c3;font-size: 20px;font-weight: lighter;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SLIDESHOW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mySlideshow {height:364px;width:318px;position:absolute;left:20px;top:20px;z-index:5;margin: 0 auto 0 auto;
	background: url(img/accueil1.jpg) no-repeat;border: 3px solid #c3c3c3;}
.jdSlideshow {display: none; overflow: hidden; position: relative}
.jdSlideshow .slideElement {background: no-repeat; height: 100%; width: 100%}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BG
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bg_white{background:#fff;}
.bg_black{background:#000;}
.bg_antiage{background: transparent url(img/bg_antiage.jpg) no-repeat;}
.bg_smink{background: transparent url(img/bg_makeup.jpg) no-repeat;}
.bg_szemapolas{background: transparent url(img/szemapolas.jpg) no-repeat;}
.bg_fragnances{background: transparent url(img/bg_fragnances.jpg) no-repeat;}
.bg_bluegold{background: #fff /*transparent url(img/bg_bluegold.jpg) no-repeat*/;}
.bg_ismene{background: #fff;/*transparent url(img/bg_ismene.jpg) no-repeat;*/}
.bg_forawoman{background:#fff /*transparent url(img/bg_forawoman.jpg) no-repeat*/;}
.bg_szemapolas{background: transparent url(img/bg_szemapolas.jpg) no-repeat;}
.bg_whitening{background: transparent url(img/bg_whitening.jpg) no-repeat;}
.bg_borapolas{background: transparent url(img/bg_borapolas.jpg) no-repeat;}
.bg_kapcsolat{background: transparent url(img/bg_kapcsolat.jpg) no-repeat;}
.bg_nails{background: transparent url(img/bg_nails.jpg) no-repeat;}
.bg_cb{background: transparent url(img/bg_cb.jpg) no-repeat;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav {height:56px;position:relative;z-index:500;margin-left:0px;text-transform: uppercase;background: #fff;}
#nav .select {margin:0; padding:0; list-style:none; white-space:nowrap;}
#nav li {float:left; background:url(blank_over_p.gif); margin-right: 2px;font-size:11px;font-family:arial, verdana, sans-serif;}
#nav .select a {display:block;height:36px;float:left;background: url(blank_p.gif);padding:0 6px;text-decoration: none;
	line-height:25px;white-space:nowrap;color:#7C7C7C;border-top: 4px solid #c3c3c3;}
#nav .select a b{display:block;padding:0 4px 10px 4px;background:url(blank_p.gif) right top;}
#nav .select li:hover a {background: url(blank_over_p.gif);line-height: 25px;cursor: pointer;
	color:#0E0E0E;border-top: 4px solid #0E0E0E;}
#nav .select li:hover a b {display:block; padding:0 4px 9px 4px; background:url(blank_over_p.gif) right top; cursor:pointer;}
#nav .sub {display:none; margin:0; padding:0 0 0 20px;list-style:none;}
#nav .sub li {background:transparent;}
#nav .select li:hover .sub {height:18px; display:block; position:absolute; float:left; width:700px; top:28px; left:0; text-align:center;}
#nav .select li:hover .illatok{padding-left:530px;width:300px;}
#nav .select li:hover .smink{padding-left: 480px; width:300px;}
#nav .select li:hover .ketsoros{height:24px;}
#nav .select li:hover .sub li a {display:block;height:18px; line-height:12px; float:left;background:transparent url(transparent.gif); 
padding:0 6px; margin:0; white-space:nowrap; border:0; color:#888;font-size:10px;}
#nav .select li:hover .ketsoros li a {height: 24px;}
#nav .select li:hover .sub li a:hover {color:#000; background:#e8e8e8; line-height:12px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CONTACT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form{margin:0;padding:90px 0 0 0;width:300px;float:right;font-family:Trebuchet MS, Verdana, Arial !important;}
form fieldset{clear:both; padding:8px; margin:0; width:260px; border:0;font-size:12px; color:#333333;}
form label{display: block; width:auto; padding: 0; margin:5px 0 0 0;text-align:left;}
form input{width:260px; margin:0;  font-size:11px; color:#000;}
form textarea{overflow: auto; width:260px;font size:11px; color:#000;}
form select{width:220px;font-size:11px; color:#000;}
form .required{font-weight:bold;}
form br{clear:left;}
form #submit, form #reset{width:auto;margin: 20px 0 0 10px;background-color:Gray;color:#FFFFFF;	border:0;
	font-size: 11px;padding: 2px;float: right;cursor: pointer;}
.kapcsolat{position:absolute;top:150px;left:260px;width:340px;text-align:left;}
.kapcsolat li{font-size: 11px;padding: 2px 0;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BRETON
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cbreton{width:590px;padding:10px;float:right;text-align:left;}
.cbreton p{font-size:10px;line-height:120%;}
.borapolas{width:545px;float:left;padding:100px 10px 10px 20px;text-align:left;}
.borapolas p{font-size:10px;line-height:120%;}
.borapolas p.kiemelt{text-align:center;width:260px;font-weight:bold;margin-left:120px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SKIN & EYE GLIDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#my-glider{padding: 0;float: left;width: 900px;height: 460px;position: relative;}
div.scroller {width:460px;height: 460px;overflow:hidden;float: left;}
div.scroller div.section {width:460px;height:450px;overflow:hidden;float:left;
		padding: 10px 0 0 0;background-color: #ffffff;}
div.scroller div.content {width: 10000px;	}
#section0{}
.eyecare{background: url(img/bg_szemapolas.jpg);}
div.scroller div.section.antiage{background:transparent /*url(img/bg_szemapolas.jpg)*/;}
div.section p{padding: 5px 0px 0 5px;font-size:10px;line-height:120%;text-align:justify;width:440px;float:right;background:#fff;}
div.section p.termek{height: 410px;  }
div.section img {float: left;	padding: 2px;}
div.section img.logo{float:none;padding: 100px 0 0 0;}
.menu_a {margin: 100px 0 0 20px;padding-left: 0;list-style:none;width:420px;height:300px;float:right;}
.menu_a li{	padding: 2px 0 3px 0;font-weight: normal;list-style-type: none;display: inline;float:left;} 
.menu_a li a, .menu_a li a:visited, .menu_a li a:active{
	text-decoration:none;font-size:10px;display:block;width:100px;height:160px;
	padding: 2px 0px 2px 4px;color:#000;text-align:center;}
.menu_a li a:hover {text-decoration: none;color: #868686;}
.menu_a img{border: 0px none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SMINK GLIDER 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#smink_glider{padding:0;float:left;width:900px;height: 300px;position: relative;}
div.scrolb{margin-top: 10px;}
div.scrolb, div.scrolb div.sectb {width: 900px;height:268px;overflow:hidden;float:left;}
div.scrolb div.sectb {padding: 10px 0 0 0;background-color:#000; }
div.scrolb div.content {width: 10000px;}
#sectb0{}
div.fholder{width:880px;height:305px;}
div.scrolb h3{width:360px;float:left;color:#fff;border-bottom:6px solid Red;padding:2px 0 10px 0;margin:0 0 0 20px;
font-size:14px;font-weight:normal;text-transform:uppercase;text-align:left;}
div.sectb p{padding: 5px 0 0 20px;font-size:11px;line-height:120%;width:360px;text-align:left;float:left;background:#000;color:#fff;}
div.sectb p .visit{float: right;}
div.sectb img {padding:2px; border:0;}
.menu_b{margin: 2px  auto;padding-left:36px;list-style:none;width:860px;height:160px;float:left;}
.menu_b li{padding: 2px 0 3px 0;list-style-type:none;display:inline;float:left;font-size: 11px;} 
.menu_b li a, .menu_b li a:visited, .menu_b li a:active{
	display:block;width:100px;height:160px;padding:2px;background-color:#000;
	color: #fff;text-align: center;text-decoration: none; line-height: 16px;}
.menu_b li a:hover {text-decoration: none;background: #000;color:#c3c3c3;}
.seven li a{margin: 0 7px;}
.six li a{margin: 0 16px;}
.four li a{margin: 0 38px 0 58px;}
.menu_b img{border: 0px none;}

.side-left{width:430px;float:left;padding:8px 0 0 8px;}
.muller{text-align:left;border-right:1px solid #CFCFCF;}
.muller h2{	font:normal bold 24px/120% Arial, sans-serif;color:#F36523;padding:45px 0 45px 110px;
background:transparent url(img/muller.jpg) no-repeat left;}
.muller p{font-size:11px;}

.side-right{width:430px;float:right;padding:8px 8px 0 0;}
.forgalmazok{width: 430px;/*height: 110px;*/float:left;padding: 2px;margin: 0 0 10px 0;border-bottom:1px solid #CFCFCF;}
.forgalmazok img{float: left;height:100px; width:180px;}
.forgalmazok ul{float: right;width: 230px;text-align:left;}
.forgalmazok ul li{display: block;padding: 2px 0 0 5px;font-size:11px;}
.forgalmazok ul li a{color: #5D6D7C;}
.forgalmazok ul li a:hover{text-decoration: none;}
.forgalmazok p{font:normal normal 11px/120% Arial, sans-serif;width:100%;float:left;clear:both;text-align:left;}