body {
		font-family: helvetica, arial, sans-serif;
		margin:0px 20px 0px 0px;  /* top, left, bottom, right */
		padding:0px;
		background-color: #466aae;			
		text-align: center;
}	

H1 {
	font-family: verdana,arial,helvetica,sans-serif; color: #99ffcc; font-size: xx-small; 
	margin-top : -28px;
	margin-bottom : -19px;
}



.serif { font-family: times,serif; font-size: small; }
.sans { font-family: verdana,arial,helvetica,sans-serif; font-size: small;color: #cc6600 }
.h1 { font-family: verdana,arial,helvetica,sans-serif; font-size: small;color: #cc6600 }
.small { font-family: verdana,arial,helvetica,sans-serif; font-size: x-small; }
.smallgreen { font-family: verdana,arial,helvetica,sans-serif; color: #336600; font-size: x-small; }
.h3color { font-family: verdana,arial,helvetica,sans-serif; color: #CC6600; font-size: x-small; }
.tiny { font-family: verdana,arial,helvetica,sans-serif; font-size: xx-small; }
.listprice { font-family: arial,verdana,sans-serif; text-decoration: line-through; font-size: x-small; }
.price { font-family: verdana,arial,helvetica,sans-serif; color: #990000; font-size: x-small; }
.litebluefont { font-family: verdana,arial,helvetica,sans-serif; color: #0066cc; font-size: small; }
.whitefont { font-family: verdana,arial,helvetica,sans-serif; color: White; font-size: small;font-weight: bold; }
.whitefontsmall { font-family: verdana,arial,helvetica,sans-serif; color: White; font-size: x-small;}
A:link    { color: #003333; }
A:visited { color: #003333; }
A:active  { color: blue; }
A:Hover {	color: #66cc33;}

#main {
	position: relative;
	top:0px;		
	left: 0px;
	right: 0px;
	width:96%;	
	margin:0px 0px; /* Right and left margin widths set to "auto" */	
	/*margin-left:-288px;
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
	background-color: white;	
	text-align: left;	
}
#main-topbar {
	position: relative;
	top:0px;		
	left: 0px;
	right: 0px;
	width:98%;	
	margin:0px 0px; /* Right and left margin widths set to "auto" */	
	/*margin-left:-288px;
	text-align:left; /* Counteract to IE5/Win Hack */
	padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
	background-color: white;	
	text-align: left;	
}
#zdesc {	
	position: relative;
	padding: 0px 20px 20px 20px;
	
	/*margin-left:-288px;
	text-align:left; /* Counteract to IE5/Win Hack */
	text-align: left;	
	font-family: verdana,arial,helvetica,sans-serif; font-size: x-small;
	color: #669900; font-weight: normal;	
}
#box {	
	vertical-align: bottom;  /* baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> */	
	}
	
#blueframebox {	
	position: relative;	
	width:190px;
	color: black; font-weight: normal;	
	background-color : white;
	border: #0033cc solid .05em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */		
	}	
	
#descbox {		
	width:190px;
	color: black; font-weight: normal;	
	font-family: verdana,arial,helvetica,sans-serif; font-size: x-small;
	}	

#greenframebox {
		font-variant: normal;  /* normal, small-caps  */
		position: relative;
		width:155px;
		padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
		background:#eafadc;
		border: solid green .05em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */		
		}
		
#brownframebox {
		font-variant: normal;  /* normal, small-caps  */
		position: relative;
		width:155px;
		padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
		border:#fcf1c9 solid .05em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */
		background:#f1eac0;				
		}
#brownhframebox {
		font-variant: normal;  /* normal, small-caps  */
		position: relative;
		width:155px;
		color: #336600; font-weight: normal;	
		padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
		border:#336600 solid .075em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */						
		}
#trackorderbox {	
	position: relative;	
	width:186px;		
	border:#ff6600 dashed .08em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */						
	background:#ffddbb;		
	}	
	
#musthave {	
	position: relative;	
	width:186px;		
	border:#339900 solid .08em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */						
	background:#ccffcc;		
	}	

#redframebox {
		font-variant: normal;  /* normal, small-caps  */
		position: relative;	
		width:186px;
		padding: 0px 0px 0px 0px;  /*top, right, bottom, left */
		background:#ffcccc;
		border: #ff3300 solid .08em;  /* border style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */		
		}
		
#yanyen { /* yan yen box*/
	font-family: verdana,arial,helvetica,sans-serif; color: #9e9e9e; font-size: xx-small; 
	margin-top : -15px;
	margin-bottom : 0px;
}
		
#bluebox {	
	position: relative;	
	width:190px;
	color: black; font-weight: normal;	
	background-color : #99CCFF;
	}	

#proddetail {		
	padding: 0px 0px 0px 30px;  /*top, right, bottom, left */	
	}
	
.navbg {	
	background-color: #4697d2;	
}

.stripe1 {	
	background-color: #DEF4D7;	
}
.stripe2 {	
	background-color: #c6e6bd;	
}
 
 .topbar            {font-family: verdana,arial,helvetica,sans-serif; font-size: xx-small; text-decoration:none; color: white;}
A.topbar:link       { color: white; font-weight: bold;}
A.topbar:visited       {color: white; font-weight: bold;}
A.topbar:hover       {color: #ff8000; font-weight: bold;}

.button {
  background: #3399cc;
  font-weight: bold;
  color: #ffffff;
  border-top: 3px #ccffff solid;
  border-left: 3px #ccffff solid;
  border-bottom: 3px #003399 solid;
  border-right: 3px #003399  solid;
}