body {
        padding: 0; /* needed for firefox */
        margin: 0; /* needed for firefox */
		line-height:1.5em;
}



#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;
}

b,strong{
	font-weight:500;
}

.border img{
	border:5px solid [WSCOL_PAGE];
}

#cmsPageFooterTools {
    margin-top: 0;
}

.page #ContentCMS{
	padding-bottom:80px;
}

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

 GENERAL / TAG CODING SET 1.5

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


a{
        color:[WSCOL_THEME_PRIMARY];
        color:[WSCOL_LINK];
	text-decoration:none;
}

a:hover{
        color:[WSCOL_BUTTON_HOVER];
	color:[WSCOL_ALINK];
}

h1{
	color:[WSCOL_HEADING];
	font-size:2.5em;
	line-height:1.0em;
}
h2{
	color:[WSCOL_H2];
}
h3,h4{
	color:[WSCOL_H3];
}

h3{
	font-size:2em;
}

input[type=submit].buybutton, 
input[type=submit].btnAddToShoppingBasket, 
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 [WSCOL_PAGE_BORDER];
        background-color:[WSCOL_PAGE];
	margin: 2px;
        padding:4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}


textarea {
	font-size:100%;
	border: 1px solid [WSCOL_PAGE_BORDER];
        background-color:[WSCOL_PAGE];
	padding:4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
input[type=text]{
	text-indent:0px;
}
input[type=submit],
input[type=button]{
	background-color:[WSCOL_THEME_PRIMARY];
        background-color:[WSCOL_LINK];
	color:[WSCOL_PAGE];
        border:0px;
        height:auto;
	padding:4px 10px;
}
input:hover[type=submit]{
	background-color:[WSCOL_ALINK];
        background-color:[WSCOL_BUTTON_HOVER];
        height:auto;
}

.btn.btn-primary{
	background-color:[WSCOL_THEME_PRIMARY];
        background-color:[WSCOL_LINK];
	color:[WSCOL_PAGE];
    font-size: 1.2em;
    font-weight: 500;
}

.btn.btn-default {
    color:[WSCOL_PAGE];
    	background-color:[WSCOL_THEME_SECONDARY];
    font-size: 1.2em;
    font-weight: 500;
}

.btn-primary:hover,
.btn-default:hover  {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

hr {
	color: [WSCOL_PAGE_BORDER];
	background-color: [WSCOL_PAGE_BORDER];
	height: 1px;
	border: none;
	padding: 0;
	margin: 2px 0px 2px 0px;
}


#mobbtn{
	background-color:[WSCOL_MENU];
	background-color:[WSCOL_THEME_PRIMARY];
	color:[WSCOL_PAGE];
	position:absolute;
	top: 15px;
    right: 15px;
    padding: 4px 8px;
    border-radius: 3px;
    z-index: 10000000;
cursor:pointer;
}

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

 CYCLE2 PREV / NEXT / PAGER

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

#cmsBannerSlideDiv {
position:relative;
}

#cmsBannerSlideDiv .cycle-prev {
left:0;
opacity:0.6;
}

#cmsBannerSlideDiv:hover .cycle-prev {
left:0%;
opacity:0.8;
}

#cmsBannerSlideDiv.cycle-next {
right:0;
opacity:0.6;
}

#cmsBannerSlideDiv:hover .cycle-next {
right:0%;
opacity:0.7;
}

#cmsBannerSlideDiv .cycle-pager{display:block;}

.cycle-prev,.cycle-next {
opacity:0.5;
height:70px;
width:35px;
font-size:40px;
line-height:60px;
color:[WSCOL_LINK];
color:[WSCOL_THEME_PRIMARY];
color:#fff;
cursor:pointer;
position:absolute;
top:50%;
margin-top:-35px;
z-index:99999;
left:0%;
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;
background-color:rgba(0,0,0,0.8);
}

.cycle-next {
left:inherit;
right:0%;
}
.cycle-prev:before,.cycle-next:before {
   content:  "\003C";
    line-height: 55px;
}
.cycle-next:before {
   content:  "\003E";
}

.cycle-prev:hover,.cycle-next:hover {
/*background-color:[WSCOL_PAGE];*/
}

#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:[WSCOL_PAGE];
}
.cycle-pager span.cycle-pager-active {
color:[WSCOL_THEME_PRIMARY];
color:[WSCOL_LINK];
}

@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:[WSCOL_PAGE];background-color:[WSCOL_BANNER];}
#cmsAltBanner,#cmsAltBanner > li:nth-of-type(n+2) { display: none; }

#cmsAltBanner .row .column.imgCol{padding:0;}
#cmsAltBanner .row .column.imgCol figcaption {padding:0 1em;}


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

END TAG CODING

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


@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;
}

#footer {
    padding: 5%;
}

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

