/* - - - - - - - - - - - - - - - - - - -
    Reset
- - - - - - - - - - - - - - - - - - - */

ul {
    padding: 0;
}

ul li {
    list-style: none;
}

body {
    font-family: "proxima-nova", sans-serif;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
#breadcrumb {
    text-align: center;
    font-size: 12px;
    color: #666;
    max-width: 1200px;
    padding-top: 12px;
    margin: 0 auto;
}


.cf {
    *zoom: 1;
}
.currency li div {
    display: none;
}
.overseas-shipping div#cb_id_164 {
    padding-top: 206px;
}
.currentLocation span div
{
	display: inline-block;
}
.overseas-shipping.hasLeftCol td.left,.overseas-shipping.hasLeftCol td#center,.overseas-shipping.hasRightCol td.right,.overseas-shipping.hasRightCol td#center,.overseas-shipping.otherPage td.left,.overseas-shipping.otherPage td#center {
    padding-top: 100px;
}
.where-to-buy ul li:nth-of-type(1) .active,.overseas-shipping ul li:nth-of-type(3) .active {
    background: #fff;
    color: #000;
}
/* - - - - - - - - - - - - - - - - - - -
    Currency header
- - - - - - - - - - - - - - - - - - - */

.currency table.tables {
    display: none;
}

.currency {
    display: inline-block;
    height: 19px;
    position: absolute;
    top: -7px !important;
    right: 1% !important;
    text-align: center;
}

.sticky .currency {
    top: -11px !important;
    right: 57% !important;
}
.currency a {
    color: #000 !important;
    margin: 10px auto;
    display: block;
}

.currency a i {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.currency li {
    padding: 1px;
    display: inline-block;
    width: 25px;
}
.export .currency {
    top: -6px;
}

.currency ul {
    background: unset;
    border-bottom: none;
    z-index: 99;
    position: relative;
    margin-top: 0px !important;
    width: 90px;
}
.trade .currency {
    top: -7px !Important;
}
i.usd-flag {
    background: url(/user/templates/1rm-retrotouch-test/icon-flag-usa.png) center no-repeat;
    background-size: auto 60%;
    height: 30px;
    display: block;
}

i.eur-flag {
    background: url(/user/templates/1rm-retrotouch-test/icon-flag-eu.png) center no-repeat;
    background-size: auto 60%;
    height: 30px;
    display: block;
}

i.gbp-flag {
    background: url(/user/templates/1rm-retrotouch-test/icon-flag-uk.png) center no-repeat;
    background-size: auto 60%;
    height: 30px;
    display: block;
}
.sticky .currency ul {
    margin-top: 16px !important;
}

.current-currency {
    width: 50px;
}

.trade .currency {
    top: 52px;
    right: 79%;
}

.trade .sticky .currency {
    top: -11px;
    right: 56%;
}
.trade .sticky .currency ul
{
 margin-top: 14px;
}

.trade .currency ul {
    margin-top: 33px;
}


/* - - - - - - - - - - - - - - - - - - -
    Layout
- - - - - - - - - - - - - - - - - - - */

.row,
.columns,
.column {
    box-sizing: border-box;
}

.section {
    padding: 4em 0;
    text-align: center;
}

.section.no-top-padding {
    padding-top: 0;
}

.section.no-bottom-padding {
    padding-bottom: 0;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.hasLeftCol #inner,
.hasRightCol #inner {
    max-width: 1200px;
    padding: 0 15px;
}

.hasLeftCol td#center,
.hasRightCol td#center {
    text-align: left;
	padding-bottom: 45px;
}

.hasLeftCol td.left {
    width: 25.7%;
}

.hasRightCol td.right {
    width: 25.7%;
}

.hasLeftCol td.left,
.hasLeftCol td#center,
.hasRightCol td.right,
.hasRightCol td#center,
.otherPage td.left,
.otherPage td#center{
    padding-top:250px;
}

table#inner,
div.footer,
div.header{
	min-width:1024px;
}

/* - - - - - - - - - - - - - - - - - - -
    Generic
- - - - - - - - - - - - - - - - - - - */

.narrowDivide {
    height: 2px;
    width: 200px;
    background: #222;
    margin: 1.5em auto;
}

.tradeOnly,
#body.trade .publicOnly {
    display: none;
}

#body.trade .tradeOnly {
    display: block;
}


/* - - - - - - - - - - - - - - - - - - -
    Typography
- - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5, h6 {
    color: #222;
    letter-spacing: 0.1em;
}

.blockTitle {
    font-size: 48px;
    font-weight: bold;
    margin: 0 0 1em;
}

.blockTitle.withDivider:after {
    content: " ";
    display: block;
    height: 2px;
    width: 200px;
    background: #222;
    margin: 0.6em auto 0;
}

.blockTitle.secondary {
    font-size: 36px;
    margin: 0;
}

#cb_id_CONTENT h1 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1em;
}

h4 {
    font-size: 18px;
    font-weight: bold;
}

p {
    line-height: 150%;
}

a {
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

p a:link,
p a:visited{
    color:#e96c24;
}

p .prti a {
    color:#444;
}

/* - - - - - - - - - - - - - - - - - - -
    Buttons
- - - - - - - - - - - - - - - - - - - */

a.btn,
.buttonMenu li a,
input[type=submit] {
    background: none;
    font-size: 16px;
    padding: 0.2em 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: inline-block;
    border: 2px solid #666;
    min-width: 10em;
    cursor: pointer;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

input[type=submit] {
    min-width: 0;
    padding: 0.4em 1.5em;
    height: 40px;
}

a.btn:hover,
.buttonMenu li a:hover,
input[type=submit]:hover {
    background: #444;
    border-color: #444;
    color: #fff;
    text-decoration: none;
}

a.btn.btn-large {
    background: #222;
    border-color: #222;
    color: #fff;
    padding: 0.75em 1.5em;
}

a.btn.btn-large:hover {
    background: #fff;
    border-color: #444;
    color: #222;
}

a.btn-large span{
  font-size:0.75em;
}

.buttonMenu li {
    display: inline;
    margin: 0 0.2em;
}

.buttonMenu li a {
    font-size: 14px;
    color: #666;
    border-color: #ccc;
    min-width: 90px;
    padding: 0.322em;
}

.button {
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1em;
}

/* - - - - - - - - - - - - - - - - - - -
    Forms
- - - - - - - - - - - - - - - - - - - */

input[type=text],
textarea,
input[type=password],
input[type=email]{
    padding: 0.2em 0.6em;
    border: 2px solid #ccc;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
}

input[type=text]:hover,
input[type=text]:focus,
textarea:hover,
textarea:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=email]:hover,
input[type=email]:focus{
    border: 2px solid #888;
}

input[type=text]:focus,
textarea:focus{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

select {
    width: 90%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.errorfield{
    border:2px solid #A02020 !important;
}

/* - - - - - - - - - - - - - - - - - - -
    Top Navigation Bar
- - - - - - - - - - - - - - - - - - - */

#topNavBar {
    background: #666;
    font-size: 0;
}

#topNavBar ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

#topNavBar li {
    display: inline;
    margin-right:30px;
}

#topNavBar li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding: 10px 0;
    line-height: 25px;
    letter-spacing: 0.1em;
}

#topNavBar li a:hover{
    text-decoration: underline;
}

#topNavBar li:last-of-type a {
    font-weight: bold;
}

#topNavBar li:last-of-type:hover a{
    text-decoration: none;
	color: #e96c24;
}

