/*
  $ProjectName: d:/sourcecode/eNetrixSuite/Client_Specific.pj $ $ProjectRevision: Last Checkpoint: 1.2 $ $Last Checkpoint: $
  $RCSfile: Client_Specific/SanJamar/san_jamar.css $ $Revision: 1.7 $ $Date: 2008/06/02 10:35:59CDT $ 
  $Locker:  $
  $Header: Client_Specific/SanJamar/san_jamar.css 1.7 2008/06/02 10:35:59CDT akoskelin Exp  $
*/
BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #000; 
  background-color: #000;
  padding: 0px; 
  margin: 0px;
}

A {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  text-decoration: none; 
  color: #FFCC00;
}
A:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}
A:active {
  text-decoration: underline; 
  color: #FFFFFF;
}
A:visited {
  text-decoration: none; 
  color: #FFCC00;
}
A:visited:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}
A:visited:active {
  text-decoration: underline; 
  color: #FFFFFF;
}

/* Top Navigation Bar Styles */
TD.BannerHeader {
  vertical-align: top;
}

TABLE.BannerHeader {
  background-color: #000; 
}

td.leftMenuSearch {
  padding: 1px 0px 0px 10px;
  vertical-align: top;
}

TD.leftMenuSearchForm {
  font-size: 7pt; 
  color: #FFCC00;
  vertical-align: middle;
}

td.BannerNavigation{
  vertical-align: bottom;
  padding-bottom: 2px;
}

input.leftMenuSearch {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
}

span.BannerNavigationButton{
  padding: 0px 10px;
}

span.BannerNavigationSpacer{
  font-size: 0; 
}

span.BannerNavigationButton A {
  color: #fc0;
  text-decoration: none; 
}
span.BannerNavigationButton A:hover {
  color: #fff;
  text-decoration: none; 
}
span.BannerNavigationButton A:active {
  color: #fff;
  text-decoration: none; 
}
span.BannerNavigationButton A:visited {
  color: #fc0;
  text-decoration: none; 
}
span.BannerNavigationButton A:visited:hover {
  color: #fff;
  text-decoration: none; 
}
span.BannerNavigationButton A:visited:active {
  color: #fff;
  text-decoration: none; 
}

/* dropdown sub-cats */

DIV.DDNavigationContainer {
  z-index: 103; 
  position: absolute; 
  top: 109px; 
  left: inherit; 
  visibility: hidden; 
}

IFRAME.DDNavigationContainer { 
  z-index: 102; 
  position: absolute; 
  top: 109px; 
  left: inherit; 
  display: none;
}

TABLE.DDNavigation {
  border-bottom: 1px solid #000; 
  width: 155px;
}

TD.DDNavigation {
  border-left: 1px solid #000; 
  border-right: 1px solid #000;
}

DIV.DDNavigationOuter A {
  color: #ffffff; 
  background-color: #9ec93a;
  text-decoration: none; 
  padding: 5px 28px 5px 14px; 
  display:block; 
  font-size: 8pt; 
}

DIV.DDNavigationOuter A:hover {
  color: #000; 
  background-color: #bed87d; 
}

DIV.DDNavigationOuter A:visited {
  text-decoration: none; 
  color: #ffffff; 
}

DIV.DDNavigationContainerLevel2 {
  z-index: 103; 
  position: absolute; 
  top: 109px; 
  left: inherit; 
  visibility: hidden; 
}

IFRAME.DDNavigationContainerLevel2 { 
  z-index: 102; 
  position: absolute; 
  top: 109px; 
  left: inherit; 
  display: none;
}

TABLE.DDNavigationLevel2 {
  border-top: 1px solid #000; 
  border-bottom: 1px solid #000; 
  width: 155px;
}

TD.DDNavigationLevel2 {
  border-left: 1px solid #000; 
  border-right: 1px solid #000;
}

DIV.DDNavigationOuterLevel2 A {
  color: #ffffff; 
  background-color: #9ec93a;
  text-decoration: none; 
  padding: 5px 28px 5px 14px; 
  display:block; 
  font-size: 8pt; 
}

DIV.DDNavigationOuterLevel2 A:hover {
  color: #000; 
  background-color: #bed87d; 
}

