/*=============================================================================
  ABC_styles.css

  Defines the CSS styles for the ABC web site.

  ---------------------------------------------------------------------------

  Revision History
  REC 1200  John Hildebrand  2007-12-11
  REC 1519  John Hildebrand  2008-03-17
  REC 1522  Kevin Majors     2008-06-18
  REC 1499  John Hildebrand  2008-11-20
  REC 1647  John Hildebrand  2009-03-04
  REC 1697  John Hildebrand  2010-01-29
  REC 1708  Kevin Majors     2010-05-17
  REC 1730  Kevin Majors     2010-06-28
  REC 1709  John Hildebrand  2010-08-02
  REC 1861  Kevin Majors     2010-08-03
  REC 1861  John Hildebrand  2010-10-14
  REC none  John Hildebrand  2011-01-05
  REC 2015  John Hildebrand  2011-03-09
            Kevin Majors     2011-05-24
            John Hildebrand  2011-07-06
            Kevin Majors     2011-07-13 Merged the blue bar changes (LL1, LL2,...) from ABC_no lines.css
            Kevin Majors     2011-07-13 Removed "Home" from graybar and relocated "Search"
  REC none  John Hildebrand  2011-07-22 fixes for NavBar and IE6 related issues
            Kevin Majors     2011-07-25 Merged the changes from "7-20 blue white with hover yellow black.css"
            Kevin Majors     2011-08-04 Adjusted for new header image.
            John Hildebrand  2011-10-04 dropdown margin additions for left and bottom sides
            John Hildebrand  2011-10-20 9pt to 8pt font size change for the dropdown link text
            John Hildebrand  2011-12-12 added very light blue & gray background classes

=============================================================================*/

/* vvv HTML tag style definitions vvv */

html {
    height:100%;
}

* {     /* Sets default magin & padding for IE & Firefox compatibility */
    margin:0px;
    padding:0px;
    border:0px;
/* 2010-06-09 15:39 *** -moz-box-sizing:border-box;  /* helps mozilla browsers (Firefox, Safari) emulate IE's CSS box model */
    -moz-box-sizing:content-box; /* 2010-06-09 15:39 */
	font-family:Arial;           /* default font style for all text */
    font-size:9pt;               /* default font size for all text  */
}
    
a {	/* Standard Link text style */
	color:#2D63AB;      /* ABC Blue */
}
	
a:visited {	/* Standard Link text style - visited */
	color:#800080;      /* light magenta */
}

a:active {	/* Standard Link text style - active */
	color:#CE3331;      /* ABC Red */
}

a:hover {	/* Standard Link text style - hover */
	color:red;      
}

a:focus {  /* Standard Link style - focus */
    outline:none;     /* fixes anchor image outline for Firefox - 2007-09-10 */
}

