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
{
  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(/wcsstore/ConsumerDirect/images/site/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(/wcsstore/ConsumerDirect/images/site/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(/wcsstore/ConsumerDirect/images/site/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(/wcsstore/ConsumerDirect/images/site/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("/wcsstore/ConsumerDirect/images/site/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("/wcsstore/ConsumerDirect/images/site/top_bg.gif") repeat-x;}
td.mbg { background:url("/wcsstore/ConsumerDirect/images/site/m_bg.gif") repeat-x;}
td.sidebg { background:url("/wcsstore/ConsumerDirect/images/site/side_bg.jpg") no-repeat #122D7A;}
td.sidebg2 { background:url("/wcsstore/ConsumerDirect/images/site/side_bg2.jpg") no-repeat #122D7A;}

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

td.featurebg {
  font-size:8pt;
  padding:6px;
  background:url("/wcsstore/ConsumerDirect/images/site/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%;
}

.mainAreaContainer hr
{
    width:99%;
    float:left;
}

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


}


/******************************************
// videoEspotContainer li
// Description: the indivigual e-spot container for videos.
// this keeps everything centered with the bigger
// main e-spot on the top of the page.
*/
.videoEspotContainer
{
  float:left;
  display:block;
  width:100%;
  margin-right:8px;
  margin-left:8px;
  margin-top:10px;
  text-align:left;


}
.videoEspotContainer h3
{
  text-align:left;
  color:#4861A5;
  width: 100%;
  float:left;
  min-width:700px;

}

.videoEspotContainer p
{
    padding-right:10px;
}

.videoEspotContainer .video
{
   float:left;
   width: 205px;
}

.videoEspotContainer .info
{
   float:right;
   min-width: 300px;
   width:70%;
   margin-top:7px;
}

#LandingPage
{
    color:#4861A5;
    font-size:26px;
}


.MiniCart a
{
  text-decoration:none;
  font-family: arial;
  font-size: 9pt;
  color:#0000FF;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 3px;
  line-height:12px;

}

.MiniCart a:hover,
.MiniCart a:focus
{
  text-decoration:underline;
  color:#0000FF;


}

#JoveESpotContainer
{
    width:100%;
    text-align:"center";
}

.JoveHomepageEspot
{
    float:left;
    width:45%;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:8pt;

}

.JoveHomepageEspot p
{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:8pt;
}

#JoveEspotHomepageHeading
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 22px;
  text-align:left;
  font-weight:bold;
  color:#BA4114;
}


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

.showcaseContainer .showcase
{
  float:left;
  width:45%;
  text-align:left;
}

.showcaseContainer .showcase ul
{
  margin-top:0;
  padding-top:0;
  margin-bottom:0;
  padding-bottom:0;
}

.showcaseContainer .showcase ul li ul
{
  list-style:none;
  padding-left:10px;
  margin:0;
}

</style>