#topNavBar li:last-of-type a:before {
    content: "\f041";
    font-family: "fontawesome";
    color: #e96c24;
    margin-right: 0.4em;
}

#topNavBar p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 45px;
}

#topNavBar .chatLive {
    color: #e96c24;
	display: none;
	
}

.chatOnline #topNavBar .chatLive {
	display: inline;
}


/* - - - - - - - - - - - - - - - - - - -
    Header 
- - - - - - - - - - - - - - - - - - - */

#siteLogo,
#siteIcon{
    margin-top: 40px;
}

#tradeLogin {
    position: absolute;
    top: 72px;
    right: 240px;
    display: inline;
}

#tradeLogin a {
    font-size: 14px;
    color: #444;
	margin:0 5px;
	display:none;
}

#tradeLogin a:first-of-type,
.trade #tradeLogin a,
.export #tradeLogin a{
    display:inline;
}


#tradeLogin a:hover {
    text-decoration: underline;
}

.trade #tradeLogin,
.export #tradeLogin{
    top: 100px;
    right: 15px;
    display: inline;
}

#tradeLogin .basket_totalex{
	font-size:14px;
	font-weight:bold;
	
}

.sticky #tradeLogin {
    display:none;
}

#body.export #tradeLogin a:first-of-type,
#body.trade #tradeLogin a:first-of-type{
	display:none;
}

#body.export #tradeLogin a:nth-of-type(2){
	display:inline;
}

/* - - - - - - - - - - - - - - - - - - -
    Header Search
- - - - - - - - - - - - - - - - - - - */

#siteNav div#sea {
    position: static;
    float: right;
}

div#sea input[type=text] {
    border: 2px solid #ccc;
    border-radius: 0;
    font-size: 16px;
    box-shadow: none;
    padding: 0 8px;
    width: 185px;
    position: relative;
    left: 30px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

div#sea a {
    position: relative;
    right: 10px;
}

div#sea .bp-icon-search{
	color:#999;
}

.trade #sea table,
.trade #sea td,
.export #sea table,
.export #sea td{
	height:120px;
}

/* - - - - - - - - - - - - - - - - - - -
    Header Navigation
- - - - - - - - - - - - - - - - - - - */


#siteNav {
    background: rgba(255, 255, 255, 0.95);
    border-bottom:1px solid #e6e6e6;
}

#siteNav .columns:last-of-type{
    position:relative;
}

#siteNav .where-to-buy{
    display:none;
    color:#444;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.1em;
    line-height:60px;
}

#siteNav .where-to-buy:hover{
    color:#666;
}

#siteNav .where-to-buy:before {
    content: "\f041";
    font-family: "fontawesome";
    color: #e96c24;
    margin-right: 0.4em;
}

#siteNav.sticky .where-to-buy{
    display:inline;
}

#siteNav.sticky {
    position: fixed;
    top:0;
    width:100%;
}

#siteNav.sticky div#sea table,
#siteNav.sticky div#sea table td{
    height:60px;
}

#siteNav.sticky #mainNavigation ul{
    margin:0;
    height: 60px;
}

#siteNav.sticky #mainNavigation ul li{
    line-height: 60px;
    height: 60px;
}

#siteNav.sticky #siteLogo,
#siteNav.sticky #siteIcon {
    display:none;
}

#siteNav.sticky #tradeLogin {
    top: 22px;
}

#siteNav.sticky #productDropdownWrap,
#siteNav.sticky #rangeDropdownWrap{
    top: 60px;
}

#nav {
    display: none;
}

#mainNavigation > ul {
    margin: 30px 0;
    height: 100px;
}

#mainNavigation > ul > li {
    color:#222;
    display: block;
    float:left;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-right: 1.2em;
    line-height: 100px;
    cursor: pointer;
    padding: 0;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

#mainNavigation > ul > li:last-of-type {
    margin-right: 0;
}


#mainNavigation > ul > li.homeLink > a {
    color: #444;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

#mainNavigation > ul > li:hover,
#mainNavigation > ul > li.homeLink > a:hover {
    color: #666;
	text-decoration: none;
}

#mainNavigation > ul > li.homeLink > a:before {
    content: "\f015";
    font-family: "fontawesome";
    font-size: 24px;
}

#mainNavigation > ul > li.parent:after {
    content: "\f107";
    font-family: "fontawesome";
    font-size: 18px;
    line-height: 16px;
    margin-left: 0.4em;
}

#mainNavigation > ul > li.parent.open {
    color: #e96c24;
}

#mainNavigation > ul > li.parent.open:after {
    content: "\f106";
}

#productDropdownWrap {
    position: absolute;
    top: 205px;
    left: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.95);
    display: none;
}

#productDropdown {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 0;
}

#productDropdown .childheading{
    font-family: "proxima-nova",sans-serif;
    color:#FFF;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.075em;
    display:block;
    margin-bottom:0.75em;
}

#productDropdown .childheading:after{
   content:"";
   display:block;
   background:#FFF;
   height:2px;
   width:30px;
   margin:0.5em 0 0;
}

#productDropdown .childcolumn{
	padding: 0 15px;
	max-width: 25%;
	overflow: hidden;
}

#productDropdown a {
    color: #FFF;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
	padding: 4px;
	display: block
}

#productDropdown a:before {
    content: "\f105";
    font-family: "fontawesome";
    margin-right: 0.4em;
}

#productDropdown a:hover {
    color:#e96c24;
	text-decoration: none;
}

#rangeDropdownWrap {
    position: absolute;
    top: 205px;
    left: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.95);
    display: none;
}

#rangeDropdown {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 0;
}

.rangeDropdownColumn {
    display: block;
    width: 33.333333%;
    float: left;
    padding: 15px;
}

#rangeDropdown .childcolumn {
    display: block;
    padding-left: 10px;
}

#rangeDropdown .childcolumn li:before {
    content: "\f105";
    font-family: "fontawesome";
    margin-right: 0.4em;
}

#rangeDropdown .childcolumn li {
    color: #fff;
    list-style: none;
    font-size: 14px;
    margin: 0.25em 0;
}

#rangeDropdown .childcolumn li a {
    color: #fff;
    font-size: 14px;
}

#rangeDropdown .childcolumn li a:hover {
    text-decoration: underline;
}

.header .rangeDropdownColumn > a {
    background: none;
    border-color: #fff;
    color: #fff;
    padding: 0.75em;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 1em;
    border: 2px solid #fff;
    font-weight:bold;
}

.header .rangeDropdownColumn > a:hover {
    background: #fff;
    color: #222;
}

.header .rangeDropdownColumn > a span{
    font-size:0.75em;
    font-weight:normal;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - Slideshow
- - - - - - - - - - - - - - - - - - - */

#cb_id_27 {
    margin-top: -160px;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - Hero
- - - - - - - - - - - - - - - - - - - */

#heroSlider {
    margin-top: -160px;

}

.heroSlide {
    background: #666 url('../../../user/home-content/hero-slider/slide-1-bg.jpg') no-repeat center;
    background-size: cover;
    width: 100%;
    padding-top: 160px;
}

.heroContainer {
    max-width: 1200px;
    height: 640px;
    margin: 0 auto;
    position: relative;
}

.slideLabel {
    background: rgba(255, 255, 255, 0.95);
    width: 463px;
    padding: 40px;
    position: absolute;
    top: 30%;
    right: 30px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    text-align: center;
    box-sizing: border-box;
}

.is-selected .slideLabel {
    opacity: 1;
    top: 26%;
}

.slideLabel h5 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0.75em 0;
}

.slideLabel h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}

.slideLabel p {
    margin: 0.5em 0 1.5em;
}

