body {
   background-color: #edf1f2;
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd.gif");
   background-position: center top;
   background-repeat: repeat-x;
   color: #494c4c;
   font-family: "Lucida Grande", arial, helvetica, sans-serif;
   font-size: 11px;
   line-height: 15px;
   margin: 0;
   padding: 0;
}
#header {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_header.gif");
   background-position: center top;
   background-repeat: no-repeat;
   height: 185px;
   position: relative;
   width: 942px;
}
#wrapper {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_body.gif");
   background-position: center top;
   background-repeat: repeat-y;
   display: table;
   padding: 10px 0 15px;
   width: 942px;
}
#content {
   display: table;
   padding: 0;
   width: 820px;
   text-align: left;
}
#main_header {
   display: block;
   height: 250px;
   position: relative;
   text-align: left;
   width: 820px;
}
#products_header {
   clear: both;
   height: 40px;
   margin: 0 0 20px;
   position: relative;
   width: 820px;
}
#projects_header {
   margin: 0 0 20px;
   width: 820px;
}
#main {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_main.gif");
   background-position: left top;
   background-repeat: repeat-y;
   display: table;
   margin: 30px 0 15px;
   text-align: left;
   width: 820px;
}
#main_col_left {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_main_left.gif");
   background-position: left top;
   background-repeat: repeat-y;
   display: table;
   margin: 10px 0 15px;
   text-align: left;
   width: 820px;
}
#main_projects {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_projects.gif");
   background-position: left top;
   background-repeat: repeat-y;
   display: table;
   margin: 10px 0 15px;
   text-align: left;
   width: 820px;
}
#main_nobg {
   display: table;
   margin: 0 0 15px;
   text-align: left;
   width: 820px;
}
#footer {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_footer.gif");
   background-position: center top;
   background-repeat: no-repeat;
   clear: both;
   height: 60px;
   width: 942px;
}
#mobile-links {
   font-size: 10px;
   padding: 2px 4px;
   position: absolute;
   right: 45px;
   text-align: right;
   top: 14px;
}
#mobile-links a {
   border: 1px solid #e68b00;
   color: #ffffff;
   padding: 2px 4px;
   text-decoration: none;
}
#mobile-links a:hover {
   background-color: #e68b00;
   color: #ffffff;
   text-decoration: none;
}
#links {
   float: left;
   height: 35px;
   left: 50px;
   position: relative;
   text-align: left;
   top: 130px;
}
ul#product_bullets {
   border: medium none;
   display: table;
   list-style: none outside none;
   margin: 8px 0 20px;
   padding: 0;
}
#product_bullets li {
   display: table;
   font-size: 10px;
   font-weight: bold;
   margin: 0;
   padding: 8px;
   width: 100%;
}
ul#small_product_bullets {
   list-style: circle outside none;
   margin: 0 0 20px 10px;
   padding: 0;
}
#small_product_bullets li {
   color: #929999;
   font-size: 10px;
   font-weight: bold;
   margin: 0 0 0 5px;
   padding: 8px 0 0;
   width: 100%;
}
ul#small_product_bullets_red {
   list-style: circle outside none;
   margin: 0 0 0 10px;
   padding: 0;
}
#small_product_bullets_red li {
   color: #929999;
   font-size: 10px;
   font-weight: bold;
   margin: 0 0 0 5px;
   padding: 8px 0 0;
   width: 100%;
}
#col_1_1 {
   background-image: url("http://www.hrsprings.com/ee_images/bkgnd_section.gif");
   background-position: left bottom;
   background-repeat: repeat-x;
   display: table;
   padding: 0 0 20px;
   width: 820px;
}
#col_1_1_nobg {
   display: table;
   padding: 0 0 20px;
   width: 820px;
}
#col_12 {
   float: left;
   width: 510px;
}
#col_3 {
   float: right;
   width: 280px;
}
#col_2_1 {
   float: left;
   width: 253px;
}
#col_2_2 {
   float: right;
   width: 253px;
}
#col_2_12 {
   float: left;
   margin-bottom: 20px;
   width: 400px;
}
#col_2_22 {
   float: right;
   width: 390px;
}
#col_3_1 {
   float: left;
   width: 253px;
}
#col_3_2 {
   float: left;
   margin-left: 35px;
   width: 253px;
}
#col_3_12 {
   float: left;
   width: 536px;
}
#col_3_23 {
   float: right;
   width: 536px;
}
#col_3_3 {
   float: right;
   width: 253px;
}
#col_project_1 {
   float: left;
   width: 480px;
}
#col_project_2 {
   float: right;
   width: 320px;
}
#subcol_1 {
   background-color: #f6f8f8;
   border-bottom: 1px solid #c2c8ce;
   border-top: 1px solid #c2c8ce;
   margin: 22px 0;
   width: 100%;
}
#subcol_1.sectionalert {
   background-color: #ffe1e1;
}
#subcol_2_1,
#subcol_2_2 {
   background-color: #f6f8f8;
   border-bottom: 1px solid #c2c8ce;
   border-top: 1px solid #c2c8ce;
   margin-top: 22px;
   width: 260px;
}
.inset {
   margin: 22px 22px 22px 30px;
   text-align: left;
}
.app_inset {
   height: 100px;
   margin: 22px 22px 22px 30px;
   text-align: left;
}
#subcol_2_1 {
   float: left;
}
#subcol_2_2 {
   float: right;
}
#prodcol_4_1 {
   display: table;
   float: left;
   margin-left: 2%;
   margin-right: 5%;
   width: 20%;
}
#prodcol_4_2 {
   display: table;
   float: left;
   margin-right: 5%;
   width: 20%;
}
#prodcol_4_3 {
   display: table;
   float: left;
   margin-right: 5%;
   width: 20%;
}
#prodcol_4_4 {
   display: table;
   float: right;
   margin-right: 2%;
   width: 20%;
}
#prodcol_3_1 {
   display: table;
   float: left;
   margin-right: 3%;
   width: 30%;
}
#prodcol_3_2 {
   display: table;
   float: left;
   margin-right: 3%;
   width: 30%;
}
#prodcol_3_3 {
   display: table;
   float: left;
   margin-right: 0;
   width: 30%;
}
#prodcol_2_1 {
   display: table;
   float: left;
   width: 250px;
}
#prodcol_2_2 {
   display: table;
   float: right;
   width: 250px;
}
#prod4col_image {
   height: 150px;
   width: 165px;
}
#prod3col_image {
   height: 135px;
   width: 165px;
}
#prod2col_image {
   height: 170px;
   width: 240px;
}
.subcol_3_1,
.subcol_3_2,
.subcol_3_3 {
   float: left;
   font-size: 9px;
   width: 172px;
}
.subcol_3_2,
.subcol_3_3 {
   margin: 0 0 0 10px;
}
A:link img,
A:visited img {
   border-color: #122840;
}
A:hover img {
   border-color: #ff0000;
}
a.link {
   background-image: url("http://www.hrsprings.com/ee_images/link.gif");
   background-position: left top;
   background-repeat: no-repeat;
   color: #122840;
   display: block;
   font-size: 11px;
   line-height: 11px;
   margin-top: 10px;
   padding-left: 18px;
   text-decoration: none;
}
a.link:hover {
   text-decoration: underline;
}
#section,
#section_border {
   clear: both;
   display: table;
   margin: 22px 0 0;
   width: 100%;
}
#product_section {
   clear: both;
   display: table;
   margin: 10px 0 0;
   width: 100%;
}
#section_border {
   border-top: 4px double #c2c8ce;
   padding: 22px 0 0;
}
.slideShow ul,
.slideShow li {
   float: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.slideShow {
   clear: both;
   display: table;
   left: 0;
   margin-bottom: 10px;
   padding: 0;
   position: absolute;
   top: 0;
}
.slideShow .navigation {
   display: table;
   position: absolute;
   right: 15px;
   top: 15px;
   width: 110px;
}
.slideShow .navigation a {
   background-color: #b3b3b3;
   color: #232323;
   float: left;
   margin: 0 2px 0 0;
   padding: 4px 6px;
   text-decoration: none;
}
.slideShow .navigation a:hover,
.slideShow .navigation a.selected {
   background-color: #929292;
   color: #000000;
}
.slide img {
   height: 250px;
   left: 0;
   position: absolute;
   top: 0;
   width: 820px;
}
.slide #category {
   color: #ffffff;
   display: table;
   font-size: 14px;
   font-weight: bold;
   left: 15px;
   position: absolute;
   text-align: left;
   top: 220px;
   width: 400px;
}
.slide #info {
   color: #ffffff;
   display: table;
   font-size: 11px;
   left: 400px;
   position: absolute;
   text-align: right;
   top: 210px;
   width: 400px;
}
.slide #info h3 {
   color: #ffffff;
   font-size: 13px;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
