﻿/* -------------------------- */ 
/* --- Denco CSS mainfile --- */
/* -------------------------- */ 
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif, "Helvetica 65 Medium";
	color: #002D57;
	font-size: 9pt;
	line-height: 16pt;
	background-color: #DBDFE2;
	background-attachment: fixed;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	background-position: center center;
}

#wrapper {
	width: 820px;
	margin: 0 auto;
	background-image: url(../images/content_repeat.gif);
	background-repeat: repeat-y;
}

#banner {
	background-image: url(../images/banner.jpg);
	height: 249px;
}

#navbar2 {
	background-image: url(../images/navbar2.gif);
	height: 38px;
	margin: 0px;
	width: 820px;
}

#title {
	background-image: url(../images/title_products.gif);
	height: 55px;
}

#contentmain {
	width: 820px;
	background-image: url(../images/content_repeat.gif);
	background-repeat: repeat-y;
}

#footer {
	background-image: url(../images/footer.gif);
	clear: both;
	height: 122px;
	background-repeat: no-repeat;
}

#content {
	width: 798px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#contentleft {
	width: 410px;
	margin-left: 35px;
	margin-top: 15px;
	text-align: justify;
	float: left;
	line-height: 16pt;
}

#contentright {
	width: 317px;
	float: right;
	margin-top: 31px;
	text-align: justify;
}

#contentright p {
	margin-right: 20px;
}

#content img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #0078AD;
}

a:hover {
	text-decoration: underline;
	color: #002A5C;
}

li {
	list-style-type: none;
	margin: 0;
}

/* -------------- */
/* --- Navbar --- */ 
/* -------------- */
#navbar {
	height: 43px;
	background-image: url(../images/navbar.gif);
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 820px;
	clear: both;
}

#navbar li {
	display: inline;
	height: 72px;
	list-style-type: none;
	float: left;
	margin: 0;
}

#navbar ul {
	margin: 0;
	display: inline;
	list-style-type: none;
	padding: 0px;
}

#navbar a {
	margin-right: 0px;
}

#navbar2 li {
	display: inline;
	height: 38px;
	list-style-type: none;
	float: left;
	margin: 0;
}

#navbar2 ul {
	margin: 0;
	height: 38px;
	display: inline;
	list-style-type: none;
}

#navbar2 a {
	margin-right: 0px;
}

/* --------------- */
/* --- Buttons --- */
/* --------------- */
#home {
	margin: 0px;
	height: 249px;
	width: 280px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
}

#home:hover{
}

#about{
	background-image: url(../images/buttons/button_about.gif);
	margin: 0px;
	height: 43px;
	width: 89px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#about:hover{
	background-position: center bottom;
}

#products{
	background-image: url(../images/buttons/button_products.gif);
	margin: 0px;
	height: 43px;
	width: 88px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#products:hover{
	background-position: center bottom;
}

#services{
	background-image: url(../images/buttons/button_services.gif);
	margin: 0px;
	height: 43px;
	width: 84px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#services:hover{
	background-position: center bottom;
}

#faq{
	background-image: url(../images/buttons/button_faq.gif);
	margin: 0px;
	height: 43px;
	width: 68px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#faq:hover{
	background-position: center bottom;
}

#merch{
	background-image: url(../images/buttons/button_merch.gif);
	margin: 0px;
	height: 43px;
	width: 84px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#merch:hover{
	background-position: center bottom;
}

#finder{
	background-image: url(../images/buttons/button_parts.gif);
	margin: 0px;
	height: 43px;
	width: 96px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#finder:hover{
	background-position: center bottom;
}

#contact{
	background-image: url(../images/buttons/button_contact.gif);
	margin: 0px;
	height: 43px;
	width: 93px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
}

#contact:hover{
	background-position: center bottom;
}

/* ------------------- */
/* --- 2nd buttons --- */
/* ------------------- */
#turbos{
	background-image: url(../images/buttons/second_turbo.gif);
	margin: 0px;
	height: 38px;
	width: 83px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#turbos:hover{
	background-position: center bottom;
}