/* vvv REC 1709 - HTML attributes for the dropdowns vvv */
ul,li {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* ^^^ REC 1709 - HTML attributes for the dropdowns ^^^ */

/* ^^^ HTML tag style definitions ^^^ */

/***********************************/
/* vvv Class style definitions vvv */

.SmBlk {
    color:black;
    font-family:Arial;
    font-size:9pt;
}
    
.SmFont {	     /* Smaller Font */
    font-family:Arial;
    font-size:7pt;
}
    
.BigFont {	     /* Bigger Font */
    font-family:Arial;
    font-size:14pt;
}

.BeJustBlue {        /* ABC Blue class - 110105 */
    color:#2D63AB;
}
    
/*******************************************************************************************************/
/* NOTE: The "LL" class tags are referenced in HTML generated by the Menu* routines of jsfunctions.js. */
/*       This tags are used within the product hierarchy display in the Blue Bar area.                 */
/*******************************************************************************************************/
    
.LL1:hover, .LL2:hover, .LL3:hover, .LL4:hover, .LL5:hover {
	background-color:#F8DE3F;	/* 2011-07-25 */
        color:black;			/* 2011-07-25 */
}

.LL1t {				/* Left Column, Level 1 Text (after symbol)*/
	margin-left:2px;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL1 {				/* Left Column, Level 1, Closed */
        background-color:#2D63AB;
        color:#FFFFFF;
        padding-bottom:1px;
        padding-top:1px;
	padding-left:17px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}

.LL1o {				/* Left Column, Level 1, Open */
	padding-top:3px;
	padding-left:17px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	font-weight:bold;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL1oo {				/* Left Column, Level 1, Open w/ oid value*/
	padding-top:3px;
	padding-left:17px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	font-weight:bold;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL2 {				/* Left Column, Level 2, Closed */
	margin-left:17px;
        padding-top:1px;
        padding-bottom:1px;
        background-color:#3470C0;	/* 2011-07-25 */
	padding-left:17px;    /* 2007-08-21 padding-left:22px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL2o {				/* Left Column, Level 2, Open */
	padding-left:32px;    /* 2007-08-21 padding-left:22px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL2oo {			/* Left Column, Level 2, Open w/ oid value */
	padding-left:52px;    /* 2007-08-21 padding-left:22px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL2x {				/* Left Column, Level 2, Below lowest Open line */
	padding-left:32px;    /* 2007-08-21 padding-left:22px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL3 {				/* Left Column, Level 3, Closed */
	margin-left:34px;
        padding-top:1px;
        padding-bottom:1px;
        background-color:#3C7ED5;	/* 2011-07-25 */
	padding-left:17px;    /* 2007-08-21 padding-left:26px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL3o {				/* Left Column, Level 3, Open */
	padding-left:46px;    /* 2007-08-21 padding-left:26px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL3oo {				/* Left Column, Level 3, Open w/ oid value*/
	padding-left:66px;    /* 2007-08-21 padding-left:26px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL3x {				/* Left Column, Level 3, Below lowest Open line */
	padding-left:46px;    /* 2007-08-21 padding-left:26px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL4 {				/* Left Column, Level 4 (always closed) */
	margin-left:51px;
        background-color:#448BEA;	/* 2011-07-25 */
	padding-left:17px;    /* 2007-08-21 padding-left:30px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL4o {				/* Left Column, Level 4, Open */
	padding-left:60px;    /* 2007-08-21 padding-left:30px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL4oo {				/* Left Column, Level 4, Open w/ oid */
	padding-left:80px;    /* 2007-08-21 padding-left:30px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}
	
.LL4x {				/* Left Column, Level 4, Below lowest Open line */
	padding-left:60px;    /* 2007-08-21 padding-left:30px; */
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;  /* 2007-11-06 */
}

/* vvv Level 5 Additions - 2007-11-13 */
.LL5 {				/* Left Column, Level 5 (always closed) */
        margin-left:68px;
        background-color:#4C99FF;	/* 2011-07-25 */
	padding-left:17px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;
}
	
.LL5o {				/* Left Column, Level 5, Open */
	padding-left:84px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;
}
	
.LL5oo {				/* Left Column, Level 5, Open w/ oid */
	padding-left:94px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;
}
	
.LL5x {				/* Left Column, Level 5, Below lowest Open line */
	padding-left:84px;
	padding-right:4px;
	text-indent:-11px;  /* applies to first line of text long enough to wrap around */
	display:block;
	cursor:pointer;
}

/* ^^^ Level 5 Additions - 2007-11-13 */
	
.std_body_width {		/* Standard width for body of page (main content area) */
    width:100%;        /* 1708,1709 */
}

.std_body_slim_width {		/* Standard width for slimmer portions of page body (various locations) */
    width:90%;         /* 1708,1709 */
}

div.cenlst {         /* centered list - outer div */
    text-align:center;
}

div.HomePage {         /* 2011-05-24 Center list for Home page - outer div */
    background-image :url("/images/site/Home-Feature.jpg"); 
    background-repeat:no-repeat;  
    width:100%; 
    height:350px;
}

div.HomePage div {     /* 2011-05-24 Center list for Home page - inner div */
    position:relative;  
    top:131px;          
    margin:0 auto;
}

div.HomePage li {      /* 2011-05-24 Center list for Home page - list item */
    list-style-image:url("/images/site/Checkmark.gif");
    text-align:left;
    margin-left:55px;
    margin-bottom:14px;
    }

div.HomePage a {       /* 2011-05-24 Center list for Home page - anchors/links */
    text-decoration:none;
    font-size:14pt;
    margin-left:3px;
}

/* 1730 Begin - Thank You page division tags */
div.thankyou {         /* list for Thank You page - outer div */
    text-align:left;
}

div.thankyou div {     /* list for Thank You page - inner div */
    margin:0 auto;
}

div.thankyou li {      /* list for Thank You page - list item */
    list-style-image:url("/images/site/bullet.gif");
    text-align:left;
    font-size:10pt;
    margin-left:20px;
    margin-bottom:7px;
    margin-right:30px;
    color:#2D63AB;      /* ABC Blue */
}
/* 1730 End */

table.outofstock  {  /* Out of stock page's form table */
    border-style:none;
}

table.outofstock td {  /* Out of stock page's form table row */
    padding:0px 4px 32px 4px;
}

table.NOBORD td {  /* for border-less table cells on home page - 1709 */
    text-align:center;
}

.BORD_TBOX {			/* Create border on Text Boxes */
	border-color:#666666;
	border-style:solid;
	background-color:White;   
	border-width: 2px 1px 1px 2px;
	margin:0;
	padding-left:4px;
}

.BORD_BUTTON {			/* Create border on Button */
	border-color:#666666;
/* 2010-08-24 === border-style:groove double; /* */
	border-style:solid;  /* 2010-08-24 */
	border-width:1px;   /*changed from 0px 2px 2px 0px 11-8-07 kds */
/* 2010-07-27 11:46 *** margin:0 2 2 0; /* 1709 */
	margin:0px 2px;                     /* 1709 2010-07-27 11:46*/
	padding:2px;
}

.BORD_NONE {			/* Create border of nothing around object */
	/*2011-12-12===border: none; */
	border-style:none;          /* 2011-12-12 */
	border-collapse:collapse;   /* 2011-12-12 */
}

.WHITE_BORD_BUTTON {			/* Create white border on Button */
	border-style: outset;
	border-width: 2px 2px 2px 2px; 
	margin:0;
	padding:1px;
}

table.BORD_TB td {			/* Features table - Define all cell borders */
 	border-color:#999999;
	border-style:solid;
	border-width:0 1px 0 1px;  /* 2007-09-19 */
 	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	text-align:center;    /* 1709 */
}

table.BORD_TB td.BORD_LR {	/* Define borders for Left & Right cells (cascades over prior def.) */
	border-width:0;  /* 2007-09-19 */
	padding-left:0;
	padding-right:0;
}

.BORD_T {			/* Create border on TOP of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 0 0 0;
	margin:0;
	padding:4px;
}

.BORD_TBL {			/* Create border on TOP, BOTTOM, and LEFT of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 0 1px 1px;
	margin:0;
	padding:4px;
}

.BORD_TRL {			/* Create border on TOP, RIGHT, and LEFT of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 0 1px;
	margin:0;
	padding:4px;
}

.BORD_TL {			/* Create border on TOP and LEFT of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 0 0 1px;
	margin:0;
	padding:4px;
}

.BORD_TR {			/* Create border on TOP and RIGHT of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 0 0;
	margin:0;
	padding:4px;
}

.BORD_TRB {			/* Create border on TOP, RIGHT, and BOTTOM of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 1px 0;
	margin:0;
	padding:4px;
}

.BORD_TB {			/* Create border on TOP and BOTTOM of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 0 1px 0;
	margin:0;
	padding:4px;
}

.BORD_L {			/* Create border on LEFT of table, row, or cell */
	margin:0;
	padding:4px;
}

.BORD_R {			/* Create border on RIGHT of table, row, or cell */
	margin:0;
	padding:4px;
}

.BORD_ALL {			/* Create border on ALL sides of table, row, or cell */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	margin:0;
	padding:4px;
}

.BORD_ALL_STD {			/* Create border on ALL sides of element with standard width */
	width:95%;             /* standard main content width - 1708,1709 */
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 1px 1px;
	margin:0;
	padding:4px;
}

.BORD_ALL_CLEAR {       /* Same as BORD_ALL, but w/o color background & borders - 2011-12-09 */
    /*===border-color:transparent; */
	/*===border-style:solid; ===*/
	border-style:none;
	border-collapse:collapse;
	/*===border-width: 1px 1px 1px 1px; ===*/
	/*===border-width: 0px; */
	margin:0px;
	padding:5px;
}

DIV.PopUpDiv {      /* Popup Division attributes */
    margin-top:20px;
    margin-left:20px;
}

DIV.MainDiv {      /* Main display area division */
    margin:6px 10px 6px 6px;  /* top right bottom left */
}

DIV.TestimDiv a {	/* 2011-05-24 Testimonial on Home Page - anchors/links */
    	color:#2D63AB;   	/* ABC Blue */
	text-decoration:none;
}

DIV.TestimDiv a:hover {	/* 2011-05-24 Testimonial on Home Page - hover */
	color:red;      
	text-decoration:underline;
}

DIV.TestimDiv div a {		/* 2011-05-24 Testimonial on Home Page - inner div anchors */
	font-style:italic;
	text-decoration:underline;
	color:#2D63AB;   	/* ABC Blue */
}

.PopUpClsBtn {      /* Popup Close Button attributes */
    border-color:Black;
    border-style:solid;
    border-width:thin;
}
	
.ABCTitle { /* Title text style for HTML pages */
	color:#CE3331;		/* ABC Red */
	font-weight:bold;
	font-size:12pt;         /* 2007-08-08 */
	vertical-align:middle;  /* 2007-06-13 */
}

.TblTitle { /* Table title text style */
	color:white;
	background-color:#2D63AB;       /* ABC Blue */
	font-weight:bold;
}
	
.TblTitle2 { /* Table title text style #2 - used by addrbook.asp */
	color:white;
	background-color:#2D63AB;       /* ABC Blue */
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:3px 0px 3px 0px;
}
	
.SecLbl { /* Section label style for HTML pages */
	color:#2D63AB;		/* ABC Blue */
	font-weight:bold;
}
		
.BeBold { /* Span style for emphasized text in HTML pages */
	color:black;
	font-weight:bold;
}
		
.BeBold2 { /* Span style for emphasized text with italics in HTML pages */
	color:black;
	font-weight:bold;
	font-style:italic;
}

.BeJustBold { /* bold only font-weight - 110105 */
    font-weight:bold;
}

.Be_Hidden { /* generic display none class - 1861 */
	display:none;
}

.Be_Seen { /* generic inline display class - 1861 */
    display:inline;
}
		
td.spacer {		/* spacer table cell class for NavBar table display */
	width:3px;
}

td.toplink {	/* Nav Bar top link block widths */
	width:250px;        /* required for Firefox */
	padding-left:12px;  /* 1522 adjusted for Firefox 3.0 */
	padding-right:12px; /* 1522 adjusted for Firefox 3.0 */
}

td.toplink a { /* Nav Bar top link attributes */
    text-decoration:none;
}

table.MOAD_TBL {   /* Addresses tables on modify_addresses.asp */
	width:100%;    /* width:540px;  */
	border-collapse:collapse;
	border-spacing:0px;
}

table.ADBK_TBL {   /* Addresses tables on addrbook.asp */
	width:100%;    /* width:540px;  */
	border-collapse:collapse;
	border-spacing:0px;
}

tr.ADBK_ROW {   /* Addresses table rows on addrbook.asp */
    text-align:left;
}

.ADBK_C1 {    /* Addresses table column #1 on addrbook.asp: radio button column */
    width:10%;
    vertical-align:middle;
    text-align:center;
    border-color:#999999;    
	border-style:solid;
	border-width: 0px 0px 1px 1px;  /* bottom & left border */
}

.ADBK_C2 {    /* Addresses table column #2 on addrbook.asp: CTM#/Links column */
    width:25%;
    border-color:#999999;    
	border-style:solid;
	border-width: 0px 0px 1px 0px;  /* bottom border */
}

.ADBK_C3 {    /* Addresses table column #3 on addrbook.asp: address column */
    width:65%;
    border-color:#999999;    
	border-style:solid;
	border-width: 0px 1px 1px 0px;  /* right & bottom border */
}

div.CatDL {  /* Catalog Download division - 1647 */
}

div.CatLnk {    /* Link image division for the Dirxion catalog display - 1647 */
    float:right;
    padding-left:2px;
	padding-right:0px;
	padding-bottom:2px;
	z-index:1;      /* 1708 Puts header elements in foreground */
}

td.tdCRcol1 {   /* Catalog Request column #1 of inputs table - 1697 */
    width:170px;
}

td.tdUNScol1 {   /* Unsubscribe page column 1 - 1861 */
    padding-left:100px;
    width:110px;
}

.UNS {        /* Unsubscribe page indentation - 110105 */
    margin-left:100px;
}

.AcctFormDiv {    /* Account page div - 1861 */
    display:block;
}

.AcctRow {     /* Account page row - 1861 */
    display:block;
    margin:2px 0px 0px 0px;
}

.AcctCbx {     /* Account page checkbox - 1861 */
    display:inline;
    margin:5px 5px 0px 0px;
}

.AcctCbxRow {     /* Account page checkbox row - 1861 */
    display:block;
    margin:5px 0px 0px 0px;
}

.AcctCol1 {     /* Account page column #1 - 1861 */
    display:inline;
    float:left;
    clear:left;
    width:285px;
}

.AcctBtns {       /* Account page, button links - 1861 */
    display:block;
    position:relative;
}

span.CCtext {   /* Center Content text spans - 1697 */
    padding-right:5px;
}

div.std_list {   /* division for a standard list - 1697 */
    position:relative;
}

div.std_list ol {  /* numbered list formats - 1697 */
    margin-left:6px;
}

div.std_list ol li {  /* numbered list item formats - 1697 */
    position:relative;
    list-style-position:inside;
    overflow:visible;
    margin-bottom:10px;
    text-indent:-18px;
    margin-left:12px;
}

span.err {  /* error text for forms, etc. - 1697 */
    color:#CE3331;      /* ABC Red */
	font-family:Arial;
	font-size:9pt;
	font-style:normal;
}

.msg {  /* message text for forms, etc. - 1861 */
    color:#CE3331;      /* ABC Red */
	font-family:Arial;
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
}

a.login {          /* 1708 "Sign In" and "Sign Out" link attributes (was an "id") - 2010-06-10 10:08 */
    position:absolute;   /* */
    top:42px;            /* 2011-07-25 */
    left:325px;          /* 2011-08-04 */
 	font-family:Arial;   /* */
 	font-size:11pt;      /* 2010-06-17  was 10pt*/
    font-weight:bold;    /* 2010-06-17 */
}                        /* */

a.logacct {     /* 1708 "Create New Account" or "My Account" link attributes (was an "id") - 2010-06-10 09:57 */
    position:absolute;
    top:42px;            /* 2011-07-25 */     
    left:405px;          /* 2011-08-04 */
	font-family:Arial;
 	font-size:11pt;      /* 2010-06-17  was 10pt*/
    font-weight:bold;    /* 2010-06-17 */
}

img.Rfloat {  /* right float image class - 1709 */
    float:right;
}

/* vvv REC 1709 - class attributes for the dropdowns vvv */

div.NavDiv {   /* NavBar - Horizontal Navigation Bar */
    position:relative;      /* 2010-06-03 13:40 */
    width:inherit;  /* */
    height:34px;            /* (match with ul.main_nav height) 2010-06-10 09:40 */
    z-index:2;              /* Note: this enable dropdowns to display over lower content */
    background-image :url("/images/site/horizontalbar2.png");  /* 2011-07-13 */
    background-repeat:no-repeat;                              /* commented out on 2010-06-03 13:23 */
    background-position:top left;   /* (IE6 needs this) */         /* commented out on 2010-06-03 13:23 */
}

div.NavDiv div {  /* NavBar DIV contains the dropdowns, but NOT the background image */
    padding-top:2px;    /* to put dropdowns under the top image border - 2010-07-12 13:41 */
    height:32px;        /* 2010-07-12 17:01 */
}

ul.main_nav {
    position:relative;
    margin: 0 auto;     /* */
    width:inherit;   /* post-1708 - shifts dropdowns to the left */
}

ul.main_nav li {
    background-color : transparent;   /* to see Horizontal background image */
    border-left: 1px solid white;
    float: left;
    position: relative;
    text-align: center;
    font-weight:normal;		/* 2011-07-25 */
    cursor: pointer;            /* 2010-05-05 13:17 */
    height:31px;   /* this fixes Issue #11 (dropdown flare out for IE7) 2010-07-13 16:42 */
}

ul.main_nav li.first {  /* Left-most cell on the NavBar */
    border-left: 0px;
}

ul.main_nav li.last {     /* for the right-most cell on the NavBar */
    border-right: none;   /* 2010-05-05 12:55 */
}

ul.main_nav li a.oneline {     /* to vertically center single line displays on the NavBar */
    padding-top:7px;
}

ul.main_nav li a {
    color: #FFFFFF;
    width: 158px;          /* defines size of the dropdowns */
    padding: 2px 0px 0px 2px; /* 2 0 0 2 */
    text-decoration: none;
    display: block;
}

ul.main_nav li a:visited {   /* (this fixes text in dropdowns for IE6) - 2010-05-05 12:35 */
    color: #FFFFFF;  /* 2010-05-05 10:48 */
}

ul.main_nav li a:hover {
    color:white;	/* 2011-07-25 */
}

/* ^^^ Part#1 ^^^ --- vvv Part #2 vvv --- (REC 1709) */

ul.main_nav li ul.sub_nav {
    position: absolute;
    top: 100%;
    display: none;		/*initially hide sub menu */
}

ul.main_nav li:hover > ul {
    display: block;		/* show on hover, javascript disabled */
    max-width:160px;    /* 2010-07-13 13:08 (keeps IE7 dropdowns from going to the right) */
}

ul.main_nav li ul.sub_nav li 
{
    left:-1px;          /* for a border-less dropdown appearance - 2010-07-12 14:56 */
    background-color: #448BEA;	/* 2011-07-25 */
    padding-top:0px;		/* 2011-07-25 */
    padding-bottom:0px;      	/* 2011-07-25 */
    /*border-top: 1px solid white;	2011-07-25 
    border-left: none;
    border-right:none;*/
    border:none;		/* 2011-07-25 */
    text-align: left;
    vertical-align: middle;
    height:auto;                 /* 2010-07-21 08:37 */
    min-height:17px;             /* 2010-07-21 08:44 */
    width:161px;   /* this makes the last dropdown to be flush with the RColBorder */
}

ul.main_nav li.last ul.sub_nav li {
    border-right: none;   
    display:block;        /* 2010-07-13 11:06 */
    max-width:160px;      /* 2010-07-13 13:56 (keeps IE7 dropdowns from going to the right) */
}

ul.main_nav li ul.sub_nav li a {
    color: white;
    font-size:8pt;      /* 2011-10-20 */
/***font-size:9pt;      /* 2011-07-25 - was 7.75pt */
    font-style: normal;
    padding-top:1px;	/* 2011-07-25 */
    padding-bottom:1px;	/* 2011-07-25 */
    width:153px;        /* 2011-10-04 - width of content */
    padding-left:5px;   /* 2011-10-04 - +5px to get a 3px left padding */
}

ul.main_nav li ul.sub_nav li a:hover {
    color: black;    	/* 2011-07-25 */
    background:#F8DE3F;	/* 2011-07-25 */
    padding-right:3px;  /* 2011-10-04 */
}

.FootImgBBB { /* spacing buffer attributes for BBB footer image - 2015 */
    display:inline;
    position:relative;
    margin-right:30px;
}

.FootImgPP { /* spacing buffer attributes for PayPal footer image - 2015 */
    display:inline;
    position:relative;
    bottom:7px;
}

.FootImgVrSgn { /* spacing buffer attributes for VeriSign footer image - 2015 */
    display:inline;
    position:relative;
    top:10px;
    margin-left:30px;
}

.FootImgPad { /* padding for some footer images - 2015 */
    display:inline;
    position:relative;
    bottom:5px;
}

/* ^^^ REC 1709 - class attributes for the dropdowns ^^^ */

/* vvv Web Updates, 2011-06-14 vvv */

.QOtd1 { /* Quick Order Entry, Item Number table column */
    width:135px;
    text-align:left;
}

.QOtd2 { /* Quick Order Entry, Quantity table column */
    width:60px;
    text-align:left;
    border-style:solid;
    border-color:white;
    border-right-width:5px;
}

.QOtd3 { /* Quick Order Entry, Description table column */
    width:480px;
    text-align:left;
    border-style:solid;
    border-color:white;
    border-left-width:3px;
}

.QOtd3 span { /* Quick Order Entry, item description span - 2011-07-06 */
    font-size:9pt;
}

.LtGray { /* light gray bacground color */
    background-color:LightGrey;
}

.bgVryLtGray { /* very light gray background color - 2011-12-09 */
    background-color:#eeeeee;
}

.bgVryLtBlue { /* very light blue background color - 2011-12-09 */
    background-color:#e4ebff;
}

.staticText td a:hover { /* Don't change anchor link text color - 2011-12-12 */
    color:#2D63AB;       /* ABC Blue */
}

.dd_bot {  /* Bottom dropdown attributes - 2011-10-03*/
    margin-bottom:3px;
}

/* ^^^ Web Updates, 2011-06-14 ^^^ */

/* ^^^ Class style definitions ^^^ */
/***********************************/

/* vvv ID style definitions vvv */
#bodyatts {              /* 2007-09-05 - centered page display updates */
    color:Black;
    overflow:visible !Important;      /* REQUIRED for Firefox printing! - 2007-11-13 */
    overflow:auto;          /* was in ABC_styles_IE.css as "scroll" -2010-07-14 09:29 */
    text-align:center;      /* 2007-09-05 */
    background-color:White;
}

#allsite {               /* 2007-09-05 - centered page display updates */
	display:block;
	width:996px;             /* 2010-07-13 09:51 - 1708 */
    text-align:left;         /* 2007-09-05 */
    margin:0px auto;         /* 2007-09-05 */
}

div#GapOverHeader {   /* 2011-08-04  Gap (white space) above header */
    padding-top:6px;	    	/*  */
}

div#header {   /* header division attributes  */
        position:relative;
	display:block;
        height:104px;        /* 2011-08-04 */
	margin-bottom:0px;   /* 2007-11-06 */
}
	
