/* CSS Document */

*{ margin:0; padding:0; }



img{ border:0;}

li{ list-style:none;}

.clb{ clear:both}
.FL{ float:left}
.FR{ float:right}

h2{
	color:#05702e;
	margin-bottom:20px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}

h2 span { display:block; font:14px Arial, Helvetica, sans-serif; color:#333}

#page{
	width:880px;
	padding:10px;
	background:#BFD764;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; 
	horizontal-align:center;
}

.bann{ background:url(../images/meso_ban.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerMeso{ background:url(../images/meso_header_nonalc.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerMesoNonalc{ background:url(../images/meso_header_henna.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerMesoHair{ background:url(../images/meso_header_hair.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyle{
	height:282px;
	position:relative;
	margin-bottom:10px;
	background-image: url(../images/instyle_header3.jpg);
	background-repeat: no-repeat;
}
.headerodeon{ background:url(../images/odeon_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerodeonMen{ background:url(../images/odeon_men.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerodeonSkin{ background:url(../images/odeon_skin.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerodeonHair{ background:url(../images/odeon_hair.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerdevon{background:url(../images/devon_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerdevonMen{background:url(../images/devon_header_Men.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerdevonWomen{background:url(../images/devon_header_Women.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyle2{ background:url(../images/instyle_header2.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyleMen{ background:url(../images/instyle_men_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyleWomen{ background:url(../images/instyle_women_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyleWomen1{ background:url(../images/instyle_women_header1.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerinStyleSkin{ background:url(../images/instyle_women_header2.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerMontego{ background:url(../images/montego_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerMontego2{ background:url(../images/montego_header2.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerCompany{ background:url(../images/company_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerBrands{ background:url(../images/brands_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}
.headerContact{ background:url(../images/contact_header.jpg) no-repeat; height:282px; position:relative; margin-bottom:10px}


.menu{
	position:absolute;
	top:21px;
	right:11px;
	width: 297px;
	height: 43px;
	z-index: 2;
}

.menu a{ margin-right:15px}

.tabMain{
	position:absolute;
	top:244px;
	right:65px;
	height: 40px;
	vertical-align:bottom; horizontal-align:center;
}

.tabMeso{
	position:absolute;
	top:243px;
	right:-8px;
	height: 56px;
	vertical-align:bottom;
	width: 456px;
}

.tabMontego{
	position:absolute;
	top:242px;
	right:14px;
	height: 56px;
	vertical-align:bottom;
	width: 309px;
}
.tabInstyle{
	position:absolute;
	top:242px;
	right:28px;
	height: 56px;
	vertical-align:bottom;
	width: 500;
}

.view{
	position:absolute;
	top:246px;
	left:17px;
}
.vbrand, .vcat{ padding:5px; }

.brandson{ position:absolute; top:23px; background:#aa0000; list-style:none; width:150px; padding:10px 5px; }
.brandson li a{ padding:3px 5px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none }

.content{ padding:5px 15px;}
.scroll{ background-color: #ff0000; }

.stepcarousel_2 {overflow: scroll; width: 700px; position: relative; height:100px;  }
.stepcarousel_2 .belt {
	left: -13px;
	position: absolute;
	top: 15px;
}

.stepcarousel_2 .panel { overflow:auto padding:0 1px;}

.stepcarousel {overflow: scroll; width: 750px; position: relative; height:350px;  }
.stepcarousel .belt {
	left: -13px;
	position: absolute;
	top: 15px;
	width: 113px;
	height: 36px;
}
.stepcarousel .panel { overflow:auto padding:0 1px;}

.belt{ left: 0px; position: absolute; top: 0px;}

.panel{
	float:center;
	width:180px;
	padding:10px 5px;
	margin-right:20px;
	text-align:center;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;	
}

.txt_instyle {
	color: #980077;
	font-weight: bold;
}

.txt_meso {	
	color: #CC0000;
	font-weight: bold;
}

.txt_meso {	
	color: #CC0000;
	font-weight: bold;
}
.panel p{
	margin-top:10px;
	border-top:3px solid #ddd;
	color:#4c4c4c;
	padding-top:10px;
	line-height:1.3em;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
}

#footer{ background:url(../images/footer_bg.jpg) repeat-x; height:86px; padding:10px 20px; width:960px; margin:0 auto;}

#footer p{ font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }
#footer p a{ color:#333; text-decoration:none}


#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:610px;
	
	margin:-220px 0 0 -250px;
	border:5px solid #000;
	background:#fff;
	padding:10px;
	text-align:left;
	font:11px/15px verdana; color:#333;
}
#lightbox[id]{
	position:fixed;
}

#lightbox p{ margin-bottom:15px;} 

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}`
.headerinStyleHome/*
#lightbox.done img{
	width:100%;
	height:100%;
}*/
 {
	height:282px;
	position:relative;
	margin-bottom:10px;
	background-image: url(../images/instyle_header.jpg);
	background-repeat: no-repeat;
}