body { 
  margin:0px;
  padding:0px; 
  font-size:16px
}

a:hover {  text-decoration:underline;color:#498BF9; }
a.darklink { color:#498BF9; }

TD {    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; }
INPUT {   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
TEXTAREA {    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
SELECT {    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
FORM { margin:0px; }

h1,h2,h3,h4,h5,h6 {
  color:#4861A5;
  background:none;
  margin:0px;
}

h3,h1
{
  font-size:120%;
}

.text07 { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7.5pt; }
.text08  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; }
.text09  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; }
.text10  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; }
.text11  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11pt; }
.text12  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12pt; }
.text14  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14pt; }
.text16  { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16pt; }


.pagetitle {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:14pt;
  font-weight:bold;
  color:#4861A5;
}


td.maincontent {
  padding:8px;
}

td.HBIOmaincontent {
  padding:0px;
}

.tabheadername {
  display:block;
  color:#584970;
  font-weight:bold;
  text-align:left;
  white-space:nowrap;
  text-decoration:none;
}

a.tabsel {
  color:#FFFFFF;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
}

a.tabsel:hover {
  color:#FFFFFF;
  text-decoration:none;
}

a.tab {
  display:block;
  color:#584970;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
}

a.tab:hover {
  color:#584970;
  text-decoration:none;
}

.crumbtrail, a.crumbtrail:link, a.crumbtrail:visited, a.crumbtrail:active {
  font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color :#4861A5;
  font-weight:bold;
  text-decoration:none;
}



