body 
{ 
margin: 15px 0;
text-align: center;
background: #fff;
font:normal 90%/1.4  "Trebuchet MS", verdana, arial, sans-serif;
xfont-weight: bold;

color: #000;

}
img { border:0 none }
#container
{
	margin:1.5em  auto;
	text-align: center;
	width: 85%;
	background-color: #fff;
}

#header {
	background: #fff;
	line-height: 2em;
	font-size: 0.9em;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
}
	
#nav {
   height: 40px;
   width: 100%;
   font-size: 1.3em;
   font-weight: bold;
   background-color: #fff;
   color: #000;
   padding-top: 6px;
   text-align: center;
   overflow: hidden;
   margin-top: 0.5em;
}
 
#nav ul {
	margin: 0;
	padding: 0;
	line-height: 17px;
}
	 
#nav  li {
	 list-style-type: none;
	 display: inline;
	 padding: 0 20px;
	 margin: 0 auto;
 }
	
#nav  li a { 
	text-decoration: none;
   	color: #624099;
   	background: #fff;  
}

#nav li a:visited {
	color:#000;
	background-color: #fff;
}
#nav  li a:hover {
	color: #ec008c;
	background-color: #fff;
}

#nav  li  span{color: #87c548; font-weight: bold;}
#nav li img {margin:  5px 10px 0 0;}
	

#left
{
	width: 30%;
	float: left;
	padding-left: 0em;
	text-align: left;	
} 
#left h1, h2 {font-size: 1.3em; text-align: left;}
#left p {
	margin:0;
	padding:0;
	text-align: left;
}

#left .textbox2 {width: 100%;}
#left .textbox2  p {width: 100%; float: right;}

#containercontent
{
    background-color: #fff;
    text-align: center;
    margin: 0 auto;

}
 
#contactus #containercontent img {float: left; width: 200px;}
#buy #containercontent img {float:left; width:200px;}

#pagecontent
{
	padding: 15px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}
#buy #pagecontent {text-align: right;}
#buy #pagecontent #left {text-align: left; margin-left: -2em;}
#buy #pagecontent h1 {font-size: 1.25em; float: left; }
#buy #pagecontent p span {background-color: #623f99; color: #fff;padding: 5px;line-height: 2em;}	

* html #pagecontent {height: 1%}
* > html #pagecontent {height: auto}

 .imagebox {width: 55%; float: right;}

#index .imagebox img {float: right; width: 100%; xwidth: 500px; margin-top: 2em;}
#products .imagebox img {float: right; width: 200px;margin-top: 1em;}
#products #left img {margin-left: 0em;}


