html {
    /*height: 100%;*/
    background: white;
}
body {
    margin: 0;
    padding: 0;
    color: #818181;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
.clear {
    clear: both;
}
.hidden {
    display:none;
    height:0;
    margin:0;
    padding:0;
    width:0;
}
#headerCont, #topNavCont, #bodyCont, #footerCont {
    width: 764px;
    margin: 0 auto;
}

#header {
    height: 91px;
    background: url('/lib/yhst-23057745957616/header-bg.gif') top left repeat-x;
    text-align: center;
}
#headerCont {
    height: 91px;
    position: relative;
    text-align: right;
}
.storeLogo, .storeLogo a {
    width: 518px;
    height: 86px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: url('/lib/yhst-23057745957616/header-logo.gif') top left no-repeat;
}
.storeLogo a span {
    display: none;
}
#topNav {
    height: 33px;
    background: url('/lib/yhst-23057745957616/header-bg.gif') bottom left repeat-x;
    text-align: center;
}
#topNavCont div {
    float: left;
}
/* BEGIN SEARCH BOX */
#searcharea {
    width: 177px;
    height: 34px;
    position: absolute;
    right: 4px;
    top: 29px;
}
#searchForm {
    width: 177px;
    height: 34px;
    background: url('/lib/yhst-23057745957616/header-search-bg.gif');
}
#searchInput {
    float: left;
    border: 0px none;
    width: 127px;
    background: none;
    font-size: 12px;
    color: #b3b3b3;
    height: 15px; margin-left:32px; margin-right:0; margin-top:8px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0
}
#searchInput.active {
    color: #818181;
}

/* END SEARCH BOX */

/* BEGIN NAV */
#nav {width:764px; z-index:50; margin: 0; padding: 0}
#nav, #nav li, #nav li a, #nav li div, #nav li strong { 
    height: 33px; 
}
#nav li { float:left; position:relative; margin-right:0; list-style:none; }
#nav li a { cursor:pointer; }
#nav li a, #nav li div { position:relative; display:block; text-decoration:none; color:#000; font-size:8px;  }
#nav li a span { visibility: hidden;}
#nav li strong { position:absolute; top:0px; left:0px; display:block; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url('/lib/yhst-23057745957616/hd-header-links.jpg'); }

#nav li.clean, #nav li.clean a, #nav li.clean a strong{ 
    background-position:  0px top; width:80px; }
#nav li.preserve, #nav li.preserve a, #nav li.preserve a strong {
    background-position: -80px top; width:84px; }
#nav li.renew, #nav li.renew a, #nav li.renew a strong {
    background-position:-164px top; width:88px; }
#nav li.kits, #nav li.kits a, #nav li.kits a strong {
    background-position:-251px top; width:54px; }
#nav li.accessories, #nav li.accessories a, #nav li.accessories a strong {
    background-position:-305px top; width:113px; }
#nav li.professional, #nav li.professional a, #nav li.professional a strong {
    background-position:-418px top; width:54px; }
#nav li.international, #nav li.international a, #nav li.international a strong {
    background-position:-472px top; width:56px; }
#nav li.video, #nav li.video a, #nav li.video a strong {
    background-position:-528px top; width:66px; }
#nav li.hd-car-care-difference, #nav li.hd-car-care-difference a, #nav li.hd-car-care-difference a strong {
    background-position:-594px top; width:72px; }
#nav li.cart, #nav li.cart a, #nav li.cart a strong {
    background-position:-666px top; width:96px; }
    
    
#nav li.clean:hover a, #nav li.clean:hover a strong, #nav li.clean a:hover, #nav li.clean a:hover strong {
    background-position:0px  bottom; }
#nav li.preserve:hover a, #nav li.preserve:hover a strong, #nav li.preserve a:hover, #nav li.preserve a:hover strong {
    background-position:-80px bottom; }
#nav li.renew:hover a, #nav li.renew:hover a strong, #nav li.renew a:hover, #nav li.renew a:hover strong {
    background-position:-164px bottom; }
#nav li.kits:hover a, #nav li.kits:hover a strong, #nav li.kits a:hover, #nav li.kits a:hover strong {
    background-position:-251px bottom; }
#nav li.accessories:hover a, #nav li.accessories:hover a strong, #nav li.accessories a:hover, #nav li.accessories a:hover strong {
    background-position:-305px bottom; }
#nav li.professional:hover a, #nav li.professional:hover a strong, #nav li.professional a:hover, #nav li.professional a:hover strong {
    background-position:-418px bottom; }
#nav li.international:hover a, #nav li.international:hover a strong, #nav li.international a:hover, #nav li.international a:hover strong {
    background-position:-472px bottom; }
#nav li.video:hover a, #nav li.video:hover a strong, #nav li.video a:hover, #nav li.video a:hover strong {
    background-position:-528px bottom; }
#nav li.hd-car-care-difference:hover a, #nav li.hd-car-care-difference:hover a strong, #nav li.hd-car-care-difference a:hover, #nav li.hd-car-care-difference a:hover strong {
    background-position:-594px bottom; }
#nav li.cart:hover a, #nav li.cart:hover a strong, #nav li.cart a:hover, #nav li.cart a:hover strong {
    background-position:-666px bottom; }
/* END NAV */