td.tabsel {
  height:18px;
  padding:2px 7px 0px 7px;
  color:#FFFFFF;
  background:#4C5A88 url(../images/tab_bg_.gif) repeat-x;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

/*checkout styles JL 11/18*/
th.labelText2 {
  background-color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  margin: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #584970;
  padding: 3px;
  text-decoration: none;
  text-align: left;
  height:25}

td.tab {
  height:18px;
  padding:2px 7px 0px 7px;
  color:#584970;
  background:#FFFFFF url(../images/tab_bg.gif) repeat-x;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

.contacttitle { font-size:7.5pt;color:#4861A5; }
.copyright {  font-family:Verdana,Arial,Helvetica,sans-serif; font-size:7.5pt; }

.imageborder { border:none; }
.copyright { font-size:7.5pt;line-height:170%; }

.rdot { border-bottom:1px solid #BBBBBB; }

.req {  font-size:7.5pt;color:#cc0000; }

div.menubox {
  width:154px;
  font-size:7.5pt;
  padding:5px;
  background:#DBDEE8;
  border:1px solid #55476C;
}


  .acct {
    font-size:7.5pt;
    padding:0px 0px 0px 5px;
    border-bottom:1px solid #B2BCD8;
    }

.formitem { font-size:8pt;font-weight:bold; }


input.btn {
  font-weight:bold;
  height:22px;
  color:#584970;
  background:#E8EBF6 url(../images/btnbg.gif) repeat-x;
  padding:2px 7px;
  border-top:1px solid #584970;
  border-left:1px solid #584970;
}

input.favbtn {
  font-weight:bold;
  height:22px;
  width:135px;
  color:#584970;
  background:#E8EBF6 url(../images/btnbg.gif) repeat-x;
  padding:2px 0px;
  border-top:1px solid #584970;
  border-left:1px solid #584970;
}

.uldark { border-bottom:2px solid #666666; }
.ulmed { border-bottom:1px solid #666666; }
.ullight { border-bottom:1px solid #cccccc; }
.ulxlight { border-bottom:1px solid #eeeeee; }
.ullightreq { color:#cc0000;border-bottom:1px solid #cccccc; }
.ulrllight { border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.ulrldark { border-bottom:2px solid #666666;  border-right:2px solid #666666}
.ullightrldark { border-bottom:1px solid #cccccc; border-right:2px solid #666666}

.menureg {
  position:absolute;
  left:-2px;
  padding:0px;
  font-family:verdana,arial,helvetica;
  font-size:7.5pt;
  background-color:#F3F5FB;
  layer-background-color:#F3F5FB;
  color:#1D034C;
  border:1px solid #B0B7CE;

  }

.menuover {
  position:absolute;
  padding:0px;
  font-family:verdana,arial,helvetica;
  font-size:7.5pt;
  background-color:#CED7F4;
  layer-background-color:#CED7F4;
  color:#3F4A70;
  border:1px solid #3F4A70;
  cursor:pointer;
  cursor:hand;

  }


.menureg3 {
  position:absolute;
  padding:0px;
  font-family:verdana,arial,helvetica;
  font-size:7.5pt;
  color:#1D034C;
    text-align:left;
  }

.menuover3 {
  position:absolute;
  padding:0px;
  font-family:verdana,arial,helvetica;
  font-size:7.5pt;
  color:#3F4A70;
  cursor:pointer;
  cursor:hand;
    text-align:left;
  }


a.index {
  width:16px;
  height:16px;
  padding:0px;
  margin:1px;
  font-family:verdana,arial,helvetica;
  font-size:7.5pt;
  background:#F3F5FB;
  color:#1D034C;
  border:1px solid #B0B7CE;
  text-decoration:none;
  font-weight:bold;
}

a.index:hover {
  background:#CED7F4;
  color:#3F4A70;
  border:1px solid #3F4A70;
  text-decoration:none;
  cursor:pointer;
  cursor:hand;
}


td.topbar {
  border-top:1px solid #5B4C74;
  border-bottom:1px solid #5B4C74;
  background:#D3D6E1 url("../images/topbar.gif") repeat-x;
  height:26px;
  padding:2px 7px;
}

td.topmenubar {
  border-top:4px solid #112E79;
  border-bottom:1px solid #B2BCD8;
  background:#F6EFBB;
  margin: 0px;
  padding: 0px;
}

td.iconmenubar {
  border-bottom:1px solid #B2BCD8;
  background:#F6EFBB;
}

td.topbg { background:url("../images/top_bg.gif") repeat-x;}
td.mbg { background:url("../images/m_bg.gif") repeat-x;}
td.sidebg { background:url("../images/side_bg.jpg") no-repeat #122D7A;}
td.sidebg2 { background:url("../images/side_bg2.jpg") no-repeat #122D7A;}

td.welcomebg {
  height:26px;
  font-size:8pt;
  padding:0px 0px 0px 19px;
  background:url("../images/welcome_bg.gif") repeat-x;
}

td.featurebg {
  font-size:8pt;
  padding:6px;
  background:url("../images/feature_bg.jpg") no-repeat #F6EEBA;
}



/* WEBFASHION STYLES */



td.shadowbox {
  border-top:#dddddd 3px double;
  border-right:#333333 3px double;
  border-bottom:#333333 3px double;
  border-left:#cccccc 3px double;
}


font.subheader {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: White;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}


font.text {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: black;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

font.address {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: black;
  padding: 0px;
  margin: 0px;
}

font.price {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 9pt;
  color: black;
  padding: 0px;
  margin: 0px;
}

font.strongprice {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 9pt;
  font-weight: bold;
  color: black;
  padding: 0px;
  margin: 0px;
}

font.strongtext {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: black;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

font.required {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #CC6600;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

font.subtext {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 7pt;
  color: #334A66;
  padding: 0px;
  margin: 0px;
}

font.footer {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: white;
  padding: 0px;
  margin: 0px;
}


font.category { font-family: Verdana,Arial,Helvetica,sans-serif; font-size:14pt; font-weight:bold;color:#4861A5;}

font.storename {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
}

font.product {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: #334A66;
  padding: 0px;
  margin: 0px;
}

font.subtotal {
  font-family: Arial, Helvetica, sans-serif, Verdana;
  font-size: 10pt;
  font-weight: bold;
  text-align: right;
  color: #334A66;
  padding: 0px;
  margin: 0px;
}


font.shoppingcart {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: #CC6600;
}

font.productname {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  color: #334A66;
  padding: 0px;
  margin: 0px;
}


/******************************************
// Company
// Description: Main container for the about 
// us design. 
*/
.company
{
	float:left;
	display:block;
	width:100%;
	padding-bottom:5px;
}

/******************************************
// h1 and h3
// Description: overrides for h1 and h3 tags. 
*/
.company h1
{
	float:left;
	width: 100%;
	font-size: 150%;
	color:#0033FF;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
}	
.company h3
{ 
	float:left;
	margin:7px 0px;
	width:100%;
	font-size:100%;
	color:#000000;
	font-weight:bold;
	display:block;
}

/******************************************
// logoArea
// Description: (Left side) holds logo image 
// and contact details for aboutUs
*/
.logoArea
{
	float:left;
	width:50%;
	min-width:220px;
}

/******************************************
// logoArea ul and li
// Description: Contact info is in a list format.   List padding and margin are set to 0 to keep 
// pressed along the left side (under the image)
*/
.logoArea ul
{
	padding:0;
	margin:0;
	list-style: none;
}

.logoArea li
{
	padding:0;
	margin:0;
}

/******************************************
// blurb
// Description: Holds the main text for each company 
// in the About Us display. 
*/
.blurb
{
	float:right;
	width:50%;
	*width:49%;  /* IE hack */
}
/******************************************
// blurb p
// Description: For right now, this just keeps paragraphs from 
// pressing all the way to the right side.    
*/
.blurb p
{
	padding-right:5px;
}

/******************************************
// divider
// Description: container for "hr" tags.  We shouldn't need this, 
// but a regular HR clapses (and can't be seen) without this.  
// Probibly due to a parent stylesheet - this container keeps it visable. 
*/
.divider
{
	float:left;
	width:100%;
	display:block;
	height:5px;
	padding-bottom:2px;
	padding-top:2px;
}

/******************************************
// requiredField
// Description: Style to indicate Required Fields
// in forms.   
*/
.requiredField         
{                      
	color:#FF0000;        
	font-weight:bold;     
}               

/******************************************
// mainAreaContainer
// Description: Container that fills 100% 
// of the main content are (the center column in the
// three colum layout that has the neavigation on the left, 
// and the e-spot column on the right).
*/
.mainAreaContainer
{
  float:left;
  display:block;
  width: 100%; 
}  

/******************************************
// leftTwoThirdsContainer
// Description: Generic container that covers
// the left 2/3s of the mainAreaContainer.
*/
.leftTwoThirdsContainer
{
  float:left;
  display:block;
  width:60%;
}

/******************************************
// rightOneThirdContainer
// Description: Generic container that covers
// the right one third of the mainAreaContainer.
// A max-width keeps this container from overstepping
// its bounds.   
*/
.rightOneThirdContainer
{
  float:right;
  display:block;
  width:39%;
  *width:38%;
  min-width:200px;
  margin-left:3px;
}


.productResults
{
  float:left;
  width:100%;
}
.productResults img
{
  float:left;
  margin-right: 5px;
}

.productDetails
{
  float:right;
  width: 80%;
}

.resultsContainer
{
  width:100%
  float:left;
}

.resultsBanner
{
  display:block;
  width:100%;
  background: #8b0000;
}

/******************************************
// scrollSpecTable
// Description: Allows the product specification
// table to scroll left to right if the width exceeds
// the set width here.   
*/
.scrollSpecTable
{
  
  width:600px;
  min-width:300px;
  overflow:auto;
  
}

/******************************************
// smallEspotContainer
// Description: For the Product Promo page
// This sets the container for the 6 small espots
// and centers them.  Note that the e-spots
// need to be in a list due to them being floated.  
*/
.smallEspotContainer 
{
  width:600px;
  margin:0 auto;
  text-align:center; 
}

/******************************************
// smallEspotContainer ul
// Description: Keeps the e-spots centered.   
*/
.smallEspotContainer ul
{
  list-style:none;
  text-align:center;
}

/******************************************
// smallEspotContainer li
// Description: the indivigual e-spot container.   
// this keeps everything centered with the bigger 
// main e-spot on the top of the page.   
*/
.smallEspotContainer li
{
  float:left;
  display:block;
  width:155px;
  margin-right:8px;
  margin-left:8px;
  margin-top:10px;
 
 
}


  






</style>