body, div, p, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, a, li {
  font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch:extra-condensed;
}

body, th, td, input, select, textarea, p, li {
  font: 12px  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch:extra-condensed;
  line-height:15px;
}

code, pre {
  font: 12px  "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch:extra-condensed;
}

body {
  background-color: #fff;
  color: #222;
}

p {
	margin-bottom: 7px;
}

#categoriesfloat {
		position:relative; 
		left:0px; 
		top:0px;
		width:655px; 
		background:none;
}

/* headers */
h1 {
  font-size: 25px;
  line-height:30px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:lighter;
  color:#c0311a;
  font-stretch:extra-condensed;
  padding:0px;
  padding-bottom:0px;
  margin-top:0px;
  margin-bottom:0px;
}

h2 {
  font-size: 21px;
  line-height:28px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:lighter;
  color:#c0311a;
  font-stretch:extra-condensed;
  padding:0px;
  margin-top:8px;
  margin-bottom:0px;
}

h2.smallerh2 {
	font-size: 16px;
	line-height:20px;
}

h3 {
  font-size: 18px;
  line-height:22px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:lighter;
  color:#c0311a;
  font-stretch:extra-condensed;
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
}

h4 {
  font-size: 14px;
  line-height:18px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:lighter;
  color:#c0311a;
  font-stretch:extra-condensed;
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
}

h5 {
  font-size: 8px;
}

h6 {
  font-size: 6px;
}