div#GapUnderHeader {   /* 2011-08-04  white space under header */
    padding-top:6px;	    	/*  */
}

div#BtmInfo { /* Bottom division with server and global variable information */
    clear:both;          /* keeps bottom info on the bottom */
	display:block;
	width:970px;     /* addresses scroll & width issues for test sites - 2010-07-14 10:16 */
}

/* 2011-08-04 Removed */
/* div#LHdr {     /* Left Header Division (ABC logo with anchor) */
/*     position:absolute; /* 1522 */
/*     left:0px;		*/
/*     width:161px;       /* width of LHdr image - 2010-07-12 08:40 */
/*     z-index:1;         /* 1522 Puts header elements in foreground */
/* }  */

/* 2011-08-04 Removed */
/* div#RHdr {	    /* Right Header Division (login & shopping bag divisions) */
/*     left:161px;        /* 2010-07-12 11:51 */
/*     height:100%;       /* 1522 Helps vertical placement for Firefox */
/*     width:831px;       /* width of RHdr image - 2010-07-12 08:46  */
/*     z-index:1;         /* 1522 Puts header elements in foreground */
/* }  */

/* 2011-08-04 Removed */
/* img#RHdrImg {  /* Right Header background image */
/*     z-index:-1;  /* put image into the background  2007-09-07 */
/* } */

