@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	outline:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
img{
border:none;
}
html{
}
body{

}
#wrap{
	width:820px !important;
	height:625px !important;
	margin:auto;
	margin-top:5px;
}
/*HEADER*/
#header{
width:100%;
height:75px;
margin:auto;
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
}
#logo{
width:300px;
float:left;
background:url(../images/logo.jpg) 20px 15px no-repeat;
height:75px;
cursor:pointer;
}


#toplinkright {
	font-size:14px;
	color:#000000;
	margin-right:0px;
	font-family:arial;
	font-weight:bold;
	padding-top:10px;
}
#toplinkright a{
	font-size:14px;
	color:#000000;
	margin-right:0px;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
}

#toplinkleft {
	font-size:14px;
	color:#000000;
	font-family:arial;
	font-weight:bold;
	padding-top:10px;
}
#toplinkleft a{
	font-size:14px;
	color:#000000;
	padding-top:10px;
	font-family:arial;
	font-weight:bold;
	text-decoration:none;
}

#search{
font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
width:300px;
float:right;
height:40px;
margin-top:35px;
}
#search *{
float:left;
margin:0 5px}
#search input{
background:url(../images/search-box.jpg);
width:130px;
height:20px;
border:none;
line-height:20px;
}
#search a{
text-decoration:none;
color:black;
}
/*MENU*/
#menu{
	border-left:1px solid black;
	border-right:1px solid black;
	width:820px;
	height:40px;
	background:black;
}
#menu ul{
text-transform:uppercase;
list-style:none;
text-align:center;
}
#menu ul li{
display:inline;
line-height:40px;
font-size:18px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:white;
}
#menu ul li a{
	padding:0 20px;
	display:inline-block;
	color:white;
	text-decoration:none;
}
#menu ul li a:hover{
background-color:#FFFFFF;
background: #FFFFFF;
color: #000000;
}
/*CONTENT*/
#content{
	border-left:1px solid black;
	border-right:1px solid black;
	width:100%;
	height:510px;
}
#content h1{
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding:15px;
}
#content h2{
float:left;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding:5px 0px 5px 15px;
}
#content p{
	font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 5px 15px;
}

#content ul{
	font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 0px 15px;
	margin:0 0 0 25px;
}
#content p a{
color:black;
text-decoration:none;
font-weight:bold;
}
#content p a.current{
text-decoration:underline;
}/*
#content p:first-letter{
font-size:26px;
}
#content p+p:first-letter{
font-size:12px;
}*/
#content .sitemap{
float:left;
margin:0px 40px;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
list-style:square;
font-size:14px;}
#content .sitemap li{
margin:0;
padding:0;
}
#content .sitemap li ul{
float:none;
list-style:disc;
margin:0 20px;
font-size:12px;
}

#content2{
	border-left:1px solid black;
	border-right:1px solid black;
	width:100%;
	height:500px;
}
#content2 h1{
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding:15px;
}
#content2 h2{
float:left;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding:5px 0px 5px 15px;
}
#content2 p{
font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:13px;
padding: 5px 15px;
}

#content2 ul{
font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
font-size:13px;
padding: 5px 15px;
margin:0 0 0 25px;
}
#content2 p a{
color:black;
text-decoration:none;
font-weight:bold;
}
#content2 p a.current{
text-decoration:underline;
}/*
#content p:first-letter{
font-size:26px;
}
#content p+p:first-letter{
font-size:12px;
}*/
#content2 .sitemap{
float:left;
margin:0px 40px;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
list-style:square;
font-size:14px;}
#content2 .sitemap li{
margin:0;
padding:0;
}
#content2 .sitemap li ul{
float:none;
list-style:disc;
margin:0 20px;
font-size:12px;
}



#contentaa{
	border-left:1px solid black;
	border-right:1px solid black;
	width:100%;
	height:510px;
}
#contentaa h1{
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding:15px;
}
#contentaa h2{
float:left;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding:5px 0px 5px 15px;
}
#contentaa p{
	font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 5px 15px;
}

#contentaa ul{
	font-family:"trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 0px 15px;
	margin:0 0 0 25px;
}
#contentaa p a{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}
#contentaa p a.current{
text-decoration:underline;
}/*
#content p:first-letter{
font-size:26px;
}
#content p+p:first-letter{
font-size:12px;
}*/
#contentaa .sitemap{
float:left;
margin:0px 40px;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
list-style:square;
font-size:14px;}
#content .sitemap li{
margin:0;
padding:0;
}
#contentaa .sitemap li ul{
float:none;
list-style:disc;
margin:0 20px;
font-size:12px;
}

#inside{
width:773px;
height:452px;
border:1px solid #b4b4b4;
position:absolute;
margin-left:23px;
margin-top:10px;
}
#inside p{
width:350px;
}
#inside h1{
font-size:14px;
}


