/* /home/www/hpiracing.com/httpdocs/assets/style/reset.css */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */
/* /home/www/hpiracing.com/httpdocs/assets/style/common.css */
body {
    font-size:13px;
    line-height:19.5px;
    font-family:Arial, helvetica, sans-serif;
    color:#333;
}

h1 {
    margin:0 0 10px;
    font-size:16px;
    line-height:24px;
    font-weight:bold;
    border-left:6px solid #3d3d3d;
}

h1 span {
    display:block;
    border-bottom:2px solid #f47820;
    padding:0 5px 2px;
}

h2 {
    font-size:16px;
    line-height:24px;
    margin:0 0 20px;
    font-weight:bold;
}

h3 {
    font-size:14px;
    line-height:21px;
    margin:0 0 15px;
    font-weight:bold;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

small {
    font-size:10px;
}

body.mceContentBody {
   padding:10px;
}

.clear,
hr {
    clear:both;
}

hr {
    margin:10px 0;
}

table.horizontal {
    margin:15px 0;
}

table.horizontal th,
table.horizontal td {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:15px;
    vertical-align:top;
}

.newwin,
.colorbox,
.gallery,
.vidbox,
.quick_links,
.overview,
.pop_window {
    /* placeholder for tinymce */
}

table.overview {
    width:700px;
    margin:20px auto;
}

.quick_links {
    margin:0 0 15px;
}

.quick_links h1,
.quick_links h2 {
    height:17px;
    font-size:14px;
    line-height:16px;
    vertical-align:top;
    text-transform:uppercase;
    font-weight:bold;
    border-bottom:2px solid #f47820;
    position:relative;
    padding-right:17px;
    border-left:none;
    margin:0;
}

.quick_links h1 .sprite,
.quick_links h2 .sprite {
    display:block;
    width:17px;
    height:17px;
    background-position:-826px -78px;
    position:absolute;
    top:0;
    right:0;
    border-bottom:none;
    padding:0;
}

.quick_links ul,
.quick_links p {
    padding:5px 0 0 25px;
    width:500px;
}

.quick_links p {
    padding:5px 0 0;
}

.quick_links ul {
    /*list-style:disc outside; */
    overflow:hidden;
    list-style:disc outside url(/assets/images/hex_icon_bullet.png);
    /*background:#5E5E5E; */
}

.quick_links ul li {
    width:31%;
    float:left;
    margin-right:2%;
}

.quick_links .columns_1 li {
    width:98%;
}

.quick_links .columns_2 li {
    width:48%;
}

.quick_links a:link,
.quick_links a:visited {
    text-decoration:none;
    font-size:12px;
    color:#333;
    /*color:#FFF;*/
}

/* 'borrowed' from bootstrap - hide elements only needed by screen readers */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* /home/www/hpiracing.com/httpdocs/assets/style/style.css */
html,
body {
    height:100%;
    margin:0;
    padding:0;
    position:relative;
}

html {
    background:#2C2C2C url(/assets/images/hex_tile.gif) repeat top left;
}

.nav li {
    display:inline;
}

.sprite {
    background-image:url(/assets/images/2017_hpi_sprite.png);
    background-repeat:no-repeat;
}

.site_message {
     width:195px;
     height:150px;
     /*
     background:#272727;
     min-height:40px;
     */
     clear:both;
     overflow:hidden;
     position:absolute;
     z-index:100;
     top:0;
     left:50%;
     margin-left:285px;
}

.site_message div {
    background:url(/assets/images/close.png) no-repeat 172px 7px, url(/assets/images/icons/arrow_left.png) no-repeat 2px 7px;
    background-color:rgb(248,118,30); /* #F8761E */
    background-color:rgba(248,118,30,0.85);
    /*
    max-width:1300px;
    width:95%;
    */
    min-height:20px;
    line-height:20px;
    margin:10px auto;
    padding:5px 21px;
    text-align:left;
    cursor:pointer;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.site_message div,
.site_message div a:link,
.site_message div a:visited {
    color:#FFF;
    vertical-align:bottom;
}

#container {
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 0 -85px;
    background:url(/assets/images/header_border_bottom.gif) repeat-x top left;
}

.brand-mv #container {
    background-image:url(/assets/images/header_border_bottom-mv.gif);
}

#header {
    width:960px;
    height:95px;
    /*overflow:hidden;*/
    padding:5px 0 0;
    margin:0 auto;
    position:relative;
    z-index:5;
}

#logo {
    width:282px;
    height:85px;
    float:left;
}

#logo a:link,
#logo a:visited {
    display:block;
    width:271px;
    height:85px;
    line-height:85px;
    text-indent:-999%;
    background-position: -4px -40px;
}

#logo a.hb:link,
#logo a.hb:visited {
    background-position: -4px -185px;
    width:260px;
}

#logo a.mv:link,
#logo a.mv:visited {
    background-position: -167px -612px;
    width:260px;
}

#header .nav {
    width:675px;
    float:right;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#site_nav,
