/* Elements */
body
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
   background-color: #ffffff;
   border: 0;
   margin: 0;
   padding: 0;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   color: #000000;
}
td
{
/* forces table cells to match font size */
   font-size: 11px;
}
a 
{
   color: #0077BF;
   text-decoration: underline;
}
p
{
   font-size: 11px;
}
input, select, textarea
{
   color: #993300;
   padding:1px;
   font-size: 11px;
   font-family: Arial, Helvetica, Sans-Serif;
}

/* Element Selectors */
a:visited
{
   color: #D61042;
   text-decoration: underline;
}
a:hover 
{
   color: #0077bf;
   text-decoration: none;
}
a.orange 
{
   font-size: 11px;
   color: #3885a0;
   text-decoration: none;
   font-weight: bold;
}
a.orange:hover 
{
   font-size: 11px;
   color: #3885a0;
   text-decoration: underline;
   font-weight: bold;
}
img.borderImage 
{
   border-color: #CCCCCC;
}

/* Element IDs */
div#siteContainer
{
   width: 841px;
}
div#headerTop
{
   height: 54px;
   background-color: #000000;
   text-align: right;
   width: 833px;
   padding-top: 8px;
   padding-right: 8px;
}
div#headerBottom
{
   height: 60px;
   background-color: #ffffff;
   width: 100%;
   background-image: url('../assets/images/HARTE/company_r2_c22.gif');
   background-repeat: repeat;
}
div#navigation
{
   height: 18px;
   width: 798px;
   background-color: #ffffff;
   padding-left: 16px;
   padding-right: 16px;
   border-top: solid 1px #000000;
   margin-left: 11px;
   border-bottom: solid 1px #7aacbd;
   padding-top: 4px;
}
div#navigation ul
{
   border: 0;
   margin: auto;
   padding: 0;
   display: block;
   list-style-type: none;
   list-style-image: none;
}
div#navigation ul li
{
   display: inline;
   margin-left: 2px;
}
div#navigation a
{
   font-weight: bold;
   text-decoration: none;
   color: #000000;
}
div#navigation a:hover
{
   text-decoration: underline;
   color: #7aacbd;
}
div#contentArea
{
   margin-left: 11px;
   background-color: #ffffff;
}
hr#topStyleBar
{
   width: 100%;
   height: 18px;
   background-color: #3885a0;
   border: 0;
   margin-top: 16px;
   margin-bottom: 16px;
}
#bottomLinks a, #bottomLinks a:visited 
{
   font-size: 11px;
   color: #007bc5;
}
#bottomLinks a:hover
{
   text-decoration: none;
}

/* Classes */
.leftColumn
{
   width: 142px;
   background-color: #e2edf1;
   padding-left: 25px;
   padding-right: 8px;
   padding-top: 12px;
}
.leftColumn a
{
   font-weight: bold;
   text-decoration: none;
}
.leftColumn a:hover
{
   text-decoration: none;
   color: #7aacbd;
}
.centerColumn
{
}
.rightColumn
{
   width: 16px;
   background-image: url('../assets/images/HARTE/spacer_white.gif');
   background-repeat: repeat-y;
}
.tileLink
{
   color: #000000;
   font-weight: bold;
}
.tileLink:hover
{
   color: #7aacbd;
}
.h1 
{
   width: 100%;
   background-image: url('../assets/images/YOUNG/hdr_1.gif');
   height: 24px;
   font-weight: bold;
   padding-top: 7px;
   padding-bottom: 4px;
   padding-left: 8px;
   font-size: 16px;
}
.tileLinkCurDept
{
   color: #4B6973;
   font-weight: bold;
}
.white
{
   font-size: 14px;
   color: #ffde00;
   font-weight: bold;
   font-family: Arial, Helvetica, Sans-Serif;
}
.pgh
{
   color: #000000; 
   font-weight: bold; 
   font-size: 13pt;
}
.linksMenu a, .linksMenu a:visited, .search_box
{
   float: left;
   border-left: 2px solid #cccccc;
   border-top: 2px solid #cccccc;
   border-right: 2px solid #007bc5;
   border-bottom: 2px solid #ffffff;
   background-color: #9Ec4e2;
   font-size: 11px;
   color: #ffffff;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 188px;
   font-weight: bold;
   text-align: center;    
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   text-transform: uppercase;
}
.linksMenu a:hover
{
   background-color: #ffde00;
   color: #0079c2;
}
.search_input
{
   margin: 4px 4px 8px 4px;
}
.header01, .pgraphhead
{
   font-weight: bold;
}

