body {
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  9pt;
  margin:                     0px 0px 0px 0px;
  padding-top:                0px; 
  padding-right:              0px; 
  padding-bottom:             0px; 
  padding-left:               0px;
  background-color:           #FFFFFF;
  scrollbar-arrow-color:      #334488;
  scrollbar-face-color:       #FFFFFF;
  scrollbar-track-color:      #334488;
  scrollbar-3dlight-color:    #7788cc;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-highlight-color:  #5566aa;
  scrollbar-shadow-color:     #FFFFFF;
  background-image: 'images/water.gif';
  background: #E5E5E5;
}

.pad{
padding-left:                    5px;
}

.search {
  background-color:           #5566aa;
  border:	              	  1px solid #bbbbbb;
  border-top:                 0px;
  padding:                    1px;
}

.title {
  background-color:           #334488;
  border:	              	  1px solid #bbbbbb;
  padding:                    3px;
  color:                      #ffffff;
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  8pt;
  font-weight:                bold;
}

.filler {
  color:                      #ffffff;
}

.searchinput {
  background-color:           #5566aa;
  border-top:                 solid 2px #334488;
  border-right:               solid 2px #7788cc;
  border-bottom:              solid 2px #7788cc;
  border-left:                solid 2px #334488;
  color:                      #ffffff;
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  8pt;
  width: 118px;
}

.searchbut {
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 10px;
	background-color: #5566aa;
	color: #eeeeff;
	font-weight: bold;
	padding: 1px;
	margin: 0px;
	border-top: solid 2px #7788cc;
	border-right: solid 2px #334488;
	border-bottom: solid 2px #334488;
	border-left: solid 2px #7788cc
}



.navbar {
  background-color:           #334488;
  background-position:        top;
  color:                      #ffffff;
  font-weight:                bold;
  font-family:                "Arial","Helvetica";
  font-size:                  9pt;
  padding-left:               5px;
  padding-right:              5px;
  padding-top:                2px;
  padding-bottom:             2px;
}

.bar {
  
  color:                      #ffffff;
  font-weight:                bold;
  font-family:                "Arial","Helvetica";
  font-size:                  12px;
  padding-left:               5px;
  padding-right:              5px;
  padding-top:                6px;
  padding-bottom:             2px;
  border-top:                 1px solid #ffffff;
  border-bottom:              1px solid #ffffff;
}

td.mainbar {
  background-color:           #FFFFFF;
  background-position:        top;
  color:                      #334488;
  font-weight:                bold;
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  12px;
  height:                     20px;
}


h1 {
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  12pt;
}

h2 {
  font-family:                "Arial","Helvetica",sans-serif;
  font-size:                  9pt
}

a 
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: underline;
	cursor: pointer;
}

.blacksmall, a.blacksmall {
	color: #000000;
	font-size: 7pt;
	font-weight : normal;
}

.black, a.black {
	text-decoration: underline;
	color: #000000;
	font-size: 8pt;
	font-weight : normal;
}

a.black:hover {
	text-decoration: none;
	font-weight : normal;
	color: #666666;
	font-size: 8pt;
}


.bread, a.bread {
	text-decoration: underline;
	color: #000000;
	font-size: 12px;
	font-weight : bold;
}

a.bread:hover {
	text-decoration: none;
	font-weight : bold;
	color: #666666;
	font-size: 12px;
}

.greysmall, a.greysmall {
	color: #666666;
	font-size: 7pt;
}

a.greysmall:hover {
	color: #FF6600;
	font-size: 7pt;
}


.whitenormal {
	color: #FFFFFF;
	font-size: 8pt;
}

a.whitenormal {
	color: #FFF666;
	font-size: 8pt;
	text-decoration: underline;
	font-weight : bold;
}

a.whitenormal:hover {
	color: #FFF666;
	font-size: 8pt;
	text-decoration: none;
	font-weight : bold;
}


.yellowTitle {
	font-size: 10pt;
	font-weight : bold;
	color: #FFC721;
}

.whiteTitle {
	font-size: 12px;
	font-weight : bold;
	color: #FFFFFF;
	padding-left:               0px;
  padding-right:              5px;
  padding-top:                2px;
  padding-bottom:             2px;

}

.yellow {
	background-color: #FFC721;
	font-size: 11pt;
	font-weight : bold;
	color: #000000;
}

.reddark {
	background-color: #731410;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight : bold;
}

.reddarksmall {
	background-color: #731410;
	font-size: 7pt;
	color: #FFFFFF;
	font-weight : none;
}

.darkredhome {
	background-color: #731410;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight : bold;
}

.prodblue, a.prodblue{
	font-size: 8pt;
	font-weight : bold;
	color: #105D94;
	text-decoration: underline;
}

a.prodblue:hover {
	font-size: 8pt;
	font-weight : bold;
	color: #105D94;
	text-decoration: none;
}

.prodlink, a.prodlink{
	font-size: 8pt;
	font-weight : none;
	color: #105D94;
	text-decoration: underline;
}

a.prodlink:hover {
	font-size: 8pt;
	font-weight : none;
	color: #105D94;
	text-decoration: none;
}


.prodred, a.prodred {
	font-size: 8pt;
	font-weight : bold;
	color: #cc0000;
	text-decoration: underline;
}