#links ul {
   border: medium none;
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
#links li {
   background-repeat: repeat-x;
   display: block;
   float: left;
   height: 35px;
   margin: 0;
   padding: 15px 0 0;
}
.left_on {
   background-image: url("http://www.hrsprings.com/ee_images/tab_end_l.gif");
   width: 20px;
}
.on {
   background-image: url("http://www.hrsprings.com/ee_images/tab_active.gif");
}
.off {
   background-image: url("http://www.hrsprings.com/ee_images/tab.gif");
}
.on_split_l {
   background-image: url("http://www.hrsprings.com/ee_images/tab_active_l.gif");
   width: 20px;
}
.on_split_r {
   background-image: url("http://www.hrsprings.com/ee_images/tab_active_r.gif");
   width: 20px;
}
.off_split {
   background-image: url("http://www.hrsprings.com/ee_images/tab_r.gif");
   width: 20px;
}
.left_off {
   background-image: url("http://www.hrsprings.com/ee_images/tab_end_off_l.gif");
   width: 20px;
}
.right_off {
   background-image: url("http://www.hrsprings.com/ee_images/tab_end_off_r.gif");
   width: 20px;
}
#links li a {
   color: #122840;
   font-weight: bold;
   height: 35px;
   margin: 0 5px;
   padding-bottom: 10px;
   text-decoration: none;
}
#links li b {
   border-bottom: 3px solid #e68b00;
   color: #122840;
   font-weight: bold;
   height: 35px;
   margin: 0 5px;
   padding-bottom: 10px;
   text-decoration: none;
}
#links li a:hover {
   border-bottom: 3px solid #e68b00;
}
a {
   color: #074283;
   text-decoration: none;
}
a:hover {
   color: #e68b00;
   text-decoration: underline;
}
#product_sections li.springs,
#product_sections li.springs_on {
   border-left: 0 none;
   padding-left: 0;
}
#product_sections li.accessories,
#product_sections li.accessories_on {
   padding-right: 0;
}
#product_sections li.springs a {
   background-position: 0 -74px;
}
#product_sections li.springs a:hover,
#product_sections li.springs_on a {
   background-position: 0 0;
}
#product_sections li.cupkits a {
   background-position: -101px -74px;
}
#product_sections li.cupkits a:hover,
#product_sections li.cupkits_on a {
   background-position: -101px 0;
}
#product_sections li.coilovers a {
   background-position: -202px -74px;
}
#product_sections li.coilovers a:hover,
#product_sections li.coilovers_on a {
   background-position: -202px 0;
}
#product_sections li.swaybars a {
   background-position: -303px -74px;
}
#product_sections li.swaybars a:hover,
#product_sections li.swaybars_on a {
   background-position: -303px 0;
}
#product_sections li.trak a {
   background-position: -404px -74px;
}
#product_sections li.trak a:hover,
#product_sections li.trak_on a {
   background-position: -404px 0;
}
#product_sections li.idrace a {
   background-position: -505px -74px;
}
#product_sections li.idrace a:hover,
#product_sections li.idrace_on a {
   background-position: -505px 0;
}
#product_sections li.triplec a {
   background-position: -606px -74px;
}
#product_sections li.triplec a:hover,
#product_sections li.triplec_on a {
   background-position: -606px 0;
}
#product_sections li.accessories a {
   background-position: -707px -74px;
}
#product_sections li.accessories a:hover,
#product_sections li.accessories_on a {
   background-position: -707px 0;
}
#product_links ul,
#product_links dl,
#product_links dd {
   border: medium none;
   float: left;
   list-style: none outside none;
   margin: 0 1px 0 0;
   padding: 0;
   width: 101px;
}
#product_links dd {
   display: table;
   margin: 0;
   padding: 0;
}
#product_links {
   left: 0;
   margin-top: 5px;
   position: absolute;
   text-align: center;
   top: 0;
   width: 820px;
   z-index: 80;
}
#product_links li {
   border-bottom: 1px solid #edf1f2;
   border-left: 1px solid #edf1f2;
   border-right: 1px solid #edf1f2;
   clear: both;
   display: block;
   text-align: center;
}
#product_links li a {
   background-color: #ffffff;
   border-right: 3px solid #ffffff;
   display: block;
   float: none;
   font-size: 10px;
   font-weight: bold;
   height: auto;
   margin: 0;
   padding: 5px 0 5px 8px;
   width: auto;
}
#product_links li a:hover {
   background-color: #ffffff;
   background-image: url("http://www.hrsprings.com/ee_images/link_arrow_horiz.gif");
   background-position: left center;
   background-repeat: no-repeat;
   color: #e68b00;
   text-decoration: none;
}
#product_links dt a {
   background-color: #edf1f2;
   display: table;
   float: left;
   font-weight: bold;
   height: 24px;
   margin: 0;
   padding: 6px 0 0;
   width: 101px;
}
#product_links dt a:hover {
   background-color: #005284;
   background-image: url("http://www.hrsprings.com/ee_images/link_arrow.gif");
   background-position: center bottom;
   background-repeat: no-repeat;
   color: #ffffff;
   text-decoration: none;
}
#product_links dt a.on {
   background-color: #005284;
   background-image: url("http://www.hrsprings.com/ee_images/link_arrow.gif");
   background-position: center bottom;
   background-repeat: no-repeat;
   color: #ffffff;
   text-decoration: none;
}