/* Old elements */
.error
{
   font-size: 8pt;
   background-color: #ffffcc;
   color: #990033
}
.top_nav_welcome 
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #fe1101;
   position: relative;
   top: 6px;
   text-decoration: none;
   font-weight: bold;
}
.top_nav_login 
{
   font-size: 12px;
   color: #000000;
   position: relative;
   top: 6px;
   text-decoration: none;
   font-weight: bold;
}
.top_nav_links 
{
   font-size: 14px;
   color: #000000;
   position: relative;
   top: 0px;
   text-decoration: none;
   font-weight: bold;
}
.order_summary_hdr
{
   font-weight: bold;
   font-size: 10pt;
   background-color: #e5e5e5;
   color: #fe1101;
}
.order_summary_bg
{
   background-color: #ffffff;
   color: #fe1101
}
.under_my_cart_bg
{
   background-color: #ffffff;
}
.store_search
{
   font-weight: bold;
   background-color: #e5e5e5;
}
.warning
{
   font-size: 8pt;
   background-color: #ffffcc;
   color: blue
}
.debug_msg
{
   color: #0033cc;
}
.requiredLabel
{
   font-weight: bold;
   font-size: 12px;
   color: #666666;
}
.optionalLabel
{
   font-size: 12px;
   color: #666666;
}
.adcopyHeader
{
   font-weight: bold;
   font-size: 9pt;
   color: white;
   background-color: #007BC5;
}
.help_menu_bg
{
   background-color: #ffcc66;
}
.tileHeader
{
   font-weight: bold;
   font-size: 9pt;
   color: navy;
   background-color: #fe1101;
}
.productThumbLink
{
   font-size: 12px;
   font-weight: bold;
   color: #666666;
   line-height: 16px;
}
.searchInput
{
   font-weight: normal;
   font-size: 7pt;
}
.basketHeader
{
   font-weight: bold;
   font-size: 12px;
   color: #000066;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #cccccc;
}
.basketItem
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #666666;
}
.basketOdd
{
   background-color: #f2f2f2;
}
.basketEven
{
   background-color: #e6e6e6;
}
.productName
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #000066;
}
.productDescr
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
   line-height: 16px;
}
.productInventoryMsg
{
   font-size: 8pt;
   font-style: italic;
}
.productInvDue
{
   font-weight: normal;
   font-size: 7pt;
   font-style: italic;
}
.productGrid
{
   font-weight: normal;
   font-size: 9pt;
}
.contactText
{
   font-weight: normal;
   font-size: 8pt;
   font-style: italic;
}
.deptText
{
   font-size: 9pt;
}
.preCheckOutLogin
{
   background-color: #99ccff;
}
.orderformOdd
{
   font-size: 10pt;
   background-color: #ffcc66;
}
.orderformEven
{
   font-size: 10pt;
   background-color: #ffffff;
}
.orderform
{
   font-size: 10pt;
}
.input
{
   font-weight: bold;
   font-size: 10px;
   color: white;
   font-style: italic;
   background-color: navy;
}
.topHeaderText
{
   font-size: 8pt;
}
.trackHeader
{
   font-weight: bold;
   font-size: 12px;
   color: navy;
   background-color: #99ccff;
}
.trackPrintHeader
{
   font-weight: bold;
   font-size: 12px;
   color: navy;
}
.trackItem
{
   font-size: 12px;
}
.standardText
{
   font-size: 12px;
}
.nav1 
{
   font-size: 12px;
   line-height: 16px;
}
.nav2 
{
   font-size: 12px;
   background-color: #CCCCCC;
   line-height: 16px;
}
.body1 
{
   font-size: 12px;
   color: #666666;
   line-height: 16px;
}
.body2 
{
   font-size: 12px;
   font-weight: bold;
   color: #666666;
   line-height: 16px;
}
.body3 
{
   font-size: 10px;
   color: #666666;
   line-height: 14px;
}
.body4 
{
   font-size: 12px;
   color: #000000;
   line-height: 16px;
}
.h3 
{
   font-size: 11px;
   font-weight: bold;
   color: #000066;
   background-color: #cccccc;
}