﻿html
{ 
	font-size:100.01%; 
}

body
{
	font-family: Arial, Verdana, Helvetica, Geneva, Sans-Serif;
	font-size:76%;
	margin:0;
	color: #000;
	background: #fff; 
}

h2
{
  font-size:125%;
}
ul
{
  list-style:none;
  margin:0;
  padding:0;
}
#header
{
  margin:0 auto;
  position:relative;
  text-align:center;
  width:825px;
  
}
#menu-main
{
  margin:0 auto;
  height:25px;
  width:825px;
}
#menu-main
{
  border:1px solid #c0c0c0;
}

#menu-main ul li
{
  float:left;
}
#menu-main ul li a
{
  background-color:#fff;
  color:#00004c;
  display:block;
  font-size:105%;
  font-weight:bold;
  height:22px;
  padding-top:3px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:275px;
}
#menu-main ul li:hover,
#menu-main ul li a:hover,
#menu-main ul li a.current
{
  background-color:#00004c;
  color:#fff;
}

#menu-categories,
#menu-categories ul
{
  margin:0 auto;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.75em;
  z-index:99;
}
#menu-categories a:link,
#menu-categories a:active,
#menu-categories a:visited
{
  color:#336699;
  display:block;
  font-weight:bold;
  padding:0px 14px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
}

#menu-categories a:hover
{
  color:#000;
}
#menu-categories li
{
  float:left;
  position:relative;
}
#menu-categories ul
{
  position:absolute;
  width:12em;
  top:1.5em;
  display:none;
}
#menu-categories li ul
{
  background-color:#eee;
}
#menu-categories li ul a
{
  color:#000 !important;
  float:left;
  font-weight:normal !important;
  text-align:left !important;
  text-transform:none !important;
  width:14em;
}
#menu-categories li ul a:hover
{
  text-decoration:underline !important;
}

#menu-categories ul ul
{
  top:auto;
}	

#menu-categories li ul ul
{
  left:12em;
  margin:0px 0 0 10px;
}

#menu-categories li:hover ul ul, 
#menu-categories li:hover ul ul ul, 
#menu-categories li:hover ul ul ul ul
{
  display:none;
}
#menu-categories li:hover ul, 
#menu-categories li li:hover ul, 
#menu-categories li li li:hover ul, 
#menu-categories li li li li:hover ul
{
  display:block;
}


#wrapper
{
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  height:100%;
  margin: 0 auto;
  min-height:400px;
  overflow:auto;
  width: 825px;
}
#wrapper p
{
  margin-left:6px;
  margin-right:6px;
}
#wrapper table
{
  margin-left:6px;
  margin-right:6px;
}
.twoColumn #wrapper
{
  background:#fff url(../../images/bg-wrapper.gif) repeat-y 0 0;
}
.twoColumn #wrapper p
{
  margin-left:0;
  margin-right:0;
}
.twoColumn #wrapper table
{
  margin-left:0;
  margin-right:0;
}

.breadcrumb
{
  background-color: #01004c;
  color:#ffffff;
  margin-left:1px;
  padding: 3px 6px;
}
#menu-left
{
  float:left;
  width:225px;
}
#menu-left ul
{
  margin:0 6px;
}
#menu-left ul li a
{

  color:#01004c;
  display:block;
  font-size:90%;
  padding:3px 6px;
  text-decoration:none;
}
#menu-left ul li a:hover,
#menu-left ul li a.current
{
  background-color:#f2f3f8;
  font-weight:bold;
  text-decoration:underline;
}
#content
{
  float:left;
  margin:0;
  overflow:hidden;
  width:600px;
}

#footer
{
  border: 1px solid #c0c0c0;
  clear:both;
  margin:0 auto;
  overflow:auto;
  width:825px;
}
#footer ul li
{
  float:left;
}
#footer ul li a
{
  color:#369;
  display:block;
  font-size:85%;
  padding:3px 8px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:100%;
}
#footer ul li a:hover
{
  color:#000;
}

.productDetail
{
  color:#666;
  float: right;
  margin-right:12px;
  width: 288px;
}
.productDetail h2
{
  margin-top:12px;
  margin-bottom:3px;
  padding:0;
}
.productDetail p
{
  font-family:Verdana, Arial, Geneva, Helvetica, Sans-Serif;
  font-size:90%;
  line-height:1.5em;
  margin:6px 6px 6px 0;
  text-align:justify;
}

.productDetailImages
{
   float: left;
   padding-top:12px;
   text-align:center;
   width: 280px;
}
.productDetailImages .suggestedProduct
{
   border:1px solid #ccc;
   display:table-cell;
   float:left;
   height:95px;
   margin:6px;
   overflow:hidden;
   vertical-align:center;
}
/* Miscelaneous Classes *******************************************************/
.link-image-zoom
{
  background:#3477ba url(/images/bg-link-image-zoom.gif) no-repeat top left;
  border:1px solid black;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  display:block;
  margin:6px 0 6px 6px;
  padding:3px 0 3px 27px;
  text-decoration:none;
  text-transform:uppercase;
}
.link-image-zoom:hover
{
  text-decoration:underline;
}
.link-email-product,
.link-size-chart
{
  background-position:left top;
  background-repeat:no-repeat;
  color:#3366cc;
  display:block;
  font-size:12px;
  margin:9px 0;
  padding:0 0 0 24px;
  text-decoration:none;
}
.link-email-product
{
  background-image:url(/images/bg-link-email-product.gif);
}
.link-size-chart
{
  background-image:url(/images/bg-link-size-chart.gif);
}

.link-email-product:hover,
.link-size-chart:hover
{
  color:#ff9933;
}

.attributeSelector{}
.attributeSelector h3
{
  border-bottom:1px dotted #01004c;
  color:#01004c;
  }
.attributeSelector input.imageButton
{
  border:0;
  display:block;
  margin: 6px 0 0 0;
}
.attributeSelector p.confirmMessage
{
  background:#ffffff url(/images/bag_small.gif) no-repeat top left;
  color:#01004c;
  font-weight:bold;
  padding:0 0 0 27px;
}