

/*
From:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    background-color:transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
*
* CONTAINER
*
*/

body,
  body>div {
  text-align: center;
  background-color: #616F7C;
}

#outermostDiv {
  margin: 0 auto;
  background: #fff;
  width: 964px;
}

#mainDiv {
  margin: 0 auto;
  text-align: left;
  background: url( '../img/layout/topBG.gif' ) no-repeat;
}

p {
  margin: 15px 0;
  color: #000;
  background-color: transparent;
}

h1, h2, h3,
  h4, h5, h6 {
  background-color: transparent;
}

b, strong, em, u {
  background-color: transparent;
}

/*
*
* HEADER
*
*/

#pageHeader {
  position: relative;
  z-index: 1;
  height:109px;
}

#pageHeader_tline {
    display:block;
    clear:both;
    height:5px;
    line-height:5px;
    font-size:5px;
    background-color:#2065B1;
}

#pageHeader_bline {
    display:block;
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    background-color:#05498E;
}

#headerLeftDiv {
  float: left;
  width: 500px;
}

#headerRightDiv {
  float: right;
  width: 650px;
  height: 68px;
}

h1#siteName a {
  position: relative;
  display: block;
  float: left;
  width: 180px;
  height: 76px;
  background: url( '../img/logos/new_logo_with_tagline.gif' ) no-repeat;
  left: 45px;
  top: 15px;
  text-indent: -6000px;
}

#b2b h1#siteName {
    margin:0;
}

#accountCartLinks {
  position: relative;
  height: 32px;
  line-height: 32px;
}

#accountCartLinks div {
  position: relative;
  float: left;
  line-height: 32px;
}

#accountCartLinks a,
  #accountCartLinks span {
  line-height: 32px;
  font-size: 11px;
  background-color: transparent;
  font-weight: normal;
}

#cartTabTop, #loginRegisterTabTop, #accountTabTop {
  height: 32px;
  line-height: 32px;
}


#accountCartLinks #cartTabTop, #accountCartLinks #accountTabTop {
  position:absolute;
  left:0px;
  top:0px;
  background-color:#d0d0d0;
  display:none;
}

#accountCartLinks #loggedInAs {
  font-size:10px;
  color:#000;
  position: relative;
  text-align: left;
  margin: 0 10px 0 0;
  font-family:lucida sans unicode, ludica grande regular, arial, helvetica, sans serif;
  line-height:13px;
}

.topAccountA {
  padding-left: 22px;
  padding-right: 10px;
  background: url( '../img/icons/register.gif' ) 10px center no-repeat;
}

.topLogoutA {
  padding-right: 10px;
  padding-left: 5px;
}

.topAccountA:hover {
  background-image: url( '../img/icons/register_on.gif' );
}

.topCartA {
  padding-left: 30px;
  padding-right: 10px;
  background: url( '../img/icons/cart.gif' ) 10px center no-repeat;
}

.topCartA:hover {
  background-image: url( '../img/icons/cart_on.gif' );
}

.topCartA_tabTitle {
  padding-right: 10px;
  font-size: 11px;
  padding-left: 32px;
  background: url( '../img/icons/cart_on.gif' ) 10px center no-repeat;
  display: block;
  position: absolute;
  top: -9px;
}

.topAccountA_tabTitle {
  padding-right: 10px;
  font-size: 11px;
  padding-left: 22px;
  background: url( '../img/icons/register_on.gif' ) 10px center no-repeat;
  display: block;
  position: absolute;
  top: -9px;
}

.accountPanel {
  position: absolute;
  float: right;
  width: 450px;
  z-index: 98;
  font-size: 12px;
}

.accountPanel p {
  font-size: 12px;
  background-color: transparent;
}

.accountPanel h2 {
  margin: 0;
  color: #50a53f;
  font-size: 1.3em;
  font-weight: bold;
  background-color: transparent;
}

.accountPanel input {
  font-size: 11px;
}

.accountPanel a {
  color: #327E23;
}

.accountPanel table {
  margin-bottom: 3px;
}

.accountPanel table td {
  text-align: right;
}

.accountPanel .loginRegisterA {
  position: relative;
  font: bold 11px trebuchet ms, helvetica, arial, sans-serif;
  color: #fff;
  padding: 2px 5px 2px 15px;
  background: #55a845 url( '../img/icons/arrow_white.gif' ) 5px 50% no-repeat;
}

.accountPanel .loginRegisterA:hover {
  background-color: #2A7114;
  text-decoration: none;
}

#loginRegisterDiv, #cartDiv, #accountDiv {
  position: relative;
  top: 0px;
  background-color: #d0d0d0;
  padding: 10px;
  display: none;
}

#cartDiv h2 {
  line-height: 40px;
}

.closeP {
  margin: 0;
  padding-top: 5px;
  text-align: right;
  clear: both;
}

.accountPanel .closeX {
  padding-left: 15px;
  background: url( '../img/icons/closeX.gif' ) 3px no-repeat;
  color: #656565;
}

#accountDiv h2 span {
  color: #656565;
  line-height: 25px;
}

#accountDiv h2 span a, #accountDiv h2 span a.headerOff {
  color: #656565;
}

#accountDiv h2 span a:hover {
  color: #50a53f;
  background-color: #C0E0B9;
}

#accountDiv h2 span a.headerOn {
  color: #ffffff;
  background-color: #50a53f;
}

#accountDiv #resultsDiv, #accountDiv #testersDiv {
  display: none;
}

#myAccountHeaders a {
  position: relative;
  display: block;
  float: left;
  padding: 7px 7px 7px 7px;
}

#profileDiv, #resultsDiv, #testersDiv, #profile_iframe, #testers_frame, #results_iframe {
  display: block;
  clear: both;
}

#loginSide p {
  margin-top: 30px;
  margin-bottom: 0;
}

#quickSearchBar {
  position: relative;
  float: right;
}

#quickSearchBar a#search-submit {
    background-color: transparent;
    font-weight: bold;
    width:20px;
    height:20px;
    position:relative;
    display:block;
    float:right;
    background:transparent url('/web/img/icons/search_glass.gif') 0px 0px no-repeat;
}

#quickSearchBar a#search-submit:hover {
  text-decoration: none;
  background-image: url('/web/img/icons/search_glass_on.gif');
}

#quickSearchBar input {
  background-color: #ECECEC;
  border: 1px solid #CCCDCF;
  height: 15px;
  font-size: 10px;
  color: #343434;
  width: 170px;
}

#quickSearchBar form,
  #quickSearchBar #accountCartLinks {
  float: left;    
  white-space: nowrap;
}

#quickSearchBar form {
  margin: 7px 10px 0 0;
}

/*
*
* MAIN LAYOUT
*
*/

#mainContentDiv {
  padding-top:1px;
  width: 735px;
  float: right;
  position: relative;
  z-index: 0;
  background-color:#ffffff;
}

.corp_home #mainContentDiv {
    background-color:#efefef;    
}

#articleColumn {
  width: 735px;
  text-align: left;
}

#articleColumn ol, #articleColumn ul {
    margin:1.3em;
    list-style-position: outside;
}

#articleColumn ul {
     list-style-type:disc;   
}

#articleColumn ol li, #articleColumn ul li {
    margin:0 0 0.5em 0;
}

.article #articleColumn #contentDiv a {
  color: #0060CC;
}

.article #articleColumn #contentDiv .relatedTestLink {
  color: #fff;
}

.fullWidth #head,
  #articleColumn #head {
  height: 54px;
  background: url( '../img/layout/blue_masthead.gif' ) no-repeat;
  position: relative;
}

.fullWidth #head h1,
  #articleColumn #head h1 {
  background: url( '../img/icons/blue_dna_blueBG.gif' ) 12px center no-repeat;
  padding: 0 0 0 24px;
  color: #fff;
  font: bold 18px / 54px trebuchet ms, helvetica, arial, sans-serif;
}

.fullWidth.catalog #head {
  background: url( '../img/layout/green_masthead.gif' ) no-repeat;
}

.fullWidth.catalog #head h1 {
  background: url( '../img/icons/green_dna_greenBG.gif' ) 12px center no-repeat;
}

#articleColumn #head h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 54px;
  line-height: 54px;
}

.blue_jumpLinkA {
  padding-left: 9px;
  line-height: 2.5em;
}

#mainContentB2B .blue_jumpLinkA {
  font-size: 1em;
}

.blue_jumpLinkA:hover {
  background-image: url( '../img/icons/blue_jumpLinkArrow.gif' );
  background-repeat: no-repeat;
  background-position: center left;
}

.catalog #articleColumn h2 {
  background-color: transparent;
}

.catalog #articleColumn .rightColModuleDiv h2 {
  color: #666
}

.catalog #articleColumn #head {
  height: 54px;
  line-height: 54px;
  background: url( '../img/layout/green_masthead.gif' ) no-repeat;
}

.catalog #articleColumn #head h1 {
  background-image: url( '../img/icons/green_dna_greenBG.gif' );
}

#breadCrumb {
  position: relative;
  top: 39px;
  float: right;
  height: 16px;
  font-size: 11px;
  line-height: 16px;
  padding-right: 10px;
  color: #CEEDFF;
  background-color: transparent;
}

/*
*
* PAGE OPTIONS
*
*/

#pageOptions {
  padding-top: 30px;
}

#pageOptions a {
  display: block;
  color: #036;
  padding-left: 25px;
  margin-left: 10px;
  background-position: left 8px;
  background-repeat: no-repeat;
}

#pageOptions #textSize {
  padding-bottom: 10px;
}

a.emailPage {
  background-image: url( '../img/icons/email.gif' );
}

a.emailPage:hover {
  background-image: url( '../img/icons/email_on.gif' );
}

a.printPage {
  background-image: url( '../img/icons/print.gif' );
}

a.printPage:hover {
  background-image: url( '../img/icons/print_on.gif' );
}

a.contact {
  background-image: url( '../img/icons/contact.gif' );
}

a.contact:hover {
  background-image: url( '../img/icons/contact_on.gif' );
}

#textSize {
  padding-top: 10px;
  margin-left: 10px;
}

#textSize h3 {
  color: #8c9b93;
  background-color: transparent;
  display: inline;
  margin-right: 5px;
}

#textSize a {
  cursor: pointer;
  color: #036;
}

/*
*
* SEARCH
*
*/

.fullWidth #articleColumn,
  .fullWidth #mainContentDiv, .corp_home #articleColumn, .corp_home #mainContentDiv {
  width: 100%;
}

.fullWidth #articleColumn #contentDiv {
  margin-left: 34px;
}

.fullWidth #head,
  .fullWidth #results {
  margin-left: 10px;
}

#head #shade1, #head #shade2, #head #shade3 {
  position: absolute;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  width: 100%;
  top: 0px;
  left: 0px;
  background-color: #000;
}

#head #shade1 {
  filter: alpha( opacity:15 );
  KHTMLOpacity: 0.15;
  MozOpacity: 0.15;
  opacity: 0.15;
}

#head #shade2 {
  top: 1px;
  filter: alpha( opacity:10 );
  KHTMLOpacity: 0.1;
  MozOpacity: 0.1;
  opacity: 0.1;
}

#head #shade3 {
  top: 2px;
  filter: alpha( opacity:5 );
  KHTMLOpacity: 0.05;
  MozOpacity: 0.05;
  opacity: 0.05;
}

.fullWidth #results {
  background: transparent url( ../img/layout/catalog_index_fade.gif ) top left repeat-x;
  padding: 20px 10px 0 20px;
}

.fullWidth #results form {
  clear: both;
  margin: 0 0 24px 0;
}

.fullWidth #results form label,
  .fullWidth #results form a,
  .fullWidth #results form input {
  display: block;
  float: left;
}

.fullWidth #results form a {
  width: 30px;
  text-align: center;
}

.fullWidth #results form input {
  margin-left: 8px;
}

.fullWidth #summary {
  width: 600px;
  float: left;
  margin: 0;
}

.fullWidth #pages {
  float: right;
  width: 300px;
}

.fullWidth #pages a,
  .fullWidth #pages li {
  float: left;
  padding: 0 6px;
}

.fullWidth #filters {
  clear: both;
}

.fullWidth #filters h3 {
  width: 300px;
}

.fullWidth #filters h3,
  .fullWidth #filters li {
  float: left;
  height: 16px;
  margin: 12px 0 30px;
}

.fullWidth #filters ul {
  float: right;
}

.fullWidth #filters li.last-child a {
  border: none;
}

.fullWidth #filters a,
  .fullWidth #filters strong {
  display: block;
  height: 10px;
  border-right: solid black 2px;
  padding: 0 6px;
  color: #036;
}

.fullWidth #filters strong {
  color: #000;
}

ol {
  list-style: inside decimal;
}

.fullWidth #results > ol {
  clear: left;
  list-style: inside decimal;
}

.fullWidth #results > ol li {
  padding-bottom: 20px;
}

.fullWidth #results > ol h2 {
  display: inline;
}

.fullWidth #results > ol p,
  .fullWidth #results > ol a {
  margin: 4px 0;
}

#mainContentDiv #contentDiv {
  padding-bottom: 20px;
  border-bottom:1px solid #BABABA;
  margin-bottom:1px;
}

#mainContentDiv #contentDiv.questionnaire {
  padding: 24px 28px 24px;
}

#mainContentDiv #contentDiv.show {
  margin-left:28px;
  padding-right:30px;
  background-image: none;
}

.article #contentDiv,
  .catalog #contentDiv {
  margin: 0;
  padding: 0;
  
}

.article #contentDiv.show {
    padding-top:25px;
}

.article #rightContentToutsDiv {
    top:-25px;
}


.fullWidth.catalog #contentDiv {
  background: none;
  padding: 0px 24px;
  margin: 0;
}

.catalog #contentDiv.questionnaire {
  background-image: none;
  padding: 0 28px;
}

#cartBlock a {
  color: #327E23;
  text-decoration: none;
  font-size: 1em;
}

#cartBlock a:hover {
  text-decoration: underline;
}

#cartBlock .orderAdditionalTesting {
  color: #fff;
}

#cartBlock .removeFromCart {
  font-size: 0.75em;
}

#contentDiv.show h2 {
  margin: 16px 0;
  color: #666;
  background-color: transparent;
  clear: left;
}

#contentDiv.show p,
  .article #contentDiv p {
  color: #000;
  margin-top: 21px;
  margin-bottom: 5px;
  background-color: transparent;
}

#contentDiv.show ul {
  margin-bottom: 21px;
  margin-top: 0px;
}

#contentDiv.show li {
  list-style-type: disc;
  margin-left: 30px;
}

#contentDiv.show li li {
  list-style-type: circle;
}

p + ul {
  margin-top: 0px;
}

.tableContainer {
  float: left;
  width: 69%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#related_article h3,
  #contentDiv.show h1 {
  margin: 24px 0;

}

.article #contentDiv.show h1#contentTitle {
  color: #1F6AB0;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 42px;
}

#related_article h3,
  .catalog #contentDiv.show h1#contentTitle {
  color: #50a53f;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 42px;
}

#sectionTitleHeader,
  h3.section,
  h3.graph_title {
  color: #999;
  margin-bottom: 0;
  margin-top: 25px;
  padding: 0 0 0 29px;
  position: relative;
  left: -28px;
  background-color: transparent;
}

.article #sectionTitleHeader {
  background: url( '../img/icons/blue_dna_whiteBG.gif' ) 12px center no-repeat;
    margin-top:0;
}

.catalog #sectionTitleHeader {
  background: url( '../img/icons/green_dna_whiteBG.gif' ) 12px center no-repeat;
  margin-top: 40px;
}

#related_article h4 {
  color: #999;
  background-color: transparent;
  margin-bottom: 0;
}

#contentDeck {
  padding-bottom: 5px;
}

#contentDeck img {
  float: left;
  padding-right: 15px;
}

#related_article {
  margin-top: 25px;
  padding-top: 25px;
  background-image: url( '../img/layout/grey_dividerBG.gif' );
  background-repeat: repeat-x;
  width: 470px;
}

.article #bottomDiv {
  background: transparent url( '../img/layout/grey_module_background.gif' ) top right repeat-y;
}

#authorReviewer {
  clear: both;
  margin-top: 10px;
}

#authorReviewer div.border {
  position: relative;
  clear: both;
  display: block;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  height: 6px;
}

#authorReviewer div.border div {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  background-color: #d0d0d0;
  width: 50%;
}

#authorReviewer div {
  position: relative;
  float: right;
  margin-left: 20px;
  margin-right: 20px;
}

.blueShade_table {
  border: 0px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.blueShade_table td {
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  padding: 4px;
}

.tableCell_blueShade td {
  background-color: #B4DBFD;
  text-align: center;
  font-weight: bold;
}

table {
  clear: both;
}

#articleColumn table {
  clear: none;
}

#articleColumn .questionnaire #checkoutForm table, #articleColumn .questionnaire #orderCompletionTable table {
  font-size: 1em;
}

#articleColumn .questionnaire #checkoutForm table td, #articleColumn .questionnaire #orderCompletionTable table td {
  padding-right: 5px;
  padding-bottom: 5px;
}