.slideLabel .btn {
    background: #222;
    border-color: #222;
    color: #fff;
    padding: 0.75em;
    width: 100%;
    box-sizing: border-box;
}

.slideLabel .btn:hover {
    background: #fff;
    border-color: #444;
    color: #222;
}

#heroSlider .flickity-prev-next-button {
    margin-top: 80px;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - Collection
- - - - - - - - - - - - - - - - - - - */

.collectionGrid {
    margin-top: 3em;
}

.collectionGrid h2 {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #222;
}

.collectionGrid .rangeLogo {
    margin: 1.75em 0 0.3em;
}

.rolloverLink {
    cursor: pointer;
}

.rolloverWrap {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.rolloverContent {
    position: absolute;
    top: 0;
	width:100%;
    background: rgba(102, 102, 102, 0.9);
    height: 100%;
    color: #fff;
    padding: 100px 45px 45px;
    opacity: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.rolloverLink.hover .rolloverContent {
    padding: 45px;
    opacity: 1;
}

.collectionGrid .rolloverContent h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 0.1em;
}

.collectionGrid .rolloverContent h3:after {
    content: "-";
    display: block;
    font-size: 72px;
    line-height: 28px;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - Details
- - - - - - - - - - - - - - - - - - - */

.section#details h4 {
    margin-top: 3em;
}

/* external css: flickity.css */

.carousel {
    background: none;
    position: relative;
}

.carousel-cell {
    width: 66%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
    display: block;
    text-align: center;
    content: counter(carousel-cell);
    line-height: 200px;
    font-size: 80px;
    color: white;
}

.static-banner {
    position: absolute;
    background: hsla(0, 0%, 0%, 0.3);
    z-index: 1;
    padding: 2px 20px;
    font-size: 26px;
    color: white;
    pointer-events: none;
}

.static-banner1 {
    left: 10px;
    top: 10px;
}

.static-banner2 {
    right: 10px;
    bottom: 10px;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - Best Socket
- - - - - - - - - - - - - - - - - - - */

.section#bestSocket .btn {
    margin-top: 1.5em;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - A Passion for Innovation
- - - - - - - - - - - - - - - - - - - */

.section.gallery p {
    margin: 0 0 3em;
}

/* - - - - - - - - - - - - - - - - - - -
    Home - As Seen In
- - - - - - - - - - - - - - - - - - - */

.section#asSeenIn {
    padding: 8em 0;
}

.section#asSeenIn h4 {
    font-weight: normal;
}

.section#asSeenIn p {
    margin-top: 2em;
}

/* - - - - - - - - - - - - - - - - - - -
    Featured Block
- - - - - - - - - - - - - - - - - - - */

.section.featured {
    padding-bottom: 1.875em;
}

.featureCallout {
    background: #fff;
    padding: 30px 60px;
    margin-bottom: 30px;
    border-top: 1px solid #e6e6e6;
}

.featureCallout h4 {
    margin-top: 0;
    text-transform: uppercase;
}

.featureCallout p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    max-height: 94px;
    margin-bottom: 0;
}

.featureCallout.featureLink p {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin: 19px 0;
    -webkit-line-clamp: 2;
    max-height: 48px;
}

/* - - - - - - - - - - - - - - - - - - -
    Range - Content
- - - - - - - - - - - - - - - - - - - */
.rangeHero {
    background: #666;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pageRange #breadcrumb,
.pageRange .gridp{
    display: none;
}

.pageRangeCrystal .rangeHero {
    background-image: url('../../../user/ranges/range-crystal-hero.jpg');
}

.pageRangeSimplicity .rangeHero {
    background-image: url('../../../user/ranges/range-simplicity-hero.jpg');
}

.pageRangeBoutique .rangeHero {
    background-image: url('../../../user/ranges/range-boutique-hero.jpg');
}

.pageRange h1 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 1em 0 1.5em;
}

.pageRange .rolloverContent{
    padding:60px 15px 30px;
	width:100%;
}

.pageRange .rolloverContent:hover{
    padding:30px 15px;
	width:100%;
}

.pageRange .rolloverContent h3{
   color:#fff;
}

/* - - - - - - - - - - - - - - - - - - -
    Range - Categories
- - - - - - - - - - - - - - - - - - - */

#rangeChildCategories{
    font-size:0;
}

.rangeCategories .gridp {
    display: none;
}

.rangeCategories h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 2em 0;
}

.rangeCategories a.btn-large {
    margin-top: 2em;
}

.rangeCategories .prti b {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2em;
}

.rangeCategories .row .prim {
    height: auto !important;
    width:100%;
}

.categoryItem a:link {
    color:#444;
}

.categoryItem a:hover {
    text-decoration: none;
}

.categoryItem a img {
    border: 2px solid #fff;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

.categoryItem.hover a img {
    border-color: #666;
}


.rangeCategories #moreProducts{
    cursor:pointer;
}

.rangeCategories #moreProducts>div{
    background:#fff;
    padding-top:100%;
    position:relative;
    box-sizing:border-box;
}

.rangeCategories #moreProducts>div>div{
	font-size:14px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    width:100%;
    text-transform:uppercase;
    padding:35px 20% 0;
    background:url('../more-plus.png') top center no-repeat;
}




/* - - - - - - - - - - - - - - - - - - -
    Gallery Sections
- - - - - - - - - - - - - - - - - - - */

.gallery a.btn-large {
    margin-top: 3em;
}

.gallery a.galleryLink {
    display: block;
    border: 2px solid #fff;
}

.gallery.alt a.galleryLink {
    border-color: #f0f0f0;
}

.gallery a.galleryLink:hover,
.gallery.alt a.galleryLink:hover {
    border-color: #666;
}

.gallery img {
    width: 100% !important;
    height: auto !important;
}

/* - - - - - - - - - - - - - - - - - - -
    Category Page
- - - - - - - - - - - - - - - - - - - */

#breadcrumb {
    text-align: center;
    font-size: 12px;
    color: #666;

}
.product-page #breadcrumb {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;	
}
#breadcrumb a{
    color: #666;
}

#breadcrumb span,
#breadcrumb b {
    font-size: 12px !important;
    font-weight: normal;
    color: #666;
}

#breadcrumb b {
    color: #222;
}

/* - - - - - - - - - - - - - - - - - - -
    Category Page
- - - - - - - - - - - - - - - - - - - */

.categoryPage td.left,
.categoryPage td#center {
    padding-top: 48px;
}

/* - - - - - - - - - - - - - - - - - - -
    Category - Header
- - - - - - - - - - - - - - - - - - - */

#categoryHeader {
    background: #f0f0f0;
    border-top: 205px solid #fff;
}

#categoryHeaderContent {
    padding: 3em 0;
    text-align: center;
}

#categoryHero {
    height: 400px;
    background-size: cover !important;
}

.euroModules #categoryHero {
	background-color:#fff !important;
	height: 500px;
    background-size: contain !important;
}

#categoryHeader #rangeLogo{
    margin-top:1em;
}

#categoryHeader h1 {
    text-transform: uppercase;
    margin: 0;
    line-height: 1.2em;
}

#categoryHeader a.readMore,
#categoryHeader a.readMore.open:hover {
    font-size: 14px;
    color: #666;
    border-color: #ccc;
    background: #f0f0f0;
}

#categoryHeader a.readMore:hover,
#categoryHeader a.readMore.open {
    background: #444;
    border-color: #444;
    color: #fff;
    text-decoration: none;
}

#categoryHeader a.readMore:before {
    content: "+";
    margin-right: 0.4em;
}