DIV.DDNavigationOuterLevel2 A:visited {
  color: #ffffff; 
  background-color: #9ec93a;
}

DIV.DDNavigationOuterLevel2 A:visited:hover {
  color: #000; 
  background-color: #bed87d; 
}

TD.leftMenu {
  vertical-align: top;
  padding: 35px 0px 0px 0px; /* temp for text menu, which is going away */
}

TD.leftMenuFinCat {
  text-align: left;
}

TD.leftMenuChdCat {
  text-align: left;
  padding-left: 10px;
}

table.mainTableWithFooter {
  width: 100%
}

td.mainContentAreaNoMenu {
  /* to keep black background for temp footer on homepage */
  background-color: #000;
  text-align: right;
  width: 784px;
  /* to make logout page look right*/
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

div.mainContentArea {
  /* to make the main content appear to properly streatch to the right */
  width: 784px;
  background-color: #fff;
  /*border-top: 1px solid #fff;*/ /* weird hack to make the top render in ffox (but it doesn't work w/ swoops) */
}

table.mainTable{
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
}

TD.mainTable{
  background-color: #fff;
}

TD.SubCategoryImage {
  color: #ffffff; 
  font-size: 7pt; 
  padding: 35px 0px 0px 70px;
}

TABLE.extraLeftImage {
  width: 779px;
}

td.extraLeftImage {
  /* width: 1px; HACK: to make it only stretch as far as it needs to */
  width: 162px;
}

td.extraLeftImageContent {
  /* width: 1000px; HACK: to make it stretch to fill */
  width: 617px;
}

table.childTable {
  background: #fff; /* to do away with black slivers */
  width: 100%;
  vertical-align: bottom;
  padding: 10px 0px 0px 0px; 
}

table.childTable A {
  color: #000;
}

table.childTable A:visited {
  color: #000;
}

table.childTable A:hover {
  color: #000;
}

td.childTable {
  text-align: center;
  vertical-align: bottom;
  padding: 5px 0px 5px 0px; 
  width: 33%;
}

td.childTable img {
  /*
  padding: 10px 10px 10px 10px; 
  */
  margin: 10px 10px 10px 10px;  /* had to use this so IE would obey */
}

table.childTablePage {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
}

table.childTablePage A {
  color: #000;
}

table.childTablePage A:visited {
  color: #000;
}

table.childTablePage A:hover {
  color: #000;
}

td.childTablePage {
  text-align: center;
  padding: 0;
}

td.childTablePage img {
  padding: 10px 0px 0px 0px; 
}

table.productTable {
  width: 784px;
  background-color: #fff;
  border-collapse: collapse;
}

table.productTable TD{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  color: #000;
  vertical-align: top;
}

table.productTable div.GenericDescription {
  padding: 35px 0px 15px 0px;
  font-size: 13pt; 
  font-weight: bold;
  color: #069;
}

table.productTable td.productTableLeft {
  vertical-align: middle;
  text-align: center;
  width: 392px;
}

table.productTable td.productTableRight {
  width: 392px;
}

td.crosslinkHeader{
  text-align: center;
  width: 196px;
}

span.crosslinkHeader{
  font-weight: bold;
  color: #06c;
}

/*
table.crosslinkPage {
  width: 100%;
}
*/

td.crosslinkCategoryOuter {
  text-align: center;
  width: 196px;
}

td.crosslinkPageOuter {
  text-align: center;
  width: 196px;
}

td.crosslinkPage {
  text-align: center;
  width: 98px;
  padding: 0px 2px 0px 2px;
}

td.crosslinkPage A {
  color: #999;
}

td.crosslinkPage A:visited {
  color: #999;
}

td.crosslinkPage A:hover {
  color: #999;
}

table.crosslinkCategory {
  width: 100%;
}

td.crosslinkCategory {
  text-align: center;
  width: 98px;
}

td.crosslinkCategory A {
  color: #999;
}

td.crosslinkCategory A:visited {
  color: #999;
}

td.crosslinkCategory A:hover {
  color: #999;
}

td.NSFLogo {
  width: 196px;
  text-align: center;
}

div.relatedLiterature{
  padding-top: 5px;
}

div.crossLinkURL{
  padding-top: 5px;
}

li.crosslinkURL A {
  color: #c00;
}

li.crosslinkURL A:visited {
  color: #c00;
}

li.crosslinkURL A:hover {
  color: #c00;
}

td.cart {
  width: 151px;
  padding-left: 35px;
}

td.cart div.relatedLiterature A {
  color: #999;
}

td.cart div.relatedLiterature A:visited {
  color: #999;
}

td.cart div.relatedLiterature A:hover {
  color: #999;
}

td.cart A {
  color: #c00;
}

td.cart A:visited {
  color: #c00;
}

td.cart A:hover {
  color: #c00;
}

.customHeaderLinks {
  color: #999;
}

A:customHeaderLinks {
  color: #999;
}
A:hover.customHeaderLinks {
  color: #fff;
  text-decoration: none;
}
A:active.customHeaderLinks {
  color: #fff;
  text-decoration: none;
}
A:visited.customHeaderLinks {
  color: #999;
}
A:visited:hover.customHeaderLinks {
  color: #fff;
  text-decoration: none;
}
A:visited:active.customHeaderLinks {
  color: #fff;
  text-decoration: none;
}

/*
table.DataElementHeader {
  width: 100%;
  margin-right: 10px;
}
*/

span.DataElementHeaderNameInactive{
  display: block; /* to make the padding obey in IE */
  font-weight: bold;
  font-size: 8pt; 
  color: #fff;
  background: #000;
  padding: 5px 17px 5px 17px;
  border: 1px solid #fff;
}

span.DataElementHeaderNameActive{
  display: block; /* to make the padding obey in IE */
  font-weight: bold;
  font-size: 8pt; 
  color: #fff;
  background: #c00;
  padding: 5px 17px 5px 17px;
  border: 1px solid #fff;
}

td.DataElementContent{
  padding: 8px 0px 0px 0px;
}

div.DataElementContentInner ul {
  margin: 0px; /* to cram the bullets closer */
  padding: 0px 0px 0px 40px;
}

div.DataElementContentInner A {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  text-decoration: none; 
  color: #06c;
}
div.DataElementContentInner A:hover {
  text-decoration: underline; 
  color: #06c;
}
div.DataElementContentInner A:active {
  text-decoration: underline; 
  color: #06c;
}
div.DataElementContentInner A:visited {
  text-decoration: none; 
  color: #06c;
}
div.DataElementContentInner A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}
div.DataElementContentInner A:visited:active {
  text-decoration: underline; 
  color: #06c;
}

