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

body
{
margin:0px;
padding:0px;
background: url(../images/body-bg.jpg) left top repeat-x #ff99ff;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
}
strong
{
color: #ff33cc;
font-weight:bold;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:100%;
height:auto;
text-align:center;
float:left;
}
.warper
{
width:920px;
height:auto;
margin:0px auto;
text-align:center;
}
#header
{
width:920px;
height:300px;
float:left;
text-align:left;
}
.header-top
{
width:920px;
height:89px;
float:left;
text-align:left;
background:url(../images/header-top-bg.jpg) left top no-repeat;
}
.logo
{
margin:19px 0px 0px 10px;
}
.header-banner-box
{
width:920px;
height:176px;
float:left;
text-align:left;
}
/* CSS Menu */
.navcontainer {
		width:880px;
        margin:0px;
        height: 34px;
		float:left;
		background: url(../images/menu-bg.jpg) left top no-repeat;
		padding:0px 20px 1px 20px;
		}

.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

.navcontainer ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
		height:34px;
		background: url(../images/menu-bar-bg.jpg) right center no-repeat;
		}

.navcontainer ul li a {
        width: auto;
        height: 34px;
        margin: 0px;
		padding:0px;
        color: #FFF;
        text-decoration: none;
        display: block;
        text-align: center;
		padding:0px 20px;
        font: bold 13px/34px Arial, Helvetica, sans-serif;
		display:inline;
	}

.navcontainer ul li a:hover {
        color: #ff33cc;
		padding:0px 20px;
        font: bold 13px/34px Arial, Helvetica, sans-serif;
		display:inline;
		text-decoration:none;
		}
.navcontainer li.active a {
        color: #ff33cc;
		padding:0px 20px;
		font: bold 13px/34px Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#body-main
{
width:920px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-main-bg.jpg) left top repeat-y;
}
.body-container
{
width:880px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-inside-top-bg.jpg) left top no-repeat;
padding:20px 20px 0px 20px;
}
.body-left
{
width:180px;
height:auto;
float:left;
text-align:left;
}
.menu-box
{
width:180px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}
.menu-title
{
width:170px;
height:36px;
float:left;
text-align:left;
background:url(../images/menu-title-bg.jpg) left top no-repeat;
padding-left:10px;
font: normal 18px/36px MyriadPro, Arial, Helvetica, sans-serif;
color: #FFF;
font-style:italic;
}
.menu-inside-box
{
width:178px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d685d6;
border-right:1px solid #d685d6;
}
/* sub-navigation */
.subnav{
	color: #990066;
	font: normal 12px/32px Arial, Helvetica, sans-serif;
	float:left;
	width:178px;
	padding:0px;
	border-left:1px solid #d685d6;
    border-right:1px solid #d685d6;
}
.subnav ul {margin: 0; padding: 0; list-style-type:none;}
.subnav li {
	display: block;
	list-style-type:none;
	color: #990066;
	font: normal 12px/32px Arial, Helvetica, sans-serif;
	height:32px;
	width:171px;
	padding-left:7px;
	background: url(../images/menu-inside-bg.jpg) left top repeat-x;
	}
.subnav li a {
	display: block;
	color: #990066;
	font: normal 12px/32px  Arial, Helvetica, sans-serif;
	height:32px;
	text-decoration: none;
	width:159px;
	padding-left:12px;
	background: url(../images/menu-arrow-bg.jpg) left center no-repeat;
}
.subnav li a:hover {
	color: #ff06c1;
	font: normal 12px/32px  Arial, Helvetica, sans-serif;
	width: 159px;
	text-decoration:none;
	}
.subnav li a.active {
	color: #ff06c1;
	font: normal 12px/32px  Arial, Helvetica, sans-serif;
	width: 159px;
	text-decoration:none;
}
/* sub-navigation1 */
.subnav1{
	color: #990066;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	float:left;
	width:178px;
	padding:0px;
	border-left:1px solid #d685d6;
    border-right:1px solid #d685d6;
}
.subnav1 ul {margin: 0; padding: 0; list-style-type:none;}
.subnav1 li {
	display: block;
	list-style-type:none;
	color: #990066;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	height: auto;
	width:171px;
	padding:5px 0px 5px 7px;
	background: url(../images/menu-inside-bg.jpg) left bottom repeat-x #FFF;
	}
