.border-radius,
button[type=button],
.hContainer .hContent .hDetails a,
.hContainer .hContent .hDetails span.accountBtn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }

.generic-animation,
.generic-opacity-hover,
.pPage-right .pPage-social a,
.pPage-right .pPage-social iframe,
button[type=button],
.hContainer .hContent .hDetails a,
.hContainer .hContent .hDetails span.accountBtn,
.hContainer .hContent ul li a,
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput input,
.main .fullCenter .bodyContent .lContainer .communityBox a,
.contentBox .blackBox a,
.contentBox .greyBox a { -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; }

.generic-opacity { opacity: 0.8; }
.generic-opacity-hover,
.pPage-right .pPage-social a,
.pPage-right .pPage-social iframe { opacity: 0.8; }
.generic-opacity-hover:hover,
.pPage-right .pPage-social a:hover,
.pPage-right .pPage-social iframe:hover { opacity: 1; }

.global-sprite,
.hContainer .bikerLogo,
.hContainer .hContent h1,
.hContainer .hContent .freeDelivery,
.main .fullCenter .bodyContent .lContainer .communityBox a,
.Star_Holder2 .star-rating,
.Star_Holder2 .star-rating a,
.contentIntro p span,
footer .fullCenter .footerLogo,
.pPage-left .ratings .ratingInfo .nub,
.pPage-left .ratings .ratingInfo table,
.pPage-right .pPage-social a { background: url(/img/global/sprite.png); }

.inlineBlock { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }

.orange-button,
.main .fullCenter .bodyContent .lContainer .contentNewsletter .blackBox a { background: #FF5E00; border: none; padding: 1px 7px 2px 3px; text-decoration: none; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.orange-button:hover,
.main .fullCenter .bodyContent .lContainer .contentNewsletter .blackBox a:hover { background: #FD8139; }

body { background: black url(/img/global/bg.jpg) repeat-x; }

.fullCenter { width: 1006px; margin: 0 auto; }

button[type=button] { background: #ff5e00; border: none; padding: 2px 5px 2px 4px; font-family: "Arial Black", sans-serif; font-size: 11px; font-style: italic; font-weight: normal; }
button[type=button]:hover { background: #fd8139; }

.hWrapper { background: #333333 url(/img/global/1x1.jpg) repeat; width: 1006px; height: 90px; margin: 0 auto; }

.hContainer { background: transparent url(/img/global/headerBanner-1.png) left top no-repeat; border-bottom: 5px solid #ff5e00; width: 1006px; margin: 0 auto; /*z-index: 3;*/ position: relative; z-index: 3; }
.hContainer .bikerLogo { width: 106px; height: 103px; float: left; margin: 0 6px -21px 0; position: absolute; z-index: 5; top: 3px; left: 14px; }
.hContainer .bikerLogo a { height: 103px; display: block; }

.hContainer .hContent { float: left; width: 877px; height: 100%; margin: 0 0 2px 132px; }
.hContainer .hContent h1 { width: 420px; height: 34px; background-position: -112px -7px; text-indent: -9999px; float: left; margin: 12px 0 0 0; }
.hContainer .hContent .freeDelivery { width: 198px; height: 50px; background-position: -517px -55px; text-indent: -9999px; float: left; margin: 5px 0 0 0; }

.hContainer .hContent .hDetails { float: left; margin: 15px 0 0; border-right: 1px solid #fff; height: 36px; padding: 0 9px 0 3px; width: 140px; }
.hContainer .hContent .hDetails .tel { line-height: 24px; height: 23px; color: #d5d5d5; font-family: "Arial Black", sans-serif; font-size: 18px; font-style: italic; margin-top: -7px; }
.hContainer .hContent .hDetails .accountLinks { margin-top: 5px; z-index: 1; }
.hContainer .hContent .hDetails a,
.hContainer .hContent .hDetails .accountBtn { height: 21px; line-height: 21px; text-decoration: none; color: #fff; font-family: "Arial Black", sans-serif; font-size: 11px; font-style: italic; font-weight: normal; float: right; }
.hContainer .hContent .hDetails a:hover,
.hContainer .hContent .hDetails .accountBtn:hover { color: #FD8139; }
.hContainer .hContent .hDetails .accountBtn { position: relative; cursor: pointer; float: left; }
.hContainer .hContent .hDetails .ie7 a { padding: 0 4px 2px 3px; }

.hContainer .hContent ul { display: block; float: left; list-style: none; margin-top: 6px; margin-bottom: 1px; width: 100%; }
.hContainer .hContent ul li { float: left; margin-right: 2px; }
.hContainer .hContent ul li a { padding: 3px 6px 3px 3px; color: #8d8d8d; background: #000; text-decoration: none; font-family: "Arial Black", sans-serif; font-size: 12px; font-style: italic; font-weight: normal; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.hContainer .hContent ul li a:hover { color: #fff; }
.hContainer .hContent ul li .howtoHover { color: #fff; }
.hContainer .hContent ul li .howtoHover:hover { color: #8d8d8d; }
.hContainer .hContent ul li a.active { background: #ff5e00 url(/images/active_nav_gradient.png) repeat-x; /* Orange */ color: #000; padding-bottom: 4px; }

.hContainer .hContent .cart { float: left; padding: 10px 0 0 8px; }
.hContainer .hContent .cart-title { color: #fff; font-family: "Arial Black", sans-serif; font-size: 18px; font-style: italic; }
.hContainer .hContent .cart-info { margin: 3px 0 0 1px; cursor: pointer; }
.hContainer .hContent .cart i { background: url(/images/cart.png) no-repeat; width: 22px; height: 19px; display: inline-block; position: relative; margin-right: 12px; }
.hContainer .hContent .cart-count { position: absolute; top: -5px; right: -16px; font-size: 12px; background: #fff; color: #ff5e00; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-style: normal; font-weight: bold; padding: 0 3px; min-width: 10px; line-height: 16px; text-align: center; }
.hContainer .hContent .cart-price { color: #fff; font-size: 12px; text-decoration: underline; }

/* Quick Account links */
.hContainer .hContent .accountLinks .accountBtn .quickLinks { background: #333; box-shadow: 0 10px 16px -10px black; width: 150px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; visibility: hidden; opacity: 0; z-index: 3; padding: 0 10px 10px 10px; position: absolute; left: -43px; top: 18px; border: 4px solid #000; }
.hContainer .hContent .accountLinks .accountBtn .quickLinks a { background: transparent; font: bold 11px/16px Arial, Helvetica, sans-serif; text-align: left; color: #ccc; display: block; width: 150px; height: auto; float: none; margin: 0; padding: 0; }
.hContainer .hContent .accountLinks .accountBtn .quickLinks a:hover { color: #eee; }
.hContainer .hContent .accountLinks .accountBtn .quickLinks .quickLinksArrow { background: transparent url(/images/drop_arrow.png) no-repeat 50% 0; position: relative; left: -10px; top: -13px; float: left; display: block; z-index: 3; width: 170px; height: 14px; }
.hContainer .hContent .accountLinks .accountBtn:hover .quickLinks { -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; visibility: visible; opacity: 1; }

.hContainer h1 { margin: 0; border: 0 none; outline: 0 none; padding: 0; }

.main { margin: 0 0 7px 0; }
.main .fullCenter { background: #333333; *zoom: 1; }
.main .fullCenter:before, .main .fullCenter:after { content: ""; display: block; }
.main .fullCenter:after { clear: both; }
.main .fullCenter .bodyContent { float: left; padding: 0 0 10px 0; margin: 10px 0 0 0; width: 1006px; z-index: 1; position: relative; }
.main .fullCenter .bodyContent .lContainer { width: 200px; padding: 0 9px 8px; position: relative; float: left; }
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput input { padding: 0 6px; font-size: 10px; font-weight: bold; color: #000; width: 149px; height: 22px; line-height: 22px; border: 1px solid #fff; outline: none; display: inline-block; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top; }
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput input:focus { border-color: #fb9153; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f7a06d; -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f7a06d; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f7a06d; }
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput button { background: transparent url(/images/search_arrow_sprite.png) no-repeat 0 0; width: 9px; height: 18px; display: inline-block; overflow: hidden; text-indent: -999em; outline: none; border: none; margin: 3px 0 0 5px; padding: 0; }
.main .fullCenter .bodyContent .lContainer .lContainer-leftInput button:hover { background: url(/images/search_arrow_sprite.png) no-repeat 0 -18px; }
.main .fullCenter .bodyContent .lContainer .contentNewsletter form { margin-bottom: 7px; }
.main .fullCenter .bodyContent .lContainer .contentNewsletter .blackBox { float: right; width: 190px; background: url(/img/global/5x5.jpg) repeat; }
.main .fullCenter .bodyContent .lContainer .contentNewsletter .blackBox a { float: right; color: #fff; font-size: 12px; padding: 3px 5px 3px 5px; margin: 2px 0 4px; font-style: normal; font-family: arial; text-transform: capitalize; }
.main .fullCenter .bodyContent .lContainer .lContainer-list { margin: 0 -5px; padding: 5px 0; list-style: none; }
.main .fullCenter .bodyContent .lContainer .lContainer-list li { margin: 0; padding: 0; }
.main .fullCenter .bodyContent .lContainer .lContainer-list li:last-child { margin-bottom: 0; }
.main .fullCenter .bodyContent .lContainer .lContainer-list span { border: none; height: 0; width: 0; padding: 0; margin: 1px 5px 2px 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; display: inline-block; zoom: 1; *display: inline; *vertical-align: auto; vertical-align: top; }
.main .fullCenter .bodyContent .lContainer .lContainer-list a { color: #000; display: block; text-decoration: none; text-transform: uppercase; font-size: 11px; padding: 1px 6px; }
.main .fullCenter .bodyContent .lContainer .lContainer-list a:hover { background: #FF5E00; color: #fff; }
.main .fullCenter .bodyContent .lContainer .lContainer-list a:hover span { border-left: 5px solid #fff; }
.main .fullCenter .bodyContent .lContainer .lContainer-list ul { background: #2D2D2D; padding: 6px 0; margin: 0; display: none; }
.main .fullCenter .bodyContent .lContainer .lContainer-list ul span { margin: 4px 5px 0 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff; }
.main .fullCenter .bodyContent .lContainer .lContainer-list ul a { color: #fff; font-size: 10px; padding: 0 6px 0 10px; }
.main .fullCenter .bodyContent .lContainer .lContainer-list ul a:hover { background: #7D7C7C; }
.main .fullCenter .bodyContent .lContainer .communityBox { background: #303030; width: 193px; list-style: none; margin: -6px; padding: 2px 0 7px 5px; overflow: hidden; }
.main .fullCenter .bodyContent .lContainer .communityBox li { height: 39px; width: 39px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; margin: 6px 0 1px 4px; }
.main .fullCenter .bodyContent .lContainer .communityBox a { display: block; text-indent: -9999px; background-position: 0 -191px; height: 39px; opacity: 0.8; }
.main .fullCenter .bodyContent .lContainer .communityBox a:hover { opacity: 1; }
.main .fullCenter .bodyContent .lContainer .communityBox .facebook { background-position: 0 -191px; }
.main .fullCenter .bodyContent .lContainer .communityBox .twitter { background-position: -41px -191px; }
.main .fullCenter .bodyContent .lContainer .communityBox .youtube { background-position: -81px -191px; }
.main .fullCenter .bodyContent .lContainer .communityBox .blogger { background-position: -122px -191px; }
.main .fullCenter .bodyContent .lContainer .communityBox .flickr { background-position: 0 -232px; }
.main .fullCenter .bodyContent .lContainer .communityBox .issuu { background-position: -41px -232px; }
.main .fullCenter .bodyContent .lContainer .communityBox .eagle { background-position: -81px -232px; }
.main .fullCenter .bodyContent .lContainer .communityBox .maxi { background-position: -122px -232px; }
.main .fullCenter .bodyContent .rContainer { width: 778px; float: left; }
.main .fullCenter .bodyContent .rContainer .row { clear: both; margin: 0 0 0 -12px; *zoom: 1; }
.main .fullCenter .bodyContent .rContainer .row:before, .main .fullCenter .bodyContent .rContainer .row:after { content: ""; display: table; }
.main .fullCenter .bodyContent .rContainer .row:after { clear: both; }
.main .fullCenter .bodyContent .rContainer .span1 { float: left; margin: 0 0 0 12px; width: 53.66667px; }
.main .fullCenter .bodyContent .rContainer .span2 { float: left; margin: 0 0 0 12px; width: 119.33333px; }
.main .fullCenter .bodyContent .rContainer .span3 { float: left; margin: 0 0 0 12px; width: 185px; }
.main .fullCenter .bodyContent .rContainer .span4 { float: left; margin: 0 0 0 12px; width: 250.66667px; }
.main .fullCenter .bodyContent .rContainer .span5 { float: left; margin: 0 0 0 12px; width: 316.33333px; }
.main .fullCenter .bodyContent .rContainer .span6 { float: left; margin: 0 0 0 12px; width: 382px; }
.main .fullCenter .bodyContent .rContainer .span7 { float: left; margin: 0 0 0 12px; width: 447.66667px; }
.main .fullCenter .bodyContent .rContainer .span8 { float: left; margin: 0 0 0 12px; width: 513.33333px; }
.main .fullCenter .bodyContent .rContainer .span9 { float: left; margin: 0 0 0 12px; width: 579px; }
.main .fullCenter .bodyContent .rContainer .span10 { float: left; margin: 0 0 0 12px; width: 644.66667px; }
.main .fullCenter .bodyContent .rContainer .span11 { float: left; margin: 0 0 0 12px; width: 710.33333px; }
.main .fullCenter .bodyContent .rContainer .span12 { float: left; margin: 0 0 0 12px; width: 776px; }
.main .fullCenter .bodyContent .rContainer .pullRight { float: right; }

.newslettercolumn button { background: transparent url(/images/search_arrow_sprite.png) no-repeat 0 0; width: 9px; height: 18px; display: inline-block; overflow: hidden; text-indent: -999em; outline: none; border: none; margin: 3px 0 0 5px; padding: 0; }
.newslettercolumn button:hover { background: url(/images/search_arrow_sprite.png) no-repeat 0 -18px; }
.lt-ie8 .newslettercolumn button { position: relative; top: -4px; }

.lt-ie8 .main .fullCenter .bodyContent .lContainer .communityBox li { margin: 6px 0 1px 7px; }

#ctl00_LeftCol .community h2 { margin-bottom: 6px; }

/* __STAR RATING */
.Star_Holder2 { display: inline-block; margin: 10px 5px 0 0; position: relative; }
.Star_Holder2 p { display: inline; font-size: 11px; text-align: center; font-weight: bold; line-height: 15px; margin: 0; padding: 0 0 0 5px; }
.Star_Holder2 .howMany { margin: 0; color: #F60; display: inline; position: relative; top: -2px; }
.Star_Holder2 .howMany:hover { cursor: pointer; }
.Star_Holder2 .rating-cancel, .Star_Holder2 .star-rating { float: left; width: 13px; height: 12px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; }
.Star_Holder2 .rating-cancel, .Star_Holder2 .rating-cancel a { background: url(/images/delete.gif) no-repeat 0 -16px; }
.Star_Holder2 .rating-cancel a, .Star_Holder2 .star-rating a { display: block; width: 12px; height: 100%; background-position: 0 0; border: 0; transition-duration: 0s; }
.Star_Holder2 .star-rating, .Star_Holder2 .star-rating a { background-position: -48px -358px; }
.Star_Holder2 .star-rating-on a { background-position: 0 -358px; }
.Star_Holder2 .star-rating-hover a { background-position: 0 -358px; }
.Star_Holder2 .star-rating-readonly a { cursor: default; }
.Star_Holder2 .star-rating { background: transparent; overflow: hidden; }
.popup-stars { width: 70px; margin: 0 -5px 0 0; }
.lt-ie8 .popup-stars { margin: 0 -7px 0 0; }

.lt-ie8 .contentIntro { height: 251px; }

.contentIntro p { margin: 0; padding: 10px 10px; font-size: 10px; color: #999999; font-weight: bold; background: url(/img/homepage/bike.png) right 33px no-repeat; }
.contentIntro p span { background-position: 0 -277px; height: 45px; width: 182px; text-indent: -9999px; display: block; margin: 16px 51px 6px; }
.contentIntro .linedBox { /*height: 235px;*/ height: auto; }

/**************************************************
 * Cookie Banner
 **************************************************/

.csm-cookies { font-family: Ariblk, Arial Black, sans-serif;  background: white; color: black; padding: 16px 0; display: none; line-height: 1; position: fixed; bottom: 0; width: 100vw; z-index: 1000;border-top: 2px solid #e6e4e4;border-bottom: 2px solid #e6e4e4; }
    .csm-cookies a { color: #000;  cursor: pointer; font-weight: 700; text-decoration: underline; }
        .csm-cookies a:active,
        .csm-cookies a:focus,
        .csm-cookies a:hover,
        .csm-cookies button:active,
        .csm-cookies button:focus,
        .csm-cookies button:hover { color: #000; border: none; text-decoration: underline; }
    .csm-cookies span { font-size: 0.8em; }
    .csm-cookies .cookies-banner { margin: 0 auto; }
        .csm-cookies .cookies-banner .cookies-title { font-size: 1.3em; line-height: 1.2em; margin-top: 0px;font-weight: 600;text-transform: uppercase; }

@media screen and (min-width: 600px) {
    .csm-cookies .cookies-banner .cookies-title { width: 100%; margin-right: 3.5%; float: left; }
}

.csm-cookies .cookies-banner .continue { font-size: 1.3em;text-decoration: none !important; width: 100%; padding: 5px 12px; }
.csm-cookies .cookies-banner .cookies-options { list-style: none; margin-top: 25px; padding: 0; padding-right: 15px; }
    .csm-cookies .cookies-banner .cookies-options li { padding-top: 8px; }
        .csm-cookies .cookies-banner .cookies-options li:first-child { padding-top: 0; }

@media screen and (min-width: 1008px) {
    .csm-cookies .cookies-banner { max-width: 976px; padding: 0 16px; }
}

@media screen and (min-width: 400px) {
    .csm-cookies .cookies-banner { padding: 0 16px; }
}


footer .fullCenter { text-align: center; }
footer .fullCenter span { color: #ff5e00; font-size: 10px; font-family: arial; font-weight: bold; }
footer .fullCenter ul { margin: 0 auto; overflow: hidden; padding: 0; list-style: none; width: 500px; }
footer .fullCenter ul li { display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; }
footer .fullCenter ul li a { color: #fff; text-decoration: none; font-size: 10px; font-weight: bold; padding: 0 6px 0 3px; border-right: 1px solid #fff; }
footer .fullCenter ul li a:hover { text-decoration: underline; }
footer .fullCenter ul li a.last { border-right: none; }
footer .fullCenter .footerLogo { width: 56px; height: 49px; background-position: 0 -113px; margin: 15px auto 30px; }

#Carousel h2,
.Advertise h2,
.Search_Col h2 { background: #000; color: #fff; font-family: "Arial Black", sans-serif; font-size: 13px; font-style: italic; font-weight: normal; }

#Content_Full h1.Fullwidth { text-indent: 10px; }

.contentBox { background: #8f8f8f; border: none; color: #3b3b3b; margin: 0 0 15px 0; padding: 7px; position: relative; *zoom: 1; }
.contentBox h2 { background: #000; color: #fff; display: block; height: 25px; line-height: 25px; margin: -6px -6px 7px; font-family: "Arial Black", sans-serif; font-size: 13px; font-style: italic; font-weight: normal; text-indent: 5px; text-transform: uppercase; }
.contentBox h3 { background: transparent; color: #fff; font-family: arial; font-size: 12px; font-weight: bold; height: 20px; float: left; line-height: 20px; }
.contentBox h3 a { color: #fd7306; /* Orange */ font-family: arial; font-size: 9px; font-weight: normal; overflow: hidden; }
.contentBox h3 a:hover { color: #FA2C03; text-decoration: none; }
.contentBox h4 { color: #000; font-family: arial; font-size: 12px; font-weight: bold; margin: 0; }
.contentBox h4.indented { text-indent: 30px; }
.contentBox .whiteBox, .contentBox .whiteBox-notSingle { font-weight: bold; font-size: 12px; padding: 0 5px; margin: -7px -6px -6px -6px; background: #fff; color: #000; overflow: hidden; }
.contentBox .whiteBox span, .contentBox .whiteBox-notSingle span { padding-right: 5px; margin-right: 5px; }
.contentBox .whiteBox span.basketItemCount, .contentBox .whiteBox-notSingle span.basketItemCount { border-right: 1px solid #000; }
.contentBox .whiteBox-notSingle { margin: -7px -6px 0 -6px; }
.contentBox .blackBox { font-weight: bold; font-size: 14px; padding: 4px 4px 2px; margin: 0 -6px -6px -6px; background: #000; color: #ff5e00; text-transform: uppercase; }
.contentBox .blackBox span { padding-right: 5px; margin-right: 5px; border-right: 1px solid #000; }
.contentBox .blackBox span:last-child { border-right: none; }
.contentBox .blackBox a { color: #ff5e00; text-decoration: none; /*display: block;*/ /*width: 100%;*/ }
.contentBox .blackBox a:hover { color: #e95b08; }
.contentBox .greyBox { font-weight: normal; font-size: 14px; padding: 10px 10px 2px; margin: -6px; background: #333; color: #333; overflow: hidden; }
.contentBox .greyBox span { /*padding-right: 5px; margin-right: 5px;*/ }
.contentBox .greyBox span:last-child { border-right: none; }
.contentBox .greyBox a { color: #ff5e00; text-decoration: none; display: block; }
.contentBox .greyBox a:hover { color: #e95b08; text-decoration: none; }
.contentBox .linedBox { background: url(/img/global/5x5.jpg); margin: -7px -6px -6px; }
.contentBox .linedBox .viewAll { width: 74px; position: relative; top: -10px; }
.contentBox .linedBox .viewAll:hover { text-decoration: underline; }
.contentBox .splitter { border: 1px solid #000; line-height: 0; margin: 0 0 10px; text-indent: -999em; }
.contentBox:before, .contentBox:after { content: ""; display: block; }
.contentBox:after { clear: both; }

/* Menu Panel */
.menu-panel { margin-bottom: 15px; }
.menu-panel .contentBox { margin-bottom: 0; }
.menu-panel h2 { cursor: pointer; padding: 2px 48px; position: relative; border-top: 1px solid #333; }
.menu-panel .collapsed h2 { background: #ff6600; color: #000; margin: -7px; }
.menu-panel .contentBox:first-child h2 { border-top: none; }
.menu-panel .collapsed .whiteBox { display: none; }
.menu-panel h2 i { width: 28px; height: 28px; position: absolute; top: -2px; left: 5px; }
.menu-panel .type-1 { background: url(/images/menu-scooter.png); }
.menu-panel .type-2 { background: url(/images/menu-motorcycle.png); }
.menu-panel .type-3 { background: url(/images/menu-offroad.png); }
.menu-panel .collapsed .type-1 { background: url(/images/menu-scooter-collapsed.png); }
.menu-panel .collapsed .type-2 { background: url(/images/menu-motorcycle-collapsed.png); }
.menu-panel .collapsed .type-3 { background: url(/images/menu-offroad-collapsed.png); }
.menu-panel h2:after { right: .5625em; top: 50%; margin-top: -11px; background-color: transparent; content: ""; position: absolute; display: block; width: 22px; height: 22px; background: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E) no-repeat center; }
.menu-panel .collapsed h2:after { background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E") no-repeat center; }

.contentNews { padding: 7px; }
.contentNews ul { background: url(/img/homepage/shield.png) 50% 50% no-repeat; margin: 0; padding: 10px 8px; list-style: none; height: 200px; }
.contentNews ul span { font-size: 10px; color: #fff; font-weight: bold; }
.contentNews ul p { line-height: 13px; margin: -5px 0 3px; }
.contentNews ul a { font-size: 10px; color: #FF5E00; font-weight: bold; text-decoration: none; padding: 4px 0 0 0; display: block; }
.contentNews ul a:hover { text-decoration: underline; }

.makeBlack { background: #000000; }

/* __PAGESPECIFIC 
/* __HOMEPAGE 
======================================*/
.bodyContent .contentOrange { background: none; border: none; padding-bottom: 0; }
.bodyContent .contentOrange h2 { color: #fe6500; margin: -6px -6px 6px; }

.lt-ie9 .categoryPicker button[type=button] { line-height: 20px; bottom: 11px; padding: 0 5px; }
.lt-ie8 .categoryPicker button[type=button] { height: 17px; padding: 0; bottom: 14px; overflow: hidden; }

.categoryPicker { background: url(/img/homepage/bg-2.jpg) no-repeat; margin: 0 0 10px 0; height: 215px; position: relative; }
.categoryPicker .options { position: absolute; bottom: 0; padding: 9px; width: 759px; }
.categoryPicker h2 { color: #FE6500; display: block; height: 25px; line-height: 25px; font-family: "Arial Black", sans-serif; font-size: 13px; font-style: italic; font-weight: normal; text-indent: 5px; text-transform: uppercase; margin: 0 0 3px -6px; }
.categoryPicker form fieldset { float: left; margin: 0 0 1px; }
.categoryPicker form fieldset label { display: block; color: #ffffff; font-family: "Arial Black", sans-serif; font-size: 11px; font-style: italic; font-weight: normal; }
.categoryPicker form fieldset select { padding: 1px 1px 1px; font-size: 10px; font-weight: bold; color: #000; width: 175px; height: 22px; margin: 0 5px 0 0; line-height: 22px; border: 1px solid #fff; outline: none; vertical-align: top; }
.categoryPicker form fieldset fieldset { position: relative; }
.categoryPicker form fieldset a.search-btn { background: transparent url(/images/search_btn.png) no-repeat 0 0; color: #fff; width: 51px; height: 22px; font-weight: bold; font-size: 12px; font-family: Arial, sans-serif; line-height: 22px; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 10px; display: inline-block; margin-left: 3px; }
.categoryPicker form fieldset a.search-btn:hover { background: transparent url(/images/search_btn.png) no-repeat 0 -22px; }
.categoryPicker form fieldset button[type=button] { float: left; color: #fff; font-size: 12px; height: 22px; line-height: 22px; position: absolute; bottom: 10px; padding: 0 5px; overflow: hidden; font-style: normal; font-family: arial; font-weight: bold; vertical-align: top; /* Making this value "middle" vertically centres text in IE9, but knocks position out by 1px */ }

.Featured_Brands { float: left; background: none; padding: 0; border: none; position: relative; margin: -6px; width: auto; }
.ie6 .Featured_Brands { margin-top: 91px; }
.Featured_Brands ul { float: left; border: none; background: none; margin: 0; padding: 2px 0 0 0; width: 105%; list-style: none; }
.Featured_Brands ul li { width: 76px; height: 33px; position: relative; float: left; margin: 0 2px 2px 0; }
.ie7 .Featured_Brands ul li { width: 74px; height: 33px; position: relative; float: left; overflow: visible; }
.Featured_Brands ul li a { width: 76px; height: 33px; display: block; position: absolute !important; /*z-index: 10;*/ }
.Featured_Brands ul li a:hover { border: 2px solid #ffffff; margin-left: -2px; margin-top: -2px; }
.ie7 .Featured_Brands ul li a:hover { border: 3px solid #ffffff; border-bottom: 3px solid #ffffff; margin-left: -2px; margin-top: -2px; }
.Featured_Brands ul li span { width: 100%; height: 100%; display: block; position: absolute; /*z-index: 10;*/ top: -3px; left: -3px; text-indent: -9999px; }
.Featured_Brands ul li.lastBrand { width: 74px; }
.Featured_Brands ul li.lastBrand a { width: 74px; }
.Featured_Brands ul li.lastBrand a img { width: 74px; height: 33px; }

.carouselContainer { margin-bottom: 10px; width: 776px; height: 154px; overflow: hidden; z-index: 1; /* Prevents banner carousel from appearing above the Quick Basket. */ border: 1px solid #8f8f8f; }
.carouselContainer a { display: block; }

.topCategories { overflow: hidden; margin: -6px; padding: 0; }
.topCategories ul { margin: 4px 0 0 0; padding: 0; list-style: none; font-size: 0; width: 800px; }
.topCategories ul li { width: 192px; display: inline-block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; height: 107px; margin: 0 2px 4px 0; }
.topCategories ul li a { display: block; text-decoration: none; height: 107px; position: relative; }
.topCategories ul li a span { position: absolute; padding: 0 6px; line-height: 30px; height: 30px; bottom: 0; display: block; background: #000; color: #999999; width: 94%; font-family: "Arial Black", sans-serif; font-size: 11px; font-style: italic; font-weight: normal; }
.topCategories ul li a:hover { background-position: 0 -77px; }
.topCategories ul li a:hover span { color: #fff; }
.topCategories ul li .perfExhaust { background: url(/img/homepage/topCats/perfExhausts.jpg); }
.topCategories ul li .standExhaust { background: url(/img/homepage/topCats/standExhausts.jpg); }
.topCategories ul li .suspChains { background: url(/img/homepage/topCats/suspChain.jpg); }
.topCategories ul li .brakesCables { background: url(/img/homepage/topCats/brakesCables.jpg); }
.topCategories ul li .gearsClutch { background: url(/img/homepage/topCats/gearClutch.jpg); }
.topCategories ul li .carbsReeds { background: url(/img/homepage/topCats/carbsReeds.jpg); }
.topCategories ul li .electrical { background: url(/img/homepage/topCats/electrical.jpg); }
.topCategories ul li .oilCare { background: url(/img/homepage/topCats/oilCare.jpg); }
.topCategories ul li .helmetsClothing { background: url(/img/homepage/topCats/helmetsClothing.jpg); }
.topCategories ul li .bodyparts { background: url(/img/homepage/topCats/bodyparts.jpg); }
.topCategories ul li .variators { background: url(/img/homepage/topCats/variators.jpg); }
.topCategories ul li .cylinderEngine { background: url(/img/homepage/topCats/cylinder.jpg); }

/* __PRODUCTPAGE 
======================================*/
.main .pPage .pPage-left a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; text-align: center; }
.main .pPage h2 { font-family: arial; text-transform: none; font-style: normal; }
.main .pPage-wrapper { background: #fff; }
.main .Bread_Crumbs-donotbreak { margin: -5px 0 8px; }

.pPage-left { margin-right: 5px; width: 365px; float: left; margin-bottom: 14px; }
.lt-ie8 .pPage-left h3 { clear: both; margin-bottom: 22px; }
.pPage-left h3 img { margin-left: 9px; }
.pPage-left h4 { font-size: 14px; font-weight: bold; margin-top: 5px; }
.pPage-left p { color: #000; font-size: 11px; line-height: 15px; }

.pPage-left .ratings { color: #ff6600; display: inline-block; float: left; position: relative; z-index: 1; font-size: 11px; font-weight: bold; }
.pPage-right .ratingInfo { width: 155px; background: #fff; color: #000000; border: 2px solid #000; padding: 7px 12px 8px; position: absolute; top: 22px; left: 53px; display: none; z-index: 5; }
.pPage-right .ratingInfo .nub { background: url(/img/global/sprite.png); background-position: 0 -419px; width: 14px; height: 9px; position: absolute; top: -9px; left: 15px; }
.pPage-right .ratingInfo p { color: #000; margin: 0 !important; }
.pPage-right .ratingInfo table { background: url(/img/global/sprite.png); background-position: 0 -344px; }
.pPage-right .ratingInfo tr { height: 12px; line-height: 11px; }
.pPage-right .ratingInfo .Stars { width: 64px; text-indent: -9999px; height: 12px; }
.pPage-right .ratingInfo .barProgress { width: 62px; }
.pPage-right .ratingInfo .barProgress .greyProgress { width: 60px; height: 12px; background: #666666; }
.pPage-right .ratingInfo .barProgress .greyProgress .orangeProgress { text-indent: -9999px; font-size: 8px; background: #ff6600; height: 12px; }

.pPage-left .pPage-images { margin: 0 0 8px; clear: both; }
.pPage-left .pPage-images .mainImage { margin-right: 9px; float: left; border: 1px solid #cfcfcf; width: 359px; height: 269px; }
.pPage-left .pPage-images .miniImage { cursor: pointer; margin: 0 0 8px; float: left; width: 127px; height: 88px; border: 1px solid #f2f2f2; overflow: hidden; opacity: 0.9; }
.pPage-left .pPage-images .mainImage img { max-width: 100%; max-height: 100%; }
.pPage-left .pPage-images .miniImage:hover { opacity: 1; }

.small-img img { border: 1px solid #C8CAC9; max-width: 112px; max-height: 90px; }
.small-img li { float: left; width: 114px; height: 92px; margin-right: 10px; }
.small-img li:last-child .detail-miniImage img { margin-right: 0; }
.small-img h3 { width: 125px; }
.small-img .jcarousel-next,
.small-img .jcarousel-prev { width: 35px; height: 49px; cursor: pointer; position: absolute; top: 35px; background: transparent; }
.small-img .jcarousel-next { width: 0; height: 0; border-top: 9px solid transparent; border-left: 8px solid #000; border-bottom: 9px solid transparent; right: -7px; }
.small-img .jcarousel-prev { width: 0; height: 0; border-top: 9px solid transparent; border-right: 8px solid #000; border-bottom: 9px solid transparent; left: -9px; }
.small-img .jcarousel-next-disabled, .small-img .jcarousel-prev-disabled { opacity: 0.5; }
.small-img .jcarousel-clip { width: 362px; height: 90px; overflow: hidden; }
.small-img { width: 365px; height: 90px; }
.small-img .Img_Holder { position: relative; }

.pPage-right { width: 354px; float: left; position: relative; padding-left:10px;margin-top:15px }
.pPage-right ul { height: 276px; max-height: 300px; width: 206px; float: left; color: #000; font-size: 10px; font-weight: bold; list-style: none; margin: 6px 0 10px 0; padding: 5px 9px; background: #fff; border: 1px solid #d8d8d8; overflow: auto; }
.pPage-right ul .title { margin-bottom: 3px; }
.pPage-right ul li { float: left; width: 100%; }
.pPage-right ul a { color: #ff5e00; }
.pPage-right ul a:hover { text-decoration: underline !important; }
.cboxPhoto-image { width: 860px; height: 662px; overflow: auto; text-align: center; }
.cboxPhoto-text { text-align: center; width: 100%; position: absolute; bottom: 4px; }

.pPage-right .pPage-social { margin-top: 29px; padding-left: 2px; }
.pPage-right .pPage-social a { text-indent: -9999px; float: left; margin-right: 3px; margin-top: 3px; width: 16px; height: 15px; }
.pPage-right .pPage-social .mail { background-position: 0 -326px; }
.pPage-right .pPage-social .facebook { background-position: -18px -326px; }
.pPage-right .pPage-social .twitter { background-position: -34px -326px; }
.pPage-right .pPage-social .plus { background-position: -50px -326px; }
.pPage-right .pPage-social .fb { float: left; padding-left: 5px; }

.pPage-right .stockAvailability { position: absolute; right: -4px; top: 10px; }
.pPage-right h3 { color: #000; height: 12px; line-height: 12px; font-size: 11px; margin: 7px 0; }
.inventory { clear: both; font-weight: bold; font-size: 11px; margin-top: 10px; display:none;
}
.pPage-right .top-image { margin-top: 5px; }
.pPage-right .Add_To_Section input { float: left; width: 18px; padding: 6px; text-align: center; border: 1px solid #d2d2d2; }
.product-describe { width: 216px; margin-left: 14px; float: left; border: 1px solid #ccc; padding: 5px 0 0 8px; height: 281px; font-size: 10px; font-weight: bold; }
.pPage-right .Add_To_Section input.quantity {border-radius:5px;margin-right:5px}
.product-describe ul { list-style-type: none; max-height: 280px; overflow: auto; }
.product-describe ul li:first-child { margin-bottom: 3px; }
.product-bottom-describe .productInfo { width: 100% !important; }
.product-bottom-describe .pPage-descr { width: 490px; float: left; margin: 7px 0 0; line-height: 1.3; }
.prompt-inventory { margin-top: 10px; color: red; display: none; font-weight: bold; }

.pPage-full { color: #000; }
.pPage-full .report { clear: both; height: 15px; text-align: right; font-weight: bold; font-size: 10px; border-bottom: 1px solid #ccc; margin: 10px 0 15px; padding-bottom: 2px; }
.pPage-full .report a { color: #000; }
.pPage-full p { margin: 8px 0; }

/* SPARES AND ADD TO CART THIS IS A MESS */
.bodyContent .Product_Price { float: left; border-top: 4px solid #a8aaac; width: 500px; margin-top: 6px; }
.pPage-right .Latest_price { text-align: left; font-size: 10px; color: #000; font-weight: bold; margin: 14px 3px 5px 0; clear: both; }
.pPage-right .Latest_price span { color: #ff5e00; font-size: 24px; /*margin-left: -3px;*/ }
.bodyContent .RRP1 { font-size: 12px; font-weight: bold; background-color: #d8d8d8; text-align: left; margin: 0; text-decoration: line-through; padding: 2px 4px; clear: both; }
.bodyContent .Add_To_Section { clear: both; padding: 7px 0 5px 0; }
.bodyContent .Add_To_Section span { border: none; }
.bodyContent .Add_Cart { float: right; width: 106px; text-align: right; margin: 0 0 0 10px; }
.bodyContent .Add_Wishlist { float: right; width: 134px; margin: 0; text-align: right; }
.bodyContent .product-cart.productPageCart { width: 118px; height: 30px; background: #000; color: #fff; cursor: pointer; margin: 0 15px 0 0; float: left; text-align: center; line-height: 30px; font-weight: bold;border-radius: 5px;}
.bodyContent .productPageCart.product-cart:hover { background: #ff5e00; color: #fff; text-align: center; font-weight: bold; }
/*.bodyContent .pc-added { background: url(/img/products/product-cart-sprite.png) no-repeat 0 -50px; }
.bodyContent .pc-added:hover { background: url(/img/products/product-cart-sprite.png) no-repeat 0 -50px; }*/

.bodyContent .productInfo { /* In page spare parts wrapper */ float: left; position: relative; width: 500px; /*z-index:3;*/ color: #333; margin: 0 0 2px; }
.bodyContent .tabOuterContainer { margin: 10px 0 0; }
.bodyContent .productInfo ul.tabs { float: left; height: 32px; list-style: none; margin: 0; padding: 0; position: relative; width: 100%; /*z-index:1;*/ margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.bodyContent .productInfo ul.tabs li { padding: 0; list-style: none; border: 1px solid #000; background: #000; float: left; height: 26px; line-height: 28px; overflow: hidden; position: relative; text-align: center; width: 120px; margin: 0 1px 0 0; }
.bodyContent .productInfo ul.tabs li a { text-decoration: none; color: #000; font-size: 12px; font-family: Arial; font-weight: bold; display: block; width: 100%; height: 100%; /*text-transform: uppercase;*/ }
.bodyContent .productInfo ul.tabs li a:hover { background: #fe6104; color: #fff; }
.bodyContent .productInfo ul.tabs li.active { height: 27px; background: #fe6104; border-bottom: 0; }
.bodyContent .productInfo ul.tabs li.active a { color: white; }
.bodyContent .productInfo ul.tabs li.active a.description { /*background: url(/images/viewProductSpares.png) no-repeat left top; text-indent: -9999px; border: none;*/ background: #fe6104; color: #fff; }
.bodyContent .sparesViewProduct { margin: 0; padding: 0; list-style: none; }
.bodyContent .Right_Holder .sparesViewProduct li { background: none; padding: 0; margin: 0; }
.bodyContent .productInfo ul.tabs li.sparesTab { background: none; border: none; width: 98px; height: 31px;border-top-left-radius:5px; border-top-right-radius:5px; }
.bodyContent .sparesViewProduct li .spares-right { width: 408px; max-width: 408px; }
.bodyContent .sparesViewProduct li .spares-options { font-size: 12px; }
.bodyContent .sparesViewProduct li .spares-options .spares-add { width: 250px; height: 21px; float: right; position: relative; bottom: 10px; }
.lt-ie8 .bodyContent .sparesViewProduct li .spares-options .spares-add { /* Dirty IE7 styles */ float: right; position: relative; left: -300px; bottom: 10px; }
.bodyContent .sparesViewProduct li .spares-right .wishlist-input { background: url(/images/wish_sm.jpg) no-repeat left 2px; margin-right: 5px; margin-top: 0; padding-right: 10px; padding-left: 23px; position: relative; display: table; overflow: hidden; width: auto; min-width: 86px; float: right; }
.bodyContent .sparesViewProduct li .spares-right .addtobasket-input { padding-left: 24px; padding-right: 21px; background: url(/images/addToBasket.png) no-repeat left 2px; margin-right: 5px; margin-top: 0; position: relative; display: table; overflow: hidden; width: auto; min-width: 15px; float: right; }
.ie7 .bodyContent .sparesViewProduct li .spares-right .wishlist-input input,
.ie7 .bodyContent .sparesViewProduct li .spares-right .addtobasket-input input { top: 0; }
.bodyContent .sparesViewProduct li .spares-right .wishlist-input input,
.bodyContent .sparesViewProduct li .spares-right .addtobasket-input input { top: 0; right: 0; margin: 0; height: 21px; }
.bodyContent .sparesViewProduct li .spares-options .spares-price,
.bodyContent .sparesViewProduct li .spares-options .spares-proCode { margin-top: -5px; }
.bodyContent .sparesViewProduct li .spares-options .spares-proCode { width: 100%; font-size: 11px; }
.bodyContent .sparesViewProduct li .spares-right h3 { width: 100%; }
.bodyContent .sparesViewProduct li .spares-right p { margin: 0 0 13px; }

.bodyContent .productInfo .tabContainer { background: #fff; border-bottom: 1px solid #ccc; clear: both; float: left; min-height: 50px; padding: 0; position: relative; padding-bottom: 10px; width: 100%; }
.bodyContent .productInfo .tabContent { display: none; }
.bodyContent .productInfo ol { list-style: none; padding: 0; margin: 0; }
.bodyContent .productInfo ol.slats li { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee; float: left; width: 100%; }
.bodyContent .productInfo ol.slats li:last-child { margin: 0; padding: 0; border-bottom: none; }
.bodyContent .productInfo ol.slats li h3 { font-size: 18px; margin: 0 0 2px; font-weight: bold; line-height: 1.1; }
.bodyContent .productInfo ol.slats li h3 a { color: #F60; text-decoration: none; font-size: 13px; }
.bodyContent .productInfo ol.slats li h3 a img { float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid #eee; max-width: 55px; }
.bodyContent .productInfo ol.slats li h3 a:hover img { background: #eee; }
.bodyContent .productInfo ol.slats li p { margin: 0 0 0 76px; font-size: 11px; line-height: 1.4; }
.bodyContent .productInfo ol.slats li p a.meta { display: block; font-size: 12px; color: #999; }
.bodyContent .productInfo .spares-wrap { text-align: left; border-bottom: 1px solid #B7B9BA; overflow: hidden; height: auto; }

/*.oldie .bodyContent .spares-wrap {
    background: url(/images/sparesBg.jpg) repeat-x;
}*/
.bodyContent .spares-left { vertical-align: top; display: inline-block; zoom: 1; *display: inline; min-height: 78px; }

.spares-left .thumb-holder { /* Shared class */ background: #fff; width: 63px; /* 65 */ height: 63px; overflow: hidden; margin: 7px 4px 2px 7px; border: 1px solid #b7b9ba; }
.spares-left .thumb-holder:hover { border-color: #000; }

.bodyContent .spares-right { vertical-align: top; display: inline-block; zoom: 1; *display: inline; max-width: 291px; width: 291px; margin: 2px 0 0 0; }
.bodyContent .spares-right h3 { overflow: hidden; text-overflow: ellipsis; width: 291px; margin: 5px 0 -3px; height: 22px; }
.bodyContent .spares-right h3 a { color: #F60; text-decoration: none; font-size: 12px; font-weight: bold; }
.bodyContent .spares-right h3 a:hover { text-decoration: underline; }
.bodyContent .spares-right p { height: 13px; overflow: hidden; font-size: 10px; margin: 0 0 2px; }

.bodyContent .spares-options { vertical-align: middle; width: 100%; position: relative; bottom: 0; }
.bodyContent .spares-options div { width: 214px; display: inline-block; font-weight: bold; line-height: 20px; /* was 12px */ /*margin: 8px 0 0 0;*/ margin: 0; }
/*.bodyContent .sparesViewProduct li .spares-price{}
.bodyContent .spares-price{top: -11px;position: absolute; left:0;}*/
.bodyContent .spares-options .spares-add { text-align: left; min-width: 23px; padding-right: 17px; padding-left: 50px; /*margin-bottom: 10px;*/ height: 21px; /*position: relative;*/ line-height: 12px; width: auto; clear: both; }
.bodyContent .spares-options .spares-add i { font-style: normal; padding-right: 23px; text-align: right; width: auto; padding-left: 22px; display: inline-block; height: 21px; position: absolute; right: 3px; top: 0; line-height: 21px; background: url(/images/addToBasket.png) no-repeat left 2px; }
.bodyContent .spares-options .spares-add input { position: absolute; top: 1px; right: -2px; }

.Prod_Holder img,
.Image img { font-size: 0; }

/* __jScrollPane - August 2012 - Andrew */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.Content_Inner_Wrap .jspScrollable { outline: none; }
.Content_Inner_Wrap .jspContainer { overflow: hidden; position: relative; }
.Content_Inner_Wrap .jspPane { position: absolute; }
.Content_Inner_Wrap .jspVerticalBar { position: absolute; top: 0; right: 0; width: 9px; height: 100%; }
.Content_Inner_Wrap .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; }
.Content_Inner_Wrap .jspVerticalBar *,
.Content_Inner_Wrap .jspHorizontalBar * { margin: 0; padding: 0; }
.Content_Inner_Wrap .jspCap { display: none; }
.Content_Inner_Wrap .jspHorizontalBar .jspCap { float: left; }
.Content_Inner_Wrap .jspTrack { position: relative; }
.Content_Inner_Wrap .jspDrag { background: #919191; position: relative; top: 0; left: 0; cursor: pointer; }
.Content_Inner_Wrap .jspHorizontalBar .jspTrack,
.Content_Inner_Wrap .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.Content_Inner_Wrap .jspArrow { background: #50506d; display: none; text-indent: -20000px; cursor: pointer; }
.Content_Inner_Wrap .jspArrow.jspDisabled { cursor: default; background: #80808d; }
.Content_Inner_Wrap .jspVerticalBar .jspArrow { height: 12px; }
.Content_Inner_Wrap .jspHorizontalBar .jspArrow { width: 12px; float: left; height: 100%; }
.Content_Inner_Wrap .jspVerticalBar .jspArrow:focus { outline: none; }
.Content_Inner_Wrap .jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

#cboxLoadedContent iframe { height: 35px !important; /* Why does this need to be so tall?? (originally 344px) */ }

.clearboth { clear: both; }

@-moz-document url-prefix() {
    .hContainer .hContent ul li a { padding: 3px 6px; }
    .hContainer .hContent .hDetails button[type="button"] { padding: 1px 4px 2px; }

    .categoryPicker form fieldset button[type="button"] { line-height: 16px; margin: 18px 0 0 1px; padding: 3px 5px; }
}

/* Quick basket View */
.blackBox .quick-basket-view { display: block; }
.quickViewBag { display: none; }
.quick-basket-view-wrapper { position: relative; }
.quick-basket-view-wrapper span { border-right: none !important; }

#ctl00_LeftCol { z-index: 2; }

.lt-ie8 .quick-basket-view { position: absolute; left: -170px; top: 20px; }

.quick-basket-view { width: 380px; height: auto; background: #333; color: #000; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); z-index: 100 !important; position: absolute; right: 0; border: 3px solid #000; text-transform: uppercase; top: 6px; }
.quick-basket-view .product-table { width: 100%; border-collapse: collapse; }
.quick-basket-view .product-table .product-thumb-image { background: #ccc; width: 47px; height: 36px; display: block; overflow: hidden; float: left; font-size: 0; border: 1px solid #b8bab9; margin: 0 6px; }
.quick-basket-view .product-table .product-thumb-image img { display: block; }
.quick-basket-view a.remove-product { background: #ff5f01 url(/images/rem_prod.gif) no-repeat 0 0; width: 10px; height: 10px; display: block; float: left; overflow: hidden; -webkit-transition: none; -moz-transition: none; transition: none; }
.quick-basket-view a.remove-product:hover { background: url(/images/rem_prod.gif) no-repeat -10px 0; }
.quick-basket-view thead td { background: #333; color: #fff; height: auto; padding: 6px; }
.quick-basket-view thead td span { font-size: 1em; }
.quick-basket-view td { background: #eeeeee url(/images/row_gradient.gif) repeat-x; font: bold 0.7em/120% Arial, Helvetica, sans-serif; vertical-align: top; height: 38px; /* 52 */ overflow: hidden; padding: 6px; border: 1px solid #000; }
.quick-basket-view td .product-name { vertical-align: top; }
.quick-basket-view td .product-name a { color: #fe5f03; text-decoration: none; vertical-align: top; float: left; width: 170px; padding: 0 6px; }
.quick-basket-view td .product-name a:hover { color: #000; }
.quick-basket-view .drop-arrow { background: transparent url(/images/drop_arrow.png) no-repeat 356px 0; width: 380px; height: 14px; display: block; position: absolute; top: -13px; left: 0; }
.quick-basket-view .total { font: bold 1em/120% Arial, Helvetica, sans-serif; color: #fff; text-align: right; display: block; margin: 6px 10px 0 0; padding: 0; }
.quick-basket-view .total span.ajaxtotalcost { margin: 0; padding: 0; }

.quick-basket-view .orange-button,
.contentBox .main .fullCenter .bodyContent .lContainer .contentNewsletter .blackBox .quick-basket-view a,
.main .fullCenter .bodyContent .lContainer .contentNewsletter .contentBox .blackBox .quick-basket-view a { font-size: 0.8em; text-align: center; color: #fff; float: right; width: auto; margin: 10px; padding: 3px 10px; }

.spares-add label { vertical-align: top; margin-top: 0; /* Corrects inline spares label style */ display: inline-block; }

.productList-popup .spares-add label { margin-top: 1px; }

.lt-ie9 .spares-add input { padding-right: 5px; }

/* IE7 Styles */
.lt-ie8 .wishlist-input { text-align: right; float: right; width: 125px; margin-right: -10px; padding-right: 0; }
.lt-ie8 .listDetails { padding-right: 0; margin-right: -10px; }
.lt-ie8 .listSpares { padding-right: 0; margin-right: -10px; padding-left: 15px; }
.lt-ie8 td.Rating ul.ratingnobackground { margin: 0 -25px 5px 0; }
.lt-ie8 .Stock_Lev_Low { right: -35px; }

/* Marker ---------- */
.contentBox .greyBox .notifyMeBtn { float: left; color: #fff; text-align: center; height: 21px; line-height: 21px; margin-top: 10px; padding: 0 7px; }
.contentBox .greyBox .notifyMeBtn:hover { background: #000; color: #fff; }

#ctl00_Content_imgStock { float: left; margin: 20px 5px 0 5px; }

.backArrow { float: right; margin-bottom: 10px; vertical-align: top; }
.backArrow .btn { background: #4c4c4e; box-shadow: none; color: #fff; border: 0; height: 23px; text-align: center; line-height: 23px; vertical-align: top; margin: 0 0 0 4px !important; padding: 0 5px; }
.backArrow:hover a.btn, .backArrow:hover .btn { background: #e6e6e6; color: #000; }

/* Prodcut Page Back Button */
.pPageBackBtn { position: relative; top: 10px; float: right; }
.pPageBackBtn .backArrow .btn { background: #ff6600; text-align: center; width: 40px; height: 23px; line-height: 23px; padding: 0; }
.pPageBackBtn .backArrow .btn:hover,
.pPageBackBtn .backArrow:hover .btn { background: #000; color: #fff; }

.loyalty { position: absolute; left: 360px; top: 20px; color: #fff; font-size: 12px; text-align: center; line-height: 20px; }
.loyaltyBtn { padding: 5px 20px; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; background: #ff7400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.loyaltyBtn:hover { color: #fff; background: #3B3B3B; }

.price_wrap { float: left; }

#feefologohere { float: right; }

.bodyContent .Add_To_Section .error-message { padding: 5px 10px; border: 1px solid #ff5e00; font-size: 0.8em; clear: both; margin: 10px 0 0; display: block; float: none; border-right: 1px solid #FF5E00 !important; }
.bodyContent .Add_To_Section .error-message a { display: inline-block; }

.basketBtns { margin-top: 5px; margin-left: 365px; display: block; float: left; padding-top: 5px; }
.basketBtns1 { margin-left: 0; display: block; padding-top: 5px; overflow: hidden; }
.basketBtns a { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; }
.basketBtns1 a { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; }
.lpGain { position: absolute; top: 68px; left: 90px; height: 20px; width: 440px; color: #000; font-size: 18px; }
.Checkout-btn { float: right; }
.hide-span { display: none; }
.product-popup .product-cart-inventory { display: none; }
.product-popup .product-cart-inventory p { font-size: 12px; margin-top: 10px; line-height:30px; }
.product-popup .product-cart-inventory p span { font-weight: bold; }
.product-popup .product-cart-inventory p a { padding: 4px 10px 4px 10px; background: #ff5e00; color: #fff; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; font-size: 14px; }
.product-popup .product-cart-inventory p a:hover { background: #000; }
#info-show { display: none; font-size: 16px; font-weight: bold; }
/*table*/
.table-a table { border-right: 1px solid grey; border-bottom: 1px solid grey; margin: 20px 0; background: #fff; }
.table-a table td, .table-a table th { border-left: 1px solid grey; border-top: 1px solid grey; padding: 10px 10px; }
.table-a table tr { color: #ff5e00; }
.table-a table tr.title { color: blue; }
.table-a table tr th.info { position: relative; padding-left: 20px; }
.table-a table tr th.info span { cursor: pointer; }
.table-a table tr th.info img { position: absolute; left: 8px; top: 50%; margin-top: -7px; }
.table-a table .distribution-CheckBox { text-align: center; }
#basketTable tbody td.pre-order-week { background: blue; color: #fff; position: relative; padding-right: 60px; }
#basketTable tbody td.pre-order-week span { font-size: 10px; white-space: pre-wrap; width: 50px; position: absolute; right: 0; top: 1px; text-align: center; padding-right: 2px; line-height:11px; }