img#NavBarImg {  /* Nav Bar background image */
    z-index:-1;  /* put image into the background  2007-09-14 */
    width:100%;  /* 2011-07-13 */
}

div#Main {
    display:block;      /* display & clear properties keep main below header */
    height:100%;          /* 2010-05-04 16:14 - (IE needs this.) */
    clear:both;           /* 2010-05-06 15:54 */
}

div#HelpLeftCol {		/* Left Help Column - for various *.html files */
/*	width:275px;  (pre-REC 1708) */
	width:375px;        /* 1708 */
	clear:left;        /* 2010-05-04 09:46 */
}

div#HelpRightCol {		/* Right Help Column - for Help.html */
/*	width:275px;  (pre-REC 1708) */
	width:375px;        /* 1708 */
	float:left;        /* 2010-05-04 09:44 */
}

div#SiteMapCol {		/* 2011-05-24 Site Map Column */
	width:49%;        	/* Allow for two columns */
	float:left;        
}

div#SiteMapCol div {		/* 2011-05-24 Site Map Column inner div*/
	text-decoration:underline;
}

div#SiteMapCol p a {		/* 2011-05-24 Site Map Column inner Paragraph */
    	font-weight:bolder;
    	font-size:10pt;
	color:#2D63AB;   	/* ABC Blue */
}