.citationSpan, .refsList {
  text-align: left;
  color: #777777;
  padding-top: 3px;
}

/*
*
* QUESTIONNAIRE
*
*/

.questionnaire h2 {
  color: #50a53f;
}

.questionnaire table {
  margin-bottom: 1em;
}

.questionnaire ol {
  position: relative;
  list-style: none;
}

.questionnaire ol li {
  position: relative;
  /*padding-left: 20px;*/
  clear: both;
  list-style: none outside none;
}

.questionnaire #recomendation ul {
  margin: 15px 20px 15px 20px;
}

.questionnaire a {
  color: #50A53F;
}

.questionnaire span.btn_blue {
  font-size: 0.75em;
}

#questionsList a {
  font-size: 1em;
  color: #50A53F;
}

#questionsList .questionsNumber {
    position:absolute;
    left:0px;
    top:0px;
    font-weight:bold;
    padding:2px;
    color:#ffffff;
    text-align:center;
    background-color:#50A53F;
    width:16px;
    font-size:0.9em;
    line-height:16px;
}

#questionsList a.questionnaireAnswerA {
  color: #000;
  font-size: 0.8125em;
}

.questionnaire .questionText {
  padding-left: 25px;
  width: 600px;
  margin-top: 0;
}

#questionsList .questionAnswers {
    position:relative;
    display:block;
    padding-left:25px;
}

.questionnaire .whyWeAsk {
  top: 4px;
  right: 24px;
  width: 100px;
  position: absolute;
}

.questionnaire .whyWeAsk h4 {
  cursor: pointer;
}

.questionnaire .whyWeAsk h4:hover {
  background-color: #2A7114;
}

.questionnaire #questions .whyWeAsk h4 {
  background-color: #50a53f;
  padding: 4px 6px 4px 18px;
  color: #fff;
  font-size: 0.75em;
}

.questionnaire .whyWeAsk .text {
  font-size: 12px;
  line-height: 16px;
  padding: 8px;
  border-left: solid #50a53f 1px;
  border-right: solid #50a53f 1px;
  border-bottom: solid #50a53f 1px;
}

.questionnaire .whyWeAsk .clickToClose {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0.90em;
  color: #50A53F;
  margin-top: 4px;
  margin-bottom: 0px;
  line-height: 0.90em;
  cursor: pointer;
}

.questionnaire .otherInput {
  visibility: hidden;
}

.questionnaire h2.pageHeadline {
  background: url( '../img/icons/green_dna_whiteBG.gif' ) 12px center no-repeat;
  margin: 16px 0 32px;
  padding-left: 24px;
  line-height: 24px;
  width: 500px;
  float: left;
}

.questionnaire .whyWeAsk .text table {
  font-size: 1em;
  margin-top: 12px;
}

.questionnaire #recomendation ol {
  list-style: inside decimal;
}

.questionnaire #recomendation ul li {
  list-style: inside circle;
}

.questionnaire .buttonA, .login .buttonA {
  color: #fff;
  font-weight: bold;
  padding: 4px 12px 4px 16px;
  background: #55a845 url( '../img/icons/arrow_white.gif' ) 5px 50% no-repeat;
}

#recommendation_actions .buttonA {
  display: inline-block;
  margin: 0 20px 20px 0;
}

div.sampleCollections {
  clear: both;
}

div.sampleCollections h2 {
  margin-bottom: 17px;
}

div.sampleCollection {
  margin-bottom: 20px;
  margin-left: 19px;
}

.sampleCollection p {
  margin: 0 0 4px 0;
}

.eCommerceButtons .button_big {
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
  padding: 4px 16px 4px 28px;
  background: #55a845 url( '../img/icons/arrow_white_big.gif' ) 8px 50% no-repeat;
}

#billingInfoDiv .bannerText a {
  color: #fff;
}

.questionnaire .buttonA:hover, .login .buttonA:hover, .button_big:hover {
  background-color: #2A7114;
  text-decoration: none;
}

.questionnaire #questions {
  margin-top: 24px;
  padding: 0 48px;
}

.questionnaire #questions h4 {
  font-size: 0.875em;
  color: #666;
  font-weight: bold;
}

.questionnaire #steps {
  width: 150px;
  float: right;
  margin: 16px 0 32px;
}

.questionnaire #steps li {
  width: 25px;
  height: 25px;
  float: left;
  text-indent: -6000px;
  margin: 0 4px 0 0;
}

.questionnaire form {
  clear: both;
}

.questionnaire #questionsList li {
  padding-bottom: 25px;
  position: relative;
}

.questionnaire #questions p, .questionnaire #questionsSummary p {
  font-size: 0.875em;
}

#questionsSummary ul li li, #questionsSummary ol li li {
	font-size:0.875em;
}

.questionnaire #questionsSummary table {
  margin-top: 5px;
  margin-top: 10px;
  border: 0px;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.questionnaire #questionsSummary td, .questionnaire #questionsSummary th {
  border-left: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  padding: 4px;
}

.questionnaire #questionsSummary th {
  font-weight: bold;
}

.recommendedItemsBlock {
  float: left;
  width: 350px;
  margin-right: 20px;
}

#mainAddButton {
  float: left;
  padding-top: 25px;
  clear: right;
}

#mainAddButton .totalPrice {
  color: #2A7114;
  font-size: 1.5em;
}

#selectCreateTester a {
  color: #2A7114;
}

/*
*
* HOME
*
*/

.home #mainContentDiv #contentDiv {
  background-color: #fff;
  padding: 0;
  border-bottom: 1px solid #fff;
}

#consumer_feature {
  width: 514px;
  float: left;
  background: #262626 url( '../img/layout/consumer_feature.jpg' ) no-repeat;
}

#consumer_feature #c_message {
	position:relative;
	padding-top:85px;
	left:20px;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4em;
	width:230px;
}

#consumer_feature #c_link {
	position:relative;
	display:block;
	clear:both;
	left:20px;
	padding-top:10px;
}

#consumer_feature #c_link a {
	font-size:0.8em;
	font-weight:bold;
	color:#34529B;
}

#right_featured_topic {
  width: 220px;
  background: #ffd24e url( '../img/layout/top_links_bg.gif' ) no-repeat;
    margin:0;
}

#right_featured_topic h2,
  #right_featured_topic h3 {
  padding: 12px 0 2px 6px;
  text-transform: uppercase;
}

#right_featured_topic h2 {
  color: #666666;
  background-color:transparent;
}

#right_featured_topic h3 {
  color: #238ac8;
  background-color:transparent;
}

#right_featured_topic h3.featured_topic {
  color: #238ac8;
  padding: 2px 0 8px 8px;
  text-transform: none;
}

#contentDiv #right_featured_topic ul {
  list-style-type: none;
  margin-left: 0;
}

#right_featured_topic li a {
  color: #036;
  display: block;
  background: url( '../img/icons/arrow_darkblue.gif' ) 3px 5px no-repeat;
  padding: 0 0 0 14px;
  margin: 0 0 0 6px;
  font-family: helvetica, arial, sans-serif;
}

#consumer_home_content {
  width: 485px;
  float: left;
  padding: 30px 15px;
}

#consumer_home_content h2 {
  text-transform: uppercase;
  color: #1f6ab0;
  font: bold 18px trebuchet ms, helvetica, arial, sans-serif;
  margin: 0 0 20px 0;
  padding: 0;
  background-color:transparent;
    clear:both;
}

#consumer_home_content #mission_statement img {
  float: left;
  margin: 0 10px 20px 0;
}

#consumer_home_content #mission_statement p {
  margin: 0;
  padding: 0;
  float: left;
  width: 375px;
}

#consumer_home_content #mission_statement .learn_more {
  display: block;
  margin: 1em 0;
  padding: 0 0 0 14px;
  background: url( '../img/icons/arrow_darkblue.gif' ) 3px 5px no-repeat;
}

#consumer_home_content ol li, #consumer_home_content ul li {
    font-size:0.8125em;
    line-height:1.3125em;    
}

/*
*
* MODULES
*
*/

#modules {
  width: 220px;
  float: right;
  clear: right;
}

#modules .non_flash {
  padding-top: 1px;
  background: #ebece6 url( '../img/layout/right_col_gradBG.gif' ) repeat-x;
}

#contentDiv #modules ul, #contentDiv #modules ol, #bottomDiv #modules ul, #bottomDiv #modules ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
}

#contentDiv #modules ul li, #contentDiv #modules ol li, #bottomDiv #modules ul li, #bottomDiv #modules ol li  {
    margin:0;
}

/*
*
* FEATURED EXPERT
*
*/

.expert img {
  width: 85px;
  float: left;
}

.expert .meet {
  margin: 12px 0 12px 100px;
}

.expert .more {
  display: block;
  margin-left: 100px;
}

/*
*
* FEATURED CONTENT
*
*/

#featuredContent {
  background: url( '../img/layout/catalog_index_fade.gif' ) top left repeat-x;
}

#featuredContent img {
  float: left;
}

#featuredContent h2,
  #featuredContent h3 {
  padding-left: 280px;
  width: 235px;

}

#featuredContent p {
  clear: left;
  color: #666;
  background-color: transparent;

  padding: 16px 0 0 12px;
}

#featuredContent a.more {
  display: block;
  padding: 0 0 0 12px;
  margin: 0 0 0 12px;
  background-position: 3px 50%;
}

#featuredContent h3 {
  color: #999;
  padding-top: 42px;
  padding-bottom: 4px;
}

.catalog #featuredContentl h3 {
  background: transparent url( '../img/icons/green_dna_whiteBG.gif' ) 268px 38px no-repeat;
}

.article #featuredContent h3 {
  background: transparent url( '../img/icons/blue_dna_whiteBG.gif' ) 268px 38px no-repeat;
}

.tool #featuredContent h3 {
  background: transparent url( '../img/icons/darkblue_dna_whiteBG.gif' ) 268px 38px no-repeat;
}

.article #contentDiv #featuredContent h2 {
  color: #1f6ab0;
  background-color: transparent;
}

.catalog #contentDiv #featuredContent h2 {
  color: #50A53E;
  background-color: transparent;
}

a.more,
  .tabs .search a {
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 3px 50%;
  cursor: pointer;
  background-color: transparent;
}

.article #contentDiv a.more,
  .rightColModuleDiv a.more {
  color: #036;
  background-image: url( '../img/icons/arrow_mediumBlue.gif' );
  background-color: transparent;
}

.article #contentDiv a {
  color: #0060CC; /*font-size:0.8125em; */
}

.article #contentDiv a.more:hover,
  .rightColModuleDiv a.more:hover {
  background-image: url( '../img/icons/arrow_darkblue.gif' );
  background-color: transparent;
}

.tabs .tools a.more,
  .tabs .search .a,
  .catalog #contentDiv a.more,
  #leftBottomDiv_catalogIndex a.more,
  #related_article a.more {
  color: #036;
  background-image: url( '../img/icons/arrow_lightgreen.gif' );
}

.catalog .lab-info a {
  color: #327E23;
}

.catalog a.more:hover,
  .tabs .search a:hover,
  #leftBottomDiv_catalogIndex a.more:hover,
  #related_article a.more:hover {
  background-image: url( '../img/icons/arrow_darkgreen.gif' );
}

#featuredContentDeckDiv {
  width: 488px;
}

#otherFeaturedArticlesDiv {
  position: relative;
  width: 478px;
  left: 12px;
  background: url( '../img/layout/grey_dividerBG.gif' ) repeat-x;
  margin-bottom: 30px;
}

.home #bottomDiv>h2,
  .featuredTopicArticle {
  padding-top: 20px;
  background: url( '../img/icons/blue_dna_whiteBG.gif' ) 0 26px no-repeat;
}

.featuredTopicArticle h3 {
  color: #999;

  margin: 0 0 0 15px;
  background-color: transparent;
}

.home #bottomDiv>h2,
  .featuredTopicArticle h2 {
  color: #1f6ab0;

  margin: 0 0 0 15px;
  background-color: transparent;
}

.featuredTopicArticle p {
  position: relative;
  float: left;
  width: 310px;
  margin: 5px 0 0 15px;

}

.featuredTopicArticle a.more {
  display: block;
  clear: left;
  background-position: 3px 50%;
  margin: 0 0 0 15px;
}

.otherFeaturedArticleMoreDiv {
  position: relative;
  clear: left;
}

.sectionArticlesListDiv_outer {
  position: relative;
  float: right;
  margin: 0;
  border: 1px solid #0079c2;
  padding-top: 4px;
  padding-bottom: 4px;
  background: transparent url( '../img/icons/plusBox.gif' ) 3px 3px no-repeat;
  cursor: pointer;
}

.sectionArticlesListDiv_inner {
  position: relative;
  width: 128px;
  left: 20px;

}

.sectionArticlesListDiv_innerAll {
  position: absolute;
  visibility: hidden;
  left: -21px;
  top: 0;
  width: 200px;
  border: 1px solid #0079c2;
  padding-top: 4px;
  padding-bottom: 4px;
  background: #fff url( '../img/icons/minusBox.gif' ) 3px 3px no-repeat;

}

.sectionArticlesListDiv_innerAll .linksDiv {
  position: relative;
  margin-left: 5px;
  margin-top: 15px;
}

.sectionArticlesListDiv_innerAll .linksDiv a {
  position: relative;
  display: block;
  padding-left: 15px;
  background-image: url( '../img/icons/blue_caret.gif' );
  background-repeat: no-repeat;
  background-position: 6px 4px;

  color: #007ac2;
  padding-bottom: 3px;
}

.closeOthArtsDiv, .closeOthArtsDiv a {
  text-align: center;

  color: #007ac2;
}

.sectionArticlesListDiv_inner span {

  color: #007ac2;

}

#leftBottomDiv_articleIndex,
  #leftBottomDiv_catalogIndex,
  #bottomContentLowerDiv {
  position: relative;
  clear: left;
  background: url( '../img/layout/grey_dividerBG.gif' ) 0 30px repeat-x;
  padding-top: 60px;
  width: 476px;
  left: 12px;
}

#leftBottomDiv_catalogIndex {
  margin-bottom: 15px;
}

#rightContentToutsDiv {
  position: relative;
  width: 204px;
  float: right;
  left: 15px;
}

.sidebar_module {
  background-color: #E4EAEA;

  margin-bottom: 15px;
  padding-bottom: 12px;
}

.sidebar_module h3,
  .sidebar_module h4,
  .sidebar_module p,
  .sidebar_module span {
  margin: 0 7px 8px;
}

.sidebar_module h3,
  .sidebar_module h4 {

  color: #333;
  background-color: transparent;
}

.sidebar_module h3,
  #rightContentToutsDiv .lab-info dt {
  margin-top: 18px;

}

.sidebar_module span {
  display: block;
  margin: 5px 7px;
}

#rightContentToutsDiv .lab-info dd,
  #rightContentToutsDiv .lab-info dt {
  display: block;

  margin: 2px 7px;
  float: left;
}

#rightContentToutsDiv .lab-info dd.lab {
  float: none;
  margin-left: 50px;
}

#rightContentToutsDiv .lab-info dl {
  padding-top: 8px;
}

.toutLink_catalog {
  margin-top: 10px;
  background-image: url( '../img/layout/green_crvtab_bg.gif' );
}

.toutLink_catalog a {
  display: block;
  color: #fff;
  height: 27px;
  padding: 0 8px 0 20px;
  background: url( '../img/icons/arrow_white.gif' ) 8px 50% no-repeat;
  margin-bottom: 10px;
}

.toutLink_catalog a span {
  display: block;
  line-height: 27px;
}

.toutLink_catalog a:hover {
  background-color: #2A7114;
  text-decoration: none;
}

.columnHeightForcerDiv {
  position: relative;
  display: block;
  clear: both;
  height: 1px;

}

.columnHeightForcerDiv_left {
  position: relative;
  display: block;
  clear: left;
  height: 1px;

}

.nextLinkDiv {
  position: relative;
  display: block;
  clear: both;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 10px;
}

.nextLinkA {

  color: #036;

  padding-left: 20px;
  background: transparent url( '../img/icons/arrow_darkblue.gif' ) 6px 50% no-repeat;
}

.nextLinkA:hover {
  background-image: url( '../img/icons/arrow_darkblue_on.gif' );
}

.testPrePostTriptych, .testPrePostDiptych {
  width: 485px;
  margin: 16px 0 0 12px;
}

.testPrePostTriptych li {
  position: relative;
  width: 134px;
  float: left;
  background-color: #ebece6;
  margin-right: 5px;
  padding: 6px;
  min-height: 94px;
}

.testPrePostDiptych li.testBox {
  position: relative;
  width: 285px;
  float: left;
  background-color: #ebece6;
  margin-right: 7px;
  padding: 6px;
  min-height: 94px;
}

.testPrePostDiptych li.consultationBox {
  position: relative;
  width: 158px;
  float: left;
  background-color: #ebece6;
  padding: 6px;
  min-height: 94px;
}

#outermostDiv #mainDiv #mainContentDiv .testPrePostTriptych h2, .testPrePostDiptych h2 {

  color: #55a845;
  background-color: transparent;

}

