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

/*--------------------------------
  Body Styles
--------------------------------*/
body
{
  background:#cecece url(../../images/new/gradient_white_gray.png) top repeat-x;
  font: 11px arial,verdana,sans-serif;
  color: #000;
}

/*--------------------------------
  Text Styles
:--------------------------------*/
.textAlt
{
  color: #d86600;
}

.textLink
{
  color: #000;
  text-decoration: none;
}

.textLink:hover
{
  color: #009;
  text-decoration: underline;
}

.noteText
{
  color: #66c; /* bright blue */
}

/*--------------------------------
  Generic Styles
--------------------------------*/
/* Force FF Vertical Scrollbar
   to prevent page shifting between
   different page lengths */
html
{
  min-height: 100%; margin-bottom: 1px;
}

.clearing
{
  display: block;
  clear: both;
}

div
{
  font: 11px arial,verdana,sans-serif;
  color: #000;
}

/*--------------------------------
  Generic Form Styles
--------------------------------*/
form
{
  margin: 0; padding: 0;
}

input
{
  border: 1px solid #333;
}

input.radio
{
  border: 0;
}

a:visited
{
  color: #66c;
}


/*--------------------------------
  Site Error Messages
--------------------------------*/
.error-message
{
  display: block;
  padding: 1px;
  background: #e28c40; /* orange back */
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.error-message ul,
.error-message p
{
  margin: 0;
  padding: 0;
}

.error-message p
{
  padding: 2px 0;
}

/*--------------------------------
  Centering Styles
--------------------------------*/
#centering
{
  margin: 20px auto;
  padding: 0 20px;
  width: 763px;
  position: relative;
}

/* IE Fix */
* html body #centering
{
  width: 803px;
}

/*--------------------------------
  About Container Styles
--------------------------------*/
#aboutContainer
{
  position: absolute;
  top: 3000px;
}

/*--------------------------------
  Header
--------------------------------*/
#header
{
}

/*--------------------------------
  Header Logo & Search Styles
--------------------------------*/
#headerLogo
{
  position: relative;
  float: left;
  background-color: #000;
  height: 52px;
}

#headerLogo
{
  width: 273px;
  width: 256px;
  background: #000 url(../../images/new/logo_experts_direct.png) no-repeat 18px 16px;
  background: #000 url(../../images/new/logo_experts_direct.png) no-repeat 9px 9px;
}

#headerLogo a
{
  display: block;
  width: 273px;
  width: 256px;
  height: 52px;
  text-decoration: none;
}

* html body #headerLogo
{
  width: 274px;
  width: 257px;
}

* html body #splashHeaderSearch
{
  width: 485px;
}

/* Hide Text Logo From CSS Enabled Browsers */
#headerLogo span
{
  visibility: hidden;
}

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

#headerLogo #trCorner
{
  position: absolute;
  top: 0; right: -1px;
}

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

#headerLogo #brCorner
{
  position: absolute;
  bottom: 0; right: -1px;
  bottom: 0; right: 0px;
}

/*--------------------------------
  Header Nav Specific Styles
--------------------------------*/
#headerNav
{
  position: relative;
  float: left;
  margin-left: 2px;
  width: 505px; 
  height: 72px;
  background: url(../../images/new/header_c_nav_grid.png) repeat-x;
}

#headerNav #leftNavGrid
{
  position: absolute;
  top: 0; left: 0;
}

#headerNav #rightNavGrid
{
  position: absolute;
  top: 0; right: 0;
}

/* -------------------------------*/

#headerNav #navBar
{
  position: relative;
  margin-top: 23px;
  margin-left: 25px;
  margin-left: 10px;
/*
  margin-right: 21px;
*/
  margin-right: auto;
}

navBar #navBarLeft
{
  position: absolute;
  top: 0; left: 0;
}

navBar #navBarRight
{
  position: absolute;
  top: 0; right: 0;
}

#headerNav #navBar ul
{
  list-style-type: none;
  margin: 0; padding: 0;
  height: 20px;
}

#headerNav #navBar ul li
{
  float: left;
}

#headerNav #navBar ul li a
{
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
/*
  background: url(../../images/new/gry_c_nav.png) repeat-x;
*/
}

#headerNav #navBar ul li a div
{
  height: 20px;
  padding-top: 3px;
  font-weight: bold;
  color: #fff;
  float: left;
  background: url(../../images/new/gry_c_nav.png) repeat-x;
}

#headerNav #navBar ul li a:hover div
{
  color: #000;
  text-decoration: none;
  background: url(../../images/new/yel_c_nav_hover.png) repeat-x;
  float: left;
}

/* -------------------------------*/

/* DEFAULT LEFT NAV BUTTON END */
#headerNav #navBar ul li a div.l
{
  width: 7px; height: 20px;
  background: url(../../images/new/gry_c_nav.png) repeat-x;
  float: left;
}

/* DEFAULT RIGHT NAV BUTTON END */
#headerNav #navBar ul li a div.r
{
  width: 7px; height: 20px;
  background: url(../../images/new/gry_c_nav.png) repeat-x;
  float: left;
}

/* -------------------------------*/

/* YELLOW HOVER LEFT NAV BUTTON END */
#headerNav #navBar ul li a:hover div.l,
#headerNav #navBar ul li.first a:hover div.l /* o-ride for first nav styles below */
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_l_nav_on_gry_hover.png) no-repeat 0 0;
  float: left;
}