div#SiteMapCol a {       	/* 2011-05-24 Site Map Column - anchors/links */
    	color:black;
	text-decoration:none;
    	font-size:10pt;
}

div#SiteMapCol a:hover {	/* 2011-05-24 Site Map Column - hover */
	color:red;      
	text-decoration:underline;
}

div#LCol {		/* Left Column */
    float:left;
	width:188px;	/* 2011-07-13 */
	background-color: #9FA1A4;   /* ABC Gray */
    display:block;
}

div#RCol {		/* Right Column */
    float:left;     /* 2010-05-04 */
	display:block;
/* 1708	width:574px;	/* width of main content area */
/* 1709 width:794px;	/* width of main content area - 1708 */
/* 2011-07-21 === width:804px;	/* 2011-07-13 */
/* #1 === width:794px;	/* 2011-07-21 */
	width:808px;	/* 2011-07-21 */
/***background-color:Aqua;   /* for TESTING */
    background-color:White;
}

div#RColRBorder { /* Right Column's Right Border */
/* 2011-07-21 === float:left;         /* 2010-05-04 */
    float:right;         /* 2011-07-21 */
    display:block;
    border-right:solid 2px #2D63AB;
    min-height:850px;        /* (note need for "overflow" w/ FF) */
    height:auto !Important;  /* 2010-05-04 16:37 */
    height:892px;            /* 2010-05-04 16:37 */
    overflow:hidden;    /* keeps Blue Bar working in FF when min-height defined! */
    margin-top:6px;    /* 2001-07-13 */
}

