body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: red;
}

.uppart 
{
	background-color: #54a6cd; 
	color: #ffffff;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.downpart
{
	background-color: #54a6cd; 
	color: #ffffff;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;	
	min-width: 65%;
	max-width: 70%;

	float:left;
}

.products
{
	background-color: #54a6cd; 
	color: #ffffff;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;	
	min-width: 69%;
	max-width: 69%;

	float:right;
}


.catpart
{
	background-color: #54a6cd;
	color: #ffffff;	
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;	
	min-width: 23%;
	max-width: 23%;

	float:left;
}

.search
{
	float:left;
	background-color: #54a6cd; 
	color: #ffffff;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 200px;
}
.live_video
{
	float:left;
	background-color: #54a6cd; 
	color: #ffffff;	
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	max-width: 200px;
}

.allthereis
{
	background-color: #9bc1fb;
	color: #804000;
	padding-left: 12px;
	padding-right: 12px;
	display: block;
}
.myframe
{
	padding: 20px;
}

.item
{
	background-color: #9bc1fb;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	min-height: 160px;
	max-height: 180px;
	color: #303f58;
}
.usershit
{
	text-align: right;
}

.topmenu
{
	text-align: left;
	float: left;
	font-size: medium;
	font-weight: bold;
}

.leftshit
{
	float:left;
	padding-right: 5px;
}

.rightshit
{
	float:right;
}

.price
{
	text-align:right;
}

A:link 
{
  color: #008000;
  text-decoration: none;
}
A:visited
{
  color: #008000;
  text-decoration: none;
}
A:active
{
  text-decoration: none;
  color: #0fd960;
}
A:hover 
{
  text-decoration: underline;
  color: red;
  background-color: #54a6cd;
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/image/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/image/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/image/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}