
html, body	{ margin: 0; padding: 0; text-align: center; height: 100%; background: black url(../images/hptbg2.gif) repeat-y top center; }

a:link		{ color: #336699; text-decoration: none; }
a:visited	{ color: #336699; text-decoration: none; }
a:hover		{ color: #AF1014; text-decoration: underline; }
a:active	{ color: #AF1014; text-decoration: underline; }

form		{ padding:0px; display:inline; }
input		{ font-family: verdana,tahoma,verdana,tahoma,sans-serif; font-size:11px; color:#333333; }
input:focus	{ background: #F2F9FF; color: #000000;  }
select		{ font-family: verdana,tahoma,verdana,tahoma,sans-serif; font-size:11px; color:#333333; }
textarea:focus	{ background: #F2F9FF; color: #000000;  }
td,textarea	{ font-family: verdana,tahoma, sans-serif; font-size:12px; color:#333333; }

h1		{ font-family: verdana,tahoma,sans-serif; font-size: 16px; color: #1765A5; font-weight: bold; margin-bottom: 2px; padding-top:5px; }
h2		{ font-family: verdana,tahoma,sans-serif; font-size: 15px; color: #1765A5; font-weight: bold; margin-bottom: 2px; padding-top:5px; }
h3		{ font-family: verdana,tahoma,sans-serif; font-size: 14px; color: #1765A5; font-weight: bold; margin-bottom: 2px; padding-top:5px; }
h4		{ font-family: verdana,tahoma,sans-serif; font-size: 13px; color: #1765A5; font-weight: bold; margin:0px; padding-top:3px; }
h5		{ font-family: verdana,tahoma,sans-serif; font-size: 12px; color: #1765A5; font-weight: bold; margin:0px; padding: 6px 0px 6px 0px; }
h6		{ font-family: verdana,tahoma,sans-serif; font-size: 11px; color: #AE0115; font-weight: bold; margin:0px; padding: 6px 0px 0px 0px; }

p		{ font-family: verdana,arial,tahoma,sans-serif; font-size: 12px; color: #333333; font-weight: normal; line-height: 16px; margin-top: 2px; }
p a:link	{ color: #336699; text-decoration: none; font-weight:bold; }
p a:visited	{ color: #336699; text-decoration: none; font-weight:bold; }
p a:hover	{ color: #AF1014; text-decoration: underline; font-weight:bold; }
p a:active	{ color: #AF1014; text-decoration: underline; font-weight:bold; }

b.vlist		{ font: 11px arial,tahoma,verdana,sans-serif; font-weight: bold; }

.hdr		{ font-family: verdana,tahoma,sans-serif; font-size: 15px; color: #1765A5; font-weight: bold; margin-bottom: 2px; padding-top:5px; }

img.articleimage	{ float: right; border: 1px solid #cccccc; padding: 3px; margin: 10px 5px 15px 15px; }

/* image headers */

.hpt_news	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_cpu.gif); background-repeat: no-repeat; }
.hpt_archive	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_archive.gif); background-repeat: no-repeat; }
.vcm_info	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_info.gif); background-repeat: no-repeat; }
.vcm_vehicles	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_vehicles.gif); background-repeat: no-repeat; }
.vcm_faqs	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_faq.gif); background-repeat: no-repeat; }
.vcm_enhance	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_enhance.gif); background-repeat: no-repeat; }
.shopcart	{ margin: 8px 0px 0px 0px; font-family: verdana,tahoma,sans-serif; font-size: 17px; color: #336699; font-weight: bold; line-height:20px; padding: 3px 0px 12px 35px; background: url(/images/i_cart.gif); background-repeat: no-repeat; }


/* navigation */

.navbg			{ margin: 0; padding: 0; border: 0; width: 780px; background: url(/images/hptmenu_left.jpg) repeat-x; height: 31px; }
img.hptuners		{ width:780px; height:108px; border:0px; }
img.hptuners_hbar	{ clear: left; width:780px; height:4px; border:0px; }
img.hptmenu_vbar	{ width:2px; height:27px; border:0px; }
img.hptmenu_left	{ clear: left; width:20px; height:27px; border:0px; }
img.hptmenu_link	{ height:27px; border:0px; }


/* lists */

.links		{ font-family: verdana,tahoma,sans-serif; font-size: 12px; list-style: none; display: inline; margin:0px; padding:0px; }
.links li		{ display: inline;  margin: 0px 0px 0px 8px; padding: 0px 0px 1px 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; }
.links li a:link 	{ font-weight: bold; font-size: 12px; }
.links li a:visited 	{ font-weight: bold; font-size: 12px; }
.links li a:hover 	{ font-weight: bold; font-size: 12px; text-decoration: undlinere; }
.links li a:active 	{ font-weight: bold; font-size: 12px; text-decoration: undlinere; }

.arrows	{ font-family: verdana,tahoma,sans-serif; font-size: 11px; list-style: none; \margin:0px; padding:0px; }
.arrows li	{ margin: 0px 0px 0px 8px; padding: 0px 0px 1px 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; }
.arrows li a:link { font-size: 11px; }
.arrows li a:visited { font-size: 11px; }
.arrows li a:hover { font-size: 11px; }
.arrows li a:active { font-size: 11px; }

.cc	{ font-family: verdana,arial,tahoma,sans-serif; font-size: 12px; font-weight: bold; list-style: none; margin: 7px 0px 0px 0px; padding: 0px; }
.cc li	{ display: inline;  margin: 0px; padding: 0px 10px 1px 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; }
.cc li a:link		{ color: #325C97; text-decoration: none; }
.cc li a:visited	{ color: #325C97; text-decoration: none; }
.cc li a:hover	{ color: #AE0115; text-decoration: underline; }
.cc li a:active	{ color: #AE0115; text-decoration: underline; }

.arrow			{ margin: 0; padding: 0; }
.arrow ul		{ margin: 0; padding: 0; list-style-type: none; } 
.arrow li		{ margin: 0; padding: 0; list-style-type: none; font: 12px arial,tahoma,sans-serif; color: #333333; font-weight: bold; display: inline; }
.arrow a		{ margin: 0; padding: 2px 5px 2px 18px; display: inline; background-image: url(../images/i_arrow.gif); background-repeat: no-repeat; background-position: 0% 50%; height: 16px; }
.arrow li.hot a		{ color: #AF1014; }


/* body divs */

div.content	{ margin-left: 15px; margin-right: -15px; }
div.container	{ margin: 0px auto; padding: 0px; width: 780px; background: #ffffff; text-align: left; border-left: 1px solid #000000; border-right: 1px solid #000000; }
div.header	{ margin: 0; padding: 0; border: 0; width: 780px; background-color: #ffffff; }
div.navbar	{ margin-left: -15px; }

div.maincol	{ margin: 0; padding: 0px 0px 20px 0px; border: 0; width: 745px; font-family: tahoma, verdana, sans-serif; background-color: #ffffff; color: #333333; font-size: 12px; line-height: 15px; }
.maincol a:link, .maincol a:visited, .maincol a:hover, .maincol a:active { font-weight: bold; }

div.leftcol	{ margin: 0; padding: 0; border: 0; float: left; width: 450px; font-family: tahoma, verdana, sans-serif; background-color: #ffffff; color: #333333; font-size: 12px; line-height: 15px; }
div.rightcol	{ margin: 0; padding: 0; border: 0; float: right; width: 330px; font-family: tahoma, verdana, sans-serif; background-color: #ffffff; color: #333333; font-size: 12px; line-height: 16px; }

div.rightcol a:link	{ color: #325C97; text-decoration: none; }
div.rightcol a:visited	{ color: #325C97; text-decoration: none; }
div.rightcol a:hover	{ color: #AE0115; text-decoration: underline; }
div.rightcol a:active	{ color: #AE0115; text-decoration: underline; }

div.tail		{ margin: 0; padding: 0; border: 0; clear:both; width:780px; height:28px; font-family:  tahoma, verdana, sans-serif; background-color: #000000; color: #ffffff; font-size: 12px; line-height: 14px; background: url(../images/hptuners_tailbg.jpg) bottom; background-repeat: no-repeat; }
div.tail a:link		{ color: #ffffff; font-weight: bold; text-decoration: none; }
div.tail a:visited	{ color: #ffffff; font-weight: bold; text-decoration: none; }
div.tail a:hover	{ color: #ffffff; font-weight: bold; text-decoration: underline; }
div.tail a:active	{ color: #ffffff; font-weight: bold; text-decoration: underline; }


/* formatting css */

#cloggedin		{ float: left; width: 760px; height: 16px; background-color: #F2F9FF; font-family: verdana, tahoma, sans-serif; font-size: 11px; color: #333333;  border-bottom: 1px #333333 solid; margin:0px; padding: 6px 10px 3px 10px; }
#cloggedin a:link	{ color: #064E83; text-decoration: none; }
#cloggedin a:visited	{ color: #064E83; text-decoration: none; }
#cloggedin a:hover	{ color: #AE0115; text-decoration: underline; }
#cloggedin a:active	{ color: #AE0115; text-decoration: underline; }

#loggedin		{ list-style: none; display: inline; margin:0px; padding:0px; }
#loggedin li		{ display: inline;  margin-left: 5px; padding-left:15px; background-image: url(../images/arrow.png); background-repeat: no-repeat; }

#listing		{ list-style-image: url(../images/bullet.gif); line-height: 18px; }
#listing a:link		{ color: #325C97; text-decoration: none; }
#listing a:visited	{ color: #325C97; text-decoration: none; }
#listing a:hover	{ color: #AE0115; text-decoration: underline; }
#listing a:active	{ color: #AE0115; text-decoration: underline; }

p.small			{ font-family: verdana,tahoma,sans-serif; font-size: 11px; color: #333333; margin-top: 2px; }
p.small a:link		{ color: #1765A5; text-decoration: none; font-weight:bold; }
p.small a:visited	{ color: #1765A5; text-decoration: none; font-weight:bold; }
p.small a:hover		{ color: #AF1014; text-decoration: underline; font-weight:bold; }
p.small a:active	{ color: #AF1014; text-decoration: underline; font-weight:bold; }

p.indent		{ font-family: verdana,tahoma,sans-serif; font-size: 11px; color: #333333; font-weight: normal; line-height: 18px; margin-left: 10px; }

.press		{ font-family: verdana,tahoma,sans-serif; font-size: 11px; list-style: none; margin: 7px 0px 0px 0px; padding: 0px; }
.press li	{ display: inline;  margin: 0px; padding: 0px 10px 1px 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; }

table.cbox	{ width: 420px; border-spacing: 0px; margin:0px; padding:0px; border:0px; background-color: #ffffff; }
table.lbox	{ width: 450px; border-spacing: 0px; margin:0px; padding:0px; border:0px; background-color: #ffffff; }
table.rbox	{ width: 330px; border-spacing: 0px; margin:0px; padding:0px; border:0px; background: url(../images/bg_custlogin.gif);background-repeat:repeat-y; }

table.bulkcredits td { font: 11px arial, sans-serif; }

td.pr		{ font-family: verdana,tahoma,sans-serif; font-size: 11px; color: #333333; }
td.pr a:link	{ color: #1A629D; text-decoration: none; }
td.pr a:visited	{ color: #1A629D; text-decoration: none; }
td.pr a:hover	{ color: #AE0115; text-decoration: underline; }
td.pr a:active	{ color: #AE0115; text-decoration: underline; }

td.blurbinfo		{ font-family: verdana,tahoma,sans-serif; font-size: 10px; color: #999999; }
td.blurb		{ font-family: arial,verdana,tahoma,sans-serif; font-size: 12px; color: #333333; }
td.blurb a:link		{ color: #1A629D; text-decoration: none; }
td.blurb a:visited	{ color: #1A629D; text-decoration: none; }
td.blurb a:hover	{ color: #AE0115; text-decoration: underline; }
td.blurb a:active	{ color: #AE0115; text-decoration: underline; }

td.smaller		{ font-family: verdana,tahoma,sans-serif; font-size: 10px; color: #ffffff; font-weight: normal; line-height: 19px; margin-top: 10px; }
td.smaller a:link	{ color: #ffffff; }
td.smaller a:visited	{ color: #ffffff; }
td.smaller a:hover	{ color: #ffffff; text-decoration: underline; }
td.smaller a:active	{ color: #ffffff; text-decoration: underline; }

td.search		{ font-family: verdana,tahoma,sans-serif; font-size: 12px; color: #1765A5; font-weight: bold; }
td.search a:link	{ color: #1765A5; font-weight: bold; text-decoration: none; }
td.search a:visited	{ color: #1765A5; font-weight: bold; text-decoration: none; }
td.search a:hover	{ color: #AE0115; font-weight: bold; text-decoration: underline; }
td.search a:active	{ color: #AE0115; font-weight: bold; text-decoration: underline; }

td ul.links			{ font-family: verdana,tahoma,sans-serif; font-size: 12px; list-style: none; display: inline; margin:0px; padding:0px; }
td ul.links li			{ display: inline;  margin: 0px 0px 0px 8px; padding: 0px 0px 1px 12px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; }
td ul.links li a:link 		{ font-size: 12px; }
td ul.links li a:visited 	{ font-size: 12px; }
td ul.links li a:hover 		{ font-size: 12px; }
td ul.links li a:active 	{ font-size: 12px; }

.standout	{ font-family:verdana,tahoma,sans-serif; font-size: 14px; color: #336699; font-weight: bold; }
.lbold		{ font-family:verdana,tahoma,sans-serif; font-size: 12px; color: #333333; font-weight: bold; margin: 5px 0px 5px 0px; }
.bold		{ font-family:verdana,tahoma,sans-serif; font-size: 11px; color: #333333; font-weight: bold; }
.small		{ font-family:verdana,tahoma,sans-serif; font-size: 10px; color: #333333; }
.clearboth 	{ clear: both; height: 0px; overflow: hidden; }


/* order page */

label.indent		{ float: left; width: 150px; margin: 0; padding: 6px 6px 6px 0px; border: 0; font: 12px arial,tahoma,sans-serif; font-weight: bold; text-align: right; }
.indentinfo		{ float: left; width: 226px; margin: 0; padding: 6px 6px 6px 0px; border: 0; }

a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}