html,body {
        padding: 0; /* needed for firefox */
        margin: 0; /* needed for firefox */
	line-height:1.5em;
	height:100%;
}
#outer,#inner{
	height:100%;
}
#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;
	position:relative;
	display:flex;
}


#masthead{
	width:20%;
	min-width:280px;
	flex-shrink:0;
	/*height:100%;
	position:fixed;*/
	top:0;
	bottom:0;
	left:0;
	z-index:1;
	background-color:[WSCOL_THEME_PRIMARY];
	background-color:[WSCOL_MENU];
}

#container{
	width:100%;
	padding: 50px 50px 50px 50px;
padding: 50px;
   	 max-width: 1400px;
   	 background-color:[WSCOL_PAGE];
    	box-sizing: border-box;
    min-height: 100%;
}

b,strong{font-weight:600;}

.shopping #container{
	width:100%;
	/*padding: 0 0 0  250px;*/
padding:0;
   	 max-width: none;
   	
    	box-sizing: border-box;
}
.shoppingListBody .shopping #heading,.shoppingListBody .shopping #breadcrumb,
.shopping.gallery #heading, .shopping.gallery #breadcrumb{display:none;}

.productViewBody .shopping  #container,
.shopping.checkout #container,
.shopping.submit #container,
.shopping.subpage #container{
  	 max-width: 1400px;
	padding: 50px 50px 50px 50px;
}
.shoppingListBody #footer,
.gallery #footer{padding:40px 50px;}

.viewCartLink, .viewCartCheckoutLink{
	color:[WSCOL_BUTTON_TEXT];
}
.productViewBody .shopping #heading,.productViewBody .shopping #breadcrumb{display:block;}

li .cmsItem .cmsTitle,
li .cmsItem .cmsTitle {
	margin:10px 0;
}

.galleryViewText{
	margin-top:20px;
}


#ContentCMS .row img{
	max-width:none;
	width:100%;
	height:auto;
}

.mainPrice .value, .productPrice .value {
    font-size: 1.5em;
}

.ProductList .cmsItem .cmsPrice {
	width: 48%;
	margin-top: 8px;
}
.ProductList .cmsItem .productlisttdbuy{
	width: 52%;
}
.cmsTitleAndText.productlisttdtitle{
	padding:0 3%;
    box-sizing: border-box;
}
.productslist .cmsItem .cmsPriceAndEnquiry{
	padding: 12px 3%;
    box-sizing: border-box;
}

.productSummaryRightAlignedBlock {
    display: block;
    width: 48%;
    float: left;
}

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

 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;
}
h2{
	color:[WSCOL_H2];
}
h3,h4{
	color:[WSCOL_H3];
}


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_TEXT];
	border: 1px solid [WSCOL_PAGE_BORDER];
        background-color:[WSCOL_PAGE];
        background-color:[WSCOL_MENU];
	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];
}




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: 8px;
    right: 15px;
    padding: 4px 8px;
    border-radius: 3px;
    z-index: 10000000;
cursor:pointer;
}

body .cmsDefaultTextLogo a, body .cmsDefaultTextLogo a:link {
	color: [WSCOL_BUTTON_TEXT];
}

.viewCartLink{padding-top:10px;}
.viewCartLink,
.viewCartCheckoutLink {
    width: 100%;
    display: block;
    text-align: center;
}

.viewCartSlash{display:none;}



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

OVERRIDE DEFAULT FIXED GRID

**********************************/
.shopping .list-style-bizcard li:nth-child(2n+1),
.shopping .list-style-2col li:nth-child(2n+3), 
.shopping .list-style-3col li:nth-child(3n+4), 
.shopping .list-style-4col li:nth-child(4n+5), 
.shopping .list-style-5col li:nth-child(5n+6), 
.shopping .list-style-6col li:nth-child(6n+7) {
   clear:none;
}

.shopping li.clear{clear:both!important;} 

.shopping .list-style-bizcard li,
.shopping .list-style-3col li,
.shopping .list-style-4col li,
.shopping ul .cmsItem,
.shopping ul .cmsImage,
.shopping ul .cmsItem .cmsImage   {
	min-height:0!important;
	margin:0;
	box-sizing:border-box;

}

