/********************

  Global
  Header

***************************************************/
/*                     Global                     */
/**************************************************/

body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size:100%
}

h1,h2,h3,h4,h5,h6{
    font-weight:lighter;
    margin: 10px 0px;
}

h1{font-size: 50px}
h2{font-size: 40px}
h3{font-size: 35px}
h4{font-size: 30px}
h5{font-size: 25px}
h6{font-size: 20px}

b{font-weight:normal}
a{text-decoration:none}

/* Toggle Switch */
input.toggle {
    max-height: 0;
    max-width: 0;
    opacity: 0;
}

p{
    margin:10px 0px;
}

.pagemargin{
    padding:50px 70px;
}

input.toggle + label {
    display: inline-block;
    position: relative;
    text-indent: -5000px;
    height: 30px;
    width: 50px;
    border-radius: 15px;
    cursor: pointer;
}

input.toggle + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 32px;
    width: 51px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: #D2D2D2;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input.toggle:checked + label:before {background: #59D449}

input.toggle + label:after {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 1px;
    left: 1px;
    border-radius: 15px;
    background: white;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input.toggle:checked + label:after{left: 20px}

.margin{
    padding:0px 150px;
    box-sizing:border-box;
}

@media screen and (max-width: 1000px){ 
    .margin{padding:0px 120px}
}

@media screen and (max-width: 900px){ 
    .margin{padding:0px 100px}
}

@media screen and (max-width: 800px){ 
    .margin{padding:0px 80px}
}

@media screen and (max-width: 700px){ 
    .margin{padding:0px 60px}
}

@media screen and (max-width: 600px){ 
    .margin{padding:0px 50px}
}

@media screen and (max-width: 500px){ 
    .margin{padding:0px 40px}
}

@media screen and (max-width: 400px){ 
    .margin{padding:0px 30px}
}

@media screen and (max-width: 320px){ 
    .margin{padding:0px 25px}
}

.panel{
    box-shadow: 0px 5px 10px #ECECEC;
    padding: 50px 0px;
}

/* background mask */
.bgMask{
    position:fixed;
    top:0px;
    left:0px;
    background-color:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    z-index:6;
    display:none;
}

/* left and right side panels */
.left, .right{
    position:fixed;
    top:0px;
    width:320px;
    height:100%;
    background-color:#fff;
    z-index:7;
    display:none;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.left{left:0px}
.right{right:0px}

/* loading */
.loading{
    position:fixed;
    top:0px;
    left:0px;
    background-color:rgba(255,255,255,0.4);
    font-size: 90px;
    color:#ff0000;
    width:100%;
    height:100%;
    text-align:center;
    z-index:10;
    display:none;
}

/* scroll-to-top button */
.toTop{
    height: 30px;
    width: 50px;
    background-color: #E4E4E4;
    opacity:0.8;
    border-radius: 50px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 30px;
    text-align: center;
    color: #5F5F5F;
    margin: 0px 10px 10px 0px;
    padding: 10px 0px 10px 0px;
    cursor:pointer;
    display:none;
    z-index: 1;
}

.toTop:hover{opacity:1}

/* tooltip */
.tipr_content{
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    color: #333; 
    background-color: #fff;
    padding: 9px 17px;
}

.tipr_container_bottom{
    display: none;
    position: absolute;
    margin-top: 13px;
    z-index: 1000;
}

.tipr_container_top{
    display: none;
    position: absolute;
    margin-top: -77px;
    z-index: 1000;
}

.tipr_point_top, .tipr_point_bottom {
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
}

.tipr_point_top:after, .tipr_point_top:before{
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    top: 100%;
    content: "";
    height: 0;
    width: 0;
}

.tipr_point_top:after{
    border-top-color: #fff;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.tipr_point_top:before{
    border-top-color: #dcdcdc;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}

.tipr_point_bottom:after, .tipr_point_bottom:before{
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    bottom: 100%;
    content: "";
    height: 0;
    width: 0;
}

.tipr_point_bottom:after{
    border-bottom-color: #fff;
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.tipr_point_bottom:before{
    border-bottom-color: #dcdcdc;
    border-width: 9px;
    left: 50%;
    margin-left: -9px;
}

.wiki{
    font-weight:normal;
    cursor:pointer;
    color:#55a5ec;
}

.hover{
    position:fixed;
    background-color:#fff;
    border:1px solid #bdbdbd;
    padding:20px;
    z-index:20;
    display:none;
}

.pointer{cursor:pointer}

#temperature{
    width: 65px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    margin: 0px 5px 0px 5px;
}

.tool{
    position:fixed;
    top:0px;
    left:0px;
    background-color:#fff;
    display:none;
    z-index:10000;
}

/***********************************************************************
    fragment
***********************************************************************/

.fragment{
    width: 100%;
    min-height:50px;
    height:350px;
    padding: 20px 0px 0px 0px;
    box-shadow: inset 0px -15px 25px -20px #e0e0e0;
}

.fragment > .fragment_text{
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    font-size:15px;
    opacity:0;
}

.fragment > .fragment_text > div{
    width:400px;
    display:inline-block;
}

.fragment > .fragment_text > div > h3{font-size:35px}

.fragment .fragment_button{
    width: 250px;
    padding: 10px 0px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    background-color: #ff0000;
    border-bottom: 4px solid #CE0000;
    cursor:pointer;
    opacity:0;
}

.fragment .fragment_button:active{
    margin-top:24px;
    border-bottom:0px;
}

.fragment > .fragment_image{
    width: 50%;
    height: 100%;
    background-image: url('https://images.issltd.co.uk/products/1/1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display:none;
}

/**************************************************/
/*                     Index                      */
/**************************************************/

.grid{
    margin-left:50px;
    margin-right:50px;
    box-sizing: border-box;
    display: inline-block;
}

.gridTile{
    background-color:#F5F5F5;
    float:left;
    box-sizing: border-box;
    vertical-align: bottom;
    cursor:pointer;
    margin-bottom: 5px;
}

.gridTileImage{
    background-size:cover;
    width:100%;
    height:100%;
}

.gridTileProduct{
    background-size:cover;
    width:100%;
    height:100%;
    background-position-x: 25px;
    background-repeat: no-repeat;
}

.gridTileColour{
    width:100%;
    height:100%;
}

.gridTile:hover{
    opacity:0.97;
}

.indexLoadMore{
    width: 100%;
    text-align: center;
    padding: 30px 0px;
    font-size: 25px;
}

.indexScroll{
    position: fixed;
    bottom: 0px;
    padding-bottom:20px;
    width: 100%;
    text-align: center;
    display:none;
}

.indexScrollIcon{
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 35px !important;
    color: #fff;
    cursor: pointer;
}

/**************************************************/
/*                     Login                      */
/**************************************************/

.loginContainer{
    width: 280px;
    height: 440px;
    background-color: #fff;
    border-top: 4px solid #ff0000;
    text-align: center;
    display: none;
    position: fixed;
    z-index:7;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.loginImage{
    height: 80px;
    margin-top: 50px;
    border-radius: 50px;
}

#loginEmail{
    width: 100%;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    margin-top: 70px;
    color: #bdbdbd;
    border: 0px;
    border-bottom: 1px solid #DEDEDE;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: center;
    padding-right: 10px;
}

#loginPassword{
    width: 100%;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    color: #bdbdbd;
    border: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 73px;
    text-align: center;
}

.loginCreateAccount{
    font-size: 12px;
    padding-bottom: 5px;
}

.login{
    width: 100%;
    background-color: #ff0000;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
    cursor: pointer;
}

.loginLoading{
    color: #C1C1C1;
    margin-top: 75px;
    display: none;
}

.loginWheel{font-size: 45px !important}

.loginLoadingText{
    font-size: 16px;
    color: #000000;
    padding-top: 5px;
}

.loginLoaded{
    color: #2BE43A;
    font-size: 60px;
    text-align: center;
    padding-top: 50px;
    display: none;
}

.loginMessage{
    font-size: 16px;
    color: #000;
}

/**************************************************/
/*                     Header                     */
/**************************************************/

.header{
    height: 70px;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin-bottom: 60px;
    background-color: rgba(255,255,255,1);
    z-index: 5;
    -webkit-transition:background 0.3s;
    transition:background 0.3s;
}

.inlineheader{
    background:none;
}

.header.transparent{
    background:none !important;
    border:0px !important;
    box-shadow: none !important;
}

.headerSpacer{
    height:70px;
    width:100%;
}

/* logo */
.logo{
    height: 50px; 
    margin-top: 10px;
    margin-left: 20px;
    vertical-align:middle;
    cursor:pointer;

    height:35px;
    margin-left:0px;
    margin-top:18px;

    height:50px;
    margin-left:10px;
    margin-top:10px;
}
.logo:hover{opacity:0.6}

.newlogo{
    cursor: pointer;
    height: 30px;
    margin-left: 10px;
    margin-top: 21px;
    vertical-align:middle;
}
.newlogo:hover{opacity:0.6}

.headerTitle{
    font-weight: normal;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    font-size: 20px;
    display: inline-block;
    margin: 0px;
    margin: 20px 0px 0px 10px;
    border-left: 1px solid #000;
}

/* header icons */
.menuBtn, 
.cartBtn, 
.quoteBtn, 
.bookmarkBtn, 
.compareBtn, 
.chatBtn, 
.searchBtn, 
.cartCloseBtn, 
.menuCloseBtn, 
.quoteCloseBtn, 
.chatCloseBtn, 
.compareCloseBtn, 
.bookmarkCloseBtn, 
.userCloseBtn, 
.compareClose,
.wishlistCloseBtn{
    color: #ff0000;
    font-size: 22px !important;
    padding: 10px 0px;
    width: 42px;
    margin: 0px 5px;
    border-radius: 30px;
    text-align:center;
    cursor: pointer;
}

.headerNotification{
    background-color: #ff0000;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    position: relative;
    top: -30px;
    left: 20px;
    margin-bottom: -20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    line-height: 20px;
    display:none;
}

.menuBtn, 
.compareClose,
.menuCloseBtn, 
.userCloseBtn, 
.cartCloseBtn,
.quoteCloseBtn, 
.compareCloseBtn,
.wishlistCloseBtn, 
.chatCloseBtn{
    float:left;
    margin: 15px 0px 15px 10px;
}

.userBtn, .loginBtn{
    width:30px;
    height: 30px;
    float: right;
    margin: 6px 10px 0px 20px;
    border-radius: 40px;
    cursor: pointer;
}

.compareClose:hover, 
.menuBtn:hover, 
.cartBtn:hover, 
.quoteBtn:hover, 
.bookmarkBtn:hover, 
.compareBtn:hover, 
.chatBtn:hover,
.searchBtn:hover, 
.cartCloseBtn:hover, 
.chatCloseBtn:hover, 
.menuCloseBtn:hover, 
.quoteCloseBtn:hover, 
.compareCloseBtn:hover, 
.bookmarkCloseBtn:hover, 
.userCloseBtn:hover,
.wishlistCloseBtn:hover{
    background-color: #f9f9f9;
}

@media screen and (max-width: 775px){ 
    .header > .bookmarkBtn{display:none !important}
}

@media screen and (max-width: 750px){ 
    .header > .quoteBtn{display:none !important}
}

@media screen and (max-width: 725px){ 
    .header > .chatBtn{display:none !important}
}

@media screen and (max-width: 700px){ 
    .header > .compareBtn{display:none !important}
}

@media screen and (max-width: 430px){ 
    .header > .loginBtn, .header > .userBtn{display:none !important}
}

@media screen and (max-width: 400px){ 
    .header > .searchBtn{display:none !important}
}

/* searchbar */
#search{
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0px;
    left: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 30px;
    text-align: center;
    color: #9E9E9E;
    border: 0px;
    outline: 0;
    z-index: 10;
    display:none;
}

.searchPreview{
    width: 100%;
    position: fixed;
    top: 70px;
    border-top: 0px;
    background-color: rgba(255, 255, 255, 0.94);
    overflow-y:scroll;  
}

.searchpreview_listing{
    padding:30px 20px;
}

.searchpreview_listing:hover {
    background-color: #fff;
}

.searchpreview_listingimg{
    height: 150px;
    margin: 0px 20px;
    vertical-align: middle;
}

.searchpreview_listingnoimg{
    height: 150px;
    width:150px;
    margin: 0px 20px;
    vertical-align: middle;
    text-align:center;
    display:inline-block;
}

.searchpreview_listingnoimg > i{
    font-size:30px !important;
    margin-top:60px;
    color:#bdbdbd;
}

.searchpreview_listingprice{
    float:right;
    color:#000;
    font-size:25px;
    display:inline-block;
        line-height: 140px;
}

.searchClose{
    color: #ff0000;
    font-size: 22px !important;
    padding: 10px 12px 10px 12px;
    border-radius: 30px;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 10px;
    z-index:11;
}

.usertip{
    margin: 0px 50px 20px 50px;
    padding: 20px 20px;
    border-bottom: 3px solid #E7E7E7;
    background-color: #F8F8F8;
}

.searchClose:hover{background-color:#f9f9f9;}

/***********************************************************************
    search results
***********************************************************************/

.search_suggestion{cursor:pointer}

/**************************************************/
/*                  Subheader                     */
/**************************************************/

.subheader{
    position: fixed;
    top: 70px;
    left: 0px;
    width: 100%;
    height: 61px;
    background-color: #fff;
    border-bottom: 1px solid #EFEFEF;
    box-shadow: rgba(189, 189, 189, 0.541176) 0px 0px 24px;
    z-index: 3;
    line-height: 60px;
    display:none;
}

/* product page */
.subheaderProductImage{
    height: 50px;
    margin-left: 20px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.subheaderName{
    display: inline-block;
    padding-left: 20px;
    font-weight: normal;
}

.subheaderSupplierImg{
    vertical-align: middle;
    height: 18px;
    margin-right: 5px;
    margin-top: -4px;
}

.subheaderNavigation{
    text-align: center;
    color: #ec5555;
    font-weight: normal;
    display: inline-block;
}

.subheaderChooseOptions, .subheaderOrder{
     float: right;
    background-color: #ec565f;
    border-bottom: 4px solid #D03E3E;
    color: #fff;
    width: 190px;
    font-size: 15px;
    text-align: center;
    height: 35px;
    cursor: pointer;
    line-height: 35px;
    margin-right: 20px;
    margin-top: 12px;
}

.cookiebanner{
    position: fixed;
    top: 70px;
    width: 100%;
    text-align: center;
    z-index: 2;
    background-color: #F00;
    color: #fff;
    min-height: 40px;
    padding:10px 30px;
    box-sizing:border-box;
}

.cookiebanner > span{
    color:#fff;
    font-weight:normal;
    border: 2px solid #fff;
    padding:0px 35px;
    cursor:pointer;
}

.cookiebanner > span:hover{
    background-color:#fff;
    color:#ff0000;
}

/**************************************************/
/*                    Footer                      */
/**************************************************/

.footerBackToTop{
    width: 100%;
    padding: 15px 0px;
    background-color: #F3F3F3;
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
}

.footer{
    background-color: #fff;
    text-align: center;
}

.footerDesktop{
    width: 100%;
    padding:70px 0px 20px 0px;
    display: inline-block;
}

.footerColumn{
    width: 280px;
    display: inline-block;
    vertical-align: top;
}

.footerColumn > h3{padding-bottom:25px}

.footerLeft{text-align:left}
.footerRight{text-align:right}

.footerNewsletterEmail{
    width: 250px;
    padding: 7px 10px 7px 10px;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 15px;
    border: 0px;
}

.footerNewsletterBtn{
    width: 34px;
    height: 34px;
    margin-top: 10px;
    position: relative;
    left: -4px;
    display: inline-block;
    background-color: #fff;
    line-height: 34px;
    vertical-align: top;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.footerContact{
    font-size: 20px;
    text-align: left;
    margin: 10px 0px;
}

.footerSupport{cursor:pointer}

.footerPhoneIcon,
.footerEmailIcon,
.footerChatIcon{
    font-size: 40px !important;
    vertical-align: middle;
    width:35px;
    text-align:center;
    margin-right:20px;
}


.footerAddressIcon{
    color: #8C8C8C;
    margin-left: 50px;
    font-size: 30px !important;
    cursor: pointer;
}

.footerSocial{
    text-align: center;
    padding: 30px 0px 10px 0px;
}

.footerSocialLink{cursor:pointer}

.footerBottom{
    height: 50px;
    text-align: center;
    padding: 10px 15px;
}

.footerCountry{
    float: left;
    margin-top: 20px;
}

.footerCountryChange{
    color: #55a5ec;
    font-weight: normal;
    cursor:pointer;
}

.footerTextsize{
    display: inline-block;
    float: right;
    margin-right: 15px;
}

.textSmaller{
    font-size: 20px;
    margin-right: 10px;
    cursor:pointer;
}

.textLarger{
    font-size: 45px;
    cursor:pointer;
}

.footerCopyright{
    display: inline-block;
    font-size: 13px;
    padding: 5px 0px;
}

@media screen and (max-width: 600px){ 
    .footerCopyright{font-size:12px;}
}

@media screen and (max-width: 500px){ 
    .footerCopyright{font-size:11px;}
}

@media screen and (max-width: 400px){ 
    .footerCopyright{font-size:10px;}
}

.footerMobile{
    display:none;
    padding:10px 0px;
}

.footerMenu{
    padding:0px 20px;
}

.footerMenu > li{
    display:inline-block;
    list-style:none;
    font-size: 13px;
    font-weight: normal;
    cursor:pointer;
    padding:5px 10px;
    border-bottom:2px solid #fff;
}

.footerMenu > li:hover{
    border-bottom:2px solid #ff0000;
    background-color:#f9f9f9;
}

.footerMobile_information{text-align:left}
.footerMobile_contact{text-align:center}
.footerMobile_address{text-align:right}

.footerMobile_information > a{color:#000}

.footerMobile_information,
.footerMobile_contact,
.footerMobile_address{
    height: 240px;
}

.footerMobile_information,
.footerMobile_address{
    display:none;
}

@media screen and (max-width: 1060px){ 
    .footerDesktop{display:none}
    .footerMobile{display:inline-block}
}


/**************************************************/
/*                     Focus                      */
/**************************************************/

.focus{
    width: 100%;
    height: 450px;
    position: fixed;
    top: 250px;
    left: 0px;
    z-index: 7;
    background-color: #fff;
    padding-top: 50px;
    box-sizing: border-box;
    display:none;
    box-shadow: 0px 4px 10px #767676;
}

.focusTitle{
    padding: 0px 100px;
    color:#000;
}

.focusError{
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 50px;
    padding: 5px 15px 5px 15px;
    font-size: 15px;
    color: #ff0000;
    border: 1px solid #ff0000;
}

.focusArea{padding:20px 100px 0px 100px}

/* buttons */
.focusButtons{
    padding-left: 100px;
    position: absolute;
    bottom: 50px;
    color: #FF0000;
}

.focusButton{
    display: inline-block;
    margin-left: 50px;
    cursor:pointer;
}

.focusButtonIcon{
    border: 1px solid #ff0000;
    border-radius: 50px;
    margin-right: 10px;
    padding: 8px 9px 8px 9px;
}

.focusButton:hover > .focusButtonIcon{
    background-color:#ff0000;
    color:#fff;
}

.focusClose{cursor:pointer}

.focusTerms{
    margin-top: 20px;
    height: 150px;
    overflow-y: scroll;
}

/**************************************************/
/*                     Menu                       */
/**************************************************/

.menuIcon{ float:none !important;}

/* search */
.menuSearchIcon{
    position: relative;
    top: 18px;
    left: 30px;
    color: #bdbdbd;
    cursor:pointer;
}

.menuSearch{
    background-color: #EFEFEF;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    border: 0px;
    height: 35px;
    line-height: 35px;
    color: #bdbdbd;
    width: 280px;
    margin: -10px 20px 0px 20px;
    box-sizing: border-box;
    padding: 5px 10px 5px 35px;
}

.menuSearchListing{
    font-weight: normal;
    color: #ec5555;
    padding: 5px 0px;
}

.menuSearchListing:hover{background-color:#f9f9f9}

.menuSearchListingImg{
    height: 70px;
    vertical-align: middle;
    margin: 0px 20px;
}

.menusearch_listingnoimg{
    height:70px;
    width:70px;
    margin:0px 20px;
    display:inline-block;
    text-align:center;
}

.menusearch_listingnoimg > i{
    color:#bdbdbd;
    font-size:30px !important;
    margin-top:20px;
}

/* links */
.menuBody{
    margin:20px 0px 5px 0px;;
}

.menuLink{
    height: 125px;
    width: 310px;
    margin-left: 5px;
    background-size: cover;
    box-sizing: border-box;
    padding: 95px 15px 0px;
    color: #000;
    font-size: 19px;
    margin-bottom: 3px;
    font-weight:normal;
}

.menuLink:hover{opacity:0.95}

.menuLinkNew{
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 20px;
}

.menuLinkNew:hover{opacity:0.95}

/* login */
.menuLogin{
    width: 320px; 
    height: 50px;    
    padding:20px 40px;
    box-sizing:border-box;
    font-size: 18px;
    border-top: 1px solid #E0E0E0;
}

.menuLoginImage{
    width: 50px;
    border-radius: 50px;
    margin-right: 20px;
    vertical-align: middle;
}

.menuLoginBtn{
    float: right;
    color: #ff0000;
    cursor: pointer;
    width: 20px;
    padding: 15px 15px;
    border-radius: 20px;
}

.menuLogoutBtn{
    margin-top: 10px;
    float: right;
    color: #ff0000;
    font-size: 25px;
    cursor: pointer;
}


/***********************************************************************
    wishlist
***********************************************************************/
    
.wishlistEmpty{text-align: center}

.wishlistContents{
    min-height: 100px;
    overflow-y: scroll;
    margin: 0px 10px 0px 10px;
}

/**************************************************/
/*                    Quote                       */
/**************************************************/

.quoteForm{display:none}

.quoteContents{
    height:400px;
    text-align:center;
}

.quoteDesc{
    padding: 0px 15px 20px 15px;
}


.quoteInput{
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    color: #bdbdbd;
}

.quoteIframe{
    width: 1000px;
    height: 1414px;
    margin-left: 34px;
    margin-bottom: -1060px;
    border: 2px solid #525252;
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    -ms-zoom: 0.25;
    -o-transform-origin: 0 0;
    -o-transform: scale(0.25);
}

.quoteProductImage{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 20px 0px 20px;
}

.quoteLink{
    float: left;
    width: 100%;    
    margin-top: 10px;
    font-size: 14px;
}

.quoteFooter{
    margin: 10px 10px 20px 10px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 300px;
}

.quoteButton{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.newQuote, .createQuote{
    background-color: #C5C5C5;
    border-bottom: 4px solid #B1B1B1;
}

.orderQuote{
    background-color: #FF8100;
    border-bottom: 4px solid #D66C00;
}

.quoteButton:active{
    border-bottom:0px;
    margin-top:24px;
}

/**************************************************/
/*                    Basket                      */
/**************************************************/

/* basket header */
.basketHeader, .quoteHeader, .wishlistHeader, .chatHeader{
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 0px 20px 0px;
}

.basketHeaderIcon, .quoteHeaderIcon, .wishlistHeaderIcon, .chatHeaderIcon{
    font-size: 50px !important;
    margin-bottom: 20px;
}

.basketHeaderTitle, .quoteHeaderTitle, .wishlistHeaderTitle, .chatHeaderTitle{font-size:20px}

/* basket contents */
.basketEmpty{text-align:center}

.basketContents{
    min-height:100px;
    overflow-y:scroll;
    margin:0px 10px 0px 10px;
}

/* basket footer */

.basketFooter{
    margin: 10px 10px 20px 10px;
    text-align: center;
}

.basketTotal{font-size:35px}

.basketMessage{font-size:13px}

.basketCheckout{
    height: 50px; 
    line-height: 50px; 
    margin-top: 20px; 
    background-color: #FF8100;
    color: #fff;
    font-size: 20px;
    cursor:pointer;
}

.basketProduct{margin-bottom:10px}

.basketProductImage{
    width: 40px;
    height: 40px;
    display:inline-block;
    margin: 10px 20px 0px 20px;
}

.basketProductNoImage{
    width: 40px;
    height: 40px;
    margin: 10px 20px 0px 20px;
    text-align: center;
    font-size: 30px !important;
    color: #bdbdbd;
}

.basketProductDetails{
    width: 150px;
    display:inline-block;
    font-size: 20px;
    color: #A7A7A7;
}

.basketProductQuantity{
    width: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #55a5ec;
    text-align: center;
    border: 0px;
    cursor:pointer;
}

.basketProductName{color:#000}

.basketProductActions{
    display:inline-block;
    padding: 20px 0px 20px 10px;
}

.basketDetailsContainer{
    font-size: 13px;
    padding-left: 80px;
    padding-right: 10px;
    display:none;
}

.basketDetails{
    margin-right:5px;
    cursor:pointer;
}

.basketRemove, .wishlistRemove{
    cursor:pointer;
}

/**************************************************/
/*                     Chat                       */
/**************************************************/

/* details */
.chatStart{

}

.chatStartDesc{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

#supportName{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    border: 0;
    margin-top: 18px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ECECEC;
    color: #ABABAB;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
}

#supportEmail{
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border: 0;
    color: #BABABA;
    font-size: 20px;
    border-bottom: 1px solid #ECECEC;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
}

#supportQuery{
    width: 100%;
    height: 300px;
    padding: 20px 20px 5px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    margin-top: 0px;
    color: #BBBBBB;
    border: 0;
    resize:none;
}

.chatFooter{
    margin: 10px 10px 20px 10px;
    text-align: center;
}

.chatStartButton{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    background-color: #FF8100;
    border-bottom: 4px solid #D66C00;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.chatStartButton:active{
    border-bottom:0px;
    margin-top:24px;
}

/* loading */
.chatLoading{
    padding-top: 150px;
    display: none;
}

.chatLoadTitle{
    padding-left: 20px;
    font-size: 35px;
    color: #EC5555;
}

.chatLoadDesc{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.chatLoadIcon{
    font-size: 70px;
    color: #DCDCDC;
    text-align: center;
    margin-top: 50px;
}

/* chat */
.chatContainer{
    padding-top: 10px;
    display: none;
}

.chatSupportTop{
    text-align: center;
    font-size: 13px;
    padding-bottom: 19px;
    margin-top: 70px;
}

.chatSupportImage{border-radius: 50px}

.chatMessages{
    width: 100%;
    height: 616px;
    overflow-y: scroll;
}

#chatMessage{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    border: 0;
    border-top: 1px solid #ECECEC;
    width: 100%;
    height: 119px;
    resize: none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 18px;
    color:#bdbdbd;
}

.chatYou, .chatSupport{
    font-size: 25px;
    padding: 10px 20px;
}

.chatYou{color:#ec5555}

.chatMessageYou, .chatMessageSupport{
    padding: 0px 20px;
    margin-bottom: 10px;
}

.chatYou, .chatMessageYou{text-align:left}
.chatSupport, .chatMessageSupport{text-align:right}

#chatSend{
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    background-color: #EC5555;
    border-bottom: 4px solid #D63E3E;
    color: #fff;
    font-size: 20px;
    text-align:center;
    cursor: pointer;
}

#chatSend:active{
    margin-top:24px;
    border-bottom:0px;
}

/* review */
.chatReview{
    display: none;
}

.chatReviewTitle{
    padding-left: 20px;
    padding-right: 20px;
    color: #ec5555;
    font-size: 35px;
    padding-top: 150px;
}

.chatReviewText{
    padding: 20px;
}

.chatReviewContainer{
    text-align: center;
    padding-top: 20px;
}

.chatReviewStar{
    color: #bdbdbd;
    font-size: 30px !important;
    padding-right: 5px;
    cursor:pointer;
}

.chatReviewActions{
    color: #ec5555;
    font-size: 30px;
    margin-top: 50px;
    text-align: center;
}

.chatReviewPrint{
    margin-right: 40px;
    cursor: pointer;
}

.chatReviewEmail{
    cursor: pointer;
}

/**************************************************/
/*                    User menu                   */
/**************************************************/

.userHeader{
    text-align: center;
    clear: both;
    margin: 70px 0px 30px 0px;
}

.userImage{
    border-radius:50px;
    margin-bottom: 10px;
}

.userMenuListing{
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #000;
    font-size: 22px;
}

.userMenuListing:hover{
    background-color:#f9f9f9;
}

.userFooter{
    margin: 10px 10px 20px 10px;
    text-align: center;
}
.userLogout{
    height: 40px; 
    line-height: 40px; 
    margin-top: 20px; 
    background-color: #ec5555;
    border-bottom: 4px solid #D24040;
    color: #fff;
    font-size: 20px;
    cursor:pointer;
}

.userLogout:active{
    border-bottom:0px;
    margin-top:24px;
}

/**************************************************/
/*                     Share                      */
/**************************************************/

.a2a_dd{outline:none}

.a2a_s_a2a{
    background-image:none !important;
    display:none;
}

.a2a_w_a2a{display: none}
    
div.a2a_full_footer{display:none !important}

a.a2a_sss:hover{border:1px solid #fff}

a.a2a_i{
    border:0px !important;
    border-radius: 0 !important;
}
.a2a_menu{
    border:0px !important; 
}

.a2a_menu a:hover{
    border:0px !important;
    background-color:#f9f9f9;
}

.a2a_menu{border-radius:0px}

.a2a_wide a{border-top:0px !important}

a.a2a_menu_show_more_less{border-bottom:0px !important}

.a2a_menu_find_container{border-radius:0px !important}

.a2a_menu{border-radius:0px !important}

.a2a_default_style .a2a_count, .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_menu .a2a_svg{border-radius:0px !important;}

.a2a_w_a2a {display: none !important}

.a2a_overlay{
    background-color: #000 !important;
    opacity:0.4 !important;
}

.a2a_starting{opacity:0 !important;}

/**************************************************/
/*                    Section                     */
/**************************************************/

.sectionTitle{
    padding-left:100px;
    padding-top:100px;
}

/* filter */
.sectionTop{
    height:50px;
    width:100%;
}

.sectionFilters{
    float:left;
    padding-top:15px;
    margin-left:100px;
}

.sectionAddFilter{
    font-weight:normal;
    cursor:pointer;
}

/* sort */
.sectionSort, .section_subheadersort{
    font-size: 20px;
    float: right;
    margin-right: 30px;
}

#sectionSort, #section_subheadersort{
    margin-right: 10px;
    margin-left: 10px;
    border: 0px;
    border-bottom: 1px solid #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 20px;
}

.sectionSortOrder, .section_subheadersortorder{
    cursor:pointer;
    margin-right:30px;
}

.sectionView, .section_subheaderview{cursor:pointer}

.sectionContainer{
    min-height: 600px;
    padding: 20px 100px 0px 100px;
    text-align:center;
}

.sectionFilterContainer{
    height: 0px;
    width: 100%;
    float: left;
    display:none;
}

/* grid listing */
.sectionListingGrid{
    width: 250px;
    height: 450px;
    display:inline-block;
    cursor: pointer;
    margin-right: 30px;
    vertical-align: bottom;
    text-align:left;
    background-color: #fff;
}

.sectionListingGridNote{
    position: absolute;
    margin-left: 180px;
    background-color: #ff5656;
    padding: 5px 10px 2px 10px;
    color: #fff;
}

.sectionListingGridImage{
    height: 220px;
    margin: 15px;
    background-color: #f9f9f9;
    padding-bottom: 20px;
    padding-top: 20px;
}

.sectionListingGridImageNone{
    font-size: 50px !important;
    color: #bdbdbd;
    margin-top: 80px;
}

.sectionListingGridName{
    padding: 0px 0px 5px 20px;
    font-weight: normal;
    font-size: 19px;
}

.sectionListingGridType{
    padding: 0px 0px 5px 20px;
    color: #646464;
}

.sectionListingGridImages{
    padding-left: 20px;
    color: #ffe719;
    height: 20px;
}

.sectionListingGridReviews{
    color:#ffe719;
    padding: 0px 20px;
}

.sectionListingGridPrice{
    padding: 5px 20px 0px 20px;
}

.sectionListingGridHover{
    position: relative;
    /*top: -27px;*/
    padding: 5px 20px 0px 20px;
    background-color: #fff;
    /*display:none;*/
}

.sectionBookmark{
    margin-left:30px;
}

.sectionQuote, .sectionCompare{
    margin-left:5px;
}

.sectionBasket{
    margin-left:3px;
}

.sectionLoading{
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 25px !important;
    width: 100%;
}

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

/* discounts */
.productDiscounts{
    display:none;
    position:fixed;
    height:360px;
    width:100%;
    z-index:1000;
}

.productDiscountContainer{
    height:340px;
    overflow-x:scroll;
    text-align:center;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: 0px 3px 10px -5px;
}

.productDiscountListing{
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    margin: 0px 3px;
    height: 320px;
    width: 230px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.productDiscountListing:hover{
    box-shadow: 0px 2px 10px -3px;
}

.productDiscountExclusive{
    height: 45px;
    width: 45px;
    background-image: url('../img/discountCorner.png');
    position: relative;
    left: 185px;
    color: #fff;
    border-radius: 0px 5px 0px 0px;
    margin-bottom: -45px;
    text-align: center;
}

.productDiscountEnabled{
    height: 45px;
    width: 45px;
    background-image: url('../img/discountActive.png');
    position: relative;
    left: 185px;
    color: #fff;
    border-radius: 0px 5px 0px 0px;
    margin-bottom: -45px;
    text-align: center;
    z-index:2;
}

.productDiscountTitle{
    font-size: 30px;
    height:40px;
    padding: 40px 0px;
}

.productDiscountDescription{
    height:120px;
    padding:0px 10px;
}

.productDiscountPrice{
    height:80px;
    line-height:80px;
    color: #000;
    font-weight: normal;
    border-radius: 0px 0px 5px 5px;
}

.productDiscountPriceTxt{
    font-size:20px;
    font-weight:normal;
}

.productRequestDiscount{
    height: 50px;
    margin: 0px 10px;
    line-height: 50px;
    color: #fff;
    background-color: #ec5555;
    border-bottom: 4px solid #CC3F3F;
}

.productRequestDiscount:active{
    margin-top:4px;
    border-bottom:0px;
}

.productDiscountClose{
    width:100%;
    text-align:center;
    color: #000;
    height:40px;
    line-height:40px;
    cursor:pointer;
}

/* navigation */
.productNavigation{
    text-align:center;
    margin-top:20px;
}

.productNavigationLink{
    display: inline-block;
    color: #ec5555;
    padding: 5px 30px 5px 30px;
    font-weight:normal;
    cursor:pointer;
}

/* fragments */
.productFragment{
    min-height:50px;
    padding:20px 150px 20px 150px;
}

.specificationFragment{
    padding:30px 150px 20px 150px;
}

/* top */

.productTop{
    min-height: 480px;
    margin-top:100px;
}

@media screen and (max-height: 2000px){ 
    .productTop{margin-top:20px}
}

.productShowMedia{
    position: absolute;
    right: 0px;
    padding: 20px;
    margin-top: 47px;
    font-size: 20px !important;
    color: #bdbdbd;
    z-index:2;
    cursor:pointer;
}

.productShowMedia:hover{
    background-color:#f9f9f9;
}

.productTopLeft{
    max-width: 700px;
    position:absolute;
    margin-top:50px;
    width:100%;
}

@media screen and (max-width: 500px){ 
    .productTopLeft > h1{font-size:45px;}
}

@media screen and (max-width: 400px){ 
    .productTopLeft > h1{font-size:40px;}
}

.mediaOverlay{
    width:100%;
    text-align:center;
    z-index:1;
}

.productActions{
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 70px;
}

.productAction{
    display:inline-block;
    margin-right:20px;
    cursor:pointer;
}
.productAction:hover{background-color:#f9f9f9}

.productActionIcon{
    padding-right: 10px;
    color: #ec5555;
}

.productAddToContainer{
    position: absolute;
    left: 235px;
    top: 395px;
    text-align: right;
    font-size: 13px;
    margin-right: -100px;
    padding-right: 10px;
    display: none;
}

.productAddTo{cursor:pointer}

.product_quoteimg{
    vertical-align:middle;
    height:60px;
    margin-left:20px;
}

.product_quotex{
    display:inline-block;
    margin:0px 20px;
}

.product_quoteqty{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 25px;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    vertical-align: middle;
    text-align: center;
}

/* options */
.productOptions{
    background-color: #ec565f;
    border-bottom: 4px solid #D03E3E;
    color: #fff;
    width: 300px;
    font-size: 20px;
    text-align: center;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    display: inline-block;
}

.product_pricelocal{
        font-size: 12px;
    text-align: right;
}

.productOptions:active{
    border-bottom:0px;
    margin-top:4px;
}

@media screen and (max-width: 700px){ 
    .productOptions{
        width: 280px;
        font-size: 19px;
    }
}

@media screen and (max-width: 600px){ 
    .productOptions{
        width: 270px;
        height:45px;
        line-height:45px;
    }
}

@media screen and (max-width: 500px){ 
    .productOptions{
        width: 260px;
        font-size: 18px;
    }
}

@media screen and (max-width: 400px){ 
    .productOptions{
        width: 250px;
        font-size: 17px;
        height:40px;
        line-height:40px;
    }
}

.productPriceFrom{
    display: inline-block;
    padding-left:30px;
    vertical-align: middle;
}

@media screen and (max-width: 650px){ 
    .productPriceFrom{
        margin:20px 0px;
        display:block;
    }
}

.productPriceBase{
    font-size:25px;
    padding-left:5px;
}

.productOptionSelect{
    width: 700px;
    display:none;
}

.productOptionMessage{padding-top: 10px}

.productOptionMethod{
    font-weight:normal;
    cursor:pointer;
}

.productOptionContainer{ 
    width: 100%;
    height: 230px;
    margin-top: 20px;
}

.productOptionName{}

.productOptionNumber{
    font-size: 25px;
    color: #FF0000;
    padding-right: 10px;
}

.productOptionHelp{
    margin-left: 10px;
    color: #9C9C9C;
}

.productChoiceHelp{
    margin: 12px 10px 0px 0px;
    color: #9C9C9C;
}

.choiceSelected > .productChoiceHelp{
    margin: 12px 10px 0px 0px;
    color: #fff;
}

.productChoices{
    width:100%;
    height:200px;
    overflow-y:scroll;
    padding-right: 20px;
}

.productChoice{
    background-color: rgba(255, 255, 255, 0.30);
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    margin-bottom: 5px;
    cursor:pointer;
}

.productChoice:hover{background-color:rgba(217, 217, 217, 0.30)}

.product_choicespecs{
    display:none;
}

.choiceBlocked{opacity: 0.4}

.choiceSelected{
    background-color:#55a5ec;
    border:1px solid #55a5ec;
    color:#fff;
}

.choiceSelected:hover{background-color:#55a5ec}

.productChoiceCode{
    width: 50px;
    height: 40px;
    display: inline-block;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding:0px 5px;
    box-sizing:border-box;
}

.productChoiceName{
    width: 520px;
    height:40px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 20px;
    box-sizing: border-box;
}

.productChoicePrice, .productChoicePriceLocal{
    float: right;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
}

.productOptionProgressBar{
    height: 3px;
    width:0px;
    margin:10px 0px;
    background-color: #dcdcdc;
    line-height: 35px;
    padding: 0px 20px;
    box-sizing: border-box;
}

.newChoicePrice > i{
    color:#bdbdbd;
}

.productOptionNav{
    padding: 20px 0px 20px 0px;
    text-align: center;
    height:25px;
    float: left;
    width: 100%;
}

.optionLeft, .optionRight{
    padding-top:10px;
    cursor:pointer
}

.optionLeft{
    padding-right:20px;
    float:right;
}

.optionRight{
    padding-left:20px;
    float:right;
}

.optionError{
    float: right;
    padding-top: 10px;
    font-size: 20px !important;
    color: #ec5555;
    display:none;
}

.productQuickcode{
    display:none;
    height:235px;
}

.productQuickcodeContainer{height:180px}

.productQuickcodeListing{
    height: 75px;
    width: 95%;
    border: 1px solid #ECECEC;
    text-align: center;
    margin-top:10px;
    margin-right: 20px;
    cursor:pointer;
}

.productQuickcodeListing:hover{background-color:#ececec}

.productQuickcodeName{
    float: left;
    width: 150px;
    line-height: 75px;
    font-weight:normal;
}

.productQuickcodeDesc{
    float: left;
    padding: 10px 20px 10px 20px;
}

.quickcodeSelected{
    background-color:#55a5ec;
    border:1px solid #55a5ec;
    color:#fff;
}

.quickcodeSelected:hover{background-color:#55a5ec}

.productPartNumber{
    box-sizing:border-box;
    padding-top: 50px;
    height:235px;
    display:none;
}

.productPartEntry{
    width:30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size:18px;
    text-align: center;
}

.productOptionsHidden{
    display:none;
    margin-top:50px;
}

.productInStock{
    background-color: #3dca48;
    color: #fff;
    padding: 10px 20px 10px 10px;
    margin-right:20px;
    display:none;
}

.productOutOfStock{
    background-color: #ec5555;
    color: #fff;
    padding: 10px 20px 10px 10px;
    margin-right:20px;
    display:none;
}

.productStockIcon{
    margin-left: 10px;
    margin-right: 10px;
}

.productNotAvailable{
    font-size:20px;
}

.productPreorderEmail{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 18px;
    padding: 5px 10px;
    border: 0px;
    border-bottom: 1px solid #CCCCCC;
    height: 45px;
}

.productPreorderEmailBtn{
    font-size: 17px;
    background-color: #FF9800;
    color: #FFFFFF;
    border-bottom: 4px solid #D78307;
    text-align: center;
    padding: 8px 30px;
    margin-left: 20px;
    cursor: pointer;
    display: inline-block;
}

.productDiscountLabel{
    text-align: right;
    height: 15px;
}

#discount{
    display: inline-block;
    width: 190px;
    text-align: right;
    margin-right: 65px;
}

#discount > .fa-ticket{cursor:pointer}

.productQuantity{
    float: left;
    margin-top: 5px;
}

#productQuantity{
    width: 36px;
    text-align: center;
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    background-color: transparent;
}

.productQuantityBtn{
    display: inline-block;
    font-size: 20px;
    width: 27px;
    height: 27px;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 20px;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}

.productQuantityBtn:hover{
    background-color:#ececec;
}

.productPrice{
    font-size: 30px;
    float:right;
}

.productPriceMsg{
    font-size:15px;
}

#productPriceLocal > img{
    height:15px;
    vertical-align:middle;
    margin:0px 10px;
}

.productAddToBasket{
    width: 300px;
    background-color: #D4D4D4;
    height: 50px;
    border-bottom: 4px solid #BBBBBB;
    line-height: 50px;
    display:inline-block;
    margin-top: 20px;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none; 
}

.productAddToBasket:active{
    border-bottom:0px;
    margin-top:24px;
}

.basketEnabled{
    background-color: #ec5555;
    border-bottom: 4px solid #D23C3C;
    color:#fff;
}

/* media */
.productTopRight{
    position: absolute;
    right: 150px;
    z-index:-1;
}

@media screen and (max-width: 1360px){
    .productMedia{opacity:0.1}
    .productTopLeft h3{color:#535353 !important}
    .productShowMedia{display:block !important}
    .productMediaSelect{display:none}
}

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

    .productTopRight{
        width:100%;
        text-align:center;
        right:0px;
    }

}

.productMedia{
    width: 500px;
    height: 500px;
    display: inline-block;
    background-repeat:no-repeat;
}

@media screen and (max-width: 550px){
    .productMedia{
        width:90%;
        background-size:contain;
        background-position: center; 
    }
}

.productMediaSelect{
    margin-top:10px;
    width:100%;
    overflow-x:scroll;
}

.productMediaItem{
    width: 60px;
    height: 60px;
    background-image: url('https://images.issltd.co.uk/products/1/6.png');
    background-size: cover;
    border: 1px solid #EAEAEA;
    cursor: pointer;
    float: left;
    margin-left: 20px;
}

/* overview */

.overview,
.specifications,
.downloads,
.reviews,
.questions,
.accessories,
.related,
.contact{
    padding: 15px 0px;
}


@media screen and (max-width: 500px){ 
    .overviewDescription{
        font-size:14px;
    }
}

/* specifications */
.productSpecsCategory{
    padding-bottom: 10px;
    padding-top: 10px;
}

.product_specification > div{
    display:inline-block;
    font-weight:normal;
}

.product_specification > div > .fa-info-circle{
    color:#bdbdbd;
}

@media screen and (max-width: 600px){ 
    .product_specification > div{display:block}
    .product_specification{margin-bottom:10px}
}

.product_specificationoverride{
    background-color:#55a5ec;
    color:#fff;
    padding:0px 10px;
    border-radius: 10px;
}

.productSpecsLabel, .productSpecsValue{display: inline-block}

.productSpecsLabel{font-weight:normal}
.productSpecsValue{padding-left: 50px}

.productSpecificationsNote{padding-top: 20px}

.productSpecificationsCompare{
    padding-top: 20px;
    font-weight: normal;
    color: #ff0000;
    cursor:pointer;
}

.specificationsDownloads{
    font-weight:normal;
    cursor:pointer;
}


/* download */
.downloadsFragment{
    padding-top:20px;
}

.downloadListing{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    padding-left:150px;
    padding-right:150px;
    box-sizing:border-box;
}

.downloadListing:hover{background-color: #F7F7F7}

.downloadListingTimestamp{
    float:right;
    font-size:15px;
}

.productDownloadsNote{padding:10px 0px}

.downloadsEnquire{
    cursor:pointer;
    font-weight:normal;
}

/* reviews */
.productReviewSummary{
    font-size:17px;
    padding-bottom:20px;
}

.reviewStar{
    color:#ffe719;
    font-size:23px !important;
}

.productReviewBar{
    height: 10px;
    min-width: 5px;
    background-color: #ffe719;
    display:inline-block;
}

.productReviewBarLabel{
    display:inline-block;
    width:50px;
    text-align:center;
}

.productReviewNone{
    font-size: 18px;
}

.productReviewForm{
    padding:40px 0px;
}

.productReviewStars{
    font-size: 25px;
    color: #D2D2D2;
    padding: 10px 0px 10px 10px;
}

.productReviewListing{
    padding: 30px;
    background-color: #f9f9f9;
    border-bottom: 3px solid #dcdcdc;
    margin-bottom: 20px;
}

.product_review_author{
    float: right;
    text-align: center;
    font-size: 13px;
}

.product_review_author_image{
    height: 70px;
    border-radius: 40px;
    margin-bottom: 5px;
}

.productReviewStar{
    padding:0px 5px;
    cursor:pointer;
}

.product_review_title{
    font-size: 21px;
}

.product_review_body{
    padding:10px 0px;
}

.product_review_star{
    color: #ffe719;
    font-size: 30px !important;
    padding: 1px;
}

#reviewTitle{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    border: 0px;
    font-size: 17px;
    padding: 5px 10px;
    width: 600px;
    border: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bdbdbd;
    color:#bdbdbd;
}

#reviewDescription{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    padding: 5px 10px;
    border-width: 1px 0px;
    width: 609px;
    height: 300px;
    margin: 0px;
    border: 1px solid #bdbdbd;
    margin-bottom:50px;
    color:#bdbdbd;
}

.productPostReview{
    background-color: #ec565f;
    border-bottom: 4px solid #D03E3E;
    color: #fff;
    width: 190px;
    font-size: 15px;
    text-align: center;
    height: 35px;
    cursor: pointer;
    line-height: 35px;
    margin-right: 20px;
}

.productPostReview:active{
    margin-top:4px;
    border-bottom:0px;
}

/* contact */
.productMore{text-align:center}

.productMoreBtn{
    display: inline-block;
    width: 20%;
    min-width:280px;
    height: 60px;
    padding: 60px 20px;
    border-right: 1px solid #bdbdbd;
    font-size: 22px;
    text-align: center;
    cursor:pointer;
}

.productMoreBtn:hover{background-color:#f9f9f9}

@media screen and (max-width: 850px){ 
    .productMoreBtn{
        border-right:0px;
        border-bottom:1px solid #bdbdbd;
        display:block;

    }
}

/* questions */
.questionFragment{
    padding-top:20px;
}

.productQuestion{
    padding-left: 150px;
    padding-right: 150px;
}

.productQuestionTitle{
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: normal;
    color: #000;
}

.productAnswer{font-size:15px;}

/* accessories and related */

.accessoriesFragment, .relatedFragment{
    height: 330px;
    margin-top: 20px;
    margin-left: 150px;
    margin-right: 150px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.productAccessory, .productRelated{
    height: 330px;
    width: 250px;
    display: inline-block;
    margin-right: 50px;
    text-align: center;
    font-size: 22px;
    color:#000;
    font-weight:normal;
}

.productAccessory:hover, .productRelated:hover{
    background-color: #f9f9f9;
}

.productAccessoryImage, .productRelatedImage{
    width: 210px;
    margin: 20px 20px 20px 20px;
}

/* contact */
.emailName{
    width: 300px;
    padding: 5px 10px 5px 10px;
    border: 0;
    border-bottom: 1px solid #bdbdbd;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color:#bdbdbd;
}

.emailEmail{
    width: 300px;
    margin-left:20px;
    padding: 5px 10px 5px 10px;
    border: 0;
    border-bottom: 1px solid #bdbdbd;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color:#bdbdbd;
}

.emailQuery{
    width: 700px;
    height: 120px;
    margin: 20px 0px 0px;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color:#bdbdbd;
    resize:none;
    border: 1px solid #bdbdbd;
}

.productPhoneNumber{font-size: 70px}

#productPhoneOpen{font-weight:normal}

/**************************************************/
/*                   Checkout                     */
/**************************************************/

/* empty */
.checkoutEmpty{
    padding: 100px 0px 400px 0px;
    text-align:center;
}

.checkoutEmptyLink{
    color: #ff0000;
    font-size: 25px;
}

/* checkout */

.checkout_supplierChargeContainer{
    text-align: center;
    padding: 10px 50px;
}

.checkout_supplierChargeNote{
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 2px 10px -4px;
}

.checkoutTop{
    width: 100%;
    height: 30px;
    padding-bottom: 10px;
}

.checkoutAddressToggle{
    float:right; 
    margin-right:10px;
}

.checkoutSeparateAddressLabel{
    float:right; 
    font-size:17px;
    min-width: 100px;
    display: inline-block;
    padding: 3px 20px 0px 0px;
    text-align: right;
}

.checkoutTitle{
    padding: 50px 0px 20px 0px;
}

.checkoutSplit{
    width: 100%;
    min-width: 320px;
    display:inline-block;
    text-align: center;
}

.checkoutLine{
    width: 100%;
    height: 30px;
    padding-bottom: 10px;
}

.checkoutLabel{
    min-width: 100px;
    display: inline-block;
    padding-right: 20px;
    font-size: 18px;
    text-align: right;
}

.required{
    color: #ec5555;
    font-weight:normal;
}

/* form elements */
.checkoutText{
    height: 30px;
    padding: 0px 5px 0px 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.checkoutSelect{
    height: 30px;
    padding: 0px 5px 0px 5px;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px dashed #bdbdbd;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/* shipping */
.shippingContainer{
    width: 100%;
    text-align: center;
}

.shippingService{
    display: inline-block;
    vertical-align: bottom;
    width: 240px;
    height: 415px;
    margin-left: 30px;
    margin-right: 30px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

.shippingService:hover{background-color: #f9f9f9}

.shippingServiceImage{
    margin: 15px;
    width: 170px;
    border-radius: 10px;
}

.shippingServiceName{
    font-size: 20px;
    text-align: center;
    height: 50px;
}

.shippingServiceDetails{
    height:100px; 
    padding-top: 15px;
}

.shippingServiceDetail{
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #EAEAEA;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.shippingServicePrice{
    text-align: center;
    font-size: 25px;
    padding-top: 5px;
}

/* insurance */
#insuranceTotalCover{font-weight:normal}

/* taxes */
.checkoutVATAbbr{
    width: 35px;
    height: 30px;
    padding-right: 10px;
    border-bottom: 1px solid #CECECE;
    display: inline-block;
    font-size: 25px;
    text-align: right;
}

.checkoutVatNumber{
    width: 180px;
    height: 31px;
    margin-left: -4px;
    padding-top: 0px;
    display: inline-block;
    border: 0;
    border-bottom: 1px solid #CECECE;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 25px;
    outline: 0;
}

/* price summary */
.checkoutTotalBar{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-top: 1px solid #e9e9e9;
    background-color: rgb(255, 255, 255);
    font-size: 20px;
    text-align: center;
}

.checkoutTotalBarFixed{
    height: 70px;
    width: 100%;
    padding-top: 50px;
    margin-top: 20px;
    line-height: 70px;
    border-top: 1px solid #DADADA;
    background-color: rgb(255, 255, 255);
    font-size: 20px;
    text-align: center; 
}

.checkoutTotalLabel{color: #000}

.checkoutTotalPlus{
    color: #55a5ec;
    padding-left: 10px;
    padding-right: 10px;
}

.checkoutTotalSum{font-size: 25px}

/* buttons */
.checkoutMissing{
    width: 100%;
    height: 100px;
    line-height: 100px;
    margin: 15px 0px 15px 0px;
    background-color: #EC5555;
    text-align: center;
    font-size: 25px;
    color: #fff; 
    cursor: pointer;
}

.checkoutContinue{
    width: 250px;
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
    background-color: #55a5ec;
    border-bottom: 6px solid #3D84C3;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    display: inline-block;
}

.checkoutContinue:active{
    margin-top:21px;
    border-bottom:0px;
}

.checkoutInvalid, .checkoutValid{
    margin-right: -16px;
    cursor: pointer;
}

.checkoutInvalid{color:#ff0000}
.checkoutValid{color:#00B91F}

/**************************************************/
/*                   Payment                      */
/**************************************************/

.paymentIntro{padding:10px 0px 0px 150px}

.payment_subheader{padding: 50px 0px 0px 0px}

.payment_savedetails{padding: 10px 0px}

.paymentDetailsInput{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 20px;
    border: 0px;
    border-bottom: 1px solid #bdbdbd;
    padding: 5px 10px 5px 10px;
}

.paymentCreateAccount{
    display: inline-block;
    background-color: #ec5555;
    color: #fff;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 170px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 15px;
    border-bottom: 4px solid #D84747;
}

.paymentCreateAccount:active{
    margin-top:4px;
    border-bottom:0px;
}

.payment_login{
    font-weight:normal;
    cursor:pointer;
    color:#ec5555;
}

#paymentFeedback{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    color:#bdbdbd;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
    width: 700px;
    height: 150px;
}

.paymentFeedbackStatus{
    margin: 10px 0px 0px 0px;
}

.paymentFailLink{
    padding: 20px 0px 0px 150px;
    font-size: 20px;
    color: #ec5555;
}

/**************************************************/
/*                   Compare                      */
/**************************************************/

/* header */
.compareListing{
    height: 50px;
    width: 50px;
    background-color: #ECECEC;
    float: right;
    margin-top: 5px; 
    border-radius: 10px;
    margin-right:15px;
}

.compareNoImage{
    width: 50px;
    height: 50px;
    text-align: center;
    color: #bdbdbd;
    font-size: 25px !important;
    position: relative;
    top: 15px;
}

.compareAdd{
    height: 50px;
    width: 50px;
    background-color: #ECECEC;
    float: right;
    margin-top: 5px;
    border-radius: 10px;
    margin-right: 15px;
    text-align: center;
    font-size: 35px;
    font-weight: normal;
    line-height: 50px;
    color: #A7A7A7;
    cursor:pointer;
    visibility:hidden;
}

.compareImage{
    width:50px;
    height:50px;
    border-radius:10px;
}

.compareRemove{
    position: relative;
    top: -50px;
    left: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: #ECECEC;
    line-height: 20px;
    text-align: center;
    cursor:pointer;
}

.compareButton{
    float: right;
    vertical-align: middle;
    line-height: 62px;
    width: 200px;
    height: 62px;
    margin-left: 30px;
    text-align: center;
    background-color: #F1F1F1;
    cursor: pointer;
}

/* compare overlay */
.compare{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    display:none;
    overflow:scroll;
    background-color: #fff;
        white-space: nowrap;
}

.compareLeft{
    width: 200px;
    height: 100%;
    display:inline-block;
    background-color: #fff;
}

.compareProduct{
    background-color:#fff;
    width:300px;
    min-height:100%;
    display:none;
    text-align:center;
    vertical-align: top;
}

.compareProduct:nth-child(even){
    background-color:#F9F9F9;
}

.compareProductTop{
    height:70px;
}

.compareProductImage{
    width: 280px;
    margin: 10px;
    margin-top: 50px;
}

.compareProductNoImage{
    width: 280px;
    margin: 10px;
    margin-top: 50px;
    height: 280px;
}

.compareProductNoImage > .fa-ban{
    color: #bdbdbd;
    font-size: 50px !important;
    padding-top: 115px;
}

.compareProductName{
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    padding-top: 10px;
}

.compareProductPrice{
    font-size: 20px;
    padding: 10px 0px 10px 0px;
    height: 25px;
}

.compareProductBuy{
    width: 240px;
    display: inline-block;
    background-color: #ec5555;
    color: #fff;
    border-bottom: 4px solid #D84343;
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
}

.compareProductBuy:active{
    margin-top:4px;
    border-bottom:0px;
}

.compareSpecsValue{
    padding: 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.compareSpecsValue:hover{
    background-color:#EAEAEA;
}

.compareHeaderLabel{
    text-align: center;
    font-weight: normal;
    padding: 10px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.compare_productfixed{
    width: 300px;
    height: 110px;
    position: fixed;
    top: 0px;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #bdbdbd;
}

.compare_productfixed > .compareProductImage{
    width: 45px;
    margin: 10px;
    vertical-align: middle;
}

.compare_productfixed > .compareProductName{
    text-align: center;
    font-size: 25px;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
}

.compare_productfixed > .compareProductPrice{
    display:none;
}

/**************************************************/
/*                   Invoices                     */
/**************************************************/

.invoicesTitle{padding: 20px 150px}

.invoiceListing{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    padding-left:150px;
    padding-right:150px;
    box-sizing:border-box;
}

.invoiceListing:hover{background-color: #F7F7F7}

/**************************************************/
/*                    Quotes                      */
/**************************************************/

.quotesTitle{padding: 20px 150px}

.quoteIntro{
    padding:0px 150px 0px 150px;
}

.quoteListing{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    padding-left:150px;
    padding-right:150px;
    box-sizing:border-box;
}

.quoteListing:hover{background-color: #F7F7F7}

.quoteVoid, .quoteExpired{
    float:right; 
    color:#ff0000
}

.quoteOrdered{
    float:right; 
    color:#2EB515;
    font-weight:normal;
}

.quoteValid{
    float:right;
}

/**************************************************/
/*                     Wiki                       */
/**************************************************/

.wikiRelatedContainer{
    width: 100%;
    height: 300px;
    overflow-x: scroll;
    overflow-y: hidden;
    text-align:center;
}

.wikiRelatedProduct{
    display:inline-block;
    vertical-align: bottom;
}

.wikiRelatedProductImg{
    height:250px;
    width:250px;
    margin-bottom:20px;
}

/**************************************************/
/*                  Discounts                     */
/**************************************************/

.discountsTitle{padding:20px 150px}

.discountP{
    padding:0px 150px 0px 150px;
}

.discountsHeader{
    padding-top:50px;
    padding-left:150px;
}

.discountListing{
    padding:5px 150px 5px 150px;
}

.discountOffer{
    font-size: 25px;
    font-weight: normal;
}

.discountActivate{
    float: right;
    width: 150px;
    height: 30px;
    line-height: 30px;
    border-bottom: 4px solid #D63D3D;
    background-color: #ec5555;
    color: #fff;
    text-align: center;
    cursor:pointer;
}

.discountActivate:active{
    border-bottom:0px;
    margin-top:4px;
}

.discountTime{
    float:right;
    font-weight:normal;
    color:#ec5555;
}

.discountActive{
    border-bottom: 0px;
    background-color: rgba(255, 255, 255, 0);
    color: #000;
    font-weight: normal;
}


.discountActivate:active{
    margin-top:0px;
}

.actionSelected{color:#000}

/**************************************************/
/*                    Reviews                     */
/**************************************************/

.reviewTitle{padding:20px 150px}

.reviewHeader{
    padding: 40px 150px 10px 150px;
}

.reviewDesc{
    padding:0px 150px;
}

.reviewListing{padding: 0px 0px 20px 0px}

.reviewImage{
    width:100px;
    vertical-align:middle;
    margin-right: 20px;
}

.reviews_noimage{
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    text-align: center;
}

.reviews_noimage > i{
    font-size: 30px !important;
    color: #bdbdbd;
    margin-top: 30px;
}

.reviewDetails{
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}

.reviewDate{
    color: #bdbdbd;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}

.reviewWrite{
    display: inline-block;
    background-color: #ec5555;
    border-bottom: 4px solid #D84141;
    color: #fff;
    width: 200px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    margin-left: 100px;
    cursor:pointer;
}

.reviewWrite:active{
    margin-top:4px;
    border-bottom:0px;
}

/**************************************************/
/*                     Items                      */
/**************************************************/

.itemTitle{
    padding:20px 150px;
}

.itemDesc{
    padding:0px 150px;
}

.itemsContainer{
    padding:0px 150px;
}

.itemListing{
    width: 250px;
    text-align: center;
    display: inline-block;
    margin-bottom:20px;
    padding: 20px 0px;
}

.itemListing:hover{
    background-color:#f9f9f9;
}

.itemImage{height: 150px}

.items_noimage{
    width: 150px;
    height: 150px;
    display: inline-block;
}

.items_noimage > i{
    font-size: 30px !important;
    color: #bdbdbd;
    margin-top: 60px;
}


.itemsHover{
    background-color: rgba(247, 247, 247, 0.77);
    position: relative;
    top: -170px;
    margin-bottom: -100px;
    height: 100px;
    width: 100%;
    display:none;
}

.itemsImage:hover .itemsHover{
    display:block;
}

/**************************************************/
/*                     Item                       */
/**************************************************/

.itemHeader, .itemTitle{
    padding: 20px 150px;
}

.itemP{
    padding:0px 150px;
}

.itemSupplier{
    padding:50px 0px 0px 150px;
}

.itemLeft{
    width:50%;
    min-height:800px;
}

.itemLeftLabel{
    display:inline-block;
    width:200px;
    font-weight:normal;
    padding-left:150px;
}

.itemRight{
    width:50%;
    position:fixed;
    right:0px;
    text-align:center;
}

.itemRightBtn{
    background-color: #ec5555;
    color: #fff;
    width: 200px;
    border-bottom: 4px solid #DC4545;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
}

.itemBuyAgain{
    display: inline-block;
    background-color: #ec5555;
    width: 500px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 4px solid #CC3E3E;
    cursor: pointer;
}

.itemBuyAgain:active{
    margin-top:4px;
    border-bottom:0px;
}

/**************************************************/
/*                    Account                     */
/**************************************************/

.account_title{position:fixed}

.account_menu{
    position: fixed;
    width: 265px;
    margin: 150px 0px 0px 0px;
    border-right: 1px solid #EAEAEA;
}

.account_menu > li{
    list-style: none;
    text-align:right;
    font-size:18px;
    padding:10px 40px 10px 0px;
    cursor:pointer;
}

.account_menu > li > a{
    color:#000;
    text-decoration:none;
}

.account_menu > li:hover{background-color:#f9f9f9}

.account_body{padding:100px 0px 0px 400px}

/* form */
.accountImage{
    height: 150px;
    margin-right: 50px;
    border-radius: 80px;
    vertical-align: middle;
}

.accountImageLabel{font-size:30px}

.account_menunote{
    color:#bdbdbd;
    text-align:right;
    padding-right:20px;
    padding-top:30px;
}

.accountHeader{padding:20px 0px}

.accountInput{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 18px;
    border: 0px;
    margin-bottom:10px;
    padding:5px 10px;
}

#name{margin-left: 20px}

.accountShippingInstructions{
    width:500px;
    height:100px;
}

.accountChangeSaved{
    display:inline-block;
    margin-left:50px;
    color:#19D239;
}

.accountEmailHeader{
    padding: 20px 0px;
    color: #bdbdbd;
}

.accountEmailLine{
    padding:10px 0px;
}

.accountEmailLabel{
    display: inline-block;
    width:300px;
}

.accountEmailFixed{padding-left: 20px}

/**************************************************/
/*                     Orders                     */
/**************************************************/

.ordersListing{
    margin: 20px 100px;
    padding: 20px 0px;
}

.ordersListingLeft{
    display: inline-block;
    width: 300px;
}

.ordersListingLeftDate{font-size:26px}

.ordersCancel{
    cursor:pointer;
    color:#ec5555;
}

.ordersListingLeftLabel{
    font-weight: normal;
    display: inline-block;
    width: 80px;
}

.ordersListingRight{
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px;
    border-left: 1px solid #b9b9b9;
    min-height: 200px;
}

.ordersListingProductImg{
    height: 90px;
    margin-right: 20px;
    vertical-align: middle;
}

.orders_listingnoimage{
    width: 90px;
    height: 90px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
}

.orders_listingnoimage > i{
    color: #bdbdbd;
    font-size: 30px !important;
    margin-top: 30px;
}

/* cancel */
.orders_cancelreason{
    height: 120px;
    width: 100%;
    resize: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    padding: 5px 10px;
    font-size: 16px;
}

/**************************************************/
/*                     Order                      */
/**************************************************/

.orderTitle{padding:20px 150px}

.orderAddressContainer{
    display:inline-block;
    margin-right:100px;
    vertical-align: top;
}

.orderHeader{
    padding: 10px 150px;
}

.orderItem{
    padding: 20px 150px;
    background-color: #f9f9f9;
}

.orderItemImage{
    width: 70px;
    vertical-align: middle;
    margin-right: 20px;
}

.orderShippingImage{
    height:100px;
    margin-right:50px;
    vertical-align:middle;
}

.orderCollectionAddress{
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}

.orderInvoiceIframe{
    width: 1000px;
    position:relative;
    left:0px;
    height: 1414px;
    margin-left: 0px;
    margin-bottom: -1040px;
    border: 2px solid #525252;
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    -ms-zoom: 0.25;
    -o-transform-origin: 0 0;
    -o-transform: scale(0.25);
}

/**************************************************/
/*                     Returns                    */
/**************************************************/

.returnsTitle{padding:20px 150px}

.returns_listing{
    height: 60px;
    line-height: 60px;
    margin: 20px 150px 0px 150px;
    padding: 0px 20px;
    border: 1px solid #E0E0E0;
    border-bottom: 3px solid #e0e0e0;
}

.returns_image{
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 15px;
}

.returns_link{
    color:#ec5555;
    font-weight:normal;
}

.returns_description{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 16px;
    width: 100%;
    height: 120px;
    resize: none;
}

/**************************************************/
/*                     Return                     */
/**************************************************/

.return_header{margin:10px 0px}

.return_headernum{color:#bdbdbd}

.return_productimg{
    vertical-align: middle;
    height: 70px;
    margin: 0px 20px;
}

.return_faultdescription{padding: 15px 90px}

.return_rmaiframe{
    width: 1000px;
    height: 1414px;
    margin-left: 34px;
    margin-bottom: -1060px;
    border: 2px solid #525252;
    -moz-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    -ms-zoom: 0.25;
    -o-transform-origin: 0 0;
    -o-transform: scale(0.25);
}

/**************************************************/
/*                   Bookmarks                    */
/**************************************************/

.bookmarksTitle{padding:20px 150px}

.bookmarkListing{
    height: 200px;
    padding: 0px 150px;
    margin-bottom:20px;
}

.bookmarkIndex{
    width: 50px;
    height: 200px;
    display: inline-block;
    text-align: center;
    line-height: 200px;
    font-weight:normal;
}

.bookmarkImage{
    height: 170px;
    width:170px;
    vertical-align: middle;
    margin-right: 50px;
}

.bookmarkLink{
    font-weight: normal;
    color: #ec5555;
    font-size: 20px;
}

.bookmarkNote{
    width: 400px;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
    margin-left: 100px;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 15px;
    color:#000;
    vertical-align: middle;
    border: 0px;
}

.bookmarkListingDelete{
    float: right;
    margin: 80px 50px 0px 0px;
    font-size: 25px !important;
    color: #ff0000;
    cursor:pointer;
}

.bookmarkListingOrder{
    display: inline-block;
    float: right;
    margin: 70px 50px 0px 0px;
    font-size: 25px;
    color: #ff0000;
}

/**************************************************/
/*                    Support                     */
/**************************************************/

.supportTitle{padding:20px 150px}

.supportP{padding:0px 150px}

.supportContainer{
    min-height:500px;
    padding-bottom:20px;
}

.supportListing{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #000;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 100px;
    box-sizing: border-box;
}

.supportListing:hover{background-color: #F7F7F7}

.supportListingStatus{
    display: inline-block;
    width: 70px;
    height: 30px;
    margin-right: 50px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.supportListingUpdate{
    float:right;
    height:40px;
    line-height:40px;
}

.supportKey{
    display: inline-block;
    text-align: right;
    width: 100%;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
    top: -40px;
    margin-bottom: -20px;
}

/***********************************************************************
    support ticket
***********************************************************************/

.supportticket_message{
    margin-top: 25px; 
    padding: 15px;
}

.supportticket_messageleft{
    width: 100px;
    margin: 0px 20px;
    display: inline-block;
    text-align: center;
}

.supportticket_messageprofileimage{
    border-radius: 50px;
    margin-bottom: 10px;
}

.supportticket_messagetimestamp{
    font-size: 10px;
    margin: 10px 0px;
}

.supportticket_messageright{
    display: inline-block;
    vertical-align: top;
    padding: 35px 20px 0px 20px;
}

.supportticket_response{
    text-align: center;
    border-top:1px solid #efefef;
    margin-top:10px;
    padding-top:10px;
    color:#bdbdbd;
}

#supportticket_response{
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    border: 0px;
    background-color: rgb(241, 241, 241);
    padding: 10px 20px;
    width: 675px;
    font-size: 16px;
    margin: 0px;
    height: 138px;
    max-width: 100%;
}

#supportticket_send{
    width: 300px;
    background-color: #ff0000;
    border-bottom: 4px solid #d20000;
    color: #fff;
    font-size: 20px;
    padding: 10px 0px;
    margin: 10px 0px;
    cursor: pointer;
    display: inline-block;
}

#supportticket_send:active{
    margin-top:14px;
    border-bottom: 0px;
}

/**************************************************/
/*                    Tracking                    */
/**************************************************/

.trackTitle{
    padding:20px 150px;
}

.trackingDelivered{
    position:relative;
    top:-320px;
    margin-bottom:-300px;
    height: 300px;
    background-color: rgba(86, 206, 36, 0.65);
    width:100%;
    text-align:center;
    color:#fff;
    font-size: 25px;
    padding-top: 120px;
    box-sizing: border-box;
}

.trackSplitMessage{
    text-align: center;
    padding: 20px 0px;
}

.trackingListing{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    color: #000;
    cursor: pointer;
    padding-left:150px;
    padding-right:150px;
    box-sizing:border-box;
}

.trackingListing:hover{background-color: #F7F7F7}

.trackingListingDate{
    padding:0px 20px;
    width:250px;
    display:inline-block;
    font-weight:normal;
}

.trackNative{
    padding:50px 0px;
    text-align:center;
}

.trackNativeLink{
    color:#ec5555;
    font-weight:normal;
}


/**************************************************/
/*                Create Account                  */
/**************************************************/

/* top */
.createaccount_introtext{
    padding-right: 50%;
    background-image: url('../img/createaccount_user.png');
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    min-height: 200px;
    background-size: 200px 200px;
}

.createaccount_btn1, .createaccount_btn2{
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
    cursor:pointer;
    vertical-align:bottom;
}

.createaccount_btn1{
    background-color: #ff9800;
    border-bottom: 4px solid #E58900;
}

.createaccount_btn2{
    background-color: #FF1100;
    border-bottom: 4px solid #D70E00;
    margin-left:30px;
}

.createaccount_btn1:active, .createaccount_btn2:active{
    border-bottom:0px;
}

/* divider */
.createaccount_divider{
    height: 5px;
    width: 100%;
    box-shadow: 0px 5px 8px #E7E7E7;
    position: relative;
    top: -5px;
    margin-bottom: -5px;
}

/* form */
.createaccount_form{
    padding:30px 0px;
}

/**************************************************/
/*                  Grid Styles                   */
/**************************************************/

/* track order tile */
.tile_trackorder_title{padding: 10px 0px}

.tile_trackorder_input{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    padding: 3px 2px;
}

.tile_trackorder_btn{
    width: 60px;
    height: 22px;
    margin-left: 10px;
    display: inline-block;
    background-color: #ff0000;
    border-bottom: 3px solid #d22828;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    cursor:pointer;
}

.tile_trackorder_btn:active{
    margin-top:3px;
    border-bottom:0px;
}

/**************************************************/
/*                    Returns                     */
/**************************************************/

.returnsItemListing{
    width: 250px;
    text-align: center;
    display: inline-block;
    margin-bottom:20px;
    padding: 20px 0px;
    cursor:pointer;
}

.returnsItemListing:hover{
    background-color:#f9f9f9;
}

/**************************************************/
/*                      EDS                       */
/**************************************************/

.edsLog{
    padding:20px;
    padding-bottom: 300px;
}

.edsUpdateContainer{
    width:100%;
    position:fixed;
    bottom:0px;
    padding-bottom:10px;
    text-align:center;
}

.edsUpdate{
    display:inline-block;
    width:300px;
    height:50px;
    border:1px solid #bdbdbd;
    background-color:#fff;
    text-align:center;
    line-height:50px;
    font-size:20px;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;               
}

.edsUpdate:active{
    background-color:#bdbdbd;
}

/**************************************************/
/*                 Create Account                 */
/**************************************************/

.createaccount_header{margin:10px 0px}

.createaccount_headerNum{color:#bdbdbd}

.createaccount_verify, .createaccount_complete{
    display:none;     
}

/* form */

.createaccount_label{
    width: 100px;
    display: inline-block;
    text-align: right;
    padding: 0px 20px 0px 0px;
}

.createaccount_input{
    border: 0px;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 20px;
    margin: 5px 0px;
    padding: 5px 10px;
}

#createaccount_button{
    width: 200px;
    background-color: #ec5555;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
    border-bottom: 4px solid #D04949;
}

#createaccount_button:active{
    margin:24px 0px 0px 0px;
    border-bottom:0px;
}

/* */

.product_noquickcodes{
    margin-top: 100px;
    font-weight: normal;
    text-align: center;
}

/***********************************************************************
    contact
***********************************************************************/

.contact_select{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 50px;
    border: 0px;
    margin: 0px 8px;
    padding: 0px 8px;
    border-bottom: 2px dotted #bdbdbd;
}

.contact_body{
    padding-bottom: 50px;
}

/* email */

.contact_emailform{
    padding: 50px 150px;
    background-color: #f3f3f3;
}

.contact_emailformname,
.contact_emailformemail{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    border: 0px;
    width: 280px;
    background: none;
    padding: 5px 10px;
    margin-bottom: 20px;
    background-color: #e0e0e0;
    color: #000;
}

.contact_emailformcategory{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    border: 0px;
    background: none;
    width: 280px;
    padding: 5px 10px;
    margin-bottom: 20px;
    background-color: #e0e0e0;
    color: #000;
}

.contact_emailformquery{
    font-family: 'Open Sans', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    border: 0px;
    background: none;
    padding: 5px 10px;
    margin-bottom: 20px;
    width: 560px;
    height: 100px;
    background-color: #e0e0e0;
    color: #000;
}

.contact_emailformsend{
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #FF0000;
    color: #fff;
    border-bottom: 4px solid #DA0000;
    cursor: pointer;
}

.contact_emailformsend:active{
    margin-top:4px;
    border-bottom:0px;
}

.contact_directcontainer{
    display: inline-block;
    width: 200px;
    text-align: center;
    padding: 20px 0px;
    font-size: 19px;
}

.contact_directicon{
    font-size: 60px !important;
    margin-bottom: 20px;
}

/* phone */
.contact_phonenum{
    padding:10px 0px;
    font-size:90px;
    text-align:center;
}

.contact_phonestaffcontainer{
    text-align: center;
}

.contact_phonestaff{
    display: inline-block;
    text-align: center;
    margin: 0px 10px;
}

.contact_phonestaffimg{
    width: 50px;
    height: 50px;
    background-size: contain;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
}

.contact_phoneclosed{
    text-align:center;
    padding:10px 0px;
    display:none;
}

.contact_phoneopencount{
    font-weight:normal;
}

.contact_openingtimes{
    padding:30px;
}

.contact_openingtimes{
    padding:30px;
    display:none;
}

.contact_openingtimes > div{
    display:inline-block;
    width:50%;
    text-align:right;
    padding:0px 20px;
    font-weight:normal;
    box-sizing:border-box;
}

.contact_openingtimes > div:nth-child(2n){
    text-align:left;
    font-weight:lighter;
}

.contact_openingintro{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    padding: 20px 0px;
    display:none;
}

.contact_openingnote{
    text-align: center;
    font-size: 13px;
    padding: 5px 0px;
    display:none;
}



/***********************************************************************
    order
***********************************************************************/

/* items */
.order_itemnoimage{
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    text-align: center;
}

.order_itemnoimage > i{
    margin-top: 20px;
    color: #bdbdbd;
    font-size: 30px !important;
}

.order_itemdetails{
    display:inline-block;
    vertical-align:top;
    padding-top: 20px;
}

.order_itemserialno{font-size:13px}

.order_itemquantity{
    float:right;
    font-size:20px;
    margin-top: 18px;
}

.order_itemssplitnote{
    padding:5px 150px;
    background-color: #f9f9f9;
    font-size:14px;
    text-align:center;
}

/* tracking */
.order_trackingbtn, .order_payoutstandingbtn{
    width: 200px;
    height: 40px;
    display: block;
    margin: 20px 0px;
    background-color: #ec5555;
    border-bottom: 4px solid #CC4242;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor:pointer;
}

.order_trackingbtn:active, .order_payoutstandingbtn:active{
    margin-top:24px;
    border-bottom:0px;
}

.order_trackingalt{font-size:14px}

.order_trackingalt > a{color:#ff0000}

/* payment */
.order_payoutstandingbtn{width:250px}

/* correspondence */
.order_emaillisting{padding:10px 150px}
.order_emaillisting:hover{background-color:#f9f9f9}

.order_emaildate{
    padding: 0px 20px; 
    float: right;
    font-weight: normal;
}

.section_subheaderback{
    width: 50px;
    height: 60px;
    padding: 20px 0px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
}

.section_subheaderback:hover{background-color:#efefef}

.section_subheadertitle{
    font-weight:normal;
    display:inline-block;
    padding:0px 10px;
}

/***********************************************************************
    downloads
***********************************************************************/

.downloads_panel{
    box-shadow: inset 0px -20px 60px -10px #f7f7f7;
    height: 400px;
}

.downloads_panel:nth-child(n) > div{

}

.downloads_panel:nth-child(2n) > div{

}

.downloads_panel > .downloads_panel_details,
.downloads_panel > .downloads_panel_img{
    display:inline-block;
}

.downloads_panel > .downloads_panel_details{
    width: 50%;
    text-align: center;
    padding: 100px 0px;
}

.downloads_panel > .downloads_panel_details > div{
    width: 500px;
    display: inline-block;
    padding: 10px 0px;
}

.downloads_panel > .downloads_panel_details > a > div{
    width: 200px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    margin: 10px 0px;
    background-color: #ff0000;
    color: #fff;
    border-bottom: 4px solid #D01414;
    cursor: pointer;
}

.downloads_panel > .downloads_panel_details > a > div:active{
    margin:14px 0px 10px 0px;
    border-bottom: 0px;
}

.downloads_panel > .downloads_panel_img{
    width: 50%;
    height:100%;
    vertical-align:top;
    background-position-y:bottom;
    background-position-x:center;
    background-repeat:no-repeat;
}

.downloads_missing{
    text-align:center;
    padding:50px 0px;
}

.downloads_missing > a > div{
    width: 200px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    margin: 10px 0px;
    background-color: #ff0000;
    color: #fff;
    border-bottom: 4px solid #D01414;
    cursor: pointer;
}

.downloads_missing > a > div:active{
    margin:14px 0px 10px 0px;
    border-bottom: 0px;
}

/***********************************************************************
    downloads listings
***********************************************************************/

.downloadlist_suppliers{
    text-align:center;
    padding:10px 50px;
}

.downloadlist_suppliers > img{
    cursor:pointer;
    margin:40px 20px;
}

.downloadslist_listings{
    margin:0px;
    padding:0px;
}

.downloadslist_listings > a{
    color:#000;
}

.downloadslist_listings > a > li{
    margin: 0px;
    padding: 0px 150px;
    list-style: none;
    height: 40px;
    line-height: 40px;
}

.downloadslist_listings > a > li:hover{
    background-color:#f9f9f9;
}

.downloadslist_listings > a > li> img{
    height: 20px;
    padding: 10px;
    float:left;
}

.downloadslist_listings > a > li > div:nth-child(2){
    float:left;
}

.downloadslist_listings > a > li > div:nth-child(3){
    float:right;
}

.searchresults_supplier{
    padding:0px 10px;
}

.searchresults_supplier > img:hover{
    opacity:0.6;
}

.searchresults_link{
    color:#000;
}

.searchresults_link > div{
    padding:10px 0px;
}

.searchresults_link > div > .fa{
    vertical-align: middle;
    font-size: 50px !important;
    color: #ff0000;
    width: 70px;
    text-align: center;
}

/***********************************************************************
    shipping
***********************************************************************/

.shipping_country{
    display:inline-block;
    margin:0px 30px;
    cursor:pointer;
    padding:10px;
    color:#000;
}

.shipping_country:hover{
    background-color:#f9f9f9;
}

.shipping_country > img{
    height:30px;
    vertical-align:middle;
    margin-right:20px;
}

/***********************************************************************
    shipping methods
***********************************************************************/

.shippingmethods_details{
    display:inline-block;
    padding:20px 40px;
    vertical-align:top;
}

.shippingmethods_courier{
    font-size:14px;
}

.shippingmethods_service{
    font-size:25px;
    padding:5px 0px;
}

.shippingmethods_features{
    color:#bdbdbd;
    font-size:15px;
    margin:0px;
    padding:0px;
}

.shippingmethods_features > li{
    display:inline-block;
    list-style:none;
    margin:0px;
    padding-right:10px;
}

.shippingmethods_description{
    padding: 5px 0px;
    height: 60px;
}

.shippingmethods_details > a{
    color:#ff0000;
}

.shippingmethods_footer{
    text-align:center;
}

.shippingmethods_setcountry{
    width: 200px;
    height: 40px;
    display: inline-block;
    color: #fff;
    background-color: #ff0000;
    margin: 30px 0px;
    line-height: 40px;
    border-bottom: 4px solid #ce0000;
    cursor:pointer;
}

.shippingmethods_setcountry:active{
    margin-top:34px;
    border-bottom:0px;
}

.shipping_countrycontainer{
    text-align:center;
    padding:0px 30px;
    padding-top:70px;
    display:none;
}

.discount_background{
    height:100%;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(255,255,255,0.8);
    z-index:1000;
}

.discount_voucher{
    width:400px;
    height:200px;
    border-radius:20px;
    background:#fff;
    position:fixed;
    background-repeat: no-repeat;
    background-size: contain;
}

.discount_voucher_logo{
    height:25px;
    position:absolute;
    top:22.5px;
    right:27.5px;
}

/**************************************************
    material design - button
**************************************************/

.ripple{
    position: absolute;
    top:0; 
    left:0; 
    bottom:0; 
    right:0;
    overflow: hidden;
    -webkit-transform: translateZ(0); /* to contain zoomed ripple */
    transform: translateZ(0);
    border-radius: inherit; /* inherit from parent (rounded buttons etc) */
    pointer-events: none; /* allow user interaction */
}

.rippleWave{
    backface-visibility: hidden;
    position: absolute;
    border-radius: 50%;
    transform: scale(0.7); -webkit-transform: scale(0.7);
    background: rgba(255,255,255, 1);
    opacity: 0.45;
    animation: ripple 2.4s forwards;
    -webkit-animation: ripple 2.4s forwards;
}

@keyframes ripple {
  to {transform: scale(24); opacity: 0;}
}

@-webkit-keyframes ripple {
  to {-webkit-transform: scale(24); opacity: 0;}
}

.product_note{
    margin: 10px 0px;
    background-color: #F44336;
    color: #fff;
    padding: 10px 20px;
}


/**************************************************
    header responsive override
**************************************************/

.menuBtn{
    transition: margin 0.3s;
}

.header_icons{
    transition: padding 0.3s;
}

.userBtn, .loginBtn{
    transition: margin 0.3s;
}

.searchBtn, .cartBtn, .moreBtn{
    transition: width 0.3s, margin 0.3s;
}

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

    .menuBtn{
        margin: 15px 0px 15px -15px;
    }

    .header_icons{
        padding: 12px 5px;
    }

    .userBtn, .loginBtn{
        margin: 6px 10px 0px 10px;
    }

    .searchBtn, .cartBtn, .moreBtn{
        width: 38px;
        margin: 0px 4px;
    }

}

@media only screen and (max-width:350px){
    
    .userBtn, .loginBtn{
        margin: 6px 10px 0px 10px;
    }

    .searchBtn, .cartBtn, .moreBtn{
        margin: 0px 4px;
        width: 30px;
    }

    .header_icons{
        padding:12px 0px;
    }

}