DIV.DataElementContent {
  overflow: auto; 
  height: 217px; /* change this to compensate for any changes in padding of td.DataElementContent and margin-bottom below*/
  width: 390px; /* to leave two pixels to the right of the scrollbar, if it shows */
  margin-bottom: 10px;
}

td.DataElementHeaderInner A:hover span {
  color: #f5ba08;
}

div.childContent {
  overflow: auto; 
  height: 356px; 
  background: #fff; /* to do away with black slivers */
}

table.imageBrowser {
  width: 784px; 
}

td.imageBrowserLeft {
  vertical-align: top;
  width: 188px;
  padding: 20px 0 0 30px;
}

DIV.imageBrowserLeft {
  overflow: auto; 
  height: 336px; 
  line-height: 1.5;
}

td.imageBrowserRight {
  background: #fff;
  width: 596px;
  vertical-align: top;
  padding: 20px 0 0 0;
  font-size: 8pt;
}

DIV.imageBrowserRight {
  overflow: auto; 
  height: 336px; 
  padding: 0 30px 0 10px;
}

DIV.imageBrowserRight H2 {
  font-size: 14pt; 
  color: #999;
  padding-left: 15px;
}

DIV.imageBrowserRight A {
  text-decoration: none; 
  font-weight: bold;
  color: #c00;
}
DIV.imageBrowserRight A:hover {
  text-decoration: underline; 
  color: #c00;
}
DIV.imageBrowserRight A:active {
  text-decoration: underline; 
  color: #c00;
}
DIV.imageBrowserRight A:active:hover {
  text-decoration: underline; 
  color: #c00;
}
DIV.imageBrowserRight A:visited {
  text-decoration: none; 
  color: #c00;
}
DIV.imageBrowserRight A:visited:hover {
  text-decoration: underline; 
  color: #c00;
}

