BODY{
	width: 100%;
	margin: 0;
	text-align: center;
	background: white url(img/bg_body.jpg) repeat-x;
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin: auto;
	width: 90%;
	min-width: 780px;
	clear: both;
}
/*style for min-width*/
* html .minwidth {
	padding-left:780px;
}
* html .mincontainer {
	margin-left:-780px;
	position:relative;
}
/*\*/
* html .minwidth, * html .mincontainer, * html .content, * html .layout  {
	height:1px;
}
/**/
.rule {
	width:780px;
	color:#ffffff;
	margin:1em 0;
}
/*style for min-width*/
#header {
	width: 100%;
	height: 173px;
	min-width: 780px;
}

#header .left {
	width: 322px;
	float: left;
}

#header .right {
	width: 457px;
	float: right;
	height: 173px;
	background: url(img/bg_header.jpg) no-repeat top right;
}
/*------------------------------------top navigation menu-------*/
#container #topmenu {
	width: 100%;
	height: 19px;
	min-width: 780px;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

#topmenu ul {
	margin: auto;
	text-align: center;
	height: 19px;
	width: 80%;
	padding: 0;
}

#topmenu ul li {
	position: relative;
	text-align: justify;
	padding: 0;
	margin: 0 auto;
	display: inline;
	float: left;
	height: 19px;
}
#topmenu h2, #topmenu h2 a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	float: left;
	height: 19px;
	padding: 0;
	margin: 0px;
}

#topmenu ul li:hover {
	background:  #BB71B6;
	margin: 0;
	color: white;
}

#topmenu ul ul, #topmenu ul ul ul {
	z-index: 500;
	position: absolute;
	width: 130px;
	top: 18px;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
	background: #660099;
}

#topmenu ul ul li {	margin: 0;	text-align: left; padding: 1px;	float: left; width: 130px;	background: #DEB7DA;}
#topmenu ul ul li a, #topmenu ul ul ul li a { 
	font: normal 11px arial, helvetica, sans-serif;
	color: #660099;
	text-decoration: none;
	padding-left: 2px;
}

#topmenu ul ul li:hover { background: #C078B9; color: #4A006F; }
#topmenu ul ul a:hover { color: black; }

div#topmenu ul ul,
div#topmenu ul ul ul,
div#topmenu ul li:hover ul ul,
div#topmenu ul ul li:hover ul ul
{display: none;}

div#topmenu ul li:hover ul,
div#topmenu ul ul li:hover ul,
div#topmenu ul ul ul li:hover ul
{display: block;}


/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topmenu h2 a {float:none;}
/* End IE5-Mac hack */

/*------------------------------------end of top navigation bar----*/

/*------------------------main column styles-------*/
#content {	width: 100%; min-width: 780px;	float: left;}

#content #maincol{  float: left; width: 70%; }
#maincol p { text-align: justify; width: 100%; margin: 5px 0; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#maincol b { font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; color: #660099;}

#maincol ul { list-style: none;	text-align: left; width: 90%; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#maincol ul a {	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;	color: #660099; text-decoration: none;	border-bottom: dashed 1px #660099;}
#maincol li { margin-bottom: 10px;}

/*--heading styles--*/
h1 { font: normal 18px Arial, Helvetica, sans-serif; color: #660099; margin: 20px 0 0 0; padding: 0;}
.subtitle, .subheading { font: bold 16px Arial, Helvetica, sans-serif;	color: #C920BE;	text-align: left; width: 95%;	margin: 10px 0 0 0;}
.subheading { font: bold 14px Arial, Helvetica, sans-serif;	color: #660099;	background: url(img/bg_subheading.jpg) no-repeat top left;	padding: 1px;}

#maincol .row { width: 100%; clear: both; border-bottom: solid 1px #660099; float: left;}
.row .float1, .row .float2, .row .float3 { width: 180px; float: left; margin: 0 2px 0 0; }
/*--to align an image to the left--*/
.imgleft {	float: left; padding: 2px;	margin: 5px; border: solid 1px black; }
/*--to align an image to the right--*/
.imgright {	float: right; padding: 2px;	margin: 5px; border: solid 1px black; }


/*----------------------------------------end of main column----*/

/*---------------------------------styles for right column boxes----*/
#content #rightcol {
	width: 230px;
	float: right;
	text-align: center;
	font-size: 11px;
	color: #660099;
	background: #BC8AB6;
	margin-top: 5px;
}
#rightcol .boxemb, #rightcol #boxproduct, #rightcol .boxlogin, #rightcol .boxnews, #rightcol .boxnewsletter {
	background: #E6E6E6 url(img/bg_emb.jpg) top right no-repeat;
	border: solid 1px #660099;
	width: 96%;
	margin: 0 auto;
}

#rightcol .boxnewsletter {background: #E6E6E6 url(img/bg_newsletter.jpg) top right no-repeat; }
#rightcol .boxlogin {
	background: #E6E6E6 url(img/bg_login.jpg) top right no-repeat;
	text-align: left;
	padding-left: 3px;
	font-weight: normal;
	font-size: 11px;
	color: black;
}
#rightcol .boxnews {background: #E6E6E6 url(img/bg_news.jpg) top right no-repeat; }