#outermostDiv .testPrePostTriptych p, .testPrePostDiptych p {

  color: #000;
  background-color: transparent;
  margin: 5px 0 8px;
  padding: 4px 0;
}

.testPrePostDiptych .singlePanelTestPrice, .testPrePostDiptych .multiPanelTestPrice {
  display: block;
}

.testPrePostDiptych .testBox div {
  position: relative;
  float: left;
}

.testPrePostDiptych .testBox div.singleOrderButton {
  margin-left: 8px;
}

.testPrePostDiptych .testBox div.multiOrderButton {
  margin-top: 5px;
  margin-right: 5px;
}

.testPrePostDiptych .singlePanelTestPrice span, .testPrePostDiptych .multiPanelTestPrice span {
  color: #55a845;
}

.testPrePostTriptych a, .testPrePostDiptych a {
  display: block;
  float: left;
  color: #fff;
  padding: 2px 5px 2px 15px;
  background: #55a845 url( '../img/icons/arrow_white.gif' ) 5px 50% no-repeat;
  bottom: 4px;
}

.testPrePostTriptych a:hover, .testPrePostDiptych a:hover {
  background-color: #2A7114;
  text-decoration: none;
}

.testBoxA {
  display: block;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 22px;
  background-color: #D7EBF0;
  border-top: 1px solid #fff;
}

.testBoxA:hover {
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}

/*
*
* TOOLS SECTION
*
*/

.tools #articleColumn #head {
  background: url( '../img/layout/darkblue_masthead.gif' ) no-repeat;
}

.tools #articleColumn .tool h2 {
  color: #0b435d;
  background-color: transparent;
}

.tools #articleColumn .toolLeaf h1 {
  background: url( '../img/icons/darkblue_dna_whiteBG.gif' ) 0 50% no-repeat;
  padding-left: 15px;
  color: #0b435d;

}

#tools {
  padding: 25px 235px 0 15px;
  background: url( /img/layout/catalog_index_fade.gif ) top left repeat-x;
}

.toolLeaf #tools {
  padding: 25px 235px 0 15px;
}

.tool {
  clear: left;
}

.tool img {
  width: 157px;
  float: left;
  margin-right: 15px;
  padding-bottom: 35px;
}

.tool p {
  margin: 15px 0;

}

.tool a.more {
  display: block;
  float: left;
  width: 120px;
}

/*
*
* TABED SECTIONS
*
*/

.tabs {
  position: relative;
  margin-top: 20px;
  width: 500px;
}

.tabs .tab>h3 {
  position: absolute;
  top: 3px;
  width: 142px;
  font-size: 13px;
}

.tabs .tab>h3 .tabContent {
  padding: 3px 0 8px 12px;
}

.tabs .tab>h3.active {
  font-size: 14px;
  top: 0;
}

.tabs .tab>h3.active .tabContent {
  padding: 6px 0 12px 12px;
}

.tabs .tab h3 a,
  #articleColumn #contentDiv .tabs .tab h3 .tabContent a {
  color: #fff;
}

.tabs .catalog>h3 {
  left: 0;
  width: 165px;
}

.tabs .tools>h3 {
  left: 166px;
}

.tabs .content {
  position: relative;
  top: 36px;
  padding: 20px 0 32px 12px;
  width: 490px;
  background: transparent url( '../img/layout/tabLineGradBG.gif' ) top left repeat-x;
  border-top-style: solid;
  border-top-width: 6px;
}

.tab .secondary-tab-content {
  clear: left;
  background: transparent url( "../img/layout/grey_dividerBG.gif" ) 0 24px repeat-x;
  padding: 48px 0 44px;
}

.tabs #content-catalog {
  border-top-color: #55a845;
}

.tabs #content-tools {
  border-top-color: #204e63;
}

/*************** b2B styles ****************************/

#mainContentB2B ol, #mainContentB2B ul {
  font-size: 0.8125em;
  line-height: 1.3125em;
}

#mainContentB2B ul ul {
  font-size: 1em;
}

#mainContentB2B ul ul li {
  font-size: 1em;
  list-style-type: circle;
}

#mainContentB2B li {
  margin: 7px 0 7px 30px;
}

#mainContentB2B ul li {
  list-style-type: disc;
}

/*************** END b2b styles ************************/

/*
* TABBED CATALOG SECTION
*/

.tab h3 {
  margin: 0;

}

.tab h2 {
  color: #50a53f;
  background-color: transparent;

  margin-bottom: 6px;
}

.tab #content-catalog img,
{
  width: 100px;
  height: 75px;
  float: left;
  margin: 15px 10px 0 0;
}

.tabs a.more,
  .tabs .search a {
  background: transparent url( "../img/icons/arrow_lightgreen.gif" ) 0 50% no-repeat;
  color: #036;

}

.tabs #content-catalog #more-links li {
  margin: 6px 0;
}

.tab #content-catalog select,
  .tab #content-catalog input {

  color: #000;
}

.tab #search-catalog,
  .tab #browse-catalog {
  width: 230px;
  float: left;
  padding: 12px 0 24px;
}

.tab #content-catalog .testPrePostTriptych, .tab #content-catalog .testPrePostDiptych {
  margin: 0 0 24px 0;
  padding-top: 24px;
  clear: left;
}

.tab .secondary-tab-content p {
  margin-top: 15px;
}

/*
* TABBED TOOLS SECTION
*/

.tab #content-tools h3 {

}

.tab #content-tools h2 {
  color: #1f4d62;

}

.tab #content-tools img {
  float: left;
  margin: 15px 6px 0 0;
}

.tab #content-tools .tool img {
  width: 84px;
  margin-top: 0;
}

.tab #content-tools .tool p {
  margin: 0 0 8px;
}

/*
*
* SITEMAP
*
*/

.sitemap h2,
  .contact h2, #mainContentB2B h2 {
  background-color: transparent;
  margin: 18px 0 6px;
}

.sitemap ul,
  .contact ul, #mainContentB2B ul {
  margin-left: 10px;
}

.sitemap ul ul {
  list-style: inside circle;
}

.sitemap ul ul ul {
  list-style: inside disc;
}

.sitemap ul h4,
  .sitemap ul h5 {
  display: inline-block;

}

.sitemap ul h4 {
  padding: 16px 0 4px;
}

.sitemap ul h5 {
  margin: 12px 0 0;
}

.sitemap .vertical-column {
  width: 50%;
  float: left;
}

/*
*
* COMMENTS
*
*/

#mainContentDiv #contentDiv.comments {
  padding: 0 24px 24px;
  background-image: none;
}

/*
*
* ERROR PAGES
*
*/

.error {
  padding: 0 0 120px 60px;
}

.error h2 {

  margin: 24px 0 12px;
}

.error .exception {
  color: red;
}

/*
*
* EMAIL FORM
*
*/

body.emailForm {
  background-color: #fff;
  text-align: left;
  width: 390px;
}

.emailForm h1 {
  background: transparent url( 'http://www.dnadirect.com/img/logos/dnadirect_logo_smaller.gif' ) 10px 0 no-repeat;
  height: 25px;
  text-indent: -6000px;
  border-bottom: solid #19325d 4px;
  margin: 10px 0 0 0;
  padding: 0 0 10px 10px;
}

.emailForm h2 {
  font-size: 24px;
  color: rgb( 69, 119, 174 );
  margin: 12px 0 12px 10px;
}

.emailForm h3 {
  margin: 6px 0 0 10px;
}

.emailForm label,
  .emailForm h3 {
  font-size: 0.75em;
  font-weight: bold;
  display: inline-block;
}

.emailForm #url,
  .emailForm #pageTitle {
  display: none;
}

.emailForm .error-message {
  display: block;
  color: #c03;
  font-size: 0.75em;
  padding: 4px 0;
}

.emailForm .error-field {
  background-color: #fafac7;
  border-color: #c03;
}

.emailForm li,
  .emailForm p {
  padding: 6px 0 6px 10px;
}

.emailForm input {
  display: inline-block;
  font-size: 0.75em;
  border: 1px solid #CACACA;
  margin-left: 6px;
}

.emailForm input.hidden {
  display: none;
}

.emailForm label.comments {
  display: block;
}

.emailForm textarea {
  display: block;
  border: 1px solid #CACACA;
}

/*
*
* LOGIN FORM
*
*/

.login, .fullWidth.catalog .login {
  padding: 0 24px;
}

.login .already-registered {
  display: inline-block;
  margin-top: 12px;
}

#modalOverlay {
  background-color: #000;
  cursor: wait;
}

#modalContainer {
  left: 50%;
  top: 15%;
  width: 540px;
  margin-left: -300px;
  border: 3px solid #0060CC;
  text-align: left;
  padding: 0 0 30px 10px;
  background: #fff url( ../img/layout/orangeVgrad_top_BG.gif ) top left repeat-x;
}

#modalContainer #mainWidgetContentDiv,
  #modalContainer #findWidgetDiv {
  background: #fff url( ../img/layout/orangeVgrad_top_BG.gif ) top left repeat-x;
}

#modalContainer a.modalCloseImg,
  #testDescription #closeButton {
  background: url( ../img/icons/closeX.gif ) no-repeat;
  width: 10px;
  height: 10px;
  display: inline;
  z-index: 3200;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}

#modalContainer .header {
  width: 120px;
  position: absolute;
  top: 0;
  right: 46px;
  background-color: transparent;
}

#modalContainer .header h1 {
  font-size: 63px;
  color: #66a1cb;
  height: 58px;
  width: 125px;
}

#modalContainer .header h1 span {
  background: url( ../img/logos/blueMan.gif ) center center no-repeat;
  width: 12px;
  height: 56px;
  display: inline-block;
}

#modalContainer .header h2 {
  font-size: 10px;
  border-bottom: solid 2px #66a1cb;
  margin-left: 4px;
  padding-bottom: 3px;
}

#modalContainer h2.toolName {
  color: #0060cc;
  font-size: 24px;
  font-weight: bold;
  height: 28px;
  width: 450px;
  text-align: left;
  line-height: 64px;
  background-color: transparent;
}

#modalContainer .ampersand, .ampersand {
  font-family: arial, helvetica, sans-serif;
}

#modalContainer #questionContentDiv {
  margin-top: 63px;
}

#widget_email_signup iframe {
  width: 0;
  height: 0;
}

#modalContainer #bottomButtonsDiv,
  #modalContainer #testDescriptionContentDiv,
  #modalContainer #widget_email_signup {
  display: none;
}

#modalContainer .buttonA {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 4px 5px 4px 15px;
  background: #0060cc url( '../img/icons/arrow_white.gif' ) 5px 50% no-repeat;
}

#modalContainer .getStarted:hover,
  #modalContainer .buttonA:hover {
  background-color: #1f4d62;
  text-decoration: none;
}

#modalContainer .stateButton {
  background-color: #ed6c22;
}

#modalContainer .stateButton:hover {
  background-color: #c75b1a;
}

#modalContainer .getStarted {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

#modalContainer .question .letter,
  #modalContainer .answer .letter {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
  float: left;
  font-weight: bold;
  background: url( ../img/icons/yellowCirc_medium.gif ) no-repeat;
  color: #0060cc;
}

#modalContainer .answer .letter {
  background-image: url( ../img/icons/blueCirc_medium.gif );
  color: #FFAE27;
}

#modalContainer .question .text {
  font-weight: bold;
  float: left;
  width: 500px;
  padding-left: 5px;
}

#modalContainer .question ul {
  clear: both;
  padding-top: 20px;
}

#modalContainer .question ul li {
  padding-left: 35px;
}

#modalContainer .question ul li .customRadio,
  #modalContainer .question ul li .customRadio_on {
  background: url( ../img/icons/radio_orange_BG.gif ) 0 0 no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  line-height: 19px;
}

#modalContainer .question ul li .customRadio:hover {
  background-position: -16px 0;
}

#modalContainer .question ul li .customRadio_on {
  background-position: -32px 0;
}

#modalContainer #restartWidget,
  #modalContainer #viewAllTests {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: inline-block;
}

#modalContainer #viewAllTests {
  left: 10px;
  right: auto;
}

#modalContainer .previousQuestion {
  text-align: center;
}

.blue_doubleLinkA_left {
  background: url( ../img/icons/blue_double_linkArrow_left.gif ) left center no-repeat;
  font-size: 12px;
  line-height: 15px;
  padding-left: 13px;
}

#modalContainer .answer h3 {
  font-size: 18px;
  line-height: 30px;
  color: #0060CC;
  font-weight: bold;
}

#modalContainer #questionContentDiv h3 {
  font-size: 14px;
  line-height: 18px;
  color: #0060CC;
  font-weight: bold;
}

#modalContainer #questionContentDiv form * {
  float: left;
}

#modalContainer #questionContentDiv .info {
  clear: left;
  padding-top: 12px;
  font-size: 10px;
}

#modalContainer .associations {
  clear: left;
  font-size: 14px;
  padding: 12px 0 0;
}

#modalContainer .associations .summary {
  color: #14384c;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0;
}

#modalContainer .associations .summary strong {
  color: #0060cc;
}

#modalContainer .associations ul {
  padding-left: 40px;
  list-style: disc;
  font-size: 14px;
}

#modalContainer .associations ul li {
  padding: 3px 0;
}

#modalContainer .associations .order div {
  float: left;
  margin: 12px 4px 0 40px;
}

#modalContainer .associations .order p {
  float: left;
  width: 300px;
  padding-left: 8px;
  font-size: 14px;
}

#modalContainer .associations .order p a {
  padding-left: 8px;
}

#modalContainer .answer .text {
  padding-left: 35px;
}

#modalContainer .answer .buttonA {
  display: inline-block;
  margin-right: 10px;
}

#modalContainer .answer .learnMore {
  padding-top: 10px;
  font-size: 10px;
}

#modalContainer #allTestsDiv {
  width: 450px;
  margin-left: 30px;
  border: solid lightgray 1px;
  margin-bottom: 30px;
  padding: 10px;
}

#modalContainer #allTestsDiv ul {
  border-bottom: solid 1px #ffc353;
  font-size: 12px;
  line-height: 14px;
  padding: 0 0 12px 0;
}

#modalContainer #allTestsDiv ul li {
  float: left;
  margin-right: 5px;
}

#modalContainer #allTestsDiv h2 {
  font-weight: bold;
}

#modalContainer #allTestsDiv p {
  padding: 0;
  margin: 0;
}

#modalContainer #allTestsDiv h3 {
  color: #0060cc;
  font-weight: bold;
  font-size: 14px;
  padding: 16px 0 8px;
}

#modalContainer #testDescription {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  width: 460px;
  background-color: #fff0bd;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
}

#testDescription #orderTestNowBtn {
  position: absolute;
  top: 10px;
  right: 34px;
}

#testDescription #closeButton {
  text-indent: -6000px;
}

#testDescriptionContentDiv h2 {
  font-size: 16px;
  font-weight: bold;
}

#testDescription #testDescriptionContent {
  margin-top: 26px;
}

#testDescriptionContentDiv h2 #testName {
  color: #0060cc;
}

/********** bottom content styles ***********/

#leftbottomDiv {
  position: relative;
  width: 515px;
  float: left;
  background-image: url( '../img/layout/grey_dividerBG.gif' );
  background-repeat: repeat-x;
}

#leftbottom {
  position: relative;
  display: block;
  clear: both;
  margin-right: 10px;

}

#leftbottom {
  position: relative;
  display: block;
  clear: both;
  margin-right: 15px;
  margin-top: 40px;

}

#rightbottomDiv {
  position: relative;
  width: 220px;
  float: left;
  background: #ebece6 url( '../img/layout/right_col_gradBG.gif' ) repeat-x;
}

#bottomDiv .tabContentDiv {
  color: #fff;

  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 0;

}

.goldTabBar {
  position: relative;
  display: block;
  clear: both;
  height: 17px;
  background: #feb10d url( '../img/layout/tabLineGradBG.gif' ) bottom repeat-x;
}

.bottomContentDiv {
  position: relative;
  display: block;
  clear: both;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 5px;

}

.bottomContentDiv h2 {

  color: #999;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
}

.bottomContentDiv h1 {

  color: #feb10d;
  margin-top: 0;
  margin-bottom: 0;
}

.bottomContentDiv h3 {
  padding-top: 12px;
  color: #666;
  margin-top: 0;
  margin-bottom: 5px;
}

.bottomContentDiv p {

  color: #666;
  margin: 8px 0;
}

.bottomContentUpperDiv {
}

.bottomContentLowerDiv {
  clear: left;
  padding-top: 40px;
  background: transparent url( '../img/layout/grey_dividerBG.gif' ) 0 20px repeat-x; /*background: url( '../img/layout/grey_vert_dividerBG.gif' ) center repeat-y;*/
}

.bottomContentLeftColDiv,
  .bottomContentRightColDiv {
  position: relative;
  float: left;
  width: 43%;
  padding-top: 24px;
}

.bottomContentRightColDiv {
  position: relative;
  float: right;
}

.searchTheCatalogHead {
  color: #50a53f;

}

