/*===============================================================================================================
CSS RESET - UPDATED 5/6/14 - JC
===============================================================================================================*/
span,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,input,select,strike,strong,ol,ul,li,fieldset,label,table,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;font-size:100%;color:#666;line-height:16px;vertical-align:baseline}select,textarea,input{background:#fff;border:1px solid #c1c1c1;outline:none;}li,p,a,span,label,thead,tfoot,tr,td{text-decoration:none;font-family:"futura-pt",sans-serif;line-height:16px;cursor:default}a{cursor:pointer;outline:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}form{margin:0;padding:0}div{margin:0;padding:0}
body{margin:0;padding:0;font-size:14px}
h1,h2,h3,h4,h5,h6{font-family:"futura-pt",sans-serif;font-weight:normal;cursor:default}
input{padding:5px 8px;font-family:"futura-pt",sans-serif}
/*input[type=checkbox], input[type=radio]{width:auto!important;padding:0;background:none;border:none}*/
select{max-width:165px;font-family:"futura-pt",sans-serif}
textarea{padding:15px;font-family:"futura-pt",sans-serif;-webkit-appearance:none}
input[type=text],input[type=submit],input[type=email],input[type=password]{-webkit-appearance:none}
.clear{clear:both!important}.error{color:#C00}p{padding:0 0 15px 0}

/*===============================================================================================================
GENERAL
===============================================================================================================*/
body{margin:0;padding:0}
#SC{background:url('assets/background.png')}
/*#SC.home{background:#FFF}*/
.GRID960{width:940px;margin:0 auto;padding:0 10px}
.INNER{width:940px;margin:0 auto;padding:0 10px}
h1,h2,h3,h4{text-transform:uppercase;font-weight:bold;color:#000;line-height:1em}
h1{font-size:1.7em}
h2{font-size:1.4em}
h3{font-size:1.2em}
.BTN{background:#ED242E;color:#fff;border-radius:3px;padding:0.5em;display:inline-block;text-transform:uppercase;text-align:left;font-weight:bold;font-size:0.9em;box-sizing:border-box}
.BTN a{color:#fff}
#SPECIALS{background-color:white;padding:2%;}

/*TEMP TO STYLE BLACK FRIDAY LIST PAGE*/
.blackfriday .L{display:none;}
.blackfriday .C{width:100%!important;}
.blackfriday .PRODGRID li {min-height:570px!important}

.modalPopup.FORM{width:960px;margin:0 auto;background:#FFF;padding:20px;box-sizing:border-box;position:absolute!important}
.modalPopup.FORM .AddLeft,.modalPopup.FORM .AddRight{border:none!important}
.modalPopup.FORM h2{font-size:1.6em;}
.modalPopup.FORM li{padding:0 0 10px 0!important;clear:both;position:relative;border:none!important}
.modalPopup.FORM label,#REGISTER span{float:left;width:40%!important;padding:7px 0}
.modalPopup.FORM input{width:60%;box-sizing:border-box}
.modalPopup.FORM .error{color:#ED242E!important;float:none;width:auto}
.modalPopup.FORM select{max-width:213px;height:30px}
.modalPopup.FORM .submit{padding:10px 0 0 0}
.modalPopup.FORM .continueBTN{float:right;background:#ED242E;color:#fff;border-radius:3px;padding:0.5em;display:inline-block;text-transform:uppercase;text-align:left;font-weight:bold;font-size:0.9em;box-sizing:border-box}
.modalPopup.FORM .required{position:absolute;left:90px}
.modalPopup.FORM .PostCode input{width:28%!important;float:left}
.modalPopup.FORM .Cancel{width:auto!important;position:absolute;bottom:20px;right:110px;text-transform:uppercase;font-weight:bold}


.COMPMODALBG{position:fixed;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:rgba(0,0,0,0.5);z-index:9999}
.QUICKVIEWMODAL{width:80%;height:80%;background:#FFF;margin:auto 10%;box-sizing:border-box;padding:30px;overflow:auto;position:absolute;top:10%}
.QUICKVIEWMODAL .MODALCLOSE{position:absolute;top:20px;right:20px}

/*.updatePanelBackground{position:absolute;text-align:center;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10000}
.updatePanelBackground img{position:absolute;top:45%;z-index:10001}*/

.updatePanelBackground{height:100%;width:100%;filter:alpha(opacity:60);background:rgba(255,255,255,0.8);position:fixed;top:0;left:0;z-index:10000;}
.updatePanelBackground:before{content:"";height:60px;width:60px;padding:10px;background-color:rgba(0,0,0,0.65);border-radius:5px;display:block;margin:400px auto;font-size:1.2em;text-align:center;color:#fff}
.updatePanelBackground:before{background-image:url('assets/ge.gif');background-position:center 50%;background-repeat:no-repeat;background-size:50%}


/*TEMPLATE LAYOUT*/
.COL1 #MAIN .C{width:100%}
.COL2 #MAIN .L{width:20%;float:left;margin:0 3% 0 0}
.COL2 #MAIN .C{width:77%;float:left}
.content-managed-page .C{background:#FFF;padding:20px;box-sizing:border-box}

/*===============================================================================================================
HEADER
===============================================================================================================*/
/*TOPBAR*/
#TOPBAR{height:30px;border-top:3px solid #ED242E;font-size:0.9em}
#TOPBAR .INNER p,#TOPBAR .INNER a{color:#000}
.PHONEMOB{display:none}

/*GENERAL HEAD ITEMS*/
#HEAD{position:relative;padding:0 0 18px}
.home #HEAD,.home #TOPBAR{background:url('assets/background.png')}
.HEADINNER{width:940px;margin:0 auto}
.LOGO{position:absolute;top:0px}
.LOGO a{display:block}
.WELCOMEMSG{float:right;text-transform:uppercase;padding:7px 0;margin:0 20px 0 0;color:#000}
.HEADSOCIAL{float:right;height:30px}
.HEADREVIEW {float:right;position:relative;}
.HEADREVIEW iframe {position: absolute;right: 0;top: 7px;width: 185px!important;}
.HEADSOCIAL a{padding:0 10px;margin:8px 0;border-right:1px solid #AAA;border-left:1px solid #FFF;float:left}
.HEADSOCIAL a:first-child{border-left:none}.HEADSOCIAL a:last-child{border-right:none}
.HEADSOCIAL img{width:15px}.HEADSOCIAL a:hover img{opacity:0.7}
.PHONE{float:left;height:20px;padding:7px 0 3px 0;text-transform:uppercase;margin:0}
.PHONE a{text-decoration:underline}
.SEARCH{float:right;margin:18px 0 0;position:relative}
.SEARCH input{border:none;padding:8px 10px;width:470px;text-transform:uppercase}

/*BASKET*/
#MINIBASKET{float:right;text-align:right;background:url('assets/basketwhite1.png')no-repeat 8px 2px;background-color:#ED242E;background-size:16%;height:20px;width:120px;padding:6px 10px 4px 0;border-radius:0 0 3px 0;position:relative}
#BASKET .Basket:before{content:'BASKET';display:block;color:#FFF;width:50px;padding:0 0 0 25px;float:left}
#MINIBASKET .ccP{position:absolute;background:#FFF;right:0;top:30px;width:201px;padding:10px;z-index:999;border:1px solid #AAA;box-sizing:border-box;border-top:none}
.ccP span{display:block;margin:0 0 10px 0;text-align:center;text-transform:uppercase;font-size:0.9em}
.ccP .checkOut{float:left;background:#ED242E;color:#fff!important;border-radius:3px;padding:0.5em;display:inline-block;text-transform:uppercase;text-align:left;font-weight:bold;font-size:0.9em;box-sizing:border-box}
.ccP .continueShopping{display:block;padding:5px 0 0}
#MINIBASKET .ccT{display:none}
#MINIBASKET .ccQ a,#MINIBASKET .ccQ span{color:#FFF;font-weight:bold;text-decoration:none}
.miniBasket{display:none}/*HIDES THE HOVER STATE*/
.BASKETLINK{width:130px;height:33px;display:block;position:absolute;top:0}

/*MY ACCOUNT MENU*/
.ACCOUNTDROP{float:right;list-style:none;margin:0;padding:0;border-bottom:1px solid #AAA}
.ACCOUNTDROP ul{list-style:none;padding:0;display:none;position:absolute;width:130px;background:#FFF;z-index:1000}
.ACCOUNTDROP ul li a{padding:6px 20px 5px 10px;text-transform:uppercase;display:block}
.ACCOUNTDROP:hover ul{display:block;border:1px solid #AAA;border-top:0;border-radius:0 0 3px 3px}
.ACCOUNTBTN{height:19px;background:#FFF;padding:7px 20px 3px 10px;display:block;width:100px;font-weight:bold;border-left:1px solid #AAA;position:relative}
a.ACCOUNTBTN:after{width:0;position:absolute;content:'';top:5px;right:12px;height:0;float:right;margin-top:6px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #000}
.CURRENCYDROP{list-style:none;margin:0;padding:0;border-top:1px solid #dadada}
.CURRENCYDROP .Currency{display:none;width:100%;background:#FFF;border-top:1px solid #dadada}
.Currency .selected{background:#EEE;position:relative}
.Currency .selected:after{content:'SELECTED';display:block;position:absolute;top:7px;right:10px;color:#000}

.CURRENCYDROP:hover .Currency{display:block;z-index:100}
.CURRENCYBTN{background:#FFF;position:relative}
a.CURRENCYBTN:after{width:0;position:absolute;content:'';top:5px;right:12px;height:0;float:right;margin-top:6px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #000}

/*===============================================================================================================
EA SEARCH DEFAULT
===============================================================================================================*/
.eaSearch_searchBox_results{background:#fff;box-shadow:0 8px 0 rgba(0,0,0,0.2);position:absolute;top:100%;left:0;width:100%;z-index:1000}
.EASUG span,.EASUG a,.EAPROD a,.EAVA a{display:block;padding:8px 10px;height:auto;width:auto;float:none;background:none;border:1px solid #ccc;border-bottom:0}
.EASUG span{border:1px solid #444;background:#555;color:#fff}
.EASUG a:hover{background:#f1f1f1}.EAPROD a:hover .EADESC{text-decoration:underline}
.EAIMG{text-align:center;display:block;height:50px;width:20%;float:left;margin:0 5% 0 0}.EAIMG img{max-width:100%;height:100%}
.EADESC{display:block;float:left;width:75%}.EADESC em{font-weight:bold}
.EAVA a{background:#555;color:#fff;border:1px solid #444}
.EAVA a:hover:after,.EASUG a:hover:after{content:">";float:right}
.clear{clear:both!important}

/*===============================================================================================================
CATALOGUE
===============================================================================================================*/
.catalogue .websiteForm{width:45%;margin:5% auto;padding:5%;background:#fff;border-top:3px solid #000;border-bottom:3px solid #000;text-align:center}
.catalogue .websiteForm .BTN{margin:10px 0 0}

/*===============================================================================================================
MENU
===============================================================================================================*/
#MENUBUTTON{display:none;padding:15px 0;color:#FFF;text-transform:uppercase}
.MAINNAVOUTER{height:46px;background:#000}
.MAINNAV{width:940px;height:45px;padding:0 10px;margin:0 auto;z-index:999;position:relative}
.MAINNAV .level1 a{float:left;text-transform:uppercase;color:#FFF;font-size:1.2em}
.MAINNAV .level1 a:hover{color:#000}
.MAINNAV li:hover .level1 a{background:#FFF;color:#000}
.MAINNAV .level1{display:block} 
.MAINNAV .sublvl{visibility:hidden;position:absolute;top:45px;left:10px;background:#fff;box-shadow:0 5px 1px rgba(0,0,0,0.15);width:940px;padding:20px 0;z-index:999}
.MAINNAV .level1:hover .sublvl{visibility:visible}
.MAINNAV .PANELS{display:table-cell;border-left:1px solid #dcdcdc;vertical-align:top;padding:5px 10px}
.MAINNAV .PANELS:first-child{border:none}
.MAINNAV .sublvl a{color:#000;padding:5px 10px;white-space:nowrap;font-size:1em;display:block;width:100%;} /*Changes by Rowan on 06-07-2016*/
.MAINNAV .sublvl a:before{content:'\203A';margin:0 5px 0 0}
.MAINNAV .PANELTITLE{display:block;float:none;white-space:nowrap;color:#000;padding:0 10px 10px;font-size:1.2em;text-transform:uppercase}
.MAINNAV > ul{display:block;width:940px}
.MAINNAV li.level1{width:16%;float:left}
.MAINNAV .level1 > a{padding:15px 0;text-align:center;width:100%}
.MAINNAV li.tab1{width:23%!important}
.MAINNAV li.tab2{width:14%!important}
.MAINNAV li.tab5{width:15%!important}

/*CATALOGUE*/
.MAINNAV .sublvl a.MEGACATALOGUE:before{content:''}
a.MEGACATALOGUE{background:#ED242E;color:#FFF!important;border-radius:3px;!important;margin:5px 0;text-align:center;width:90px!important;white-space:normal!important}
.STUDIOGEAR a.MEGACATALOGUE{white-space:inherit;width:85%}
/*BOTTOM USPS*/
.MAINNAV .CMRPANEL{clear:both;display:block;padding:0;border:0}
.MAINNAV .CMRPANEL a{float:left;display:block;padding:0;white-space:normal;width:46%;margin:2% 2% 0}
.MAINNAV .CMRPANEL a:before{content:'';margin:0} 
.MAINNAV .CMRPANEL img {width:100%}
.BRANDS_MEGA .level3{display:none}

/*===============================================================================================================
BREADCRUMB
===============================================================================================================*/
.BREAD{width:100%;padding:20px 0 0;margin:0 0 20px 0}
.BREAD li{display:inline}.BREAD a, .BREAD span{display:inline;padding:0 12px 0 8px;font-size:0.9em;line-height:19px;text-transform:uppercase}
.BREAD a{background:url('assets/arrowblack.png')no-repeat 100% 55%;font-size:0.9em} 
.BREAD li.first a{padding:0 12px 0 0}
.home .BREAD{display:none}

/*===============================================================================================================
HOMEPAGE
===============================================================================================================*/
/*.home .HOMEMAIN{background:url('assets/background.png');padding:40px 0} Redundant Code Rowan 06-07-2016*/
.HOMEMAIN-INNER{width:960px;margin:0 auto}
.home .FOOTTOP{background:url('assets/background.png')}

/*LEAD FINDER*/
.LEAD-FINDER .CMR{width:35%;float:left}
.LEAD-FINDER{padding:25px 0;margin:0 0 20px 0;border-top:3px solid #444;border-bottom:3px solid #444}
.LEAD-FINDER h2{display:block;font-size:3em;font-weight:bold;color:#000}
.LEAD-FINDER p{display:block;float:left;margin:10px 0 0 50px;font-size:2em}
.LEAD-FINDER select{display:block;float:left;width:40%;max-width:100%;margin:0 5%;padding:8px;text-transform:uppercase}
.LEAD-FINDER a{float:right;display:block;background:#000;padding:11px 20px;color:#FFF;border-radius:3px;width:15%;box-sizing:border-box;text-align:center;text-transform:uppercase}

/*HOMEPAGE CMR'S*/
.HOMEMID{overflow:hidden;float:left;margin:20px 0 0;border:1px solid #EEE;box-sizing:border-box;padding:1%;background:#FFF}
.HOMEMID h2{font-size:2.4em;font-weight:bold;line-height:1em;color:#000;padding:0 0 15px}
.HOMEMID p{font-size:2em;line-height:1.1em}
.HOMEMID1{width:70%;height:300px;margin:20px 3% 0 0}
.HOMEMID1 img{width:50%;height:100%;float:left}
.HOMEMID1 .textcontent{float:right;width:44%;padding:3%}
.HOMEMID1 h2{float:left;display:block}
.HOMEMID1 p{display:block;float:left}
.HOMEMID2{width:27%;height:300px}
.HOMEMID2 img{width:100%}

.HOMEMID3{width:48.5%;margin:20px 3% 0 0;position:relative}
.HOMEMID4{width:48.5%;position:relative}
.HOMEMID3 img,.HOMEMID4 img{width:50px;height:50px;float:left;padding:3%}
.HOMEMID3 h2,.HOMEMID4 h2{font-size:2em;padding:3% 0 0}
.HOMEMID3 p,.HOMEMID4 p{font-size:1.6em}

/*CMR HOVER EFFECTS*/
.HOMEMID3:hover,.HOMEMID4:hover{height:auto;cursor:pointer}
.HOMEMID3:hover .SUBTEXT,.HOMEMID4:hover .SUBTEXT{height:60px;transition:0.8s;margin:10px 0;padding:3%}
.SUBTEXT{height:0px;overflow:hidden;transition:0.8s;clear:both;padding:0 3%}
.SUBTEXT p{font-size:1.2em}

.HOMEMID3:after,.HOMEMID4:after{content:'+';color:#FFF;font-weight:bold;font-size:1.4em;line-height:0.8em;padding:10px;width:10px;height:10px;background:#ED242E;position:absolute;bottom:0;right:0}
.HOMEMID3:hover:after,.HOMEMID4:hover:after{content:'-';padding:10px 7px 10px 13px}

.HOMEMID5{width:60%;margin:20px 3% 0 0}
.HOMEMID5 img{height:100%;float:left;margin:0 3% 0 0}
.HOMEMID6{width:37%}
.HOMEMID6 img{width:100%;height:170px;margin:0 0 15px 0}
.HOMEMID5,.HOMEMID6{height:250px}

.HOMEMID a{line-height:1.1em}

/*===============================================================================================================
MAIN CAROUSEL
===============================================================================================================*/
/*.owl-carousel1 .owl-wrapper-outer{position:absolute!important}*/
.owl-carousel1{height:350px;background:#000;border-bottom:3px solid #ED242E}
.owl-carousel1 .owl-controls{margin:0 auto!important;position:relative;width:auto;bottom:0}

.owl-carousel1 .owl-pagination{position:relative;width:120px;margin:0 auto;top:-22px}
.owl-carousel1 .owl-page{background:#ED242E}
.owl-carousel1 .owl-page span{background:#ED242E!important;border:1px solid #FFF;width:8px!important;height:8px!important;margin:6px!important}
.owl-carousel1 .owl-page.active span{background:#FFF!important}
.owl-carousel1 .owl-buttons{display:none;position:absolute;bottom:225px;width:100%}
.owl-carousel1:hover .owl-buttons{display:block}
.owl-carousel1 .owl-prev{background:#CCC!important;padding:30px 20px!important;border-radius:0!important;position:absolute;left:10%}
.owl-carousel1 .owl-next{background:#CCC!important;padding:30px 20px!important;border-radius:0!important;position:absolute;right:10%}
.owl-prev:before{content:'\2039';font-size:5em;color:#000;margin:0 5px 0 0;position:absolute;top:-11px;left:10px}
.owl-next:before{content:'\203A';font-size:5em;color:#000;margin:0 5px 0 0;position:absolute;top:-11px;left:10px}

/*SLIDE TEXT CONTENT*/
.SLIDETEXT{position:absolute;bottom:50px;width:100%}
.SLIDETEXTINNER{margin:0px auto;width:960px}
.SLIDETEXTINNER h2{font-size:3em;font-weight:bold;color:#FFF;background:rgba(0,0,0,0.5);padding:20px;display:inline-block}
.SLIDETEXTINNER p{font-size:3em;font-weight:100;color:#FFF;margin:5px 0 0;background:rgba(0,0,0,0.5);padding:20px;display:inline-block;line-height:1em}

/*SLIDE IMAGE CONTENT*/
.BANNERLINK{position:absolute;height:100%;width:100%;display:block}
.SLIDE1{background:url('../../CMS/slide01.jpg');background-position:center;height:350px}
.SLIDE2{background:url('../../CMS/slide02.jpg');background-position:center;height:350px}
.SLIDE3{background:url('../../CMS/slide03.jpg');background-position:center;height:350px}
.SLIDE4{background:url('../../CMS/slide04.jpg');background-position:center;height:350px}
.SLIDE5{background:url('../../CMS/slide05.jpg');background-position:center;height:350px}

/*===============================================================================================================
BRAND CAROUSEL
===============================================================================================================*/
.TABSOUTER{background:url('assets/background.png');width:100%}
#sync1 p,#sync2 p{padding:0}

/*SYNC1 - BRAND TABS*/
#sync1{width:960px;margin:0 auto}
#sync1 .owl-item{color:#FFF;text-align:center;border-left:1px solid #dadada}
#sync1 .owl-item:first-child{border-left:none}
#sync1 .owl-item.synced{background:#fff;color:#707070}
#sync1 .owl-item .item{width:80%;padding:10px 0}

/*SYNC2 - BRAND CMR*/
.BRAND{float:left;width:57%;margin:0 3% 0 0}
.BRAND img{width:100%}

/*SYNC2 - BRAND PRODUCTS*/
#sync2{width:960px;margin:20px auto}
#sync2 .item{color:#FFF;text-align:center;cursor:pointer}
#sync2 .item p{font-size:18px}
#sync2 .synced .item{background:#0c83e7}
#sync2 .owl-buttons{display:block}
#sync2 .owl-prev{padding:30px 20px!important;border-radius:0!important;position:absolute;left:-65px;top:40%;background:#EEE;opacity:0.8}
#sync2 .owl-next{padding:30px 20px!important;border-radius:0!important;position:absolute;right:-65px;top:40%;background:#EEE;opacity:0.8}
#sync2 ul{float:left;width:40%}
#sync2 ul li{position:relative;display:block;padding:10px;border:1px solid #EEE;margin:0 0 18px;overflow:auto}
#sync2 ul li:last-child{margin:0}
#sync2 ul li:first-child .LISTIMG{height:auto;overflow:auto}
#sync2 ul li .LISTIMG{float:left;width:35%;margin:0 4% 0 0;height:100%;overflow:hidden}
#sync2 ul li .LISTIMG img{width:91px}
#sync2 ul li .PRODRIGHT{float:left;width:60%}
#sync2 ul li .LISTDESC{font-weight:bold;text-align:left;font-size:1.2em;margin:0 0 10px}
#sync2 ul li .LISTDESC a{color:#000;font-size:1.1em;padding:5px 0 0;display:block}
#sync2 ul li .PRICE,#sync2 ul li .WAS{display:block;text-align:left;font-size:1.2em}

/*===============================================================================================================
CATEGORY CAROUSEL
===============================================================================================================*/
.TABSOUTER{background:url('assets/background.png');width:100%}
#cat1 p,#cat2 p{padding:0}

/*CAT2 - CATEGORY TABS*/
#cat1{width:960px;margin:0 auto}
#cat1 .item{cursor:pointer;height:20px;padding:22px 0 18px 30px;color:#FFF;text-align:center;border-left:1px solid #dadada}
#cat1 .owl-item:first-child .item{border-left:none}
#cat1 .owl-item.synced .item{background:#fff;color:#707070}
#cat1 .item p{font-size:1.2em;text-transform:uppercase;line-height:1.2em;cursor:pointer;}
#cat1 .item.recording p:before{background:url('assets/cat-recording.png');content:'';position:absolute;left:10px;top:15px;width:32px;height:32px}
#cat1 .item.livesound p:before{background:url('assets/cat-livesound.png');content:'';position:absolute;left:10px;top:15px;width:32px;height:32px}
#cat1 .item.clearance p:before{background:url('assets/cat-clearance.png');content:'';position:absolute;left:10px;top:15px;width:32px;height:32px}
#cat1 .item.djgear p:before{background:url('assets/cat-djgear.png');content:'';position:absolute;left:10px;top:15px;width:32px;height:32px}
#cat1 .item.newin p:before{background:url('assets/cat-newin.png');content:'';position:absolute;left:10px;top:15px;width:32px;height:32px}
#cat1 .owl-item.synced .item p{font-weight:bold}

/*CAT2 - CATEGORY PRODUCTS*/
#cat2{width:960px;margin:20px auto}
#cat2 .item{color:#FFF;text-align:center;cursor:pointer}
#cat2 .item p{font-size:18px}
#cat2 .synced .item{background:#0c83e7}
#cat2 .owl-buttons{display:block}
#cat2 .owl-prev{padding:30px 20px!important;border-radius:0!important;position:absolute;left:-65px;top:40%;background:#EEE;opacity:0.8}
#cat2 .owl-next{padding:30px 20px!important;border-radius:0!important;position:absolute;right:-65px;top:40%;background:#EEE;opacity:0.8}
#cat2 ul{width:100%}
#cat2 ul li{background-color:white;position:relative;float:left;width:32%;display:block;padding:10px;border:1px solid #EEE;margin:0 0 2% 2%;overflow:auto;box-sizing:border-box}
#cat2 ul li .LISTIMG{height:auto;overflow:visible}
#cat2 ul li .LISTIMG{float:left;width:35%;margin:0 4% 0 0}
#cat2 ul li .LISTIMG img{width:91px}
#cat2 ul li .PRODRIGHT{float:left;width:61%;height:55px}
#cat2 ul li .LISTDESC{font-weight:bold;text-align:left;font-size:1.2em;margin:0 0 10px;max-height:50px;overflow:hidden}
#cat2 ul li .LISTDESC a{color:#000;font-size:1em;padding:4px 0 0;display:block}
#cat2 ul li .PRICE,#sync2 ul li .WAS{display:block;text-align:left;font-size:1em}

/*FEATURED LIST ITEM*/
#cat2 li.FEATCAT{margin:0;min-height:335px;padding:0;overflow:visible}
#cat2 li.FEATCAT .LISTIMG{width:100%;height:100%;overflow:hidden}
#cat2 li.FEATCAT .LISTIMG img{width:auto}
#cat2 li.FEATCAT .PRODRIGHT{float:left;width:90%;padding:10px 5%}

/*===============================================================================================================
HIERARCHY TOP
===============================================================================================================*/
.HTOPBANNER{height:280px;width:100%;background-size:cover;position:absolute;background-position:top center;background-repeat:no-repeat}
.HTBANNER{text-align:center;position:relative;border-bottom:3px solid #ED242E;overflow:hidden;height:280px;width:100%}
.HTBANNER .INNER{height:270px;position:relative;padding:40px 0}
.HTHEAD{color:#fff;margin:0 0 10px 0}
.HSEO{filter:aplha(opacity=90);opacity:0.9;display:block}
.HSEO,.HSEO p,.HSEO a{color:#fff}.HSEO,.HSEO p{line-height:18px}.HSEO a{text-decoration:underline}
.HSEO{max-width:280px}

/*BANNER TEXT*/
.BANNERTEXT{float:left;text-align:left;max-width:100%}
.BANNERTEXTINNER h1{text-transform:uppercase;font-size:3em;font-weight:bold;color:#FFF;background:rgba(0,0,0,0.5);padding:20px;display:inline-block}
.BANNERTEXTINNER p{text-transform:uppercase;font-size:2em;line-height:1em;font-weight:100;color:#FFF;margin:5px 0 0;background:rgba(0,0,0,0.5);padding:20px;display:block}

/*LEFT COL*/
.COLNAV{margin:0 0 20px 0;border-bottom:1px solid #FFF}
.BRANDS_MEGA .sublvl{display:none}
.COLNAV .PANELS.CMRPANEL{display:none}
.COLNAV .PANELS{padding:0;border-bottom:1px solid #CCC;border-top:1px solid #FFF}
.COLNAV .PANELS ul{margin:0 0 20px 0}
.COLNAV .PANELS img{display:none}
.COLNAV .PANELTITLE{position:relative;line-height:1em;text-transform:uppercase;font-size:1.4em;font-weight:bold;color:#000;padding:20px 20px 20px 0;display:block;white-space:normal;outline:none}
.COLNAV .PANELTITLE:after{content:'';position:absolute;right:3%;top:35%;width:0;height:0;float:right;margin-top:6px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #000}
.COLNAV .PANELTITLE.active:after{border:none;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom: 6px solid #000}
.COLNAV ul a{background:url('assets/arrowblack.png')no-repeat 0 55%;padding:5px 0 5px 15px;font-size:1em;font-weight:normal;margin:0;text-transform:uppercase;display:block}
.COLNAV ul a.MEGACATALOGUE{color:#666!important}

/*HIERARCHY LIST LAYOUT*/
.HIERARCHYLIST{margin:0 0 20px 0;display:table;width:100%}
.HIERARCHYLIST li{display:block;float:left;width:32%;margin:1% 2% 1% 0;box-sizing:border-box;position:relative;background:#FFF}
.HIERARCHYLIST li.endOfRow{margin:1% 0%}
.HIERARCHYLIST .LISTOVER{position:absolute;top:230px;left:2px;height:24px}
.HIERARCHYLIST #LINKED .LISTOVER{top:120px}
.HIERARCHYLIST #RECENTIN .LISTOVER {top:139px;}
.HIERARCHYLIST .LISTIMG{width:100%;display:block}
.HIERARCHYLIST .LISTIMG img{width:90%;padding:5%}
.HIERARCHYLIST .LISTDESC{padding:5%;font-size:1.2em;font-weight:bold;min-height:40px}
.HIERARCHYLIST .LISTDESC a{color:#000;line-height:1.2em;display:block;height:auto;padding:0 5px 0 0;text-transform:uppercase}

/*===============================================================================================================
LISTING
===============================================================================================================*/
.HBANNER{height:250px;overflow:hidden;width:100%;background-size:cover;position:relative;background-position:top center;background-repeat:no-repeat;border-bottom:3px solid #ED242E}
.HBANNER .INNER{height:170px;position:relative;padding:40px 0}

/*FEATURED PRODUCT LAYOUT*/
.productSection {margin:0!important}
.productSection li {width:100%;margin:0 0 20px 0!important;background:#FFF}
.productSection li .LISTIMG{;float:left;width:40%;margin:0 5% 0 0;display:block;height:auto}
.productSection li .LISTIMG img{width:90%;padding:5%}
.productSection li .PRODCONTENT{float:left;padding:5% 5% 5% 0;width:50%}
.productSection li .LISTDESC a{color:#000;font-size:2.2em;display:block;height:auto;margin:0 0 30px}
.productSection li .LISTPRICE{line-height:12px;font-size:1.8em;display:block;margin:0 0 30px}
.productSection li .LISTPRICE span{font-size:0.7em}
.productSection li .LISTWAS{display:block}
.productSection .BTN.More{margin:0!important}
.productSection .BTN.CompareAdd,.productSection .BTN.CompareRemove{margin:4% 0% 2% 0%!important}
.productSection:after{clear:both;display:block}

/*PRODUCT GRID LAYOUT - USED BY ALL PRODUCT LAYOUTS*/
.PRODGRID .LONGDESC{padding:5%;font-size:1.5em;display:none}
.PRODGRID .LONGDESC p{line-height:1em}
.PRODGRID{margin:0 0 20px 0;display:table;width:100%}
.PRODGRID li{display:block;float:left;width:32%;margin:1% 2% 1% 0;padding:0 0 10px 0;box-sizing:border-box;position:relative;background:#FFF;min-height:480px}
.PRODGRID li.endOfRow{margin:1% 0%}
/*.PRODGRID .LISTOVER{position:absolute;top:230px;left:2px;height:24px}*/
.PRODGRID .LISTOVER{position:absolute;top:0px;right:0}
.PRODGRID #LINKED .LISTOVER{top:120px}
.PRODGRID #RECENTIN .LISTOVER {top:139px;}
.PRODGRID .LISTIMG{width:100%;display:block}
.PRODGRID .LISTIMG img{width:90%;padding:5%}
.PRODGRID .LISTDESC{padding:5% 5% 0;font-size:1.2em;font-weight:bold;min-height:40px}
.PRODGRID .LISTDESC a{color:#000;line-height:1.2em;display:block;height:auto;padding:0 5px 0 0;height:60px;overflow:hidden}
.PRODGRID .LISTPRICE{line-height:12px;font-size:1.2em;padding:5% 5% 0;display:block}
.PRODGRID .LISTPRICE span{font-size:0.7em}
.PRODGRID .startOfRow{clear:both!important}

.productlisting .LISTWAS, .productsearchresults .LISTWAS{padding:0 0 0 5%;display:block;margin:0 5px 0 0!important}
.LISTWAS{text-decoration:line-through;color:#f00;}

/*PRODUCT LISTING LAYOUT - PRODACTIONS*/
.PRODGRID li .PRODACTIONS{margin:20px 0 0;position:absolute;width:100%;bottom:5%}
.PRODACTIONS .BTN{background:#ED242E;width:43.5%}
.PRODACTIONS .BTN.More{background:#000;margin:0 0 0 5%}
.PRODACTIONS .ProductAction{width:43.5%;display:inline-block;margin:0 5% 0 0;float:right;box-sizing:border-box}
.PRODACTIONS .ProductAction .BTN{background:#ED242E url('assets/arrow.png')no-repeat 90% 50%;width:100%}
.PRODACTIONS .BTN.CompareAdd,.PRODACTIONS .BTN.CompareRemove{background:#FFF url('assets/compare.png') no-repeat 95% 50%;color:#000;border:1px solid #000;margin:4% 5% 2% 5%;width:90%}
.PRODACTIONS .BTN.CompareRemove{color:#ED242E;border-color:#ED242E;background:#FFF url('assets/compareselectedred.png') no-repeat 95% 50%}

.SHOWLIST,.SHOWGRID{background:url('assets/prodgrid.png') no-repeat;height:29px;width:67px;display:block;margin:12px 0;position:absolute;right:0}
.SHOWLIST{background:url('assets/prodgrid.png') no-repeat}
.SHOWGRID{background:url('assets/prodlist.png') no-repeat}
.STOCKMESSAGE{display:block;font-size:1.2em;padding:5% 5% 0;text-transform:uppercase}

/*PRODUCT LIST LAYOUT - GRID V LIST - NEW IN PROGRESS*/
.PRODLIST{margin:0 0 20px 0;display:table;width:100%}
.PRODLIST li{display:block;float:left;width:100%;margin:1% 2% 1% 0;padding:0 0 10px 0;box-sizing:border-box;position:relative;background:#FFF}
.PRODLIST li.endOfRow{margin:1% 0%}
/*.PRODLIST .LISTOVER{position:absolute;top:230px;left:2px;height:24px}*/
.PRODLIST .LISTOVER{position:absolute;top:10px;right:0}
.PRODLIST #LINKED .LISTOVER{top:120px}
.PRODLIST #RECENTIN .LISTOVER {top:139px;}
/*.PRODLIST .PRODIMAGE{width:30%;display:block;float:left;margin:0 5% 0 0}*/
.PRODLIST .PRODIMAGE{width:30%;display:block;float:left;margin:0 5% 0 0;position:relative;}
.PRODLIST .PRODCONTENT{width:65%;display:block;float:left}
.PRODLIST .LISTIMG img{width:100%;padding:5%}
.PRODLIST .LISTDESC{padding:5% 5% 0;font-size:1.2em;font-weight:bold;min-height:40px}
.PRODLIST .LISTDESC a{color:#000;line-height:1.2em;display:block;height:auto;padding:0 5px 0 0}
.PRODLIST .LISTPRICE{line-height:12px;font-size:1.2em;padding:5%;display:block}
.PRODLIST .LISTPRICE span{font-size:0.7em}
.PRODLIST .LISTWAS{display:block}
.PRODLIST .startOfRow{clear:both!important}
.PRODLIST .STOCKMESSAGE{padding:10px 5% 5%}
.PRODLIST .PRODACTIONS {margin-top:10px}

.wishlist .ProductAction, .wishlist .PRODACTIONS{display:inline-block!important}

/*MULTI FACET LAYOUT*/
#MultiNavigation .NavigationControl{border-bottom:1px solid #CCC;border-top:1px solid #FFF}
#MultiNavigation .resetAll{border-bottom:1px solid #CCC;padding:20px 0!important}
#MultiNavigation .reset{padding:0 0 20px 0;clear:both;display:block;color:#000;text-decoration:underline;font-size:1.2em}
#MultiNavigation .property.title{padding:0}
#MultiNavigation .property,.facetHeader label{font-size:1.4em;text-transform:uppercase;font-weight:bold;color:#000}
#MultiNavigation .BYPRICE, #MultiNavigation .BYPRICEEURO{height:150px;position:relative}
#MultiNavigation .BYPRICE .ajax__multi_slider_default, #MultiNavigation .BYPRICEEURO .ajax__multi_slider_default{top:15px}
#MultiNavigation .BYPRICE .ajax__multi_slider_default div, #MultiNavigation .BYPRICEEURO .ajax__multi_slider_default div{width:100%!important;background:none}
#MultiNavigation .ajax__multi_slider_default .inner_rail_horizontal{background:none;border-top:6px solid #a5a5a5}
#MultiNavigation .ajax__multi_slider_default .inner_rail_horizontal a{top:-10px!important;background:url('assets/price-handle.png')no-repeat;height:15px;width:8px}
#MultiNavigation .BYPRICE input, #MultiNavigation .BYPRICEEURO input{position:absolute;padding:0px;background:none;border:none}
#MultiNavigation .BYPRICE input.min, #MultiNavigation .BYPRICEEURO input.min{}
#MultiNavigation .BYPRICE input.max, #MultiNavigation .BYPRICEEURO input.max{right:0;text-align:right}

.Elements li{display:block;padding:5px 0}
.Elements input[type="checkbox"]{margin:0 10px 0 0}
.Elements label{text-transform:uppercase}

.facetHeader{position:relative}
.facetHeader input[type="checkbox"]{display:none}
.facetItem{padding:0 0 20px 0}
.facetHeader label:after{content:'';position:absolute;right:3%;top:35%;width:0;height:0;float:right;margin-top:6px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #000}
.facetHeader label.collapse:after{border:none;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom: 6px solid #000}
.facetHeader label{display:block;padding:20px 20px 20px 0}
.facetHeader .NavElemDesc{padding:20px 20px 20px 0;display:block}

#FACETPANEL{display:none}

/*===============================================================================================================
Content Managed Page
===============================================================================================================*/

.content-managed-page h1{padding: 20px 0;}
.content-managed-page h2, .content-managed-page h3{padding:15px 0}
.content-managed-page #FOOT h1{padding:0}
.content-managed-page #FOOT h2, .content-managed-page #FOOT h3{padding:0}

/*===============================================================================================================
PAGING CONTROL
===============================================================================================================*/
.LISTCONTAINER{position:relative}
.PAGINGCONTROL{clear:both;padding:10px 0;height:27px;margin:15px 0 20px 0;border-top:3px solid #000;border-bottom:3px solid #000;text-transform:uppercase}
.PAGINGCONTROL select{height:25px;max-width:100px}
.SORT{float:left;margin:0 12px 0 0}.SORT label{float:left;padding:2px 5px 0 0;display:none}
.VIEWPERPAGE{float:left;margin:0 12px 0 0}
.PAGESNUMB{float:left;padding:5px 0;margin:0 12px 0 0}
.ARROW{padding:2px 5px;margin:0 3px;border:1px solid #000;text-decoration:none!important}
.PAGING{float:left;padding:5px 0;margin:0 12px 0 0}
.PAGEXOF,.TOTALPGS{float:left;font-size:0.9em;padding:2px 0 0 0}.TOTALPGS{margin-left:5px}
.PAGBTN{text-decoration:underline}
.FIRSTPG,.LASTPG{display:none}
.CURRENT,.NEXT a,.PREV a{padding:3px 7px;}
.PAGBTN:hover,.NEXT a:hover,.PREV a:hover{color:#1a4a3d;}
.CURRENT{background:#02271d;color:#fff;}
.PAGINGTOP{margin-top:0}
.PAGINGTOP .INNER{width:100%!important;padding:0!important;margin:0}
.PAGINGTOP.fixed .INNER{width:940px!important;padding:0 10px!important}
.PAGINGTOP.fixed{margin-top:0;position:fixed;top:0;left:0;background:#FFF;width:94%;z-index:999;padding:15px 3%}
.PAGINGBOTTOM .PAGING{float:none;width:100%;margin:0;padding:0}.PAGINGBOTTOM .SHOWING{display:none}.PAGINGBOTTOM .PAGES{margin:5px 0;float:right}
.PAGINGBOTTOM .PAGESNUMB{padding:0;margin:5px 0}

.noMatch .PAGINGTOP {display:none;}
.noMatch .PAGINGCONTROL {display:none;}

div#ctl00_cph1_maxProductsErrorUpdatePanel{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;right:0;bottom:0}
.productCompareRegionPanel{width:50%;margin:0 25%;background:#FFF;padding:20px;box-sizing:border-box;position:absolute;top:40%}

/*===============================================================================================================
PRODUCT COMPARISON
===============================================================================================================*/
/*COMPARISON LAYOUT*/
.productcomparison .C{margin:20px 0}
.productcomparison h1{margin:0 0 20px}
.productcomparison li.productRow{width:24%;float:left;margin:0 1.25% 0 0}
.productcomparison li.productRow:last-child{margin:0}

/*PRODUCT LISTING LAYOUT - ALSO USES PRODLIST CSS
.COMPARABLES{margin:20px 0;padding:0 10px}
.COMPARABLES li{display:block;border-bottom:1px solid #dadada;padding:10px 0;width:100%;text-align:center}
.productcomparison .PRODCONTENT{min-height:100px}
.productcomparison .LISTDESC{min-height:70px}
.productcomparison .PRICE{text-align:center}

/*PRODUCT COMPARISON*/
#ctl00_cph1_maxProductsErrorUpdatePanel {background: #fff; border: 5px solid #eee; padding: 20px;}
#ctl00_cph1_maxProductsErrorUpdatePanel  input {background: #E46C15; padding: 10px; border-radius: 3px; display: block; margin: 15px auto 0; color: #fff;}
.columnPanel{margin-top:20px;}
.productcomparison .CMR{margin-bottom:20px}
.ProdFeatures{width:120px;background:#f4f4f9;float:left;margin-top:132px;margin-right:10px;padding:5px;}
.productGridRowHeading{}
.ProdFeatures span{display:block;border-top:1px solid #C8C9D6;padding:5px 0;text-align:right}
.ProdFeatures span:first-child{border:none;}
#ProdLineup{float:left;width:800px;margin-bottom:20px;margin-top:10px;}
#ProdLineup li{width:188px;float:left;margin-left:5px;position:relative}
#ProdLineup li:first-child{margin-left:0px;}
.ProdCompIMG a{border: 1px solid #eee; padding: 15px 0; display:block;text-align:center; background: #fff; height:95px;}
.ProdCompIMG img{max-height:80px}
.prodCompGRID{margin-bottom:15px;}
.prodCompGRID span{display:block;text-align:center;padding:5px;border-top:1px solid #C8C9D6;}
.prodCompGRID span:first-child{border:none;}
.ProdCompVARIANT{min-height:10px;margin:5px 0;}
.ProdCompVARIANT span{padding-right:5px;}
.ProdCompVARIANT .Clearboth{display:none}
.ProdCompVARIANT select{width:100px!important;}
.ProdCompSTOCK span{color: #707070; display:block;text-align:center;padding:3px;font-weight:bold}
.ProdCompPRICE span{font-size:1.3em;color:#707070;text-align:center;display:block;margin:5px 0;}
.ProdCompPRICE .WasPrice {font-size: 12px; color: #707070; text-decoration: line-through;}
.ProdCompPRICE  .nowPrice {margin-bottom: 10px;}
.ProdCompQTY{display:none}
.ProdCompBUY {text-align: center;}
.ProdCompQTY #Quantity{display:none;}
.ProdCompQTY #QuantityBox input{width:30px;padding:11px 3px;text-align:center;margin-left:0px; background: #fff; border: 1px solid #eee;}
.ProdCompQTY .decreaseQty{display: none;}
.ProdCompQTY .increaseQty{display: none;}
.ProdCompBUY a{background:#ED242E;margin:0 auto;display:block;width:90px;border-radius:3px;text-align:center}
.productComparisonRemove{background:url('assets/close.png') no-repeat 0 0;height:16px;width:16px;display:block;position:absolute;top:5px;right:5px;cursor:pointer}
.productComparisonRemove a{text-indent: -9999px;display: block;}

.gridRowColumn_Description{height:50px;}
.gridRowColumn_Answer_WEBCOPY{height:120px;}
.gridRowColumn_Answer_DIAMETER{height:30px}

a#ctl00_cph1_productComparison_removeAllComparisons{background:#ED242E;display:block;clear:both;width:200px;color:#fff;padding:8px;border-radius:3px;text-align:center}


/*===============================================================================================================
SEARCH
===============================================================================================================*/
.SEARCHRESULT span{margin:0 10px;color:#FFF;font-weight:bold}
.PRODGRID.SEARCHLIST li{min-height:570px}

/*===============================================================================================================
DETAIL
===============================================================================================================*/
/*DETAIL LAYOUT*/
.DETAILLEFT{float:left;width:47.5%;margin:0 5% 0 0}
.DETAILRIGHT{float:left;width:47.5%}
.DETAILTABSOUTER{margin:80px 0 30px;} /*RC removed the background #fff on product pages 18-04-2016*/
.techheading{padding-left:2%;} /*RC added padding to reviews tab 21-04-2016*/
.productdetail .resp-tab-content div.relatedDataElement > span.True {display: block;width: 25px;height: 25px;float: left;margin: 5px 0px 15px 18px;background-repeat: no-repeat;box-sizing: border-box;} /* To display icons on detail tech tabs - PD 07/06/16 */
#tabs-1{padding-left:2%;padding-right:2%;}
#tabs-1 li{list-style-type:disc; margin:0px 20px;} /*RC added padding to description tab 18-04-2016*/
#tabs-3{padding-left:2%;padding-right:2%;} /*RC added padding to reviews tab 18-04-2016*/
#ctl00_cph1_pD_ctrl0_rdcaudiovideo{padding-left:2%;padding-right:2%;} /*RC added padding to the audio video tab 21-04-2016*/
#ctl00_cph1_pD_ctrl0_rdcDownLTabCont{padding-left:2%;padding-right:2%;} /*RC added padding to the download tab 21-04-2016*/

/*PRODUCT FEATURED IMAGE*/
#PRODIMG a{background:#FFF;padding:5%}
#PRODIMG a.MagicZoomPlus, #PRODIMG a.MagicZoomPlus img{min-width:400px}/*WAS 450*/
.AltImgCar .panel{float:left;width:22%;margin:4% 0 0 4%}
.AltImgCar .panel:nth-child(4n-7){margin:4% 0 0}
.AltImgCar .panel a{display:block}
.AltImgCar .panel img{width:100%!important}

/*PRODUCT INTRO*/
.PRODHEAD{font-size:2em;font-weight:bold;color:#000;padding:0 0 5% 0;margin:0 0 3%;border-bottom:1px solid #dadada;line-height:1em}
.STARS{float:right;margin:2px 0 0}
.LONGDESC{clear:both;margin:5% 0;font-size:1.2em}
.LONGDESC p{padding:0}

/*PRODUCT ACTIONS*/
#PRODACTIONS{background:#FFF;padding:5%;margin:0 0 5% 0;border-top:3px solid #000;border-bottom:3px solid #000;position:relative;}
#PRODACTIONS .Overlay{position:absolute;top:0;right:0;}
#PRODACTIONS .PRICE{font-size:1.6em;font-weight:bold;color:#000;float:left;margin:0 10px 0 0}
#PRODACTIONS .PRICE span{font-size: 0.6em}
/*#PRODACTIONS .stockvalue{display:none}*/

/*EMAIL WHEN BACK IN STOCK*/
.EmailStock{margin:10px 0 0}
.websiteEmailStock{padding:30px 50px;background:#FFF;border-top:3px solid #000;border-bottom:3px solid #000;}
.websiteEmailStock .relatedDataHeading {padding:0 0 10px 0}
.websiteEmailStock input{clear:both;display:block;margin:5px 0 10px;width:260px}
.closePopupButton{position:absolute;bottom:40px;left:120px}
#ctl00_cph1_pD_ctrl0_emailStockExtender_backgroundElement{background:rgba(0,0,0,0.2)}

.resp-tabs-container .moreInfo  img {max-width:100%;margin:15px 0;}
.resp-tabs-container .moreInfo .relatedDataElement {display:block;padding:3px 0;border-bottom:1px solid #eee;}
.resp-tabs-container .iconset iframe {margin:10px 0;}
.resp-tabs-container .DOWNLOADS iframe {max-width:100%;}
.resp-tabs-container .DOWNLOADS .relatedDataElement, .TabBoxes .relatedDataHeading span {color:#000;display:block;padding:15px 0 5px;font-size:1.5em;font-weight:bold;text-transform:uppercase;}
.TabBoxes .relatedDataHeading span {padding-bottom:15px;}


.WAS, .SAVE{padding-left:0.8em;margin:0px 10px 0 0;display:block;float:left}
.WAS .VALUE{text-decoration:line-through}
.QTYBLOCK{margin:5% 0;text-transform:uppercase}
.QTYBLOCK .QTY{float:left;margin:7px 10px 0 0}
.QTYBLOCK .QTYACTIONS{float:left;margin:0 10px 0 0;}
.QTYBLOCK .delivery{clear:both;display:block;margin:0px 0 0}
.QTYBLOCK .stock{margin:7px 10px 0 0;display:block;float:left}
.QTYACTIONS input{width:50px;margin:0 0 0 2%}
.DETAILDELIVERY{margin:20px 0 0;text-transform:uppercase}
.DETAILDELIVERY span{font-weight:bold}

/*PRICE VARIANCE*/
#PRODACTIONS table{margin:20px 0 0}
#PRODACTIONS table thead{text-transform:uppercase}
#PRODACTIONS table thead tr{border-top:none}
#PRODACTIONS table tr{border-top:1px solid #dadada}
#PRODACTIONS table td{width:100px;height:30px;vertical-align:middle}

/*VARIENT PRODUCTS*/
#PRODACTIONS .variant{margin:10px 0}
#PRODACTIONS .variant li{margin:10px 0}
#PRODACTIONS .variant li .PVT{display:block;float:left;margin:0 10px 0 0;padding:3px 0}

.WISH{background:#000;color:#FFF;border:none;margin:0 5px}
.PRINTPAGE{background:#FFF;color:#666;border:1px solid #dadada}

.DETAILUSP{padding:10px 10px 10px 50px;border:1px solid #dadada;width:47.5%;float:left;box-sizing:border-box;height:55px;background:#FFF;position:relative}
.DETAILUSP p{text-transform:uppercase;font-size:0.7em}
.DETAILUSP1{margin:0 5% 0 0}
.DETAILUSP img{position:absolute;left:10px;top:12px;width:30px}

/*.DETAILUSP1:hover:after{content:'At Studiospares we are committed to giving you the best prices possible, if you have seen this product for less at a genuine dealer elsewhere please let us know and we will do our best to match or even beat it. Please call us on 020 8208 9930 and speak to our sales team today.';display:block;position:absolute;top:0;left:0;width:100%;background:#FFF;box-sizing:border-box;padding:18px;z-index:999;font-family:"futura-pt",sans-serif}*/
.DETAILUSP2:hover:after{content:'Free STANDARD Delivery on all Mainland GB orders over £99 (Inc VAT). *Exclusions apply for certain very heavy and bulky items including Esmono Booths, Rockwool, acoustic screens etc.';display:block;position:absolute;top:0;left:0;width:100%;background:#FFF;box-sizing:border-box;padding:18px;z-index:999;font-family:"futura-pt",sans-serif}

.PMCONTAINER{position:relative}
.WritePM a{position:absolute;width:100%;height:55px;left:0;right:0;bottom:0;top:0;background:none;text-indent:-99999px}

.PMFORM{width:400px}
.PMFORM fieldset{background:#FFF;padding:30px}

.PMFORM .relatedDataHeading{margin:0 0 20px 0;font-size:2em;text-transform:uppercase;font-weight:bold}
.PMFORM .relatedDataHeading span{color:#000}
.PMFORM .relatedDataHeading:after{content:'At Studiospares we are committed to giving you the best prices possible, if you have seen this product for less at a genuine dealer elsewhere please let us know and we will do our best to match or even beat it. Please complete and submit the form below.';display:block;width:100%;font-family:"futura-pt",sans-serif;font-size:1rem;text-transform:none;font-weight:normal;margin:10px 0}
.PMFORM .relatedDataElement label{display:block;width:100%;margin:0 0 5px 0}
.PMFORM .relatedDataElement input{width:100%;box-sizing:border-box;margin:0 0 10px 0}
.PMFORM textarea{width:100%;box-sizing:border-box}
.PMFORM .continueBTN{margin:10px 0 0}
#ctl00_cph1_closePriceMatchPopupButton.CLOSE{position:absolute;bottom:29px;right:30px;background:#000}

/* ICONS */ 

.polar, .recuse {padding:0 0 15px; border-bottom:1px solid #eee;margin-bottom:15px;}
.polar:after, .recuse:after {content:" ";clear:both;display:block;}
.polar span, .recuse span{display: block; width: 25px; height: 25px; float: left; margin: 5px; text-indent: -9999px;}
.polar .relatedDataHeading, .recuse .relatedDataHeading  {display:block;width:100%;clear:both;}
.polar .relatedDataHeading span, .recuse .relatedDataHeading span {width:100%;height:auto;float:none;text-indent:0;margin:10px 0;color: #000;display: block;padding: 15px 0 5px;font-size: 1.5em;font-weight: bold;text-transform: uppercase;}
.Conferences {background: url("../../g/icons/Conferences.jpg");}
.Reporting {background: url("../../g/icons/Reporting.jpg");}
.Speech {background: url("../../g/icons/Speech.jpg");}
.Theatre {background: url("../../g/icons/Theatre.jpg");}
.Videos {background: url("../../g/icons/Video.jpg");}
.Worship {background: url("../../g/icons/Worship.jpg");}
.subcardioid { background: url("../../g/icons/subcardioid.gif"); }
.Cardioid { background: url("../../g/icons/cardioid.gif");}
.Wide { background: url("../../g/icons/widecardioid.gif");}
.Super { background: url("../../g/icons/supercardioid.gif");}
.Sub { background: url("../../g/icons/subcardioid.gif");}
.Omni { background: url("../../g/icons/omni.gif");}
.Hyper { background: url("../../g/icons/hypercardioid.gif");}
.Hemispherical { background: url("../../g/icons/hemispherical.gif");}
.Long.Shotgun { background: url("../../g/icons/longshotgun.gif");}
.hemispherical { background: url("../../g/icons/hemispherical.gif");}
.Figure { background: url("../../g/icons/figure8.gif");}
.Amplifiers { background: url("../../g/icons/Amplifiers.jpg"); }
.Acoustic { background: url("../../g/icons/Acoustic.jpg");}
.Analysis { background: url("../../g/icons/Analysis.jpg");}
.Brass { background: url("../../g/icons/Brass.jpg");}
.DJs { background: url("../../g/icons/DJs.jpg");}
.Drums { background: url("../../g/icons/Drums.jpg");}
.Electric { background: url("../../g/icons/Electric.jpg");}
.Percussion { background: url("../../g/icons/Percussion.jpg");}
.Piano { background: url("../../g/icons/Piano.jpg");}
.Strings { background: url("../../g/icons/Strings.jpg");}
.Vocals { background: url("../../g/icons/Vocals.jpg");}
.Podcasting { background: url("../../g/icons/Podcasting.jpg");}
.Ear { background: url("../../g/icons/ear.gif");}
span.False {display:none!important;}

#rtabs span.techheading{font-weight:bold;margin:0 10px 0 0;width:auto;height:auto;text-indent:0;}
#rtabs .relatedDataElement img{max-width: 100%;}

/*CATALOGUE REVIEWS*/
span.RevHead{display:block;font-weight:bold;background: #444;color:#fff;padding:10px;margin:10px 0 0}
span.RevSnip{background:#f5f5f5;display:block;padding:15px 10px}
a.RevLink{display:block;margin:0 0 20px;text-decoration:underline;background:#f5f5f5;padding:0 10px 20px;overflow:hidden}

/*SUBMIT PRODUCT REVIEWS*/
div#ctl00_cph1_pD_ctrl0_productReviewExtender_backgroundElement{background:rgba(0,0,0,0.5)}
#submitProductReviewPanel .websiteFormRev{background:#fff;padding:10% 10% 25% 10%;width:80%;box-shadow:0px 0px 50px -10px #000}
#submitProductReviewPanel .websiteFormRev .relatedDataHeading{font-size:1.2em;text-transform:uppercase;font-weight:bold;margin:0 0 10px}
#submitProductReviewPanel .websiteFormRev .relatedDataElement label{float:left;clear:both;display:block;width:100%;margin:10px 0}
#submitProductReviewPanel .websiteFormRev textarea{width:93%;padding:3%;height:100px;margin:0 0 10px}
#submitProductReviewPanel a.CLOSE{position:absolute;bottom:10%;left:10%;background:#FFF;color:#707070;border:1px solid #c1c1c1}
#submitProductReviewPanel a.continueBTN{position:absolute;bottom:10%;right:10%}

/*PRODUCT REVIEWS*/
.readOnlyStarRating{float:left}
#reviewDate{float:left;margin:0 0 0 10px}
.ReviewerInfo{clear:both;padding:10px 0}
.AverageRating{float:left;margin:0 5px 0 0}
#newReview li{padding:20px 0 10px;border-bottom:1px solid #dadada}
#newReview li.first{padding:10 0 10px}
#newReview li:last-child{margin:0 0 20px 0}

/*PRODUCT VIDEOS*/
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height: 100%}

/*LINKED PRODUCTS*/
#LINKED{margin:40px 0}
#LINKED .INNER > h2{font-size:2em;margin:20px 0}
#LINKED .PRODACTIONS{display:none}
#LINKED li{width:24%;margin:1% 1.25% 1% 0}
#LINKED li:nth-child(4n){margin:1% 0}

/*COMPONENTS*/
.PRODGRID.COMPONENT li:nth-child(4n){margin:1% 0}
.PRODGRID.COMPONENT li{width:24%;margin:1% 1.25% 1% 0;box-sizing:border-box;padding:10px;border:1px solid #dadada;height:360px;position:relative}
.PRODGRID.COMPONENT li .PRODACTIONS{position:absolute;bottom:20px;left:20px}

/*===============================================================================================================
CONTACT US
===============================================================================================================*/

.ContactForm {width:50%;float:left;display:block;margin:20px 0;}
.ContactForm label {width:35%;display:inline-block;padding:5px 0;float:left;}
.ContactForm input {width:60%;display:inline-block;}
.ContactForm textarea {width:57%!important;min-height:100px;display:inline-block;}
.ContactForm .relatedDataHeading {display:none;}
.ContactForm .relatedDataElement {padding:5px 0;display:block;}

/*===============================================================================================================
FOOTER
===============================================================================================================*/
/*RECENTLY VIEWED*/
.RECENT{width:100%;margin:0 0 40px 0}
#RECENTINNER{background-color:white;position:relative;padding:20px 0 0}
.RECENT h3{display:block;padding:15px;height:20px;background:#FFF;position:absolute;top:-50px;font-size:1.8em;font-weight:bold;color:#000}
.RECENT .CLEARALL{display:block;padding:20px 20px 10px;height:20px;position:absolute;left:250px;top:-50px;font-size:1.2em}
.RECENT .CLEARALL span{font-weight:bold}
.RECENT .RECENTLIST li{width:15%;float:left;margin:0 2% 0 0;position:relative}
.RECENT .RECENTLIST li:last-child{margin:0}
.RECENT .RECENTLIST li .LISTIMG{display:block;width:100%;height:auto;text-align:center}
.RECENT .RECENTLIST li .LISTIMG img{width:91px}
.RECENT .RECENTLIST li .LISTDESC{display:none}
.RECENT .RECENTLIST li .PRICE{font-size:1.2em;display:block;margin:20px 0;padding-left:1.2em}
.RECENT .RECENTLIST li .PRICE span{font-size:0.6em}
.RECENT .RECENTLIST .OVERLAY{position:absolute;right:0;top:0;height:30px}

/*SOCIAL*/
.SOCIAL > .INNER{padding:30px 20px;border-top:3px solid #444;border-bottom:3px solid #444;box-sizing:border-box}
.SOCIAL h2{display:block;float:left;margin:6px 0 0 0;width:55%;font-size:1.8em;font-weight:bold;color:#000}
.SOCIAL input{display:block;float:left;width:80%;margin:0 5% 0 0;max-width:100%;padding:8px;text-transform:uppercase;box-sizing:border-box}
.SOCIAL .BTN{background:#000;color:#000;width:15%;height:20px;padding:18px 0;position:relative;overflow:hidden}
.SOCIAL .BTN:after{content:">";height:20px;width:20px;font-size:1.2em;position:absolute;top:30%;left:45%;color:#FFF}

/*NEWSLETTER*/
.FOOTNEWS .relatedDataHeading{display:none}
.FOOTNEWS{float:right;width:45%;position:relative;}
.FOOTNEWS .error {position:absolute;bottom:-20px;left:0}

/*BLOG FEED*/
.BLOGTOP{text-align:center;margin:20px 0}
.BLOGTOP img {width:100%;max-width:532px;}
.BLOGFEED{margin:40px 0 60px}
.BLOGFEED h2{width:100%;margin:0 0 35px 0;padding:0!important;text-align:center}
.BLOGFEED li{background:#FFF;float:left;width:30%;margin:0 5% 0 0;box-sizing:border-box;padding:20px;min-height:200px}
.BLOGFEED li:last-child{margin:0}
.BLOGFEED h4{margin:0 0 10px}
.BLOGFEED h4 a{color:#000;font-size:1.2em}
.BLOGFEED p{padding:10px 0 0}
/*.BLOGFEED p a:after{content:'READ MORE';display:block;margin:20px 0 0;background:#000;color: #FFF;padding: 5px;text-align:center;width:100px;border-radius:3px}*/

.FOOTTOP{padding:70px 0}
#FOOT{background:#000;border-top:3px solid #ED242E;padding:30px 0}

.FOOTERNAV{margin:0 0 30px 0;padding:0 0 20px 0;border-bottom:1px solid #444}
.COMPANYNAV,.CUSTOMERNAV{float:left;width:50%}
.COMPANYNAV h2 span,.CUSTOMERNAV h2 span{color:#FFF;font-size:1em;font-weight:bold;display:block;text-transform:uppercase;margin:0 0 25px}
.FOOTERNAV .PANELS{float:left;width:50%}
.FOOTERNAV li a{text-transform:uppercase;font-size:1.1em;background:url('assets/arrow.png')no-repeat 0 50%;padding:5px 0 5px 15px;display:block;color:#AAA}

#FOOTERLINKS{text-transform:uppercase;width:70%;float:left}
#FOOTCARDS{width:30%;float:left;position:relative;margin-bottom:10px;}
.FOOTCARDS img{position:absolute;right:0}

/*GEOTRUST SITESEAL*/
.FOOTCARDS table{margin:0;width:100%;}
.FOOTCARDS table img{width:auto;position:relative;margin:0 0 10px;float:right;}

/*===============================================================================================================
MEDIA QUERIES
===============================================================================================================*/
@media screen and (max-width: 1100px){
#cat2 .owl-prev{left:0}
#cat2 .owl-next{right:0}
}

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

/*RESPONSIVE LAYOUT*/
.COL2 #MAIN .L{width:100%;margin:0}
.COL2 #MAIN .C{width:100%}
#MAIN{width:94%;margin:0 3%;padding:0}
.INNER{width:94%;margin:0 3%;padding:0}
.HEADINNER{width:94%;margin:0 3%;padding:0}

/*HOMEPAGE SLIDER*/
.SLIDETEXTINNER{margin:0 3%;width:94%}

/*HOMEPAGE LAYOUT*/
.HOMEMAIN-INNER{width:94%;margin:3% auto}
.HOMEMID{font-size:80%}
.HOMEMID2 h2,.HOMEMID5 h2{margin:5% 0 0}
.LEAD-FINDER p{display:none}
.BLOGFEED li{width:100%;margin:10px 0!important;min-height:inherit}

/*HOMEPAGE TAB SLIDERS*/
#sync1{width:94%;margin:0 3%}
#sync2{width:94%;margin:20px 3%}
#sync2 .owl-prev{left:0}
#sync2 .owl-next{right:0}
#cat1{width:94%;margin:0 3%}
#cat2{width:94%;margin:20px 3%}


/*HEADER*/
.LOGO{position:static;float:left;width:30%;margin:0.8em 3% 0 0}
.LOGO img{max-width:100%}
.SEARCH{float:left;width:67%;margin:1.2em 0 0}
.SEARCH input{width:100%}
.MAINNAV{width:94%;margin:0 3%;padding:0}
.MAINNAV .sublvl{left:0px}
.MAINNAV .level1 a{font-size:1em}

#FACETPANEL{display:block}
.PRODGRID li{min-height:inherit}
.PRODGRID.SEARCHLIST li{min-height:inherit}
.PRODGRID li .PRODACTIONS{position:static}

/*DETAIL PAGE*/
.productdetail #MAIN .INNER{width:100%;margin:0}
#PRODIMG a.MagicZoomPlus{width:90%!important;min-width:inherit}
#PRODIMG a.MagicZoomPlus img{width:100%!important;min-width:inherit}
.MagicZoomBigImageCont{display:none}
.productdetail .resp-tab-content{padding:20px}
.DETAILUSP1, .DETAILUSP2{width:100%}
.DETAILUSP1{margin:0 0 10px 0}

/*CONTACT US*/
.ContactForm label {width:100%;box-sizing: border-box;}
.ContactForm input {width:100%;box-sizing: border-box;}
.ContactForm textarea {width:100%!important;box-sizing: border-box;}

}

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

.PRODGRID .LISTOVER{height:30px;}

.PHONEMOB{display:block;clear:both;padding:15px 0 0}
.MOBTEL,.MOBEMAIL{padding:10px;border-radius:3px;float:left;background:#FFF}
.MOBEMAIL{float:right}

#BASKET .Basket:before{display:none}

.PANELS{margin:0!important;padding:0!important}
.PANELTITLE{position:relative;margin:0!important;padding:20px 0!important}
.COLNAV .PANELS ul{margin:0}
.COLNAV ul a{padding:20px 0;border-top:1px solid #dadada;background:none;font-size:1.2em}
.COLNAV ul a.first{border-top:none}
a.MEGACATALOGUE{color:#666!important}

.PHONE,.WELCOMEMSG,.HEADSOCIAL, .HEADREVIEW {display:none}
#TOPBAR{height:50px;position:absolute;right:3%;z-index:1;width:50%;background:none}
#TOPBAR .INNER{width:100%;margin:0}
#MINIBASKET{position:relative;background:#ED242E url('assets/basketwhite1.png')no-repeat 30% 65%;background-size:40%;height:30px;width:30px;padding:10px;border-radius:0}
.BASKETLINK{display:block;width:50px;height:50px;position:absolute;top:0;left:0}
.ACCOUNTDROP{border:none}
.ACCOUNTDROP ul{width:148px}
.ACCOUNTDROP ul li a{padding:1em;border-top:1px solid #707070}
.ACCOUNTDROP ul li:first-child a{border:none}
.ACCOUNTBTN{background:#FFF url('assets/userblack.png')no-repeat 50% 60%;background-size:70%;height:50px;padding:0;width:50px;border-bottom:1px solid #AAA;text-indent:-9999px;box-sizing:border-box}
a.ACCOUNTBTN:after{display:none}
.CURRENCYDROP .CURRENCYBTN:after{top:11px}
.CURRENCYDROP .selected:after{top:14px}
#HEAD{border-top:3px solid #ED242E;padding:0}
.LOGO{width:45%;margin:0}
.LOGO a{padding:14px 0}
.SEARCH{width:100%;clear:both}
.SEARCH input{width:100%;padding:3%;box-sizing:border-box}
.productdetail .BREAD{padding:0;margin:0 0 12px;overflow:hidden;max-height:40px}

#MENUBUTTON{position:relative;display:block;width:50px;height:30px;padding:10px 0;text-align:center;background: #000 url('assets/menuwhite.png')no-repeat 50% 50%;background-size:65%;float:right}
#MAINNAV.hidden{height:0;overflow:hidden;transition:.5s ease;-webkit-transition:.5s ease;transform:translate3d(0,0,0);-webkit-transform:translate3d(0, 0, 0)}
#MAINNAV{height:302px;overflow:hidden;transition:.5s ease;-webkit-transition:.5s ease;transform:translate3d(0,0,0);-webkit-transform:translate3d(0, 0, 0)}


.MAINNAVOUTER{height:auto!important;background:url('assets/background.png');padding:0 0 20px 0}
#MAINNAV{width:94%;margin:0 3%}
.MAINNAV{width:100%;margin:0;padding:20px 0 0}
.MAINNAV li.level1{width:100%!important}
.MAINNAV li.level1 a{width:100%!important;padding:15px 0;text-align:center;width:100%;font-size:1.2em;text-align:left;padding:15px 0 15px 3%;background:#FFF;border-top:1px solid #EEE;color:#000}
.MAINNAV .sublvl{display:none!important}


.HOMEMID2,.HOMEMID5,.HOMEMID6{display:none}
.HOMEMID{width:100%!important;margin:5% 0 0!important;height:auto!important;padding:2%;font-size:75%}

#sync2 ul{width:100%}
#sync2 ul li {width:50%;margin:0;float:left;box-sizing:border-box;height:140px}
.BRAND{display:none}
#sync2 ul li .LISTIMG{height:100%}

#cat1 .item p{font-size:1.2em}

#cat2 ul{width:100%}
#cat2 ul li:nth-child(n+5){display:none}
#cat2 ul li {width:50%;margin:0;float:left;box-sizing:border-box;height:140px}
#cat2 ul li .LISTIMG{height:100%}
#cat2 li.FEATCAT .PRODRIGHT{width:61%;padding:0}
#cat2 li.FEATCAT .LISTIMG{width:34%;margin:0 5% 0 0}
#cat2 li.FEATCAT{min-height:inherit;padding:10px}
#cat2 li.FEATCAT .LISTIMG img{width:91px}

.RECENTLIST li:nth-child(n+5){display:none}
.RECENTLIST li{width:20%!important;margin:0 6.666% 0 0!important}
.RECENTLIST li:nth-child(4){margin:0!important}

.BANNERTEXT{width:100%;font-size:75%}

.LEAD-FINDER .CMR{width:100%;text-align:center}
.LEAD-FINDER select{width:55%;margin:10px 5% 0 0;height:38px}

.LEAD-FINDER a{width:40%;margin:10px 0 0}

/*DETAIL PAGE*/
.PRINTPAGE{display:none}


/*FOOTER SOCIAL REGION*/
.FOOTNEWS{width:100%}
.SOCIAL h2{padding:0 0 20px;width:100%;text-align:center}
.SOCIAL input{float:left;width:80%;margin:0 5% 0 0}


.FOOTERNAV .PANELS{width:100%}

#FOOTERLINKS{width:100%;float:none;text-align:center}
#FOOTCARDS {width:100%;float:none;text-align:center}
.FOOTCARDS img{width:50%;margin:20px 0;position:static}

.FOOTCARDS table img {float: none;margin: 15px 0 10px;}

#submitPriceMatchPanel{position:absolute!important;top:70%!important;overflow:auto}
.PMFORM{width:100%}

}

@media screen and (max-width: 700px){
    
/*HOMEPAGE CATEGORY BANNER*/
#cat1 .item{padding:20px 0}
#cat1 .item p{font-size:1em}
#cat1 .item p:before{opacity:0.2;height:45px!important;width:45px!important;background-size:110%!important;top:4px!important;left:35%!important}

.SLIDETEXTINNER{text-align:center}
.SLIDETEXTINNER h2{line-height:1em;font-size:2em}
.SLIDETEXTINNER p{line-height:1em;font-size:1.6em}

/*HIERARCHY LISTING*/
.HIERARCHYLIST li{width:100%;margin:2% 0!important}
.HIERARCHYLIST .LISTIMG{width:30%;margin:0 5% 0 0;float:left}
.HIERARCHYLIST .LISTDESC{padding:5% 0;float:left;width:65%}

/*PRODUCT LISTING*/
.PRODGRID li{width:100%;margin:0 0 3% 0;height:auto;min-height:inherit;padding:0}
#LINKED li{width:100%;margin:0 0 3% 0}
.PRODGRID li.endOfRow{margin:0 0 3% 0%}
.PRODGRID .LISTIMG{width:30%;margin:0 5% 0 0;float:left;overflow:visible;height:auto}
.PRODGRID .LISTDESC{padding:3% 0 0;float:left;width:65%;max-height:42px;overflow:hidden}
.PRODGRID .LISTPRICE{float:left;padding:3% 0;width:65%;}
.PRODGRID .LISTWAS {padding:0!important;}
.PRODGRID li .PRODACTIONS{display:none}
.PRODLIST li .PRODACTIONS{display:none}
.PRODLIST .LISTOVER{height:30%;}
.PRODGRID .ProductAction{display:none}
.PRODGRID .BTN.More{margin:0 0 0 3%;width:30%;float:left}
.PRODGRID .BTN.CompareAdd, .productlisting .LIST .BTN.CompareRemove{margin:0% 5% 0% 5%;width:55%;height:30px}
.LISTIMG:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.STOCKMESSAGE{display:none}

/*WISH LIST*/
.wishlist .PRODCONTENT{float:left;width:65%}
.wishlist .More{display:none}
.wishlist .ProductAction{width:90%;margin:0 0 10px 0}

/*PAGING*/
.COMPAREBTN{display:none}
.SHOWLIST, .SHOWGRID{display:none}
.VIEWPERPAGE{float:right;margin:0}
.PAGING{float:right;padding:5px 0;margin:10px 0}
.PAGESNUMB{clear:both;float:left;padding:5px 0;margin:10px 0}
.PAGINGTOP{height:60px}

/*PRODUCT COMPARISON*/
.productcomparison li.productRow{width:100%;margin:0 0 3% 0}

/*DETAIL PAGE*/
.DETAILTABSOUTER{margin:0 0 20px}
.DETAILLEFT{width:100%;margin:0 0 20px 0}
.DETAILRIGHT{width:100%;margin:0 0 20px 0}



/*VARIANT PRODUCTS*/
#PRODACTIONS .variant li .PVT{float:none;margin:0 0 5px 0}
#PRODACTIONS .variant li select{width:100%!important;max-width:inherit;height:40px}

.PRODGRID.COMPONENT li {width:100%;margin:1% 0;padding:10px;border:1px solid #dadada;height:auto}
.PRODGRID.COMPONENT li .PRODACTIONS{display:block;position:absolute;bottom:20px;right:20px;left:inherit}

/*FOOTER*/
.COMPANYNAV, .CUSTOMERNAV {width:100%}
.COMPANYNAV{margin:0 0 20px 0}
.COMPANYNAV h2 span, .CUSTOMERNAV h2 span{text-align:center}
.FOOTERNAV li a{text-align:center;background:none;border-bottom:1px solid #444;padding:12px 0}
.FOOTERNAV .PANEL1 li:first-child a{border-top:1px solid #444}
.FOOTERNAV{border:none;padding:0}


.ContactForm{width:100%}
.ContactForm label{width:100%}
.ContactForm input{width:100%}

}

@media screen and (max-width: 500px){
    
/*BANNER FIXES AW 30/30/16*/
.owl-carousel1{height:125px!important}
.owl-carousel1 .SLIDE{background-size:180%!important;background-repeat:no-repeat!important;height:125px!important}
    
.owl-carousel1{height:250px}
.SLIDE{height:250px}
.owl-carousel1 .owl-buttons{display:none!important}


.SLIDETEXTINNER h2{font-size:1.4em}
.SLIDETEXTINNER p{font-size:1.2em}

#sync2 ul li{width:100%;height:130px;float:none}

#cat1 .item p:before{left:30%!important}
#cat2 ul li{width:100%;height:130px}

.HOMEMID1,.HOMEMID2,.HOMEMID5,.HOMEMID6{display:none}
.HOMEMID{font-size:60%}
.HOMEMID h2{margin:2% 0 0}

#MultiNavigation .property{font-size:1.2em}
.COLNAV .PANELTITLE,.facetHeader label{font-size:1.2em}

.SOCIAL h2{font-size:1.8em}

.BLOGFEED p a:after{width:100%;clear:both}

.RECENT h3{font-size:1.2em;padding:20px 15px 10px 15px}
.RECENT .CLEARALL{right:0;left:inherit;font-size:1.2em}
.RECENTLIST li:nth-child(n+4){display:none}
.RECENTLIST li{width:30%!important;margin:0 5% 0 0!important}
.RECENTLIST li:nth-child(3){margin:0!important}

.FOOTCARDS img{width:100%}

}

/* Order Enquiry Detail amends 05/01/2016 */
.orderenquirydetail #MAIN {width:89%;}
.orderenquirydetail .GRID960 {background: #fff;padding: 10px!important;}
.orderenquirydetail #ORDERDETAIL {float: none;width: 100%;margin-bottom: 20px;}
.orderenquirydetail #TOTAL {background: transparent;width: 100%;margin: 10px 0;clear: both;}
.orderenquirydetail #BHeadings{margin-bottom: 20px;}
@media screen and (max-width: 700px) {
.orderenquirydetail .price {width: 20%;}
.orderenquirydetail .quantity {width: 20%;margin-top: 5px;}
}