#site_nav input {
    font-size:11px;
}

#site_nav {
    height:24px;
    text-align:right;
    padding:6px 0;
}

#site_nav li,
#site_nav li a:link,
#site_nav li a:visited,
#site_nav li img,
#search_submit {
    vertical-align:top;
}

#site_nav li {
    float:left;
    width:210px;
    height:24px;
    line-height:24px;
    text-align:right;
    margin-left:5px;
}

#site_nav .button a:link,
#site_nav .button a:visited,
#search {
    display:block;
    background:#252525;
    border:1px solid #373737;
    color:#bfbfbf;
    height:22px;
    line-height:22px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#site_nav a:link,
#site_nav a:visited {
    text-decoration:none;
    text-align:left;
}

#site_nav .location {
    width:225px;
}

#site_nav .location a:link,
#site_nav .location a:visited {
    width:120px;
    padding:0 55px 0 10px;
    padding:0 95px 0 10px;
    background-image:url(/assets/images/location.gif);
    background-repeat:no-repeat;
    background-position:130px 0;
    position:relative;
}

.region-flag {
    width:32px;
    height:21px;
    display:block;
    background-position:-16px -500px;
    position:absolute;
    top:0;
    right:4px;
}

.region-eu.language-en { background-position:-16px -500px; }
.region-eu.language-de { background-position:-52px -500px; }
.region-eu.language-pl { background-position:-88px -500px; }
.region-eu.language-fr { background-position:-124px -500px; }
.region-eu.language-fi { background-position:-161px -500px; }
.region-eu.language-tr { background-position:-197px -500px; }
.region-eu.language-es { background-position:-233px -500px; }
.region-us { background-position:-269px -500px; }
.region-jp { background-position:-306px -500px; }
.region-au { background-position:-343px -500px; }
.region-cn { background-position:-381px -500px; }
.language-ru { background-position:-416px -500px; }

#site_nav .search,
#search {
    width:224px;
}

#search {
    clear:both;
    overflow:hidden;
}

#q {
    height:22px;
    width:150px;
    border:none;
    font-family:Arial, helvetica, sans-serif;
    font-size:10px;
    background-color:#444;
    color:#EFEFEF;
    padding:0 0 0 7px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float:left;
    -webkit-appearance: none;
}

#q:focus {
    border:0;
    -webkit-appearance: none;
    outline-width: 0;
}

#search_submit {
    background:transparent;
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow: 0 0 4px #000,0 0 4px #000;
    height:22px;
    line-height:22px;
    width:60px;
    padding:0 10px 0 5px;
    border:none;
    float:right;
}

#site_nav li img {
    margin:0 0 0 10px;
}

#site_nav .myhpi {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}

#site_nav .glow {
    -webkit-box-shadow: 0px 0px 15px 4px #F37820;
    -moz-box-shadow: 0px 0px 15px 4px #F37820;
    box-shadow: 0px 0px 15px 4px #F37820;
}

#site_nav .myhpi,
#site_nav .myhpi a.sprite:link,
#site_nav .myhpi a.sprite:visited {
    width:72px;
    height:25px;
    display:block;
}

#site_nav .myhpi a.sprite:link,
#site_nav .myhpi a.sprite:visited {
    background-position:-47px -664px;
    text-indent:-999%;
}

#site_nav .myhpi-logout {
    width:35px;
    margin-right:5px;
}

/* HB sepcific styles - not used, but left for reference */
#site_nav .hotbodies {
    width:84px;
    display:block;
    overflow:hidden;
    margin-left:12px;
}

#site_nav .myhpi-logout,
#site_nav .myhpi-logout a:link,
#site_nav .myhpi-logout a:visited {
    color:#CCC;
    text-align:center;
    font-size:11px;
}

#site_nav .hotbodies a:link,
#site_nav .hotbodies a:visited {
    display:block;
    text-indent:-999%;
}

.hotbodies a:link,
.hotbodies a:visited {
    width: 80px;
    height: 24px;
    background-position: -100px 0;
    float:right;
}

.hotbodies a.hpi:link,
.hotbodies a.hpi:visited {
    width: 84px;
    background-position: -866px -100px;
}

/* MV sepcific styles */
#site_nav .maverick {
    width:84px;
    display:block;
    overflow:hidden;
    margin-left:5px;
}

#site_nav .maverick a:link,
#site_nav .maverick a:visited {
    display:block;
    text-indent:-999%;
}

.maverick a:link,
.maverick a:visited {
    width: 80px;
    width: 64px;
    height: 24px;
    background-position: -100px 0;
    background-position: -45px -695px;
    float:right;
}

.maverick a.hpi:link,
.maverick a.hpi:visited {
    width: 84px;
    background-position: -866px -100px;
}

.maverick a:link,
.maverick a:visited {
    background-image:none;
}

#main_nav {
    margin:15px 0 0;
    text-align:right;
}