#searchTheCatalog {
  position: relative;
  margin-bottom: 30px;
}

#browseCatalogDiv {
  position: relative;
}

#browseCatalogHeaderDiv {
  background-image: url( '../img/icons/green_dna_whiteBG.gif' );
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 15px;
}

.tool h2,
  #browseCatalogHeaderDiv h2 {

  margin-top: 0;
  margin-bottom: 0;
  color: #50a53f;
}

#browseCatalogHeaderDiv h3 {

  color: #999;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;

}

#browseCatalog2ColDiv {
  position: relative;
  padding-left: 15px;
}

#browseCatalog2ColDiv .left,
  #browseCatalog2ColDiv .right,
  #browseCatalog2ColDiv .one,
  #browseCatalog2ColDiv .two {
  position: relative;
  width: 48%;
  float: left;
}

.catalog #browseCatalog2ColDiv h3 {
  margin-top: 15px;
  margin-bottom: 5px;
  color: #393d43;
  background-color: transparent;

}

#browseCatalog2ColDiv .left {
  float: left;
}

#browseCatalog2ColDiv .right {
  float: right;
}

#browseCatalog2ColDiv  a {
  display: block;
}

#browseCatalog2ColDiv ul li {

}

/********** end bottom content styles *******/

/********** right module content div **********/

.rightColModuleDiv {
  margin: 10px 10px 0 10px;
  background: url( '../img/layout/grey_dividerBG.gif' ) left bottom repeat-x;
  padding-bottom: 10px;

}

.rightColModuleDiv h1,
  .rightColModuleDiv h1 a {

  color: #1f6ab0;
  background-color: transparent;
  margin: 0 0 12px;
}

.rightColModuleDiv h2 {

  color: #999;
  background-color: transparent;
}

.rightColModuleDiv p {
  margin-top: 3px;
  margin-bottom: 3px;
  color: #333;
  background-color: transparent;

}

.rightColModuleDiv .blogArticleTitle,
  .rightColModuleDiv .articleTitle,
  .rightColModuleDiv .articleTitle:visited {
  margin-top: 10px;

  color: #036;
}

.rightColModuleDiv .blogArticleDate,
  .rightColModuleDiv .articleDate {
  margin-bottom: 10px;

  color: #666;
  background-color: transparent;
}

.rightColModuleDiv a.order {
  display: inline-block;
  margin-left: 12px;
}

.modulePhotoCaptionBoxDiv {
  margin-top: 5px;
}

.modulePhotoCaptionBoxDiv img {
  position: relative;
  float: left;
  margin: 0 5px 0 0;
  width: 50px;
}

.modulePhotoCaptionBoxDiv p {
  color: #000;
  background-color: transparent;

  margin-top: 10px;
}

.moduleBottomLinksDiv {

}

.moduleBottomLinksDiv a {

  padding-left: 15px;
  background-image: url( '../img/icons/arrow_darkblue.gif' );
  background-repeat: no-repeat;
  background-position: 6px 50%;
}

.moduleBottomLinksDiv a:hover {
  background-image: url( '../img/icons/arrow_darkblue_on.gif' );
}

.adDiv {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666666;

}

/********** end right module content div ****/

/********** footer styles *******************/

#footerDiv {
  clear: both;
  background-color: #BABABA;
  height: 50px;
}

#footerContentDiv {
  padding-top: 14px;
  padding-left: 12px;
  padding-right: 12px;
}

#leftCopyright {
  position: relative;
  float: left;
  color: #787C7F;
  width: 170px;
}

#middleLinks {
  position: relative;
  float: right;
}

#urac_footer {
    position: relative;
    display:block;
    float: left;
    width:157px;
    height:45px;
    top:-12px;
    background: transparent url('/web/img/logos/urac_forFooter.gif') 0px 0px no-repeat;
}

#releaseInfo {
  display: block;
}

/********** end footer styles ***************/

/*********standard page elements ********************/

a {
  color: #003366;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/******** end standard page elements *******************/

/******** global element styles ************************/

.arrowBulletList {
  position: relative;
  display: block;
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;

}

.arrowBulletList li {
  margin-bottom: 8px;
  background-image: url( '../img/icons/arrow_darkblue.gif' );
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 6px 5px;
}

.arrowBulletList li a {

  margin-top: 0;
  margin-bottom: 0;

}

.moduleList .date,
  .arrowBulletList li p {

  color: #666666;
  margin-top: 0;
  margin-bottom: 0;
}

.relatedTestLink {
  display: inline-block;
  color: #fff;
  padding: 3px 8px 3px 20px;
  margin: 0 7px;
  background: #50a53f url( '../img/icons/arrow_white.gif' ) 8px 50% no-repeat;
}

.relatedTestLink:hover {
  background-color: #2A7114;
  text-decoration: none;
}

.relatedToolLinks {

  color: #fff;
  padding: 3px 8px 3px 20px;
  margin: 0 7px;
  background: #74bbea url( '../img/icons/arrow_white.gif' ) 8px 50% no-repeat;
}

.relatedToolLinks:hover {
  background-color: #1C5982;
  text-decoration: none;
}

.goldArrowLearnLink {

  padding-left: 15px;
  background-image: url( '../img/icons/arrow_white_on.gif' );
  background-repeat: no-repeat;
  background-position: 6px 50%;
}

.goldArrowLearnLink:hover {
  background-image: url( '../img/icons/arrow_darkblue.gif' );
}

/******** end global element styles ********************/

/*********curve corner boxes */

.crvbx_tbD {
/*curve box top & bottom div */
  height: 9px;
}

.crvbx_ltbD {
/*curve box left top & bottom div */
  position: relative;
  float: left;
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/0.gif' );
  background-repeat: no-repeat;
}

.crvbx_ltbD div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/1.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:80 );
  KHTMLOpacity: 0.80;
  MozOpacity: 0.80;
  opacity: 0.80;
}

.crvbx_ltbD div div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/2.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.crvbx_ltbD div div div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/3.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.crvbx_rtbD {
/*curve box right top & bottom div */
  position: relative;
  float: right;
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/4.gif' );
  background-repeat: no-repeat;
}

.crvbx_rtbD div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/5.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:80 );
  KHTMLOpacity: 0.80;
  MozOpacity: 0.80;
  opacity: 0.80;
}

.crvbx_rtbD div div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/6.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.crvbx_rtbD div div div {
  width: 9px;
  height: 9px;
  background-image: url( '../img/layout/7.gif' );
  background-repeat: no-repeat;
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.crvbx_ltbD img, .crvbx_rtbD img {
  width: 9px;
  position: absolute;
  border: 0;
  left: 0;
  top: 0;
}

.t20 {
/* 40% transparent */
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.t40 {
/* 40% transparent */
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.t80 {
/* 80% transparent */
  filter: alpha( opacity:80 );
  KHTMLOpacity: 0.80;
  MozOpacity: 0.80;
  opacity: 0.80;
}

.darkblue_crvtab {
  position: relative;
  background-color: #204E63;
  text-align: left;
  background-image: url( '../img/layout/darkblue_crvtab_bg.gif' );
  background-repeat: repeat-x;
}

.mediumBlue_crvtab {
  position: relative;
  text-align: left;
  background-color: #007BC1;
  background-image: url( '../img/layout/mediumblue_crvtab_bg.gif' );
  background-repeat: repeat-x;
}

.brightBlue_crvtab {
  position: relative;
  text-align: left;
  background-color: #1B86C8;
  background-image: url( '../img/layout/brightblue_crvtab_bg.gif' );
  background-repeat: repeat-x;
}

.green_crvtab {
  position: relative;
  background-color: #55A845;
  text-align: left;
  background-image: url( '../img/layout/green_crvtab_bg.gif' );
  background-repeat: repeat-x;
}

.gold_crvtab {
  text-align: left;
  background: #FEB215 url( '../img/layout/gold_crvtab_bg.gif' ) repeat-x;
}

.gold_crvtab .tabContent,
  .darkblue_crvtab .tabContent,
  .green_crvtab .tabContent, .mediumBlue_crvtab .tabContent, .brightBlue_crvtab .tabContent {
  font-weight: bold;
  color: #fff;
  padding: 0 0 4px 8px;
  margin: 0;
}

.quickSearchLinks {
  position: relative;
  text-align: left;
  margin-top:7px;
}

/* End hide from IE-mac */

.tabContentDiv {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  top: -5px;
}

/* end curveCorner boxes *********************************************/

search #results form:after,
  .sidebar_module:after,
  .quickSearchLinks:after,
  #contentDiv:after,
  .article #bottomDiv:after,
  .tab #content-catalog #search-catalog:after,
  .tab #content-catalog #browse-catalog:after,
  .tabs .content:after,
  #modalContainer #allTestsDiv ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fullWidth #results form,
  .quickSearchLinks,
  .sidebar_module,
  .tab #content-catalog #search-catalog,
  .tab #content-catalog #browse-catalog,
  .tabs .content,
  #contentDiv,
  #modalContainer #allTestsDiv ul {
  display: block;
}

.home .testPrePostTriptych:after, .home .testPrePostDiptych:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/
/*******************
*******************
******************* LEGACY CSS for old dna direct tools etc
*******************
*******************
*******************/

/*
link styles
*/

.blue_doubleLinkA_left {
  padding-left: 13px;
  background-image: url( 'http://www.dnadirect.com/img/btn/blue_double_linkArrow_left.gif' );
  background-repeat: no-repeat;
  background-position: center left;
  font-size: 12px;
  line-height: 15px;
}

/*
//
// widgetToolDiv
//
*/

#widgetToolDiv {
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 350px;
}

.customRadio {
  height: 100%;
  background-image: url( 'http://www.dnadirect.com/img/btn/radio_orange_BG.gif' );
  line-height: 19px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.customRadio:hover {
  background-position: -16px 0;
}

.customRadio_on {
  height: 100%;
  background-image: url( 'http://www.dnadirect.com/img/btn/radio_orange_BG.gif' );
  line-height: 19px;
  background-position: -32px 0;
  background-repeat: no-repeat;
}

/*****************
Glossing
*/

#glossDiv {
  position: absolute;
  width: 175px;
  text-align: left;
  display: none;
  top: 0px;
  left: 0px;
  padding: 1px;
  z-index: 9999999;
  font-size: 0.8175em;
}

#glossDef {
  margin-top: 0px;
  padding-top: 0px;
  background-color: #ffffff;
}

.glossA {
  color: #000000;
  background-image: url( '../img/layout/glossLine_BG.gif' );
  background-repeat: repeat-x;
  background-position: left 90%;
  cursor: pointer;
}

.glossA:hover {
  color: #000;
  text-decoration: none;
}

#glossDiv .box_brightBlueLine_top span {
  position: relative;
  display: block;
  top: 0px;
  background-color: #ffffff;
  border-top: 1px solid #0060CC;
  font-size: 7px;
  line-height: 9px;
  margin: 0 8px 0 8px;
  padding-top: 0px;
}

#glossDiv .box_brightBlueLine_bot span {
  position: relative;
  display: block;
  top: 0px;
  background-color: #ffffff;
  border-bottom: 1px solid #0060CC;
  font-size: 8px;
  line-height: 7px;
  margin: 0 8px 0 8px;
  padding-top: 0px;
}

#mainContentDiv #contentDiv a.glossA {
  padding: 0;
  margin: 0;
  display: inline;
  color: #000;
  background-image: url( '/img/layout_images/glossLine_BG.gif' );
  background-repeat: repeat-x;
  background-position: left 100%;
}

#contentDiv ul {
  list-style-type: disc;
  margin-left: 30px;
}

/*****************
BUTTONS
*/

a .btn_orange, a .btn_blue, a .btn_green {
  color: #fff;
  font-weight: bold;
  line-height: 18px;
}