#categoryHeader a.readMore.open:before {
    content: "-";
}


#expandableContent {
    position: relative;
    max-height: 90px;
    overflow: hidden;
    margin-bottom: 2em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
}

#expandableContent:after {
    content: " ";
    position: absolute;
    height: 40px;
    width: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(
            rgba(240, 240, 240, 0) 0%,
            rgba(240, 240, 240, 1) 100%
    );
    background-image: -moz-linear-gradient(
            rgba(240, 240, 240, 0) 0%,
            rgba(240, 240, 240, 1) 100%
    );
    background-image: -o-linear-gradient(
            rgba(240, 240, 240, 0) 0%,
            rgba(240, 240, 240, 1) 100%
    );
    background-image: linear-gradient(
            rgba(240, 240, 240, 0) 0%,
            rgba(240, 240, 240, 1) 100%
    );
    background-image: -ms-linear-gradient(
            rgba(240, 240, 240, 0) 0%,
            rgba(240, 240, 240, 1) 100%
    );
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

#expandableContent.open:after {
    opacity: 0;
}

/* - - - - - - - - - - - - - - - - - - -
    Category - Left Col
- - - - - - - - - - - - - - - - - - - */

.lb_title,
.rb_title {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.lb_title:after,
.rb_title:after {
    content: "";
    display: block;
    height: 2px;
    width: 80px;
    background: #444;
    margin: 0.5em 0 0;
}

#product_refine .details {
    margin-top: 1em;
    text-transform: uppercase;
}

#product_refine label {
    text-transform: uppercase;
    font-size: 14px;
    color: #666;
    position: relative;
    top: 2px
}

#product_refine .refine {
    padding: 3px 0;
}

#left #catalogue,
#left #menu{
    line-height: 1.75em;
}

.lb_content #catalogue li.range a{
    font-weight:bold;
}

.lb_content #catalogue .divide:before{
    content: "";
    display: block;
    height: 2px;
    width: 80px;
    background: #444;
    margin: 1.25em 0 1em;
}

/* - - - - - - Custom Price Slider - - - - - - - - */

#slider-wrap {
    margin-top: 1em;
}

#slider-wrap .ui-widget-content {
    border: none;
}

#slider-wrap .ui-widget-header {
    background: #ccc;
}

#slider-wrap .ui-slider-horizontal .ui-slider-handle {
    border-radius: 0;
    border: 1px solid #444;
    background: #444;
}

/* - - - - - - - - - - - - - - - - - - -
    Category - Pagination
- - - - - - - - - - - - - - - - - - - */

#product_list .alternatet .alt {
    background: #fff;
}

#product_list .alternateb .alt {
    background: #fff;
}

#product_list .alternatet td,
#product_list .alternatet td select,
#product_list .alternatet td a,
#product_list .alternateb td,
#product_list .alternateb td select,
#product_list .alternateb td a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
}

#product_list .alternatet td select,
#product_list .alternateb td select {
    width: auto;
    border: 2px solid #ccc;
    background: #fff;
    box-shadow: none;
}

#product_list .alternatet .hrd {
    border: none;
}

#product_list .alternatet .hrd:after {
    content: " ";
    display: block;
    height: 2px;
    width: 80px;
    background: #444;
    margin: 0.3em 0;
    float: left;
}

#product_list > .p:last-of-type {
    margin: 2em 0 3em;
}

#product_list .bp-icon-arrow-left,
#product_list .bp-icon-arrow-right {
    font-size: 12px;
}

/* - - - - - - - - - - - - - - - - - - -
    Category - Product Grid
- - - - - - - - - - - - - - - - - - - */

#product_list {
    margin-top: 0;
    text-align: center;
}

.productActionTable {
    display: table;
    margin: 0 auto;
}

.productAction {
    font-size: 0;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.productAction li {
    display: inline;
    padding: 0 5px;
    float: left;
}

.productAction table {
    width: 100%;
}

.productAction .button,
.productAction > li > a {
    vertical-align: top;
    display: block;
    background: #fff;
    color: #444;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ccc;
    width: 100%;
    padding: 0 0.4em !important;
    height: 22px;
    line-height: 22px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 0;
    width: 50px;
}


.productAction .b_basket{
    display:none;
}

.export .productAction .b_basket,
.trade .productAction .b_basket{
    display:block;
}


.productAction > li > a {
    padding: 0 0.75em !important;
}

.productAction button {
    padding: 0 !important;
    height: 22px;
}

.productAction .button:hover,
.productAction > li > a:hover {
    text-decoration: none;
    background: #222;
    border-color: #222;
    color: #fff;
}

.productAction li:last-of-type {
    text-align: left;
}

.productAction li:last-of-type label {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    top: 2px;
}

#product_list_outer {
    margin: 0 -15px;
}

.productItem h3 {
    font-size: 14px;
    letter-spacing: normal;
    text-transform: uppercase;
}

.productItem h3 {
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.productItem hr {
    width: 80px;
    height: 2px;
    background: #222;
    border: none;
    margin: 0 auto;
}

.productItem .productPrice {
    color: #222222;
    font-weight: bold;
    font-size: 18px;
}

.alsobought .productItem hr{
    display:none;
}

.productItem .productPrice.exVat,
.trade .productItem .productPrice.incVat {
    display:none;
}


.trade .productItem .productPrice.exVat {
    display:block;
}

/* - - - - - - - - - - - - - - - - - - -
    Compare Page
- - - - - - - - - - - - - - - - - - - */

.comparePage:not(.trade) .gridp tr:last-of-type{
	display:none;
}


/* - - - - - - - - - - - - - - - - - - -
    Product Page
- - - - - - - - - - - - - - - - - - - */

.pageProduct #breadcrumb {
    margin: -2.5em 0 2.5em;
}

.pageProduct #cb_id_CONTENT h1 {
    text-transform: uppercase;
    margin-bottom: 0.75em;
}


/* - - - - - - - - - - - - - - - - - - -
    Product - Zoom
- - - - - - - - - - - - - - - - - - - */


#zoom span {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#zoom a:hover {
    text-decoration: none;
    color: #888;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Price
- - - - - - - - - - - - - - - - - - - */

#productPrice {
    font-size: 18px;
    padding-top: 2em;
}

.euroModuleProduct #productPrice {
    padding-top: 0;
}

.trade #productPrice{
    padding-top:0;
}

#productPrice b {
    font-weight: normal;
}

.trade #productPrice .priceLabel,
.export #productPrice .priceLabel{
  display:none;
}

#productPrice .selling_price b {
    font-size: 48px;
    font-weight: bold;
	color:#222;
}

#productPrice .productSku {
    margin: 0.5em 0 2em;
}

.productVat .subtext {
    font-size: 18px;
    color: #666;
}



.trade #productPrice>b:first-of-type{
    display:none;
}

#productPrice #incexc{
    color:#444;
}


table#productDiscount{
    width:100%;
    background:#fff;
    margin:1.75em 0;
    border-collapse: collapse;
}


table#productDiscount th,
table#productDiscount td{
    padding:0.5em 1em;
    border:1px solid #e6e6e6;
}

table#productDiscount th{
    background:#222;
    color:#fff;
    border-color:#444;
    font-weight:normal;
}

table#productDiscount .list_price{
    font-weight:bold;
    color:#e96c24;
    font-size:24px;
}

table#productDiscount #price_save .list_price{
    color:#222;
}


.export #productPrice .tradeOnly{
    display: block;
}

.export #productPrice .publicOnly{
    display: none;
}