#main_nav li,
#main_nav a:link,
#main_nav a:visited {
    display:inline-block;
    height:22px;
    line-height:22px;
    color:#FFF;
    text-decoration:none;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000;
}

#main_nav li {
    background-color:rgb(31,31,31);
    background-color:rgba(31,31,31,0.6);
    position:relative;
}

#main_nav li.current,
#main_nav li:hover {
    background-color:rgb(31,31,31);
    background-color:rgba(31,31,31,0.8);
}

#main_nav li+li {
    border-left:1px solid #f87726;
    margin-left:-4px;
}

#main_nav a:link,
#main_nav a:visited {
    padding:0 14px;
}

#main_nav .tv {
    border-left:none;
    margin-top:5px;
}

#main_nav .tv a:link,
#main_nav .tv a:visited {
    background-image:url(/assets/images/hpi_tv.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding:0 40px 0 5px;
}

#main_nav .subnav {
    /*display:none;*/
    position:absolute;
    top:22px;
    left:0;
    width:auto;
    float:none;
    text-align:left;
    margin-left:-1px;
    border-top:1px solid transparent;
}

#main_nav .subnav li {
    display:inline-block;
    margin:0;
    border:none;
    min-width:100px;
    border-left:1px solid #f87726;
    white-space: nowrap;
}

.brand-mv #main_nav li+li,
.brand-mv #main_nav .subnav li {
    border-left-color:#0088cd;
}

#main_nav .subnav li,
#main_nav .subnav li a:link,
#main_nav .subnav li a:visited {
    display:block;
}

#main,
#content,
.content {
    background-color:#FFF;
    /*background-color:#d1d1d1;*/
}

#main {
    max-width:1300px;
    min-width:960px;
    min-height:100%;
    margin:-54px auto 0;
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
    z-index:4;
}

.banner-wrapper {
    width:100%;
    background-repeat:no-repeat;
    background-position:center top;
    position:relative;
    z-index:4;
}

.wrapper {
    width:960px;
    margin:0 auto;
}

#content,
.content {
    /*width:960px;*/
    min-height:900px;
    /*margin:0 auto;*/
    max-width:1300px;
    min-width:960px;
    padding:0 0 90px;
    overflow:hidden;
    position:relative;
    z-index:4;
    clear:both;
    background-repeat:repeat-y;
    background-position:0 0;
    border-top:10px solid #FFF;
    /*border-top:10px solid #d1d1d1;*/
}

.kit .content {
    width:auto;
    min-height:0;
    padding:0;
    border:0;
}

#content.part {
    background-image:url(/assets/images/part_bg.gif);
}

#content article,
.content article {
    width:940px;
    padding:0 0 50px 20px;
    font-size:13px;
    line-height:19.5px;
}

#content.part article,
.content.part article {
    width:429px;
    padding:0 20px 50px;
    float:left;
}

#content p,
.content p {
    margin:0 0 15px;
}

#content article li,
.content article li {
    margin:0 0 8px;
}

#content article ul,
.content article ul {
    list-style:disc outside;
    margin:5px 20px 15px;
}

#content ol,
.content ol {
    list-style:decimal outside;
    margin:5px 20px 15px;
}

#content th,
#content td {
    vertical-align:top;
    padding:0 20px 20px 0;
}

#content .horizontal th,
#content .horizontal td,
#content article th,
#content article td {
    padding:20px;
}

#content article table {
    margin:0 0 15px;
}

#content article th,
#content article td {
    border:1px solid #AFAFAF;
    padding:5px 10px;
}

#content article .noborder th,
#content article .noborder td {
    border:0;
}

#content article th p,
#content article td p {
    margin:0 0 2px;
}

/*
light grey background: #e1dede / rgb(225,222,222)
orange highlight: #f87726 / rgb(248,119,38)
dark grey: #a5a5a5 / rgb(165,165,165)
*/

#kit_menu,
#content.kit section #kit_menu ul,
.content.kit section #kit_menu ul {
    overflow:hidden;
    clear:both;
    height:22px;
}

#kit_menu {
    text-align:center;
    margin:0 0 10px;
    background-color:rgb(225,222,222); /* #f87726 */
    background-color:rgba(225,222,222,0.6);
}

#content.kit section #kit_menu ul,
.content.kit section #kit_menu ul {
    width:960px;
    /*margin:0 -117.5px 20px;*/
    margin:0 auto 20px;
}

#kit_menu li {
    display:inline;
    padding:0 4px;
}

#kit_menu li,
#kit_menu a:link,
#kit_menu a:visited {
    display:inline-block;
    height:22px;
    line-height:22px;
    color:#7F7F7F;
    text-decoration:none;
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
}

#kit_menu li {
    position:relative;
}

#kit_menu li.current,
#kit_menu li.current a:link,
#kit_menu li.current a:visited,
#kit_menu li:hover,
#kit_menu li:hover a:link,
#kit_menu li:hover a:visited {
    color:#FFF;
    text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000;
}

#kit_menu li.current,
#kit_menu li:hover.current {
    background-color:rgb(248,119,38);
}