span .btn_orange, span .btn_blue, span .btn_green {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

.btn_orange:hover, .btn_blue:hover, .btn_green:hover {
  text-decoration: none;
}

a .btn_orange_big, a .btn_green_big {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

span .btn_orange_big, span .btn_green_big {
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

a .btn_orange_big:hover, a .btn_green_big:hover {
  text-decoration: none;
}

/*
END BUTTONS
****************************************************************************************/

/****************************************************************************************
GRAPHICAL BOXES
*/

/*common*/

.leftCorner {
  position: relative;
  float: left;
  width: 8px;

}

.rightCorner {
  position: relative;
  float: right;
  width: 8px;

}

.box_greyline_content {
  border-right: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
}

.box_blue_content {
  background-color: #E0E8EB;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px;
  background-image: url( 'http://www.dnadirect.com/img/box/darkBlueHgrad_content_BG.gif' );
  background-repeat: repeat-x;
}

.box_gold_content {
  background-color: #FEE28E;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px;
  background-image: url( 'http://www.dnadirect.com/img/box/goldHgrad_content_BG.gif' );
  background-repeat: repeat-x;
}

.grey_content {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: #d7d7d7;
}

.grey_content_footer {
  height: 30px;
  background-color: #d7d7d7;
  padding-right: 8px;
  padding-left: 8px;

}

.box_brightBlueLine_content {
  border-right: 1px solid #0060CC;
  border-left: 1px solid #0060CC;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
}

.grey_bot {
  clear: both;
  width: 100%;
  background-color: #d7d7d7;
  height: 8px;
}

.grey_top {
  clear: both;
  width: 100%;
  background-color: #d7d7d7;
  height: 8px;
}

/*greline*/

.box_greyLine_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/greyLine_top_BG.gif' );
  background-repeat: repeat-x;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_greyLine_top span {
  position: relative;
  top: 5px;
}

.box_greyLine_bot {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/greyLine_bottom_BG.gif' );
  background-repeat: repeat-x;
  height: 8px;
}

/*blueVgrad*/

.box_blueVgrad_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/blueVgrad_top_BG.gif' );
  background-repeat: repeat-x;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_blueVgrad_top span {
  position: relative;
  top: 5px;
}

/*orangeVgrad*/

.box_orangeVgrad_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/orangeVgrad_top_BG.gif' );
  background-repeat: repeat-x;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_orangeVgrad_top span {
  position: relative;
  top: 5px;
}

.box_orangeVgrad_bot {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/orangeLine_bottom_BG.gif' );
  background-repeat: repeat-x;
  height: 8px;
}

.box_orangeline_content {
  border-right: 1px solid #FFC353;
  border-left: 1px solid #FFC353;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px;
}

/*orangeVgrad_trans*/

.box_orangeVgrad_trans_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/orangeVgrad_top_BG_trans.gif' );
  background-repeat: repeat-x;
  background-color: #fff;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_orangeVgrad_trans_top span {
  position: relative;
  top: 5px;
}

.box_orangeVgrad_trans_bot {
  clear: both;
  height: 8px;
  background-color: #fff;
}

.box_orangeline_trans_content {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px;
  background-color: #fff;
}

/*blueVgrad_trans*/

.box_blueVgrad_trans_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/blueVgrad_top_BG_trans.gif' );
  background-repeat: repeat-x;
  background-color: #fff;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_blueVgrad_trans_top span {
  position: relative;
  top: 5px;
}

.box_blueVgrad_trans_bot {
  clear: both;
  height: 8px;
  background-color: #fff;
}

.box_blueline_trans_content {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 9px;
  background-color: #fff;
}

/*darkBlueHgrad*/

.darkBlueHgradBG {
  background-color: #48778B;
}

.box_darkBlueHgrad_top {
  clear: both;
  background-color: #48778B;
  background-image: url( 'http://www.dnadirect.com/img/box/darkBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_darkBlueHgrad_bot {
  clear: both;
  background-color: #E0E8EB;
  height: 8px;
}

.box_darkBlueHgrad_top span {
  position: relative;
  top: 5px;
}

.darkBlueHgrad_content_grad {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 0;
  background-image: url( 'http://www.dnadirect.com/img/box/darkBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  color: #ffffff;
}

.darkBlueHgrad_bot_grad {
  clear: both;
  background-color: #48778B;
  background-image: url( 'http://www.dnadirect.com/img/box/darkBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 8px;
}

/*goldHgrad*/

.goldHgradBG {
  background-color: #FFCE1E;
}

.box_goldHgrad_top {
  clear: both;
  background-color: #FFCE1E;
  background-image: url( 'http://www.dnadirect.com/img/box/goldHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_goldHgrad_bot {
  clear: both;
  background-color: #FEE28E;
  height: 8px;
}

.box_goldHgrad_top span {
  position: relative;
  top: 5px;
}

.goldHgrad_content_grad {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 0;
  background-image: url( 'http://www.dnadirect.com/img/box/goldHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  color: #000;
}

.goldHgrad_bot_grad {
  clear: both;
  background-color: #FFCE1E;
  background-image: url( 'http://www.dnadirect.com/img/box/goldHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 8px;
}

/*lightBlueHgrad*/

.lightBlueHgradBG {
  background-color: #67A7D5;
}

.box_lightBlueHgrad_top {
  clear: both;
  background-color: #67A7D5;
  background-image: url( 'http://www.dnadirect.com/img/box/lightBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_lightBlueHgrad_bot {
  clear: both;
  background-color: #E0E8EB;
  height: 8px;
}

.box_lightBlueHgrad_top span {
  position: relative;
  top: 5px;
}

.lightBlueHgrad_content_grad {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 0;
  background-image: url( 'http://www.dnadirect.com/img/box/lightBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  color: #ffffff;
}

.lightBlueHgrad_bot_grad {
  clear: both;
  background-color: #67A7D5;
  background-image: url( 'http://www.dnadirect.com/img/box/lightBlueHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 8px;
}

/* grey Hgrad */
.greyHgradBG {
  background-color: #8F8F8F;
}

.box_greyHgrad_top {
  clear: both;
  background-color: #8F8F8F;
  background-image: url( 'http://www.dnadirect.com/img/box/greyHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 30px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_greyHgrad_bot {
  clear: both;
  background-color: #E0E8EB;
  height: 8px;
}

.box_greyHgrad_top span {
  position: relative;
  top: 5px;
}

.greyHgrad_content_grad {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 0;
  background-image: url( 'http://www.dnadirect.com/img/box/greyHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  color: #ffffff;
}

.greyHgrad_bot_grad {
  clear: both;
  background-color: #8F8F8F;
  background-image: url( 'http://www.dnadirect.com/img/box/greyHgrad_top_BG.gif' );
  background-repeat: repeat-y;
  height: 8px;
}

/*brightBluerLine*/

.box_brightBlueLine_top {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/brightBlueLine_top_BG.gif' );
  background-repeat: repeat-x;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_brightBlueLine_top span {
  position: relative;
  top: 5px;
}

.box_brightBlueLine_bot {
  clear: both;
  background-image: url( 'http://www.dnadirect.com/img/box/brightBlueLine_bottom_BG.gif' );
  background-repeat: repeat-x;
  height: 8px;
}

.interp_button {
  position: relative;
  display: block;
  height: 22px;
  color: #15384C;
  font-weight: bold;
  cursor: pointer;
}

.interp_button:hover {
  text-decoration: none;
  color: #FF6405;
}

.interp_button #btn_text {
  height: 19px;
  width: 206px;
  float: left;
}

/* tabs */

.tab_darkBlue {
  clear: both;
  background-color: #11499B;
  height: 25px;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
}

.tab_medBlue {
  clear: both;
  background-color: #2C6DAF;
  height: 25px;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
}

.tab_lightBlue {
  clear: both;
  background-color: #67A7D5;
  height: 25px;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
}

#contentDiv .blueLine_BQ, #mainContentB2B .blueLine_BQ {
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid #CADFF0;
  background-color: #E5F3FF;
  margin-bottom: 10px;
  margin-top: 10px;
  display: table;
}

#contentDiv .blueLine_BQ h3, #mainContentB2B .blueLine_BQ h3 {
  font-weight: bold;
  color: #359CF0;
  margin-top: 0px;
  margin-bottom: 5px;
  background-color: transparent;
}

#contentDiv .blueLine_BQ p, #mainContentB2B .blueLine_BQ p {
  margin-top: 5px;
  margin-bottom: 5px;
}

#contentDiv .orangeLine_BQ {

  margin-left: 25px;
  margin-right: 25px;
  padding: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px solid #D35F0C;
  background-color: #FFFD77;
  margin-bottom: 10px;
  margin-top: 10px;
}

/*
END GRAPHICAL BOXES
*****************************************************************************************/

/*
LIGHTBOX STYLES
*****************************************************************************************/

#lightBoxOuterDiv {
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ff0000;
  display: none;
  opacity: 0.3;
  khtml-Opacity: 0.3;
  moz-opacity: 0.3;
  filter: alpha( opacity:30 );
}

#lightBox_messageDiv {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  width: 300px;
  border: 1px solid #000000;
}

/*****************************************************************************************
END LIGHTBOX STYLES
*/

/******************* New Graphical Boxes **************************/

.curved_top_box {
  display: block;
  clear: both;
}

.curved_top_box .bannerText, .curved_box .bannerText, .table_box .bannerText, .button .bannerText {
  clear: both;
  padding-left: 8px;
  padding-right: 8px;

}

.bannerText {
  line-height: 0.9em;
  position: relative;
}

.curved_top_box .bannerText p, .curved_box .bannerText p, .table_box .bannerText p, .button .bannerText p {
  position: relative;
  margin: 0px;
  top: -5px;
  font-size: 1em;
  font-weight: bold;
  background-color: transparent;
}

.button {
  position: relative;
  display: table;
}

.button .bannerText a {
  font-size: 0.75em;
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  background-color: transparent;
}

.button .bannerText a:hover {
  color: #ffffff;;
}

.button .bannerText a.white {
  color: #fff;
}

.button .bannerText a.white:hover {
  color: #000;
}

.curved_top_box .bTop p, .curved_top_box .bBottom p, .curved_box .bTop p, .curved_box .bBottom p, .table_box .bTop p, .table_box .bBottom p, .button .bTop p, .button .bBottom p {
  margin: 0 8px 0 8px;
  font-size: 8px;
  line-height: 8px;
}

.leftTop, .rightTop, .leftBottom, .rightBottom {
  position: relative;
  width: 8px;
  height: 8px;
  line-height: 0.01px;
  font-size: 0.01px;
  background-color: transparent;
}

.leftTop, .leftBottom {
  float: left;
}

.rightTop, .rightBottom {
  float: right;
}

.leftTop div, .rightTop div, .leftBottom div, .rightBottom div {
  position: absolute;
  line-height: 0.01px;
  font-size: 0.01px;
  vertical-align: baseline;
  height: 12.5%;
  width: 12.5%;
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
  overflow: hidden;
}

.leftTop .z, .rightTop .z, .leftBottom .z, .rightBottom .z {
  width: 62.5%;
  height: 62.5%;
  line-height: 1px;
  font-size: 1px;
  filter: alpha( opacity:100 );
  KHTMLOpacity: 1;
  MozOpacity: 1;
  opacity: 1;
}

.leftTop .z {
  top: 37.5%;
  left: 37.5%;
}

.rightTop .z {
  top: 37.5%;
  left: 0;
}

.leftBottom .z {
  top: 0%;
  left: 37.5%;
}

.rightBottom .z {
  top: 0%;
  left: 0;
}

.leftTop .y, .rightTop .y, .leftBottom .y, .rightBottom .y {
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .y {
  top: 0;
  left: 75%;
}

.rightTop .y {
  top: 0;
  left: 12.5%;
}

.leftBottom .y {
  top: 12.5%;
  left: 0%;
}

.rightBottom .y {
  top: 12.5%;
  left: 87.5%;
}

.leftTop .x, .rightTop .x, .leftBottom .x, .rightBottom .x {
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;

}

.leftTop .x {
  top: 0;
  left: 87.5%;
}

.rightTop .x {
  top: 0;
  left: 0;
}

.leftBottom .x {
  top: 0;
  left: 0%;
}

.rightBottom .x {
  top: 0;
  left: 87.5%;
}

.leftTop .w, .rightTop .w, .leftBottom .w, .rightBottom .w {
  width: 25%;
  height: 25%;
  filter: alpha( opacity:100 );
  KHTMLOpacity: 1;
  MozOpacity: 1;
  opacity: 1;

}

.leftTop .w {
  top: 12.5%;
  left: 75%;
}

.rightTop .w {
  top: 12.5%;
  left: 0%;
}

.leftBottom .w {
  top: 0;
  left: 12.5%;
}

.rightBottom .w {
  top: 0%;
  left: 62.5%;
}

.leftTop .v, .rightTop .v, .leftBottom .v, .rightBottom .v {
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.leftTop .v {
  top: 12.5%;
  left: 62.5%;
}

.rightTop .v {
  top: 12.5%;
  left: 25%;
}

.leftBottom .v {
  top: 25%;
  left: 12.5%;
}

.rightBottom .v {
  top: 25%;
  left: 75%;
}

.leftTop .u, .rightTop .u, .leftBottom .u, .rightBottom .u {
  width: 25%;
  filter: alpha( opacity:100 );
  KHTMLOpacity: 1;
  MozOpacity: 1;
  opacity: 1;
}

.leftTop .u {
  top: 25%;
  left: 50%;
}

.rightTop .u {
  top: 25%;
  left: 25%;
}

.leftBottom .u {
  top: 62.5%;
  left: 50%;
}

.rightBottom .u {
  top: 62.5%;
  left: 25%;
}

.leftTop .t, .rightTop .t, .leftBottom .t, .rightBottom .t {
  width: 12.5%;
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .t {
  top: 12.5%;
  left: 50%;
}

.rightTop .t {
  top: 12.5%;
  left: 37.5%;
}

.leftBottom .t {
  top: 37.5%;
  left: 12.5%;
}

.rightBottom .t {
  top: 37.5%;
  left: 75%;
}

.leftTop .s, .rightTop .s, .leftBottom .s, .rightBottom .s {
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .s {
  top: 25%;
  left: 37.5%;
}

.rightTop .s {
  top: 25%;
  left: 50%
}

.leftBottom .s {
  top: 50%;
  left: 25%;
}

.rightBottom .s {
  top: 50%;
  left: 62.5%
}

.leftTop .r, .rightTop .r, .leftBottom .r, .rightBottom .r {
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .r {
  top: 37.5%;
  left: 25%;
}

.rightTop .r {
  top: 37.5%;
  left: 62.5%;
}

.leftBottom .r {
  top: 62.5%;
  left: 37.5%;
}

.rightBottom .r {
  top: 62.5%;
  left: 50%;
}

.leftTop .q, .rightTop .q, .leftBottom .q, .rightBottom .q {
  height: 25%;
  filter: alpha( opacity:100 );
  KHTMLOpacity: 1;
  MozOpacity: 1;
  opacity: 1;
}

.leftTop .q {
  top: 50%;
  left: 25%;
}

.rightTop .q {
  top: 50%;
  left: 62.5%;
}

.leftBottom .q {
  top: 25%;
  left: 25%;
}

.rightBottom .q {
  top: 25%;
  left: 62.5%;
}

.leftTop .p, .rightTop .p, .leftBottom .p, .rightBottom .p {
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .p {
  top: 50%;
  left: 12.5%;
}

.rightTop .p {
  top: 50%;
  left: 75%;
}

.leftBottom .p {
  top: 75%;
  left: 50%;
}

.rightBottom .p {
  top: 75%;
  left: 37.5%;
}

.leftTop .o, .rightTop .o, .leftBottom .o, .rightBottom .o {
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.leftTop .o {
  top: 62.5%;
  left: 12.5%;
}

.rightTop .o {
  top: 62.5%;
  left: 75%
}

.leftBottom .o {
  top: 75%;
  left: 62.5%;
}

.rightBottom .o {
  top: 75%;
  left: 25%
}

.leftTop .n, .rightTop .n, .leftBottom .n, .rightBottom .n {
  height: 25%;
  width: 25%;
  filter: alpha( opacity:100 );
  KHTMLOpacity: 1;
  MozOpacity: 1;
  opacity: 1;
}

.leftTop .n {
  top: 75%;
  left: 12.5%;
}

.rightTop .n {
  top: 75%;
  left: 62.5%;
}

.leftBottom .n {
  top: 62.5%;
  left: 75%;
}

.rightBottom .n {
  top: 62.5%;
  left: 0;
}

.leftTop .m, .rightTop .m, .leftBottom .m, .rightBottom .m {
  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.leftTop .m {
  top: 75%;
  left: 0;
}

.rightTop .m {
  top: 75%;
  left: 87.5%;
}

.leftBottom .m {
  top: 87.5%;
  left: 75%;
}

.rightBottom .m {
  top: 87.5%;
  left: 12.5%;
}

.leftTop .l, .rightTop .l, .leftBottom .l, .rightBottom .l {
  top: 87.5%;
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.leftTop .l {
  left: 0%;
}

.rightTop .l {
  left: 87.5%;
}

.leftBottom .l {
  left: 87.5%;
}

.rightBottom .l {
  left: 0%;
}

.box .box_header, .curved_top_box .box_header, .curved_box .box_header, .table_box .box_header {
  position: relative;
  display: block;
  clear: both;
}

.box .box_header p, .curved_top_box .box_header p, .curved_box .box_header p, .table_box .box_header p {
  margin: 0;
  margin-left: 9px;
  padding: 4px 0 2px 0;
  font-size: 1.0em;
  color: #000000;
  font-weight: bold;
}

.box_content {
  padding: 5px 10px 10px 10px;
  font-size: 0.9em;
  border: 1px solid;
  border-top: 0;
  background-color: #fff;
  color: #000;
  overflow: auto;
}

.box_content p {
  font-size: 1em;
}

.curved_box .box_content {
/*padding-bottom:5px;*/
}

.table_box_content table {
  width: 100%;
  border: 1px solid;
  border-top: 0;
  border-right: 0;
  font-size: 0.9em;
  background-color: #fff;
}

.title_row td, thead th {
  border-top: 1px solid;
  border-right: 1px solid;
}

.table_box_content table td {
  border: 1px solid;
  border-bottom: 0;
  border-left: 0;
  text-align: left;
  padding: 3px;
}

.table_box_content table .title_row td, table .title_row td {
  font-weight: bold;
  color: #fff;
}

.rows_only .table_box_content table, table.rows_only {
  border-width: 1px;
  border-right: 1px solid;

}

.rows_only .table_box_content table td, table.rows_only td, table.rows_only .title_row td, table.rows_only thead th {
  border-width: 1px;
  border-style: solid;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  text-align: left;
  padding: 3px;
}

/***********FADER ****/

.fader {
  position: relative;
  display: block;
  clear: both;
  height: 5px;
  overflow: hidden;
  border: 1px solid;
  border-top: 0;
  border-bottom: 0;
}

.fader div {
  height: 1px;
  position: relative;
  display: block;
  clear: both;
  background-color: #ffffff;
  height: 1px;
  overflow: hidden;
}

.fader div.a, .t20 {

  filter: alpha( opacity:20 );
  KHTMLOpacity: 0.20;
  MozOpacity: 0.20;
  opacity: 0.20;
}

.fader div.b, .t40 {
  filter: alpha( opacity:40 );
  KHTMLOpacity: 0.40;
  MozOpacity: 0.40;
  opacity: 0.40;
}

.fader div.c, .t60 {
  filter: alpha( opacity:60 );
  KHTMLOpacity: 0.60;
  MozOpacity: 0.60;
  opacity: 0.60;
}

.fader div.d, .t80 {
  filter: alpha( opacity:80 );
  KHTMLOpacity: 0.80;
  MozOpacity: 0.80;
  opacity: 0.80;
}

.fader div.e, .t90 {
  filter: alpha( opacity:90 );
  KHTMLOpacity: 0.90;
  MozOpacity: 0.90;
  opacity: 0.90;
}

/************* COLORS */

.green > .bTop .leftTop div, .green > .bTop .rightTop div, .green > .bBottom .leftBottom div, .green > .bBottom .rightBottom div {
  background-color: #66B352;
}

.green .title_row td, .green thead th {
  background-color: #A6D7A6;
}

.green > .bTop p, .green > .bBottom p {
  background-color: #66B352;
}

.green > .bannerText {
  background-color: #66B352;
}

.green > .fader {
  background-color: #66B352;
  border-color: #66B352;
}

.green > .box_content, .green .table_box_content table, .green .table_box_content table td, .green td, .table_box.green table, .green th {
  border-color: #66B352;
}

.green > .box_header {
  background-color: #66B352;
}

.solid.green > .box_content {
  background-color: #66B352;
}

.dark_green > .bTop .leftTop div, .dark_green > .bTop .rightTop div, .dark_green > .bBottom .leftBottom div, .dark_green > .bBottom .rightBottom div {
  background-color: #326d32;
}

.dark_green .title_row td, .dark_green thead th {
  background-color: #A6D7A6;
}

.dark_green > .bTop p, .dark_green > .bBottom p {
  background-color: #326d32;
}

.dark_green > .bannerText {
  background-color: #326d32;
}

.dark_green > .fader {
  background-color: #326d32;
  border-color: #326d32;
}

.dark_green > .box_content, .dark_green .table_box_content table, .dark_green .table_box_content table td, .dark_green td, .table_box.dark_green table, .dark_green th {
  border-color: #326d32;
}

.dark_green > .box_header {
  background-color: #326d32;
}

.solid.dark_green > .box_content {
  background-color: #326d32;
}

.light_green > .bTop .leftTop div, .light_green > .bTop .rightTop div, .light_green > .bBottom .leftBottom div, .light_green > .bBottom .rightBottom div {
  background-color: #C4E5C4;
}

.light_green > .bTop p, .light_green > .bBottom p {
  background-color: #C4E5C4;
}

.light_green > .bannerText {
  background-color: #C4E5C4;
}

.light_green > .fader {
  background-color: #C4E5C4;
  border-color: #C4E5C4;
}

.light_green > .box_content {
  border-color: #C4E5C4;
}

.light_green > .box_header {
  background-color: #C4E5C4;
}

.solid.light_green > .box_content, .light_green > .box_content {
  background-color: #C4E5C4;
}

.lighter_green > .bTop .leftTop div, .lighter_green > .bTop .rightTop div, .lighter_green > .bBottom .leftBottom div, .lighter_green > .bBottom .rightBottom div {
  background-color: #eaf5ea;
}

.lighter_green .title_row td, .lighter_green thead th {
  background-color: #A6D7A6;
}

.lighter_green > .bTop p, .lighter_green > .bBottom p {
  background-color: #eaf5ea;
}

.lighter_green > .bannerText {
  background-color: #eaf5ea;
}

.lighter_green > .fader {
  background-color: #eaf5ea;
  border-color: #eaf5ea;
}

.lighter_green > .box_content, .lighter_green .table_box_content table, .lighter_green .table_box_content table td, .lighter_green td, .table_box.lighter_green table, .lighter_green th {
  border-color: #eaf5ea;
}

.lighter_green > .box_header {
  background-color: #eaf5ea;
}

.solid.lighter_green > .box_content {
  background-color: #eaf5ea;
}

.teal > .bTop  .leftTop div, .teal > .bTop  .rightTop div, .teal > .bBottom  .leftBottom div, .teal > .bBottom  .rightBottom div {
  background-color: #009999;
}

.teal .title_row td, .teal thead th {
  background-color: #4DB8B8;
}

.teal > .bTop p, .teal > .bBottom p {
  background-color: #009999;
}

.teal > .bannerText {
  background-color: #009999;
}

.teal > .fader {
  background-color: #009999;
  border-color: #009999;
}

.teal > .box_content, .teal .table_box_content table, .teal .table_box_content table td, .teal td, .table_box.teal table, .teal th {
  border-color: #009999;
}

.teal > .box_header {
  background-color: #009999;
}

.solid.teal > .box_content {
  background-color: #009999;
}

.light_teal > .bTop .leftTop div, .light_teal > .bTop .rightTop div, .light_teal > .bBottom .leftBottom div, .light_teal > .bBottom  .rightBottom div {
  background-color: #D9F0F0;
}

.light_teal > .bTop p, .light_teal > .bBottom p {
  background-color: #D9F0F0;
}

.light_teal > .bannerText {
  background-color: #D9F0F0;
}

.light_teal > .fader {
  background-color: #D9F0F0;
  border-color: #D9F0F0;
}

.light_teal > .box_content {
  border-color: #D9F0F0;
}

.light_teal > .box_header {
  background-color: #D9F0F0;
}

.solid.light_teal > .box_content, .light_teal > .box_content {
  background-color: #D9F0F0;
}

.blue > .bTop  .leftTop div, .blue > .bTop  .rightTop div, .blue > .bBottom  .leftBottom div, .blue > .bBottom  .rightBottom div {
  background-color: #2D80C4;
}

.blue .title_row td, .blue thead th {
  background-color: #81B3DC;
}

.blue > .bTop p, .blue > .bBottom p {
  background-color: #2D80C4;
}

.blue > .bannerText {
  background-color: #2D80C4;
}

.blue > .fader {
  background-color: #2D80C4;
  border-color: #2D80C4;
}

.blue > .box_content, .blue .table_box_content table, .blue .table_box_content table td, .blue td, .table_box.blue table, .blue th {
  border-color: #2D80C4;
}

.blue > .box_header {
  background-color: #2D80C4;
}

.solid.blue > .box_content {
  background-color: #2D80C4;
}

.light_blue > .bTop  .leftTop div, .light_blue > .bTop  .rightTop div, .light_blue > .bBottom  .leftBottom div, .light_blue > .bBottom  .rightBottom div {
  background-color: #BED9F0;
}

.light_blue > .bTop p, .light_blue > .bBottom p {
  background-color: #BED9F0;
}

.light_blue > .bannerText {
  background-color: #BED9F0;
}

.light_blue > .fader {
  background-color: #BED9F0;
  border-color: #BED9F0;
}

.light_blue > .box_content {
  border-color: #BED9F0;
}

.light_blue > .box_header {
  background-color: #BED9F0;
}

.solid.light_blue > .box_content, .light_blue > .box_content {
  background-color: #BED9F0;
}

.purple > .bTop  .leftTop div, .purple > .bTop  .rightTop div, .purple > .bBottom  .leftBottom div, .purple > .bBottom  .rightBottom div {
  background-color: #946ABC;
}

.purple .title_row td, .purple thead th {
  background-color: #BFACD3;
}

.purple > .bTop p, .purple > .bBottom p {
  background-color: #946ABC;
}

.purple > .bannerText {
  background-color: #946ABC;
}

.purple > .fader {
  background-color: #946ABC;
  border-color: #946ABC;
}

.purple > .box_content, .purple .table_box_content table, .purple .table_box_content table td, .purple td, .table_box.purple table, .purple th {
  border-color: #946ABC;
}

.solid.purple > .box_header {
  background-color: #946ABC;
}

.solid.purple > .box_content {
  background-color: #946ABC;
}

.light_purple > .bTop  .leftTop div, .light_purple > .bTop  .rightTop div, .light_purple > .bBottom  .leftBottom div, .light_purple > .bBottom  .rightBottom div {
  background-color: #DACAEB;
}

.light_purple > .bTop p, .light_purple > .bBottom p {
  background-color: #DACAEB;
}

.light_purple > .bannerText {
  background-color: #DACAEB;
}

.light_purple > .fader {
  background-color: #DACAEB;
  border-color: #DACAEB;
}

.light_purple > .box_content {
  border-color: #DACAEB;
}

.light_purple > .box_header {
  background-color: #DACAEB;
}

.solid.light_purple > .box_content, .light_purple > .box_content {
  background-color: #DACAEB;
}

.orange > .bTop  .leftTop div, .orange > .bTop  .rightTop div, .orange > .bBottom  .leftBottom div, .orange > .bBottom  .rightBottom div {
  background-color: #DE9239;
}

.orange .title_row td, .orange .thead th {
  background-color: #EAB87E;
}

.orange > .bTop p, .orange > .bBottom p {
  background-color: #DE9239;
}

.orange > .bannerText {
  background-color: #DE9239;
}

.orange > .fader {
  background-color: #DE9239;
  border-color: #DE9239;
}

.orange > .box_content, .orange .table_box_content table, .orange .table_box_content table td, .orange td, .table_box.orange table, .orange th {
  border-color: #DE9239;
}

.solid.orange > .box_header {
  background-color: #DE9239;
}

.solid.orange > .box_content {
  background-color: #DE9239;
}

.light_orange > .bTop  .leftTop div, .light_orange > .bTop  .rightTop div, .light_orange > .bBottom  .leftBottom div, .light_orange > .bBottom  .rightBottom div {
  background-color: #FCD7AC;
}

.light_orange > .bTop p, .light_orange > .bBottom p {
  background-color: #FCD7AC;
}

.light_orange > .bannerText {
  background-color: #FCD7AC;
}

.light_orange > .fader {
  background-color: #FCD7AC;
  border-color: #FCD7AC;
}

.light_orange > .box_content {
  border-color: #FCD7AC;
}

.light_orange > .box_header {
  background-color: #FCD7AC;
}

.solid.light_orange > .box_content, .light_orange > .box_content {
  background-color: #FCD7AC;
}

.red > .bTop  .leftTop div, .red > .bTop  .rightTop div, .red > .bBottom  .leftBottom div, .red > .bBottom  .rightBottom div {
  background-color: #C4657C;
}

.red .title_row td, .red .thead th {
  background-color: #D99BAA;
}

.red > .bTop p, .red > .bBottom p {
  background-color: #C4657C;
}

.red > .bannerText {
  background-color: #C4657C;
}

.red > .fader {
  background-color: #C4657C;
  border-color: #C4657C;
}

.red > .box_content, .red .table_box_content table, .red .table_box_content table td, .red td, .table_box.red table, .red th {
  border-color: #C4657C;
}

.solid.red > .box_header {
  background-color: #C4657C;
}

.solid.red > .box_content {
  background-color: #C4657C;
}

.light_red > .bTop  .leftTop div, .light_red > .bTop  .rightTop div, .light_red > .bBottom  .leftBottom div, .light_red > .bBottom  .rightBottom div {
  background-color: #F0BBC8;
}

.light_red > .bTop p, .light_red > .bBottom p {
  background-color: #F0BBC8;
}

.light_red > .bannerText {
  background-color: #F0BBC8;
}

.light_red > .fader {
  background-color: #F0BBC8;
  border-color: #F0BBC8;
}

.light_red > .box_content {
  border-color: #F0BBC8;
}

.light_red > .box_header {
  background-color: #F0BBC8;
}

.solid.light_red > .box_content, .light_red > .box_content {
  background-color: #F0BBC8;
}

/*******************************************************************
END New Graphical Boxes
*/

/**************** old boxes **********************/

/*common*/
.leftCorner {
  position: relative;
  float: left;
  width: 8px;

}

.rightCorner {
  position: relative;
  float: right;
  width: 8px;

}

/*brightBlueLine*/

.box_brightBlueLine_top {
  clear: both;
  background-image: url( '/img/box/brightBlueLine_top_BG.gif' );
  background-repeat: repeat-x;
  height: 25px;
  color: #14384C;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

.box_brightBlueLine_top span {
  position: relative;
  top: 5px;
}

.box_brightBlueLine_bot {
  clear: both;
  background-image: url( '/img/box/brightBlueLine_bottom_BG.gif' );
  background-repeat: repeat-x;
  height: 8px;
}

/**************** END old boxes ******************/

/******************new corp homepage ********************************/

.big_channel_button {
  position:relative;
  background-color: #ffffff;
  margin: 0 10px 0 0;
  float: left;
}

.big_channel_button a.channelButton {
  position: relative;
  display: block;
  width: 184px;
  text-decoration: none;

  text-align: left;
  font-size: 1em;
  margin: 0;
}

.big_channel_button a.channelButton img {
  clear: both;
  border: 0px;
  margin: 0;
}

.big_channel_button a.channelButton:hover {
  text-decoration: none;
}

.big_channel_button a.channelButton h3 {
  margin: 22px 0 3px 7px;
  font-size: 0.7em;
  line-height: 0.7em;
  color: #999999;
  font-weight: bold;
  background-color: transparent;
  display:none;
}

.big_channel_button a.channelButton h2 {
  margin: 5px 0 0 0px;
  color: #000000;
  font-size: 1.0em;
  font-weight: bold;
  background-color: transparent;
}

#contentDiv .channel_buttons, #contentDiv #masthead_elements {
  position:relative;
  list-style: none none inside;
  marker-offset: 0;
  margin: 0;
  clear: both;
}

#contentDiv #steps {
  list-style: none none inside;
  marker-offset: 0;
  margin: 0;
}

.channel_buttons {
  padding-top: 10px;
  margin: 0;
  padding-left: 5px;
}

.masthead_element {
  position:relative;
  background-color: transparent;
  margin: 0;
  float: left;
}

#masthead_elements #message {
  width: 314px;
  height: 450px;
  background-color: #B7D86E;
}

#masthead_elements #flash {
  width: 431px;
  height: 271px;
  background: #262626 url( '../img/videos/home_video_BG.jpg' ) 5px 5px no-repeat;
  overflow: hidden;
  position:relative;
}

#player {
    margin:5px 0 0 5px;
}

#video-corner {
    position: absolute;
    left:0px;
    bottom:0px;
}

#masthead_elements #flash #video_title {
    position:absolute;
    top:7px;
    left:229px;
    width:200px;
    display:none;
}

#masthead_elements #flash #preview_video_title {
    position:absolute;
    top:10px;
    left:236px;
    width:200px;
    display:none;
    text-align:right;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    color:#005A90;
}

#masthead_elements #flash #preview_video_titleML {
    position:absolute;
    padding: 0 7px 0 0;   
}

#masthead_elements #flash #video_titleBG {
    position:absolute;
    display:block;
    clear:both;
    top:0px;
    left:0px;
    background-color:#ffffff;
    width:200px;
    height:75px;
    filter: alpha( opacity:65 );
    KHTMLOpacity: 0.65;
    MozOpacity: 0.65;
    opacity: 0.65;
}


#masthead_elements #flash #preview_video_titleBG {
    position:absolute;
    display:block;
    clear:both;
    top:0px;
    left:0px;
    background-color:#FFD068;
    width:200px;
    height:75px;
    filter: alpha( opacity:85 );
    KHTMLOpacity: 0.85;
    MozOpacity: 0.85;
    opacity: 0.85;
}


#masthead_elements #flash #video_title #video_titleML {
    text-align:left;
    padding:0 7px 0 0;
    font-size:15px;
    font-weight:bold;
    line-height:20px;
    color:#005A90;
    position:absolute;
    top:7px;
    left:7px;

}

#masthead_elements #flash #video_title #video_titleML h3, #masthead_elements #flash #preview_video_title h3 {
    clear:both;
    color:#000000;
    background-color:transparent;
}

#masthead_elements #flash #play_button, .consumer_player #play_button {
    position:absolute;
    left: 20px;
    top:100px;
    filter: alpha( opacity:70 );
    KHTMLOpacity: 0.7;
    MozOpacity: 0.7;
    opacity: 0.7;
    display:none;
}


#masthead_elements #rightImage {
  width: 512px;
  height: 240px;
  background: no-repeat 0px 0px url( '../img/layout/masthead_right.jpg' );
  overflow: auto;
}

#masthead_elements #nav {
  width: 219px; 
  background: #262626;
  overflow: auto;
  line-height: 0;
  height:271px;
}