/* - - - - - - - - - - - - - - - - - - -
    Product - Purchase Buttons
- - - - - - - - - - - - - - - - - - - */


.productQuantity{
    margin-bottom:20px;
    text-align:center;
}

.productQuantity>table{
    max-width:120px;
    margin:0 auto;
}

.productQuantity .button.b_basket input{
    max-width:50px;
    text-align:center;
    font-size:18px!important;
    padding:0;
}

.purchaseButtons {
    margin: 2em 0 3em 0;
    text-align: center;
}

.purchaseButtons li a,
.purchaseButtons li button {
    background: #222;
    color: #fff;
    display: block;
    padding: 1em;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    height: auto;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.1em;
    border-radius: 0;
}

.purchaseButtons li a:before,
.purchaseButtons li button:before {
    content: "\f041";
    font-family: "fontawesome";
    margin-right: 0.4em;
    color: #888;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

.purchaseButtons li.where a:before {
    color: #e96c24;
}

.purchaseButtons li.add button:before {
    content: "\f291";
    color: #e96c24;
}

.purchaseButtons li.export a:before {
    content: "\f0ac";
}

.purchaseButtons li.export a:before {
    content: "\f0ac";
}

.purchaseButtons li.wishlist button:before {
    content: "\f08a";
}

.purchaseButtons li a:hover,
.purchaseButtons li button:hover {
    text-decoration: none;
    background: #666;
}


#euroModuleDiagram{
	display: none;
}


.euroModuleProduct #euroModuleDiagram{
	display: block;
	margin-bottom:45px;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Options
- - - - - - - - - - - - - - - - - - - */

.productOptions table.options,
.productOptions table.options select{
    width:100%;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Euro Modules
- - - - - - - - - - - - - - - - - - - */


.moduleOptionsTitle{
    font-weight:bold;
    text-transform:uppercase;
    margin-top: 2.5em;
}

.moduleOptionsTitle:after {
    content: " ";
    display: block;
    height: 2px;
    width: 100px;
    background: #222;
    margin: 1em 0;
}


/* - - - - - - - - - - - - - - - - - - -
    Product - Share buttons
- - - - - - - - - - - - - - - - - - - */

.ssk-group .ssk {
    color: #fff;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Description
- - - - - - - - - - - - - - - - - - - */

.productDescription {
    margin-top: 3em;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Featured Blocks
- - - - - - - - - - - - - - - - - - - */

.pageProduct .featureCallout {
    padding: 30px;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Specification
- - - - - - - - - - - - - - - - - - - */

.specification {
    text-align: left;
}

.specification h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1.5em;
}

.specification ul {
    font-weight: bold;
    padding-left: 3em;
}

.specification ul li {
    list-style: disc;
    line-height: 20px;
    margin-bottom: 4px;
}

.specification .large-6 {
    margin-top: 3em;
}

.specification .resourceButtons {
    font-size: 0;
    text-align: center;
    margin: 0 -15px;
}

.specification .resourceButtons li {
    display: inline-block;
    padding: 15px;
    width: 50%;
    margin: 0;
}

.specification .resourceButtons li a,
a.downloadButton{
    display: block;
    background: #222 url('../icon-download.svg') no-repeat 1.125em 0.75em;
    color: #fff;
    text-transform: uppercase;
    padding: 1em 1em 1em 3em;
    letter-spacing: 0.1em;
    text-align: center;
}

.specification .resourceButtons li a:hover,
a.downloadButton:hover {
    text-decoration: none;
    background-color: #666;
}

/* - - - - - - - - - - - - - - - - - - -
    Product - Collection Gallery
- - - - - - - - - - - - - - - - - - - */

.gallery .gallery-4up .flickity-slider > div {
    width: 25% !important;
    padding: 15px;
}

.gallery .gallery-4up div a {
    display: block;
}


/* - - - - - - - - - - - - - - - - - - -
    Basket Page
- - - - - - - - - - - - - - - - - - - */


#basket_page{
    max-width:75rem;
    margin:0 auto 4rem auto;
    padding:0 0.9375rem;
    box-sizing:border-box;
}

#basket_page select{
    width:auto;
}

.basket img{
	max-width: none;
}

.basket>tbody>tr:first-of-type{
    text-transform:uppercase;
}

#basket_total h3{
    text-transform:uppercase;
    letter-spacing: 0;
}

#basket_page form .p{
    margin-top:2em;
}

/* - - - - - - - - - - - - - - - - - - -
    Checkout
- - - - - - - - - - - - - - - - - - - */

#lb_id_21 td:first-of-type a{
  color:#222;
  font-weight:bold;
}

#lb_id_21 .p{
  border-top:1px solid #e6e6e6; 
  padding-top:13px;
}

/* - - - - - - - - - - - - - - - - - - -
    Account Page / Other Pages
- - - - - - - - - - - - - - - - - - - */

#pageHero{
    height:400px;
}

#pageHero{
    text-align:left;
    position: relative;
}

#pageHero h1{
    background: rgba(255, 255, 255, 0.95);
    width: 463px;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.otherPage #cb_id_CONTENT{
    max-width:1170px;
}

.accountPage #cb_id_CONTENT,
.otherPage #cb_id_CONTENT{
    padding-bottom:4em;
    max-width:870px;
    margin:0 auto;
}

.otherPage.otherPageWide #cb_id_CONTENT{
    max-width:1170px;
}

.accountPage #cb_id_CONTENT h1,
.otherPage #cb_id_CONTENT h1{
    font-size:36px;
}

.accountPage #cb_id_CONTENT h2,
.otherPage #cb_id_CONTENT h2{
    font-size:24px;
    letter-spacing:0;
    text-align:center;
    margin-bottom:2em;
}

#cb_id_CONTENT h2.pageSubTitle,
#cb_id_CONTENT h3.pageSubTitle{
    color:#666;
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:0.1em;
}

.accountPage #cb_id_CONTENT h3,
.otherPage #cb_id_CONTENT h3{
    letter-spacing:0;
    font-weight: bold;
}

.accountPage #cb_id_CONTENT h4,
.otherPage #cb_id_CONTENT h4{
    letter-spacing:0;
}

.accountPage #cb_id_CONTENT .hr,
.otherPage #cb_id_CONTENT .hr{
    margin:3em 0;
}

.otherPage #cb_id_CONTENT h3,
.otherPage #cb_id_CONTENT h4{
    margin-top:2em;
}

.otherPage #cb_id_CONTENT ul,
.fullPage #cb_id_CONTENT ul{
    padding:1em 0 1em 2em;
}

.otherPage #cb_id_CONTENT ul li,
.fullPage #cb_id_CONTENT ul li{
    margin:0.4em 0;
    list-style:disc;
}


/* - - - - - - - - - - - - - - - - - - -
    Full Page
- - - - - - - - - - - - - - - - - - - */

.fullPage #cb_id_CONTENT h2,
.fullPage #cb_id_CONTENT h3,
.fullPage #cb_id_CONTENT h4{
    letter-spacing:0;
}

.fullPage #cb_id_CONTENT h1{
    font-size:36px;
}

.fullPage #cb_id_CONTENT h2{
    font-size:24px;
}


/* - - - - - - - - - - - - - - - - - - -
    Trade Sign In
- - - - - - - - - - - - - - - - - - - */

#tradeSignInForm{
    background:#f0f0f0;
    border:2px solid #e6e6e6;
    padding:1.5em 2em;
    margin:2em 0;
}

#tradeSignInForm td{
    padding:0.3em 0;
}

