/* CSS - Hot Garage Flooring
==============================================================================*/

/** Main Body
==============================================================================*/

html, body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
background: #696969;
background-image: url(images/layout/body_bg.jpg);
background-position: center;
background-repeat: repeat-y;
}

/** Main Container
==============================================================================*/

#container {
position: relative;
width: 759px;
margin: 0 auto;
}

html>body #container {
position: relative;
width: 760px;
margin: 0 auto;
}

/** Alert
==============================================================================*/

#alert {
position: relative;
width: 729px;
left: 1px;
margin: 0 auto;
background-color: #FFFFCC;
font-size: 11px;
}

html>body #alert {
position: relative;
width: 729px;
left: 0px;
margin: 0 auto;
background-color: #FFFFCC;
font-size: 11px;
}

#alert h3 {
border-bottom: 1px solid #000000;
padding-bottom: 5px;
} 

#alert p {
margin-top: -5px;
}

p#close {
text-align: right;
font-size: 10px;
}

#alertbutton {
position: relative;
width: 729px;
height: 31px;
left: 1px;
margin: 0 auto;
margin-top: 0px;
text-align: right;
background-image: url(images/layout/product_alert.jpg);
background-position: top;
background-repeat: no-repeat;
}

html>body #alertbutton {
position: relative;
width: 729px;
height: 31px;
left: 1px;
margin: 0 auto;
margin-top: 0px;
text-align: right;
background-image: url(images/layout/product_alert.jpg);
background-position: top;
background-repeat: no-repeat;
}

#alert2 {
position: relative;
top: 3px;
right: 15px;
font-weight: bold;
}

#alert2 a {
font-size: 11px;
color: #2D2020;
text-decoration: none;
}

#alert2 a span#smalltext {
font-size: 11px;
font-weight: normal;
}

#alert2 a:hover {
font-size: 11px;
color: #2D2020;
text-decoration: underline;
}

#box {
position: relative;
left: 15px;
width: 700px;
}

/** Logo
==============================================================================*/

#logo {
position: absolute;
top: 15px;
left: 25px;
width: 314px;
height: 82px;
}

/** Header
==============================================================================*/

#header {
position: absolute;
top: 20px;
left: 365px;
width: 214px;
height: 85px;
border-right: 1px solid #2D2020;
padding-right: 10px;
}

#header ul, #header li {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: right;
}

#header li {
padding-bottom: 2px;
}

#phone {
color: #FF0000;
font-weight: bold;
}

/** View Cart
==============================================================================*/

#viewcart {
position: absolute;
text-align: right;
top: 40px;
right: 0px;
padding-right: 20px;
height: 50px;
width: 144px;
overflow: hidden;
}

#viewcart ul, #viewcart li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#viewcart li a {
display: block;
height: 50px;
width: 144px;
background-image: url(images/layout/view_cart.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#viewcart li a:visited {
display: block;
height: 50px;
width: 144px;
background-image: url(images/layout/view_cart.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#viewcart li a:hover {
display: block;
height: 50px;
width: 144px;
background-image: url(images/layout/view_cart.jpg);
background-position: 0 -79px;
background-repeat: no-repeat;
overflow: hidden;
}


#viewcart li a span {
display: none;
}



/** General Link Styling
==============================================================================*/

a:link {
color: #DA8B26;
text-decoration: none;
}

a:visited {
color: #DA8B26;
text-decoration: none;
}

a:hover {
color: #2D2020;
text-decoration: underline;
}

a:active {
color: #DA8B26;
text-decoration: underline;
}

a img {
border: none;
}

/** General H Tag Styling
==============================================================================*/

h1 {
font-size: 18px;
color: #696969;
}

h2 {
font-size: 16px;
color: #000000;
}

h3 {
font-size: 14px;
color: #696969;
}

h4 {
font-size: 12px;
color: #696969;
}

/** General Font Tag Styling
==============================================================================*/

.bold {
font-weight: bold;
}

/** Main Navigation
==============================================================================*/

#leftcol {
position: absolute;
top: 120px;
left: 30px;
width: 210px;
}

/** Main Navigation
==============================================================================*/

#nav {
position: relative;
top: 0px;
left: 0px;
width: 190px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}

#nav ul, #nav li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#nav li a {
display: block;
color: #FFFFFF;
background-color: #2D2020;
text-decoration: none;
height: 23px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 1.95em;
font-size: 14px;
border-bottom: 1px solid #FFFFFF;
}