.subnav1 li a {
	display: block;
	color: #990066;
	font: normal 12px/18px  Arial, Helvetica, sans-serif;
	height: auto;
	text-decoration: none;
	width:159px;
	padding-left:12px;
	background: url(../images/menu-arrow-bg.jpg) left 5px no-repeat;
}
.subnav1 li a:hover {
	color: #ff06c1;
	font: normal 12px/18px  Arial, Helvetica, sans-serif;
	width: 159px;
	text-decoration:none;
	}
.subnav1 li a.active {
	color: #ff06c1;
	font: normal 12px/18px  Arial, Helvetica, sans-serif;
	width: 159px;
	text-decoration:none;
}
.contact-box
{
width:180px;
height:auto;
float:left;
text-align:left;
}
.contact-inside-box
{
width:160px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d685d6;
border-right:1px solid #d685d6;
padding:10px 9px 0px 9px;
}
.menu-round-bottom
{
width:180px;
height:18px;
float:left;
text-align:left;
}
.body-right
{
width:680px;
height:auto;
float:right;
text-align:left;
}
.welcome-top-box
{
width:680px;
height:auto;
float:left;
text-align:left;
padding-bottom:15px;
}
.welcome-top-left
{
width:526px;
height:auto;
float:left;
text-align:left;
}
.welcome-top-right
{
width:150px;
height:auto;
float:right;
text-align:left;
}
.Vigorelle-box
{
width:680px;
height:auto;
float:left;
text-align:left;
padding-bottom:20px;
}
.vigorelle-title-box
{
width:665px;
height:61px;
float:left;
text-align:left;
background:url(../images/vogorelle-title-bg.jpg) left top no-repeat;
color: #cc0099;
font: bold 24px/61px MyriadPro, Arial, Helvetica, sans-serif;
padding-left:15px;
}
.vigorelle-inside-box
{
width:648px;
height:auto;
float:left;
text-align:left;
border-left:1px solid #d685d6;
border-right:1px solid #d685d6;
padding:25px 15px 0px 15px;
}
.product-left-box
{
width:206px;
height:auto;
float:left;
text-align:center;
background:url(../images/product-inside-box-bg.jpg) left top no-repeat;
padding-top:4px;
}
.star-bt
{
margin-right:4px;
}
.product-right-box
{
width:412px;
height:auto;
float:right;
text-align:left;
}
.vigorelle-round-bottom
{
width:680px;
height:26px;
float:left;
text-align:left;
}
.gurantee-box
{
width:680px;
height:auto;
float:left;
text-align:left;
}
.gurantee-bg
{
float:left;
margin:0px 13px 10px 0px;
}
.vigorelle-botton-box
{
width:388px;
height:50px;
float:left;
text-align:center;
background: url(../images/vigorelle-botton-bg.jpg) left top no-repeat;
text-decoration:none;
color: #FFF;
padding-bottom:4px;
font: bold 24px/50px MyriadPro, Arial, Helvetica, sans-serif;
}
.vigorelle-botton-box a
{
text-decoration:none;
color: #FFF;
font: bold 24px/50px MyriadPro, Arial, Helvetica, sans-serif;
}
.vigorelle-botton-box a:hover
{
text-decoration: none;
color: #ffc0ff;
font: bold 24px/50px MyriadPro, Arial, Helvetica, sans-serif;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:left;
background: url(../images/footer-bg.jpg) left top repeat-x #a80077;
color: #FFF;
font: normal 12px/18px  Arial, Helvetica, sans-serif;
}
#footer a
{
text-decoration:none;
color: #FFF;
font: bold 12px/18px  Arial, Helvetica, sans-serif;
}
#footer a:hover
{
text-decoration: underline;
color: #ff33cc;
font: bold 12px/18px  Arial, Helvetica, sans-serif;
}
.footer-main
{
width:920px;
height:auto;
text-align:center;
margin:0px auto;
}
.footer-container
{
width:880px;
height:auto;
float:left;
text-align:center;
background: url(../images/footer-main-bg.jpg) left top no-repeat;
padding:65px 20px 16px 20px;
}
/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
body a
{
color:#cc0099;
text-decoration: none;
font-weight:bold;
}
body a:hover
{
color:#cc0099;
text-decoration: underline;
font-weight: bold;
}
h1{
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: italic;
	line-height:26px;
	font-weight: bold;
	font-variant: normal;
	color: #cc0099;
	text-decoration: none;
}
h2{
	font-family: MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height:24px;
	font-weight: bold;
	font-variant: normal;
	color: #ff33cc;
	text-decoration: none;
}