/* text */
.upcase1 {
	color: #fff;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

.upcase2 {
	color: #000;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

.titles1 {
	  font-size: 21px;
	  line-height:25px;
  	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  	font-weight:lighter;
  	color:#c0311a;
  	font-stretch:extra-condensed;
  	padding:0px;
  	padding-top:8px;
  	margin-bottom:0px;
}

/* default link styles, appropriate for content area */
a:link, a:visited, a:active {
  color: #c0311a;
  display:underline;
}

a:visited {
  color: #7e1616;
  display:underline;
}

a:hover {
  color: #7e1616;
}

/* classed link styles, appropriate for featured product title area */
a.productTitle,span.productTitle {color: #c0311a; text-decoration: none; font-size:24px;}
a.productTitle:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavTitle {color: #c0311a; text-decoration: none; font-size:18px; text-transform:uppercase; letter-spacing:0.0em; padding-top:8px;}
a.leftNavTitle:hover {color: #7e1616;}
/* classed link styles, appropriate for left nav title area */
a.leftNavLinksGrey {color: #7e1616; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksGrey:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksRed {color: #c0311a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksRed:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar1 {color: #938d3c; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar1:hover {color: #b4ad49;}
a.leftNavLinksVarAct {color: #938d3c; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarAct:hover {color: #b4ad49;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar2 {color: #00746b; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar2:hover {color: #009287;}
a.leftNavLinksVarBra {color: #00746b; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarBra:hover {color: #009287;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar3 {color: #225b09; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar3:hover {color: #4c8433;}
a.leftNavLinksVarGea {color: #225b09; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarGea:hover {color: #4c8433;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar4 {color: #a56f07; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar4:hover {color: #be8008;}
a.leftNavLinksVarDoo {color: #a56f07; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarDoo:hover {color: #be8008;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar5 {color: #c0311a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar5:hover {color: #7e1616;}
a.leftNavLinksVarCus {color: #c0311a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarCus:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar8 {color: #c0311a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar8:hover {color: #7e1616;}
a.leftNavLinksVarNew {color: #c0311a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarNew:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVar9 {color: #4a9d00; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar9:hover {color: #80ce3a;}
a.leftNavLinksVarWin {color: #4a9d00; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarWin:hover {color: #80ce3a;}

/* classed link styles, appropriate for left nav title area */
/* THIS IS FOR THE NEW PURPLE PRODUCT - Air/Oil Intensifiers */
a.leftNavLinksVar10 {color: #9235a9; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVar10:hover {color: #bc77cd;}
a.leftNavLinksVarAir {color: #9235a9; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarAir:hover {color: #bc77cd;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn1 {color: #b4ad49; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn1:hover {color: #b4ad49;}
a.leftNavLinksVarOnAct {color: #b4ad49; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnAct:hover {color: #b4ad49;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn2 {color: #009287; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn2:hover {color: #009287;}
a.leftNavLinksVarOnBra {color: #009287; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnBra:hover {color: #009287;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn3 {color: #56a035; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn3:hover {color: #56a035;}
a.leftNavLinksVarOnGea {color: #56a035; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnGea:hover {color: #56a035;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn4 {color: #be8008; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn4:hover {color: #be8008;}
a.leftNavLinksVarOnDoo {color: #be8008; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnDoo:hover {color: #be8008;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn5 {color: #7e1616; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn5:hover {color: #7e1616;}
a.leftNavLinksVarOnCus {color: #7e1616; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnCus:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn8 {color: #7e1616; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn8:hover {color: #7e1616;}
a.leftNavLinksVarOnNew {color: #7e1616; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnNew:hover {color: #7e1616;}

/* classed link styles, appropriate for left nav title area */
a.leftNavLinksVarOn9 {color: #80ce3a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn9:hover {color: #80ce3a;}
a.leftNavLinksVarOnWin {color: #80ce3a; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnWin:hover {color: #80ce3a;}

/* classed link styles, appropriate for left nav title area */
/* THIS IS FOR THE NEW PURPLE PRODUCT - Air/Oil Intensifiers */
a.leftNavLinksVarOn10 {color: #bc77cd; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOn10:hover {color: #bc77cd;}
a.leftNavLinksVarOnAir {color: #bc77cd; text-decoration: none; font-size:15px; letter-spacing:0.0em; padding-top:8px;}
a.leftNavLinksVarOnAir:hover {color: #bc77cd;}

/* classed link styles, appropriate for general black links */
a.black1 {color: #424242; text-decoration: none; font-size:12px;}
a.black1:visited {color: #424242;}
a.black1:hover {color: #444;}
a.black1:active {color: #444;}

/* classed link styles, appropriate for footer area */
a.redFooter {color: #7e1616; text-decoration: none; font-size:10px;}
a.redFooter:hover {color: #7e1616; text-decoration: underline;}

/* classed link styles, appropriate for footer area */
a.blackFooter {color: #424242; text-decoration: none; font-size:10px;}
a.blackFooter:hover {color: #444; text-decoration: underline;}

/* classed link styles, appropriate for breadcrumb area */
#breadcrumbbar a {color: #424242; text-decoration: none; font-size:10px;}
#breadcrumbbar a:visited {color: #424242;}
#breadcrumbbar a:hover {color: #444; text-decoration:underline;}
#breadcrumbbar a:active {color: #444;}
#breadcrumbbar {font-size:10px;}
#breadcrumbbar {padding-top:20px; padding-bottom:20px;}


#hpredhead {
	color: #fff;
	font-size:12px;
	padding-top: 4px;
	padding-bottom:0px;
	padding-left: 20px;
	padding-right: 0px;
	margin-top:5px;
	width:950px;
	height:30px;
	vertical-align:top;
}

#hpmain {
	color: #333;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	width:563px;
	height:188px;
	background-image:url(../images/backgrounds/main_column.gif);
}

.hpmainnew {
	color: #333;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	width:563px;
	height:188px;
	background-image:url(../images/backgrounds/main_column.gif);
}

#hpsubnav {
	color: #333;
	font-size:11px;
	padding-top: 20px;
	padding-bottom:0px;
	padding-left: 30px;
	padding-right: 10px;
	margin-top:0px;
	width:334px;
}

#hpquads {
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	margin:-3px -1px 0 -1px;
	width:564px;
	height:394px;
	background:white;
}

#footer1 {
    font-size:10px;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 33px;
	margin-top:0px;
	width:970px;
}

#footer2 {
    font-size:10px;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 8px;
	margin-top:0px;
	width:986px;
}

#button {
	padding: 0 0 1em 0;
	margin-bottom: 0em;
	background-color: #fff;
	}

#button ul {
		width:240px;
		list-style: none;
		margin: 0;
		padding: 0px;
		border: none;
		}
		
#button li {
		border-bottom: 0px;
		margin: 2px;
		font-size: 11px;
		line-height:12px;
		font-weight:600;
		}
		
#button li a {
		display: block;
		padding: 0px 2px 2px 0.5em;
		background-color: #fff;
		color: #777;
		text-decoration: none;
		width: 100%;
		}

#button li a:visited {
		display: block;
		padding: 0px 2px 2px 0.5em;
		background-color: #fff;
		color: #aaa;
		text-decoration: none;
		width: 100%;
		}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
		background-color: #fff;
		color: #333;
		}

#button li a.buttonOn {
		background-color: #fff;
		color: #333;
		}
		

#leftnavtitlebg{
	background-color:#eee;
	padding:10px 0px 5px 40px;
}

#leftnavbg{
	background-color:#fff;
	padding:10px 0px 5px 40px;
}

#prodinternallinks {
    font-size:10px;
	color: #7e1616;
	padding-top: 0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	width:300px;
	text-decoration: none; font-size:10px;
}

.prodThumbText {
    font-size:11px;
	padding-top: 5px;
	padding-bottom:12px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	width:175px;
}

.prodThumbs {
  border:solid;
  border-width:thin;
  border-color:#666;
}

img {
  border: 0px;
}

select {
  border: 1px solid #000;
  color:#000;
  vertical-align:top;
}

input {
  border: 1px solid #000;
  color:#000;
  vertical-align:top;
}

hr {
  height: 1px;
}

th {
  text-align: left;
}

.alert {
  color: #f00;
}

.required {
  color: #f00;
	font-size: 10px;
}

.stroke {
	border: #000 1px solid;
}