html>body #nav li a {
display: block;
color: #FFFFFF;
background-color: #2D2020;
text-decoration: none;
height: 25px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 2px;
line-height: 2em;
font-size: 14px;
border-bottom: 1px solid #FFFFFF;
}

#nav li a:hover {
background-color: #DA8B26;
color: #000000;
}

#nav li a:active {
background-color: #DA8B26;
color: #000000;
}

#nav li a.current {
background-color: #DA8B26;
color: #000000;
}


/** Main Navigation
==============================================================================*/

#nav {
position: relative;
top: 0px;
left: 0px;
width: 190px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}

#nav ul, #nav li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#nav li a {
display: block;
color: #FFFFFF;
background-color: #2D2020;
text-decoration: none;
height: 23px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
line-height: 1.95em;
font-size: 14px;
border-bottom: 1px solid #FFFFFF;
}

html>body #nav li a {
display: block;
color: #FFFFFF;
background-color: #2D2020;
text-decoration: none;
height: 25px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 2px;
line-height: 2em;
font-size: 14px;
border-bottom: 1px solid #FFFFFF;
}

#nav li a:hover {
background-color: #DA8B26;
color: #000000;
}

#nav li a:active {
background-color: #DA8B26;
color: #000000;
}

#nav li a.current {
background-color: #DA8B26;
color: #000000;
}

/** Sub Navigation
==============================================================================*/

#subnav {
/*position: relative;
top: 15px;
left: 0px;*/
width: 200px;
background-color: #CCCCCC;
color: #000000;
font-size: 11px;
}

html>body #subnav {
/*position: relative;
top: 0px;
left: 0px;*/
width: 200px;
background-color: #CCCCCC;
color: #000000;
font-size: 12px;
}

#subnav ul, #subnav li {
list-style-type: none;
padding: 0px;
margin: 0px;
padding-top: -15px
}

#subnav li a {
display: block;
color: #2D2020;
background-color: #D4B58E;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

html>body #subnav li a {
display: block;
color: #2D2020;
background-color: #D4B58E;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

#subnav li a:hover {
background-color: #DA8B26;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

#subnav li a:active {
background-color: #DA8B26;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

/** Sub Navigation - Ride Rugs
==============================================================================*/

#subnav li.rr a {
display: block;
color: #2D2020;
background-color: #747474;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

html>body #subnav li.rr a {
display: block;
color: #2D2020;
background-color: #747474;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

#subnav li.rr a:hover {
background-color: #2573da;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

#subnav li.rr a:active {
background-color: #2573da;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

/** Sub Navigation - Parking Target
==============================================================================*/

#subnav li.pt a {
display: block;
color: #2D2020;
background-color: #747474;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

html>body #subnav li.pt a {
display: block;
color: #2D2020;
background-color: #747474;
text-decoration: none;
height: 18px;
width: 190px;
margin-left: 0px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 1.5em;
font-size: 11px;
border-bottom: 1px solid #2D2020;
}

#subnav li.pt a:hover {
background-color: #ffff01;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

#subnav li.pt a:active {
background-color: #ffff01;
color: #000000;
border-bottom: 1px solid #CCCCCC;
}

/** Sub Navigation H2 Image Replace
==============================================================================*/

#subnav h2.browseby {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_browse_by.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
margin-bottom: 0px;
}

#subnav h2.browseby span {
display: none;
}

#subnav h2.testimonials {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_testimonials.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: -19px;
margin-bottom: 0px;
}

html>body #subnav h2.testimonials {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_testimonials.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: -14px;
margin-bottom: 0px;
}

#subnav h2.testimonials span {
display: none;
}

#subnav h2.quick {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_quick_overview.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: -8px;
margin-bottom: 0px;
}

html>body #subnav h2.quick {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_quick_overview.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: 15px;
margin-bottom: 0px;
}

#subnav h2.quick span {
display: none;
}

#subnav h2.shipping {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_shipping.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: -8px;
margin-bottom: 0px;
}

html>body #subnav h2.shipping {
/*position: relative;*/
background-image: url(images/headers/sub_headers/sub_shipping.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 200px;
height: 20px;
left: 0px;
top: 15px;
margin-bottom: 0px;
}

#subnav h2.shipping span {
display: none;
}

/** Left Column Testimonial
==============================================================================*/