/* YELLOW HOVER LEFT NAV BUTTON END */
#headerNav #navBar ul li a:hover div.r,
#headerNav #navBar ul li.last a:hover div.r /* o-ride for last nav styles below */
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_r_nav_on_gry_hover.png) no-repeat 0 0;
  float: left;
}

/* -------------------------------*/

/* FIRST LEFT NAV BUTTON LEFT END WHEN NOT ACTIVE */
#headerNav #navBar ul li.first a div.l
{
  width: 7px; height: 20px;
  background: url(../../images/new/gry_l_nav.png) no-repeat 0 0;
  float: left;
}

/* FIRST LEFT NAV BUTTON LEFT HOVER END WHEN NOT ACTIVE */
#headerNav #navBar ul li.first a:hover div.l
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_l_nav_on_wht_hover.png) no-repeat 0 0;
  float: left;
}

/* -------------------------------*/

/* FIRST LEFT NAV BUTTON LEFT END WHEN ACTIVE */
#headerNav #navBar ul li.firstActive a div.l
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_l_nav_on_wht_hover.png) no-repeat 0 0;
  float: left;
}

/* FIRST LEFT NAV BUTTON MIDDLE WHEN ACTIVE */
#headerNav #navBar ul li.firstActive a div
{
  color: #000;
  text-decoration: none;
  background: url(../../images/new/yel_c_nav_hover.png) repeat-x;
  float: left;
}

/* FIRST LEFT NAV BUTTON RIGHT END WHEN ACTIVE */
#headerNav #navBar ul li.firstActive a div.r
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_r_nav_on_gry_hover.png) no-repeat 0 0;
  float: left;
}

/* -------------------------------*/

/* LAST RIGHT NAV BUTTON RIGHT END WHEN NOT ACTIVE */
#headerNav #navBar ul li.last a div.r
{
  width: 7px; height: 20px;
  background: url(../../images/new/gry_r_nav.png) no-repeat 0 0;
  float: left;
}

/* LAST RIGHT NAV BUTTON RIGHT HOVER END WHEN NOT ACTIVE */
#headerNav #navBar ul li.last a:hover div.r
{
  width: 7px; height: 20px;
  background: url(../../images/new/yel_r_nav_on_wht_hover.png) no-repeat 0 0;
  float: left;
}

/*--------------------------------
  Content Module Styles
--------------------------------*/
#contentModule
{
  position: relative;
  float: left;
  margin: 0;
  background-color: #fff0cc; /* light orange */
  border: 1px solid #7f7f7f;
  width: 553px; /* reduced by 2 from 555 for border */
}

/* IE Fix */
* html body #contentModule
{
  width: 555px;
}

#contentModuleFull
{
  position: relative;
  float: left;
  margin: 0;
  background-color: #fff0cc; /* light orange */
  border: 1px solid #7f7f7f;
  width: 760px; /* reduced by 2 from 762px for border */
}

/* IE Fix */
* html body #contentModule
{
  width: 762px;
}

#contentModule #tlCorner,
#contentModuleFull #tlCorner
{
  position: absolute;
  top: -1px; left: -1px;
}

#contentModule #trCorner,
#contentModuleFull #trCorner
{
  position: absolute;
  top: -1px; right: -1px;
}

#contentModule #blCorner,
#contentModuleFull #blCorner
{
  position: absolute;
  bottom: -1px; left: -1px;
}

#contentModule #brCorner,
#contentModuleFull #brCorner
{
  position: absolute;
  bottom: -1px; right: -1px;
}

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

#contentHeading
{
  display: block;
  float: left;
  clear: left;
  padding: 10px 0 8px 0;
  width: 100%;
  background-color: #fff; 
  border-bottom: 2px solid #e28c40;
}

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

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

#contentHeading .viewAllLink
{
  display: block;
  float: left;
  margin: 0;
}

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

#contentHeadingSm
{
  display: block;
  float: left;
  clear: left;
  padding: 10px 0 8px 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #e28c40;
}

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

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

#contentHeadingSm .viewAllLink
{
  display: block;
  float: left;
  margin: 0;
}

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

/*--------------
  Content Area
--------------*/
#contentModule #content,
#contentModuleFull #content
{
  float: left;
  clear: left;
  margin: 0;
  padding: 5px 10px 10px;
  width: 533px; /* reduced by 20 from 553px */
  font-size: 12px;
  color: #333;
  background-color: #fff;
}

/* IE Fix */
* html body #contentModule #content
{
  width: 553px;
}

#contentModuleFull #content
{
  width: 740px; /* reduced by 22 from 762px */
}

/* IE Fix */
* html body #contentModuleFull #content
{
  width: 762px;
}

/*--------------
  Link List Module
--------------*/
#linkList
{
  display: block;
  float: left;
  clear: left;
  padding: 10px 0 8px 0;
  width: 100%;
  height: 15%;
  background-color: #fff0cc; 
}

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