#bodyContent {
    background: white;
    padding-top: 2px;
    text-align: center;
}
#bodyCont {
    text-align: left;
}
.splitsection {
    border-bottom: 1px solid #bed52a;
}
.homeText {
    padding: 15px 20px;
    font-size: 12px;
}
#footer {
    height: 60px;
    background: url('/lib/yhst-23057745957616/footer-bg.gif') top left repeat-x;
    text-align: center;
}
#footerCont {
    height: 60px;
    position: relative;
    text-align: right;
}
#fnav {
    float: left;
}
/* BEGIN FOOTER NAV */
#fnav {width:431px; z-index:50; margin: 0; padding: 0}
#fnav, #fnav li, #fnav li a, #fnav li div { 
    height: 26px; 
}
#fnav li { float:left; position:relative; margin-right:0; list-style:none; }
#fnav li a { cursor:pointer; }
#fnav li a, #fnav li div { position:relative; display:block; text-decoration:none; color:#000; font-size:8px;  }
#fnav li a span { visibility: hidden;}
#fnav li, #fnav li a, #fnav li div { background-image:url('/lib/yhst-23057745957616/footer-links.gif'); }

#fnav li.home, #fnav li.home a{ 
    background-position:  0px top; width:58px; }
#fnav li.about, #fnav li.about a {
    background-position: -58px top; width:86px; }
#fnav li.privacy, #fnav li.privacy a {
    background-position:-144px top; width:115px; }
#fnav li.exchange, #fnav li.exchange a {
    background-position:-259px top; width:88px; }
#fnav li.email, #fnav li.email a {
    background-position:-347px top; width:84px; }

#fnav li.home:hover a, #fnav li.home a:hover {
    background-position:0px  bottom; }
#fnav li.about:hover a, #fnav li.about a:hover {
    background-position:-58px bottom; }
#fnav li.privacy:hover a, #fnav li.privacy a:hover {
    background-position:-144px bottom; }
#fnav li.exchange:hover a, #fnav li.exchange a:hover {
    background-position:-259px bottom; }
#fnav li.email:hover a, #fnav li.email a:hover {
    background-position:-347px bottom; }
/* END FOOTER fnav */

.breadcrumbs {
    background: #f6f6f6;
    color: #818181;
    font-size: 11px;
    padding: 10px 30px;
}
.breadcrumbs a {
    color: #186991;
    text-decoration: none;
}

.maincontent {
    background: transparent url('/lib/yhst-23057745957616/category-bg.gif') -199px 0 repeat-y;
    margin-left: 215px;
    padding: 10px 10px 20px 15px;
}
.sidebar {
    width: 198px;
    float: left;
}
#catsidebar h3 {
    font-size: 12px;
    color: black;
    margin: 0;
    padding: 10px 0 10px 24px;
    border-bottom: 1px solid #bed52a;
}
#catsidebar ul {
    padding: 5px 0 5px 24px;
    margin: 0 0 10px;
    font-size: 13px;
    list-style-type: none;
    border-bottom: 1px solid #bed52a;
}
#catsidebar li {
    list-style-type: none;
    line-height: 24px;
}
#catsidebar li a {
    color: #186991;
    text-decoration: none;
}
.maincontent {
    font-size: 12px;
    color: #818181;
}
.caption h3, .finalText h3 {
    font-size: 14px;
    font-weight: normal;
    color: #1a1a1a;
    margin: 7px 0;
}
.contentsTable, .contentsTable td {
    border: none;
}
.catproducts, #catcontent .contentsTable {
    margin-top: 20px;
    width: 100%;
}
.catprodinfo, #catcontent .contentsTableTd{
    border-top: 1px solid #dcdcdc;
    min-height: 130px;
    padding: 20px 0 15px;
}
#catcontent .contentsTable td {
    vertical-align: top;
}
.catprodinfo .prodthumbnail {
    float: left;
}
.catprodinfo .info {
    margin-left: 135px;
}
.catprodinfo .prodname, .contentsTable .itemName{
    font-weight: normal;
}
.catprodinfo .prodname a, .contentsTable .itemName a {
    font-size: 14px;
    color: #186991;
}
.price, .contentsTable .priceBold {
    font-size: 14px;
    color: #186991;
    text-decoration: none;
}
.price, .contentsTable .priceBold b {
    font-weight: normal;
}
.catprodinfo .cartbtn {
    margin-top: 10px;
}

#prodimages {
    float: left;
    width: 380px;
}
#prodimages td, #prodimages th {
    border: none;
    padding: 0;
}

#product_table .product {
margin-right: 2px;
}

.itemProperties {
    margin-left: 420px;
    margin-top: 20px;
}
.itemProperties .itemName {
    font-size: 24px;
    color: #186991;
    font-weight:normal;
    margin:10px 0;
}
.itemProperties .addToCart {
    margin-top: 10px;
}
#detailcaption {
    margin-left: 420px;
    border-top: 1px solid #bed52a;
    padding-top:15px;
    margin-top: 15px;
    line-height: 16px;
}
.tabberlive {
    padding-bottom: 20px;
}
.accessoriesHeader, #prodrelated .relatedtitle{
    font-weight: bold;
    background: #b3b3b3;
    color: white;
    padding: 5px 15px;
}
.contentsTable.vertical {
    margin-top: 10px;
}
.contentsTable.vertical .contentsTableTd, .relprod {
    /*width: 189px;*/
    /*float: left;*/
    text-align: center;
    padding: 5px 10px;
    vertical-align: top;
}
.relprod.first {
    background: none;
}
.contentsTable.vertical .contentsTableTd.contentsVSeparator {
    background: transparent url('/lib/yhst-23057745957616/category-bg.gif') -10px 0 repeat-y;
}
.relprod a {
    text-decoration: none;
    color: #186991;
    font-size: 12px;
    line-height: 18px;
}
.contentsTableTd .itemName a, .relprod a.prodname {
    text-decoration: underline;
    color: #186991;
    font-size: 12px;
    line-height: 18px;
}
.relprod .price {
    font-size: 12px;
}
