/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1 { margin-bottom: 20px; }
h2,h3 { margin-bottom:10px;}
h4, h5 { margin-bottom: 20px; margin-top:0px}
p { margin-top:0px; margin-bottom: 20px; }
ul { margin-bottom: 7px; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea {
		font: normal normal 11px  Arial, Verdana, Helvetica, sans-serif;
		color: #666666; 
		border: none;
		border: 0px;
		background: white;
		font-weight:normal;
		padding:2px;
		
}
img { border: none;
}


/* ----------------  INITIAL END ------------- */


/* ----------------  FONT  ------------- */

a {
	text-decoration: none;
}

h1 {
	font-weight: normal;
	font-size:24px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
}
h2 {
	font-weight: bold;
	font-size:15px;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#a1ca35;
}
h3 {
	font-weight: bold;
	font-size:15px;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#0099cc;
}
h4 {
	font-weight: bold;
	font-size:16px;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
}
h5 {
	font-weight: bold;
	font-size:16px;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color:#0099cc;
}
a:link, a:visited, a:active{
	
	font-weight: normal;
	text-decoration:none;
	color:#ccff33;	
}
a:hover {
	color: #5e96c3;
}
.Bluenormal12px
{
	color:#0b87a9;
	font-weight:normal;
	font-size:12px;	
}
.Bluenormal11px
{
	color:#0b87a9;
	font-weight:normal;
	font-size:11px;	
}
.lightbluebold14px
{
	color:#b7cddb;	
	font-weight:bold;
	font-size:14px;	
}
.blackbold16px
{
	color:#333333;
	font-weight:bold;
	font-size:16px;	
}
.blackbold12px
{
	color:#333333;
	font-weight:bold;
	font-size:12px;	
}
.black12px
{
	color:#333333;
	font-weight:normal;
	font-size:12px;
}
.black11px
{
	color:#333333;
	font-weight:normal;
	font-size:11px;
}
.darkblue12px
{
	color:#00285d;
	font-weight:normal;	
	font-size:12px;	
}
.darkbluebold12px
{
	color:#00285d;
	font-weight:bold;	
	font-size:12px;	

}
.darkbluebold16px
{
	color:#00285d;
	font-weight:bold;	
	font-size:16px;	
}
.white11px
{
	color:#ffffff;	
	font-weight:normal;
	font-size:11px;
}
.white12px
{
	color:#ffffff;
	font-weight:normal;
	font-size:12px;	
}
.white14px
{
	color:#ffffff;
	font-weight:normal;	
	font-size:14px;	
}
.whitebold14px
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;	
}
.grey11px
{
	color:#999999;	
	font-weight:normal;
	font-size:11px;
}
/* -------------- font end --------------*/
/* ------------ input ----------------- */

input.submit
{
text-align:center;
background-color:#b4ccda;
color:#333333;
border:1px solid #cccccc;	
}
/* ----------------  BASICS  ------------- */


ul li ol{
	font-weight: normal;
	padding-left: 2px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;	
	margin-bottom:2px;
	
}
li {
	margin-left:20px;
	margin-bottom:10px;
	list-style-type: circle;
	}
ol {
	list-style-image:none;
	list-style-type: none;
}
li.number {
	list-style-image: none;
	margin-left:20px;
	margin-bottom:10px;
	list-style-type: decimal;
}

body.home {
	font-weight: normal;
	font-size: 12px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	line-height:130%;
	background-color:#ceecf7;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-image:url(../images/bg/homebg.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	}
body.other {
	font-weight: normal;
	font-size: 12px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	line-height:130%;
	background-color:#ceecf7;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-image:url(../images/bg/page_bg.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	}
#baseContainer {
	width: 1000px;
	text-align:center;
	margin: 0 auto 0 auto;
	padding:0px;
	border:0px;
}
#Container{
	width: 1000px;
	border:0px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0px;
}
#topArea
	{
	width: 1000px;
	height:150px;
	}
#LogoArea
	{
	width: 250px;
	height:150px;
	float:left;
	background-image:url(../images/bg/index_logo.jpg);
	background-repeat:no-repeat;
	background-position: top center;	
	}
#NavArea
	{
	width: 750px;
	height:150px;
	float:left;
	background-image:url(../images/bg/navbg.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	}
	
#NavArea2
	{
	width: 750px;
	height:150px;
	float:left;
	background-image:url(../images/bg/navbg2.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	}
	
#NavArea3
	{
	width: 750px;
	height:150px;
	float:left;
	background-image:url(../images/bg/navbg3.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	}
	
#NavArea4
	{
	width: 750px;
	height:150px;
	float:left;
	background-image:url(../images/bg/navbg4.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	}
	
#NavArea5
	{
	width: 750px;
	height:150px;
	float:left;
	background-image:url(../images/bg/navbg5.jpg);
	background-repeat:repeat-x;
	background-position: top center;	
	}
	
#MenuArea{
	padding-top:115px;	
}
#MenuArea div.buttonbg{
	float: left;
	width:150px;
	height:35px;
}


#MenuArea  div.buttonbg a:link,  #MenuArea div.buttonbg a:active, #MenuArea div.buttonbg a:visited
{
	text-align:right;
	padding-top:12px;
	padding-right:15px;
	height:23px;
	width:135px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
}
#MenuArea  div.buttonbg a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#56d8fa;
	text-decoration:none;
	background-image:url(../images/bg/buttonbg_over.gif);
	background-repeat:no-repeat;	
	
}

#ShadowArea
	{
	width: 1000px;
	height:10px;
	}
	
	
#smlHeaderPic{
	float:left;
	width:250px;
	height:250px;
	border:0px;
}