td#TblLeadGap { /* used by the gray NavBar */
    width:4px;
}

td#TblTailGap { /* used by the gray NavBar */
    width:24px;
}

div#LSym {				/* Division for Symbol displays in the LCol (Blue Bar) division */
	background-color: #2D63AB;   
    	border-left:solid 2px #2D63AB;
    	color:white;
	font-family:Arial;
	font-size:8pt;
	display:block;
	padding-top:4px;  /* 8/3/2007 */
}

div#LTgap {   /* top of left column (Blue Bar) gap */
    font-size:4px;	/* 2011-07-25 */
}

div#LColGap {		/* left column (Blue Bar) gap above the "top of page" link */
	position:relative;
	width:186px;
	background:white;
	height:3px;
	font-size:3px;      /* needed for IE */
}

div#top {				/* Division for Top Of Page anchor */
	position:relative;
	width:186px;
	background:#2D63AB;    /* ABC Blue */
	color:white;
	text-align:center;  /* 2007-09-20 */
	font-family:Arial;
	font-size:8pt;
	display:block;
	padding-top:2px;
	padding-bottom:4px;
}

div#top a {             /* Top Of Page anchor */
    color:White;
}

div#MenuTree {				/* Division for Product Hierarchy Menu Tree */
    cursor:default;
    padding-bottom:5px;   /* 8/9/2007 */
}

#ADBK_CONTIN_BTN {		/* Continue Check-out Button on addrbook.asp page */
    position:relative;
    top:-25px;          /* bring up to be horizontal with Add New Address button */
	border-color:#666666;
	border-style:groove double;
	border-width:1px;   /*changed from 0px 2px 2px 0px 11-8-07 kds */
	margin:0px 2px -12px 200px;     /* pre-071205: 0 2 2 0; */
	padding:2px;
}
		
#PgCnt {		    /* Page Center (Center Content Area) */
	display:block;
    font-family:Arial;
/* 2011-07-21 === margin-top:32px;     /* 1708 */
/* 2011-07-21 === margin-left:32px;    /* 1708 */
/* 2011-07-21 === margin-right:22px;   /* 1708 */
	padding-top:32px;     /* 2011-07-21 */
	padding-left:32px;    /* 2011-07-21 */
	padding-right:22px;   /* 2011-07-21 */
/* #1 === width:806px;                        /* 2011-07-21 */
/* #2 === width:790px;                        /* 2011-07-21 */
/* #3 === width:780px;                        /* 2011-07-21 */
/* #4 === width:760px;                        /* 2011-07-21 */
/* #5 === width:750px;                        /* 2011-07-21 */
	width:748px;                        /* 2011-07-21 */
	border-right:solid 2px #2D63AB;     /* 2011-07-21 */
	/* Note: total DIV's width = DIV's CSS width + padding widths + border widths + margin widths.     */
	/*       So if you change one of these width values, then at least one other width value MUST      */
	/*       also change to keep the right-border aligned with the right edge of the header!           */
}
    
#PgCnt TD {		    /* Table Data definition */
    font-family:Arial;
    font-size:9pt;
}

#PgCnt TD div {		    /* 2011-05-24 Table Data with div definition */
    font-family:Arial;
    font-size:11pt;
    font-weight:bolder;
}

#PgCnt P {		    /* Paragraph definition */
    font-family:Arial;
}
    