#masthead_elements #message h1, #masthead_elements #message p {
  padding-left: 25px;
  padding-right: 5px;
  background-color:transparent;
}

#masthead_elements #message h1 {
    font-size:22px;
}

.value_statement_head {
  margin-top: 15px;
  color: #000000;
  font-weight: bold;
}

.value_statement_message {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-color: transparent;
}

#masthead_elements #message .more, .big_channel_button .newsBox_content a.more {
  color: #036;
  background-image: url( '../img/icons/arrow_mediumBlue.gif' );
  font-size: 1em;
  font-weight: bold;
  padding-left: 15px;
  background-color: transparent;
}

#masthead_elements #message .more:hover, .big_channel_button .newsBox_content a.more:hover {
  background-image: url( '../img/icons/arrow_darkblue.gif' );
  background-color: transparent;
}

#masthead_elements #nav div.vid_nav_title, .vid_nav_title {
    background-color:#262626;
    border:0;
    line-height:40px;
    color:#fff;
    font-size:0.8em;
    font-weight:bold;
    margin:0 5px 0 5px;

}

.read_all_news {
    float:right;
}


.show .vid_nav_title {
    padding-left:5px;
}

#video_nav_links {
    display:block;
    margin:0 5px 0 5px;
    clear:both;
}

#video_nav_links a {
    position:relative;
    display:block;
    clear:both;
    color:#494949;
    background-color:#ffffff;
    margin-bottom:3px;
}

#video_nav_links a:hover {
    text-decoration:none;
    color:#136CBD;
    background-color:#DEE1C3;
    background-image: url( '../img/icons/video_play_blue.gif' );
    background-position: 135px 40px;
    background-repeat: no-repeat;
}

#video_nav_links a.vidSelected {
    background-color:#DEE1C3;
    text-decoration:none;
    color:#136CBD;        
}

#video_nav_links a img {
    position:relative;
    height: 66px;
}

#video_nav_links a span.actorName {
    position:absolute;
    display:block;
    float:left;
    top:8px;
    left:86px;
    font-weight:bold;
    font-size:0.9em;
}

#test_specific_videos #video_nav_links a span.actorName {
    top:3px;
}

#video_nav_links a span.vidTopic {
    position:absolute;
    display:block;
    float:left;
    top:20px;
    left:86px;
    font-size:0.6em;
    line-height:1.3em;
    color:#000000;
}

#lower_right_elements {
    width:650px;     
}

#services_panel {
    position:relative;
    display:block;
    clear:both;
    background-color:#DEE1C3;
}
#services_panelHead {
    background-color:#959F68;
    border:0;
    line-height:20px;
    color:#fff;
    font-size:0.7em;
    font-weight:bold;
    padding-left:5px;

}

#services_panelContent {
    height:37px;
}

#services_panelContent div {
    position:relative;
    float:left;    
    height:37px;
}

#services_panelContent div div {
    border-left:1px solid #fff;
    display:block;
    height:37px;
}

#services_panelContent div div a {
    display:block;
    font-size:0.8em;
    font-weight:bold;
    padding:10px;
}

.services_statement {
    width:250px;
}

.orderTesting {
    width:150px;
}

.consult_counselor {
    width:220px;
}

.services_statement p {
    margin:5px 10px 5px 10px;
    color:#59411C;
    background-color:transparent;
}

.services_statement {
    font-weight:bold;
    font-size:0.8em;
}

.big_channel_button .tabContent {
  position: relative;
  top: -2px;
  font-size: 0.9em;
}

#channel_buttons {
    margin-top:10px;
    zoom:1;
}

#channel_buttons a {
   color:#0B90CE;
}

#channel_buttons ul {
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    margin:0;
    marker-offset:0;
    position:relative;
    clear:both;

}