#lgrHeaderPic{
	float:left;
	width:750px;
	height:250px;
	border:0px;
}

#lgrHeaderPic div{
	float:left;
	padding-left:25px;
	text-align:left;
	width:450px;
	height:50px;
	margin-top:100px;
}


#mainContent
{
	background-color:#668aa0;
	width:1000px;
	padding:0px;
	
}

#mainContent_home
{
	background-color:#668aa0;
	width:1000px;
	padding:0px;	
	background-repeat:no-repeat;
	background-position: right bottom;
	background-image: url(../images/bg/index_maintext.jpg);	
	margin:0px;
}
#flashArea
{
	width:250px;	
	float:left;
	padding:0px;
	margin:0px;
	background-repeat:no-repeat;
	background-position: right bottom;
	background-image: url(../images/bg/girl_tree.jpg);	
}
#textArea
{
	width:750px;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
}
#welcomemsg {
	width:750px;
	height:140px;;
	float:left;
	padding:0px;
	margin:0px;
}
#welcomemsg div

{
	padding-left:20px; 
	padding-right:30px; 
	text-align:left; 
	padding-top:30px; 	
	height:auto;
	padding-bottom:0px;
}
#oneBigdiv {
 width:1000px;
 text-align:left;
 background-image:url(../images/bg/oneBigdivbg.jpg);
 background-position:top left;
 background-repeat:repeat-y;
}

#oneBigdiv_nobg {
 width:1000px;
 text-align:center;
}
#oneBigdiv_nobg div {
	padding:20px;
	padding-top:30px;
}
#oneBigdiv_nobg div.left {

	padding:20px;
	padding-bottom:0px;
	text-align:left;
}
#oneBigdiv_nobg div.top {
	
	text-align:right;
	padding-bottom:20px;
	padding-left:20px;	
}


#twoBigdiv_250
{
	width:250px;
	vertical-align:top;
	text-align:left;
	float:left;
}

#twoBigdiv_250 div
{
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:20px;
}
#twoBigdiv_250 div.leftbanner {
	padding-top:0px;
	padding-left:0px;
	padding-right:10px;
}
#twoBigdiv_250 div.leftbannertitle {
	padding-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:0px;
}
#twoBigdiv_250 div
{
	padding-top:20px;
}
#twoBigdiv_750
{ 
	
	width:750px;
	text-align:left;
	float:left;
}
#twoBigdiv_750 div{
	
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	
}
#twoBigdiv_750 div.top {
	
	text-align:right;
	padding-bottom:20px;
	padding-left:20px;	
}
#twoBigdiv_750_flower
{ 
	
	width:750px;	
	text-align:left;
	float:left;
	background-image:url(../images/bg/bg_flower.gif);
 	background-position:bottom right;
 	background-repeat:no-repeat;
}
#twoBigdiv_750_flower div{
	
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
}
#twoBigdiv_750_flower div.content{
	
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
}
#twoBigdiv_750_flower div.top {
	
	text-align:right;
	padding-bottom:20px;
	padding-left:20px;	
}
#opacitybox{
	
	width:750px; 
	height:360px; 
	text-align:left; 
	float:left; 
	padding-left:0px;	
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin:0px;
}
#opacitybox div{
	color:#ffffff;
	padding-top:0px;
	padding-left:0px;
	color:#ffffff;
}
#lhbox
{
	 width:450px;
	 float:left;
	 height:auto;
}
#lhbox div
{
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	
}
#rhbox
{
	 width:260px;
	 float:left;
}
#rhbox div
{
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
}


.rhbox div.prodbox{
	text-align:right;
	margin-top:30px;
}

#footerArea
{
	width:1000px;
	height:30px;
	background-repeat:repeat-x;
	background-position: center top;
	background-image: url(../images/bg/footerbg.jpg);	
	padding:0px;	
}
#footerArea div {
	padding-top:0px;
	padding-right:30px;
	padding-bottom:0px;
	text-align:right;
}
#footerArea div.footerMenubox {	
	float:right;
	padding-top:5px;	
}
#footerArea div.footerbox {
	font-size:11px;
	float:left;
	padding-left:10px;
	padding-right:0px;
}
#footerArea div.footerbox a:link, #footerArea div.footerbox a:active, #footerArea div.footerbox a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
#footerArea div.footerbox a:hover
{
	color:#93ba2c;
}
#footerArea div.copyright
{
	
	padding-top:15px;
	text-align:center;
}
div.clear
{
	clear: both;
}


hr
{
color:#ffffff;
height:1px;
}
td.stockist
{
border-bottom:1px dashed #ffffff;	
border-right:1px dashed #ffffff;	
padding:5px;
	color:#0b87a9;
	font-weight:normal;
	font-size:12px;	
}