.shopping .list-style-bizcard,
.shopping .list-style-3col,
.shopping .list-style-4col,
.shopping .list-style-5col{
	display:flex;
    flex-wrap: wrap;
}
.shopping .list-style-bizcard .cmsItem,
.shopping .list-style-3col .cmsItem,
.shopping .list-style-4col .cmsItem,
.shopping .list-style-5col .cmsItem {
        margin: 5%;
       background-color: [WSCOL_THEME_SECONDARY];
}

.shopping .list-style-bizcard .cmsItemLI,
.shopping .list-style-3col .cmsItemLI,
.shopping .list-style-4col .cmsItemLI,
.shopping .list-style-5col .cmsItemLI {
    background: [WSCOL_THEME_SECONDARY];
       border: 10px solid [WSCOL_PAGE];
}
.alsoConsider li{
         background-color: [WSCOL_THEME_SECONDARY];
border: 10px solid [WSCOL_THEME_SECONDARY];
    box-sizing: BORDER-BOX;
}
.shopping .cmsImage img {
    max-width: none;
    height: auto;
    margin: 0;
    width: 100%;
max-height: none;
}


.shopping #maincontent {
    padding: 20px;
}

.shopping .categoryHeaderSummaryText{display:none;}

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

RESPONSIVE FIXED MENU

************************************/
#mobmenu{
	top:-40px;
	transition: opacity .25s ease-in-out, top .4s ease-in-out;
    	-moz-transition: opacity .25s ease-in-out, top .4s ease-in-out;
    	-webkit-transition: opacity .25s ease-in-out, top .4s ease-in-out;
	opacity:0;

	
}

#mobmenu.mobile{visibility:hidden;display:block;position: absolute;}

.fixedHeader #topbox{
 max-width:1210px;
 margin:0 auto 0;
position:relative;
}

.fixedHeader #mobmenu{
    width: 100%;
    top: 0;
    opacity: 1;
    visibility:visible;
    position: fixed;
    z-index: 9999;
    left: 0;
	background:[WSCOL_PAGE];
	min-height:60px;
-webkit-box-shadow: 0 2px 42px rgba(0,0,0,0.2);
    box-shadow: 0 2px 42px rgba(0,0,0,0.2);
}

.fixedHeader #mobmenu #menu{
	background:none;
}

.fixedHeader #moblogo{
 float:left;
}

.fixedHeader #menu{
 float:right;
padding-right:25px;
    max-width: 75%;
}

.fixedHeader #menu a{
	line-height:60px;
	text-transform:uppercase;
}

.fixedHeader #menu ul ul a{
	line-height:initial;
	padding:5px 0;
	display:inline-block;
}

.fixedHeader #cmslogo b,.fixedHeader #cmslogo strong {
    font-size: 28px !important;
}

.fixedHeader #cmslogo .cmsDefaultTextLogo {
    margin: 0;
    padding-left:25px;
width:auto;
overflow:visible;
}

.fixedHeader #cmslogo .logo {
    height:60px;
	width:auto;
padding-left:25px;
}

.fixedHeader #cmslogo .cmsDefaultTextLogo a{
	line-height:60px;
	
}

.alsoConsider .cmsTitle, .bloglistitemtitle {
    font-size: inherit;
}


.cmsItem a.moreInfo, .cmsMoreInfo, .cmsNavButtons a {
    border: 0px solid #CACACA;
}



/*FONT STYLING*/

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

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

#outer{

 margin:0 auto 0;

 position:relative;
}

#logocontainer{
	position: relative;
	    margin: 50px 5% 40px;
    

  
}

#thebanner {
    max-height: 500px;
    overflow: hidden;
}

#cmslogo{
text-align:center;
background-color:[WSCOL_BANNER];
}

#cmslogo .logo{margin:auto;}


#cmslogo b, #cmslogo strong{
 color: [WSCOL_HEADING] !important;
 font-size: 2em;
 line-height: 1.2em !important;
 font-weight:normal;
 }

#cmslogo .cmsDefaultTextLogo {
	margin: 1% 5%;
}





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

#breadcrumb{}

#sidebarcontent{
	margin-top:15px;
        background-color:[WSCOL_PAGE];
} 

#maincontent{

}

        #ContentCMS{
		margin: 0 0 20px;
               
        }


            #ContentCMS table {
                 border-collapse: collapse;
                 
            }

       
        #heading h1{
               line-height:1.2em;
		margin-top:0;

	}
          
	.homepage #heading{
		display:none;
	}



