body{
	background: url("../images/background.jpg") repeat-x scroll left top #C7DBE6;
	color: #646464;
	font-family: Arial,Geneva,sans-serif;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #666;
}

a:hover{
	color:#888;
}

a.hoverlink{
	text-decoration: underline;
	color: #666
}


a.hoverlink:hover {
	text-decoration: underline;
	color: #888
}


strong{
	font-weight: bold;
}

ul{
	margin-left: 20px;
	margin-bottom: 15px;
}

li{
	list-style-type: disc;
	line-height: 1.4em;
}
ol li{
	list-style-type: decimal;
}
ol li ol li{
	list-style-type: upper-alpha;	
}
ol li ol.last li{
	list-style-type: upper-roman;
}
h1{
	margin: 25px 0 15px 0;
	font-weight: bold;
	font-size: 1.75em;
	color: #666;
}
h2{
	margin: 25px 0 15px 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #666;
}

h3{
	margin: 25px 0 15px 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #666;
}

h4{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.25em;
}

.center{
	text-align: center;
}

#wrapper{
	background: url("../images/content-bg.png") no-repeat scroll top center transparent;
}

#wrapper #container{
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

#header #logo{
	float: left;
	padding: 35px 10px 10px 40px;
}

#header #navigation{
	float: right;
	margin-right: 39px;
	margin-top: 45px;
}

#header #navigation ul li, #content-container #brands ul li, #footer .top ul li{
	list-style-type: none;
	display: inline;
}

#header #navigation ul li a{
	color: #666;
	display: block;
	float: left;
	font-family: "Trebuchet MS","Tahoma",sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 25px;
	margin-left: 30px;
}

#header #navigation ul li a:hover{
	color:#AAA;
}

#header #header-bar{
	background: url("../images/header-bar.jpg") no-repeat scroll center top transparent;
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 40px;
	height: 31px;
}

#header #header-bar a, #header #header-bar p{
	color: #ffffff;
	text-decoration: none;
	float: left;
}

#header #header-bar a:hover{
	color: #dddddd;
}

#header #header-bar .privacy{
	float: right;
	font-size: 10px;
	padding-top:1px;
}

#content-container #brands{
/*	background: url("../images/brands.jpg") no-repeat scroll center top transparent; */
	height: 317px;
	margin: 0 auto;
	overflow: hidden;
	width: 412px; /* 4/30/2016 removed Pumps was 566px 4/29/2016-- Removed Prestone and Holts was 833px -- was 973px before removing Wells */
}

#content-container #brands ul{
	margin: 0;
}

#content-container #brands ul li a{
	background: url("../images/brands.jpg") no-repeat scroll left top transparent;
	display: block;
	float: left;
	height: 317px;
	width: 137px; /*was 137px */
	margin 0 auto;
	padding 2px;
	text-indent: -999em; /*was -999em */
}

#content-container #brands ul li a.champion{
	background: url("../images/brands.jpg") no-repeat scroll 0px top transparent;
	width: 146px;
}
#content-container #brands ul li a.prestone{
	background: url("../images/brands.jpg") no-repeat scroll -139px top transparent;
	width: 127px;
}
#content-container #brands ul li a.holts{
	background: url("../images/brands.jpg") no-repeat scroll -266px top transparent;
	width: 140px;
}
#content-container #brands ul li .autolite{
	background: url("../images/brands.jpg") no-repeat scroll -409px top transparent;
	width: 154px;
}
#content-container #brands ul li a.wells{
	background: url("../images/brands.jpg") no-repeat scroll -562px top transparent;
	width: 140px;
}

#content-container #brands ul li a.asc{
	background: url("../images/brands.jpg") no-repeat scroll -702px top transparent;
	width: 126px;
}
#content-container #brands ul li a.airtex{
	background: url("../images/brands.jpg") no-repeat scroll -830px top transparent;
	width: 140px;
}
#content-container #brands ul li a.active{
	background-image: url("../images/brands-hover.jpg");
}
#content-container #brands ul li a.not-active{
	background-image: url("../images/brands.jpg");
}

#content-container .content{
	margin: 0 50px;
}
<<<<<<< HEAD
#content-container .content a { color: #007FB4; }
=======
#content-container .content a { color: #007FB4 !important; }
>>>>>>> origin/staging
#content-container .content a:hover { text-decoration: underline; }
#content-container .content .jp-title{
	font-weight: normal;
	font-size: 0.8em;
}

#content-container .content .welcome{
	text-align: center;
	margin-top: 10px;
}

#content-container .content p, #footer p{
	margin: 20px 0;
	line-height: 1.2em;
}

#content-container .content p.address strong{
	color: #333;
}
#footer .top{
	background: url("../images/footer-bg.jpg") no-repeat scroll bottom center #000000;
	color: #b4b4b4;
	overflow: hidden;
	padding-bottom: 20px;
}

#footer .top #footer-nav li{
	display: block;
	float: left;
	margin: 15px 8px; /* ORIGINAL: margin: 15px 16px; */
}

#footer .top #footer-nav li a, #footer .top #footer-nav li .footer-title{
	color: #666;
	font-family: "Trebuchet MS","Tahoma",sans-serif;
	font-size: 18px;
}

#footer .top #footer-nav li.contact p{
	font-size: .9em;
	margin: 17px 0;
}

#footer .top #footer-nav li a, #footer .top #footer-nav li .company-name{
	color: #666;
}#footer .top #footer-nav li a:hover {
	color: #AAA;
}

#footer .top #footer-nav li .company-name{
	color: #666;
	font-size: .95em;
}

#footer #footer-logos{
	width: 243px; /*was 330px before removal of Pumps,  was 641px before removal of Prestone, Holts and Wells*/  
	margin: 0 auto;
}

#footer #footer-logos li a{
	background: url("../images/footer-brands.jpg") no-repeat scroll left bottom #000000;
	display: block;
	float: left;
	height: 45px;
	text-indent: -999em;
	width: 85px;
	margin-left: 80px;
}

#footer #footer-logos li .airtex{
	background: url("../images/footer-brands.jpg") no-repeat scroll left bottom #000000;
	width: 75px;
}

#footer #footer-logos li .asc{
	background: url("../images/footer-brands.jpg") no-repeat scroll -83px bottom #000000;
	width: 80px;
}

#footer #footer-logos li .autolite{
	background: url("../images/footer-brands.jpg") no-repeat scroll -162px bottom #000000;
	width: 87px;
}

#footer #footer-logos li .champion{
	background: url("../images/footer-brands.jpg") no-repeat scroll -251px bottom #000000;
	width: 87px;
}

#footer #footer-logos li .holts{
	background: url("../images/footer-brands.jpg") no-repeat scroll -339px bottom #000000;
	width: 110px;
}

#footer #footer-logos li .prestone{
	background: url("../images/footer-brands.jpg") no-repeat scroll -449px bottom #000000;
	width: 95px;
}

#footer #footer-logos li .wells{
	background: url("../images/footer-brands.jpg") no-repeat scroll -544px bottom #000000;
	width: 96px;
}

#bottom {
	height: 65px;
	padding: 5px 36px;
	position: relative;
}
#legal{
	font-size: 11px;
	color: #646464;
	width: 60%;
}
#copyright{
	color: #646464;
	font-size: 11px;
	text-align: left;
}
#legal p, #copyright p{
	padding: 0;
	margin: 0;
	line-height: 1.75em;
}
#sticker {
	position: absolute;
	top: 5px;
	right: 15px;
}