#PgCntFoot {	/* Footer of the Center Content Area */
	text-align:center;
    padding-top:30px;   /* REC 1499 */
    clear:both;         /* REC 1709 */
}

#PgCntFoot a {	/* Anchors of the Footer below the Center Content Area */
	font-size:7pt;
	font-weight:bolder;
}

div#FootImg { /* Footer images - REC 1499 */
    margin-bottom:20px;
}
  
table#NavBarTbl {	/* Nav Bar table */
	position:relative;
	display:block;
	color:white;
	border-collapse:collapse;
}

table#NavBarTbl tr {	/* Nav Bar table row */
	height:24px;
}

table#NavBarTbl td {	/* Nav Bar table cell */
	text-align:center;
	padding-top:7px;   /* 2010-05-03 */
}

table#NavBarTbl a {	/* Nav Bar table link anchor */
	color:White;
	font-size:10pt;
	font-weight:bolder;
}

table#NavBarTbl a:hover {	/* Nav Bar table link anchor - hover */
	color:Red;
}

.CRcol2def {    /* Catalog Request column #2 of inputs table (default) - 1697 */
    width:250px;
}

.CRcol2zip {    /* Catalog Request column #2 of inputs table (zip & state) - 1697 */
    width:150px;
}

.CRcol2tel {    /* Catalog Request column #2 of inputs table (telephone & question) - 1697 */
    width:200px;
}

div#LSdiv {     /* Search division - 2011-07-13 */
    position:relative;
    background-image :url("/images/site/Search-Box.png"); 
    background-repeat:no-repeat;  
    margin-bottom:-6px;
    height:57px;
    z-index:1;               /* 2011-07-13 */
}

input#LStbx {     /* Search textbox */
	position:relative;
	top:32px;                /* 2011-07-13 */
	left:10px;                /* 2011-07-13 */
        color:#2D63AB;           /* 8/03/2007 ABC Blue */
	font-size:10pt;          /* 8/03/2007 */
	width:160px;             /* 2011-07-13 */
	border-style:none;       /* *2007-09-27* border:solid 1px black;  /* 8/03/2007 */
	padding-left:4px;        /* 8/13/2007 */
	z-index:2;               /* 2011-07-13 */
}

input#LSbtn {  /* Search "GO" button */
    	position:absolute;
    	top:6px;      /* 2011-07-25 */
    	left:140px;   /* 2011-07-25 */
	z-index:2;    /* 2011-07-13 */
}

#logdiv {		/* Login division in header */
}              /* */

#logcbx {           /* "Remember Me" checkbox attributes */
    height:16px;
    width:16px;
}

#logrem {           /* "Remember Me" link attributes */
    color:Black;
    white-space:nowrap;
}

#logfgt {           /* "Forgot Password" link attributes */
    color:Black;
    white-space:nowrap;
}

#logacct:hover {    /* 1708 Underlines the "Create New Account" or "My Account" link on hover */
	text-decoration:underline;
}

#login:hover {    /* 1708 Underlines the "Sign In" link on hover */
	text-decoration:underline;
}

div#MyCart {		/* "My Shopping Cart" division */
	position:absolute;  /* 8/03/2007 */  /* **8/3/2007** display:inline; */
	top:12px;           /* 1708 */
	left:671px;	    /* 2011-08-04 */
/* 2011-07-01===width:138px; 
/* 2011-07-01===height:40px;	    /* 1708 */
	background-color:Transparent; /* */
	/* border-style:solid;  /* */
}

/* 2011-07-01===a#NavCart {		/* My Shopping Cart link */
/* 2011-07-01===    background-color:transparent; /* */
/* 2011-07-01===}   */

a#TopOfPage {     /* TopOfPage anchor */
    background-color:Transparent;
}

/* 2011-07-01===div#cart_info {	/* Shopping cart information label: ordered item & sample counts */
/* 2011-07-01===	position:absolute;      /* 8/03/2007 */  /* **8/3/2007** display:inline; */
/* 2011-07-01===	height:24px;    */
/* 2011-07-01===	color:#2D63AB;          /* 1708 ABC Blue */
/* 2011-07-01===	background:transparent; /* *2007-09-27* background:white;    /* */
/* 2011-07-01===	border-style:none;      /* *2007-09-27* border-style:solid;  /* */
/* 2011-07-01===    text-align:left;    */
/* 2011-07-01===	display:block;    */
/* 2011-07-01===}    */
	  
label#cart_label {   /* Shopping cart contents summary label (# items, #samples) */
    position:absolute;    /* 1708 */
/***top:7px;    	      /* 1708, 2011-06-02 */
    top:24px;    	      /* 2011-07-25 */
/***left:52px;            /* 1708, 2011-06-02 */
    left:82px;            /* 2011-07-25 */
	color:#2D63AB;        /* 1708 ABC Blue */
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;     /* 1708 */
/***text-align:left; ***/
	text-align:center;      /* 2010-06-02 */
	z-index:1;            /* 2007-09-27 */
}
	  
#cobtn {            /* Check-out button */
	position:absolute;	/* 1708 */
/***left:205px;  		/* 1708 */
	left:177px;  		/* 1708,2011-06-02 */
/***top:3px;    	    /* 1708,2011-06-02 */
	top:20px;    	    /* 2011-07-25 */
}

#GrtTxt {		/* Greeting text (after login) */
    position:absolute;  /* 8/03/2007 */
    top:18px;           /* 2011-07-25 */
    left:283px;         /* 2011-08-04 */
    color:Black;      	/* 1708 */
    font-weight:bold;   /* 8/03/2007 */
    white-space:nowrap; /* 1522 */
}