#coolers{
	background-image: url(../images/buttons/second_cooler.gif);
	margin: 0px;
	height: 38px;
	width: 125px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#coolers:hover{
	background-position: center bottom;
}

#access{
	background-image: url(../images/buttons/second_access.gif);
	margin: 0px;
	height: 38px;
	width: 116px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#access:hover{
	background-position: center bottom;
}

#latest{
	background-image: url(../images/buttons/second_latest.gif);
	margin: 0px;
	height: 38px;
	width: 139px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#latest:hover{
	background-position: center bottom;
}

#pump{
	background-image: url(../images/buttons/second_pump.gif);
	margin: 0px;
	height: 38px;
	width: 166px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#pump:hover{
	background-position: center bottom;
}

#turbserv{
	background-image: url(../images/buttons/second_turbserv.gif);
	margin: 0px;
	height: 38px;
	width: 132px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#turbserv:hover{
	background-position: center bottom;
}

#dyno{
	background-image: url(../images/buttons/second_dyno.gif);
	margin: 0px;
	height: 38px;
	width: 128px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#dyno:hover{
	background-position: center bottom;
}

#staff{
	background-image: url(../images/buttons/second_staff.gif);
	margin: 0px;
	height: 38px;
	width: 139px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#staff:hover{
	background-position: center bottom;
}

/* --------------------- */
/* --- Admin buttons --- */
/* --------------------- */
#admin_home{
	background-image: url(../images/admin_button_home.gif);
	margin: 0px;
	height: 38px;
	width: 103px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_home:hover{
	background-position: center bottom;
}

#admin_products{
	background-image: url(../images/admin_button_products.gif);
	margin: 0px;
	height: 38px;
	width: 169px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_products:hover{
	background-position: center bottom;
}

#admin_utilities{
	background-image: url(../images/admin_button_utilities.gif);
	margin: 0px;
	height: 38px;
	width: 66px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_utilities:hover{
	background-position: center bottom;
}

#admin_shipping{
	background-image: url(../images/admin_button_shipping.gif);
	margin: 0px;
	height: 38px;
	width: 74px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_shipping:hover{
	background-position: center bottom;
}

#admin_payment{
	background-image: url(../images/admin_button_payment.gif);
	margin: 0px;
	height: 38px;
	width: 73px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_payment:hover{
	background-position: center bottom;
}

#admin_sales{
	background-image: url(../images/admin_button_sales.gif);
	margin: 0px;
	height: 38px;
	width: 55px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_sales:hover{
	background-position: center bottom;
}

#admin_parts{
	background-image: url(../images/admin_button_parts.gif);
	margin: 0px;
	height: 38px;
	width: 102px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_parts:hover{
	background-position: center bottom;
}

#admin_logoff{
	background-image: url(../images/admin_button_logoff.gif);
	margin: 0px;
	height: 38px;
	width: 70px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#admin_logoff:hover{
	background-position: center bottom;
}

/* -------------------- */
/* --- Side buttons --- */
/* -------------------- */
#sideturbos{
	background-image: url(../images/buttons/side_turbos.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sideturbos:hover{
	background-position: center bottom;
}

#sidecoolers{
	background-image: url(../images/buttons/side_cooler.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sidecoolers:hover{
	background-position: center bottom;
}

#sideaccess{
	background-image: url(../images/buttons/side_access.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sideaccess:hover{
	background-position: center bottom;
}

#sideturbserv{
	background-image: url(../images/buttons/side_turbserv.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sideturbserv:hover{
	background-position: center bottom;
}

#sidedyno{
	background-image: url(../images/buttons/side_dyno.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sidedyno:hover{
	background-position: center bottom;
}

#sidepump{
	background-image: url(../images/buttons/side_pump.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sidepump:hover{
	background-position: center bottom;
}

#sidelatest{
	background-image: url(../images/buttons/side_latest.gif);
	margin: 0px;
	height: 104px;
	width: 317px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#sidelatest:hover{
	background-position: center bottom;
}

/* ------------- */
/* --- Logos --- */
/* ------------- */
#denso{
	background-image: url(../images/logos/denso.gif);
	margin: 0px;
	height: 47px;
	width: 90px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#denso:hover{
	background-position: center bottom;
}

#garrett{
	background-image: url(../images/logos/garrett.gif);
	margin: 0px;
	height: 47px;
	width: 86px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#garrett:hover{
	background-position: center bottom;
}

#borg{
	background-image: url(../images/logos/borgwarner.gif);
	margin: 0px;
	height: 47px;
	width: 171px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#borg:hover{
	background-position: center bottom;
}

#bosch{
	background-image: url(../images/logos/bosch.gif);
	margin: 0px;
	height: 47px;
	width: 123px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#bosch:hover{
	background-position: center bottom;
}

#schwitzer{
	background-image: url(../images/logos/schwitzer.gif);
	margin: 0px;
	height: 47px;
	width: 138px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#schwitzer:hover{
	background-position: center bottom;
}