a.prodred:hover {
	font-size: 8pt;
	font-weight : bold;
	color: #cc0000;
	text-decoration: none;
}

 
.blue, a.blue {
	background-color: #31458C;
	font-size: 8pt;
	font-weight : bold;
	color: #FFFFFF;
}

.red {
	font-size: 8pt;
	font-weight : bold;
	color: #cc0000;
}


a.blue:hover {
	background-color: #105D94;
	font-size: 8pt;
	font-weight : bold;
	color: #FFFFFF;
}


.bluetitle, a.bluetitle {
	font-size: 12pt;
	color: #105D94;
	text-decoration: none;
	font-weight : bold;
}

a.bluetitle:hover {
	font-size: 12pt;
	color: #105D94;
	text-decoration: underline;
	font-weight : bold;
}

.whitetitle, a.whitetitle {
	font-size: 12pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;
}

a.whitetitle:hover {
	font-size: 12pt;
	color: #105D94;
	text-decoration: underline;
	font-weight : bold;
}

.blacktitle, a.blacktitle {
	font-size: 14pt;
	color: #000000;
	text-decoration: none;
	font-weight : normal;
}

a.blacktitle:hover {
	font-size: 14pt;
	color: #105D94;
	text-decoration: underline;
	font-weight : normal;
}

.readme, a.readme {
	font-size: 8pt;
	color: #105D94;
	text-decoration: none;
}

a.readme:hover {
	font-size: 8pt;
	color: #105D94;
	text-decoration: underline;

}

.readmewhite, a.readmewhite {
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}

a.readmewhite:hover {
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;

}

.readmered, a.readmered {
	font-size: 8pt;
	color: #cc0000;
	text-decoration: none;
}

a.readmered:hover {
	font-size: 8pt;
	color: #cc0000;
	text-decoration: underline;

}


.bluebox, a.bluebox, a.bluebox:hover {
	background-color: #007CC2;
	font-size: 8pt;
	font-weight : bold;
	color: #FFFFFF;
}

.greybox, a.greybox, a.greybox:hover {
	background-color: #63616B;
	font-size: 8pt;
	font-weight : bold;
	color: #FFFFFF;
}

.whitesmall, a.whitesmall {
	color: #FFFFFF;
	font-size: 8pt;
}

a.whitesmall:hover {
	color: #FFF666;
	font-size: 8pt;
}


td {
	font-size: 8pt; 
}

.forminput {
    text-decoration: none; 
	font-size: 8pt; 
	font-weight : normal; 
}

.titletext {
	font-size: 12pt;
	font-weight : bold;
	color: #000000;
	padding: 3px;
}

.HomeTitle {
	font-size: 10pt;
	font-weight : bold;
	color: #cc0000; 
}

.prodtitle {
	font-size: 9pt;
	font-weight : bold;
	color: #000000;
}
.prodtitlewhite {
	font-size: 10pt;
	font-weight : bold;
	color: #000000;
}

.prodname {
	font-size: 8pt;
	font-weight : bold;
	color: #F21D0D;
}

input.srchButton {
	font-weight: bold; font-size: 7pt; background: #EEEDF0; width: 25px; color: #F4C206; font-family: Verdana, helvetica, arial, sans-serif;
}



input.blueButton {
	font-weight: bold; font-size: 7pt; background: #F7F3F7;  color: #002042; font-family: Verdana, helvetica, arial, sans-serif;
}

input.darkblueinput {
	font-weight: normal; font-size: 8pt; background: #002042; width: 150px; color: #FFFFFF; font-family: Verdana, helvetica, arial, sans-serif;
}

input.blueinput {
	font-weight: normal; font-size: 8pt; background: #31458C; width: 250px; color: #FFFFFF; font-family: Verdana, helvetica, arial, sans-serif;
}

input.bluesearchinput {
	font-weight: normal; font-size: 8pt; background: #105D94; width: 150px; color: #FFFFFF; font-family: Verdana, helvetica, arial, sans-serif;
}


input.reddarkinputLarge {
	font-weight: normal; font-size: 8pt; background: #731410; width: 250px; color: #FFFFFF; font-family: Verdana, helvetica, arial, sans-serif;
}

input.whiteredinput {
	font-weight: normal; font-size: 8pt; background: #FFFFFF; width: 150px; color: #731410; font-family: Verdana, helvetica, arial, sans-serif;
}

textarea.blue {
	font-weight: normal; font-size: 8pt; background: #FFFFFF; width: 250px; color: #000000; font-family: Verdana, helvetica, arial, sans-serif;
	scrollbar-arrow-color:      #FFFFFF;
	scrollbar-face-color:       #FFFFFF;
	scrollbar-track-color:      #FFFFFF;
	scrollbar-3dlight-color:    #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #FFFFFF;
	border-top: solid 1px #105D94;
	border-right: solid 1px #105D94;
	border-bottom: solid 1px #105D94;
	border-left: solid 1px #105D94
}

textarea.red {
	font-weight: normal; font-size: 8pt; background: #731410; width: 250px; color: #FFFFFF; font-family: Verdana, helvetica, arial, sans-serif;
}


select.black { /*if change see below.*/
	font-weight: bold; font-size: 8pt; text-decoration: none; background: #FFFFFF; color: #000000; font-family: trebuchet ms, arial, sans-serif;
}


<!--Product Categories-->