#GrtTxt3 {		/* Greeting text (before login, with or without login cookie) */
    position:absolute; 
    top:18px;           /* 2011-07-25 */
    left:283px;         /* 2011-08-04 */;
    color:#2D63AB;      /* ABC Blue */
    font-weight:bold;
    white-space:nowrap; /* 1522 */
}

div#HdrLinks {		/* Links in header division */
	position:absolute;  
	top:70px;           
	left:671px;	/* 2011-08-04 */    
	width:138px; 
	height:40px;	    
	background-color:Transparent; 
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

#cusbtn {            /* 1708 Contact Us button in header */
	position:absolute;	/* 1708 */
/***left:1px;  		    /* 1708 */
	left:-405px;  		/* 2011-07-25 */
	top:2px;            	/* 2011-07-25 */
    }

#qobtn {            /* 1708 Quick Order button in header */
	position:absolute;	/* 1708 */
/***left:110px;  		/* 1708 */
	left:-296px;  		/* 2011-07-25 */
	top:2px;            	/* 2011-07-25 */
}

#faqbtn {           /* FAQ button in header  - 2011-06-02 */
	position:absolute;
	left:-172px;  		/* 2011-07-25 */
	top:2px;            	/* 2011-07-25 */
}

div#divCRhi {   /* Catalog Request high division attributes - 1697 */
    text-align:center;
    margin-left:150px;         /* 110104 - catalogs to catalog update */
}

div#divCRhi td {   /* Catalog Request high division table cell attributes - 1697 */
    width:190px;
    text-align:center;
}

div#divCRhi p {   /* Catalog Request high division paragraph attributes - 1697 */
    font-size:11pt;
    font-weight:bold;
    margin-bottom:8px;
}

/* NOTE: the two div classes: divCRloff & divCRlon are both needed to support the
         feature of hiding the lower inputs until one of the catalog type checkboxes
         has been selected. The "off" div is used for the initial page and the 
         "on" div is used to re-display the entire pages after input errors.
*/
div#divCRloff {  /* Catalog Request low division attributes (OFF) - 1697 */
    display:none;       /* initial CR form display - hide lower area */
}

div#divCRlon {  /* Catalog Request low division attributes (ON) - 1697 */
    display:inline;   /* submitted CR form with input errors - display lower area */
}

div#divCRloff, div#divCRlon tr {  /* Catalog Request low division table row attributes - 1697 */
    height:auto;
    vertical-align:text-top;
}

div#divCRloff, div#divCRlon select { /* Catalog Request low division select attributes - 1697 */
    min-width:130px;
}

div#divCRloff, div#divCRlon span { /* Catalog Request low division span attributes - 1697 */
    font-style:italic;
}

div#AcctAddr {  /* Address inputs DIV for the My Account Information page - 1861 */
}

/* 1709 === div#divCRloff, div#divCRlon input[type="submit"] {  /* Catalog Request low division submit input - 1697 */
/* 1709 === margin-top:18px;    /* 2010-07-27 12:32 - 1709 */
/* 1709 === margin-bottom:18px; /* 2010-07-27 12:32 - 1709 */
/* 1709 === }                   /* 2010-07-27 12:32 - 1709 */

/* 1861 Begin - Unsubscribe page tags */
div#divUNShi {   /* Unsubscribe high division attributes */
    text-align:left;
    margin-left:100px;
}

div#divUNShi td {   /* Unsubscribe high division table cell attributes */
    vertical-align:top;
}

div#divUNShi span {   /* Unsubscribe high division span attributes */
    font-weight:bold;
    margin-bottom:8px;
}

div#divUNSlow {  /* Unsubscribe low division attributes */
    text-align:left;
    margin-left:100px;
    display:inline;   /* submitted form with input errors */
}

div#divUNSlow tr {  /* Unsubscribe low division table row attributes */
    height:auto;
    vertical-align:text-top;
}

div#divUNSlow select { /* Unsubscribe low division select attributes */
    min-width:130px;
}
/* 1861 End - Unsubscribe page tags */

table#POtbl {    /* table styles for the PayOnline page - 1709 */
    border:none;
    vertical-align:top;
}

table#POtbl td { /* table row styles for the PayOnline page - 1709 */
    height:22px;
}

table#CCtbl {    /* table styles for the crdtcard page - 1709 */
    border:none;
}

td#CCtd1 {       /* table column #1 for the crdtcard page - 1709 */
    text-align:left;
    vertical-align:top;
    height:22px;
    width:130px;
}

td#CCtd2 {       /* table column #2 for the crdtcard page - 1709 */
    text-align:left;
    height:22px;
    width:auto;
}

table#ADRtbl {    /* table styles for various pages that update address data - 1709 */
    border:none;
}

td#ADRtd1 {       /* table column #1 for the update address forms - 1709 */
    text-align:left;
    vertical-align:top;
    height:22px;
    width:290px;
}

td#ADRtd2 {       /* table column #2 for the update address forms - 1709 */
    text-align:left;
    height:22px;
    width:auto;
}

/* vvv REC 1709 - id attributes for the dropdowns vvv */

#wrapper {
    display:block;
    position:relative;   /* 2010-05-03 */
    left:0px;            /* 2010-05-03 */
    z-index:2;           /* 2010-05-04 10:25 */
}

iframe#basket 
{
    position:absolute;
    left:565px;
    top:217px;
    width:100px;
    height:30px;
    background-color:Transparent;
    z-index:1;
}

/* ^^^ REC 1709 - id attributes for the dropdowns ^^^ */

input#AddCartBtn {  /* 2011-05-24 Add to Cart button image */
    position:relative;
    margin-bottom:-7px;
}

input#SampleBtn {  /* 2011-05-24 Free Sample button image */
    position:relative;
    margin-bottom:-9px;
}

/* ^^^ ID style definitions ^^^ */

/* ABC_styles.css - end of file ============================================ */