#delphi{
	background-image: url(../images/logos/delphi.gif);
	margin: 0px;
	height: 47px;
	width: 129px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#delphi:hover{
	background-position: center bottom;
}

#zexel{
	background-image: url(../images/logos/zexel.gif);
	margin: 0px;
	height: 47px;
	width: 123px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#zexel:hover{
	background-position: center bottom;
}

/* ------------------------ */
/* --- Homepage buttons --- */
/* ------------------------ */
#home_power{
	background-image: url(../images/images/homepage_power_1.gif);
	margin: 0px;
	height: 37px;
	width: 400px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#home_power:hover{
	background-position: center bottom;
}

#home_smoke{
	background-image: url(../images/images/homepage_smoke_1.gif);
	margin: 0px;
	height: 36px;
	width: 400px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#home_smoke:hover{
	background-position: center bottom;
}

#home_parts{
	background-image: url(../images/images/homepage_parts_1.gif);
	margin: 0px;
	height: 46px;
	width: 400px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#home_parts:hover{
	background-position: center bottom;
}

#home_pricing{
	background-image: url(../images/images/homepage_pricing_1.gif);
	margin: 0px;
	height: 54px;
	width: 400px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#home_pricing:hover{
	background-position: center bottom;
}

#home_injection{
	background-image: url(../images/images/homepage_injection_1.gif);
	margin: 0px;
	height: 33px;
	width: 400px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#home_injection:hover{
	background-position: center bottom;
}

/* ------------- */
/* --- Store --- */
/* ------------- */
#store_add{
	background-image: url(../images/store/add_item_button_1.gif);
	margin: 0px;
	height: 23px;
	width: 70px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#store_add:hover{
	background-position: center bottom;
}

#store_wish{
	background-image: url(../images/store/wish_button_1.gif);
	margin: 0px;
	height: 23px;
	width: 70px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#store_wish:hover{
	background-position: center bottom;
}

/* --------------- */
/* --- Spacers --- */
/* --------------- */
#spacer1{
	background-image: url(../images/buttons/button_spacer1.gif);
	margin: 0px;
	height: 43px;
	width: 23px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#spacer2{
	background-image: url(../images/buttons/button_spacer2.jpg);
	margin: 0px;
	height: 43px;
	width: 165px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
}

#spacer3{
	background-image: url(../images/buttons/button_spacer3.gif);
	margin: 0px;
	height: 43px;
	width: 30px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#spacer4{
	margin: 0px;
	height: 37px;
	width: 100px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
}

/* ----------- */
/* --- Jam --- */
/* ----------- */
#jam {
	background-image: url(../images/buttons/button_jam.gif);
	margin: 0px;
	height: 50px;
	width: 250px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}

#jam:hover{
	background-position: center bottom;
}

#jamfooter {
	height: 50px;
	width: 250px;
	padding: 0px;
	margin: 0px;
}

#footspacer {
	height: 65px;
	width: 820px;
}

#jamfooter li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 250px;
}

#jamfooter ul {
	margin: 0px;
	padding: 0px;
}

