body {background-color:#222 ;}
body,
.cmsDefaultTextLogo a,
.cmsDefaultTextLogo a:link,
.copyright, a.copyright, .copyright a,
a.copyright:link {color:#CCC ;}
body.cmsPopup {background-color:white ;background-image:none;padding:2%;box-sizing:border-box;}
body.cmsPopup {background-color:#222 ;}
.cmsDefaultTextLogo a, .cmsDefaultTextLogo a:link {color:white ;}
.btn.btn-primary, .btn-primary {background-color:white ;}
.btn.btn-primary:hover {background-color:#999;}
.cmsDefaultTextLogo a, .cmsDefaultTextLogo a:link {color:white ;}
.btn.btn-primary, .btn-primary {background-color:white ;}
.btn.btn-primary, .btn-primary {background-color:#585858 ;}
.btn.btn-primary, .btn-primary {color:#222 ;}
.btn.btn-primary, .btn-primary {color:#222 ;}
body {margin:0px;padding:0px;}

.is-container {max-width:1200px;padding:0 30px;}
.cmsUsualWidth {margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;max-width:1200px;}
.cmsUsualWidth.containsContentBox {max-width:none;margin:0;padding:0;}
 .is-wrapper,
#contentMainContentBlock {max-width:none;margin:0;padding:0;}
.is-section{float:none!important;}
.is-section:after{
}


body {padding:0;
margin:0;
}
#inner{-webkit-transition:left 0.5s ease-in-out;-moz-transition:left 0.5s ease-in-out;-o-transition:left 0.5s ease-in-out;transition:left 0.5s ease-in-out;left:0;top:0;position:relative;padding-top:1px;}
.cartSummaryFull .basketSummaryLineImage img {max-width:100%;max-height:80px;}

.is-container-menu .column{overflow:visible;}
div.wsColourBannerBG {background-color:}
div.wsColourMenuBG {background-color:}
.hasScrolled div.wsColourMenuBG {background-color:black;background-color:#222;border-bottom:1px solid #999;}
@media (min-width:900px){div.wsColourMenuBG {position:fixed;top:0;z-index:100 ;}


#containerMenu .column {text-align:right;}
}
a{color:white;color:white;text-decoration:none;}
a:hover{color:white;color:#585858;}
h1{color:white;font-size:2em;line-height:1.0em;}
h2{color:;}
h3,h4{color:;}
input[type=submit].shoppingbasketcheckoutbutton,
input[type=submit].checkoutsubmitorder {font-size:120%!important;padding:4px 15px;margin:2px;}
input, select {font-size:100%;border:1px solid ;background-color:white;color:black;padding:1% ;box-sizing:border-box;-moz-box-sizing:border-box;}
textarea {font-size:100%;border:1px solid ;background-color:white;color:black;padding:1%;box-sizing:border-box;-moz-box-sizing:border-box;}
input[type=text]{text-indent:0px;}
input[type=submit],
input[type=button]{background-color:white;background-color:white;color:#222;border:0px;height:auto;padding:4px 10px;cursor:pointer;}
input:hover[type=submit]{background-color:#585858;background-color:white;height:auto;}
.btn.btn-primary{background-color:white;background-color:white;color:#222;}
hr {color:;background-color:;height:1px;border:none;padding:0;margin:2px 0px 2px 0px;}
@media (min-width:561px){.desktop{display:block;}
.mobile{display:none;}
}
@media (max-width:561px){.desktop{display:none;}
.mobile{display:block;}
table{width:100%!important;}
table img{height:auto;}
}


#cmsBannerSlideDiv {position:relative;}
#cmsBannerSlideDiv .cycle-prev {left:0;}
#cmsBannerSlideDiv:hover .cycle-prev {left:1%;opacity:0.8;}
#cmsBannerSlideDiv.cycle-next {right:0;}
#cmsBannerSlideDiv:hover .cycle-next {right:1%;opacity:0.8;}
#cmsBannerSlideDiv .cycle-pager{display:block;}
.cycle-prev,.cycle-next {opacity:0;height:50px;width:50px;font-size:40px;line-height:50px;color:white;color:white;border-radius:50%;cursor:pointer;position:absolute;top:50%;margin-top:-25px;z-index:99999;left:2%;text-align:center;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;display:table;}
.cycle-next {left:inherit;right:2%;}
.cycle-prev:before,.cycle-next:before {content:"\003C";line-height:40px;}
.cycle-next:before {content:"\003E";}
.cycle-prev:hover,.cycle-next:hover {background-color:#222;}
#cmsBannerSlideDiv .cycle-pager{display:block;}
.cycle-pager{font-size:40px;line-height:20px;position:absolute;bottom:10px;z-index:1000;text-align:center;width:100%;}
.cycle-pager span {cursor:pointer;}
.cycle-pager span:hover {color:#222;}
.cycle-pager span.cycle-pager-active {color:white;color:white;}
@media only screen and (max-width :650px){#cmsBannerSlideDiv .cycle-pager,.cycle-prev,.cycle-next{display:none;}
}
#cmsCycle2 img{display:none;}
#cmsCycle2 img:first-child{display:block;}
#cmsAltBanner,#cmsAltBanner .row{background-color:#222;background-color:;}
#cmsAltBanner,#cmsAltBanner > li:nth-of-type(n+2){display:none;}
#cmsAltBanner .row .column.imgCol{padding:0;}
#cmsAltBanner .row .column.imgCol figcaption {padding:0 1em;}
.cmsBannerCaptionInner {color:black;background:none;}
#cmsBannerOverlay, .animatedSlideWrapInner {margin:5%;color:white;}
@media (min-width:600px){#cmsBannerOverlay, .animatedSlideWrapInner {position:absolute;height:auto;padding:0;margin:15% 10%;width:50%;color:white;}
}
.is-container-banner>.row>.column {padding:0;}
.is-container-menu {padding:0;margin-right:1rem;}

@media (min-width:561px){.desktop{display:block;}
.mobile{display:none;}
}
@media (max-width:560px){img.fullwidth {max-width:none;width:100%;}
#logocontainer {padding-top:35px;}
}

END RESPONSIVE

.cycle-overlay{text-align:center;}
#outer{position:relative;}
#logocontainer{position:relative;}
#cmslogo{margin:1rem;}
#cmslogo .logo {margin:auto;}
.cmsDefaultTextLogo {font-size:35px;line-height:45px;margin:0%;padding:5px 0 ;}
body .cmsDefaultTextLogo a,
body .cmsDefaultTextLogo a:link{color:white;font-weight:600;}
#infowrap,#bcrumb{background-color:#222;}
#infowrap a:hover,#bcrumb a:hover{color:white;color:white;}
#infoandlogin {color:#CCC;text-align:left;line-height:35px;letter-spacing:1.0px;}
.menuandsearch{min-height:48px;background-color:#F0ECE9;background-color:#EEEEEE;background-color:;text-transform:uppercase;border-bottom:1px solid ;}
.menuandsearchblack{min-height:48px;background-color:#fff;background-color:#222;}
.footerwrap {}
.footerwrap .column {padding-bottom:1rem;}
.footerwrap .menumap {display:inline-block;text-align:left;}

#sidebarcontent{margin-top:15px;
background-color:#222;}
#sidebarcontent li{position:relative;vertical-align:top;}
#sidebarcontent .promoicon,
.featuredProductStamp_On_Sale,
.featuredProductStamp_New_Item,
.featuredProductStamp_Best_Seller{position:absolute;left:-5px;top:-5px;z-index:100;height:60px;width:60px;line-height:60px;text-transform:uppercase;border-radius:30px;color:#fff;background-color:white;background-color:white;opacity:0.75;}
.mainframe{margin-top:7px;background-color:#222;}
#heading h1{line-height:1.3em;margin:0;padding:0;text-align:center;}



.cmsPriceAndEnquiry {font-size:100%!important;padding-top:15px;}
.cmsPrice{line-height:2.4em!important;}
.list-style-bizcard li {margin:0 1%;}
.list-style-bizcard .cmsItem .cmsTitleAndText {width:64%;}
.CategoryList{}
.categoryHeaderSummaryImage{padding-bottom:20px;}
.categoryHeaderSummaryText{font-size:120%;text-align:Center;padding-bottom:20px;}
.cmsPageList, .CategoryList, .ProductList {padding:5px 0;}
.ProductViewBizcard{padding:15px 0;}
form[name=productSearchForm]{margin-bottom:20px;}
.shoppingbasketcheckoutbutton{margin:20px 0;}
.formDIV{margin-top:20px;margin-bottom:20px;}
.categorylisttdimage,
.productlisttdimage{}
.productGroup,
.newsitemback{font-size:120%;}

#sidebarcontent h2.section {border-top:1px solid #BCBCBC;border-bottom:1px solid #BCBCBC;text-align:center;line-height:1;padding:20px 0;font-size:120%;}
#sidebarcontent .featuredproducts {}
#sidebarcontent .featuredproducts ul{margin:0;overflow:hidden;text-align:center;}
#sidebarcontent li{text-align:center;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;padding:9px;line-height:1.5;width:160px;}
#sidebarcontent h2{margin-top:40px;}
#sidebarcontent .featuredproducts{clear:both;overflow:auto;}
#sidebarcontent .featuredproducts h2{font-size:15px;margin:6px 0 3px 0;letter-spacing:1.3px;}
#sidebarcontent .featuredproducts a{position:relative;display:block;}
#sidebarcontent .featuredproducts ul img {max-height:160px;max-width:160px;}
#sidebarcontent li .heading{font-size:80%;text-transform:uppercase;}
#sidebarcontent .featuredimage{min-height:83px;}
#sidebarcontent .featuredproducts ul .fptitle{font-weight:400;font-size:100%;}
#sidebarcontent .fpprice{color:#CCC;}
#sidebarcontent .featuredproducts ul li:nth-child(3n+3){border-right:0px solid #a8a8a8;}
.fptitle {font-size:90%;}
.newslistitemtitle,
.cmsTitle,
.bloglistitemtitle{font-size:120%;}
.newslistitemtitle,.cmsTitle b,bloglistitemtitle{font-weight:normal;}
.cmsItem .cmsText {font-size:inherit!important;}
.featuredproducts ul {font-family:inherit!important;}
.list-style-3col .cmsItem {margin:5%;}
.cmsItem .bloglistimage.floatRight {margin-left:15px;}
#cboxWrapper A:active, #cboxWrapper A:link, #cboxWrapper A:visited {color:white;color:white;}

@media only screen and (max-width :500px){#footer {text-align:center;}
#footer #contact,
#footer #rright,
#footer #map {width:100%;float:none;margin-right:0%;}
#outer{margin:0;}
#menuandsearch {min-height:0px;}
.copyright + .copyright:after {content:"\a";white-space:pre;}
#sidebarcontent li {width:50%;}
}

@media only screen and (max-width :600px){#menu {display:none;}
}
a#mobbtn {display:none;position:fixed;z-index:109;right:0;top:0;padding:1rem ;}
#mobbtnx i.icon {font-size:40px;margin:5px;}
#mobbtn i.icon {font-size:50px;}
a#mobbtnx {cursor:pointer;position:fixed;z-index:111;right:0;top:0;padding:1rem ;}
.ineditor .is-wrapper .is-mobile-menu {width:560px;margin-left:auto;margin-right:auto;display:block;}
.is-wrapper{position:relative;}
.is-wrapper .is-mobile-menu .is-boxes {left:16%;width:85%;color:#CCC;background:black;background:#222;border-left:1px solid #333;}
.is-wrapper .is-mobile-menu {position:absolute;top:0;bottom:0;visibility:hidden;background:rgba(255,255,255,0.5);-webkit-transition:visibility .5s ease-in-out;transition:visibility .5s ease-in-out;z-index:110;display:none;}
.ineditor .is-wrapper .is-mobile-menu {position:relative;left:0;visibility:visible;}
@media (max-width:560px){.mobilemenuactive .is-wrapper .is-mobile-menu {display:block!important;visibility:visible;}
a#mobbtn {display:block;}
.mobilemenucontainer ul {display:block;margin:5px;padding:5px;}
.mobilemenucontainer li {display:block;list-style-type:none;margin:5px;}
.mobilemenucontainer li a {padding:5px;display:block;}
.searchFormDiv input {width:33%;}
.searchFormDiv input:first-child {width:60%;}
}

body {font-family:'Roboto',sans-serif ;font-size:12pt ;}

#containerMenu .column {overflow:visible;}
#menu {margin:0;min-height:45px;padding:0;position:relative;z-index:8888;background-color:;}
#menu ul {list-style:none;margin:0;padding:0;letter-spacing:1.2px;}
#menu > ul > li{height:45px;}
#menu li {display:inline-block;position:relative;}
#menu li:hover{position:relative;z-index:5;}
#menu li a {color:white;padding:0px 12px 0px 12px;margin:0 5px;line-height:45px;text-decoration:none;display:inline-block;letter-spacing:0.5px;}
#menu li.hassubmenu > a {padding:0px 0 0px 12px;margin-right:6px;}
#menu li a:hover,
#menu li.sfhover>a,
#menu li.menuliactive>a,
#menu li.menuliparentactive>a,
#menu li.menuliactive a.menuactive, #menu li.menuliparentactive > a {background-color:white	;background-color:white;color:#333;}
#menu li.menuliparentactive a{background-position:left -52px;}
#menu li.menuliactive > ul, #menu li.menuliparentactive > ul{margin-left:0;}
#menu ul ul {left:-999em;margin:0 0 0 5px;padding:0;position:absolute;width:200px;border:1px solid ;background-color:black;background-color:;text-align:left;}
#menu ul ul li{min-height:35px;padding:0 8px 0;display:block;}
#menu ul ul li a {color:white;font-size:15px;font-weight:normal;line-height:35px;margin:0;padding:0;text-align:left;}
#menu ul ul li:hover{background-color:white;}
#menu ul ul ul {left:0;margin:-36px 192px;position:absolute;top:auto;width:200px;}
#menu ul ul .arrow {display:none;}
#menu ul ul a:hover, #menu ul ul a:visited:hover {}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left:auto;}
H1,H2,H3 {color:white ;}
A {color:white ;}
A:active, A:hover {color:#585858 ;}
BODY {font-family:'Roboto',sans-serif ;}
#menu a, #menu a:link, #menu a:visited, #menu a:active, #menu a:hover {color:white }
#menu a:link.sfhover, #menu a:hover, #menu a:hover:visited, #menu li:hover>a {background-color:white }