TABLE.menu {
  border-spacing: 0px;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: none;
  border-right: none;
  border-top-color: #0033ff;
  border-bottom-color: #0033ff;
  background-color: #FFFFFF;
  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;
  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: 16pt;
  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: bold;
  color: #FFFFFF;
  padding: 0px 0%;
  margin: 0px 0%;
}  

.sale {
  color: #FF0000;
  font-weight: bold;
}

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:link, a{
  text-decoration: none;
}

a:link:hover, a:hover {
  text-decoration: underline;
}

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

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: relative;
        left: 10px;
        width: 720px;
	background-color:  #FFFFFF;
	color:  #000000;
	height:  1%; /*  IE hack related to float:  left bug.  */
	float:  left;
}

#contentareacheckout {
        position: relative;
        left: 10px;
        width: 720px;
	background-color:  #FFFFFF;
	color:  #000000;
	height:  1%; /*  IE hack related to float:  left bug.  */
	float:  left;
}

#maincontainer {
  margin-top: 140px;
}

#leftcolumn {
  width: 200px;
  margin-top: 3px;
  float: left;
}

#leftcolumncontent {
	position:  absolute;
/* replace this value with the height of your header. */
	top:  145px;
	left:  0px;
/* replace with the width of your left column div */
	width:  200px;
        height: auto;
        background: #FFFFFF;


}

#rightcolumncontent {
	position:  absolute;
display:none;
/* replace this value with the height of your header. */
	top:  170px;
/* 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;
        height: auto;

}

#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;
        border-bottom: 0px;
        border-bottom-color: #000066;
/* 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:  140px;
        background: #000066;
	color:  #FFFFFF;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#header #searchbox {
  width: 190px;
  position: absolute;
  right: 10px;
  top: 80px;
  color: #000000;
}
input.searchtext {
  background: #FFFFFF;
  color: #000066;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  border: none;
  padding-left: 2px;
}
input.searchbutton {
  border: 2px solid #0033FF;
  background: #0033FF;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
}
input.searchbutton:hover, input.searchbuttonhov {
  border: 2px solid #FFFFFF;
  background: #0033FF;
}

input.cartButton {
  border: 2px solid #0033FF;
  background: #FFFFFF;
  color: #0033FF;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
}
input.cartButton:hover, input.cartButtonhov {
  border: 2px solid #000066;
  background: #F9F9F9;
  color: #0033FF;
  font-weight: bold;
}


#header font.cart{
  color: #FFFFFF;
}

#header h1.style {
  color: #FFFFFF;
  font-weight: bold;
  font-family: arial;
  font-size: 32px;
}

#headerlogo {
float: left;
margin-left: 20px;
margin-top:  0px;

/* 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. */

/* replace this value with the height of your header. */
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;

}

#headerinfo {
float: left;
margin-top:  24px;
margin-left: 50px;
/* 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. */

	
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#headeraddress {
  position: absolute;
  right: 17px;
  top: 7px;
}

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

}

#footer {

  position: relative;
  bottom: 20px;
  width: 100%;
  margin:  0;
  padding:  0;
  background: transparent;
}

div.menubox {

  background: #000066;
  border-spacing: 0px;
  border: 0px;
  color: #FFFFFF;
  padding: 0px;
  margin-left: 1px;
  margin-top: 0px;
  margin-bottom: 3px;
}
div.menubox A {
  color: #FFFFFF;
}
div.menubox A:hover {
  font-weight: bold;
}
div.menubox .container {
  margin-left: 5px;
}

#styleinfo {
  float: right;
  position: relative;

  width: 300px;
}

#styleimage {

  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;
}

.mens {
  float: left;
  width: 50%;
}

.womens {
  float: left;
}

.clear {
  clear: both;
}

div.sortbar {
  width: 100%;
}

div.sortbar a, div.sortbar a:visited {
  color: #0033FF;
}