.textbox 
{
	width: 60%;
	color: #000;
	font-weight: bold;
	margin: 0 auto;
	float: right;
}
.textbox p {padding-bottom: 0.25em; text-align: left;}
.textbox p span {color: #c18b76;}

* html #index .textbox {width: 90%;}
* html #products .textbox {width: 60%;}

#index .textbox { margin-top: 1em; width: 55%;}
#products  .textbox {width: 50%;margin-top: 1em; float: right;}
#buy .textbox {padding-left: 10px; width: 70%; float: left;}
#buy h1 {color:#623f99;}

#contactus h1 {color:#f7921e;}
#contactus .textbox {width: 70%; float: left;}

.textbox2
{
	width: 60%;
	color: #000;
	font-weight: bold;
	float: right;
}
#index .textbox2 {margin-top: 1em; width: 100%;}
#buy .textbox2 {width: 30%; float: left; margin-top: 2em;margin-right: 1em;}
#products .textbox2  span{font-style: italic; font-weight:normal;margin-top: 0;}
.textbox2 p {text-align: left;}

.textbox4
{
	xwidth: 20%;
	xwidth:40%;
	width:80%;
	xheight:12em;
	float: left;
	xmargin: 0 0 0 1.5em;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	font-weight: bold;
	position: relative;
	display: inline;	
	border: 1px solid #000;
	background-color: #87c548;
	text-align: left;	
}

.textbox5
{
	xwidth: 20%;
	xwidth: 15%;
	xwidth: 40%;
	width: 80%;
	float: left;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	font-weight: bold;
	position: relative;
	display: inline;	
	border: 1px solid #000;
	background-color:#f7921e;
	text-align: left;		
}
.textbox6
{
	xwidth: 20%;
	xwidth: 15%;
	xwidth: 40%;
	width: 80%;
	float: left;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #fff;
	font-weight: bold;
	position: relative;
	display: inline;	
	border: 1px solid #000;	
	background-color:#623f99;
	text-align: left;
}
.textbox6 p a:link {color: #f7921e;}
.textbox6 p a:hover {color: #f7921e;}
.textbox6 p a:visited {color: #f7921e;}

.textbox7
{
	xwidth: 20%;
	xwidth: 10%;
	xwidth: 40%;
	width: 80%;
	float: left;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000;
	font-weight: bold;
	position: relative;
	display: inline;	
	border: 1px solid #000;
	background-color: #ed008c;
	text-align: left;	
}

.textbox8 {
	width:100%;
	padding: 5px;
	margin:0;
	text-align: center;
	font-size: 0.8em;
}
 .textbox7 p {margin-bottom: 1em;}

 .textbox9
{
	width:40%;
	float: left;
	margin: -10em 0 0 1em;
	padding: 0.5em;
	color: #000;
	font-weight: bold;
	position: relative;
	display: inline;	
	border: 1px solid #000;
	background-color: #fff;
	text-align: left;	
}
#box .textbox9 p {margin:0; padding: 0;}


#box {
	width:100%;
	margin:0 auto;
}


#box h1 {text-align: left; font-size: 1.25em;}


 dl
 {
	 margin: 0;
	 padding:0;
	 float:left;
	 text-align: left;
 }
 
 dt
 {
	 margin: 0;
	 padding: 0;
	 color: #f7921e;
	 font-weight: bold;
	 xbackground-color:#f7921e; 
 }
 
 dd
 {
	 margin: 0;
	 padding: 0.5em ;
	 color: #000;
 }
form {
	color:#000;
	font-size:1em;
	font-weight:bold;
	xwidth:40%;
	float: right;
}
	
fieldset {
	border: 0 none;
	xmargin-bottom:1em;
	margin-bottom: 0.5em;
	xline-height:1em;
	line-height: 0.75em;
	padding:0.5em;
	background-color:#fff;
}
fieldset legend {
	 color:#f7921e;
	 font-weight:bold;
	 padding:0.5em
}
fieldset p {
	 xmargin:0.3em 0;
	 margin: 0;
	 min-height:2em;
	
}
fieldset p label {
	display:block;
	 width:13em;
	 min-width:13em;
	 float:left;
	 text-align: left;
}
input,select,textarea{vertical-align:bottom;}
	 
input.button {
	 font-size:.9em;
	 padding:0.3em;
	 background-color:#fff;
	 color:#921;
	 border:0.2em outset #000;
}
			
#buy form {float: right; margin-top: -1em; width:50%;}
#buy .textbox4 form {width: 100%; margin-top: -0.5em;}
#buy .textbox4 form td{color: #fff;}


#contactus form {margin-top: 0;}
#contactus form fieldset p label {padding-right: 1em;}

#footer
 {
	 clear: both;
	 height: 40px;
	 background: #fff url(footerbg.gif) repeat;
     font-size: 0.75em;
     text-align: center;
     color: #000;
     width: 85%;
     margin: 0 auto;
 }

 #footer a {color:#000;font-weight: bold; } 
 #footer a:hover {text-decoration: underline; color: #000; background-color: #fff;font-weight: bold;}
 #footer p {padding: 0.5em 0.5em 0 0;}
 
 * html #footer {width: 85%; margin: 0 auto;}
 #clearfooter {clear: both; height: 3em;}
.clear
{
	clear: both;
}