TABLE.menu {
  border-spacing: 0px;
  border: 2px solid;
  border-top-color: #006699;
  border-bottom-color: #0033ff;
  border-left-color: #006699;
  border-right-color: #0033ff;
  background-color: #F0F0F0;
  border-bottom-width: 1px;
}

TD.menu {
  border-bottom: 1px solid;
  border-right: 0px dashed;
  border-left: 0px;
  border-top: 0px;
  padding: 1px;
  border-bottom-color: #0033ff;
  border-right-color: #0033ff;
  background-color: #F0F0F0;
  font-size:12px;
  font-family:Arial;
}

#couponTable TD.menu {
  border-bottom: 1px solid;
  border-right: 1px dashed;
  border-left: 1px dashed;
  border-top: 0px;
  padding: 3px;
  border-bottom-color: #0033ff;
  border-right-color: #0033ff;
  background-color: #F0F0F0;
  font-size:12px;
  font-family:Arial;
}

body {
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 0em;
  font-family: arial;
  font-size: 8pt;
}

h1 {
  font-family: arial;
  font-size: 32pt;
  font-style: normal;
  font-weight: normal;
  padding: 0px 0%;
  margin: 0px 0%;
}

h1.adicolor {
  font-family: arial;
  font-size: 32pt;
  font-style: normal;
  font-weight: normal;
  padding: 0px 0%;
  margin: 0px 0%;
}


h1.style {
  font-family: arial;
  font-size: 18pt;
  font-style: normal;
  font-weight: normal;
  color: #0033ff;
  padding: 0px 0%;
  margin: 0px 0%;
}

h2 {
  background: #0033FF;
  font-family: arial;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  padding: 0px 0%;
  margin: 0px 0%;
}  

font.error { 
  font-family: arial; 
  font-size: 10px;
  color: #cc0000;
  padding: 0px 0%;
  margin: 0px 0%;
}

font.cart { 
  font-family: arial; 
  font-size: 12px;
  color: #000000;
  padding: 0px 0%;
  margin: 0px 0%;
}

font.category { 
  font-family: arial; 
  font-size: 12px;
  color: #0033ff;
  padding: 0px 0%;
  margin: 0px 0%;
}

font.empty { 
  font-family: arial; 
  font-size: 12px;
  color: #000000;
  padding: 0px 0%;
  margin: 0px 0%;
}

a img, a:link img {
  border: none;
  text-decoration:none;
  display: block; 
}

a.menu {
  color: #FFFFFF;
  font-weight: bold;
}

a.menu:visited {
  color: #FFFFFF;
}

A.menu:hover {
  color: #0033FF;
  background: #FFFFFF;
}

A.h2 {
  color: #FFFFFF;
  text-decoration: none;
}

A.h2:visited {
  color: #FFFFFF;
}

A.h2:hover {
  color: #0033FF;
  background: #FFFFFF;
}

#contentarea {
	position:  absolute;
	margin:  0;
        top: 175px;
        left: 170px;
/*  Replace with your choice of content area width.  */
	width:  600px;
	background-color:  #FFFFFF;
	color:  #000000;
	height:  1%; /*  IE hack related to float:  left bug.  */
	float:  left;
}

#contentareacheckout {
	position:  absolute;
	margin:  0;
        top: 175px;
        left: 170px;
/*  Replace with your choice of content area width.  */
	width:  720px;
	background-color:  #FFFFFF;
	color:  #000000;
	height:  1%; /*  IE hack related to float:  left bug.  */
	float:  left;
}


#leftcolumncontent {
	position:  absolute;
/* replace this value with the height of your header. */
	top:  175px;
	left:  2px;
/* replace with the width of your left column div */
	width:  165px;

}

#rightcolumncontent {
	position:  absolute;
/* replace this value with the height of your header. */
	top:  175px;
/* replace with the sum of the widths of your left column and content area divs. */
	left:  790px;
/* replace with the width of your right column div */
	width:  200px;
}

#columnsize {
	clear:  both;
/* this is the lowest possible value that will ensure three columns.  Do not lower this value, or your layout will break up. */
	height:  1px; 
	overflow:  hidden;
	border:  none;
	margin:  0; 
	padding:  0;
	background:  transparent;
}

#header {
	position:  absolute;
	top:  0;
	left:  0;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width:  100%;
/* replace this value with the height of your header. */
	height:  170px;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#headerlogo {
	position:  absolute;
	top:  0;
	left:  140px;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width:  500px;
/* replace this value with the height of your header. */
	height:  150px;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#headerinfo {
	position:  absolute;
	top:  30px;
	left:  620px;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
  width: 205px;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#headermenuinfo {
	position:  absolute;
        top: 145px;
	left:  0;
  width: 100%;
  background: #0033FF;
  border-bottom: 1px solid;
  border-bottom-color: #0033FF;

}

#footer {
  position: fixed;
  bottom: 5px;
  left: 30%;
  width: 40%;
  margin:  0;
  padding:  0;
  background: #FFFFFF;
}

div.menubox {
  background: #F0F0F0;
  border-spacing: 0px;
  border: 1px solid;
  border-top-color: #0033FF;
  border-bottom-color: #0033FF;
  border-left-color: #0033FF;
  border-right-color: #0033FF;
  padding: 2px;
  margin: 3px;
}

#styleinfo {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 200px;
}

#styleimage {
  position: absolute;
  top: 17px;
  left: 0px;
  width: 400px;
}

td.thinfield
{
	text-align:right;
	font-size:12px;
	font-family:Arial;
	
}

td.header
{
	text-align:right;
	font-size:12px;
	color:Black;
	font-family:Arial;
	font-weight:bold;
}

table.api
{
	width:620px;
}

.clear {
	clear:  both;
}