#foot {
        min-height:40px;
	max-width: 1210px;
	margin: auto;
	padding:0px 8px;
}

#footer{
	padding:40px 0;

}



#footer .item{
 width:29%;
 float:left;
 margin-right:4%;
}
#footer h3{
 
}

#footer #map{
 float:right;
 margin:0;
}

#footer #rright.empty{
 display:none;
}



.newsitemback{
 font-size:120%;
}

.list-style-hover .cmsItem {
    position: relative;
    min-height: 0;
    border: none;
}


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

PRODUCT HOVER

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

.list-style-hover .cmsItem {
    border: 0px solid [WSCOL_PAGE];
/*cursor:pointer;*/
}

li.cmsItemLI .cmsItemHoverReveal{
	opacity:0;
	display:block;
-webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;


}
li.cmsItemLI:hover .cmsItemHoverReveal{
opacity:1;


}

.list-style-3col .cmsItem .cmsItemHoverReveal .cmsEnquiry {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
    margin-top: 5%;

}
.list-style-3col li.cmsItemLI:hover .cmsItemHoverReveal .cmsEnquiry {
	
}
.list-style-3col .cmsItem .cmsItemHoverReveal .cmsPrice {
    float: none;
    width: 100%;
    margin-top: 2%;
    text-align: center;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-style-3col li.cmsItemLI:hover .cmsItemHoverReveal .cmsPrice {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
}



.cmsItemHoverReveal>div.cmsPriceAndEnquiry {
    position: absolute;
    bottom: 0;
    width: 90%;
    margin: 0 5% 5%;
    height: 50%;
    padding: 0;

}

.cmsItemHoverReveal .cmsTitle{
    position: absolute;
    bottom: 0;
	margin-bottom:-3%;
    width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

li.cmsItemLI:hover .cmsItemHoverReveal .cmsTitle{
   
    margin-bottom:0%;
 
}



.cmsItemHoverReveal .cmsTitleAndText, .cmsItemHoverReveal>div {
    margin: 5%;
    height: 40%;
    position: relative;
}

.CategoryList .cmsItemHoverReveal .cmsTitleAndText,.CategoryList .cmsItemHoverReveal>div {
    margin: 5% 8%;
    height: 50%;
    position: relative;
}

.cmsItemHoverReveal .cmsTitle b{
  
}

.CategoryList .cmsItemHoverReveal .cmsTitle b{
  
}
.cmsItemHoverReveal .cmsText {
	display:none;
}


li.cmsItemLI .cmsHasNoImage .cmsItemHoverReveal,
li.cmsItemLI .cmsHasNoImage .cmsItemHoverReveal .cmsText {
   display:block;
   opacity: 1; 
}

li.sfhover .cmsItemHoverReveal, 
li:hover .cmsItemHoverReveal, 
li .cmsHasNoImage .cmsItemHoverReveal { 
  display: block; 
  height: 100%; 
  top: 0;
}

iframe[name=buyiframe]{position:absolute;}

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

END PRODUCT HOVER

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



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


 POPUP


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


#cboxWrapper A:visited,
#cboxWrapper A:link,
#cboxContent a{
	color:#282827;
	color: [WSCOL_THEME_PRIMARY];
	color: [WSCOL_LINK];
}

#cboxContent a:hover{
 color:#CEA500;
}

#cboxContent .shoppingbasket td{
 padding:0;
}

.basketSummaryLineItems {
border-top: 1px dotted [WSCOL_PAGE_BORDER];
}
.basketSummaryLineItems ul li {
border-bottom: 1px dotted [WSCOL_PAGE_BORDER];
}

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


MAIN CONTENT FEATURED


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


#sidebarcontent .featuredproducts{
 clear:both;
 overflow:auto;
 border-bottom: 1px solid [WSCOL_PAGE_BORDER];
}
#sidebarcontent .featuredproducts h2{
 font-size: 15px;
 margin: 6px 0 3px 0;
 letter-spacing: 1.3px;
}
#sidebarcontent .featuredproducts ul{

 margin:0;
 overflow:hidden;
 
}

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

#sidebarcontent  h2{
	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;
 height:250px;
 width: 20%;
position:relative;
vertical-align: top;
}
#sidebarcontent li .heading{
	font-size:80%;
	text-transform:uppercase;
	
}

#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:[WSCOL_LINK];
background-color:[WSCOL_THEME_PRIMARY];
opacity:0.75;
}


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