td.imageBrowserContent {
  width: 260px;
  vertical-align: middle;
  padding: 5px;
}

td.imageBrowserContent IMG {
  padding-right: 10px;
}

div.imageBrowserContentDescription{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
  font-weight: bold;
  line-height: 2;
}

div.imageBrowserContentAltDescription{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  line-height: 2;
  color: #999;
}

ul.imageBrowserContent {
  list-style: none;
  margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}

li.imageBrowserContent A {
  font-size: 8pt; 
  font-weight: bold;
  color: #09c;
}

li.imageBrowserContent A:visited {
  font-size: 8pt; 
  font-weight: bold;
  color: #09c;
}

li.imageBrowserContent A:hover {
  font-size: 8pt; 
  font-weight: bold;
  color: #09c;
}

div.page {
  padding-bottom: 6px;
}

div.pageSelected {
  padding-bottom: 6px;
}

DIV.page A {
  color: #999;
  font-size: 10pt; 
}

DIV.page A:visited {
  color: #999;
  font-size: 10pt; 
}

DIV.page A:hover {
  color: #09c;
  font-size: 10pt; 
}

DIV.pageSelected A {
  color: #09c;
  font-size: 10pt; 
}

DIV.pageSelected A:visited {
  color: #09c;
  font-size: 10pt; 
}

DIV.pageSelected A:hover {
  color: #09c;
  font-size: 10pt; 
}

table.MyAccount{
  /*padding-top: 20px;*/
}