/* IE Fix */
* html body #linkList a
{
  width: 276px;
}

/*--------------------------------
  Primary Module Styles
  (login module & join module)
--------------------------------*/
#primaryModule
{
  float: left;
  margin: 0 1px 0 20px; /* top was 4px when bottom border on top boxes */
}

/*--------------
  Login Module
--------------*/
#loginModule
{
  position: relative;
  width: 185px;
  background-color: #feebbe;
  border: 1px solid #d86600; /* dk orange */
  margin-bottom: 6px;
}

#loginModule #tlCorner
{
  position: absolute;
  top: -1px; left: -1px;
}

#loginModule #trCorner
{
  position: absolute;
  top: -1px; right: -1px;
}

#loginModule #blCorner
{
  position: absolute;
  bottom: -1px; left: -1px;
}

#loginModule #brCorner
{
  position: absolute;
  bottom: -1px; right: -1px;
}

#loginLink
{
  display: block;
  height: 23px;
}

#loginLink span
{
  display: block;
  float: left;
  height: 21px;
  line-height: 20px;
  vertical-align: middle;
  margin-left: 7px;
  font-family: verdana;
  font-size: 12px;
}

#loginLink #btnClickHere
{
  display: block;
  float: right;
  margin-top: 2px;
  margin-right: 4px;
}

/*--------------
  Login Form Styles
--------------*/
#loginForm
{
  margin: 10px 0 5px;
  height: 219px;
  height: 208px;
}

#loginForm label
{
  display: block;
  float: left; clear: left;
  margin-right: 4px;
  width: 64px;
  height: 24px;
  line-height: 18px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  font-size: 11px;
}

#loginForm input
{
  display: block;
  float: left;
  border: 1px solid #333;
  height: 15px;
  vertical-align: middle;
}

#loginForm #btnLogin
{
  margin-top: 3px;
  border: none;  
}

.inlineFormText
{
  display: block;
  float: left;
}

/*--------------
  Join Module
--------------*/
#joinModule
{
  position: relative;
  margin: 0;
  padding: 7px;
  width: 171px;
  border: 1px solid #d86600; /* dk orange */
  height: 203px;
  height: 201px;
}

/* IE Fix */
* html body #joinModule
{
  width: 187px;
}

#joinModule #tlCorner
{
  position: absolute;
  top: -1px; left: -1px;
}

#joinModule #trCorner
{
  position: absolute;
  top: -1px; right: -1px;
}

#joinModule #blCorner
{
  position: absolute;
  bottom: -1px; left: -1px;
}

#joinModule #brCorner
{
  position: absolute;
  bottom: -1px; right: -1px;
}

#joinModule #brCorner
{
  position: absolute;
  bottom: -1px; right: -1px;
}

#joinModule #joinText
{
  font-family: verdana;
  font-size: 10px;
}

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

/*--------------
  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 .viewAllLink
{
  display: block;
  float: left;
  margin: 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 .viewAllLink,
#splashLinksHeading .viewAllLink
{
  display: block;
  float: left;
  margin: 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;
}

/*--------------
  Splash Page Links
  (continued from medical cats above)
--------------*/
#splashLinkList a
{
  display: block;
  float: left;
  width: 266px;
  padding: 6px 5px;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
  color: #66c; /* Category Blue */
}

/* IE Fix */
* html body #splashLinkList a
{
  width: 276px;
}

/*--------------------------------
  Secondary Module Styles
  (work module & contact module)
--------------------------------*/
#secondaryModule
{
  float: left;
  margin: 4px 1px 0 20px;
}

/*--------------
  Work Module
--------------*/
#workModule
{
  position: relative;
  padding: 6px 8px 9px 8px; 
  width: 169px;
  height: 206px;
  background: url(../../images/new/banner_we_work_hard.png) no-repeat;
}

/* IE Fix */
* html body #workModule
{
  width: 185px;
}

#workModule #workText
{
  margin: 65px 0 10px 7px;
  width: 125px;
}

/*--------------
  Contact Module
--------------*/
#contactModule
{
  position: relative;
  padding: 6px 8px 9px 8px; 
  background: url(../../images/new/banner_need_to_contact.png) no-repeat;
  width: 169px;
  height: 211px;
}

/* IE Fix */
* html body #contactModule
{
  width: 185px;
}

#contactModule #contactText
{
  margin: 102px 0 10px 7px;
  width: 125px;
  width: 65px;
}

/*--------------------------------
  Footer Module Styles
--------------------------------*/
#footerModule
{
  position: relative;
  float: left;
  margin: 16px 0 0 0;
  background: #000;
  width: 763px;
  height: 20px;
}

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

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

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

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

#footerModule #copyright
{
  display: block;
  float: left;
  margin: 3px 10px;
  font-family: verdana;
  font-size: 10px;
  color: #fff;
}

#footerModule #footerLinks
{
  display: block;
  float: right;
  margin: 3px 10px;
  font-family: verdana;
  font-size: 10px;
  color: #fff;
}

#footerModule #footerLinks a
{
  color: #fff;
}