#kit_menu li:hover {
    background-color:rgb(165,165,165);
    background-color:rgba(165,165,165,0.4);
}

#kit_menu li+li {
    border-left:1px solid #f87726;
    margin-left:-4px;
}

#kit_menu a:link,
#kit_menu a:visited {
    padding:0 24px;
}

#content .back_to_top {
    margin:0 0 30px;
    border-bottom:2px solid #f77422;
    line-height:15px;
    height:15px;
    font-size:11px;
    position:relative;
    display:inline-block;
    clear:both;
}

.back_to_top .sprite {
    display:block;
    width:17px;
    height:15px;
    background-position:-826px -78px;
    float:right;
    margin-left:5px;
}

.back_to_top a:link,
.back_to_top a:visited {
    color:#848484;
    text-transform:uppercase;
    padding:0 10px 0 0;
    position:relative;
    z-index:50;
    text-decoration:none;
    color:#333;
}

#product_info {
    width:314px;
    float:left;
    clear:both;
    overflow:hidden;
    padding:0 0 35px;
}

#product_info .gallery {
    clear:both;
    overflow:hidden;
    padding:0 0 25px;
    background-color:#FFF;
}

#product_info .gallery li {
    float:left;
    margin:0 0 6px;
    vertical-align:top;
}

#product_info .gallery li:nth-child(2n+3) {
    margin-left:6px;
}

#product_info .gallery li img {
    vertical-align:top;
}

#xref {
    background:#dedede;
    padding:5px 0 15px 8px;
}

#xref h3 {
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    border-right:5px solid #888;
    margin:0 0 5px;
    padding:0 10px 10px 0;
}

#xref h3 span {
    display:block;
    border-bottom:3px solid #f7771e;
}

#xref li {
    font-size:12px;
    display:block;
    border-right:5px solid #3f3b3c;
    margin:0 0 5px;
}

#xref li:hover {
    border-right-color:#f27b21;
}

#xref a:link,
#xref a:visited {
    color:#000;
    text-decoration:none;
    position:relative;
    display:block;
}

#xref li abbr,
#xref li span {
    display:block;
    width:50px;
    position:absolute;
    top:0;
    right:0;
    text-transform:uppercase;
    background:#f27b21;
    color:#FFF;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
}

#related_products {
    width:161px;
    padding:10px 8px 0;
    float:right;
    background:#dedede;
}

#share {
    height:12px;
    background:#c2c2c2;
    border-right:5px solid #858585;
    overflow:visible;
    margin:0 0 20px;
}

#share li,
#share li a:link,
#share li a:visited {
    width:36px;
    height:12px;
    text-decoration:none;
}

#share li {
    font-size:9px;
    line-height:12px;
    text-transform:uppercase;
    color:#333;
    font-weight:bold;
    float:left;
}

#share li a:link,
#share li a:visited {
    display:block;
    text-decoration:none;
}

#share li.button {
    margin:0 0 0 5px;
}

#share li.button,
#share li.button a:link,
#share li.button a:visited {
    width:24px;
    text-decoration:none;
}

#share li.button a:link,
#share li.button a:visited {
    height:29px;
    margin:-8px 0 -9px;
}

#share .facebook a:link,
#share .facebook a:visited {
    background-position:-354px -5px;
}

#share .twitter a:link,
#share .twitter a:visited {
    background-position:-380px -5px;
}

#share .email a:link,
#share .email a:visited {
    background-position:-430px -5px;
}

#share .google a:link,
#share .google a:visited {
    background-position:-405px -5px;
}

#indicators {
    font-size:14px;
    line-height:20px;
}

#indicators li,
#indicators li a:link,
#indicators li a:visited,
#indicators .wrapper {
    display:block;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}

#indicators li {
    display:inline-block;
    background-color:#787878;
    border-right:5px solid #3d3d3d;
    font-size:14px;
    line-height:24px;
    margin:0 0 15px;
    width:156px;
}

#indicators li a:link,
#indicators li a:visited,
#indicators .wrapper {
    margin:-2px 0;
    height:24px;
    padding:0 0 0 35px;
    position:relative;
    /*cursor:pointer;*/
}

#indicators li a:link span,
#indicators li a:visited span,
#indicators .wrapper span {
    position:absolute;
    top:0;
    left:0;
}

li.availability a:link span,
li.availability a:visited span,
li.availability .wrapper span {
    width:29px;
    height:24px;
    background-position:-180px 0;
}

li.availability a:hover span,
li.availability a:active span,
li.availability .wrapper:hover span,
li.available a:link span,
li.available a:visited span,
li.available .wrapper span {
    background-position:-210px -0;
}

#indicators li.buy_online a:link,
#indicators li.buy_online a:visited {
    margin:-3px 0 -4px;
    height:27px;
}

li.buy_online a:link span,
li.buy_online a:visited span {
    background-position:-240px 0;
    width:30px;
    height:27px;
}

.aliases {
    margin:0 0 15px;
}

