body,html,div,p,ul,li a,span,table,aside,section q,u,i,blockquote,h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0
};
@font-face {
font-family: fontello;
src: url(../fontsfontello.eot?);
src: url(../fontsfontello.eot?#iefix) format('embedded-opentype'), url(../fonts/fontello.svg) format('svg'), url(../fonts/fontello.ttf) format('truetype'), url(../fonts/fontello.woff) format('woff');
font-weight: 400;
font-style: normal
}
.wrapper,.store-wrapper {
margin: 0 auto 0 0;
font-family: Arial;
font-size: 14px;
overflow: hidden;
background: #fff
}
.header {
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
clear: both;
}
div.logo {
float: left;
}
div.logo a {
background: url(https://www.hardrace.co.uk/pub/media/logo/stores/3/hardrace-whitebg-min.png) top left no-repeat;
background-size: 240px;
width: 260px;
height: 25px;
display: block
}
.back a {
color: #fff;
text-decoration: none
}
a img {
border: 0
}
img {max-width: 100%;}
.menu-wrapper {
background: #ed1c24;
height: 31px;
}
.search-wrapper {
background-color: #2c2c2c;
overflow: auto
}
.search-wrapper ul {
float: right
}
.search-wrapper ul li {
float: left;
display: inline-block;
border-right: 1px solid #ed1c24
}
.search-wrapper ul li:last-child {
border-right: none
}
.search-wrapper ul li a {
color: #fff;
display: block;
padding: 7px 19px;
text-decoration: none
}
.searchContainer {
float: left
}
.product a {
position: absolute;
height: 100%;
width: 100%;
}
p.name {
padding: 8px;
}
span.strike {
text-decoration: line-through;
}
div.back {
padding: 7px;
background-color: #ed1c24;
color: #fff;
margin-left: 85%;
}
#productImage {
width: 40%;
float: left;
margin: 3px 0;
}
div.product-wrapper {
float: left;
width: 100%;
}
h1.productTitle {
margin-top: 5px;
font-size: x-large;
color: #464646;
}
div.productdetails {
float: left;
width: 50%;
margin-left: 20px;
}
.productdetails ul {
list-style-type: none;
margin: 10px 0;
}
.buttons {
margin: 10px 0 0;
overflow: hidden;
}
.button {
display: block;
border: none;
width: 150px;
text-align: center;
float: left;
margin-bottom: 10px;
margin-left: 5px;
text-decoration: none;
padding: 10px 0;
color: #fff !important;
}
.detail-wrapper {
overflow: hidden;
}
.info a {
color: #424242;
text-decoration: none;
font-weight: 700;
}
div.or {
border: 1px solid #3ea6dd;
background-color: #fff;
padding: 5px;
width: 20px;
border-radius: 100px;
position: absolute;
text-align: center;
left: 291px;
top: 25px;
display: none;
}
div.info {
float: left;
margin-left: 10px;
}
div.info p {
margin-bottom: 5px;
}
div#tabs {
margin: 10px 0;
}
div.r-tabs-panel h2 {
font-size: 18px;
color: #424242;
font-weight: 700;
margin: 15px 0;
}
div.r-tabs-panel h3 {
margin: 15px 0;
}
div.r-tabs-panel p {
margin: 5px 0;
line-height: 1.3;
}
div.r-tabs-panel table {
border: none;
border-collapse: collapse;
}
div.r-tabs-panel tr td,
div.r-tabs-panel tr {
border: 1px solid #ccc;
padding: 5px;
}
.r-tabs-panel ul {
margin: 20px 10px;
list-style: none outside none;
padding: 0;
}
.r-tabs-panel li {
background: url(https://www.lencarta.com/image/blue-arrow.gif) no-repeat scroll 0 2px transparent;
color: #000;
display: block;
margin: 0 0 3px 10px;
padding: 0 0 2px 17px;
}
span.title {
background-color: #46afe6;
position: absolute;
width: 20px;
display: block;
left: 0;
height: 100%;
}
@media(max-width:700px) {
html {
width: 100% !important;
}
.header-rightsection,
.searchContainer,
.buttons {
display: none !important;
}
.wrapper,
.product-wrapper {
font-size: 12px;
overflow: auto;
margin: 0;
}
.header {
font-size: small;
}
.back {
display: none;
}
}
@media(max-width:360px) {
.wrapper,
.product-wrapper {
width: 360px !important;
}
div.logo a {
background-size: 70%;
width: 100%;
}
div.box {
width: 318px !important;
}
.menu-wrapper {
height: auto;
}
.search-wrapper ul li a {
padding: 5px 8px;
}
div.r-tabs-panel p {
clear: both;
}
}
@media(max-width:676px) {
.wrapper,
.product-wrapper {
width: 100% !important;
}
div.logo,
div.logo a {
width: 100%;
}
.wrapper{
margin-right: 20px;
width: 100%;
}
h1.productTitle {
font-size: medium;
padding-left: 10px;
}
#productImage {
width: 150px;
float: left;
}
.productdetails {
width: 60% !important;
padding-left: 10px;
}
.menu-wrapper {
height: inherit;
}
.search-wrapper ul li a {
color: #fff;
display: block;
padding: 10px;
text-decoration: none;
font-size: 9px;
}
}
.essWrap *{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::-moz-selection{background:#eee;color:#333;text-shadow:none}
::selection{background:#eee;color:#333;text-shadow:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.essWrap input[type=checkbox],.essWrap input[type=radio],.slider input[type=checkbox],.slider input[type=radio]{display:none}
.essWrap ul{margin:0;padding:0}
.essWrap ul li{list-style-type:none}
.essWrap a{text-decoration:none}
.essWrap p{margin:0 0 10px}
.essBody,#ess-foot{color:#555;font-size:13px}
.essWrap a{color:inherit}
hr{margin:15px 0;border:0;border-top:1px solid #ed1c24}
.essWrap{margin-left:0;margin-right:auto!important}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.slider *:after,.slider *:after,.sf-menu:after,.row:after{clear:both;content:"";display:table}
.essWrap img,.cstmContent img{max-width:100%;display:inline-block}
.pr{position:relative}
.imgBox img{bottom:0;height:auto;left:0;margin:auto;max-height:90%;max-width:90%;position:absolute;right:0;top:0;width:auto;text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.text-upper{text-transform:uppercase}
.text-normal{font-weight:400}
.inline-block{display:inline-block}
.divider{height:1px;background-color:#e6e6e6;margin:30px 0!important}
.show-mobile{display:none!important}.pull-left{float:left}.pull-right{float:right}
.essTabs *{
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.margin-auto {
margin-left: auto;
margin-right: auto;
float: none
}
.essTabs {
font-size: 0;
position: relative;
height: 343px;
overflow: hidden
}
.essTabs label {
float: left;
cursor: pointer;
height: 32px;
line-height: 32px;
padding: 0 13px;
color: #000;
text-align: center;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-right: 1px
}
.essTabs label:hover,
.essTabs input:checked+label {
color: #fff;
background-color: #ed1c24
}
.essTabs input:checked~label~.panel {
display: block
}
.panel {
color: #37474f;
border: 1px solid #e6e6e6;
border-top: 0;
font-size: 13px;
line-height: 170%;
display: none;
position: absolute;
left: 0;
top: 32px;
padding: 15px;
width: 100%;
background-color: #fff
}
.panel:before {
background-color: #ed1c24;
content: "";
display: block;
height: 2px;
left: -1px;
position: absolute;
top: 0;
width: 105%
}
.scrollBox {
overflow-y: scroll
}
.panel p {
padding: 0 0 10px;
margin: 0
}
.panel p:last-child {
padding-bottom: 0
}
.panel a {
text-decoration: underline
}
.panel a:hover {
text-decoration: none
}
.panel h3 {
margin: 0 0 3px;
font-weight: 700
}
.panel i,
.panel em {
font-style: normal
}
.panel ol,
.panel ul {
margin: 5px 0;
padding-left: 30px;
text-align: left
}
.panel ol li {
list-style: decimal;
line-height: normal;
margin-bottom: 8px
}
.panel ul li {
list-style-type: disc;
line-height: normal;
margin-bottom: 8px
}
.panel ul li li {
list-style-type: circle
}