#testimonial {
position: relative;
top: 0px;
left: 8px;
width: 193px;
}

#testimonial p {
font-size: 11px;
}

#testimonial p#bold {
font-weight: bold;
}

/** Left Column Quick Overview
==============================================================================*/

#quick {
position: relative;
top: 5px;
left: 8px;
width: 188px;
}

html>body #quick {
position: relative;
top: 30px;
left: 8px;
width: 188px;
padding-bottom: 15px;
}

#quick p.title {
text-align: left;
color: #2d2020;
font-size: 14px;
font-weight: bold;
width: 185px;
border-bottom: 1px solid #000000;
padding-bottom: 3px;
}

/** Left Column Shipping
==============================================================================*/

#shipleft {
position: relative;
top: 5px;
left: 8px;
width: 185px;
height: 140px;
}

html>body #shipleft {
position: relative;
top: 5px;
left: 6px;
width: 187px;
padding-bottom: 15px;
}

#shipleft p {
font-size: 11px;
text-align: left;
}

#shipleft p.title {
text-align: left;
color: #2d2020;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #000000;
padding-bottom: 3px;
}

#shipleft p.bold {
font-weight: bold;
font-size: 11px;
color: #000000;
}

#quick ul, #quick li {
font-size: 11px;
padding-bottom: 3px;
list-style-type: none;
}

#siteby {
position: relative;
top: 0px;
left: 0px;
width: 200px;
height: 96px;
background-image: url(images/layout/site_by_bg.jpg);
background-repeat: no-repeat;
}

#siteby h2 {
position: relative;
top: 18px;
text-align: center;
font-size: 11px;
}

/** Main Content
==============================================================================*/

#maincontent {
position: absolute;
top: 120px;
left: 240px;
width: 488px;
}

/** Main Content - Copy
==============================================================================*/

#garageflooring {
display: none;
}

#copy {
position: relative;
left: 10px;
top: 20px;
padding-bottom: 40px;
width: 468px;
}

#copy ol li, #copy ul li {
padding-bottom: 10px;
}

#address ul, #address li {
padding: 0px;
margin: 0px;
list-style-type: 0px;
}

#copy p#tollfree {
font-weight: bold;
color: #FF0000;
}

h3.hcopy {
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}

.smalltype {
font-size: 10px;
font-style: italic;
color: #999999;
}

.highres a {
display: block;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
color: #FFFFFF;
background-color: #2d2020;
margin-left: 7px;
width: 474px;
font-weight: bold;
text-decoration: none;
}

.highres a:hover {
color: #FFFFFF;
background-color: #da8b26;
text-decoration: none;
}

/** Main Content - Product 1
==============================================================================*/

#product1 ul, #product1 li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#product1 li a {
display: block;
height: 167px;
width: 488px;
background-image: url(images/layout/home_d_treadold.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product1 li a:hover {
display: block;
height: 167px;
width: 488px;
background-image: url(images/layout/home_d_treadold.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product1 li a span {
display: none;
}

/** Main Content - Product 2
==============================================================================*/

#product2 {
position: relative;
width: 488px;
top: 13px;
left: 0px;
height: 530px;
margin-bottom: 20px;
}

html>body #product2 {
position: relative;
width: 488px;
top: 14px;
left: 0px;
margin-bottom: 28px;
}

#product2 ul, #product2 li {
list-style-type: none;
padding: 0px;
margin: 0px;
display: block;
float: left;
}

#product2 li {
padding-left: 6px;
padding-bottom: 6px;
}





#product2 li a.hometread {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_d_tread.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.hometread:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_d_tread.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.hometread span {
display: none;
}

   #product2 li a.checker {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/checker.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.checker:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/checker.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.gfloor span {
display: none;
}







#product2 li a.parkpad {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_park_pad.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.parkpad:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_park_pad.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.parkpad span {
display: none;
}

#product2 li a.gfloor {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_g_floor.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.gfloor:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_g_floor.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.gfloor span {
display: none;
}

#product2 li a.levant {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_levant.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.levant:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_levant.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.levant span {
display: none;
}

#product2 li a.mm {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_mm.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.mm:hover {
display: block;
float: left;
height: 167px;
width: 238px;
background-image: url(images/layout/home_mm.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product2 li a.mm span {
display: none;
}

/** Main Content - Product 3
==============================================================================*/

#product3 ul, #product3 li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#product3 li a {
display: block;
height: 167px;
width: 488px;
background-image: url(images/layout/home_ride_rugs.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#product3 li a:hover {
display: block;
height: 167px;
width: 488px;
background-image: url(images/layout/home_ride_rugs.jpg);
background-position: 0 -217px;
background-repeat: no-repeat;
overflow: hidden;
}

#product3 li a span {
display: none;
}