.aliases table {
    margin-top:-10px;
}

.aliases td,
#content .aliases td {
    padding:0 5px 5px 0;
}

#related_products h3 {
    font-size:11px;
    line-height:15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#444;
    border-left:5px solid #888;
    padding:0 0 8px 5px;
}

#related_products h3.alias {
    margin-bottom:15px;
}

#related_products h3 span {
    display:block;
    border-bottom:2px solid #f7771e;
}

#related_products .products img,
#related_products .products a:link,
#related_products .products a:visited {
    margin-bottom:5px;
    display:block;
    vertical-align:top;
}

#related_products .products a:link,
#related_products .products a:visited {
    color:#404040;
    text-decoration:none;
    font-size:10px;
    line-height:15px;
    margin-bottom:15px;
}

#label {
    width:53px;
    height:53px;
    position:absolute;
    bottom:150px;
    right:-53px;
    /*background:url(/assets/images/hex_label.gif) no-repeat top left;*/
    background-position:-750px 0;
    display:none;
}

@media screen and (min-width: 1422px) {
    #label {
        display:block;
    }
}

footer {
    width:100%;
    min-height:85px;
    background:url(/assets/images/footer_bg.gif) repeat-x bottom left;
    margin:0;
    position:relative;
    z-index:5;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.brand-mv footer {
    background-image:url(/assets/images/footer_bg-mv.gif);
}

footer section {
    width:810px;
    height:61px;
    margin:0 auto;
    padding:24px 0 0 150px;
    position:relative;
}

footer nav ul,
footer #disclaimer {
    text-align:center;
}

footer nav li {
    display:inline-block;
}

footer a:link,
footer a:visited {
    text-decoration:none;
    display:inline-block;
    padding:0 10px;
}

footer #pages ul {
    height:10px;
    font-size:10px;
    line-height:10px;
    background:#f07100;
    padding:6px 0 6px;
}

.brand-mv footer #pages ul {
    background:#0088cd;
}

footer #pages li+li {
    border-left:1px solid #FFF;
}

footer #pages a:link,
footer #pages a:visited {
    padding:0 5px;
}

footer #disclaimer {
    min-height:39px;
    font-size:10px;
    /*line-height:35px;*/
    background:#272727;
}
/*
footer #disclaimer {
    margin-left:50px;
}
*/
#disclaimer .notice {
    min-height:20px;
    line-height:20px;
}

footer #pages,
footer #pages a:link,
footer #pages a:visited,
footer #disclaimer,
footer #disclaimer a:link,
footer #disclaimer a:visited {
    color:#FFF;
}

footer .logo,
footer .logo a:link,
footer .logo a:visited {
    vertical-align:top;
}

footer .logo,
footer a.logo:link,
footer a.logo:visited {
    width:223px;
    height:70px;
    position:absolute;
    left:10px;
    top:0;
    background-position: -279px -43px;
    padding:0;
}

.brand-mv footer .logo,
.brand-mv footer a.logo:link,
.brand-mv footer a.logo:visited {
    width:260px;
    height:85px;
    top:-5px;
    background-position: -167px -612px;
}

footer .logo86 {
    width:100px;
    height:38px;
    position:absolute;
    right:0;
    top:24px;
    background-position: 0 0;
}

.brand-mv footer .logo86 {
    display:none;
}

.notice {
    background:#272727;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
    color:#FFF;
    font-size:10px;
    padding:0 0 15px;
    text-align:center;
}

/* region selector */

#region_language_selector {
    display:none;
    width:400px;
    padding:5px 0;
    position:absolute;
    top:46px;
    right:50%;
    margin-right:-480px;
    z-index:10;
    font-size:12px;
    background:rgb(47,47,47);
    background:rgba(47,47,47,0.9);
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

@media screen and (max-width: 960px) {
    #region_language_selector  {
        right:0;
        margin-right:0;
    }
}

#region_language_selector,
#region_language_selector a:link,
#region_language_selector a:visited {
    color:#EFEFEF;
    text-decoration:none;
    padding:5px 10px;
}

#region_language_selector a:link,
#region_language_selector a:visited {
    padding:3px 10px;
    border:1px solid transparent;
}

#region_language_selector a:hover,
#region_language_selector a:active,
#region_language_selector .current a:link,
#region_language_selector .current a:visited {
    /*text-decoration:underline;
    background-color:rgb(244, 121, 32);
    background-color:rgba(244, 121, 32, 0.7);*/
    border:1px solid rgba(244, 121, 32, 0.7);
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#region_language_selector .selector {
    float:left;
}

#region_language_selector .selector p {
    padding:0 0 10px 10px;
}

#region_language_selector .selector li {
    width:120px;
    float:left;
    margin:0 0 7px;
}

#region {
    width:130px;
}

#language {
    width:260px;
    padding:0 10px 0 0;
}

/* end region selector */

/* myhpi login */

