@media print {
* {
color : #000000 !important ;
}
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
background-image: url(Images/Layout-Style/BodyFade.jpg);
background-position: top;
background-repeat: repeat-x;
color: #004800;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
  background-attachment: fixed
}
div#Container {
  width: 987px;
}
h1 {
color : #993300;
font-size : 1.2em;
font-weight : bold;
line-height : 1.2em;
text-align : center;
  margin-top: -3px;
  margin-bottom: 0px
}
h2 {
color : #266a51;
font-size : 1.2em;
font-weight : bold;
line-height : 1.2em;
text-align : center;
  margin-top: 0px;
}
h3 {
color : #266a51;
font-size : 1em;
line-height : 1.3em;
  margin-top: 0px;
}
h4 {
color : #266a51;
font-size : 1em;
line-height : 1.3em;
margin-top : 5px;
}

h5, h6 {
color : #266a51;
font-size : 1em;
font-weight : bold;
line-height : 1.3em;
}

.HattersGrn {
color : #266a51;
font-size : 1.2em;
font-weight : bold;
line-height : 1.2em; 
text-align : center;   
  margin-top: 0px; 
}

td, p, li {
color : #333;
font-family: Arial, Helvetica, sans-serif
}
table {
font-family: Arial, Helvetica, sans-serif
}
.FloatLeft {
float : left;
}
.FloatRight {
float : right;
}

.PadSides {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  padding-top: 0px
}
.goBut {
font : 10px Arial;
height : 22px;
width : 46px;
}
.HeaderText {
color : #266a51;
font : bold 16px arial;
}
.imPadLeft {
margin-bottom : 4px;
margin-left : 10px;
margin-top : 4px;
}
.ImPadRight {
margin-bottom : 4px;
margin-right : 10px;
margin-top : 4px;
}
.leftcol {
background : #e0dbc8;
color : #333;
font-weight : normal;
text-align : center;
}
.paddress {
color : #333;
font-size : 1em;
line-height : 1.3em;
}
.PadLeft {
padding-left : 8px;
}
.Padright {
padding-right : 20px;
}
.psmall {
color : #333;
font-size : 0.8em;
line-height : 1em;
}
.QSearch {
font : 10px Arial;
}
.spacer {
font-size : 5px;
}
.spacerTd {
font-size : 8px;
}
.TableHeadderRow {
background : #e0dbc8;
color : #000040;
font-weight : normal;
text-align : center;
}
.toprow {
background : #fafaf1;
border : 0;
color : #666;
}
.toprow2 {
background : #fafaf1;
border : 0;
color : #00f;
}
.toprow3 {
background : #fafaf1;
border : 0;
color : #f00;
}
.whiteTd {
background : #ebe6d2;
color : #000040;
font : 10px arial;
text-align : center;
vertical-align : bottom;
}
#Hammonds h2 {
color : #8d2153;
}
#MainContent {
background : #ebe6d2;
margin-left : 155px;
text-align : center;
width : 825px;
}
#SideBar {
float : left;
padding-left : 8px;
padding-top : 8px;
width : 155px;
}
#Suppliers h2 {
margin-bottom : 0;
margin-top : 0;
}
.ViewHover a:hover {
background : #5e8c7a;
border-color : #666666 #ffffff #ffffff #666666;
border-style : solid;
border-width : 1px;
color : #fff;
display : block;
font : 12px Arial;
font-weight : bold;
padding : 2px 2px 2px 2px;
text-align : center;
text-decoration : none;
width : 90px;
}
.ViewLink a:link, .ViewVisited a:visited, .ViewActive a:active {
background : #e0dbc8;
border-color : #ffffff #666666 #666666 #ffffff;
border-style : solid;
border-width : 1px;
color : #333;
display : block;
font : 12px Arial;
padding : 2px 2px 2px 2px;
text-align : center;
text-decoration : none;
width : 90px;
}
A:hover {
color : #000080;
text-decoration : underline;
}
A:link {
color : #333;
text-decoration : none;
}
A:visited {
color : #800000;
text-decoration : none;
}
.side {
  background-image: url(Images/Layout-Style/MiddleFlash.png);
  background-repeat: repeat-y;
  padding-right: 5px
}

ul {
  margin-bottom: 5px;
  margin-top: -2px;
}
li {
  margin-left: -10px;
}

#SubMenu {
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 20px
}


A.black:Visited {text-decoration: None; color: #004800; font-size: 12px; display: block; }
A.black:Link {text-decoration: None; color: #004800; font-size: 12px; display: block;}
A.black:hover {text-decoration: none; color: #cc0033; font-size: 12px; background-color: #e9e3cd; display: block; }

A.banner:Visited {text-decoration: underline; color: #FFFFFF; font-size: 12px; }
A.banner:Link {text-decoration: underline; color: #ffffff; font-size: 12px;}
A.banner:hover {text-decoration: None; color: #FFFF00; font-size: 12px; }

#scroller1 img, #scroller2 img{
border:0px solid #647369;
}