/** Before After
==============================================================================*/

#beforeafter ul, #beforeafter li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#beforeafter li a {
display: block;
height: 200px;
width: 488px;
background-image: url(images/layout/before_after_488px.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#beforeafter li a:hover {
display: block;
height: 200px;
width: 488px;
background-image: url(images/layout/before_after_488px.jpg);
background-position: 0 -200px;
background-repeat: no-repeat;
overflow: hidden;
}

#beforeafter li a span {
display: none;
}


/** About Us
==============================================================================*/

#aboutus {
position: relative;
width: 488px;
left: 0px;
top: 5px;
height: 205px;
}

html>body #aboutus {
position: relative;
width: 488px;
left: 0px;
top: 0px;
height: 205px;
}

#aboutcopy {
position: relative;
width: 478px;
left: 10px;
top: 20px;
}

html>body #aboutcopy {
position: relative;
width: 478px;
left: 10px;
top: 0px;
}

#address ul, #address li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

/** Main Content H2 Image Replace
==============================================================================*/

#aboutus h2.about {
position: relative;
background-image: url(images/headers/hd_about.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: 0px;
top: 6px;
margin-bottom: 0px;
}

html>body #aboutus h2.about {
position: relative;
background-image: url(images/headers/hd_about.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: 0px;
top: 0px;
margin-bottom: 15px;
}

#aboutus h2.about span {
display: none;
}

#questions h2.qa {
position: relative;
background-image: url(images/headers/hd_flooring_qa.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 6px;
margin-bottom: 0px;
}

html>body #questions h2.qa {
position: relative;
background-image: url(images/headers/hd_flooring_qa.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 0px;
margin-bottom: 0px;
}

#questions h2.qa span {
display: none;
}

#questions h2.benefits {
position: relative;
background-image: url(images/headers/hd_benefits.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 6px;
margin-bottom: 0px;
}

html>body #questions h2.benefits {
position: relative;
background-image: url(images/headers/hd_benefits.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 0px;
margin-bottom: 0px;
}

#questions h2.benefits span {
display: none;
}

#questions h2.features {
position: relative;
background-image: url(images/headers/hd_features.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 6px;
margin-bottom: 0px;
}

html>body #questions h2.features {
position: relative;
background-image: url(images/headers/hd_features.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
left: -9px;
top: 0px;
margin-bottom: 0px;
}

#questions h2.features span {
display: none;
}

#questions h2.alert {
position: relative;
background-image: url(images/layout/alert_flooring.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 75px;
left: -9px;
top: 6px;
margin-bottom: 0px;
}

html>body #questions h2.alert {
position: relative;
background-image: url(images/layout/alert_flooring.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 75px;
left: -9px;
top: 0px;
margin-bottom: 0px;
}

#questions h2.alert span {
display: none;
}