#sidebarcontent .featuredproducts{
	
}

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

#sidebarcontent .featuredproducts ul .fptitle{
 
}

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

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

.fptitle {
	font-size: 90%;
}

.newslistitemtitle,.cmsTitle,
.bloglistitemtitle{
	font-size: 1.2em;	
}

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

.cmsFormPrompt {
font-size: 90%;
}
.featuredproducts ul {
	font-family: inherit!important;
}



.cmsItem .bloglistimage.floatRight {
margin-left: 15px;

}




@media (min-width:801px) {

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

.shopping .alsoConsider .list-style-5col li:nth-child(5n+6){
	clear:both;
}
.shopping .alsoConsider .list-style-5col .cmsItem {
    margin: 4%;
}

}

@media (max-width:800px) {

#inner{
	flex-direction:column;
}
.shoppingListBody .shopping #heading, .shoppingListBody .shopping #breadcrumb {
    display: block;
    text-align: center;
}

.alsoConsider .cmsImage img{
	max-height:none;
}

body .alsoConsider ul li{
	width:50%;
	float: left;
}
body .alsoConsider ul li:nth-child(odd){
	clear:both;
}

.viewCartLink, .viewCartCheckoutLink{
	color:[WSCOL_TEXT];
}

#heading h1 {
    margin-bottom: 0;
}

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

RESPONSIVE MOBILE MENU

************************************/
#masthead{
	position:relative;
	width:100%;
    height: auto;
}

#masthead #cmslogo{
	text-align:left;
	height:50px;
}
#masthead #cmslogo b, #masthead #cmslogo strong{
	font-size:24px;
	line-height:50px!important;
}
#masthead #cmslogo b, #masthead img{
    max-height: 40px;
    padding-top: 6px;
}

#vcart{
	background-color:[WSCOL_PAGE];
	text-align: center; 

}

#wgtCart{border-top:0px;
	margin-top:0;
	display:block;
	border-bottom:1px solid;
	border-color:[WSCOL_THEME_PRIMARY];
	border-color:1px solid [WSCOL_PAGE_BORDER];
}
.viewCartLink,
.viewCartCheckoutLink{
	display:inline;
	width:auto;
}

#container,
.productViewBody .shopping #container, .shopping.checkout #container, .shopping.submit #container{padding:6%;}


.shopping #container{padding:0;}
#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;
height:100%;
	background-color:[WSCOL_BG];
	background-color:[WSCOL_THEME_PRIMARY];
	background-color:[WSCOL_MENU];
}

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

}

#mobmenu #menu{
	background:none;
}
#mobmenu #menu li {
    float: none!important;
    clear: both!important;
    display: block;
    padding: 5px 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,
#mobmenu #menu li a.catmenu-active {
    text-decoration: none;
border-bottom:1px solid [WSCOL_BUTTON_TEXT];
margin-bottom:2px;
padding-bottom:2px;
	
}

li.cmsItemLI .cmsItemHoverReveal {
    opacity: 1;
}

.cmsItemHoverReveal .cmsTitleAndText, .cmsItemHoverReveal > div {
    width: 90% !important;
}

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

#logocontainer{margin-top:0;margin-bottom: 0;}

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


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

}





@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;
 
 line-height:1.1em;
 padding:15px 1%;

}

#cboxLoadedContent table{
	min-width:0!important;
	
}

#cboxLoadedContent .cartSummary li {
	margin-left:0;
	margin-right:0;
}


#cboxLoadedContent .basketSummaryLineLeft {
    width: 70%;
    float: left;
}

#cboxLoadedContent .basketSummaryLineRight {
    width: 20%;
    margin-right: 1%;
}
#cboxLoadedContent .cartSummaryFull .basketSummaryLineDetails {
    width: 65%;
}
#cboxLoadedContent .cartSummaryFull .basketSummaryLineImage {
    max-width: 30%;
}
#cboxLoadedContent .cartSummaryFull .basketSummaryLineOptions {
        float: left;
    margin-right: 0;
    width: 100%;
}
#cboxLoadedContent .cartSummaryFull .basketSummaryLineItemOptionsEditable {
    width: 100%;
    float: none;
    margin: 10px 0;
}

#menuandsearch {
 min-height: 0px;
}

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

#sidebarcontent li {
width: 50%;
}


}

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

END @MEDIA

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