@charset "UTF-8";
/* CSS Document */

a.global {text-decoration:none; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#FFF; padding:10px 10px 0 10px; border:0;}
a.global:hover {text-decoration:underline; border:0;}

a.search {text-decoration:none; font-size:13px; font-family:Helvetica, Arial, sans-serif; line-height:1.5em ;color:#999; }
a.search:hover {text-decoration:underline;}

a.maintitle {text-decoration:none; font-size:16px; font-family:Helvetica, Arial, sans-serif; line-height:2em; color:#333; }
a.maintitle:hover {text-decoration:underline;}

a.pink {text-decoration:none; font-family:Helvetica, Arial, sans-serif; line-height:1.5em ;color:#339933; }
a.pink:hover {text-decoration:underline;}

a.pink2 {text-decoration:none; line-height:1.5em; font-family:Helvetica, Arial, sans-serif;color:#339933; padding:0 4px 0 4px;}
a.pink2:hover {text-decoration:underline;}


html, body {
    height: 100%;
	background-color:#FFFFFF;
}

html>body #container {
    height: auto;
	}
	
body {
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
}
input.submit_find{
margin-bottom:-5px;
}
#container {
    position: relative;
    min-height: 100%;
	height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	background-color:#fff;
	}
	
#head {
	background:#339933 top;
	height:40px;
	padding:0;
	border-bottom:thin #990033 solid;
	}
	
.headContent {
	width:1000px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:.7em;
	text-align:right;
	padding:10px;
	}
	
#below {
	background-color:#333;
	display:block;
	width:100%;
	height:1px;
	}

#footer {
    position:absolute;
    bottom: 0;
	background-color:#339933;
	height:80px;
	width:100%;
	}
	
#content {
	font-family:Helvetica, Arial, sans-serif;
	width:1000px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:12px;
	line-height:1.2em;
	color:#666;
	}
	
#mainContent {
	padding-top:50px;
	width:560px;
	margin:0px 0px 0px 0px;
	}

#mainContent2 {
	width:560px;
	}
	

#leftContent {
	width:250px;
	float:left;
	height:100%;
	margin:0;
	padding:0;
	}
	
.navtitle {
	padding:4px 0 2px 0; 
	/*background-color:#CC0033; */
	color:#666 
	width:140px; 
	text-align:left;
	margin-bottom:3px;
	font-weight:bold;
	}
	
#printer {
	padding:50px 0 0 20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#666;
}

#enlarge {
	padding:20px 0 0 50px;
	}
	
.footContent {
	width:1000px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-size:.7em;
	padding:10px;
	}
	
.nav {
	margin:50px 0 0 50px;
	}
	
h1 {	
	font-weight:500;
	color:#339933;
	font-size:1.6em;
	line-height:1.1em;
	}
	
h2 {
	font-weight:400;
	color:#333;
	font-size:1.3em;
	}
	
h3 {	
	font-weight:500;
	color:#339933;
	font-size:1.6em;
	line-height:2em;
	}
	
select.drop {
	width:140px;
	}
	
select.large {
	width:303px;
	}
	
select{
	border:thin solid #666; padding-left:2px;
	}
	
.clearfloat { 
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
	margin-top:100px;
}

/*input {border:thin solid #666; padding-left:2px;}*/

.orangeText {color:#ff9966; font-weight:500;}
.pinkText {color:#339933;}
.name {color:#666; font-size:1.2em; line-height:1.25em;}
.bigText {font-size:2em; font-weight:100; color:#999999; line-height:1em;}
.productNumber {color:#999; font-size:.8em; line-height:3em;}
.productNumberCheckout {color:#999; font-size:.8em;}
.productSize {color:#333; font-size:.9em;}

.pad {margin:5px 0px 5px 15px;}

.tbbg {
	background:url(../images/table-bg.gif) repeat-y;
	color:#FFF;
	font-size:13px;
	font-weight:600;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.tbbgSmall {background:url(../images/table-bg2.gif) repeat-y; display:block; padding:15px; color:#FFF; font-size:13px; font-weight:600;}

.field {width:300px; border:thin solid #666;}

.but {margin-left:200px;}
.butSmall {margin-left:100px;}
img.butt {padding-right:15px;}


.whiteline {background:#FFF; display:block; height:1px;}
.greyline {background:#999; display:block; height:1px;}

.left {float:left;}
.right {float:right;}

img {border:0;}

.rep {background-repeat:no-repeat;}

.mainText {margin:270px 0 0 181px; color:#666;}

.featuredText {float:right; margin:20px 5px 0 0;}
.repy {background-repeat:repeat-y;}

/* ------------ NAV --------------- */

#nav {
    width: 123px; height:205px;
    margin:0; padding: 0;
    position: relative;}

#nav li {margin: 0; padding: 0; list-style: none;}
  
#nav li, #brand a {width: 123px; height:32px; display: block; }
#nav li, #use a {width: 123px; height:32px; display: block; }
#nav li, #ing a {width: 123px; height:32px; display: block; }
#nav li, #featured a {width: 123px; height:32px; display: block; }
#nav li, #special a {width: 123px; height:32px; display: block; }
#nav li, #hot a {width: 123px; height:32px; display: block; }


#brand a {background: url(../images/nav-brand.gif) top left no-repeat; display:block; width:123px; height:31;}
#brand a:hover {background:transparent url(../images/nav-brandON.gif) no-repeat; display:block; }

#use a {background: url(../images/nav-lube-by-use.gif) top left no-repeat; display:block; width:123px; height:31;}
#use a:hover {background:transparent url(../images/nav-lube-by-useON.gif) no-repeat; display:block; }

#ing a {background: url(../images/nav-ingredients.gif) top left no-repeat; display:block; width:123px; height:31;}
#ing a:hover {background:transparent url(../images/nav-ingredientsON.gif) no-repeat; display:block; }

#featured a {background: url(../images/nav-featured-lube.gif) top left no-repeat; display:block; width:123px; height:31;}
#featured a:hover {background:transparent url(../images/nav-featured-lubeON.gif) no-repeat; display:block; }

#special a {background: url(../images/nav-specials.gif) top left no-repeat; display:block; width:123px; height:31;}
#special a:hover {background:transparent url(../images/nav-specialsON.gif) no-repeat; display:block; }

#hot a {background: url(../images/nav-hot-list.gif) top left no-repeat; display:block; width:123px; height:31;}
#hot a:hover {background:transparent url(../images/nav-hot-listON.gif) no-repeat; display:block; }

.shopping {	
	font-weight:500;
	color:#339933;
	font-size:1.6em;
	/*line-height:7em;*/
	margin-bottom:0;
	}
#content #mainContent .search h2 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	}