#myhpi-login {
    display:none;
    width:230px;
    padding:10px 3px 10px 10px;
    position:absolute;
    top:63px;
    right:50%; /* 480px */
    margin-right:-480px; /* 480 - width = 230px */
    z-index:10;
    font-size:12px;
    color:#FFF;

	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    background: #f87a0b; /* Old browsers */

}

#myhpi-login .arrow {
    width:20px;
    height:28px;
    display:block;
    position:absolute;
    top:-28px;
    left:50%;
    margin:0 0 0 -10px;
    background-position:-818px -461px;
    z-index:15;
}

#myhpi-login,
#myhpi-login h3,
#myhpi-login label,
#myhpi-login a:link,
#myhpi-login a:visited,
#myhpi-login #login_submit {
    font-size:12px;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFF;
}

#myhpi-login h3 {
    line-height:20px;
    margin:0 0 5px;
}

#myhpi-login div {
    margin:0 0 5px;
    clear:both;
    overflow:hidden;
}

#myhpi-login label {
    float:left;
    width:80px;
    text-transform:uppercase;
}

#myhpi-login .input {
    width:100px;
    padding:2px 5px;
    font-size:11px;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    background-color:#ff8824;
    border:1px solid #e77d29; /* left & right */
    border-top:1px solid #b35f1f;
    border-bottom:1px solid #ff8c2c;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#myhpi-login #login_submit {
    width:30px;
    height:20px;
    background-color:#fa7806;
    border:1px solid #ffa035;
    margin-left:5px;
}

#myhpi-login ul,
#myhpi-login li {
    color:#FFF;
    list-style:disc inside;
}

#myhpi-login li {
    float:left;
    padding:0 0 0 0;
    margin:0;
}

#myhpi-login li+li {
    margin-left:10px;
}

#myhpi-login a:link,
#myhpi-login a:visited {
    text-decoration:none;
}

/* end myhpi login */
#galleria {
    width:725px;
    height:490px;
}

.highlight_translation {
    border:3px solid red;
}

.quick_links h1,
.quick_links h2 {
    text-shadow: 0 0 4px #FFF,0 0 4px #FFF;
}

.video_overlay {
    display:block;
    width:107px;
    height:106px;
    background-position:-270px -185px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-53px;
    margin-top:-53px;
    z-index:25;
}

.clear {
    clear:both;
    overflow:hidden;
}

.noborder,
.noborder td,
.noborder th {
    border:0;
}

.fifteen-52 {
    text-transform:lowercase !important; /* wouldn't normally do this, but it's part of the brand guidelines... */
}
/* /home/www/hpiracing.com/httpdocs/assets/scripts/colorbox/colorbox.css */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/assets/scripts/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/assets/scripts/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/scripts/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/scripts/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/scripts/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/assets/scripts/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/assets/scripts/colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/scripts/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/assets/scripts/colorbox/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/assets/scripts/colorbox/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/assets/scripts/colorbox/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/assets/scripts/colorbox/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/assets/scripts/colorbox/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/assets/scripts/colorbox/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/assets/scripts/colorbox/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/assets/scripts/colorbox/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/* /home/www/hpiracing.com/httpdocs/assets/style/index.css */
/*#main,
#content,
#featured,
#links {
    background-color:#d1d1d1;
}

#content {
    border-top-color:#d1d1d1;
}
*/
#content {
    padding-bottom:30px;
    width:960px;
    margin:0 auto;
}
/*
.banner-wrapper {
    width:100%;
    height:459px;
    position:relative;
    overflow:hidden;
}
*/

.banner-wrapper {
    border-bottom:2px solid #f27a24;
    background:#000;
    height:457px;
}

.brand-mv .banner-wrapper {
    border-bottom-color: #0088cd;
}

.banner-images li {
    display:none;
    width:100%;
    height:457px;
    background-repeat:no-repeat;
    background-position:50% 0;
    z-index:5;
    position:absolute;
    top:0;
    left:0;
}

.banner-images li.current {
    display:block;
    z-index:10;
}

.banner-images li.next {
    display:block;
    z-index:9;
}

.banner-images li a:link,
.banner-images li a:visited {
    display:block;
    height:100%;
}

.banner-links {
    position:absolute;
    bottom:15px;
    left:50%;
    width:300px;
    height:22px;
    z-index:99;
    margin-left:-150px;
    text-align:center;
}

.banner-links li,
.banner-links a:link,
.banner-links a:visited {
    display:inline-block;
    width:22px;
    height:22px;
}
/*
.banner-links li {
    border:1px solid #333;
    background-color:#FFF;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.banner-links li.current {
    background-color:#888;
}
*/
.banner-links li+li {
    margin-left:5px;
}

.banner-links a:link,
.banner-links a:visited {
    display:block;
    width:22px;
    height:22px;
    background:url(/assets/images/2013_hpi_sprite.png) no-repeat -17px -696px;
    background:url(/assets/images/2017_hpi_sprite.png) no-repeat -17px -696px;
}

.banner-links li.current a:link,
.banner-links li.current a:visited {
    background-position:-17px -670px;
}