#inside2{
	width:773px;
	height:452px;
	border:none;
	position:absolute;
	margin-left:23px;
	margin-top:10px;
	background-image: url(../images/choose_bg.jpg);
}
#inside2 p{
	width:453px;
}
#inside2 h1{
font-size:14px;
}

#images{
position:absolute;
bottom:0px;}
#images img{
}
#left{
width:386px;
float:left;
}
#right{
width:387px;
float:right;
}
/*SUBMENU*/
#submenu{
border-left:1px solid black;
border-right:1px solid black;
width:100%;
height:35px;
background:black;
}
#submenu ul{
text-transform:uppercase;
list-style:none;
text-align:center;
}
#submenu ul li{
display:inline;
line-height:40px;
font-size:14px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:white;
}
#submenu ul li a{
padding:0 20px;
display:inline-block;
color:white;
text-decoration:none;
}
#submenu ul li a:hover{
background:white;
color:black;
}
/*Footer*/
#footer{
}
#footer ul{
list-style:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:9px;
margin-top:10px;
}
#footer ul li{display:inline;
margin:0 2px;}
#footer a{
color:#7b7b7b;
text-decoration:none;
}
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
color:#7b7b7b;
margin-top:5px
}
#footer a:hover{
text-decoration:underline;
}

/*THemes*/

.inside-krigler{
background:url(../images/inside-krigler.jpg) no-repeat;
}
.haute{
background:url(../images/haute.jpg) no-repeat;
}
.haute #haute-content{
width:270px;
float:right;

}
#haute-content p{
text-align:center;
font-style:italic;
color:#999999;
margin:0 20px;
}/*
#haute-content p:first-letter{
font-size:12px;
}*/
#haute-content h1{
font-size:18px;
background:black;
color:white;
margin:0 25px;
padding:2px;
text-align:center;}
/*
.haute input.text{
background:#f8f2ea;
border:none;
margin:10px;
width:160px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
.haute input.send{
border:none;
margin:10px;
background:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}*/
/*.know-how{
background:url(../images/know-how.jpg) no-repeat;
}*/


.online{
background:url(../images/Haute%20Perfumery/bg.jpg) no-repeat;
width:820px; 
height:461px;
}

#online p{
text-align:center;
font-style:italic;
color:#999999;
margin:0 20px;
}

#online h1{
font-size:18px;
color:#fdd327;
margin:0 25px;
padding:2px;
text-align:center;}

#online h2{
font-size:16px;
color:#FFFFFF;
margin:0 25px;
padding:2px;
text-align:center;}



 
#menu-inside{
width:100%;
height:100px;
padding-top:25px;
}
#menu-inside ul{
text-align:center;
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
}
#menu-inside ul li{
display:inline;
background:white;
margin:0 15px;
height:50px;
}
#menu-inside a{
display:inline-block;
padding:0px 15px;
color:black;
text-decoration:none;
}
/*FORM*/
.contact-form{
margin:0 0 0 25px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.contact-form input{
width:220px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.contact-form textarea{
width:400px;
height:150px;
font-size:12px;
max-width:500px;
max-height:250px;
font-family:Arial, Helvetica, sans-serif;}
.contact-form input.send{
width:80px;}

.contact-form label{
float:left;
width:770px;}
.contact-form label.error{
float:left;
color:red;
font-size:8pt;
font-weight:bold;}

.perfume{
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding:15px;
background-color:#000000;
}

.perfume.hover{
font-family:"Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
padding:15px;
background-color:#C3C3C3;
}
.haute_perfumery{
background:url(../images/haute.jpg) no-repeat;
}
.haute_perfumery #haute_perfumery-content{
width:270px;
float:right;

}
#haute_perfumery-content p{
text-align:center;
font-style:italic;
color:#999999;
margin:0 20px;
}/*
#haute-content p:first-letter{
font-size:12px;
}*/
#haute-content h1{
font-size:18px;
background:black;
color:white;
margin:0 25px;
padding:2px;
text-align:center;}


/* SLIDER */
.jcarousel-container {
	display: block;
    position: relative;
    width: 661px;
	float:left;
	overflow:hidden;
}
.jcarousel-clip {
	width:661px;
	overflow:hidden;
}
.jcarousel-item {
	width:220px;
	float:left;
	list-style:none;
}
#mycarousel img{
	width:220px;
	height:145px;
	border-left:1px solid #fff;
}
#mycarousel-prev, #mycarousel-next {
outline: none;
float:left;
cursor:pointer;
}

.jazzybg {
	 background-image:url(../images/jazzy_index.jpg); 
	 background-repeat:no-repeat;
	 width:472px;
	 height:307px;
	 border:none;
}