#tradeSignInForm input[type=submit]{
    padding:0em 1.5em;
}

/* - - - - - - - - - - - - - - - - - - -
    Where to Buy
- - - - - - - - - - - - - - - - - - - */

.whereToBuyNav{
  background:#222;
}

.whereToBuyNav ul{
  max-width:1200px;
  margin:0 auto;
}


.whereToBuyNav li{
  display:inline-block;
  width:33.333333%;
  float:left;
  text-align:center;
  padding:1em;
  box-sizing:border-box;
}

.whereToBuyNav a{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:0.1em;
  padding:1em;
  display:block;
  border: 2px solid #fff;
}

.whereToBuyNav a:hover{
  text-decoration:none;
  background:#fff;
  color:#222;
}


.where-to-buy #cb_id_CONTENT p{
    max-width:870px;
    margin:0 auto;
}

.where-to-buy .form{
    margin-top:2em;
}

.where-to-buy .form input[type=text]{
    width:220px;
}

.where-to-buy .form .button{
    padding-left:3em!important;
    padding-right:3em!important;
}

.where-to-buy #cb_id_CONTENT{
    position:relative;
}

.where-to-buy #cb_id_CONTENT>div:first-of-type{
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    top:7em;
}


.where-to-buy .locationSearch h2{
    text-transform:uppercase;
    font-size:18px;
    color:#666;}

.where-to-buy .locationSearch h2.map{
    margin:-2em 0 5em 0;
}
.where-to-buy .locationSearch h2.map:before {
    content:"\f002";
    font-family:"fontawesome";
    margin-right:0.4em;
}

.where-to-buy .locationSearch input[type=button]{
    background:#222;
    color:#fff;
    border:none;
    text-transform:uppercase;
    letter-spacing:0.1em;
    padding:0.75em 3em;
    cursor:pointer;
    font-size:14px;
    font-weight:300;
}

.where-to-buy .locationSearch input[type=button]:hover{
    background:#444;
}

.wholesalers h3,
.purchaseForm h3{
    font-size:36px;
}

.purchaseForm h4{
    color:#666;
}

.locationSearch .basket td:first-of-type{
    font-size:24px;
    vertical-align:top;
    text-align:center;
}

.locationSearch .btn-large{
    position:relative;
    top:-30px;
}

/* - - - - - - - - - - - - - - - - - - -
    Brochures
- - - - - - - - - - - - - - - - - - - */

#body.brochures #cb_id_CONTENT{
    text-align:center;
}

#body.brochures h3{
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.1em;
    background: #222;
    margin-bottom: 0;
    padding: 0.75em 0;
    font-weight: normal;
}

a.downloadButton{
    position: relative;
    top:-30px;
    z-index: 2;
}

/* - - - - - - - - - - - - - - - - - - -
    Support Pages
- - - - - - - - - - - - - - - - - - - */

.supportHome h2{
    margin:0;
}

.supportHome h2 a{
    font-size:24px;
    font-weight:bold;
    text-transform:uppercase;
}
.supportHome h2 a:hover{
    text-decoration: none;
    color:#666;
}

.supportExtras .column-block h3 {
    background: #fff;
    margin: 0;
    padding: 1em 0;
}

.supportExtras .column-block h3 a{
    text-transform:uppercase;
    font-weight:bold;

}

.supportHeader{
  padding-bottom:2em;
}

.supportHeader .btn-large{
  min-width:210px;
}

.instructions{
  border-top:3px solid #e6e6e6;
}

ul.faqs{
    margin:2em 0;
}

ul.faqs li{
    padding-left:20px;
}

ul.faqs li.question{
    font-size:18px;
    font-weight:bold;
    margin:0.5em 0;
    position:relative;
    cursor:pointer;
}

ul.faqs li.question:hover{
    color:#888;
}

ul.faqs li.question:before{
    content:"\f105";
    font-family:"fontawesome";
    position:absolute;
    left:0;
    top:0.1em;
    display:inline-block;
    width:20px;
    text-align: center;
}

ul.faqs li.question.open:before{
    content:"\f107";
}

ul.faqs li.answer{
    font-weight:normal;
    font-size:16px;
    display:none;
}

/* - - - - - - - - - - - - - - - - - - -
    Blog
- - - - - - - - - - - - - - - - - - - */

#rb_id_4 p{
   margin:0 0 0.5em 0;;
}

#rb_id_4 p a{
  color:#222;
  font-size:14px;
}


/* - - - - - - - - - - - - - - - - - - -
    Contact
- - - - - - - - - - - - - - - - - - - */


.gMapOverlay {
    background:transparent;
    position:relative;
    width:100%;
    height:450px;
    top:450px;
    margin-top:-450px;
}

.contactDetails b{
    display:inline-block;
    width:60px;
}

.socialLinks{
    margin-top:2em;
}

.socialLinks li{
    display:inline;
}

.socialLinks li a{
    font-size:0;
    color:#fff;
}

.socialLinks li a:before{
    content:"\f230";
    font-family:"fontawesome";
    margin-right:0.4em;
    font-size:30px;
    color:#666;
}

.socialLinks li a:hover:before{
    color:#222;
}

.socialLinks .google a:before{
    content:"\f2b3";
}

.socialLinks .linkedin a:before{
    content:"\f0e1";
}

.socialLinks .twitter a:before{
    content:"\f099";
}

.socialLinks .youtube a:before{
    content:"\f167";
}



/* - - - - - - - - - - - - - - - - - - -
    Footer - Stay Connected
- - - - - - - - - - - - - - - - - - - */

#socialMenu {
    margin: 30px 0;
}

#socialMenu li {
    display: inline;
    margin: 0 0.1em;
}

#socialMenu li a {
    font-size: 0;
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #537bbd;
    color: #fff;
    line-height: 48px;
}

#socialMenu li.google a {
    background: #4c4c4b;
}

#socialMenu li.linkedin a {
    background: #2085c7;
}

#socialMenu li.twitter a {
    background: #78cdf0;
}

#socialMenu li.youtube a {
    background: #e9654b;
}

#socialMenu li a:before {
    content: "\f09a";
    font-family: "fontawesome";
    width: 48px;
    height: 48px;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

#socialMenu li.google a:before {
    content: "\f0d5";
}

#socialMenu li.linkedin a:before {
    content: "\f0e1";
}

#socialMenu li.twitter a:before {
    content: "\f099";
}

#socialMenu li.youtube a:before {
    content: "\f16a";
}

#socialMenu li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#stayConnected .buttonMenu {
    margin: 2em 0 0;
}

#stayConnected p {
    font-size: 14px;
}

form#signUp {
    margin: 2em 0 1em;
}

form#signUp input {
    margin: 1em 0;
}


form#signUp input[type=email] {
    width: 350px;
    margin-right: 5px;
}

/* - - - - - - - - - - - - - - - - - - -
    Footer - Lithe Audio
- - - - - - - - - - - - - - - - - - - */

#litheAudio {
    background: #171b20 url('../litheaudio-bg.jpg') right no-repeat;
    padding: 1.5em 0;
    height: 240px;
    box-sizing: border-box;
}

#litheAudio h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

#litheAudio a {
    margin-top: 0.75em;
    background: rgba(45, 53, 64, 0.6);
    border: 2px solid #666;
    display: inline-block;
    position: relative;
    width: 320px;
    height: 80px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding: 12px 0 0 62px;
}

#litheAudio a:hover {
    text-decoration: none;
    background: rgba(45, 53, 64, 1);
    border-color: #888;
}