#logos li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0;
}

#logos ul {
	margin: 0;
	display: inline;
	list-style-type: none;
}

#logobottom {
	clear: both;
	width: 820px;
	text-align: center;
	margin-top: 15px;
}

.bolder {
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#contentleft li {
	list-style-image: url(../images/cross.gif);
	list-style-position: outside;
	margin-bottom: 2px;
}

#contentleft ul {
	margin-top: 0px;
	padding-top: 0px;
}

#contentleft p {
	margin-bottom: 2px;
	margin-top: 14px;
}

/* ------------- */
/* --- Store --- */
/* ------------- */
#product_title {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 3px;
}

#product_image {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	float: left;
	margin-right: 15px;
	height: 100%;
}

#product_price {
	font-size: 11pt;
	font-weight: bold;
	color: #EC1936;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D3DAE0;
	padding-top: 10px;
}

#product_cost {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 3px;
}

#product_desc {
	margin-top: 10px;
	margin-bottom: 3px;
}

#product_desc2 {
	margin-top: 10px;
	margin-bottom: 3px;
	float: right;
	width: 130px;
}

#product_desc3 {
	margin-top: 10px;
	margin-bottom: 3px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #D3DAE0;
	padding-top: 10px;
	overflow: hidden;
	padding-right: 10px;
}

#productbox {
	margin-top: 10px;
	margin-bottom: 3px;
	float: left;
	width: 540px;
	display: inline;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D3DAE0;
	padding-top: 5px;
	padding-bottom: 10px;
}

#product_partnumber {
	margin-top: 10px;
	margin-bottom: 3px;
}

#product_weight {
	margin-top: 10px;
	margin-bottom: 10px;
}

#checkout_box_sml {
	background-image: url(../images/store/checkout_box_lrg.gif);
	background-repeat: no-repeat;
}

#checkout_box_lrg {
	background-image: url(../images/store/checkout_box_lrg.gif);
	background-repeat: no-repeat;
}

/* ------------------------- */
/* --- Additional Styles --- */
/* ------------------------- */
img {
	border-width: 0px;
	border: none;
}

.news {
	margin-top: 5px;
}

.middle {
	text-align: center;
}

.right {
	text-align: right;
	padding-right: 10px;
}

.left {
	text-align: left;
}

.price {
	color: #EC1936;
	font-weight: bold;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
}

h5 {
	font-size: 10pt;
	font-weight: bold;
}

.cart {
	font-weight: bold;
}

.checkoutHeader {
	background-color: #cdd4d9;
	font-weight: bold;
}

.bold {
	font-weight: bold;	
}

.topalign {
	vertical-align: top;
}

.silverBackground {
	background-color: silver;
}

.paddingleft15px {
	padding-left: 15px;
}

.size14font {
	font-size: 14px;
}

.size11font {
	font-size: 11px;
}

.lightgreybackground {
	background-color: #d8dcde;
}

.center {
	text-align: center;
}

/* ------------- */
/* --- Admin --- */
/* ------------- */
.formlabel {
	text-align: right;
	vertical-align: top;
}

.message {
	color: #ec1936;
	font-weight: bold;
}

.redtext {
	color: #ec1936;
}

.adminbutton {
	background-color: #ec1936;
	color: #ffffff;
	font-weight: bold;
}

input, select, textarea {
	font-family: Arial, sans-serif, "Helvetica 65 Medium";
	font-size: 9pt;
}

fieldset {
	border-width: 1px #cdd4d9;
	padding-left: 0em;
	margin: 0em;
}

legend {
	font-size: 16px;
	font-weight: bold;
	color: #EC1936;
}

.thumbhome img {
	text-align: center;
	margin-right: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* -------------------- */
/* --- Parts Finder --- */
/* -------------------- */
#DHTMLgoodies_formTooltipDiv{
	color: #FFF;
	font-family: Arial;
	font-weight: normal;
	font-size: 1em;
	line-height: 120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color: #FFF;
	font-weight: normal;
	font-size: 0.7em;
}