#channel_buttons ul li {
    margin:0 5px 0 0;
    position:relative;
    float:left;
    background: transparent url('/web/img/layout/home_channelbox_capL.gif') 0px 0px no-repeat;    
}

.channel_button_outer {
    background: transparent url('/web/img/layout/home_channelbox_capR.gif') right 0px no-repeat;    
}

.channel_button_inner {
    margin:0 5px 0 5px;
    background: transparent url('/web/img/layout/home_channelbox_BG.gif') 0px 0px repeat-x;
    height:213px;
    padding:0 0 0 10px;
    font-family:lucida sans unicode, ludica grande regular, arial, helvetica, sans serif;
    font-size:13px;
}


.channel_button_inner #provider_channel_content p, .channel_button_inner #plans_channel_content p, .channel_button_inner #employers_channel_content p  {
    font-size:11px;
    padding-top:3px;
}

.channel_button_inner #consumers_channel_content p  {
    padding-top:18px;
}

#consumers_channel {
    width:180px;
    cursor:hand;
    cursor:pointer;
}

#consumers_channel h3 {
    color: #b18618;
}

#consumers_channel .channel_button_inner ul {
    color: #b18618;
}

#consumers_channel .channel_button_inner p {
    margin-top:35px;
}

#consumers_channel .channel_button_inner ul li span.content {
    color: #000;
}

#healthcare_partners {
    width:460px;           
}

#healthcare_partners h3 {
    color:#699112;
}

#channel_buttons  .channel_button_inner h3 {
    font-size:15px;
    font-weight:bold;
    text-transform: uppercase;
    padding-top:20px;
    background-color:transparent;
    
}

#channel_buttons  .channel_button_inner ul li {
    list-style-type:disc;
    list-style-position:inside;
    font-size:11px;
    margin-bottom:5px;
    background:none;
}

#healthcare_partners .channel_button_inner ul li {
    list-style-type:none;
    list-style-position:inside;
    width:141px;
    background: transparent url('/web/img/layout/home_channelbox_line.gif') right 20px no-repeat;
    height:180px;
    cursor:hand;
    cursor:pointer;
}

#healthcare_partners .channel_button_inner ul li h3, #healthcare_partners .channel_button_inner ul li p {
    width:97%;
}

#healthcare_partners .channel_button_inner ul li:hover h3, #employers_channel:hover h3 {
    color:#2E8ECC;
}


#healthcare_partners .channel_button_inner ul li ul {
    margin-top: 20px;
    color:#699112;
}

#healthcare_partners .channel_button_inner ul li.no_line ul {
    margin-top: 35px;
}

#healthcare_partners .channel_button_inner ul li ul li {
    list-style-type:disc;
    list-style-position:outside;
    height:auto;
    width:auto;
    margin-left:15px;
    background:none;
}

#healthcare_partners .channel_button_inner ul li ul li span.content {
    color:#000;
}

#healthcare_partners .channel_button_inner ul li.no_line {
    background: none;
}

.healthcare_partners_bottom_head {
    text-align:center;
    line-height:20px;
    text-transform: uppercase;
    color:#767676;
    margin:0;
    font-size:16px;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
}

#healthcare_partners #consumers_channel_content ul {
    margin-top:0;
}

#newsBox_content p {
}

#featureBoxes {
    position:absolute;
    padding: 10px 10px 0 25px; 
    background-color: #EFEFEF;
    border-top:1px solid #fff;
}

#featureBoxes h3 {
    font-size:15px;
    color:#505050;
    font-weight:bold;
    margin:0.45em 0 0 0;
    background-color:transparent;
}

#featureBoxes h4 {
    font-size:13px;
    font-weight:bold;
    margin-top:15px;
    background-color:transparent;
}

#masthead_elements #message #featureBoxes p {
    margin: 0.3em 0 0.3em 0;
    padding:0;
    
}

#featureBoxes a {
    color:#0B90CE;
}

#masthead_elements #message #news_main {

    margin:5px 10px 10px 25px;
    background-color:#F9FFEB;
    -moz-border-radius:5px;
    padding:10px;
}

#masthead_elements #message #news_main h3 {
    font-weight:bold;
    margin-bottom:5px;
}

#masthead_elements #message #news_main p {
   margin:0;
   padding:0;
   font-size:1.0em;
   color:#0371BC;
   font-weight:bold;
}


.read-more-pdf {
    padding-right:18px;
    background: transparent url( '../img/icons/pdf_link_BG.gif' ) right center no-repeat;    
}

.other_featureBox {
    margin-top:7px;
    border-top:1px dashed #000;
    margin-bottom:7px;
}

.other_featureBoxContent {
    margin-top:4px;
    padding-bottom:4px;
}

.other_featureBoxContent p {
    margin-top:8px;
    font-size:0.6em;
    font-weight:bold;
}

#speaker_name {
    font-size:11px;
    font-family:lucida sans unicode, ludica grande regular, arial, helvetica, sans serif;
}


#newsBox_head {
    display:block;
    border-bottom:1px solid #282828;
    height:25px;
    line-height:25px;
}

#newsBox_newsHead {
    display:block;
    float:left;
    background-color:#282828;
    color:#DEE1C3;
    height:25px;
    line-height:25px;
    padding:0 3px 0 3px;
    font-size:20px;
    font-weight:normal
}

#newsBox_newsSubhead {
    display:block;
    float:left;
    color:#282828;
    height:25px;
    line-height:25px;
    font-size:15px;
    padding:0 0 0 4px;    
}

#newsBox_content {
    display:block;
    clear:both;
    background-color:#DEE1C3;
    padding:5px;
}

#masthead_elements #message #newsBox_content p {
    margin:7px 0 7px 0;
    padding:0;
    font-weight:normal;
}

a.newsBox_head_link {
  font-weight: bold;
  font-size: 0.90em;
  color:#238AC8;
}

.newsBox_date {
  font-family:lucida sans unicode, ludica grande regular, arial, helvetica, sans serif;
  font-size:10px;
  font-weight:normal;
}

#newsBox_bottom {
    display:block;
    border-top:1px solid #282828;
    height:25px;
    line-height:25px;
    padding-left:5px;
}

#newsBox_bottom a {
    font-size:0.8em;
    color:#238AC8;
}

.webinar-register {
    position:relative;
    display:block;
    width: 108px;
    height: 20px;
    background: #ffcb4a url('../img/icons/register_now.gif') no-repeat;
}

.webinar-register:hover {
    background-image: url('../img/icons/register_now_on.gif');
}

.webinar-view {
    position:relative;
    display:block;
    width: 68px;
    height: 20px;
    background: #ffcb4a url('../img/icons/view_now.gif') no-repeat;
}

.webinar-view:hover {
    background-image: url('../img/icons/view_now_on.gif');
}

.corp_home #pageOptions {
  float:right;
  background-color: transparent;
  line-height: 40px;
  text-align: right;
  padding: 0 20px 0 0;
}

.corp_home #pageOptions a {
  color: #036;
  padding-left: 25px;
  margin-left: 10px;
  background-position: left 2px;
  background-repeat: no-repeat;
  font-size: 0.8em;
  line-height: 2em;
  display: inline;

}

#textSize {
  background-color: transparent;
}

.corp_home #pageOptions #textSize {
  display: inline;
}

.corp_home #pageOptions #textSize a, #pageOptions #textSize a {
  display: inline;
  margin: 0;
  padding: 0;
}

.corp_home #mainContentDiv #contentDiv {
  padding-bottom: 15px;
}

/* END shadow borders or nav pics ***/

/****************END new corp homepage ******************************/

/****************** b2b styles ********************************/
#b2b h1 {
  color: #1f6ab0;
  font: bold 26px trebuchet ms, helvetica, arial, sans-serif;  
  margin:0 0 0.8em 0;
}

#b2b blockquote {
  font-size: 0.875em;
  line-height: 1.25em;
}

#b2b h2 {
  color: #398BD7;
  font: bold 18px trebuchet ms, helvetica, arial, sans-serif;
}

#b2b #leftMenuDiv {
  width: 215px;
}

#b2b #mainContentDiv {
  width: 749px;
  padding: 0;
}

#b2b #section_header {
  width: 100%;
  height: 114px;
  float: left;
}

#b2b #section_header img {
  float: left;
}

#b2b #section_header h2 {
  float: left;
  width: 689px;
  height: 34px;
  padding: 40px 30px;
  background: #ffcb4a url( '../img/layout/section_header_bg.gif' ) repeat-x;
  color: #238ac8;
  font: bold 24px trebuchet ms, helvetica, arial, sans-serif;
}

#b2b-main-head {
    padding: 20px 0 0 20px;
}

#b2b-breadcrumb-div {
    position:relative;
    display:block;
    font-size:0.675em;
    font-weight:normal;
    background: #ffcb4a url( '../img/layout/section_header_bg.gif' ) repeat-x;
    text-align:right;
    padding:3px 5px 3px 0;
}

#b2b_content {
    padding:0 20px 0 20px;
}

#mainContentB2B a {
  color:#0060CC;
}

#board_player {
	position:relative;
	top:-426px;
	margin-left:100px;
	width:437px;
	display:none;
	background-color:#c0c0c0;
    z-index:1;
}

#boardVideo {
	text-align:center;
	padding-bottom:1px;
    z-index:1;
}

/*
  NEW consumer homepage video styles
*/

#consumer_video_nav  {
    position:relative;
    float:left;
    width:220px;
    background-color:#262626;
    height:282px;
}

.vid_nav_intro {
    background-color:#262626;
    border:0;
    color:#fff;
    font-size:0.8em;
    padding:5px 5px 5px 5px;
    line-height:1.4em;
}

#consumer_video_nav #video_nav_links a:hover {
    background-position: 140px 43px;
}

#consumer_video_nav .vid_nav_title, #test_specific_videos .vid_nav_title{
    background-color:#262626;
    border:0;
    line-height:28px;
    color:#fff;
    font-size:0.9em;
    font-weight:bold;
}

#consumer_video_nav #video_nav_links a span.actorName {
    top:3px;
}

#consumer_video_nav #video_nav_links a span.vidTopic {
    top:19px;
    font-size:0.8em;
}

.consumer_player_outer {
    position:absolute;
    top:5px;
    left:0px;
    width:514px;
    height:282px;
    background-color:#262626;
    background-image: none;
    visibility: hidden;
}

#articleColumn .consumer_player_outer #player {
    top:10px;   
}

#articleColumn .consumer_player_outer {
    top:1px;
}

.video_playing {
    visibility:visible;
}

.consumer_player_outer  #player {
    position:absolute;
    left:39px;
    top:24px;
}

.no_vid_spacer {
    position:relative;
    display:block;
    clear:both;
    height:25px;
    line-height:25px;
}

#test_specific_videos {
    margin-top:1px;
    width:219px;
    margin-bottom:20px;
}

#video_nav_links a.text_vid_link {
    font-size:0.7em;
    font-weight:bold;
    padding-right:15px;
    line-height:19px;
     background-image: none; 
}

#video_nav_links a.text_vid_link:hover {
    background-position:  98% center;
    background-image: url( '../img/icons/video_play_blue_small.gif' );

}

.more_vids_title {
    display:block;
    clear:both;
    background-color: #262626;
    padding-left:4px;
    padding-roght:4px;
    line-height:19px;
    font-size:0.9em;
    color:#ffffff;
}

.article_player_outer {
    position:absolute;
    top:0px;
    left:-436px;
    background-color:#262626;
    background-repeat: no-repeat;
    visibility: hidden;
    z-index:99999991;
}

#video_nav_links a.text_vidSelected {
    background-color:#DEE1C3;
    text-decoration:none;
    color:#136CBD;
    background-position:  98% center;
    background-image: url( '../img/icons/video_play_blue_small.gif' );
    background-repeat: no-repeat;
}

.closeVid, .hearTheRest {
    position:absolute;
    top:223px;
    left:172px;
    text-align: center;
    font-size: 0.8em;
    font-weight:bold;
    line-height:1.1em;
    z-index:99999992;
    background-color:#DEE1C3;
    padding-left:3px;
    padding-right:3px;
}

.hearTheRest {
    position:absolute;
    bottom:0px;
    left:5px;
    width:429px;
    height:18px;
    line-height:18px;
    text-align: center;
    font-size: 0.8em;
    font-weight:bold;
    line-height:1.1em;
    z-index:99999992;
    background-color:#E3F1FB;
    display:none;

}

#articleColumn .hearTheRest {
    left:44px;
    top:235px;
    width:426px;
}

.corp_home #articleColumn .hearTheRest {
    left:5px;
    top:225px;
    width:426px;
}

.closeVid img {
    margin-right:3px;
}

.consumer_player_outer .hearTheRest {
    top:246px;
    left:39px;
}

.b2b_right_sidebar {
    position: relative;
    float: right;
    width: 200px;
    margin: 0 0 15px 15px;
    z-index:9999;
}

.b2b_right_sidebar a {
    font-size: 0.9em;
    font-weight:bold;
    padding-left:20px;
    background: transparent url('/web/img/icons/blue_circleArrow.gif') left center no-repeat;
}

#approach_outer_div {
    position:absolute;
    width: 642px;
    height:700px;
    left:-520px;
    top:0px;
    z-index:9999;
    background-color:#fff;
}

#approachFrame {
    position:absolute;
    width: 642px;
    height:700px;
    top:0px;
    z-index:9999;
}

#approach_loading {
    position:absolute;
    left:200px;
    top:0px;
    width: 200px;
    padding:5px;
    background-color:#d0d0d0;
}

#approach_loading img {
    position:relative;
    float:left;
    margin-right:5px;
    border:1px solid #0060CC;
}

#dr_lou_mug, #jon_friedenberg_mug {
    position: relative;
    float: left;
    margin: 3px 5px 0 0;
}
/*
*
* 9px = 0.5625em
* 10px = 0.625em
* 11px = 0.6875em
* 12px = 0.75em
* 13px = 0.8125em
* 14px = 0.875em
* 15px = 0.9375em
* 16px = 1.00em
* 18px = 1.125em
* 20px = 1.25em
* 24px = 1.50em
* 28px = 1.75em
* 32px = 2.00em
*
*
*/

body,
  body>div,
  body>div.normal {
  font-family: arial, helvetica, sans-serif;
  font-size: 100.01%;
}

body>div.medium {
  font-size: 125%;
}

body>div.large {
  font-size: 150%;
}

p {
  line-height: 1.3125em;
  font-size: 0.8125em;
}

strong {
  font-weight: bold;
}

h1, h2, h3, h4 {
    font-family: arial, helvetica, sans-serif;
}

.smaller {
    font-size:0.8em;
}

/*
*
* HEADER
*
*/

#pageHeader {
  font-family: helvetica, arial, sans-serif;
}

#breadCrumb {
  font-size: 0.75em;
}

/*
*
* MAIN LAYOUT
*
*/

.blue_jumpLinkA {
  font-size: 0.8125em;
  line-height: 1.125em;
}

.catalog #articleColumn h2 {
  font-family: helvetica, arial, verdana, sans-serif;
  font-weight: bold;
}

blockquote {
  font-size: 1.0em;
  margin-left: 10px;
}

table {
  font-size: 0.8125em;
}

table td p, table td {
  font-size: 1em;
}

/*
*
* PAGE OPTIONS
*
*/

#pageOptions a {
  line-height: 2.6125em;
  font-size: 0.75em;
}

#textSize {
  line-height: 1.25em;
  font-size: 1em;
}

#textSize h3 {
  font-size: 0.6875em;
  font-family: helvetica, arial, sans-serif;
}

#textSize a {
  font-weight: bold;
  line-height: 0.875em;
}

#textSize a.normal {
  font-size: 0.75em;
}

#textSize a.medium {
  font-size: 0.8125em;
}

#textSize a.large {
  font-size: 0.9375em;
}

/*
*
* SEARCH
*
*/

.fullWidth #results form label,
  .fullWidth #results form a,
  .fullWidth #results form input {
  font-size: 0.75em;
  line-height: 1em;
}

.fullWidth #results form input {
  font-size: 0.75em;
  line-height: 0.75em;
}

.fullWidth #filters a,
  .fullWidth #filters strong {
  font-size: 0.875em;
  line-height: 0.625em;
  font-weight: bold;
}

.fullWidth #results > ol p,
  .fullWidth #results > ol a {
  font-weight: normal;
}

#contentDiv.show h2,
  #contentDiv.show p,
  #contentDiv.show li {
  font: bold 0.8125em/1.5em helvetica, arial, sans-serif;
  font: bold 0.8125em/1.5em helvetica, arial, sans-serif;
}

#contentDiv.show li li {
  font-size: 1em;
}

#contentDiv.show td li {
  font-size: 1em;
}

#contentDiv.show h2 {
  font-size: 1em;
}

#contentDiv.show p,
  #contentDiv.show li,
  .article #contentDiv p {
  font-weight: normal;
}

#related_article h3,
  #contentDiv.show h1 {
  font-size: 1.50em;
  font-weight: bold;
}

.toolLeaf h1 {
  font-size: 1.50em;
  font-weight: bold;
}