#litheAudio a:before {
    display: block;
    content: " ";
    position: absolute;
    top: 15px;
    left: 15px;
    width: 46px;
    height: 46px;
    background: url('../litheaudio-arrow.png');
    background-size: 100% 100%;
}

#litheAudio a:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: 13px;
    right: 20px;
    width: 214px;
    height: 27px;
    background: url('../litheaudio-logo.png');
    background-size: 100% 100%;
}

/* - - - - - - - - - - - - - - - - - - -
    Footer
- - - - - - - - - - - - - - - - - - - */

.footer h5 {
    color: #ccc;
    font-weight: bold;
    border-bottom: 2px solid #888;
    padding-bottom: 0.75em;
    margin-top: 0;
    margin-bottom: 1.75em;
    font-size: 16px;
}

.footer h6 {
    color: #ccc;
    font-weight: bold;
    margin-top: 1.75em;
    text-transform: uppercase;
    font-size: 16px;
}

.footer p.withIcon {
    padding-left: 36px;
    position: relative;
}

.footer p.withIcon:before {
    position: absolute;
    content: "\f017";
    font-family: "fontawesome";
    font-size: 18px;
    left: -6px;
    display: block;
    text-align: center;
    width: 36px;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

.footer p.withIcon.tel:before {
    content: "\f095";
}

.footer p.withIcon.email:before {
    content: "\f0e0";
}

.footer p.withIcon.address:before {
    content: "\f041";
}

.footerMenu li {
    line-height: 22px;
    position: relative;
    padding-left: 1em;
    font-size: 13px;
}

.footerMenu li:before {
    content: "\f105";
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    color: #666;
}

.footerMenu li a {
    font-size: 13px !important;
}

.footer a.icon-btn {
    border: 2px solid #444;
    background: #333;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.6em 1.2em;
    letter-spacing: 0.1em;
    margin-bottom: 0.75em;
}

.footer a.icon-btn:before {
    content: "\f019";
    font-family: "fontawesome";
    color: #e96c24;
    margin-right: 0.4em;
}

.footer a.icon-btn.where-btn:before {
    content: "\f041";
}

.footer a.icon-btn:hover {
    text-decoration: none;
    border-color: #333;
    background: #444;
}

.locationWrap {
    font-weight: bold;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

#cb_id_CONTENT .locationWrap {
    border: 2px solid #444;
    padding: 1em 2em;
}

.locationWrap a {
    margin-left: 1em;
    cursor: pointer;
}

.footer .locationWrap a {
    color: #ccc;
}


.locationWrap a:hover {
    text-decoration: none;
    color: #999;
    font-weight: bold;
    font-size: 16px;
}

.footer .locationWrap a:hover {
    color: #fff;
}

.locationWrap a:after {
    content: "\f101";
    font-family: "fontawesome";
    margin-left: 0.4em;
}

.currentLocation span {
    background: url('../icon-flag-uk.png') left no-repeat;
    background-size: auto 100%;
    padding-left: 30px;
}

.currentLocation span.eu {
    background-image: url('../icon-flag-eu.png');
}

.currentLocation span.us {
    background-image: url('../icon-flag-usa.png');
}

.currentLocation span.world {
    background-image: url('../icon-flag-world.png');
}

.currentLocation span.ma {
    background-image: url('../icon-flag-ma.png');
}

.copyright {
    height: 70px;
    position: absolute;
    bottom: -70px;
    left: 0;
    right: 0;
}

.copyright img {
    float: left;
    margin-top: 18px;
}

.copyright p {
    float: left;
    margin: 0;
    padding: 24px 40px;
}

.copyright h6 {
    float: left;
    color: #666;
    margin: 0;
    padding: 24px 30px;
}

.copyright .align-right img,
.copyright .align-right h6 {
    float: right;
}


#locationSelect{
    visibility: hidden;
    opacity: 0;
    background:#222;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    z-index:99;

}


#locationSelect.open{
    visibility: visible;
    opacity: 1;
}

#locationSelect>div{
    position:absolute;
    top:50%;
    width:100%;
    transform: translateY(-50%);
}

#locationSelect ul{
    font-size:36px;
}


#locationSelect ul li{
    cursor:pointer;
	color:#fff;
}

#locationSelect ul li:hover{
    text-decoration: underline;
}

#locationSelect h3{
    color:#fff;
    text-transform:uppercase;
}

#locationSelect h3:after{
    content:"";
    display:block;
    width:100px;
    height:2px;
    background:#fff;
    margin:0.5em auto 0;
}

#locationSelect #cancel{
  background:#fff;
  border-color:#fff;
  color:#222;
}

#locationSelect #cancel:hover{
  font-size:16px;
  border:2px solid;
	background: #222;
	color:#fff;
}

/* - - - - - - - - - - - - - - - - - - -
    Desktop Only Rules
- - - - - - - - - - - - - - - - - - - */

@media only screen and (min-width: 768px) {
    div#body{
        min-width:768px;
    }
	

	/* - - - - - - - - - - - - - - - - - - -
		Product - Images
	- - - - - - - - - - - - - - - - - - - */

	#productImages {
		position: relative;
		padding-left: 135px;
		text-align: left;
	}

	.euroModuleProduct #productImages {
		padding-left: 0;
	}

	#body:not(.euroModuleProduct) #productImages .tables {
		width: 90px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
	}

	#body:not(.euroModuleProduct) #productImages .tables td {
		display: block;
		width: 100% !important;
		margin-bottom: 12px;
	}

	/* - - - - - - - - - - - - - - - - - - -
		Product - Zoom
	- - - - - - - - - - - - - - - - - - - */

	#body:not(.euroModuleProduct) #zoom {
		position: absolute;
		bottom: 2.5em;
		left: 50%;
	}

	#zoom{
		text-align: center;
	}

	#zoom .options{
		margin:0 auto;
	}

	
	
}



