/*--------------------------------------------------------------------
  ExpertsDirect Styles August 2007
--------------------------------------------------------------------*/

/*--------------------------------
  Category Module Styles
--------------------------------*/

/* ====================
   Content Module Override
   To Eliminate Borders
   And Set Width Back To
   555px Since No Borders
=====================*/
#contentModule
{
  width: 555px;
  border: none;
}

#contentModule #tlCorner
{
  position: absolute;
  top: 0; left: 0;
}

#contentModule #trCorner
{
  position: absolute;
  top: 0; right: 0;
}

#contentModule #blCorner
{
  position: absolute;
  bottom: 0; left: 0;
}

#contentModule #brCorner
{
  position: absolute;
  bottom: 0; right: 0;
}

/*--------------
  Expert Category Module (regular cats)
--------------*/
#catAlphaNav
{
  display: block;
  margin: 0;
  padding-bottom: 20px;
  float: left;
  clear: left;
  width: 100%;
  border-top: 2px solid #e28c40;
  background-color: #fff; 
}

#catAlphaNav ul
{ 
  display: block;
  width: 494px;
  width: 513px;
  margin: 0 auto; padding: 0;
  list-style-type: none;
}

#catAlphaNav li
{
  float: left;
  display: block;
  margin: 2px 5px 2px 0;
}

#catAlphaNav li a
{
  text-decoration: none;
}

#catAlphaNav li a strong
{
  display: block;
  width: 14px;
  height: 14px;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  background-color: #333; /* dark gray */
  color: #fff;
}

/* Disabled Alpha Category */
#catAlphaNav li a.off strong
{
  background-color: #aaa; /* light gray */
}

#catAlphaNav li a:hover strong
{
  background-color: #e28c40; /* orange */
  color: #fff;
}

/* Disabled Alpha Category Hover */
#catAlphaNav li a.off:hover strong
{
  background-color: #aaa; /* light gray */
  color: #fff;
}

#catAlphaNav p
{ 
  width: 494px;
  width: 513px;
  margin: 8px auto;
  color: #333;
}

/*--------------
  Expert Category Module (regular cats)
--------------*/
#expCatModule
{
  clear: left;
  height: 70%;
  background-color: #fff;
}

#catHeading
{
  display: block;
  float: left;
  clear: left;
  padding: 10px 0 8px 0;
  width: 100%;
  background-color: #fff; 
}

#catHeading img
{
  display: block;
  float: left;
  margin: 0 8px 0 10px;
}

#catHeading h3,
#contentHeading h3
{
  display: block;
  float: left;
  margin: 0 8px 0 10px;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #d86600;
}

#catHeading .viewAllLink
{
  display: block;
  float: left;
  margin: 2px 0 0 0;
}

#catHeading .viewAllLink a
{
  text-decoration: underline;
  color: #000;
}

#viewAlphaCat,
#viewCatList
{
  display: inline;
}

#expCatModule #catList
{
  display: block;
  clear: left;
  width: auto;
  border-top: 2px solid #e28c40;
  background-color: #fff; 
}

/*--------------
  Medical Category Module
  AND
  Splash Links Module
--------------*/
#medCatModule,
#splashLinksModule
{
  clear: left;
  height: 30%;
  background-color: #fff0cc; 
}

#medCatHeading,
#splashLinksHeading
{
  display: block;
  float: left;
  clear: left;
  padding: 10px 0 8px 0;
  width: 100%;
  background-color: #fff; 
}

#medCatHeading img,
#splashLinksHeading img
{
  display: block;
  float: left;
  margin: 0 8px 0 10px;
}

#medCatHeading h3,
#splashLinksHeading h3,
#contentHeading h3
{
  display: block;
  float: left;
  margin: 0 8px 0 10px;
  font-family: Verdana, Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #d86600;
}

#medCatHeading .viewAllLink,
#splashLinksHeading .viewAllLink
{
  display: block;
  float: left;
  margin: 2px 0 0 0;
}

#medCatHeading .viewAllLink a,
#splashLinksHeading .viewAllLink a
{
  text-decoration: underline;
  color: #000;
}

#medCatList,
#splashLinkList
{
  display: block;
  clear: left;
  border-top: 2px solid #e28c40;
  background-color: #fff0cc; 
}

/*--------------
  Shared Expert/Medical Category Styles
--------------*/
#catLeft,
#medLeft
{
  display: block;
  float: left;
  width: 268px;
  padding: 6px 5px;
}

/* IE Fix */
* html body #catLeft,
* html body #medLeft
{
  width: 278px;
}

#catRight,
#medRight
{
  display: block;
  float: right;
  width: 267px;
  padding: 6px 5px;
}

/* IE Fix */
* html body #catRight,
* html body #medRight
{
  width: 277px;
}

.catGroup
{
  font-size: 11px;
  color: #666;
  padding-bottom: 5px;
}

.catGroup a
{
  color: #666;
}

.catGroup strong
{
  display: block;
  clear: left;
  font-size: 14px;
  font-weight: bold;
  color: #66c; /* Lg Category Blue */
  text-decoration: underline;
}

.catGroup strong a
{
  color: #66c; /* Lg Category Blue */
}

.catGroup img
{
  vertical-align: bottom;
  padding-bottom: 1px;
}

/*--------------
  Individual Category Name Display (A-Z)
--------------*/
.catListAlpha
{
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  background: #fff;
}

.catListAlpha a
{
  display: block;
  float: left;
  width: 266px;
  padding: 6px 5px;
  font-size: 12px;
  text-decoration: underline;
  color: #66c; /* Category Blue */
  color: #33c; /* Category Blue */
}

/* IE Fix */
* html body .catListAlpha a
{
  width: 276px;
}