#featured,
#links {
    float:left;
}

#featured {
    width:710px;
}

.box {
    position:relative;
    width:350px;
    height:235px;
    float:left;
    margin:0 0 5px;
    border:1px solid #b7b7b7;
    overflow:hidden;
}

.divider {
    width:706px;
    border:1px solid #b7b7b7;
    clear:both;
    margin:0 0 5px;
}

.box ul {
    position:relative;
    width:350px;
    height:195px;
}

.box li {
    width:350px;
    height:195px;
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:0;
}

.box li.current {
    display:block;
    z-index:1;
}

.box li.next {
    display:block;
    z-index:2;
}

.divider h3,
.box h3,
.box p {
    background-color:#5e5e5e;
    color:#FFF;
    height:20px;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:20px;
    font-weight:bold;
    position:relative;
}

.divider h3,
.box h3 {
    padding-left:5px;
    text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000;
}

.box p span,
#featured .hpi_tv p .link {
    font-size:11px;
    font-weight:normal;
    color:#FFF;
    text-decoration:none;
}

#featured .hpi_tv ul {
    background-color:#000;
    z-index:1;
}

#featured .hpi_tv p a:link.link,
#featured .hpi_tv p a:visited.link {
    position:absolute;
    top:0;
    right:0;
    display:inline;
    width:auto;
    height:auto;
    left:auto;
}

/*#featured .box h3 .sprite,*/
#featured .hpi_tv p .link .sprite {
    background-position:-826px -58px;
    width: 21px;
    height: 20px;
    float:right;
    margin-left:5px;
}

#featured .hpi_tv p span.logo {
    background-position:-865px -33px;
    width: 41px;
    height: 31px;
    float:left;
    margin:-6px 0 -5px;
    z-index:10;
    position:relative;
}

#featured .hpi_tv a:link,
#featured .hpi_tv a:visited {
    display:block;
    width:350px;
    height:215px;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

#featured .hpi_tv .video_overlay {
    margin-top:-43px;
}

#featured .products,
#featured .baja,
#featured .team,
#featured .content-section+.content-section {
    margin-left:4px;
}

#featured .products ul {
    background-color:#FFF;
}

#featured .products p,
#featured .products p a:link,
#featured .products p a:visited {
    color:#FFF;
    text-decoration:none;
}

.thumbnails a:link,
.thumbnails a:visited {
    position:relative;
    display:block;
    width:350px;
    height:195px;
}

.thumbnails li span {
    display:block;
    width:24px;
    height:23px;
    position:absolute;
    top:0;
    left:0;
    background-position:-936px 0;
    z-index:10;
}

.thumbnails li img {
    z-index:1;
}

#featured .products p a:link,
#featured .products p a:visited {
    display:block;
    padding:2px;
    height:16px;
    line-height:16px;
    vertical-align:middle;
}

#featured .products p span {
    display:inline-block;
    width:16px;
    height:16px;
    background-position:-915px 0;
    vertical-align:middle;
    margin:0 5px 0 0;
}

#featured ul.feature_selector {
    position:absolute;
    bottom:35px;
    right:5px;
    width:61px;
    height:10px;
    padding:2px 0 2px 3px;
    z-index:15;
    background-color:#FFF;
    overflow:hidden;
}
/*
#featured #clip_selector {
    border:1px solid #000;
}
*/
#featured .feature_selector li {
    float:left;
    display:block;
    position:static;
    width:10px;
    height:10px;
    background-color:transparent;
    margin-right:2px;
    top:auto;
    left:auto;
}

#featured .feature_selector a:link,
#featured .feature_selector a:visited {
    display:block;
    width:8px;
    height:8px;
    border:1px solid #888;
    background-color:#a8a8a8;
    text-indent:-9999%;
    overflow:hidden;
    position:static;
    top:auto;
    left:auto;
    z-index:20;
}

#featured .feature_selector li.current a:link,
#featured .feature_selector li.current a:visited {
    border-color:#5a5a5a;
    background-color:#5a5a5a;
}

#featured .news {
    height:217px;
}

#featured .savage,
#featured .baja,
#featured .blog,
#featured .team,
#featured .content-section {
    height:189px;
}

#featured .diecast {
    height:82px;
}

#links {
    width:239px;
    padding:10px 0 0 5px;
    margin:0 0 0 5px;
    border-left:1px solid #8d8d8d;
    background-color:#DEDEDE;
    min-height:675px;
}

#links #share {
    height:20px;
    background:#c2c2c2;
    border:none;
    border-left:5px solid #5e5e5e;
    overflow:visible;
    margin:0 0 20px 0;
    padding-left:5px;
}

#share li,
#share li a:link,
#share li a:visited {
    width:36px;
    height:20px;
}

#share li {
    font-size:9px;
    line-height:12px;
    text-transform:uppercase;
    color:#333;
    font-weight:bold;
    float:left;
}