#maincontent h2.privacy {
float: left;
background-image: url(images/headers/hd_privacy_policy.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.privacy span {
display: none;
}

#maincontent h2.installguide {
float: left;
background-image: url(images/headers/hd_install_guide.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.installguide span {
display: none;
}

#maincontent h2.contact {
float: left;
background-image: url(images/headers/hd_contact.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.contact span {
display: none;
}

#maincontent h2.shipping {
float: left;
background-image: url(images/headers/hd_shipping_info.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.shipping span {
display: none;
}

#maincontent h2.wheresmy {
float: left;
background-image: url(images/headers/hd_wheresmy.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.wheresmy span {
display: none;
}

#maincontent h2.garagefloor {
float: left;
background-image: url(images/headers/hd_garage_floor.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.garagefloor span {
display: none;
}

#maincontent h2.customerinstalls {
float: left;
background-image: url(images/headers/hd_customer_installs.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.customerinstalls span {
display: none;
}

#maincontent h2.gfloor {
float: left;
background-image: url(images/headers/hd_g_floor.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.gfloor span {
display: none;
}

#maincontent h2.levant {
float: left;
background-image: url(images/headers/hd_levant.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.levant span {
display: none;
}

#maincontent h2.parkpad {
position: relative;
background-image: url(images/headers/hd_park_pad.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.parkpad span {
display: none;
}

#maincontent h2.motorcyclemat {
float: left;
background-image: url(images/headers/hd_motorcycle_mat.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.motorcyclemat span {
display: none;
}

#maincontent h2.dtread {
float: left;
background-image: url(images/headers/hd_diamond_tread.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.dtread span {
display: none;
}

#maincontent h2.adhesives {
float: left;
background-image: url(images/headers/hd_adhesives.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.adhesives span {
display: none;
}

#maincontent h2.riderugs {
float: left;
background-image: url(images/headers/hd_ride_rugs.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.riderugs span {
display: none;
}

#maincontent h2.parkingtarget {
float: left;
background-image: url(images/headers/hd_parking_target.gif);
background-repeat: no-repeat;
background-position: top 0px;
width: 488px;
height: 20px;
}

#maincontent h2.parkingtarget span {
display: none;
}

/** Footer
==============================================================================*/

#footer {
position: relative;
width: 483px;
left: 5px;
top: 25px;
height: 96px;
margin-bottom: 25px;
background-image: url(images/layout/footer_bg.jpg);
background-repeat: no-repeat;
color: #CCCCCC;
font-size: 11px;
}

html>body #footer {
position: relative;
width: 483px;
left: 5px;
top: 150px;
height: 96px;
background-image: url(images/layout/footer_bg.jpg);
background-repeat: no-repeat;
color: #CCCCCC;
font-size: 11px;
}

#footer ul {
position: relative;
top: 18px;
}

#footer ul, #footer li {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
}

#footer li {
display: inline;
}

#footer li a {
color: #CCCCCC;
}

#footer h3 {
position: relative;
top: 12px;
font-size: 11px;
text-align: center;
font-weight: normal;
}

html>body #footer h3 {
position: relative;
top: 25px;
font-size: 11px;
text-align: center;
font-weight: normal;
}

/** Product Specifications
==============================================================================*/

.stretch {
height: 20px;
width: 475px;
display: block;
margin-bottom: -10px;
cursor: pointer;
}

.stretcher {
background: none;
background: #FFFFFF;
padding: 0px;
margin: 0px;
}

.grade ul, .grade li, .speclist ul, .speclist li {
padding: 0px;
margin: 0px;
}

.speclist ul, .speclist li {
list-style-type: disc;
line-height: 18px;
}


#floorspecs {
background-image: url(images/headers/hd_flooring_specs.gif);
background-repeat: no-repeat;
height: 20px;
width: 475px;
}

#floorthickness {
background-image: url(images/headers/hd_flooring_thickness.gif);
background-repeat: no-repeat;
height: 20px;
width: 475px;
}

#floorinstalls {
background-image: url(images/headers/hd_flooring_installations.gif);
background-repeat: no-repeat;
height: 20px;
width: 475px;
}

.productspec {
padding-top: 10px;
padding-left: 10px;
width: 475px;
margin-bottom: 15px;
}

/** Product Specifications  - Diamond Tread
==============================================================================*/

#dtread {
background-image: url(images/products/diamond_tread/diamond_tread_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

/** Product Specifications  - Parking Pad
==============================================================================*/

#parkpad {
background-image: url(images/products/parking_pad/parking_pad_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

/** Product Specifications  - G Floor
==============================================================================*/

#gfloor {
background-image: url(images/products/g_floor/g_floor_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

#pns_tile {
background-image: url(images/tiles-cropped-s.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 235px;
}

/** Product Specifications  - Levant
==============================================================================*/

#levant {
background-image: url(images/products/levant/levant_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

/** Product Specifications  - Motorcycle Mat
==============================================================================*/

#motormat {
background-image: url(images/products/motorcycle_mat/motorcycle_mat_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

/** Product Specifications  - Adhesives
==============================================================================*/

#adhesives {
background-image: url(images/products/adhesives/blt_adhesives.jpg);
background-repeat: no-repeat;
margin-bottom: 25px;
height: 150px;
}

#adhesives p {
width: 300px;
}

/** Product Specifications  - Ride Rugs
==============================================================================*/

#riderugs h2 {
border-bottom: solid 1px #000000;
}

#productspec ul, #productspec li {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#productspec h2 {
margin-bottom: -20px;
}

html>body #productspec h2 {
margin-bottom: -14px;
}

#speclist {
position: relative;
width: 245px;
font-size: 10px;
}