RESPONSIVE MOBILE MENU

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

#moblogo{
	display:none;
}
#mobmenu{
    position: absolute;
    width: 75%;
    left: 100%;
	padding:40px 8%;
	box-sizing:border-box;
	top:0;
 -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;

}

#mobmenu.mobile{
	visibility: visible;
    display: block;
    opacity: 1;

}

#mobmenu #menu{
	background:none;
}
#mobmenu #menu li {
    float: none!important;
    clear: both!important;
    display: block;
    padding: 0;
    margin: 0;
	text-align:left;
border:none;
}

#mobmenu #menu li a{
	border:0;
	margin:0;
	padding:0;
	font-size:22px;
	text-decoration:none;
}

#mobmenu #menu li a.menuactive,
#mobmenu #menu li.menuliactive a.menuactive, 
#mobmenu #menu li.menuliparentactive a {
    text-decoration: none;
	color:[WSCOL_THEME_PRIMARY];
	
}


#mobmenu #menu ul ul li a{

	font-size:18px;
}



#mobmenu #menu ul ul{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display:block;
	left:0;
border:none;
background:none;
}

#mobmenu #menu ul ul ul{
	display:none;
}

#mobmenu #menu > ul > li {
	height:auto;
}

.active #mobmenu {
	/*left:25%;*/
}
.active #inner {
	left:-75%;
}
/*******************************/


#outer{
	width:100%;
	overflow-x:hidden;
}

.list-style-3col li,
.list-style-4col li,
.list-style-5col li,
.list-style-6col li{
	width:100%;
}

.column.third,column.half,column.twothirds,.column.fourth{
	width:100%;
	margin:10px 0;
	display:block;
}

.desktop{display:none;}
.mobile{display:block;}

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

.productslist .cmsItem .cmsPriceAndEnquiry,
.productslist .cmsItem .cmsTitleAndText,
.productslist .cmsItem .cmsImage{
	width:100%;
	text-align:center;
}
.productslist li{
	margin:20px 0;
}
.productslist li .cmsTitle{
	margin-top:20px;
}

#inner{
	-webkit-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.35);
}

.floatLeft75PC,.floatRight25PC,.floatLeft66PC,.floatRight33PC {
    margin: 10px 0;
    float: none;
    width: 100%;

}

.cmsItem .floatRight img {
    width: 100%;
}

.cmsBlogList .cmsItemLI{
	margin-bottom:30px;
}

}




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

END RESPONSIVE

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


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

/*FONT STYLING*/

input, select {

	

}


textarea {

	

}

h1,h2,h3,h4,h5,h6,#menu,#infoandlogin{
	font-weight:normal;
	line-height:1.0em;
}

sup{
 font-size:normal;
}

.cleared {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

#topwrap{
        border-bottom:1px solid [WSCOL_PAGE_BORDER];
        background-color:#fff;
}
#toppanel{
        width: 946px;
	margin: auto;
	padding:6px 8px 0;
	color: #333;
       
        height:30px;
   	

}

.site{
 max-width:1000px;
margin: 0 auto;
}

.templateA #heading h1{
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-bottom: 0.5em;
    font-size: 2.5em;
text-transform: uppercase;
}

.templateA h2{
	margin-top:0.25em;
    margin-bottom: 0.5em;


}
#outer{
 position:relative;
}
#logocontainer{
        position: relative;
}

#cmslogo{
 text-align:center;
 margin: 1% 5%;

}

#cmslogo .logo {margin:auto;}

.cmsDefaultTextLogo {
  font-size: 60px;
  line-height: 65px;
  margin: 2% 5%;
  text-align: center;
}
body .cmsDefaultTextLogo a,
body .cmsDefaultTextLogo a:link{
	color:[WSCOL_THEME_PRIMARY];
	font-weight: 400;
}

#container{
	text-align: left;
	margin:auto;  
}

.landingpage #container{
	max-width:none;
}

.landingpage #container #mainframe{
	margin:0;
	padding:0;
}
#infowrap,#bcrumb{
        background-color: [WSCOL_PAGE];
}
#infowrap a:hover,#bcrumb a:hover{
        color:[WSCOL_THEME_PRIMARY];
        color:[WSCOL_LINK];
}
#infoandlogin {
	color: [WSCOL_TEXT];
	text-align: left;
	
	line-height: 35px;
        letter-spacing:1.0px;
}

#menuandsearch{
        min-height:48px;
        background-color:#F0ECE9;
        background-color:[WSCOL_THEME_SECONDARY];
        background-color:[WSCOL_MENU];
        text-transform:uppercase;
	border-top: 1px solid [WSCOL_PAGE_BORDER];
		border-bottom: 1px solid [WSCOL_PAGE_BORDER];
}