#share li a:link,
#share li a:visited {
    display:block;
    text-decoration:none;
    text-indent:-999%;
}

#share li.button,
#share li.button a:link,
#share li.button a:visited {
    width:32px;
}

#share li.button a:link,
#share li.button a:visited {
    height:40px;
    margin:-12px 0 -8px;
}

#share .hpitv a:link,
#share .hpitv a:visited {
    background-position:-505px -2px;
}

#share .youtube a:link,
#share .youtube a:visited {
    background-position:-536px -2px;
}

#share .facebook a:link,
#share .facebook a:visited {
    background-position:-568px -2px;
}

#share .twitter a:link,
#share .twitter a:visited {
    background-position:-600px -2px;
}

#share .email a:link,
#share .email a:visited {
    background-position:-632px -2px;
}

#share .linkedin a:link,
#share .linkedin a:visited {
    background-position:-664px -2px;
}

#share .google a:link,
#share .google a:visited {
    background-position:-632px -2px;
}

#latest_news h2 {
    position:relative;
    padding:0 25px 0 40px;
    margin:15px 0 10px;
    text-shadow:0 0 4px #000,0 0 4px #000;
    border-left:none;
}

#latest_news h2,
#latest_news h2 a:link,
#latest_news h2 a:visited {
    font-size:13px;
    height:20px;
    line-height:20px;
    background-color:#acacac;
    color:#FFF;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}

#latest_news h2 .icon {
    display:block;
    width:34px;
    height:30px;
    margin:-5px 0 -5px;
    position:absolute;
    top:0;
    left:0;
    border-bottom:none;
    padding:0;
}

#news_snapshot .icon {
    background-position:-825px 0;
}

#new_products_snapshot .icon {
    width:35px;
    background-position:-858px 0;
}

#latest_news h2 .arrow {
    display:block;
    width:21px;
    height:20px;
    background-position:-894px 0;
    position:absolute;
    top:0;
    right:0;
    border-bottom:none;
    padding:0;
}

#latest_news li,
#latest_news li a:link,
#latest_news li a:visited {
    clear:both;
    display:block;
    width:239px;
    /*height:84px;*/
    margin:0 0 10px;
    font-size:10px;
    line-height:14px;
    color:#3d3d3d;
}

#latest_news li a:link,
#latest_news li a:visited {
    overflow:hidden;
    text-decoration:none;
    background:url(/assets/images/home/news_border_bottom.gif) repeat-x bottom left;
}

#latest_news li img {
    display:block;
    width:112px;
    /*height:84px;*/
    float:left;
    margin:0 5px -1px 0;
}

#latest_news li .title,
#latest_news li .excerpt,
#latest_news li .read_more {
    width:122px;
    float:right;
}

#latest_news li .title {
    font-size:11px;
    font-weight:bold;
}

#latest_news li .read_more {
    font-weight:bold;
    text-align:right;
}

#home_links {
    float:left;
    clear:both;
    width:960px;
    margin:0;
    background-color:#e8e8e8;
    font-size:12px;
}

#home_links h3,
#home_links p {
    margin:0 0 5px;
}

#home_links h3 {
    text-transform:uppercase;
    background-color:#5e5e5e;
    color:#FFF;
    height:18px;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    text-shadow: 0 0 4px #000,0 0 4px #000,0 0 4px #000;
}

#home_links h3 .sprite {
    width:16px;
    height:16px;
    background-position:-915px 0;
    float:left;
    margin:1px 5px;
}

#home_links>ul>li {
    width:20%;
    height:118px;
    float:left;
    border-right:1px solid #bcbcbc;
    background:url(/assets/images/home_links_bg.png) no-repeat 0 18px;
}

#home_links .link_0,
#home_links .link_1 {
    width:413px;
}
/*
#home_links .link_2 {
    width:155px;
}

#home_links .link_3 {
    width:141px;
    border-right:0;
}
*/
#home_links .link_2 {
    width:126px;
    border-right:0;
    border-left:5px solid #FFF;
}

#home_links .link_2 img,
#home_links .link_2 a:link,
#home_links .link_2 a:visited {
    vertical-align:top;
}

#home_links .link_2 .button:link,
#home_links .link_2 .button:visited {
    background-color:#333;
    border-top:2px solid #f77422;
    display:block;
    color:#FFF;
    text-transform:uppercase;
    font-size:10px;
    font-family:arial narrow;
    font-weight:bold;
    height:17px;
    line-height:17px;
}

#home_links .link_2 .sprite {
    display:block;
    width:17px;
    height:17px;
    background-position:-826px -78px;
    float:left;
    margin:0 5px 0 0;
}

#home_links>ul ul {
    list-style:disc outside;
    margin:0 0 0 25px;
}

#home_links>ul ul li {
    margin:0 0 1px;
    line-height:16px;
}

#home_links a:link,
#home_links a:visited {
    color:#333;
    text-decoration:none;
}
/*
#home_links .sprite {
    width:17px;
    height:17px;
    background-position:-826px -78px;
}
*/