html>body #speclist {
left: 15px;
width: 488px;
font-size: 10px;
}

#mmimage {
float: right;
padding-bottom: 25px;
}

html>body #mmimage {
float: right;
padding-bottom: 25px;
right: 15px;
}

#installguide ul, #installguide li {
list-style-type: none;
padding: none;
margin: none;
}

#installguide li a {
display: block;
height: 60px;
width: 242px;
background-image: url(images/layout/install_guide_242px_60px.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#installguide li a:hover {
display: block;
height: 60px;
width: 242px;
background-image: url(images/layout/install_guide_242px_60px.jpg);
background-position: 0 -60px;
background-repeat: no-repeat;
overflow: hidden;
}

#installguide li a span {
display: none;
}

/** Product List
==============================================================================*/

#productlist {
position: relative;
top: 20px;
margin-bottom: 40px;
}

#productlist ul, #productlist li {
list-style-type: none;
padding: 0px;
margin: 0px;
padding-bottom: 5px;
}

#productlist li.dtreadproduct {
display: block;
height: 173px;
width: 488px;
background-image: url(images/products/diamond_tread/diamond_tread.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#productlist li.gfloorproduct {
display: block;
height: 173px;
width: 488px;
background-image: url(images/products/g_floor/g_floor.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#productlist li.levantproduct {
display: block;
height: 173px;
width: 488px;
background-image: url(images/products/levant/levant.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#productlist li.mmproduct {
display: block;
height: 173px;
width: 488px;
background-image: url(images/products/motorcycle_mat/motorcycle_mat.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

#productlist li.parkpadproduct {
display: block;
height: 173px;
width: 488px;
background-image: url(images/products/parking_pad/parking_pad.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

/** Product Data Table
==============================================================================*/

.productdata, .productdata2, .productdata3, .productdata4, .productdata5, .productdata6, .productdata7, .productdata8, .productdata9, .productdata10 {
padding-top: 10px;
padding-left: 170px;
width: 300px;
}

.productdata table tr td.headline, .productdata2 table tr td.headline, .productdata3 table tr td.headline, .productdata4 table tr td.headline, .productdata5 table tr td.headline, .productdata6 table tr td.headline, .productdata7 table tr td.headline, .productdata8 table tr td.headline, .productdata9 table tr td.headline, .productdata10 table tr td.headline {
font-size: 13px;
font-weight: bold;
color: #A86D22;
padding-bottom: 5px;
border-bottom: 1px solid #2D2020;
}

.productdata table tr td.msrp, .productdata2 table tr td.msrp, .productdata3 table tr td.msrp, .productdata4 table tr td.msrp, .productdata5 table tr td.msrp, .productdata6 table tr td.msrp, .productdata7 table tr td.msrp, .productdata8 table tr td.msrp, .productdata9 table tr td.msrp, .productdata10 table tr td.msrp {
font-size: 12px;
font-weight: bold;
color: #696969;
padding-top: 5px;
padding-bottom: 5px;
}

.productdata table tr td.price, .productdata2 table tr td.price, .productdata3 table tr td.price, .productdata4 table tr td.price, .productdata5 table tr td.price, .productdata6 table tr td.price, .productdata7 table tr td.price, .productdata8 table tr td.price, .productdata9 table tr td.price, .productdata10 table tr td.price {
font-size: 12px;
font-weight: bold;
color: #FF0000;
padding-top: 5px;
padding-bottom: 5px;
}

.productdata table tr td.grade, .productdata2 table tr td.grade, .productdata3 table tr td.grade, .productdata4 table tr td.grade, .productdata5 table tr td.grade, .productdata6 table tr td.grade, .productdata7 table tr td.grade, .productdata8 table tr td.grade, .productdata9 table tr td.grade, .productdata10 table tr td.grade {
font-size: 11px;
font-weight: bold;
color: #696969;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.productdata table tr td.availability, .productdata2 table tr td.availability, .productdata3 table tr td.availability, .productdata4 table tr td.availability, .productdata5 table tr td.availability, .productdata6 table tr td.availability, .productdata7 table tr td.availability, .productdata8 table tr td.availability, .productdata9 table tr td.availability, .productdata10 table tr td.availability  {
font-size: 11px;
color: #000000;
padding-top: 3px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}

.productdata table tr td.color, .productdata2 table tr td.color, .productdata3 table tr td.color, .productdata4 table tr td.color, .productdata5 table tr td.color, .productdata6 table tr td.color, .productdata7 table tr td.color, .productdata8 table tr td.color, .productdata9 table tr td.color, .productdata10 table tr td.color {
top: 0px;
padding-top: 0px;
}

.productdata table tr td.order, .productdata2 table tr td.order, .productdata3 table tr td.order, .productdata4 table tr td.order, .productdata5 table tr td.order, .productdata6 table tr td.order, .productdata7 table tr td.order, .productdata8 table tr td.order, .productdata9 table tr td.order, .productdata10 table tr td.order {
padding-top: 17px;
}

html>body .productdata table tr td.order, html>body .productdata2 table tr td.order, html>body .productdata3 table tr td.order, html>body .productdata4 table tr td.order, html>body .productdata5 table tr td.order, html>body .productdata6 table tr td.order, html>body .productdata7 table tr td.order, html>body .productdata8 table tr td.order, html>body .productdata9 table tr td.order, html>body .productdata10 table tr td.order {
padding-top: 0px;
}

/** Product Data Table - Adhesives
==============================================================================*/

.productdatab {
padding-top: 10px;
padding-left: 10px;
width: 300px;
}

.productdatab table tr td.headline {
font-size: 13px;
font-weight: bold;
color: #A86D22;
padding-bottom: 5px;
border-bottom: 1px solid #2D2020;
}

.productdatab table tr td h3.headline {
font-size: 16px;
font-weight: bold;
color: #A86D22;
padding-bottom: -5px;
border-bottom: 1px solid #2D2020;
margin-bottom: 0px;
}

.productdatab table tr td.msrp {
font-size: 12px;
font-weight: bold;
color: #696969;
padding-top: 5px;
padding-bottom: 5px;
}

.productdatab table tr td.price {
font-size: 12px;
font-weight: bold;
color: #FF0000;
padding-top: 5px;
padding-bottom: 5px;
}

.productdatab table tr td.description {
font-size: 11px;
font-weight: bold;
color: #696969;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

.productdatab table tr td.availability {
font-size: 11px;
color: #000000;
padding-top: 3px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
}

.productdatab table tr td.order {
padding-top: 17px;
}

html>body .productdatab table tr td.order {
padding-top: 0px;
}

/** Product Specs - Tab Content
==============================================================================*/

#tabcontent {
position: relative;
left: 10px;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #FFFFFF;
background: white url(images/tabcontent/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li.selected{
position: relative;
top: 1px;
color: #000000;
}

#tabcontent ul#maintab.shadetabs li.selected a {
color: #000000;
}

.shadetabs li.selected a { /*selected main tab style */
background-image: url(images/tabcontent/shadeactive.gif);
border-bottom-color: white;
color: #000000;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color: #000000;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


/** New Items
==============================================================================*/

#newitemscontainer {
position: relative;
top: 10px;
width: 729px;
left: 1px;
margin: 0 auto;
border-bottom: 2px solid #2573DA;
}

html>body #newitemscontainer {
position: relative;
top: 10px;
width: 729px;
left: 0px;
margin: 0 auto;
border-bottom: 2px solid #2573DA;
}

#newitemscopy {
position: relative;
width: 699px;
left: 15px;
top: -5px;
font-size: 10px;
}

html>body #newitemscopy {
position: relative;
width: 699px;
left: 15px;
top: -5px;
font-size: 10px;
}

#itemshead {
position: relative;
top: -15px;
}

#newitemscopy h3 {
padding-bottom: 4px;
}

p.link {
padding-top: 4px;
border-top: 1px solid #cccccc;
}

#newitemscopy p {
margin-top: -5px;
padding-bottom: 2px;
}

#col1 {
float: left;
display: block;
width: 325px;
}

#col2 {
float: right;
display: block;
width: 325px;
}

#newitemscopy img {
float: left;
padding-top: 0px;
padding-right: 5px;
margin-bottom: 20px;
}

html>body #newitemscopy img {
float: left;
padding-top: 12px;
padding-right: 5px;
margin-bottom: 40px;
}


p.mainsubnav { 
    margin: 0; 
    padding: 0; 
    font-size: 12px; 
    padding-left: 5px; 
    color: black;
}

input.contact, textarea.contact  {
border:1px solid #696969;
margin-bottom:5px;
width:300px;
}


label.contact { text-align:right; width:130px; }