#menuandsearch select{
width:100%;
display:none;
}

#menuandsearchblack{
        min-height:48px;
        background-color: #fff;
        background-color: [WSCOL_PAGE];
}


  

/* ContentLayout -------------------------------------*/



#maincontent{
       
}

        #mainframe{
	      padding:15px;
               margin-top:7px;
               background-color:[WSCOL_PAGE];

        }
        #ContentCMS{
		
               
        }

       
        #heading{
                padding:10px 0;
		
	}

h1{
	font-size:3em;
}

h2{
	font-size:2.8em;
}
	


.homepage  .list-style-3col li {
width: 32.45%;
margin: 0 0 0 1%;
}
.homepage .list-style-3col .cmsItem {

}

.homepage .list-style-3col li:first-child ,
.homepage .list-style-3col li:nth-child(3n+4){  
  margin:0;	
 
}

.homepage .list-style-3col .cmsItem{  
	margin:0;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.homepage .list-style-3col .cmsItem:hover{
	opacity:0.75;
}
.homepage  .cmsItem .cmsText {
	padding: 0 4%;
	line-height: 1.2;
}



/* end Content */

/* begin Sheet Footer */

#footerwrap{

background-color:[WSCOL_THEME_SECONDARY];
background-image:url(/images/template/foot.jpg);
background-repeat:no-repeat;
background-position:center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#foot {
        min-height:40px;
	max-width: 944px;
	margin: auto;
	padding:0px 8px;
}

#footer{
 padding-top: 12px;

}

#base{
	background-color:[WSCOL_THEME_SECONDARY];
	text-align:center;
	
}

#base a{
	color:#999;
}

.copyright{color:#fff;}



/*MAIN CONTENT FEATURED*/
#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 ul{
 max-width:910px;
 margin:0;
 overflow:hidden;
 
}

#sidebarcontent .featuredproducts a{
 position:relative;
 display:block;
}

#sidebarcontent .featuredproducts ul img {
 max-height:160px;
 max-width:160px;
}

#sidebarcontent li{
 text-align:center;
 display:inline-block;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 padding:9px;
 line-height: 1.5;
 width: 20%;
}
#sidebarcontent li .heading{
	font-size:80%;
	text-transform:uppercase;
	
}


#sidebarcontent .featuredimage{
 min-height: 83px;
}

#sidebarcontent .featuredproducts{
	
}



#sidebarcontent .featuredproducts ul .fptitle{
 font-weight:400;
 font-size:100%;
}

#sidebarcontent .fpprice{
 color:[WSCOL_TEXT];
}

#sidebarcontent .featuredproducts ul li:nth-child(3n+3){
 border-right:0px solid #a8a8a8;
}

.fptitle {
	font-size: 90%;
}

.newslistitemtitle,
.cmsTitle{
	font-size:120%;
	
}

.bloglistitemtitle {
    font-size: 140%;
    line-height: 1.2em;
    padding: 0px 0 15px;
    display: inline-block;
}
#cmsBlogContentsColumn{
	width:80%;
}

.cmsBlogList li img,
#cmsBlogContentsColumn  img{
    box-sizing: border-box;
    padding: 10px;
    background-color: #efefef;
}

.cmsBlogList a.moreInfo{
    text-decoration: none;
    border: none;
    display: inline-block;
    padding: 1px 5px;
    margin-left: 5px;
    font-family: 'Damion', cursive;
}

.cmsBlogList .bloglistcontent.cmsText,
#cmsBlogContentsColumn .cmsBlogText{
	padding:20px 0 10px;
}

#cmsBlogContentsColumn + .floatRight25PC{
	width:18%;
}
#cmsBlogContentsColumn li{
	padding-bottom:30px;
}

#cmsBlogContentsColumn .cmsImage img {
    max-width: none;
	width:100%;
    height: auto;
    max-height: none;
    margin: 0;
}

.newslistitemtitle,.cmsTitle b,bloglistitemtitle{
	font-weight:normal;
}
.cmsItem .cmsText {
font-size: inherit!important;
}

.cmsFormPrompt {
font-size: 90%;
}
.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: [WSCOL_THEME_PRIMARY];
    color: [WSCOL_LINK];
}

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

@MEDIA

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


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

#footer #contact,
#footer #rright,
#footer #map {
width: 100%;
float: none;
margin-right: 0%;
}

#cmslogo {
text-align: center;
}

.bannertitle{
 font-size:13px;
 font-family: 'Oxygen', Helvetica, Arial,sans-serif;
 line-height:1.1em;
 padding:15px 1%;

}

#outer{margin:0;}


#menuandsearch {
 min-height: 0px;
}

.copyright + .copyright:after {
    content:"\a";
    white-space: pre;
}

#sidebarcontent li {
width: 50%;
}


}