td.MyAccountLogin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.MyAccount {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.MyAccount H2{
  font-size: 14pt; 
  color: #999;
  padding-left: 15px;
}

table.SCMain{
  padding-top: 20px;
}

td.SCTopNavigation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.SCMain{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.SCMain H2{
  font-size: 14pt; 
  color: #999;
  padding-left: 15px;
}

td.SCMain A {
	font-size:8pt;
  text-decoration: none; 
  color: #06c;
}
td.SCMain A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCMain A:active {
  text-decoration: none; 
  color: #06c;
}
td.SCMain A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCMain A:visited {
  text-decoration: none; 
  color: #06c;
}
td.SCMain A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

table.SCItemTable{
  padding-top: 20px;
}

th.SCItemTableTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
  font-weight: bold;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

tr.SCItemTable{
  vertical-align: middle;
}

tr.SCItemTableAlt{
  vertical-align: middle;
}

td.SCItemTable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
        padding-left: 15px;
}

td.SCItemTableNumber{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.SCItemTableNumber input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
}

td.SCItemTable H2{
  font-size: 14pt; 
  color: #999;
  padding-left: 15px;
}

td.SCItemTableRemove {
    padding: 2px 4px 2px 4px;
    vertical-align: middle;
}

th.SCLabel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
  font-weight: bold;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

td.SCNumber{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
  padding-left: 15px;
}

DIV.GenericDescription{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#999999;
	letter-spacing:3px;
  width: 380px;
}

DIV.GenericCopy {
  text-align: left;
}

td.extraLeftImage div.ParentDescription{
  margin: 5px 35px 5px 5px;
  width: 132px;
  font-size:8pt;
  color: #fff;
  text-align: center;
}

td.extraLeftImage div.GenericDescription{
  margin: 5px 35px 5px 5px;
  width: 132px;
	font-size:12pt;
  color: #fff;
	letter-spacing: 0px;
  text-align: center;
}

td.extraLeftImage div.GenericGraphic{
  width: 147px;
  text-align: center;
}

td.extraLeftImage div.GenericSecondaryDesc{
  overflow: auto;
  margin: 10px 30px 10px 10px;
  width: 127px;
  height: 180px;
	font-size:7pt;
  color: #fff;
}

DIV.childList {
  /* trying to get Career page to work right */
  /*
  padding-top: 40px; 
  margin: 0px 20px 10px 20px;
  border: 1px solid #f00;
  */
  /* original value
  margin: 40px 20px 10px 20px;
  */
  /* seems to fix the Career page issue (with height increased from 431 to 480) */
  padding: 40px 20px 10px 20px;
  width: 744px;
  height: 480px; 
  overflow: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#999999;
  line-height:16px;
}

div.childList a {
  color: #069;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

div.childList a:hover {
  color: #069;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}

DIV.childList DIV.GenericDescription {
  padding-left: 222px;
}

div.childCategoryHeader {
  padding-top: 10px;
  font-weight: bold;
  color: #000;
}

div.childPageHeader {
  padding-top: 10px;
  font-weight: bold;
  color: #000;
}

div.childList div.GenericExtendedContent {
  padding-top: 15px;
}

table.Generic{
  height: 356px;
}

/* for troubleshooting the design center main pg and spacing on right
div.GenericExtendedContent table td{
  border: 1px solid #f00;
}
*/
/*
div.GenericExtendedContent table {
  border: 1px solid #f00;
}
table.generic {
  border: 1px solid #f00;
}
*/

td.distributorLocator {
  vertical-align: top;
}

td.distributorLocatorInnerLeft {
  width: 240px;
  padding: 50px 10px 10px 0px;
  vertical-align: top;
}

td.distributorLocatorInnerLeft select {
  margin-left: 40px;
}

td.distributorLocatorInnerRight {
  vertical-align: top;
  width: 340px;
  border-left: 1px solid #000;
}

h1.distributor{
  font-size: 8pt; 
  color: #f5c713;
  padding: 25px 0px 0px 40px;
}

h2.distributor{
  font-size: 10pt; 
  color: #999;
  padding: 0px 0px 15px 45px;
}

div.distributorType{
  padding: 45px 0px 0px 155px;
}

div.distributorType A{
  color: #09c;
  font-size: 8pt; 
}

div.distributorType A:hover {
  color: #09c;
  font-size: 8pt; 
}
div.distributorType A:active {
  color: #09c;
  font-size: 8pt; 
}
div.distributorType A:active:hover {
  color: #09c;
  font-size: 8pt; 
}
div.distributorType A:visited {
  color: #09c;
  font-size: 8pt; 
}
div.distributorType A:visited:hover {
  color: #09c;
  font-size: 8pt; 
}

div.distributorDetails{
  padding: 0px 10px 0px 40px;
  width: 540px;
  height: 280px;
  overflow: auto;
}

table.distributorDetails{
  width: 100%;
}

table.distributorDetails td{
  padding: 0px 80px 40px 10px;
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  line-height: 1.5;
  vertical-align: top;
}

span.distributorName{
  color: #000;
  font-weight: bold;
}

/*
td.distributorLocatorRight {
  padding: 10px;
  vertical-align: top;
}
*/

td.distributorDetails a{
  color: #09c;
  font-size: 8pt; 
}
td.distributorDetails A:hover {
  color: #09c;
  text-decoration: underline;
}
td.distributorDetails A:active {
  color: #09c;
}
td.distributorDetails A:active:hover {
  color: #09c;
  text-decoration: underline;
}
td.distributorDetails A:visited {
  color: #09c;
}
td.distributorDetails A:visited:hover {
  color: #09c;
  text-decoration: underline;
}


table.careerImages{
  margin-right: 20px; 
}

table.careerImages td{
  padding-bottom: 25px;
}

div.sku{
  height: 356px;
  padding-left: 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#999;
}

div.sku a {
	color:#06c;
	text-decoration:none;
}

div.sku a:hover {
	color:#06c;
	text-decoration:underline;
}

div.sku a:visited {
	color:#06c;
	text-decoration:none;
}

div.skuTable{
  overflow: auto;
  height: 242px;
  margin: 5px 0px 5px 0px;
}

div.sku select{
  font-family:Arial, Helvetica, sans-serif;
  font-size:8pt;
  color:#999;
}

div.sku div.GenericDescription {
  width: 760px;
  padding: 35px 0px 15px 0px;
  font-size: 13pt; 
  font-weight: bold;
  color: #069;
}

table.sku {
  padding-left: 15px;
  padding: 0px 15px 5px 15px;
}

table.sku th {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
}

table.sku td {
  color:#999;
  padding: 0px 15px 5px 15px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
}

th.MyAccount {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}
td.MyAccount {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

td.MyAccount A {
  text-decoration: none; 
  color: #06c;
}
td.MyAccount A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccount A:active {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccount A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccount A:visited {
  text-decoration: none; 
  color: #06c;
}
td.MyAccount A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

table.MyAccountCart {
  padding-left: 15px;
  width: 80%;
}

tr.MyAccountCartAlt {
  background-color: #CCCCCC;
}

td.MyAccountCart A {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountCart A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountCart A:active {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountCart A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountCart A:visited {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountCart A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.MyAccountAddress A {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountAddress A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountAddress A:active {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountAddress A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountAddress A:visited {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountAddress A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.MyAccountLogin A {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountLogin A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountLogin A:active {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountLogin A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.MyAccountLogin A:visited {
  text-decoration: none; 
  color: #06c;
}
td.MyAccountLogin A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.MyAccountCartHeader{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

td.MyAccountCart{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

td.MyAccountCartAlt{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

td.SCTopNavigation A {
  text-decoration: none; 
  color: #06c;
}
td.SCTopNavigation A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCTopNavigation A:active {
  text-decoration: underline; 
  color: #06c;
}
td.SCTopNavigation A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCTopNavigation A:visited {
  text-decoration: none; 
  color: #06c;
}
td.SCTopNavigation A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.SCBottomNavigation {
  padding-left: 15px;
}

td.SCBottomNavigation A {
  text-decoration: none; 
  color: #06c;
}
td.SCBottomNavigation A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCBottomNavigation A:active {
  text-decoration: underline; 
  color: #06c;
}
td.SCBottomNavigation A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCBottomNavigation A:visited {
  text-decoration: none; 
  color: #06c;
}
td.SCBottomNavigation A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.SCItemTableNumber A {
  text-decoration: none; 
  color: #06c;
}
td.SCItemTableNumber A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCItemTableNumber A:active {
  text-decoration: underline; 
  color: #06c;
}
td.SCItemTableNumber A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.SCItemTableNumber A:visited {
  text-decoration: none; 
  color: #06c;
}
td.SCItemTableNumber A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

div.PageThumbnailDesc {
  margin: 5px 0px 15px 0px;
}

div.PageThumbnailDesc A {
  text-decoration: none; 
  color: #06c;
}
div.PageThumbnailDesc A:hover {
  text-decoration: underline; 
  color: #06c;
}
div.PageThumbnailDesc A:active {
  text-decoration: underline; 
  color: #06c;
}
div.PageThumbnailDesc A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
div.PageThumbnailDesc A:visited {
  text-decoration: none; 
  color: #06c;
}
div.PageThumbnailDesc A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.PageThumbnailLinks {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
  padding: 10px 0px 0px 15px;
}

td.PageThumbnailLinks A {
  padding: 2px;
  text-decoration: none; 
  color: #06c;
}
td.PageThumbnailLinks A:hover {
  text-decoration: underline; 
  color: #06c;
}
td.PageThumbnailLinks A:active {
  text-decoration: underline; 
  color: #06c;
}
td.PageThumbnailLinks A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
td.PageThumbnailLinks A:visited {
  text-decoration: none; 
  color: #06c;
}
td.PageThumbnailLinks A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

span.PageThumbnailLinksSelected {
  padding: 2px;
}

td.PageThumbnail td.PageThumbnail {
  width: 261px; /* about 1/3 of 784px, to make them render evenly */
}

table.survey table table td{ /* for tables of options */
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

table.survey input{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

table.survey select{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

span.QuestionText{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

.MyAccountError{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  color: #FF0000; 
  padding-left: 15px;
  font-weight: bold;
}

div.childContent div.GenericCopy { /* originally for the survey pages */
  padding: 20px 0px 0px 30px;
}

div.childContent div.GenericDescription { /* originally for the survey pages */
  padding: 0px 0px 10px 0px;
}

span.button A {
  text-decoration: none; 
  color: #06c;
}
span.button A:hover {
  text-decoration: underline; 
  color: #06c;
}
span.button A:active {
  text-decoration: underline; 
  color: #06c;
}
span.button A:active:hover {
  text-decoration: underline; 
  color: #06c;
}
span.button A:visited {
  text-decoration: none; 
  color: #06c;
}
span.button A:visited:hover {
  text-decoration: underline; 
  color: #06c;
}

td.SCCartNameHeader{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
  padding: 5px;
}

td.SCCartNameAlt{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
  padding: 5px;
}

div.errorText{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

span.errorText{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  font-weight: bold;
  color: #09c;
}

table.survey{
  margin: 15px 0px 20px 10px;
}

td.Survey{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #999;
}

div.items{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
}

div.items select{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 7pt; 
  color: #36f;
}

/* 
  - defined by San Jamar; the "DIV.DataElementContent" and "DIV#container" added by enetrix 
  - font sizes and faces had no real effect
*/
DIV.DataElementContent TD.TDSpecHeader {
	font-weight: bold;
	color: #000;
}

TD.GenericLeft {
  background: #fff;
  vertical-align: top; /* to make the Design Center landing page look right */
}

TD.GenericLeft DIV.GenericDescription {
  padding: 10px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#999999;
	letter-spacing:3px;
}

DIV.DataElementContent TD.TDSpecDetail {
	font-weight: bold;
	color: #999;
}


DIV#container{
  padding: 0px;
  /*margin: 10px 20px 10px 60px; changed for individual career pgs */
  /* pre-swoop design
  margin: 10px 0px 10px 60px;
  width: 724px;
  height: 330px; 
  */
  margin: 10px;
  overflow: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#999999;
  line-height:16px;
}

DIV#container .title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#999999;
	letter-spacing:3px;
}

DIV#container .jobtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#000;
	letter-spacing:3px;
}

DIV#container .body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	line-height:16px;
}

DIV#container .bodysmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	line-height:16px;
}

DIV#container .blacktitles {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000;
}

DIV#container .bluetitles {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#0066cc;
}

DIV#container a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0066cc;
	text-decoration:none;
}

DIV#container a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0066cc;
	text-decoration:underline;
}

DIV#container a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0099cc;
	text-decoration:none;
}

DIV#container .yellowlink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffb702;
	text-decoration:none;
}

DIV#container .yellowlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffb702;
	text-decoration:underline;
	}

DIV#container .yellowlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffb702;
	text-decoration:none;
}

DIV#container .redsmlink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#cc0000;
	text-decoration:none;
}

DIV#container .redsmlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#cc0000;
	text-decoration:underline;
	}

DIV#container .redsmlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#cc0000;
	text-decoration:none;
}

DIV#container .redlink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc0000;
	text-decoration:none;
}

DIV#container .redlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc0000;
	text-decoration:underline;
}

DIV#container .redlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cc0000;
	text-decoration:none;
}

DIV#container .foodSafety .yellowlink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffb702;
	text-decoration:none;
	text-transform:uppercase;
}

DIV#container .foodSafety .yellowlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffb702;
	text-decoration:underline;
	text-transform:uppercase;
}

DIV#container .foodSafety .yellowlink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#ffb702;
	text-decoration:none;
	text-transform:uppercase;
}

DIV#container .bluebar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:2px;
}

DIV#bluebar {
	width:400px;
	height:50px;
	background-color:#0066cc;
}

DIV#container .bluebarbold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

DIV#container div.yellowlink {
  text-align: right;
}

/* Email A Friend Styles */ 

TABLE.EmailAFriend {
  border-width: 0; 
  border-style: solid; 
  width: 400;
} 

TR.EmailAFriend {
}

TH.EmailAFriend {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
  padding: 2px 2px 2px 2px; 
} 

TD.EmailAFriend {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
  padding: 2px 2px 2px 2px; 
}

INPUT.EmailAFriend {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
}

TEXTAREA.EmailAFriend {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#000000;
}

.EmailAFriend {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  color: #FFFFFF; 
  padding-left: 5px;
}

SPAN.Button {
    padding: 2px 4px 2px 4px;
}

.bluetext A {color: blue;}
.bluetext A:hover {color: blue;}
.bluetext A:visited {color: blue;}