#search {
   position: relative;
   top: 131px;
   right: 30px;
   text-align: right;
   float: right;
   font-size: 10px;
   padding-top: 6px;
   width: 150px;
   margin-bottom: -10px;
}
#search select {
   position: relative;
   top: 0;
   right: 30px;
   float: left;
   width: 125px;
}
.search_button {
   float: right;
   position: absolute;
   right: 15px;
   top: 4px;
}
.textfield {
   color: #666666;
   float: left;
   font: 11px/11px verdana, arial, sans-serif;
   margin: 0;
   padding: 2px;
   width: 140px;
}
#copyright {
   color: #ffffff;
   font-size: 10px;
   position: relative;
   text-align: left;
   top: 21px;
   width: 820px;
}
#copyright a {
   color: #ffffff;
   text-decoration: underline;
}
#copyright a:hover {
   color: #122840;
   text-decoration: none;
}
.copy {
   float: left;
}
.terms {
   float: right;
}
#feature_block {
   color: #ffffff;
   display: table;
   font-size: 10px;
   position: relative;
   text-align: left;
   top: 210px;
   width: 780px;
}
.feature_link {
   float: left;
   margin: 10px 0 0;
}
.feature_title {
   float: right;
   text-align: right;
}
#list {
   padding: 0 0 5px;
   width: 100%;
}
.row {
   background-color: #edf1f2;
   border-bottom: 1px solid #c2c8ce;
   border-top: 1px solid #c2c8ce;
   font-size: 10px;
   padding: 5px 0 5px 18px;
}
.row_alt {
   background-color: #ffffff;
   font-size: 10px;
   padding: 5px 0 5px 18px;
}
#project_vehicle_list {
   display: table;
   margin: 0;
   padding: 0;
   width: 100%;
}
.row_odd {
   background-color: #f6f8f8;
   border-bottom: 1px solid #c2c8ce;
   border-top: 1px solid #c2c8ce;
}
.row_even {
}
#project_vehicle_thumb {
   display: table;
   float: left;
   height: 129px;
   margin: 0 20px 0 0;
   padding: 0;
   width: 185px;
}
#project_vehicle_list_text {
   display: table;
   margin: 10px 0 0;
   padding: 0 20px 0 0;
}
p {
   margin: 10px 0 0;
}
.no_margins {
   margin-bottom: 0;
   padding-bottom: 0;
}
h1 {
   color: #929999;
   font-family: helvetica, arial, sans-serif;
   font-size: 16px;
   font-weight: normal;
   line-height: 19px;
   margin-bottom: 15px;
   margin-top: 0;
}
h1 b {
   color: #e68b00;
   font-weight: bold;
}
h1 a {
   color: #929999;
   font-size: 11px;
   font-weight: bold;
}
h2 {
   color: #122840;
   font-family: helvetica, arial, sans-serif;
   font-size: 16px;
   font-weight: normal;
   line-height: 19px;
   margin: 0 0 4px;
}
h2 b {
   color: #929999;
   font-size: 12px;
   font-weight: normal;
}
h3 {
   font-family: helvetica, arial, sans-serif;
   font-size: 15px;
   font-weight: bold;
   line-height: 19px;
}
h3 i {
   color: #929999;
   font-style: italic;
   font-weight: normal;
}
.appguide {
   background-color: #929999;
   color: #ffffff;
   margin: 15px 0 5px;
   padding: 5px 0 5px 15px;
   text-align: left;
}
#feature_block h3 {
   font-family: helvetica, arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0;
   line-height: 19px;
   margin: 0;
}
.feature_title {
   letter-spacing: 2px;
}
h4 {
   font-size: 11px;
   font-weight: bold;
   line-height: 15px;
   margin: 8px 0 3px;
}
h5 {
   font-size: 12px;
   font-weight: bold;
   line-height: 15px;
   margin: 15px 0 8px;
   text-align: left;
}
h5 i {
   font-size: 10px;
   font-weight: normal;
   line-height: 12px;
   margin: 0 0 10px;
   text-align: left;
}
#pagination {
   display: table;
   width: 100%;
}
.pagination {
   background-color: #edf1f2;
   border-bottom: 1px solid #c2c8ce;
   border-top: 1px solid #c2c8ce;
   margin: 0 0 20px;
   padding: 5px 0 5px 15px;
   text-align: left;
}
.pagination1 {
   display: none;
}
#pagination_links {
   color: #e68b00;
   float: left;
   font-weight: bold;
}
#pagination_page {
   float: right;
   font-style: italic;
   margin-right: 15px;
}
h6 {
   color: #929999;
   font-family: georgia, times, serif;
   font-size: 10px;
   font-style: italic;
   font-weight: normal;
   line-height: 15px;
   margin: 0 0 3px;
   padding: 0;
   text-align: center;
}
blockquote {
   border-bottom: 4px double #c2c8ce;
   border-top: 4px double #c2c8ce;
   color: #929999;
   display: block;
   font-family: helvetica, arial, sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height: 21px;
   margin: 20px 0;
   padding: 8px 0;
   text-align: left;
}
.alert {
   font-size: 10px;
   font-weight: bold;
   line-height: 16px;
}
#photocol {
   float: left;
   height: 100px;
   margin: 0 0 8px 8px;
   text-align: center;
   width: 150px;
}
#product_photocol {
   margin: 0 10px 8px 0;
   text-align: center;
   width: 250px;
}
#product_photocol_left {
   float: left;
   height: 220px;
   margin: 0 23px 8px 0;
   text-align: center;
   width: 250px;
}
#distributorrowodd {
   clear: both;
   display: table;
   padding: 15px 0 15px 25px;
   width: 100%;
}
#distributorroweven {
   background-color: #f6f8f8;
   clear: both;
   display: table;
   padding: 15px 0 15px 25px;
   width: 100%;
}
.distributor {
   display: table;
   float: left;
   padding: 0;
   width: 250px;
}
#distributorrowodd a,
#distributorroweven a {
   color: #e68b00;
   display: block;
   font-weight: bold;
   margin-top: 8px;
   text-decoration: none;
}
#distributorrowodd a:hover,
#distributorroweven a:hover {
   color: #122840;
   display: block;
   font-weight: bold;
   margin-top: 8px;
   text-decoration: underline;
}
#distributorrowodd b,
#distributorroweven b {
   display: block;
   margin-top: 3px;
}
th {
   border-bottom: 0 solid #c2c8ce;
   color: #929999;
   font-size: 10px;
   font-weight: bold;
   line-height: 14px;
}
td {
   border-top: 1px solid #c2c8ce;
   font-family: arial, helvetica, sans-serif;
   font-size: 11px;
   padding: 5px;
}
td.clear {
   border-top: 0 none;
   font-family: arial, helvetica, sans-serif;
}
td a {
   color: #929999;
   font-weight: bold;
   text-decoration: underline;
}
td a:hover {
   color: #122840;
   text-decoration: none;
}
.Odd {
   background-color: #f6f8f8;
}
.Even {
}
#stage_1 {
   background-color: #fffaee;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_2 {
   background-color: #fff0d9;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_21 {
   background-color: #f2eeae;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_22 {
   background-color: #f2eeae;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_225 {
   background-color: #fcdee0;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_3 {
   background-color: #ffe9ba;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_325 {
   background-color: #f9c0cb;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_34 {
   background-color: #e4f2e7;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_35 {
   background-color: #cce7d4;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_4 {
   background-color: #ff9999;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_41 {
   background-color: #d4effc;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_412 {
   background-color: #b0e4fd;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_435 {
   background-color: #fcbb74;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_445 {
   background-color: #a0ceee;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_455 {
   background-color: #88b8da;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_46 {
   background-color: #f6ff00;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#stage_6 {
   background-color: #ff99ff;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#sb_Front {
   background-color: #d4effc;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#sb_Rear {
   background-color: #a0ceee;
   border-right: 1px dashed #ffffff;
   padding: 5px 10px;
}
#distributors th {
   color: #494c4c;
   text-align: left;
   vertical-align: bottom;
}
#distributors td {
   text-align: left;
   vertical-align: top;
}