/* - - - - - - - - - - - - - - - - - - -
    iPad  Rules
- - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 1200px)  {

	#siteNav .medium-4.menu,
	#siteNav .medium-4.search{
		width:35%;
	} 
	
	#siteNav .medium-4.logo{
		width:30%;
	} 	
}


/* - - - - - - - - - - - - - - - - - - -
    iPad Only Rules
- - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 1200px) and (min-width: 768px)  {

	#topNavBar li {
		margin-right: 15px;
	}
	
.currency {
    top: 79px;
    right: 67%;

}
	i.gbp-flag,i.eur-flag,i.usd-flag {
	background-size: auto 60%;
	height: 30px;
	}
	.currency a {
		color: #000 !important;
		margin: 4px auto;
		display: block;
	}
.sticky .currency {

    right: 63%;
}	
	
.currency ul {
    margin-top: 6px;
}
	
.trade .currency {
    top: 58px;
    right: 88%;
}	
.export .currency {
    top: -6px;
    right: 1%;
}
.trade .sticky .currency {
    top: -2px;
    right: 62%;
}
	
}



/* - - - - - - - - - - - - - - - - - - -
    Mobile Only Rules
- - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 768px) {
	
	div.header,
	table#inner,
	div.footer{
		min-width:0;
	}
	
	h1{
		font-size:36px;
	}
	
	.categoryPage div.header,
	.pageRange div.header,
	.pageProduct div.header{
		height:45px;
		overflow:hidden;
	}
	
	.pageProduct h1{
		font-size:24px;
	}
	
    td.header {
        padding: 75px 30px 20px;
        position: relative;
        z-index: 10;
        background:rgba(255,255,255,0.95);
    }

    .otherPage td#center{
        padding-top:0;
    }
	
	.accountPage #cb_id_CONTENT{
		padding-left:15px;
		padding-right:15px;
	}

    #mobileNav {
        position: fixed;
        text-align: center;
        top: 0px;
        width: 100%;
        background: #222;
        color: #fff;
        height:45px;
        z-index: 99;
        text-transform: uppercase;
    }

    #mobileNav>div{
        width:40%;
        float:left;
        text-align: center;
    }

    #mobileNav>div:nth-of-type(3),
    #mobileNav>div:nth-of-type(4){
        width:20%;
    }

    #mobileNav>div>div{
        line-height:44px;
        cursor: pointer;
    }

    #mobileSearch:before{
        content:"\f002";
        font-family: "fontawesome";
        font-size: 24px;
        line-height: 42px;
        margin-right:0.4em;
    }

    #mobileSearch:after{
        content:"\f0c9";
        font-family: "fontawesome";
        font-size: 24px;
        line-height: 42px;
    }

    #mobileProductNav:after,
    #mobileRangeNav:after{
        content: "\f107";
        font-family: "fontawesome";
        font-size: 18px;
        line-height: 16px;
        margin-left: 0.4em;
    }

    #mobileProductNav.open,
    #mobileRangeNav.open,
    #mobileSearch.open{
        color:orange;
    }

    #mobileProductNav.open:after,
    #mobileRangeNav.after{
        content: "\f106";
    }

    .mobileMenuWrap{
        position: fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background:rgba(34, 34, 34, 0.95);
        z-index:98;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    .mobileMenuWrap.open{
        visibility: visible;
        opacity: 1;
        margin-top: 45px;
    }

    #mobileRangeNavWrap ul{
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
	
	#mobile_catalogue{
		padding: 30px 0;
		max-height: 77%;
		overflow: auto;
	}
    
    #mobile_catalogue #catalogue ul{
        text-align: center;
    }

    #mobile_catalogue .cb_title{
        display: none;
    }

    #mobileSearchWrap #mobile_menu{
        padding:30px;
    }
	
	#mobileSearchWrap a{
        color:#fff;;
    }

    #mobile_catalogue #catalogue a,
    #mobileRangeNavWrap a,
    #mobileSearchWrap #mobile_menu a,
    #mobileSearchWrap #mobile_menu span.current{
        display: inline-block;
        margin:0;
        padding: 0.4em;
        font-size: 15px;
        list-style: none;
        color: #fff;
        text-transform: uppercase;
    }

    #mobileSearchWrap #mobile_menu span.current{
        color:#666;
        font-weight: normal;
    }

    #mobileSearchWrap #mobile_menu .cb_title{
        background: #222;
        color: #fff;
        text-align: center;
    }

    #mobileSearchWrap #mobile_menu li {
        text-align: center;
    }

    #mobileRangeNavWrap ul{
        padding:0 30px;
        box-sizing: border-box;
    }

    #mobileRangeNavWrap a {
        border-color: #fff;
        color: #fff;
        padding: 0.75em;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 1em;
        border: 2px solid #fff;
        font-size: 16px;
        letter-spacing: 0.1em;
    }

    #cb_id_7{
        display: block!important;
    }

    #cb_id_7 .cb_content {
        padding-left: 30px;
        padding-right: 30px;
		position: relative;
    }

    #cb_id_7 .tables td {
        display:block;
        width:100%;
        text-align: center;
		padding:0!important;
    }
	
	#cb_id_7 .tables td:last-of-type{
        position: absolute;
		top:14px;
		right:40px;
		width:auto;
    }

    #cb_id_7 .cb_content .bp-icon-search:before{
        font-size: 30px;
        color: #666;

    }

    #cb_id_7 .cb_content input[type=text]{
        border:none;
        padding: 0.2em 1em;
        height: 60px;
        box-sizing: border-box;
        margin-bottom:15px;
    }
	
	#tradeSignInForm{
		padding: 1.5em 1em;
	}

    #heroSlider {
        margin-top: -130px;
    }

    .heroContainer{
        height:310px;
    }

    #heroSlider .slideLabel{
        width:80%;
        left:10%;
        padding:20px;
    }

    #heroSlider .slideLabel p{
        font-size:12px;
    }

    #heroSlider .slideLabel .btn{
        font-size:12px;
    }

    #heroSlider .flickity-prev-next-button{
        display:none;
    }

    .rangeHero,
    #categoryHero{
        height:200px;
    }

    #categoryHeader{
        border:none;
    }

    #categoryHeader h1{
        font-size:36px;
    }

    #product_list{
        padding:15px;
    }
	
	#productImages{
		padding:0;
	}
	

    .categoryPage td.left, .categoryPage td#center{
        padding-top:0;
    }

    .cb_content {
        padding-left: 0;
        padding-right: 0;
    }

    #topNavBar,
    #siteNav{
        display:none;
    }

    .blockTitle {
        font-size: 36px;
    }
    
    form#signUp input[type=email]{
        width:100%;
        margin-right:0;
		box-sizing: border-box;
    }
	
	.otherPage #cb_id_CONTENT{
		padding:0 15px 45px 15px;
	}
	
	m_form td input[type=text],
	.m_form td input[type=email],
	.m_form td input[type=password],
	.m_form td select,
	.m_form td textarea,
	.m_form td input[type=text],
	.m_form td input[type=email],
	.m_form td input[type=password],
	.m_form td select,
	.m_form td textarea{
		width: 90%;
	}
	
	#mobileBasket{
		display:none;
	}
	
	.trade #mobileBasket,
	.export #mobileBasket{
		display:table-cell;
	}
	
	#mobileBasket a{
		color:#fff;
		font-size:24px;
	}

    #litheAudio{
        height:auto;
        background-size: cover;
        padding-bottom:3em;
    }

    div.footer{
        border:none;
    }
}


/* Hamburger */

#hamburgerWrap{
    position: fixed;
    top:0;
    right:0;
    padding:15px;
    background: #fff;
    z-index: 99;
}

#hamburger{
    width: 45px;
    height: 35px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#hamburger span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #e96c24;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
    top: 0px;
}

#hamburger span:nth-child(2),#hamburger span:nth-child(3) {
    top: 14px;
}

#hamburger span:nth-child(4) {
    top: 28px;
}

#hamburger.open span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%;
}

#hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}



/* - - - - - - - - - - - - - - - - - - -
    Exhibitions page 
- - - - - - - - - - - - - - - - - - - */


h3.exhibition-show {
    text-align: center;
    font-size: 24px;
    margin: 0.2em 0 !important;
    
}

h3.exhibition-show span{
display: block;
}

.exhibitions-left {
    width: 100%;
    margin-bottom: 30px;
}

p.stand-number,h4.company-address,a.company-link,a.free-tickets,h5.opening-hours,a.email-tickets {
    text-align: center;
}

a.company-link {
    display: block;
    margin: 10px 0;
}

h4.company-address {
    margin-top: 1em !important;
}

a.free-tickets,a.email-tickets {
    display: block;
    margin: 10px 0px;
}

a.company-logo {
    text-align: center;
    display: block;
    margin: 1em auto;
    width: 50%;
    
}

h5.opening-hours {
    font-weight: bold;
    font-size: 16px;
}

a.email-tickets {
    width: 330px;
    margin: 2em auto;
    background: none;
    font-size: 16px;
    padding: 0.5em 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    border: 2px solid #666;
    cursor: pointer;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

a.email-tickets:hover {
        background: #444;
    border-color: #444;
    color: #fff;
    text-decoration: none;
}

hr.exhibition-divider {
    margin: 4em auto;
}