body, ul, li, h1, h2, h3, h4, h5, h6, p, input, img {
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
font-size:15px;
font-weight:300;
}
iframe[src="about:blank"]{
display:none;
}
:focus {
outline: 0;
}
img {
max-width: 100%;
}
sup {
font-size:50%;
}
h1 {
font-size:27px;
margin:15px 0 15px 0;
padding:0 15px;
}
h2 {
font-size:24px;
font-weight:400;
margin:15px 0 8px;
padding:0 15px;
letter-spacing:0.2px;
}
h3 {
font-size:18px;
font-weight:400;
margin:23px 0 0;
padding:0 15px;
}
.uppr {
text-transform: uppercase;
}
p {
font-size:18px;
font-weight:300;
letter-spacing:0.2px;
margin:8px 0;
font-weight:300;
padding:0 15px;
}
a {
color:#B24242;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
sub {
vertical-align:baseline;
height:0;
line-height:1;
font-size:60%;
}
input[type='radio'] {
cursor: pointer!important;
}
.lock-it {
overflow:hidden !important;
width: 100%;
}
.red {
color:#A50000;
}
.stroke {
text-decoration: line-through;
}
.red-line, .gray-line {
margin:30px auto;
clear:both;
width:100%;
width:970px;
height: 3px;
}
.red-line {
background-color: #d10a13;
}
.gray-line {
background-color: #E1E1E1;
}
.green {
color:#385e3c;
}
.text-center {
text-align:center !important;
}
.text-right {
text-align:right !important;
}
.left {
float:left !important;
}
.right {
float:right !important;
}
.centered {
margin:0 auto !important;
float:none !important;
display:block !important;
}
.hide-this{
display: none !important;
}
.vm {
display: table-cell;
vertical-align: middle;
height: 324px;
}
a img {
border:none;
}
table th {
text-align:left;
}
ul {
list-style:none;
}
.cookie-bar{
	width: 100%;
	position: fixed;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	padding: 15px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffd400;
	box-sizing: border-box;
	z-index: 20;
}
.cookie-bar p{
	font-size: 15px;
	margin:0;
}
.cookie-bar p a{
	font-weight: bold;
}
.cookie-bar button{
	margin-left: 5px;
	margin-right: 10px;
	opacity: 0.5;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}
.cookie-bar button:hover{
	opacity: 0.8;
}
.cookie-bar button:hover, .cookie-bar button:focus{
	outline: none;
}
header {
position:relative;
z-index:10;
}
#top-bar {
width:100%;
background-color:#000;
height:28px;
text-align:center;
}
.no-webp #top-bar {
background:url('/images/header-black.png') repeat;
}
.webp #top-bar {
background:url('/images/webp/header-black.webp') repeat;
}
.wrapper {
margin:0 auto;
text-align:left;
width:100%;
max-width:1000px;
background:none;
}
#top-left {
float:left;
margin:4px 0 0 86px;
overflow:hidden;
}
/* LANDING PAGE */
header.landing #top-left {
margin-left: 5px;
}
#top-bar span {
color:#919191;
font-size:14px;
display:inline-block;
font-weight:normal;
float:left;
line-height:normal;
}
#top-bar a:not(.gs-title):not(.sbSelector) {
text-decoration:none;
color:#FFFFFF;
}
#top-bar a:hover {
text-decoration:underline;
}
#top-logo {
padding-right:10px;
border-right:1px solid #919191;
margin:2px 9px 0 0;
}
#top-phone{
margin-right: 5px;
position:absolute;
height: 22px;
overflow: hidden;
}
#top-phone:hover {
z-index: 1;
background: #0A0707;
border: 1px solid #665F5F;
border-radius: 5px;
padding:5px 5px 0 5px;
height: auto;
}
#top-phone .us-flag {
float:left;
}
#top-phone img{
margin-right:5px;
vertical-align:-4px;
}
#top-phone .svg-l {
margin-right: 15px;
}
#intl-phone{
position: absolute;
left: 5px;
top: 35px;
}
#uk-phone {
position: absolute;
left: 5px;
top: 71px;
}
#au-phone {
position: absolute;
left: 6px;
top: 101px;
}
#top-right {
float:right;
margin:4px 0 0 10px;
text-align: left;
}
#top-right .change_curr {
float:left;
margin:1px 15px;
}
#top-right .sbHolder {
height: 18px;
width: 56px;
border-radius: 5px;
border: 1px solid;
margin-right:20px;
padding: 0;
}
#top-right .sbToggle {
top:0;
bottom:0;
right: 5px;
margin:auto;
}
#top-right .sbToggleOpen {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
top: -1px;
}
#top-right .sbSelector {
width: 100%;
color: #000;
height: 18px;
font-size: 13px;
line-height: 20px;
text-indent: 5px;
}
#top-right .sbSelector:hover {
text-decoration:none;
}
#top-right .sbOptions {
width:56px;
}
#top-right .sbOptions li {
padding:0 7px;
}
#top-bar #top-right .sbOptions li a {
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 2px 0;
margin: 0 2px;
color: #000;
}
#status {
margin-right:10px;
margin-top: 2px;
padding-right:10px;
border-right:1px solid #919191;
}
#status img {
margin-right:5px;
vertical-align:-4px;
}
#status span {
float:none;
color:#fff;
}
#status #not_empty {
color: #919191;
}
#lang {
padding-left: 5px;
border-left: 1px solid #919191;
margin-left: 8px;
}
#lang .sbHolder, #lang .sbOptions{
margin-right:0;
width: 45px;
}
/**** HEADER FAQs ****/
#faqs{
background: #B60000;
padding: 1px 5px;
border-radius: 2px;
border-bottom: 2px solid #850f0f;
}
#faqs #open_faq {
text-decoration: none;
font-weight: bold;
}
#cart_sum, #count {
text-decoration: inherit;
}
#top-login {
margin-right:10px;
margin-top: 2px;
padding-right:10px;
border-right:1px solid #919191;argin-top:2px;
}
header .top-wrap nav {
height:52px;
background-color:#EDE7E6;
border-bottom:1px solid #B60000;
border-top:5px solid #E0E0E0;
position:relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.no-webp header .top-wrap nav {
background:url('/images/header-white.png') repeat;
}
.webp header .top-wrap nav {
background:url('/images/webp/header-white.webp') repeat;
}
#nav-shadow{
width:100%;
position:relative;
}
#nav-shadow:before, #nav-shadow:after {
background: none repeat scroll 0 0 transparent;
bottom: 18px;
box-shadow: 0 15px 10px #111111;
content: "";
height: 7px;
left: 20px;
max-width: 479px;
position: absolute;
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
width: 50%;
z-index: -1;
}
#nav-shadow:after {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
right: 20px;
left: auto;
}
#logo img {
position:absolute;
margin:-33px 0 0 -19px;
}
header .top-wrap nav ul {
margin:-5px 0 0 66px;
list-style:none;
display:inline-block;
overflow:hidden;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
header .top-wrap nav ul li {
display:inline-block;
float:left;
text-transform:uppercase;
position:relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
header .top-wrap nav ul li:last-of-type {
margin-right:0;
}
header .top-wrap nav ul li a {
color:#000000;
text-decoration:none;
font-size:16px;
font-weight:bold;
line-height:normal;
height:45px;
padding: 13px 14px 0;
display:block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#show-mobile-nav.on,
header .top-wrap nav ul li:hover a span, header .top-wrap nav ul li:hover a, header .top-wrap nav ul li.active a, header .top-wrap nav ul li.lock a {
background: #B60000;
color:#FFFFFF;
}
#show-mobile-nav.off,
#show-mobile-nav.off:hover{
background: none;
color: #000;
}
#show-mobile-nav.off:after{
display:none;
}
header .top-wrap nav ul li:hover a:after, header .top-wrap nav ul li.active a:after, header .top-wrap nav ul li.lock a:after {
content:"";
width:0px;
height:0px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #FFFFFF;
font-size:0;
line-height:0;
top: 50px;
left: 0;
right: 0;
position:absolute;
display:block;
margin:0 auto;
}
header .top-wrap nav ul li a span {
display:block;
color:#999999;
font-size:13px;
font-weight:normal;
}
header .top-wrap nav ul li.lock a span, header .top-wrap nav ul li a:hover span, header .top-wrap nav ul li.active a span {
color: #FFFFFF;
}
header .top-wrap nav .chat {
display: inline-block;
}
header .top-wrap nav .chat a{
text-decoration:none;
}
span.online, #live-chat, span.offline {
display:inline-block;
text-transform:uppercase;
height:51px;
width:70px;
margin:-5px 0 0 0px;
padding:7px 0 0; 
text-decoration:none;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
line-height:20px;
text-align:center;
text-shadow: 1px 2px 1px #555555;
float:right;
position:relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#live-chat, span.offline {
background-color:#828282;
}
span.online {
background: #299a0b;
background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b));
background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%);
background: -o-linear-gradient(top, #299a0b 0%,#299a0b 100%);
background: -ms-linear-gradient(top, #299a0b 0%,#299a0b 100%);
background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 );
}
span.online:after, #live-chat:after, span.offline:after {
position:absolute;
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 0;
line-height: 0px;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
bottom:-10px;
left:60px;
}
#live-chat:after, span.offline:after {
border-color: transparent #828282 transparent transparent;
_border-color: #000000 #828282 #000000 #000000;
}
span.online:after {
border-color: transparent #299a0b transparent transparent;
_border-color: #000000 #299a0b #000000 #000000;
}
span.support-info{
display:none;
width: 300px;
height: auto;
position: absolute;
background: #fff;
border: 2px solid #828282;
box-shadow: 0 2px 10px -4px #000;
border-radius: 5px;
padding: 5px;
right: -100px;
top: 62px;
}
div.chat:hover span.support-info{
display:inline-block;
}
#site-search a {
padding-left: 8px;
border-left: 1px solid #919191;
display: block;
margin: 3px 0 2px 10px;
}
.custom-search {
position: absolute;
z-index: 100;
display: none;
top: 28px;
width: 320px;
right: 0;
}

/* No language support paragraph */
.no-language-support{
width: 155px;
margin:5px 0;
padding: 0;
color: #E40000;
font-size: 12px;
font-weight:bold;
}

/* --------------------- Main Sprite  ------------------ */
.no-webp .features-circles {background: url(/images/features-circles.png) 0 0px no-repeat;}
.webp .features-circles {background: url(/images/webp/features-circles.webp) 0 0px no-repeat;}



.sub ul[class*="-sub"] {
position: fixed;
}