#sectionTitleHeader,
  h3.section,
  h3.graph_title {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.50em;
}

#related_article h3 {
  font-size: 1em;
}

#related_article h4 {
  font-size: 0.6875em;
  font-weight: bold
}

/*
*
* HOME
*
*/

#right_featured_topic .featured_topic {
  font-size: 0.875em;
  font-weight: bold;
  font-family: trebuchet ms, helvetica, arial, sans-serif;
}

#right_featured_topic h2,
  #right_featured_topic h3 {
  font-weight: bold;
  font-size: 0.75em;
}

#right_featured_topic li a {
  font-size: 0.75em;
  line-height: 1.3125em;
}

.home #articleColumn #bottomDiv>h2 {
  line-height: 1.75em;
  font-size: 1.125em;
  font-family: helvetica, arial, sans-serif;
}

/*
*
* FEATURED CONTENT
*
*/

#featuredContent h2,
  #featuredContent h3 {
  font-size: 1.50em;
  font-weight: bold;
  font-family: trebuchet ms, helvetica, arial, sans-serif;
}

#featuredContent p {
  font-size: 1em;
  line-height: 1.25em;
}

#featuredContent h3 {
  font-size: 0.6875em;
  line-height: 1.50em;
}

a.more,
  a.order {
  font-size: 0.75em;
}

#authorReviewer {
  font-size: 0.75em;
  color: #707070;
}

#articleReferences {
  font-size: 0.75em;
  color: #707070;
}

.featuredTopicArticle h3 {
  font-size: 0.6875em;
  font-weight: bold;
}

.home #bottomDiv>h2,
  .featuredTopicArticle h2 {
  font-size: 1em;
  font-weight: bold;
}

.sectionArticlesListDiv_innerAll .linksDiv a {
  font-family: helvetica, arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
}

.closeOthArtsDiv, .closeOthArtsDiv a {
  font-size: 0.83em;
}

.sectionArticlesListDiv_inner span {
  font-family: helvetica, arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
}

.sidebar_module {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
}

.sidebar_module h3,
  .sidebar_module h4,
  .tabContent {
  font-size: 0.75em;
}

.sidebar_module h3,
  #rightContentToutsDiv .lab-info dt {
  font-weight: bold;
  line-height: 1.25em;
}

#rightContentToutsDiv .lab-info dd,
  #rightContentToutsDiv .lab-info dt {
  line-height: 1.43em;
  font-size: 0.75em;
}

.toutLink_catalog a {
  font: bold 0.8125em/1.6875em trebuchet ms, helvetica, arial, sans-serif;
}

.nextLinkA {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 0.8125em;
}

#outermostDiv #mainDiv #mainContentDiv .testPrePostTriptych h2, #outermostDiv #mainDiv #mainContentDiv .testPrePostDiptych h2 {
  font-size: 0.875em;
  line-height: 1.125em;
  font-weight: bold;
}

#outermostDiv .testPrePostTriptych p, #outermostDiv .testPrePostDiptych p {
  font-size: 0.6875em;
  line-height: 1.5em;
}

#outermostDiv .testPrePostDiptych p.panelBlurbTall, #outermostDiv .testPrePostDiptych p.consultBlurb {
  height: 4.5em;
}

.testPrePostDiptych .singlePanelTestPrice {
  font-size: 0.75em;
  padding-top: 0.4em;
}

.testPrePostDiptych .multiPanelTestPrice {
  font-size: 0.75em;
}

.testPrePostTriptych strong, .testPrePostDiptych strong {
  font-weight: bold;
}

.testPrePostTriptych a, .testPrePostDiptych a {
  font: bold 0.6875em trebuchet ms, helvetica, arial, sans-serif;
}

.citationSpan {
  font-size: 0.70em;
}

/*
*
* TOOLS SECTION
*
*/

/* tools tab in multitab component*/
#content-tools a.more {
  font-size: 1em;
}

#content-tools .tool a.more {
  font-size: 0.75em;
}

.tool p {
  line-height: 1em;
}

/*
*
* TABED SECTIONS
*
*/

.tabs .tab>h3 {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
}

.tabs .tabContent {
  font-size: 1em;
}

.tabs .tab>h3.active {
}

/*
* TABBED CATALOG SECTIONS
*/

.tab h3 {
  font-size: 0.6875em;
  line-height: 1em;
}

.tab h2 {
  font-size: 1em;
  font-weight: bold;
}

.tabs a.more {
  font-family: helvetica, sans-serif;
}

.tab #content-catalog select,
  .tab #content-catalog input {
  font: 0.6875em/0.8125em helvetica, arial, sans-serif;
}

/*
* TABBED TOOLS SECTION
*/

.tab #content-tools h3 {
  font-size: 0.6875em;
}

.tab #content-tools h2 {
  font-size: 1em;
}

/*
*
* SITEMAP
*
*/

.sitemap h2,
  .contact h2 {
  font-size: 1.125em;
  font-weight: bold;
}

.sitemap ul li ul li {
  line-height: 1.125em;
}

.sitemap ul h4,
  .sitemap ul h5 {
  font-weight: bold;
}

.sitemap ul h4 {
  font-size: 1em;
}

.sitemap ul h5 {
  font-size: 0.875em;
}

/*
*
* SITEMAP
*
*/

.contact p {
  line-height: 1.4em;
}

.contact h3 {
  font-weight: bold;
  margin-top: 1.5em;
}

.contact ul li {
  font-size: 0.75em;
  line-height: 1.325em;
}

/*
*
* ERROR PAGES
*
*/

.error h2 {
  font-weight: bold;
  font-size: 1.125em;
}

/*
*
* ERROR PAGES
*
*/

.login table,
  .login .already-registered {
  font-size: 0.75em;
}

#contentDiv .blueLine_BQ {
  font-size: 0.8125em;
  line-height: 1.5em;
}

#contentDiv .blueLine_BQ p {
  font-size: 1em;
}

#contentDiv .blueLine_BQ h3 {
  font-size: 1.1em;
}

/********** bottom content styles ***********/

#bottomDiv .tabContentDiv {
  font-size: 0.8125em;
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  font-weight: bold;
}

.bottomContentDiv h2 {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 0.8125em;
}

.bottomContentDiv h1 {
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}

.bottomContentDiv h3 {
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
}

.searchTheCatalogHead {
  font-size: 1em;
  font-weight: bold;
}

.tool h2,
  #browseCatalogHeaderDiv h2 {
  font-size: 1em;
  font-weight: bold;
  font-family: trebuchet ms, helvetica, arial, sans-serif;
}

#browseCatalogHeaderDiv h3 {
  font-size: 0.6875em;
  font-weight: bold;
  font-family: trebuchet ms, helvetica, arial, sans-serif;
  line-height: 1em;
}

#browseCatalog2ColDiv h3 {
  font-size: 0.8125em;
  font-weight: bold;
}

#browseCatalog2ColDiv ul li {
  line-height: 1.125em;
}

/********** end bottom content styles *******/

/********** right module content div **********/

.rightColModuleDiv {
  font-family: helvetica, arial, sans-serif;
}

.rightColModuleDiv h1,
  .rightColModuleDiv h1 a {
  font: bold 1em/1em trebuchet ms, helvetica, arial, sans-serif;
}

.rightColModuleDiv h2 {
  font: bold 0.6875em/1.6em trebuchet ms, helvetica, arial, sans-serif;
}

.rightColModuleDiv p {
  font-family: helvetica, arial, sans-serif;
  font-size: 0.75em;
}

.rightColModuleDiv .blogArticleTitle,
  .rightColModuleDiv .articleTitle,
  .rightColModuleDiv .articleTitle:visited {
  font-size: 0.75em;
}

.rightColModuleDiv .blogArticleDate,
  .rightColModuleDiv .articleDate {
  font-size: 0.75em;
}

.modulePhotoCaptionBoxDiv p {
  font-size: 0.6875em;
}

.moduleBottomLinksDiv {
  line-height: 1.25em;
}

.moduleBottomLinksDiv a {
  font-size: 0.8125em;
}

.adDiv {
  font-size: 0.625em;
}

/********** end right module content div ****/

/********** footer styles *******************/

#leftCopyright {
  font-size: 0.6875em;
}

#middleLinks {
  font-size: 0.6875em;
}

/********** end footer styles ***************/

/*********standard page elements ********************/

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/******** end standard page elements *******************/

/******** global element styles ************************/

.arrowBulletList li a {
  font-size: 0.75em;
  font-weight: normal;
}

.moduleList .date,
  .arrowBulletList li p {
  font-size: 0.6875em;
}

.relatedTestLink {
  font: bold 0.6875em trebuchet ms, helvetica, arial, sans-serif;
}

.relatedToolLinks {
  font: bold 0.6875em trebuchet ms, helvetica, arial, sans-serif;
}

.goldArrowLearnLink {
  font-size: 0.75em;
}

.bottomContentUpperDiv .goldArrowLearnLink {
  font-size: 1em;
}

/*
*
*
* QUESTIONNAIRE
*
*/

.questionnaire td {
  font-size: 1em;
}

.login table .button {
  font-size: 1em;
}

.questionnaire .otherInput, .questionnaire .dobInput {
  font-size: 0.75em;
}

/*
*
*
*Account panel
*
*
*/

.accountPanel table td {
  font-size: 1.25em;
}
/*
*
* NAVIGATION
*
*/

/*
*  TOP NAV
*/

#top_nav {
  float: right;
  width: 650px;
  height: 36px;
  background: url( '../img/layout/nav_bg.gif' ) no-repeat;
}

#top_nav li {
  float: left;
  height: 36px;

}

#top_nav li a {
    border-right:1px solid #005D9F;
}

#top_nav a,
#top_nav span {
  display: block;
  height: 36px;
  padding: 0 13px 0 14px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 36px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;  
}

#top_nav a:hover,
#top_nav a.active,
#top_nav span:hover,
#top_nav span.active {
  background-image: url( '../img/layout/nav_bg_active.gif' );
  text-decoration: none;
}

#top_nav #consumers a {
  padding-left: 12px;
}

#top_nav #employers a, #top_nav #healthcare_plans a, #top_nav #consumers a {
  background-position: -15px top;
}

#top_nav #about_us span {
  padding-left: 18px;
  background-position: right top;
}

#top_nav #about_us, #top_nav #about_us span {
  position: relative;
  border-right:0;
}

#top_nav #consumers {
    width:114px;
}

#top_nav #healthcare_providers {
    width:182px;
}

#top_nav #healthcare_plans {
    width:151px;
}

#top_nav #employers {
    width:105px;
}

#top_nav #about_us {
    width:98px;
}


#top_nav #about_us ul {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
}

#top_nav #about_us:hover ul,
#top_nav #about_us.hover ul {
  display: block;
}

#top_nav #about_us li {
  height: auto;
  float: none;
  border:0;
}

#top_nav #about_us a {
  height: auto;
  background: #e3f1fb;
  font-size: 0.75em;
  line-height: 2em;
  font-weight: normal;
  font-family: helvetica, arial, sans-serif;
  text-transform: none;
  min-height: 24px;
  padding: 0 10px;
  width: 190px;
  border-top: 1px dotted #79a8ba;
  border-left: 1px solid #79a8ba;
  border-right: 1px solid #79a8ba;
  color: #036;
}

#top_nav #about_us li.first a {
  border-top: none;
}

#top_nav #about_us li.last a {
  border-bottom: 1px solid #79a8ba;
}

#top_nav #about_us a:hover {
  background: #fff1ca;
}

/*
*  SIDE NAV
*/

#leftMenuDiv {
  float: left;
  width: 200px;
}

#navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #e3f1fb;
}

#navigation h3 {
  position: relative;
  display: block;
  clear: both;
  height: 32px;
  padding-left: 5px;
  margin: 6px 0 0 0;
  color: #fff;
  background: #0392e9 url( '../img/layout/brightblue_menuBG.gif' ) repeat-y;
  font: bold 15px/32px trebuchet ms, helvetica, arial, sans serif;
}

#navigation h3 a {
  color: #fff;
  display: block;
}

#navigation h3 a:hover {
  text-decoration: none;
}

#navigation ul li.active img {
  float: left;
  margin: 6px 0 0 0;
}

#navigation ul li a {
  text-decoration: none;
  font: normal 12px/16px helvetica, arial, sans serif;
  cursor: pointer;
  display: block;
  padding: 4px 2px 4px 8px;
}

#navigation li ul li {
  border-top: 1px dotted #b6e0fb;
}

#navigation h4,
#navigation h5 {
  margin: 0;
  padding: 0;
}

#navigation ul li.active ul,
#navigation ul li:hover,
#navigation ul li.hover {
  background-color: #fff1ca;
}

#navigation ul li.active h4,
#navigation ul ul li.active h5,
#navigation ul ul ul li.active a,
  #navigation ul li.active ul li a:hover,
#navigation ul li.active ul li.active ul li a:hover {
  background-color: #ffc740;
}

#navigation ul li.active ul li {
  margin-left: 4px;
  border-top: 1px solid #fff1ca;
}

#navigation ul li ul {
  display: none;
}

#navigation ul li.active ul {
  display: block;
}

#navigation ul li.active ul li ul {
  display: none;
}

#navigation ul li.active ul li.active ul {
  display: block;
}

#navigation ul li.active ul li.active ul li a {
  height: auto;
}

/*
*  FLY OUT
*/

#navigation > .articles > ul > li:hover {
  position: relative;
}

#navigation > .articles > ul > li:hover > ul {
  display: block;
  position: absolute;
  left: 200px;
  width: 200px;
  top: 0;
  z-index: 200;
}

#navigation .articles ul li.active > ul {
  position: static;
}

#navigation .articles ul li.active > ul li ul,
#navigation .articles ul li.active > ul li ul li {
  width: 192px;
}


/*
*
* NAVIGATION - ARTICLES
*
*/

/*
#navigation .articles {
  background: #e3f1fb;
}

#navigation .articles ul li a {
  background-color: #74bbea;
}

#navigation .articles ul li a:hover,
#navigation .articles ul li.active h4 a {
  background: #b6e0fb url( '../img/icons/arrow_darkblue.gif' ) 8px 10px no-repeat;
  color: #036;
  text-decoration: none;
}

#navigation .articles ul li.active h4 a {
  background-image: url( '../img/icons/arrow_down_darkblue.gif' );
}

#navigation .articles li.active ul li h5 a {
  color: #017ac2;
  text-decoration: none;
  background: #b6e0fb url( '../img/icons/arrow_mediumBlue.gif' ) 8px 10px no-repeat;
}

#navigation .articles li.active ul li.active ul li.active a,
#navigation .articles li.active ul li.active ul li a:hover {
  color: #036;
  background: url( '../img/icons/nav_bullet_genes_on.gif' ) 8px 3px no-repeat;
}

#navigation .articles ul li.hasActiveChild {
  list-style-type: none;
  overflow: hidden;
}

#navigation .articles ul li.hasActiveChild img {
  float: left;
  padding: 10px 4px 4px 8px;
}

#navigation .articles ul li.hasActiveChild,
#navigation .articles ul li.hasActiveChild h4 a,
#navigation .articles ul li.hasActiveChild h4 a:hover {
  background: #b6e0fb;
}
*/

/*
*
* NAVIGATION - CATALOG
*
*/

#navigation .catalog h3 {
  background-image: url( '../img/layout/green_menuBG.gif' );
}

#navigation .catalog ul li a {
  background-image: url( '../img/icons/arrow_white.gif' );
  background-color: #94d482;
  color: #fff;

}

#navigation .catalog ul li {
  padding-bottom: 1px;
  background: #e6f5e1 url( '../img/layout/lightGreen_dividerBG.gif' ) bottom repeat-x;
}

#navigation .catalog ul li a:hover,
  #navigation .catalog ul li.active h4 a,
  #navigation .catalog ul li.inactive_silo a {
  background-color: #e6f5e1;
  background-image: url( '../img/icons/arrow_darkgreen.gif' );
  color: #22820F;
  text-decoration: none;
}

#navigation .catalog ul li.active ul,
  #navigation .catalog ul li.active ul li a {
  background-color: #e6f5e1;
  color: #22820F;
}

#navigation .catalog ul li.active h4 a {
  background-image: url( '../img/icons/arrow_down_darkgreen.gif' );
}

#navigation .catalog ul li.active ul li a {
  background-image: url( '../img/icons/arrow_darkgreen.gif' );
}

/*
*
* NAVIGATION - TOOLS
*
*/

#navigation .tools ul li {
  background-color: #4d879b;
}

#navigation .tools h3 {
  background-image: url( '../img/layout/darkblue_menuBG.gif' );
}

#navigation .tools ul li a:hover,
#navigation .tools ul li.active h4 a,
#navigation .tools ul li.inactive_silo a {
  background: #b0cfda url( '../img/icons/arrow_darkblue.gif' ) 8px 10px no-repeat;
  color: #0b435d;
  text-decoration: none;
}

#navigation .tools ul li.active h4 a {
  background-image: url( '../img/icons/arrow_darkgreen.gif' );
}