/* ------------  CORE ELEMENTS CSS ------------  */

* {font-family: Roboto, Arial, sans-serif;}
body { background: #FFFFFF; margin:0; padding: 0; text-align:left;font-family: Arial, sans-serif;font-size: 10pt;color: #333333;}
p { color: #333333; margin:5px 0 10px 0; padding:0; line-height: 130%; }
a { color: #333333;}
a:hover { color:#CC0000;}
img { border: none;}
hr { border: 0; width: 100%; color: #FFFFFF; height: 1px; margin: 0 0 5px 0; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #FFFFFF; }
h1 { margin:0 0 10px 0; padding:0; font-weight: bold; font-size: 20pt; color: #003A7D; line-height: 100%;}
h2 { margin:0 0 10px 0; padding:0; font-weight: bold; font-size: 13pt; color: #003A7D;}
h3 { margin:0 0 5px 0; padding:0; font-weight: bold; font-size: 13pt; color: #333333;}
h4 { margin:0 0 5px 0; padding:0; font-weight: bold; font-size: 11pt; color: #333333;}
h5 { margin:5px 0 0 0; padding:0; font-weight: bold; font-size: 10pt; color: #333333;}
ul li { list-style-image: url(/content/1/skin/bullet_small.gif); padding: 0 0 5px 0;}
ol { margin:0 0 15px 25px; padding:0;}
ol li { padding: 0 0 5px 0; font-size: 1em;}
.bullet_list li { padding: 0 0 3px 0; line-height: 100%;}
textarea { font-size: 90%; }
.floatright {float:right;}
.floatleft {float:left;}
.clear {clear:both;}
.column {float:left; box-sizing:border-box; overflow:hidden;}
.colrow {clear: both; overflow:hidden;}
.col {float:left; box-sizing:border-box; overflow:hidden;}
.full {width:100%;}
.half {width:50%; }
.third {width:33.33%;}
.twothirds {width:66.66%;}
.quarter {width:25%;}
.threequarters {width:75%;}
.fifth {width:20%;}
.twofifths {width:40%;}
.threefifths {width:60%;}
.fourfifths {width:80%;}
.sevenths {width:14.28%;}
.row{clear:both;overflow:hidden; box-sizing:border-box;}
.column-inner{padding:10px; box-sizing:border-box;}
.column-inner-inset{margin:4%; padding:5%; box-sizing:border-box;}
.column-inner-inset-shop{margin:1% 4%; padding:0% 5%; box-sizing:border-box;}
.column-pad{padding:5px; box-sizing:border-box;}
.container {background: none;width: 1200px;margin:0 auto 0 auto;overflow: visible;}
.container-inner {padding:0; margin:0;}
.nothing{border-top: 0px #FFFFFF solid;border-left: 2px #FFFFFF solid;border-right: 2px #FFFFFF solid;border-bottom: 1px #FFFFFF solid;}
.hide {display:none;}
.show {display:block;}
/* ------------  HEADER ------------  */
.global-header {position:fixed; width: 100%; overflow:hidden;top: 0;z-index: 999999;}
.wide-head-top {padding: 4px 1px; color: #FFF;overflow:hidden;}
.wide-head-top .social-networking {width: auto; float: left;}
.wht-strapline {float: left;}
.narrow-head-top {display:none;width:98%;min-height:18px;padding:5px;}
.narrow-head-top .col{}
.narrow-head-top .col img{padding:5px 5px 0 5px;}
.narrow-head-top .col.one{float:left;}
.narrow-head-top .col.two{float:right;}

.mob-social-networking {display:none;}

.cust-addr {width:100%; background:#446CB3; min-height:15px; padding:3px 0; font-size:10px; text-align:center; color:#FFF;}
.cust-addr a{color:#FFF;}

#header {position:relative; height:135px; width:100%; background:#FFF; overflow:hidden;margin-top:33px;}
#head_left   {float:left; padding:0; margin:0; overflow:hidden; color:#333; width:33.33%;}
#head_center {float:left; padding:0; margin:0; overflow:hidden; color:#333; width:33.33%;}
#head_right  {float:right; padding:0; margin:0; overflow:hidden; color:#333; width:33.33%;}
#header_print {display:none;visibility:hidden;}

.logo {text-align: center; margin:0 auto; padding:20px 0 0 0;width:100%;}
.logo img{text-align: center; margin:0 auto;}

.head_links {width: auto;margin: 0 2px 0 0;text-align: right;position:relative;}
.head_links a {text-decoration:none;}
.head_buttons {padding:2px 0; width:auto; overflow:auto; box-sizing:border-box;}
.head_buttons .head_btn {float:right; margin:0 0 0 10px;}
.head_buttons a{padding: 0 5px;}
.head_cart {}
.head_caption {text-transform: uppercase;color:#000;letter-spacing: 2px;font-size: 90%;text-align:right;}
.head_customer_name {width:auto; padding:5px 0 0 0;}
.cart_summary {float: right;}
.cart_summary a {display:inline-block; padding:0; margin:0;}
.cart_summary a:hover {color:#FFF;text-decoration:none;}
.cart_text {}
.cart_count {}
.cart_link {float:left;padding:10px;}
.cart_link a {color:#FFF;}

.welcome {text-align: right;margin:-4px auto 0 auto;padding:3px 0;width:100%;font-weight:normal;color:#000;font-size:10px;right:12px;}
.welcome span {display:block;}

.itemadded{position:fixed;width:100%;height:100%;padding:25% 0 0 0;margin-top:0;background:#DFDFDF;border:none; font-weight:bold;font-size:9pt;color:#FFF;text-align:center;top:0;left:0;z-index:999999;box-sizing:border-box;opacity:0.9;}
.itemalert{position:fixed;width:250px;padding:20px;margin-top:0;margin-left:-150px;background:#F00;border:solid 2px #FFF;font-weight:bold;font-size:9pt;color:#FFF;text-align:center;top:35px;left:50%;z-index:99999;-moz-box-shadow:3px 3px 10px #888;-webkit-box-shadow:3px 3px 10px #888;box-shadow:3px 3px 10px #888}
#popalerttext {font-size: 13pt; font-weight:normal;}
.popup-panel { position:absolute; top:30px; left:0; width: 100%; padding: 0; box-sizing: border-box; margin: 0 auto; background-color: #FFF; text-align:center; z-index:999; display:none;}
.popup-panel-content {width:80%; padding:2%; margin:0 auto; box-sizing:border-box;}

/* ------------  TOP NAV ------------  */
#topnavbar { width:100%; height:auto; background:#EEEEEE; padding:0; z-index:99; }
.tnbar {position:relative;}
.fixtnbar {position:fixed; top:0px; left:0; width:100%; }
#topnavrow {position:relative; width:1024px; height:50px; text-align:center; }
ul.topnav  { margin:0; padding:0; z-index:999; float:none; width:auto; position:relative; background:#EEEEEE; display:block; overflow:hidden;}
ul.topnav li { margin:0; padding:0; list-style:none; float:left; font-weight:normal; font-size:11pt; height:50px; background:#EEEEEE; }
ul.topnav li:hover {background:#EEEEEE;}
ul.topnav li.last {border-right:none;}
ul.topnav li a { display:block; margin:0 1px 0 0; padding:16px 12px 18px 12px; font-size:11pt; font-weight:normal; color:#333333; text-align:center; text-decoration:none; position:relative; }
ul.topnav li a:hover {color:#333333; text-decoration:none;}
ul.topnav li.home {border-left:none;}
ul.topnav li.home a{}
ul.topnav li.home a:hover {}
ul.topnav li.fr {float:right;}

/* ------------  Hover intent sub menu ------------  */
ul.topnav li.hometab {margin:4px 130px 0 0; }
ul.topnav li.droptab a {padding-right: 15px; background: url(/content/1/skin/tnav_arrow.gif) no-repeat right 5px;}
ul.topnav li.droptab a:hover {background: url(/content/1/skin/tnav_arrow_over.gif) no-repeat right 5px;}
ul.topnav li ul.row {clear: both;float: left;width: 100%;margin-bottom: 10px; }

.tnsub{position:absolute;top:50px;left:0px;z-index:9999;background:#F4F4F4;padding:0;float:none;width:100%;text-align:left;overflow:auto;border:1px solid #CCCCCC;border-top:none;display:none}
.tnsub-inner{padding:20px 32px}
.tnsub .col{list-style:none;margin:0;padding:0;width:auto;float:left;background:none;width:25%}
.tnsub .col h2{padding:10px;margin:0 0 0 0;font-weight:normal;color:#CCC;text-align:left}
.tnsub .col h2 a{padding:0;margin:0;font-weight:normal;background:none;color:#CCC;text-align:left;text-shadow:none;text-transform:capitalize;text-decoration:none}
.tnsub .col h2 a:hover{color:#C00;text-decoration:none}
.tnsub ul{list-style:none;margin:0 0 20px 0;padding:0;width:100%;float:left}
.tnsub ul li{width:100%;height:auto;color:#444;border:none;text-align:left;padding:5px 0;margin:0;background:none;font-size:100%;list-style:none}
.tnsub ul li a{float:none;text-indent:0;height:auto;background:none;padding:1px 0 1px 5px;margin:0;display:block;text-decoration:none;font-size:100%;font-weight:normal;color:#444;text-align:left;text-shadow:none}
.tnsub ul li:hover,.tnsub ul li a:hover{color:#C00;text-decoration:none;background:none}
ul.topnav li.droptab .smenu{height:auto;margin:-3px 0 10px 0}
ul.topnav li.droptab .smenu a{float:left;text-indent:0;height:auto;background:url(/content/1/skin/dnav_arrow.gif) no-repeat 20px 7px;padding:3px 0 3px 28px;margin:0;display:block;text-decoration:none;color:#333;text-align:left;width:192px;font-size:85%}
ul.topnav li.droptab .smenu a:hover{background:none;color:#FFF;background:#C2272D url(/content/1/skin/dnav_arrow_over.gif) no-repeat 14px 9px}
a.nolink,ul.topnav li.droptab a.nolink:hover,ul.topnav li.droptab .smenu a.nolink:hover{text-decoration:none;cursor:pointer}
.tnsub .lev2{z-index:99991;background:#FFF;padding:10px}
.tnsub div.lev2 ul{float:left;margin:0 20px 0 0}
.tnsub div.lev2 li{margin:5px 0 0 0}
.tnsub div.lev2 li.drp{margin:5px 0 0 0;background:none}
.tnsub div.lev2 li:hover,.tnsub div.lev2 li.drp:hover{background:none}
.tnsub div.lev2 div.lev3{position:absolute;left:221px;margin:-23px 0 0 0;padding:5px;background:#EEE;display:none;border-top:2px solid #FFFFFF;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;-moz-box-shadow:4px 8px 10px rgba(50,50,50,0.5);-webkit-box-shadow:4px 8px 10px rgba(50,50,50,0.5);box-shadow:4px 8px 10px rgba(50,50,50,0.5)}
.tnsub div.lev2 div.lev3 li {margin:0;}
.tnsub div.lev2 .lev3 li a {font-size:10pt;padding:2px 5px;margin:0;}
.tnsub div.lev2 .lev4 li a {font-size:10pt;padding:2px 5px;margin:0;}

.dnsub {position: absolute;top: 50px; z-index: 9999; background: #ffffff; padding: 10px 20px; float: none; width: auto; text-align:left; border: 1px solid #FFF; border-top: none; -moz-box-shadow: 0px 5px 5px rgba(50,50,50,0.5); -webkit-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);  box-shadow: 0px 5px 5px rgba(50,50,50,0.5); display: none;
}
ul.dnsub, ul.dnsub li, ul.dnsub li a {float:none;background:#FFF;height:auto;padding:5px 0; text-align:left}
ul.dnsub li:hover, ul.dnsub li a:hover {background:#FFF;}

.opaque {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
	filter: alpha(opacity=0);					// second!
}

/* ------------  CUSTOM MENU ------------  */
.custom-menu {}
.custom-menu * a {cursor:pointer;}
.custom-menu-link {display:block;padding:5px 0;margin:2px 0; border-bottom:solid 1px #CCC;}
.custom-menu-box {padding:10px;border:solid 1px #CCC;}

/* ------------  PAGE AREA ------------  */
.headerlinkbar {border-bottom: 1px solid #E7E7E7;  width:100%; }
.headerlinkbar ul { margin: 0 auto; padding: 8px 0; list-style: none; display: table; width:100%; }
.headerlinkbar li { font-size: 9pt; line-height: 13pt; display: table-cell; border-left: 1px solid #E7E7E7; padding: 0; color: #999999; min-width: 185px;}
.headerlinkbar ul li:first-child { border-left: 0 none;}
.headerlinkbar li a {color: #999999; display: block; padding: 0 16px 0 50px;}
.headerlinkbar li.hlb-gen a {padding: 0;}
.headerlinkbar li.hlb-gen {text-align: left; padding-left:45px;}
.hlb-del {background: url(/content/1/skin/icon-del.png) no-repeat 10px top;}
.hlb-low {background: url(/content/1/skin/icon-low.png) no-repeat 10px top;}
.hlb-fre {background: url(/content/1/skin/icon-fre.png) no-repeat 10px top;}
.hlb-vat {background: url(/content/1/skin/icon-vat.png) no-repeat 10px top;}
.hlb-dis {background: url(/content/1/skin/icon-dis.png) no-repeat 10px top;}
.hlb-txt {background: url(/content/1/skin/icon-txt.png) no-repeat 10px top;}
.hlb-qlt {background: url(/content/1/skin/icon-qlt.png) no-repeat 10px top;}
.hlb-cut {background: url(/content/1/skin/icon-cut.png) no-repeat 10px top;}
.hlb-inf {background: url(/content/1/skin/icon-inf.png) no-repeat 10px top;}
.hlb-abt {background: url(/content/1/skin/icon-abt.png) no-repeat 10px top;}
.hlb-cal {background: url(/content/1/skin/icon-cal.png) no-repeat 10px top;}
.hlb-fit {background: url(/content/1/skin/icon-fit.png) no-repeat 10px top;}

#pagearea{width:1024px;min-height:130px;height:auto !important;text-align:left;background:#FFF;display:inline-block;padding:8px 0 0 0}
#pagearea_full{width:1024px;min-height:130px;height:auto !important;text-align:left;background:#FFF;padding:8px 0 0 0}
#pagearea:after {content:''; display:block; clear:both;}
/* ------------  SEARCH ------------  */
.searchbox{background:none;margin:10px 0 0 0; width:auto;}
.searchbox form{margin:0;padding:0}
.searchbox h5{font-weight:bold;font-size:13pt;color:#333;margin:0;padding:0 0 3px 0}
.searchbox .txt_search{width:79%;padding:3px;font-size:11pt;float:left;}
.searchbox .btn_search{font-size:11pt;float:right;}
.searchbox .btn_search:hover{}

.btn_small{font-size:10px;padding:0px}
.closenav{display:inline-block;color:#FFF;text-decoration:none;font-weight:normal;font-size:11pt;line-height:11pt;padding:2px 4px 0px 4px;margin:0 5px 0 0;background:#666;position:relative;-webkit-appearance:none;float:right;cursor:pointer}
.closenav:hover{background:#446CB3}
.mob-menu .searchbox{display:none}

/* ------------ SIDE NAV ------------  */
#sidenav {clear:both; float: left;text-align:left;padding:0 0 5px 0;margin:0 10px 20px 0px; width:190px;}
.sidenavlinks{clear:left;background:#EEE}
.sidenavlinks .head{width:185px;background:#EEE;font-size:9pt;text-transform:capitalize;line-height:22px;font-weight:bold;color:#333;padding:0 0 0 5px;margin:0;border-top:1px solid #FFFFFF;border-bottom:1px solid #CCCCCC;text-align:left;cursor:pointer}
.sidenavlinks .head:hover {  background: #FFFFFF;  }
.sidenavlinks .head a {color:#333333;text-decoration: none;}
.sidenavlinks .head a:hover {color:#CC0000;text-decoration: none;}
.sidenavlinks ul {margin:0;padding:0;}
.sidenavlinks li {list-style-image:none;list-style:none;}
.sidenavlinks li a {text-decoration:none;}
.sidenavlinks li a:hover {color:#CC0000;text-decoration: none;}
.sidenavlinks ul.sub {padding:0 0 10px 0;display:none;background:#E0E0E0;}
.sidenavlinks ul.sub li {padding:2px 0 0 10px;text-transform:capitalize;font-size:9pt;}

.nav-cat{clear:left;background:#EEE}
.nav-cat .head{width:185px;background:#EEE;font-size:9pt;text-transform:capitalize;line-height:22px;font-weight:bold;color:#333;padding:0 0 0 5px;margin:0;border-top:1px solid #FFFFFF;border-bottom:1px solid #CCCCCC;text-align:left;cursor:pointer}
.nav-cat .head:hover {  background: #FFFFFF;  }
.nav-cat .head a {color:#333333;text-decoration: none;}
.nav-cat .head a:hover {color:#CC0000;text-decoration: none;}
.nav-cat ul {margin:0;padding:0;}
.nav-cat li {list-style-image:none;list-style:none;text-transform:capitalize; padding:10px; margin:1px; border-top:2px solid #FFF;}
.nav-cat li a {text-decoration:none;}
.nav-cat li a:hover {color:#CC0000;text-decoration: none;}
.nav-cat ul.sub {padding:0 0 10px 0;display:none;background:#E0E0E0;}
.nav-cat ul.sub li {padding:2px 0 0 10px;text-transform:capitalize;font-size:9pt;}

.separator { height: 1px; overflow: hidden; font-size: 1%; border: none; margin: 5px 0 0 0; }

/* ------------ SIDE GLOBAL ------------ */
.global_left,.global_right{clear:both;width:166px;padding:10px 10px 10px 15px}
#globalfooter{width:100%; overflow:visible;background:#FFF;box-sizing:border-box;}
.global_footer{width:auto;background:#FFF;padding:20px 0;margin-top:0px;border-top:solid 1px #CCCCCC;box-sizing:border-box;}
.ftlogo{float:left;margin:0;padding:0}
.ftlogo img{width:80%;-moz-opacity:0.4;-webkit-opacity:0.4;filter: alpha(opacity=40)}

/* ------------ CONTENT ------------ */
#hero{float:left;margin:0 0 10px 9px}
#pagehero{position:relative;float:none;background:#EEE;margin:0 0 10px 0;width:100%}

/* ------------ SLIDESHOW ------------ */
#slideshow{position:relative;height:350px;padding:10px}
#slideshow IMG{width:1025px;height:350px}
#slideshow DIV{position:absolute;top:0;left:0;z-index:8;opacity:0.0}
#slideshow DIV.active{z-index:10;opacity:1.0}
#slideshow DIV.last-active{z-index:9}

#content{float:left;text-align:left;padding:0 0 5px 0;margin:0 5px 0 0;width:100%}
#popup_content{width:420px;background:#FFF;text-align:left;padding:20px}
#content_centre{width:50%;float:left;margin:0;padding:0}
#content_left{width:25%;float:left;padding:0;margin:0}
#content_right{width:25%;float:right;padding:0;margin:0}
#content_twocoll,#content_twocolr{width:75%;float:left;margin:0;padding:0}
#content_threecol{width:100%;float:left;margin:0;padding:0}
.content-inner{padding:10px; position:relative;}
/* ------------ HERO ------------ */
.hero-header { margin: 0; padding: 14% 20%; text-align: center; background-repeat: no-repeat; background-size: cover; background-color: #8C8C8C; color: #FFF; }
.hero-header::before { content: ""; position: absolute; top: 0px;right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.45);}
.hero-header-content {}
.hero-header-content p,.hero-header-content h1, .hero-header-content h2, .hero-header-content * {color:#FFF; position:relative;}
/* ------------ TABLES ------------ */
.tablebox{background:#FFF;padding:1px;border-right:1px Solid #CCCCCC;border-bottom:1px Solid #CCCCCC;margin:5px 0 5px 0}
.tablebox td{color:#000;background:#EEE}
.tablebox td form{float:right;margin:0;padding:0}
.tablebox .rowbgdark td,.tablebox .rowbglight td, .tablebox .rowbglighter td, .tablebox .rowbgmid td {padding:10px;}
.tableheads td{font-size:75%;color:#CCC;font-weight:bold;text-transform:uppercase;background:#EEE;padding:5px}
.tableform{background:#FFF;border:1px solid #999999;margin:5px 0 5px 0}
.tableboxtotals{background:#EDE4CB;border:1px solid #999999}
.rowbgdark{color:#000;background:#E8DBBB}
.rowbglight{color:#000;background:#EFEFEF}
.rowbglighter{color:#000;background:#FAFAFA}
.rowbgmid{color:#000;background:#EDE4CB}
.sectors td{font-size:70%;vertical-align:top;text-align:left;padding-right:20px}
td.captcha img{border:solid 1px #999999}

.home_table{border-top:solid 1px #CCCCCC;margin:15px 0 0 0}
.home_table tr{}
.home_table td{padding:5px 0 5px 0;border-bottom:solid 1px #CCCCCC}
.home_table .head{font-size:13pt;font-weight:bold}
.home_table .head a,.home_table .head a:hover{text-decoration:none}

.acc-orders .tablebox td {width:14.25%;}

/* ------------ GENERAL STYLES ------------ */
.clear{float:none;clear:both;font-size:10%}
.pad{padding:5px}
.space-top{clear:both;margin:10px 0 0 0;}
.space-bottom{clear:both;margin:0 0 10px 0;}
div.alert{background:#c7e6ff;position:relative;border:solid 1px #2196f3;padding:15px; border-radius:3px; margin:20px 0;}
div.alert h5{font-size:13pt;color:#C00;font-weight:bold;margin:0;padding:0}
p.alert,span.alert{color:#C00;font-weight:bold}
.indent{margin:5px 0 0 10px}
.center{text-align:center}
.strapline{font-weight:normal;font-size:13pt;font-style:italic;color:#F90}
.intro{font-size:12pt;font-weight:bold;color:#666}
.boxout{width:155px;text-align:center}
.boxout h4{font-size:12pt;color:#006766}
.boxout h4 a{font-size:12pt;color:#006766;text-decoration:none}
.boxout h4 a:hover{text-decoration:none;color:#C00}
.registered_trade {border:solid 1px #CCC; border-radius: 5px; background: #FFF; padding:20px;margin: 20px 5px;font-size:13pt;font-weight:bold;}
.fitwidth{max-width:100%}
/* ------------  BOX PANELS ------------ */
.homepagepanel{font-size:12px;color:#000;background:#666;border:1px solid #999999}
.homepanels{clear:both;text-align:center;display:block;width:100%;border:none}
.homepanel{float:left;width:30%;text-align:center;padding:5px;background:#FFF;border:solid 1px #CCCCCC;position:relative;margin:3px;height:240px;overflow:hidden}
.homepanel * a,#presslinks h5 a{text-decoration:none}
.homepanel h2{font-size:10pt;font-weight:bold;margin:0;padding:0}
.homepanel .image{width:100%;height:140px}
.homepanel .image img{height:100%;width:auto;max-width:140px}
.homepanel p{margin:0;padding:5px;font-size:10pt;line-height:12pt}
.homepanel p .button{font-size:10pt;line-height:10pt;padding:6px 10px}
.pagepanel {width:auto; position:relative; background:#EFEFEF; padding:20px; margin:20px 0; border-radius:5px;}

.pgpanel {width:auto; position:relative; background:#EFEFEF; padding:0px; margin:20px; box-sizing:border-box; overflow:hidden;}
.pgpanel-head {width:100%; background:#333333; padding:10px 0; margin:0; color:#FFF; text-align:center; font-size:14pt; text-transform: uppercase;}
.pgpanel-inner {width:auto; background:#EFEFEF; padding:10px 0px; margin:0; }
.pgpanel-block {width:auto; background-color:rgba(20,20,20,0.6); padding:20px; margin:20px 10px; border-radius:5px; color:#FFF; text-align:center; font-size:12pt;}
.pgpanel-btn {width:auto; background:none; padding:10px; margin:10px; text-align:center;}
.pgpanel-bgimage{ background-position: center center; background-repeat: no-repeat; background-size: cover;}

.panel{width:auto;background:#FFF;position:relative;border-radius:7px;vertical-align:top}
.panelhead{width:auto;height:22px;text-align:center;padding:5px 0 0 0;margin:0 0 1px 0;background:#F90}
.panelhead a{font-size:110%;font-weight:normal;color:#FFF;text-decoration:none}
.panelbox{background:#CCC;text-align:center;margin:0 0 8px 0}
.panelbox p{padding:0 3px 0 3px;margin:3px 0 3px 0}

.slidepanel{padding:10px;color:#EEE;position:relative}
.slidepanel h1,.slidepanel h2,.slidepanel h3,.slidepanel h4,.slidepanel h5,.slidepanel h6{color:#EEE;padding:0;margin:0}
.slidepanel a,.slidepanel a:hover{color:#EEE}
.slidepanel p{color:#EEE;padding:5px 0;margin:0}
.inline_photo{float:right;margin:5px 0 15px 15px;padding:2px;background:#FFF;border:solid 1px #CCCCCC}

#presslinks .logopanel{background:#ECECEC;width:561px;height:28px;padding:4px}
#presslinks img{float:left;margin:0 20px 10px 0;padding:0}
#presslinks h4{margin:4px 0 0 0;padding:0;color:#B5B5B5;font-size:12px;text-transform:uppercase}
#presslinks p{margin:0;padding:0}
#presslinks h5{clear:both;font-size:12px;color:#000;margin:10px 0 0 0;padding:0}
#presslinks h5 a:hover{text-decoration:none;color:#C00}
#presslinks .pressurl a{font-size:10px;color:#999}
#presslinks hr{border:0;width:100%;color:#CCC;height:1px;margin:10px 0 0 0;border-top:solid 1px #CCCCCC}



/* ------------ FORM BOX ------------ */
input[type="text"], input[type="password"], textarea, select {border: 1px solid #CCC; border-radius: 3px; padding: 8px; background: #FFF; box-sizing: border-box;}

.fm-label {clear:left;float:left;width:110px;padding:3px 0 0 0;}
.fm-input {float:left;width:200px;}
.fm-input input.txt{width:195px;}
.fm-rowhead {clear:left;width:100%;padding:10px 0;text-align:left;}
.fm-row {clear:left; margin: 3px 0;}
.fm-row.space {margin: 5px 0;min-height:10px;}
.fm-row.g-captcha {margin: 5px 0;min-height:80px;}
.g-recaptcha {float:left;}
.fm-box {text-align:left;}
.fm-box label {float:none;padding:5px 0;text-align:left;display:inline-block;font-size:90%;color:#555;width:100%;}
.fm-box select,.fm-box [type="text"],.fm-box [type="password"],.fm-box textarea {border:1px solid #CCC;border-radius:3px;padding: 8px; background:#FFF;width:auto;min-width:60%;box-sizing: border-box;}
.fm-box [type="text"].alert,.fm-box [type="password"].alert,.fm-box textarea.alert {background:#FFE1F3;border: 1px solid #FF4DC9;}
.fm-box .fn {font-weight:normal;}
.fm-box.log {margin:20px;}
.fm-box.log label {clear:left;float:none;width:120px;padding:3px 10px 0 0;text-align:left;}
.fm-box .column-half label {width: 90%;}
.fm-box .column-half select,.fm-box .column-half [type="text"],.fm-box .column-half [type="password"],.fm-box .column-half textarea {width:90%;}

.fm-inputbox {border: solid 1px #CCC;border-radius: 3px;width: 90%;box-sizing: border-box;}
.fm-inputbox input[type="text"], .fm-inputbox select, .fm-inputbox textarea, .fm-inputbox input[type="password"] {border:none;width:90%;}
.fm-box-info {float:right;width:24px;height:24px;margin:4px 4px 0 0;}
.fm-box-info img{width:100%;}
.fm-box-info i {font-size:15pt; color:#999;}
.fm-box-info i:hover {font-size:15pt; color:#5C145E;}
.fm-quantity, input.fm-quantity, .qty {padding:5px !important;}
#catlist .prodQty {padding:4px;width:50px;}

.sectors td {font-size:85%;}
input.alert, select.alert, textarea.alert {background:#FFE1F3; border: 1px solid #FF4DC9;}
.selectbox.alert {background:none; border: none; padding:0;}
.selectbox.alert input {background:#FFE1F3; border: 1px solid #FF4DC9;}
.selectbox.alert select {background:#FFE1F3; border: 1px solid #FF4DC9;}
.selectbox.alert textarea {background:#FFE1F3; border: 1px solid #FF4DC9;}
select.selectbox.alert {background:#FFE1F3; border: 1px solid #FF4DC9;}
.alert select.select-box {background:#FFE1F3; border: 1px solid #FF4DC9;}
input.select-box.alert, select.select-box.alert, textarea.select-box.alert {background:#FFE1F3; border: 1px solid #FF4DC9;}
.reps-form {}
.reps-form input, .reps-form select{font-size:14pt;}
.form-input {padding:5px;background:#FFF;border: solid 1px #999; border-radius: 3px;}
.checkbox-tick{width:25px;margin:5px 10px 0 0;position:relative}
.checkbox-tick label{cursor:pointer;position:absolute;width:25px;height:25px;top:0;left:0;background:#eee;border:1px solid #ddd}
.checkbox-tick label:after{opacity:0.2;content:'';position:absolute;width:9px;height:5px;background:transparent;top:6px;left:7px;border:3px solid #333;border-top:none;border-right:none;transform:rotate(-45deg)}
.checkbox-tick label:hover::after {opacity: 0.5;}
.checkbox-tick input[type=checkbox]:checked + label:after {	opacity: 1;border:3px solid #00B83D;border-top:none;border-right:none;transform:rotate(-45deg)}
.checkbox-label {float: left; margin: -10px 0 0 40px;}

/* ------------ PRODUCTS ------------  */
#productlist{margin:10px 0 0 0;padding:0;height:auto;list-style:none;text-align:left;border-top:1px dotted #CCCCCC}
#productlist ul{margin:0;padding:0;list-style:none;border-top:solid 1px #CCCCCC}
#productlist li{margin:0 8px 0 0;padding:5px 0 0 0;list-style:none;border-bottom:solid 1px #CCCCCC;list-style:none}
#productlist img{margin:0;padding:0 10px 0 0;width:100px}
.info{font-size:80%;background:#FFF;padding:5px 10px;margin:0 10px 0 0;border:solid 1px #CCCCCC;position:relative;border-radius:9px}
.info h4{padding:3px 0 3px 3px;margin:0;border-bottom:solid 1px #CCCCCC;color:#CCC}
.info.payment-panel{text-align:center;margin-bottom:20px;}
.outerinfo{padding:0 0 10px 0}
#productlist .info p{margin:0;padding:0 0 3px 0}
#productlist .pname{font-size:13pt;font-weight:bold;color:#000}
#productlist .pname a{font-size:13pt;font-weight:bold;color:#333;text-decoration:none}
#productlist .pname a:hover{color:#C00;text-decoration:none}
.pricepanel{text-align:center}
.pricepanel p{margin:0;padding:5px 0 0 0}
.pricepanel .price{font-weight:bold;font-size:12px;color:#000;margin:0;padding:10px 0 10px 0}
.pricepanel .smallprice{font-weight:normal;font-size:10px;color:#666;margin:0;padding:0}
.pricepanel input{margin:0}
.plist p{padding:0 10px 0 0}
.plist td{padding:0;border-bottom:dotted 1px #CCCCCC}
.ltr {text-decoration:line-through;}
.prodUnitofStock{font-size:10pt;color:#999;}
.prodUnitofStock span{font-weight:bold;}
.prodUnitofStock .label {color:#999;}
.prodUnitofStock .data {color:#444;}
.prodPriceWas {color:#666666;} 
.list-view-buttons {float:right; width:auto; position:absolute; right:0;}
.list-view-buttons i {color: #999999; font-size: 22pt; margin: 0 5px; cursor:pointer;}
img.toggleView {float:right; width:25px; margin:0 5px; cursor:pointer;}
img.fullwidth{width:100%; max-width:100%;}
.column-photo {width:100%; margin-bottom:10px;}
.column-photo img {width:100%; max-width:100%;}
figure.column-photo img {width:100%; max-width:100%;}
/*  ------------ SUB LIST  ------------ */
.sublist {display:none;}
.sublist {font-size:10px;color:#555;padding-left:5px;}
.sublist .div {color:#999;}
.sublist a {text-decoration:none;color:#555;}
.sublist a:hover {text-decoration:none;color:#CC0000;}

/*  ------------ CAT LIST  ------------ */
.cat-header {float:none; overflow:auto;  margin:15px 0 0 0;}
.cat-photo {float:none; width:100%; margin:0 0 20px 0; text-align:center; overflow:hidden;}
.cat-photo img{margin:0 auto; text-align:center; max-width:100%; max-height:270px;}
.cat-desc {font-size:10pt; margin:15px 0 0 0;}
.cat-desc p{font-size:10pt;}
.cat-desc li, .cat-desc li a{font-size:10pt;}

#catlist {margin:10px 0 0 0;height:auto;}
#catlist .pageing {background:#CCCCCC;height:17px;padding:5px;font-size:10px;color:#666666;}
#catlist .pageing .pagingnav {float:right;margin:-3px 0 0 0;}
#catlist .pageing form {padding:0;}
#catlist .pageing input {font-size:12px;font-weight:bold;}

/*  ------------ PROD LIST  ------------ */
.cat-list  {overflow:auto;margin:0 0 20px 0;}

.cat-list-categories .cat-photo-sub {float:none; width:100%;height:175px;margin: 0 0 10px 0;text-align:center;overflow:hidden;}
.cat-list-categories .cat-photo-sub img{ max-height:100%; max-width:100%; margin: 0 auto;}
.cat-list-categories ul {width:100%;float:none;margin: 0 0 20px 0; padding:0; text-align:center;border:none;}
.cat-list-categories li {float:left;width:25%; height:250px; display:inline-block;text-align:center;vertical-align:top;overflow:hidden;box-sizing:border-box; padding:0; margin:0; list-style:none;}
.cat-list-categories li .cat-item {width:98%; height:240px; background:#FFF; border:solid 1px #CCCCCC; padding:10px; margin-bottom:5px; box-sizing:border-box; }
.cat-list-categories li .cat-item h4 {border:none; color:#000; background:none; font-size:10pt;}

.cat-list form {padding:0;margin:0;display:inline;}
.cat-list .prodListItems {float:left; width:100%; overflow:auto;}
.cat-list .prodListItem {float:left; width:25%; height:520px; margin:0 0 5px 0;}
.cat-list .prodListbox {width:98%; height:520px; background:#FFF;border:solid 1px #CCCCCC;padding:10px;box-sizing:border-box;}
.cat-list .prodImgHd {width:40px;}
.cat-list .prodData {}
.cat-list .prodButton .button {width:100%;font-size: 95%;}
.cat-list .prodSku {width:100%; padding: 0;font-size:10px;color:#777; display:none;}
.cat-list .prodSku .label{}
.cat-list .prodSku .data{width:100%;font-weight:normal;font-size:10px;}
.cat-list .prodSku .data a{text-decoration:none;}
.cat-list .prodImg {width:100%; height:160px;margin:0 0 5px 0;text-align:center;overflow:hidden; position:relative;}
.cat-list .prodImg img{width:auto; height:auto; max-width:100%; max-height:100%; margin: 0 auto;}
.cat-list .prodInfo {width:100%; height:230px;padding: 0; }
.cat-list .prodInfo p {margin:0 0 0 0;padding:5px 0 0 0;line-height:12px;}
.cat-list .prodInfo p a {text-decoration:none;color:#CCCCCC;}
.cat-list .prodInfo p a:hover {text-decoration:none;color:#CC0000;}
.cat-list .prodInfo .prodTitle {height:60px; font-size:10pt;font-weight:bold; color:#CCCCCC;}
.cat-list .prodInfo .prodText {height:185px; font-size:90%;color:#000000; overflow:hidden; line-height:1.25em; text-align:left;}
.cat-list .prodPrice {position:relative;width:100%;height:40px;font-size:10pt;color:#000000;text-align:center; }
.cat-list .prodPack {width:100%;font-size:10px;color:#333; height:24px;margin:0 0 5px 0; }
.cat-list .prodStock {width:100%;font-size:10px;color:#CC0000; height:15px;margin:5px 0 5px 0; }
.cat-list .prodStock span{font-weight:bold;font-size: 11px;}
.cat-list .prodTax {width:50px;font-size:10pt;color:#000000; }
.cat-list .prodPriceNorm {width:100%;font-size:16px;font-weight:bold;}
.cat-list .prodPriceWas {width:48%;float:left;margin:0 5px 0 0;font-size:16px;font-weight:normal;color:#666666;}
.cat-list .prodPriceWas .ltr {text-decoration:line-through;}
.cat-list .prodPriceNow {width:48%;float:left;font-size:16px;font-weight:bold;color:#CC0000;}
/*.cat-list .overlay-special {position:absolute;bottom:385px;right:0px;background:url(/content/1/skin/overlay-special.png) right top;width:70px; height:70px;}*/
.cat-list .special-offer-title {font-size:12pt;font-weight:700;color:#CC0000;}
.cat-list .overlay-special {}
.cat-list .prodPromo {display:none;}
.cat-list .ppvat {font-size:10px;text-decoration:none;color:#000;font-weight:normal;}
.cat-list .prodQty  {width: 30px; font-size: 10pt; color: #000000; padding: 1px 3px 4px 3px; border-radius:3px;}
.cat-list .prodQty input {float:left;display:inline;}
.cat-list .prodBuy { width: 100%; margin:0 auto; text-align:center;}
.cat-list .prodBuy-inner { width: auto; margin:0 auto; }
.cat-list .prodButton  {width:100%;display:none;}
.cat-list .prodButton .button {font-size:85%;}
.cat-list .poa  {display:none;text-align:center;display:block;font-weight:bold;}
.prod-hasquantitybreaks {display:block;width:100%;font-weight:bold;font-size:80%;text-align:center;color:#CC0000;}
/*  ------------ PRODUCT GROUPS  ------------ */
.groupheader {padding: 20px;}
.groupheader h1 {padding:0 0 5px 0; margin:0; font-size: 24pt; font-weight: normal; color:#FFFFFF; text-shadow: 2px 2px 2px #5986C7;}
.groupheader h2 {padding:0 0 0 0; margin:0; font-size: 14pt; font-weight: normal; color:#FFFFFF;}

/*  ------------ PRODUCT DETAILS  ------------ */
.ppPanel {}
.productdetail {margin:5px 0 0 10px;width:auto;}
.productimg {float:left;width:25%;margin:0;}
.productimg img{width: 100%; max-width: 270px;height: auto;max-height: 800px;}
.productdetail .prodName, .productdetail h1.prodName {font-size:18pt;font-weight:600;}
.productdetail .prodInfo {float:right; width:75%; margin:0;}
.productdetail .prodInfo .tabbed {padding:0 10px 10px 10px;}
.productdetail .parentSku {font-size:10pt;color:#999; text-transform:uppercase;}
.productdetail .prodSku {font-size:10pt;color:#999; margin:10px 0;}
.productdetail .prodDetails {margin:0 0 10px 0;}
.productdetail .prodUnitofstock {margin:10px 0;}
.productdetail .prodColour {margin:10px 0;}
.productdetail .prodSize {margin:10px 0;}
.productdetail .label {font-weight:normal;}
.productdetail .data {font-weight:bold;}
.productdetail .prodDetails p{font-size:11pt;line-height:13pt;margin:0;padding:3px 0;}
.productdetail .prodDesc {}
.productdetail .prodColour {}
.productdetail .prodSize {}
.productdetail .prodPack {}
.productdetail .pvat {font-size:10px; color:#999;}
.productdetail .prodSuplogo { clear:left; float:none; overflow:hidden; margin:0; text-align:center;}
.productdetail .prodSuplogo img{ width:170px; margin:0 auto; text-align:center;}
.productdetail .special-offer-title {font-size:12pt;font-weight:700;color:#E00000;}
.productdetail .price-was {font-size:12pt; color:#777777;}
.productdetail .price-now {font-weight:700; color:#E00000;}

.productimg .mainphoto {box-sizing:border-box; text-align:center; position:relative;}
.productimg .altImages {width:100%; margin-top:15px; box-sizing:border-box; text-align:center;}
.productimg .altimage {display:inline; width:33.33%; margin:0 3px; padding:0; text-align:center; box-sizing:border-box;}
.productimg .altimage img {width: 100%; max-width:80px; max-height:80px; border:none; box-sizing:border-box;}
.productimg .altGallery {display:none;}
.mainphoto-overlay {position:absolute; width:100%; box-sizing:border-box; text-align:center; z-index:5;}
.overlay-inner {width:100%; padding:10px; margin:0 auto; text-align:center; background:#CC0000; color:#FFFFFF; font-weight:bold; box-sizing:border-box; opacity:0.9;}
#productbutton {margin:0 30% 0 30%;padding:0;}

.price_was {font-size: 12px; color: #777777;}
.price_now {font-size: 13pt;font-weight: bold;color: #E00000;margin: 0;padding:0;}
.price-now .title {text-transform:uppercase;}
.price-was .title {text-transform:captialize; font-weight:300;}
.pricebig {font-size: 13pt;font-weight: bold;color: #000000;margin: 0;padding:0 0 5px 0;}
.price-rrp {font-size: 11pt;font-weight: normal;color: #000000;margin: 0;padding:0 0 5px 0;}

.specshead {font-size: 10px;text-transform: uppercase;color: #999999;margin: 10px 0 5px 0;padding:0;}
.product_desc {font-size: 12px;margin: 10px 0;padding: 0;}
.product_spec {font-size: 12px;}
.product_spec ul {margin:5px 0 10px 18px;padding:0;}
.product_spec li {font-size: 12px;margin:0 0 5px 0;padding:0;}

.product_details {}
.product_details td {padding:0 3px 10px 0;}
.sample {border:solid 1px #999999;padding:15px 20px;border-radius:8px;width:292px;background:#EEEEEE;}
.sample h4{color:#CCCCCC;}
.sample h5{font-size:10pt;font-weight:bold;margin:0;padding:0;}
.sample div{float:right;width:240px;}
.sample div.desc{font-size:8pt;font-weight:normal;clear:both;}
.sample input{margin: 0 0 20px 0;}
.altsize-items {clear:both;margin:20px 0 0 0;overflow:hidden;}
.altsize-item {float:left;margin:0 5px 0 0;}
.altsize-link {font-size:10pt;}
/* ------------ Details page product list ------------  */
.pdlist {clear:both;}
.pdlist h3 {clear:left;width:100%;border-bottom:solid 1px #E4E4E4;margin:0;padding:3px 0;}
.pdlist form.subform {clear:left;}
.pdlist .prodListItem {float:left; width:100%; height:38px; overflow:hidden;}
.pdlist .prodListbox {width:100%; background:none;border-top:solid 1px #FFF;border-bottom:solid 1px #E4E4E4;padding:5px;margin:0;overflow:hidden;}
.pdlist .prodImgHd {width:40px;}
.pdlist .prodData {float:left;width:auto;}
.pdlist .prodSku {position:relative;font-size:10pt;width:220px;}
.pdlist .prodSku .label{font-weight:normal;}
.pdlist .prodSku .data{font-weight:bold;}
.pdlist .prodImg {float:left;width:40px; height:40px;margin:0 10px 0 0;}
.pdlist .prodImg img{width:100%;}
.pdlist .prodInfo {float:left;width:210px; padding: 0; }
.pdlist .prodInfo p {float:left;margin:0 0 5px 0;padding:5px 0;}
.pdlist .prodInfo p a {text-decoration:none;color:#CCCCCC;}
.pdlist .prodInfo p a:hover {text-decoration:none;color:#CC0000;}
.pdlist .prodInfo .prodTitle {font-size:9pt;font-weight:normal; color:#CCCCCC;}
.pdlist .prodInfo .prodText {font-size:9pt;color:#000000;display:none;}
.pdlist .prodPrice {float:left;width:80px;height:40px;font-size:10pt;color:#000000;text-align:right; margin:0 8px 0 0;}
.pdlist .prodStock {float:left;width:50px;font-size:10px;color:#777; height:14px;margin:0 5px;text-align:center; }
.pdlist .prodTax {display:none; }
.pdlist .prodPriceNorm {float:left;width:100%;font-size:16px;font-weight:bold;}
.pdlist .prodPriceWas {float:left;width:48%;float:left;margin:0 5px 0 0;font-size:16px;font-weight:normal;color:#666666;}
.pdlist .prodPriceWas .ltr {text-decoration:line-through;}
.pdlist .prodPriceNow {float:left;width:47%;float:left;font-size:16px;font-weight:bold;color:#CC0000;}
.pdlist .ppvat {display:none;}
.pdlist .prodQty  {width:20px;font-size:10pt;color:#000000;}
.pdlist .prodButton  {float:left;width:165px; text-align:right;font-size:10px;}
.pdlist .prodButton .button {font-size:10px;padding:2px;}
.pdlist .poa  {display:none;}
.pdlist .clear  {float:left;clear:none;}

/* ------------ Details page product list ------------  */
.qblist {clear:both;}
.qblist h3 {clear:left;width:100%;border-bottom:solid 1px #E4E4E4;margin:0;padding:3px 0;}
.qblist form.subform {clear:left;}
.qblist .prodListItems {border-top:solid 1px #E4E4E4; margin:10px 0 0 0;}
.qblist .prodListItem {float:none; width:100%; height:auto;}
.qblist .prodListbox {width:100%; background:none; border-top:solid 1px #FFF; border-bottom:solid 1px #E4E4E4; padding:5px; margin:0; overflow:hidden; box-sizing:border-box;}
.qblist .prodImgHd {width:40px;}

.qblist .prodImg {float:left; width:15%; max-height:60px; overflow:hidden; position:relative;}
.qblist .prodImg img {padding-right:10%; max-height:60px; max-width: 90%;}
.qblist .prodImg .mainphoto-overlay {display:none;}
.qblist .prodData {float:left; width:85%;}
.qblist .prodInfo {float:left; width:45%; padding:0;}
.qblist .prodSku {position:relative; font-size:10pt; width:220px;}
.qblist .prodSku .label{font-weight:normal;}
.qblist .prodSku .data{font-weight:bold;}
.qblist .prodInfo p {float:left; width:100%; margin:0 0 5px 0; padding:5px 0;}
.qblist .prodInfo p a {text-decoration:none; color:#333;}
.qblist .prodInfo p a:hover {text-decoration:none; color:#000;}
.qblist .prodInfo .prodTitle, .qblist .prodInfo p.prodTitle a {font-size:12pt; font-weight:normal; color:#333;}
.qblist .prodInfo .prodText {font-size:9pt; color:#333; display:none;}
.qblist .prodInfo .prodPromo {float:left; width:100%; max-width:200px; box-sizing:border-box; text-align:center; z-index:5;}
.qblist .prodInfo .prodPromo .overlay-inner {width:100%;opacity:1;text-shadow:none;}

.qblist .prodStock {float:left;width:5%; font-size:10pt; color:#777; text-align:center; }
.qblist .prodUnitofStock {float: left; width: 16%;}
.qblist .prodPrice {float:left;width:16%; font-size:10pt; color:#000000; text-align:right; }
.qblist .prodBuy {float:right;width:16%; font-size:10pt; color:#777; text-align:right; }
.qblist .prodBuy-inner {width:auto; font-size:10pt; color:#777; }
.qblist .prodBuy-inner .qtytxt {font-size:10pt; color:#777; }

.qblist .prodTax {display:none; }
.qblist .prodPriceNorm {float:left;width:100%;font-size:18px;font-weight:bold;}
.qblist .prodPriceWas {float:left;width:48%;float:left;margin:0 5px 0 0;font-size:18px;font-weight:normal;color:#666666;}
.qblist .prodPriceWas .ltr {text-decoration:line-through;}
.qblist .prodPriceNow {float:left;width:47%;float:left;font-size:18px;font-weight:bold;color:#CC0000;}
.qblist .ppvat {display:none;}
.qblist .prodQty  {width:20px;font-size:10pt;color:#000000;}
.qblist .prodButton  {display:none; float:left;width:165px; text-align:right;font-size:10px;}
.qblist .prodButton .button {font-size:10px;padding:2px;}
.qblist .poa  {display:none;}
.qblist .clear  {float:left;clear:none;}

/* ------------  SPECIFICATIONS  TABLE ------------ */
.spectable{border-collapse:collapse;border:none;width:100%;margin:10px 0 10px 0}
.spectable thead tr th {padding:10px; font-size:11pt; font-weight:bold;}
.spectable tr:nth-of-type(odd) td {background-color:#E0E0E0;}
.spectable tr:nth-of-type(even) td {background-color:#EEEEEE;}
.spectable td {padding:10px;border:none;border-bottom:2px solid #FFF; font-size:10pt; line-height:13px; color:#333;}
.spectable td a{color:#333; text-decoration:none}
.spectable td a:hover{color:#000; text-decoration:none}

.photo,.relphoto{position:relative}

/* ------------ RELATED ITEMS ------------  */
.related {}
.related h3 {font-size:13pt;padding:20px 0 10px 0;margin:0;}
.related_item {float:left;background:#F7F7F7;padding:5px;margin:0 10px 10px 0;width:100px;text-align:center;border:solid 2px #D8D8D8;border-radius:5px;}
.related_item .related_img {width:100px;height:100px;overflow:hidden;}
.related_item img.related_photo {width:100%;}
.related_item .related_info {font-size:10pt;margin:3px 0 0 0;}
.related_item .related_info a{text-decoration:none;}

/* ------------ CART ITEMS ------------ */
.qty {font-size:13pt;}
.cart-table {width:100%;}
.cart-row {clear:both; width:100%; box-sizing:border-box; padding:5px; overflow:hidden;}
.cart-row:nth-of-type(odd) {background-color:#E0E0E0;}
.cart-row:nth-of-type(even) {background-color:#EEEEEE;}
.cart-col {float:left; box-sizing:border-box; padding:5px;}
.cart-heads {font-weight:700; background-color:#CCC !important;}
.cart-info {float:left; width:60%; margin:0; padding:0; box-sizing:border-box;}
.cart-vals {float:right; width:40%; margin:0; padding:0; box-sizing:border-box;}
.cart-photo {width:20%;text-align:left;}
.cart-photo .cart-photo-img {width:90%; height:80px; background:#FFF; overflow:hidden;}
.cart-photo .cart-photo-img img{max-height:100%;}
.cart-title {width:50%; color:#000000;text-align:left;}
.cart-title a {text-decoration:none;}
.cart-sku {width:30%;text-align:left;}
.cart-rrp {width:20%; text-align:right;}
.cart-price {width:25%; text-align:right;}
.cart-quantity {width:20%; text-align:center;}
.cart-quantity input.qty {margin-top:-5px;}
.cart-remove {width:10%; text-align:center;}
.cart-remove label {cursor:pointer;}
.cart-total {float:right;width:25%; font-weight:bold; text-align:right;}
.cart-footer {float:right; text-align:right; margin:20px 0;}
.cart-label {clear:right; width:auto; text-align:right; height:24px;}
.cart-value {width:125px; float:right; text-align:right; height:24px; margin:0 5px 0 0; font-weight:normal; font-size:12pt;}
.cart-value-gtotal {font-weight:800; font-size:13pt;}
.cart-discount { display:none; padding: 10px; background: #CCCCCC; border: solid 1px #FFFFFF; }
.cart-meta {display:none;}
.voucher-form { width:300px; float:right; padding: 10px; background: #EFEFEF; border: solid 1px #FFFFFF; border-radius:5px; box-sizing:border-box; margin: 0 0 20px 0; }
.roundpanel { padding: 10px; background: #EFEFEF; border: solid 1px #FFFFFF; margin: 0 0 20px 0; }
input.qty {font-size: 10pt;border: solid 1px #999;}
input.readonly {border:solid 1px #BFBEBE;background:#F5F5F5;color:#999;}
.delivery_options {margin:10px 0; text-align:left;}
.delivery_options table td {vertical-align:top; border-bottom:1px solid #FFF;}
.delivery_options table tr:last-child td {vertical-align:top; border-bottom:none;}
.delivery_options table td.dlop-radio {}
.delivery_options table td.dlop-title {white-space:nowrap;}
.delivery_options table td.dlop-desc {font-size:9pt;}
.delivery-options-footer {}
.pay-frame {width:100%;display:none;}
.pay-button {width:100px;}
.cart-test {width:10%; text-align:right; box-sizing:border-box;}

/* ------------  My Account ------------  */
.myaccount {}
.myaccount .label {font-weight:bold;}
.acc-details {}
.acc-newaddress {float:none; clear:both; box-sizing: border-box; min-height: 30px; }
.acc-addressdetails {font-size:10pt;color:#555555;margin:10px 0 10px 0; padding:0 0 20px 0; border-bottom: solid 1px #CCCCCC; overflow:visible; box-sizing: border-box;}
.acc-addressdetails .head {border-bottom: dotted 1px #999999;padding:0 0 5px 0;margin:0 0 10px 0;}
.acc-addressdetails h5 {color: #333333;width:auto;}
.acc-addressdetails input {font-size: 10pt; margin: 1px 0;}
.acc-addressdetails .label {float:left; font-weight:normal;width: 125px; margin-right:15px;}
.acc-addressdetails .acc-address-block {box-sizing: border-box;}
.acc-addressdetails .acc-addresslines {float:none; width:80%; min-height:40px;padding:5px 0 0 0;}
.acc-infotab {font-size:10pt;color:#555555;margin:10px 0 10px 0; padding:0 0 20px 0; border-bottom: solid 1px #CCCCCC; overflow:visible; box-sizing: border-box;}
.acc-infotab .head {border-bottom: dotted 1px #999999;padding:0 0 5px 0;margin:0 0 10px 0;}
.acc-infotab h5 {color: #333333;width:auto;}
.acc-infotab input {font-size: 10pt; margin: 1px 0;}
.acc-infotab .label {float:left; font-weight:normal;width: 125px; margin-right:15px;}
.acc-orders {clear:left;}
.acc-orders h3 {margin: 0;}
.tabs {clear:left; height: 26px;width: 100%;margin:0;position: relative;z-index:20;}
.tab{position:relative;float:left;margin:0 1px 0 0;background:#CCC;padding:5px 15px;color:#FFF;font-weight:normal;font-size:12px;cursor:pointer;cursor:hand;border:solid 1px #CCCCCC;border-bottom:none}
a.tab{font-size:12px;font-weight:normal;color:#FFF}
.tabbed{background:#FFF;border:solid 1px #CCCCCC;position:relative;padding:10px 0px;z-index:10;overflow:auto;width:100%}
.delform{width:160px;padding:3px;background:#FFF;border:solid 1px #CCCCCC;position:relative}

/*  ------------ BUTTONS  ------------ */
.alerticon{position:relative;top:2px}
.buttonnorm{border:1px Solid #FFFFFF}
.buttonhlight{background:#C00;border:1px Solid #F23539}
.button_confirm{color:#C00;font-weight:bold;font-size:12px;padding:5px}
.button, a.button,input.button{display:inline-block;color:#FFF !important;text-decoration:none;font-weight:normal;padding:5px 12px;margin:5px 0 0 0;background:#446CB3;position:relative;border:none;-webkit-appearance:none;cursor:pointer;}
.button:hover, a.button:hover,input.button:hover{color:#FFF;text-decoration:none;background:#587CC0}
.addit.button{display:inline-block;color:#FFF;text-decoration:none;font-weight:normal;padding:5px 8px 5px 8px;margin:5px 0 0 0;background:#446CB3;border:none;-webkit-appearance:none}
.addit.button:hover{background:#446CB3}
.addit.button.active{background:#32A456}
.button.checkout{display:inline-block;color:#FFF;text-decoration:none;font-weight:normal;padding:5px 8px 6px 8px;margin:5px 0 0 0;background:#0054B2;border:none;-webkit-appearance:none;}
.button.checkout:hover{background:#0054B2}
.cart-buttons .button.checkout {float:right;}
.cart-button-std {min-width:214px;}
.help {display:inline-block;padding:10px;}
.button.log {font-size:120%;}
.button.close {background:#CCCCCC;font-size:80%;}
.button.hilite{font-weight:normal;color:#FFF;background:#32A456;}
.button.hilite:hover{font-weight:normal;color:#FFF}
.button.small{font-size:10pt}
.button.large{font-size:15pt}
#close{border:solid 1px #CCC;color:#CCC;background:#FFF;cursor:pointer;border-radius:3px}
#close:hover{border:solid 1px #333;color:#333;background:#FFF;cursor:pointer;border-radius:3px}
.close img, img.close {width:16px;height:16px;}

/* ------------ COLLECTIONS  ------------ */
#colnav{display:block;clear:both;width:auto;text-align:left;padding:0;margin:0}
#colnav ul{list-style:none;padding:0;margin:3px 10px 5px 10px;border-top:#E0E9EB solid 1px}
#colnav li{line-height:1.35em;padding:10px;margin:0;background:url('../images/navbullet.gif') no-repeat left center;text-indent:10px;border-bottom:#E0E9EB solid 1px;list-style:none}
#colnav li a{color:#000;font-size:1.5em;font-weight:normal;text-decoration:none}
#colnav li a:hover{color:#C00;font-size:1.5em;font-weight:normal;text-decoration:none}

/* ------------ MODULES  ------------ */
#module-master,.module-banners{}
.module{margin-bottom:5px}
.module-content{background:#EEE}
.module h2,.module-title{background:#CCC;font-weight:bold;font-size:12px;color:#EEE;padding:6px 0 8px 10px;margin-bottom:1px}
.module-heading{font-weight:bold;color:#CCC}
.module-price{font-weight:bold}
.module-html{padding:10px}
.module-html hr{margin:10px 0}
.module-html img.fullwidth{width:100%}
.module-content .searchbox{padding:5px 4px}
.module-products{font-size:10pt;text-align:center}
.module-products p{margin:0 0 4px 0; padding:5px 0; text-align:center}
.module-products a{text-decoration:none}
#pagearea .module-products .mod-prod {float:left; width:33.33%;}
#pagearea .module-products .mod-prod-inner {position:relative; height:340px; border:solid 1px #CCCCCC; padding:20px; margin:2%; background:#FFF; width:auto; box-sizing:border-box;}
#pagearea .module-products .mod-prod .mainphoto-overlay {position:absolute; top:0; left:0; width:100%;}
#pagearea .module-products .mod-prod .mainphoto-overlay .overlay-inner {width:100%;}
#pagearea .module-products .mod-caption {height:40px;overflow:hidden;}
#pagearea .module-products .mod-img {position:relative; width:160px;height:160px;text-align:center;margin:0 auto;overflow:hidden}
#pagearea .module-products .mod-img img {max-width:160px;max-height:160px;margin:0 auto;}
#pagearea .module-products .mod-price span {font-weight:bold;font-size:16pt;}
#content_right .module-products .mod-prod, #content_left .module-products .mod-prod  {float:none; width:100%;}
#content_right .module-products .mod-prod .mod-prod-inner, #content_left .module-products .mod-prod .mod-prod-inner {border:none;}
#content_right .module-products p, #content_left .module-products p {border:none;}
/* ------------ CONTENT BLOCKS ------------ */
.content-blocks {width:100%;overflow:auto;}
.content-blocks h2 {background:none;font-size:15pt;}
.content-blocks h2 a {font-family:'Oswald';}
.content-block {float:left;text-align:center;}
.content-block.four {width:25%;}
.content-block.four p{padding:5px 15px;}
.content-block.four p img {width:100%;}
.content-block.four p img.cat-icon {width:60%;}
.content-block.two {width:50%;}
.accordion {text-align:left;margin:0; padding:10px 0px;border-bottom:solid 1px #CCC;}
.acco-title, .acco-title h3 {text-align:left;cursor:pointer;}
.acco-content {text-align:left;}
.acco-content p {text-align:left;}
/* ------------ BLOG ------------ */
.articles{width:100%;}
.article-listitem{float:left; width:33%; margin:0; padding:0; height:310px; overflow:hidden;}
.article-content{height:270px; padding:10px; margin:10px; border:solid 1px #CCC; text-align:center;}
.article-listimg{height: 93px; margin:0 0 10px 0; overflow: hidden; }
.article-listimg img{max-width:100%; max-height:100%;}
.article-listtitle{ overflow:hidden;}
.article-listtitle h3{font-size:16pt;}
.article-listcaption{ font-size:10pt;overflow:hidden;}
.article-button{}
.article-item{width:100%;}
.article-featured{width:100%;margin:0 0 20px 0;}
.article-featured img{max-width:100%;}
.article-title{}
.article-title h3{font-size:16pt;}
.article-story {font-size:10pt;}
/* ------------ GENERAL ------------ */
.breadcrumbs { font-weight: normal; font-size: 11pt; color: #999999; margin:0 0 20px 0;}
.textsmall {font-size: 80%}
.textsmallredbold { font-weight: normal; font-size: 10px; color: #CC0000;}
.promotext {font-size: 12pt; font-weight:bold; color:#CC0000;}
.promotextsmall {font-size: 10px; font-weight:bold; color:#CC0000;}

/*  ------------ FOOTER  ------------ */
#footer{width:100%;clear:both;padding:10px 0;margin:0;background:#EEE}
.footer {width:100%; background:#EEEEEE; overflow: auto;}
.fnb{float:left;width:20%;margin:0;box-sizing:border-box;}
.fnb-inner{font-size:9pt;color:#333;text-align:left;box-sizing:border-box;}
.fnb-inner a,#credit a,#credit a:hover{color:#333;text-decoration:none}
.fnb-inner p{color:#333}
.fnb-inner a:hover,.fnb li a:hover,.footnav li a:hover{color:#C00;text-decoration:none}
.fnb-inner h3{font-weight:bold;color:#333;font-size:10pt;padding:0 0 10px 0;margin:0}
.fnb-inner h3 a{font-weight:bold;color:#333;font-size:10pt;padding:0 0 10px 0;margin:0;text-decoration:none}
.fnb-inner h3 a:hover{text-decoration:none}
.fnb-inner ul{margin:0;padding:0}
.fnb-inner li{margin:0;padding:0;list-style:none;list-style:none;font-weight:normal;font-size:9pt;color:#333;padding:5px 0;}
.fnb-inner li a{font-size:9pt;font-weight:normal;color:#333;text-decoration:none;}
.fnb .fnb-logos {width:100%; box-sizing:border-box; min-height:50px; overflow:hidden;}
.fnb .fnb-logo {float:left; width:49%; margin:0; padding:0; min-height:40px; box-sizing:border-box; }
.fnb .fnb-logo img {float:left; width:95%; max-width:80px;}

#footerbar{color:#FFF;text-align:left;font-size:11px;padding:3px 10px}
#footerbar div{float:right}
#footerbar div a{color:#CCC}
.footnav{width:auto;margin:0;padding:0;text-align:left;margin:0px 10px 0 10px;float:left}
.footnav h3{font-size:12px;font-weight:normal;color:#003A7D}
.footnav ul{list-style:none;list-style:outside;padding:0}
.footnav li{float:left;display:inline;list-style:none;padding:0 10px 0 0;margin:0 10px 0 0;font-size:12px;border-right:solid 1px #FFFFFF;color:#999}
.footnav li a{font-size:12px;text-decoration:none;color:#999}
#footribbon{float:left;width:102px;height:auto;padding:8px 0 8px 10px}
#signoff{width:100%;font-size:0.75em;color:#333;text-align:left;padding:10px 0 10px 0;background:#CCC;overflow:auto;box-sizing:border-box;}
.copyright{float:left;width:60%;font-size:10px;color:#333;padding-left:10px}
.credit{float:right;width:18%;font-size:10px;color:#333;padding-right:10px;text-align:right;}
.credit a{color:#333;}
.debug{text-align:left;font-size:10px;background:#FFF;color:#000;padding:5px 20px;z-index:99999;position:absolute;}
.debug_opener{font-size:8px;color:#999;padding:2px}
.scrollbox{font-size:90%;overflow:auto;padding:3px;background:#FFF;border:dotted 1px #CCCCCC;line-height:12px}
.scrollbox .scbox-row{width:100%;clear:left}
.scrollbox .scbox-btn{width:72px;font-size:14px;float:left}
.scrollbox .scbox-name{width:290px;float:left;overflow:hidden;padding:5px 0 0 0}
.whform{width:100%;height:30px;margin:10px 0}
.whform form{float:right;text-align:right}
.aleft{float:left;text-align:left}
.printonly,.print,.visoff{visibility:hidden;display:none}
.pophelp,.pophelp p,.pophelp div{text-align:left}
.pophelp h2{background:#CCC;font-weight:bold;font-size:12px;color:#EEE;text-shadow:1px 1px 2px #555;padding:6px 0 12px 10px;margin-bottom:1px;position:relative;-moz-border-radius-topright:5px;-khtml-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-khtml-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;border-radius:5px 5px 0px 0px}

.logo-panel {width:100%;}
.logo-panel img {margin:0 10px;}

.border {}
.rounded {padding: 10px; background: #EEEEEE; }

#lbox_gallery {background-color: #FFFFFF; padding: 10px 0; width: auto;}
#lbox_gallery ul { list-style: none; padding: 0; margin: 0}
#lbox_gallery ul li { list-style: none;  list-style-image: none;  float: left; background: #FFFFFF; border: solid 1px #CCCCCC; margin: 0 15px 15px 0; text-align: center; font-size: 10px; padding:0 0 8px 0;}
#lbox_gallery li img {border: 1px solid #FFFFFF; text-decoration: none; margin: 0 0 2px 0;}
#lbox_gallery li a {text-decoration: none;}
#lbox_gallery li a:hover img {border: 1px solid #CC0000;}
#lbox_gallery ul a:hover { color: #CC0000; }

.player-container{position:relative;height:0;overflow:hidden;width:100%;min-height:400px}
.player-container-16x9{padding-bottom:56.25%}
.player-container-4x3{padding-bottom:75%}
.player-container iframe{position:absolute;top:-2px;left:-2px;width:100%;height:100%}

.translations {}
.translation-links {margin:0;padding:0;}
.translation-links li{list-style:none;display:inline-block;float:left;}
.translation-links li a img{margin: 0 3px 0 10px;}

.curr-icon-header {position:relative; z-index:999; margin:0 10px 0 0;}
.curr-icon .curr-item {display:block;padding:0; width:30px; height:18px;}

.curr-selector {position:relative; z-index:999; margin:4px 10px 0 0;}
.curr-select {background:none;margin:10px 0; color:#FFF;text-align:left; font-size:12pt; font-weight:300;}
.curr-select.active {background:none;color:#FFF;text-align:left; font-size:12pt; font-weight:300;}
.curr-item {display:block;padding:0 0 0 35px; line-height:12pt;}

.curr-1 {background:url(/images/flags/gbp.png) no-repeat top left;background-size:28px;}
.curr-2 {background:url(/images/flags/eur.png) no-repeat top left;background-size:28px;}
.curr-3 {background:url(/images/flags/usd.png) no-repeat top left;background-size:28px;}
.curr-open.curr-1 {background:url(/images/flags/gbp.png) no-repeat top left;background-size:28px;}
.curr-open.curr-2 {background:url(/images/flags/eur.png) no-repeat top left;background-size:28px;}
.curr-open.curr-3 {background:url(/images/flags/usd.png) no-repeat top left;background-size:28px;}

#back-to-top button{visibility:hidden;opacity:0;border:none;outline:none;cursor:pointer;background:transparent url(/images/arrow-grey.png) no-repeat;background-size:100% 100%;height:46px;width:46px;position:fixed;bottom:60px;right:8%;-webkit-transition:all ease .15s;-o-transition:all ease .15s;-moz-transition:all ease .15s;transition:all 0.5s}
#messenger a{font:15px/35px Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;background:#0084ff;border:1px solid #0084ff;width:127px;height:33px;position:fixed;bottom:15px;right:8%;border-radius:3px;outline:none;-webkit-transition:all ease 0.5s;-o-transition:all ease 0.5s;-moz-transition:all ease 0.5s;transition:all ease 0.5s;z-index:100;-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,.50);-moz-box-shadow:0px 10px 6px -6px rgba(0,0,0,.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,.50)}
#messenger i{background:url(/images/facebook-messenger-white.png) no-repeat 7px 9px;background-size:17px;top:-1px;height:25px;width:30px;float:left}
.tooltip {color:#FFF;}
.tooltip h4{color:#FFF;}
.tooltip div{color:#FFF;}
.tooltips {
    position: relative;
    display: inline-block;
    height:24px;
    width:24px;

}
.tooltips span {
    position: absolute;
    width:auto;
    color: #FFFFFF;
    background: #333333;
    height: auto;
    font-size:10pt;
    line-height: 130%;
    text-align: center;
    display: none;
    border-radius: 6px;
    opacity: 0.95;
    top: 32px;
    left: 0;
    padding:10px;
    margin-left: -200px;
    z-index: 999;
}
.tooltips span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 93%;
    margin-left: -8px;
    width: 0; height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
a:hover.tooltips_temp span {
    visibility: visible;
    opacity: 0.95;
    top: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
}
.jmalert-box {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background: none; /* Fallback color */
  /*background-color: rgba(0,0,0,0.4);  Black w/ opacity */
}
.jmalert-content {
  background-color: #333333;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #333333;
  width: 80%;
  max-width:500px;
  border-radius:9px; /* Could be more or less, depending on screen size */
  text-align:center;
  color:#FFF;
}
.jmalert-content p, .jmalert-content h1, .jmalert-content h2, .jmalert-content h3 {text-align:center; color:#FFF;}
#jmalert-htm p, #jmalert-htm h1, #jmalert-htm h2, #jmalert-htm h3 {text-align:center; color:#FFF;}

.ntab-box {background:#EFEFEF;padding:3px;  width:93%; box-sizing:border-box; margin:20px 0;}
.ntabs {
    display: flex;
    flex-wrap: wrap; /*make sure it wraps  */
}
.ntabs label.ntab-label {
    order: 1; /*Put the labels first */
    display: block;
    padding: 10px;
    margin-right: 0.2rem;
    cursor: pointer;
    background: #E1E1E1;
    font-weight: bold;
    transition: background ease 0.2s;
}
.ntabs .ntab {
    order: 99; /*Put the tabs last*/
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
    box-sizing:border-box;
}
.ntabs input[type="radio"] {
    display: none;
}
.ntabs input[type="radio"]:checked + label {
    background: #fff;
}
.ntabs input[type="radio"]:checked + label + .ntab {
    display: block;
}

/* Increment quantity */
.outline {clear:both; width:auto; margin:10px 0; overflow:auto;}
.outline .group-quantity { width:250px; border:solid 1px #EFEFEF; border-radius:0px; margin:0 auto; box-sizing:border-box; overflow:hidden;}
.outline .group-quantity .quantity-box {display:inline-block; width: 50%; height: 46px; text-align: center; border:none; box-sizing:border-box;}
.outline .group-quantity .fm-quantity { width: 90%; height: 44px; text-align: center; border:none; font-size:12pt; margin:0 auto;}
.outline .group-quantity div.qtyplus, .outline .group-quantity div.qtyminus {float:left; display:inline-block; height: 46px; width:25%; border:none; background:#EFEFEF;text-align:center;box-sizing:border-box;}
.outline .group-quantity div.qtyplus { float:right;}
.outline .group-quantity div i { padding:15px;}
.outline .buy-button {width:250px; text-align:center; color:#FFF; background:#158D0C; border:none; font-size:16pt; text-transform:uppercase; box-sizing:border-box; padding:10px; margin:15px auto;}

.inline {width:180px; margin:0 auto; overflow:auto;}
.inline .group-quantity {float:left; width:100px; border:solid 1px #EFEFEF; border-radius:0px; margin:0 auto; box-sizing:border-box; overflow:hidden;}
.inline .group-quantity .quantity-box {display:inline-block; width: 40%; height: 38px; text-align: center; border:none; box-sizing:border-box;}
.inline .group-quantity .fm-quantity { width: 90%; height: 36px; text-align: center; border:none; font-size:12pt; margin:0 auto;}
.inline .group-quantity div.qtyplus, .inline .group-quantity div.qtyminus {float:left; display:inline-block; height: 38px; width:30%; border:none; background:#EFEFEF;text-align:center;box-sizing:border-box;}
.inline .group-quantity div.qtyplus { float:right;}
.inline .group-quantity div i { padding:10px 8px;}
.inline .buy-button {float:left; width:55px; text-align:center; border:none; font-size:14pt; text-transform:uppercase; box-sizing:border-box; padding:9px; margin:0 0 0 8px;}

.scbox {}
.scbox-row {clear:left; width:100%;}
.scbox-btn {float: left; width:90px;}
.scbox-btn .button {width:60px;}
.scbox-name {float: left; width:auto; margin:8px 0 0 0; font-size:10pt;}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 60em) {
 .ntab-box {background:#EFEFEF; padding:10px; width:98%; box-sizing:border-box; margin:0 0 20px 0;}
 .ntabs .ntab,
 .ntabs label.ntab-label { order: initial;}
 .ntabs label.ntab-label { width: 100%; margin-right: 0;  margin-top: 0.2rem;}
 .ntabs input[type="radio"]:checked + label {background: #efefef;}

}