#rightcol .boxemb p, #rightcol .boxnews p{
	text-align: justify;
	width: 92%;
	margin: auto;
}
#rightcol #boxproduct {
	background: #E6E6E6 url(img/bg_prod.jpg) top right no-repeat;
	text-align: center;
	padding: 0;
}

#boxproduct ul {
	list-style: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

#boxproduct li {
	position: relative;
	width: 100%;
	background: #F1CEED;
	margin: 0;
	/*border-bottom: solid 1px #660099;*/
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	text-align: left;
}

#boxproduct a {
	display: block;
	margin: 0;
	padding: 3px;
	text-decoration: none;
	color: #660099;
	background: transparent;
}

#boxproduct ul li:hover {
	background: #F9E7F7;
	margin: 0;
}

#boxproduct ul ul {
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	margin: 0;
	background: #FFFFFF;
	text-align: right;
}	

#boxproduct ul ul li {
	background: #FFC742;
	text-align: left;
	margin: 0;
	width: 100%;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
}
#boxproduct ul ul li:hover {
	background: #FFE787;
	margin: 0;
}

div#boxproduct ul ul,
div#boxproduct ul li:hover ul ul,
div#boxproduct ul ul li:hover ul ul
{display: none;}

div#boxproduct ul li:hover ul,
div#boxproduct ul ul li:hover ul,
div#boxproduct ul ul ul li:hover ul
{display: block; }

#boxproduct p a { 	font: bold 11px Arial, Helvetica, sans-serif; background: none;}

#rightcol .spacer { height: 60px; clear: both; }
#rightcol b { color: #C920BE; }

/*------------------------end of right column boxes-------*/


/*----------------------------------------footer styles----*/
#footerwrap {
	clear: both;
	width: 100%;
	height: 85px;
	background: url(img/bg_footer.jpg) repeat-x;
	margin: auto;
	text-align: center;
	color: #591D87;
	font: normal 11px/150% Arial, Helvetica, sans-serif;
}

#footer {
	width: 90%;
	height: 85px;
	margin: auto;
	text-align: right;
	background: url(img/bg_footer_middle.jpg) no-repeat top right;
}

#footer .left {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	font: bold 11px/150% Arial, Helvetica, sans-serif;
	text-align: left;
	width: 35%;
}

#footer .right {
	float: right;
	margin-top: 15px;
	margin-right: 120px;
	font: bold 11px/150% Arial, Helvetica, sans-serif;
	text-align: right;
	width: 40%;
}

#footer a { color: #DEDEDE; }
/*---------------------------------------end of footer------*/

/*---------------------------------------general stuff------*/
.spacer {	height: 5px;	clear: both;}

input { 
	
	border: solid 1px #660099;
	background: #white;
	text-align: left;
	width: 150px;
	height: 18px;
}

.button { background: #D7D6D6; color: black; float: left; width: 40%; font-size: 11px; margin-top: 4px; border: solid 1px #660099;}

.tablesmall {
	width: 60%;
	padding: 3px;
	margin: auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.tablesmall b { font: bold 10px Verdana, Arial, Helvetica, sans-serif; }

#tablestockist { 
	width: 98%;
	margin: auto;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border-collapse: separate;
}
#tablestockist th {
	background: #660099;
	color: white;
}
#tablestockist td { padding: 5px; }

#tablestockist b { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

div .float {
	float: left;
	clear: both;
}

div .float .img { margin: 5px; }