/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
  font-size:12px;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
        padding: 0;
        margin: 0; 
	font-display:optional;
}

div.is-wrapper>div {
    -webkit-transition:none;
    -moz-transition: none;
    -ms-transition:none;
    -o-transition:none;
    transition: none;
}

div.is-wrapper{    height: auto; }

#mobmenu{
	padding:50px 25px;
 	-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;
	background-color:[WSCOL_THEME_SECONDARY];
	background-color:[WSCOL_MENU];
	z-index:2000;
}

.viewCartIcon{display:none;}

form.cmsSearchWidget{
	display:flex;
	gap:0.25rem;
}

form.cmsSearchWidget input.searchtoykeywords{
	margin:0;
}

/***********************************
 
 CYCLE2 PREV / NEXT / PAGER

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

#bannerwrap {
position:relative;
}

#bannerwrap .cycle-prev {
left:0;
}

#bannerwrap:hover .cycle-prev {
left:1%;
opacity:0.8;
}

#bannerwrap .cycle-next {
right:0;
}

#bannerwrap:hover .cycle-next {
right:1%;
opacity:0.8;
}



.cycle-prev,.cycle-next {
opacity:0;
height:50px;
width:50px;
font-size:40px;
line-height:50px;
color:[WSCOL_LINK];
color:[WSCOL_THEME_PRIMARY];

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 {
      font-family: "Ionicons";
    content: "\f124";
    line-height: 50px;
}
.cycle-next:before {
    content: "\f125";
}

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

#cmsBannerSlideDiv .cycle-pager{
	display:block;
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 .row .column.imgCol{padding:0;}
#cmsAltBanner .row .column.imgCol figcaption {padding:0 1rem;}

/* FORM CUSTOMISATION *******************************/
 .cmsFormElements {
     margin: 1% 0;
}
 .cmsFormElement, .cmsFormSubmitRow {
     display:flex;
     margin: 1% 0;
}
 .cmsFormPrompt, .cmsFormActions, .cmsFormDataNoPrompt {
     flex:1;
}
 .cmsFormData, .cmsFormOptions{
     flex:3 
}
 .cmsFormData input, .cmsFormData select, .cmsFormData textarea, .cmsFormDataNoPrompt textarea {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
}
/* END FORM CUSTOMISATION *******************************/

.socialmediaicons ion-icon,
.socialmediaicons i.icon {
    width: 24px;
    font-size: 16px;
    height: 24px;
padding:5px;
background: none!important;
color:[WSCOL_LINK];
color:[WSCOL_THEME_PRIMARY];
}
/*old icon incorrect size?*/
.socialmediaicons i.icon {
	height:34px;
	width:34px;
	font-size:22px;
}

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

THEME

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

div.is-container{padding:0;}
.cmsHomePage .breadcrumbtrail{display:none;}

.is-content{z-index:1;}

#searchsocial{margin-right:1rem;}


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:3.4rem;
	line-height:1.0em;
}
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_PAGE_BORDER];
	margin: 2px;
        padding:6px;
}


textarea {
	font-size:100%;
	border: 1px solid [WSCOL_PAGE_BORDER];
        background-color:[WSCOL_PAGE];
	padding:4px;
}
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;
	cursor:pointer;
}
input:hover[type=submit]{
	background-color:[WSCOL_ALINK];
        background-color:[WSCOL_BUTTON_HOVER];
        height:auto;
}

.btn.btn-primary, .cmsItem a.moreInfo, .cmsMoreInfo, .cmsNavButtons a{
	background-color:[WSCOL_THEME_PRIMARY];
        background-color:[WSCOL_LINK];
	color:[WSCOL_PAGE];
}

 .btn.btn-primary:hover, .cmsItem a.moreInfo:hover, .cmsMoreInfo:hover, .cmsNavButtons a:hover{
     background-color:[WSCOL_THEME_SECONDARY];
     background-color:[WSCOL_ALINK];
     color:[WSCOL_PAGE];
    border-color:[WSCOL_THEME_SECONDARY];
	border-color:[WSCOL_ALINK];
}



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


#mobbtn  {
    display: inline-block;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;

}
#mobbtnx{
    position: absolute;
    right: 12px;
    top: 12px;

}

#mobbtn A,#mobbtn A:active, #mobbtn A:hover,
#mobbtnx A,#mobbtnx A:active, #mobbtnx A:hover {
	background-color:#999;
	background-color:[WSCOL_MENU];
	background-color:[WSCOL_THEME_PRIMARY];
	color:white !important;
    padding: 4px 8px;
    z-index: 10000000;
    cursor:pointer;

display:block;
}


@media (min-width:561px) {

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

}

@media (max-width:560px) {

div.is-content{display:block;margin-top: 0!important;}

#cmsShoppingCartTemplateLinks {
    display: flex;
}

#cmsPageHeaderTopTools #cmsShoppingCartTemplateLinks a ion-icon, #cmsPageHeaderTopTools #cmsShoppingCartTemplateLinks a i.icon {
    font-size: 24px;
    padding: 5px;
    width: 100%;
}


div#maincolumn {
 overflow-x: visible;
}

body .featuredproducts li {
    width: 100%;

}
div#rightcolumn {
  
    padding-left: 0;
    margin-left:0;
    border-left: 0px solid #BCBCBC;
    margin-bottom: 25px;
}

div.categories #container {
    display: block!important;
}

div.imageAlignmentBlock,leftAlignedImageBlock,
div#cmsProductSummary .rightAlignedImageBlock {
	margin-left: 0;
    	margin-right: 0;
	width:100%;
	float:none;
	max-width:none;
}

/*wishlist pos*/
#cmsProductSummary #productBuyForm .cmsFormPrompt + div{width:75%;}

#cmsPageHeaderToolsBelowHeading .breadcrumbtrail{margin-bottom:1rem;}	

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

RESPONSIVE MOBILE MENU

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

#moblogo{
	display:none;
}
#mobmenu{
    position: absolute;
    width: 85%;
    left: 100%;
	padding:40px 8%;
	top:0;
bottom: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 #menu ul ul li:hover,
 #mobmenu #menu li:hover>a,
 #mobmenu #menu a:hover,
 #mobmenu #menu a,
 #mobmenu #menu li{
	background:none!important;
}


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

}

#mobmenu #menu{
	background:none;
    float: none;
padding-bottom:40px;
}


#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:14px;
	text-decoration:none;
	line-height:2em;
}

#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:12px;
}

#mobmenu #menu ul ul ul li a{


	padding-left:20px;
}


#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{

}

#mobmenu  #menu li li:hover ul {
    left: 0 !important;

}

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

.active #mobmenu {
		left:15%;
}
#mobmenu #catmenu #catnav{
	border-top:1px solid [WSCOL_PAGE_BORDER];
	padding:1.2em 0;
}
#mobmenu #catmenu #catnav ul{
	display:block;
}

#mobmenu #catmenu li{
	border:none;
}
#mobmenu #catmenu li a{
	font-size:20px;
	color:[WSCOL_PAGE];
}
#mobmenu #catmenu ul li a{
	font-size:18px;
}
#mobmenu #catnav:before {
	color:[WSCOL_THEME_PRIMARY];
}
#mobmenu #catmenu li.catmenuli-active > a,
#mobmenu #catmenu li.catmenu-active > a,
#mobmenu #catmenu li.catmenu-parentactive > a,
#mobmenu #catmenu li.selectedCategoryPath > a{
	color:[WSCOL_THEME_PRIMARY];
    font-weight: 700;
}

/*******************************/
body #cmsPageHeaderTopTools{

    text-align: center;
vertical-align:middle;
}
#cmsPageHeaderTopTools .toyTable a ion-icon,
#cmsPageHeaderTopTools .toyTable a i.icon{
	
    color: [WSCOL_THEME_PRIMARY]!important;
    background: [WSCOL_PAGE]!important;
    height: 24px;
    width: 24px;
    font-size: 20px;
}
.templateLogo.mobile{    padding: 10px 60px; text-align: center; }
body #searchsocial{display:block;width: 100%;}
body #searchsocial .searchtoykeywords{display:none;}

body #cmsPageHeaderTopTools a{
	color:[WSCOL_TEXT];
}
.cmsFormElement, .cmsFormSubmitRow {
    flex-wrap: wrap;
}


body .is-section-masthead {
	flex-direction:column;
	background:[WSCOL_PAGE]!important;
	position:relative;
	padding-bottom:0.5rem;
}

.breadcrumbtrail{
text-align: center;
    display: inline-block;
    width: 100%;
}

#heading,#searchsocial {
    text-align: center;
}
#heading{margin-bottom:0.5rem;}

.is-section-masthead #searchsocial input {
    height: 32px;

}
.is-section-masthead  #searchsocial .socialmediaicons a{}
.is-section-masthead  #searchsocial .socialmediaicons a.viewcartpopup{display:inline-block;}



#leftcolumn{
	display:none;
}
.is-section-masthead #menulogo{
	display:block;
}

.is-section-masthead #menulogo #minlogo {
    display: block;
}

.is-section-masthead #minlogo #cmslogo b {
    font-size: 3rem;
}

body .is-section-masthead #minlogo img.logo {
    height:auto;
}
.is-section-masthead #minlogo #cmslogo .cmsDefaultTextLogo {
    padding: 16px 80px 16px 16px;
    text-align: left;
}

body #infoandlogin {
padding:0;
}

.cmsOuterContainer{
	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!important;}
.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;
}

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

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

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

}


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

END TAG CODING

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




/*FONT STYLING*/

h1,h2,h3,h4,h5,h6{
	font-weight:600;
}

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

.cmsOuterContainer{
 margin:0 auto 0;

 position:relative;
}

#cmsPageBannerSlideDiv img{width:100%;}
#container{
 background-color:[WSCOL_PAGE];

}
div.is-content{
margin-top: 4vW;
}
.is-section-masthead{
	display:flex;
	justify-content:space-between;
	background-color:[WSCOL_THEME_PRIMARY];
	background-color:[WSCOL_MENU];
	position:fixed;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	min-height:70px;
	width:100%;
	z-index:1024;

}
.ineditor .is-section-masthead{position:relative;z-index:auto;display:block;}

#minlogo{display:none;padding:0;margin: auto;flex-shrink:0;}
#minlogo #cmslogo .cmsDefaultTextLogo { width:100%;margin:0;font-weight: bolder;text-align: center;}
#minlogo #cmslogo b {font-size: 2.0em;line-height: 1.0em !important; font-weight: normal;}
.is-section-masthead #minlogo img.logo {height:32px; display: block;max-height: 300px;}
.fixedHeader #minlogo{display:inline-block;}

#menulogo{display: flex;}
#menulogo #menu{display:inline-block;}
#menulogo #mainmenu{
    display: flex;
    align-items: flex-end;
}
#cmsPageHeaderTopTools{display:inline-block;font-size:90%;}
#cmsPageHeaderTopTools a{color:[WSCOL_PAGE];}
#cmsPageHeaderTopTools #cmsShoppingCartTemplateLinks a ion-icon,
#cmsPageHeaderTopTools #cmsShoppingCartTemplateLinks a i.icon{color:[WSCOL_THEME_PRIMARY];}

#cmsPageHeaderTopTools #wgtCartItemCount{padding:0 4px;}

#searchsocial{
position: relative;
display:flex;
	align-items:center
}

#searchsocial input{
height:32px;
	background-color:[WSCOL_THEME_PRIMARY];
	background-color:[WSCOL_MENU];
color:[WSCOL_PAGE];
	color: [WSCOL_BUTTON_TEXT];
	border:1px solid [WSCOL_PAGE_BORDER];
}
#searchsocial #cmsTemplateLoginFormArea,
#searchsocial .socialmediaicons,
#searchsocial .searchFormDiv{display:inline-block;    vertical-align: middle;}
#searchsocial .searchtoysubmit{display:none;}
#searchsocial .toysLoginButton{text-transform:uppercase;}

 #cartcounter{
	color:[WSCOL_THEME_PRIMARY];
	
    display: inline-block;
    padding: 0 8px 2px 4px;
    vertical-align: middle;
}

 #cartcounter i.icon{
     display: inline-block;
         width: 26px;
    font-size: 22px;
    padding: 5px 0;
     box-sizing: border-box;
     height: 26px;
	color:[WSCOL_THEME_PRIMARY];
}


#cmslogo .logo{margin:auto;}

#cmslogo b, #cmslogo strong{
 color: [WSCOL_HEADING] !important;
 font-size: 4rem;
font-size: 4.5vW;
 line-height: 1.0em !important;
font-weight:normal;
 }


#leftcolumn #cmslogo .cmsDefaultTextLogo {
	max-width:340px;
	margin: 0;
	width: 100%;
	background-color:[WSCOL_THEME_PRIMARY];
	height: 0;
	padding-top: 100%;
	position: relative;
}

#leftcolumn #cmslogo .cmsDefaultTextLogo b{
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	text-align:center;
}

#leftcolumn #cmslogo .cmsDefaultTextLogo a{
	color:[WSCOL_PAGE];
}
.cmsUsualWidth{
	max-width:1400px;
    margin-left: auto;
    margin-right: auto;
}
#container{
	max-width:1400px;
	text-align: left;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	padding:25px 25px 0;

}
 
#infoandlogin {width:100%;padding-top:45px;padding-bottom:25px;}



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



#breadcrumb{text-align:center;}
.cmsTemplateB .breadcrumbtrail{display:none;}

#leftcolumn{
	flex:1;
    padding-right: 1.2em;
    margin-right: 1.2em;
    border-right: 1px solid [WSCOL_PAGE_BORDER];
	margin-bottom:25px;
}

#maincolumn{
	flex:4;
	padding-bottom:50px;
	overflow-x: hidden; /*for slickslider to work*/
}

#maincontent{position:relative;}

        #ContentCMS{
		margin: 0 0 20px;
               
        }


            #ContentCMS table {
                 border-collapse: collapse;
                 
       }
        #heading h1{
               line-height:1.2em;
               margin:0;
               padding:0;
	}
          





#footer,
#copyright{
    width: 100%;
	background-color:[WSCOL_THEME_PRIMARY];
	background-color:[WSCOL_MENU];
	background-color:[WSCOL_THEME_SECONDARY];
	color:[WSCOL_PAGE];
}
#footer a,
#copyright a{
	color:[WSCOL_PAGE];
}

#footer a:hover,
#copyright a:hover{
	text-decoration:underline;
}

#footer p,
#copyright .copyright{
	color:[WSCOL_PAGE];
}
/*********************************


 Shopping Cart Formatting


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


.cmsPriceAndEnquiry {
	font-size:100%!important;
	padding-top:15px;
}
.cmsPrice{
	line-height:2.4em!important;
}

.cmsPageList, .CategoryList, .ProductList {
	padding: 5px 0;
}



form[name=productSearchForm]{
 margin-bottom:20px;
}

.shoppingbasketcheckoutbutton{
 margin:20px 0;
}

.formDIV{
 margin:20px 0;
}

table.prdthumbs{
 border-spacing:0px;
}
table.prdthumbs td{
 padding:4px 4px 4px 0;
 vertical-align:top;
}
.productlistprice b, 
.productlisttdprice b,
.productPricePrice b{
 font-size:160%;
}

#viewcart #cmsViewCartLink {
    padding-top: 20px;
}

.viewCartLink:before {
    font-family: "Ionicons";
    content: "\f370";
    padding-right: 10px;
    color: [WSCOL_THEME_PRIMARY];
    color:[WSCOL_LINK] ;
    display: inline-block;
    font-size: 22px;
    text-align: left;
    left: 0;
}

#viewcart .viewCartIcon{display:none;}
/*********************************


FORM CUSTOMISATION


*********************************/
 .cmsFormElements {
     margin: 1% 0;
}
 .cmsFormElement, .cmsFormSubmitRow {
     display:flex;
     margin: 1% 0;
}
 .cmsFormPrompt, .cmsFormActions, .cmsFormDataNoPrompt {
     flex:1;
}
 .cmsFormData, .cmsFormOptions{
     flex:3 
}
 .cmsFormData input, .cmsFormData select, .cmsFormData textarea, .cmsFormDataNoPrompt textarea {
     width: 100%;
     margin-left: 0;
     margin-right: 0;
}
/* END FORM CUSTOMISATION */


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


 POPUP


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


#cboxContent{
 line-height: 1.6em;
}
#cboxContent input[type=submit]{

}


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

#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


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

#featuredcontent #FeaturedProductsCombined:before,
#catnav:before{
	content:"Featured Products";
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	display:block;
	margin-top:1.2em;
	font-weight: 700;
}

#catnav:before{
	content:"Categories";
margin-bottom:1.2em;
}

#featuredcontent .featuredproducts{
 clear:both;
 overflow:auto;
 border-bottom: 1px solid [WSCOL_PAGE_BORDER];
}

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

#featuredcontent  h2{
	text-align:center;
}


#featuredcontent li .heading{
	font-size:80%;
	text-transform:uppercase;
	
}

.featuredproducts li{position:relative;}

body .featuredProduct .cmsItemPromoStamp.hidden{display:block!important;}

div.cmsItemPromoStamp{
display:block;
margin:0;
position:absolute;
left:0;
top:0;
z-index:100;
height:50px;
width:50px;
line-height:50px;
text-transform:uppercase;
border-radius:0px;
color:#fff;
background-color:[WSCOL_LINK];
background-color:[WSCOL_THEME_PRIMARY];
opacity:1;
font-size:12px;
    font-weight: 700;
}

.featuredProduct div.cmsItemPromoStamp{
margin: 5%;
}

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

#featuredcontent .featuredproducts{
	
}

#featuredcontent .featuredproducts ul img {

}

#featuredcontent .featuredproducts ul .fptitle{
     margin-top: 0.6em;
}

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

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

.fptitle {
	font-size: 0.9em;
}

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

.list-style-3col .cmsItem {
	margin: 5%;
}

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

}


.productPageThumbs ul{
	list-style:none;
	margin:0;
	padding:0;
}
.productPageThumbs li{
	display:inline-block;
}

#DivCustomProductPage .productPriceTableDetailed{
	margin-top:20px;
}

.CategoryList .cmsItem{
	padding:2%;
}
#vcart {
position: absolute;
top: 0;
right: 0;
width:auto;
z-index: 9001;
}


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

@MEDIA

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

@media only screen and (min-width : 1300px) {
#cmslogo b, #cmslogo strong{
	font-size: 4rem;
	}
}

@media only screen and (max-width : 800px) {
	#searchsocial .searchFormDiv{display:none;}
	#searchsocial input { height: 24px;}
	#searchsocial{flex-shrink: 0;}
	.dirlistingsocialmediaicons i.icon, .socialmediaicons i.icon {
	display: inline-block;
	width: 24px;
	font-size: 18px;
	padding: 3px;
	height: 24px;
	
	}
}


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

#mobmenu #menu {
    float: none;
}

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

#cmslogo {

}

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

#featuredcontent li {
width: 50%;
}


}



/*==============================================

START MOBILE MENU

================================================*/
@media only screen and (max-width : 1300px) {
  #menu {
   /* display: none;*/
  }
}

.is-mobile-menu a{
	color: [WSCOL_BUTTON_TEXT];
}
.is-mobile-menu {
  position: relative;
  display:none;
}
.mobilemenuactive .is-mobile-menu {
	display:block;
}

a#mobbtn {
  display: none;
  z-index: 2109;
  right: 0;
  top: 0;
  padding: 1rem;
  cursor: pointer;
}

#mobbtnx i.icon {
  font-size: 30px;
  margin: 5px;
}

#mobbtn i.icon {

}

a#mobbtnx {
  cursor: pointer;
  position: fixed;
  z-index: 2111;
  left: 0;
  top: 0;
  padding: 1rem;
  display: none;
    text-align: right;
}

.mobilemenuactive a#mobbtnx {
  display: block;
}

.ineditor a#mobbtnx {
  display: none;
}

.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: 0%;
  max-width: 380px;
  width: 100%;
  background: white;
  background: [WSCOL_PAGE];
  background: [WSCOL_MENU];
  border-left: 1px solid #333;
float:right;
}

.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: 2110;
  display: none;
}

.ineditor .is-wrapper .is-mobile-menu {
  position: relative;
  left: 0;
  visibility: visible;
}

@media (max-width:1300px) {
  .mobilemenuactive .is-wrapper .is-mobile-menu {
    display: block !important;
    visibility: visible;
    z-index: 2121;
  }

  a#mobbtn {
    display: block;
  }

  .mobilemenucontainer ul {
    display: block;
    margin: 5px;
    padding: 5px;
  }

  .mobilemenucontainer li {
    display: block;
    list-style-type: none;
    padding: 5px;
    margin: 5px;
  }

  .is-mobile-menu .mobilemenucontainer>li {
    border-bottom: 1px solid [WSCOL_PAGE_BORDER];
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .is-mobile-menu .mobilemenucontainer>li>a {
    font-weight: 700;
  }

  .is-mobile-menu .mobilemenucontainer li a {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .searchFormDiv input {
    width: 33%;
  }

  .searchFormDiv input:first-child {
    width: 60%;
  }

  a#mobbtnx {}
}

/* end mobile menu */
/*=============================
HAS SUBMENU + ADDED VIA JS
=============================*/
.mobilemenucontainer button {
  background: inherit;
  border: 1px solid black;
  border-color: [WSCOL_LINK];
  border-color: [WSCOL_PAGE_BORDER];
  border-color: [WSCOL_THEME_PRIMARY];

  max-width: 50px;
  flex: 1;
  cursor: pointer;
}

.mobilemenucontainer ul {
  display: none;
}

.mobilemenucontainer li.active>ul {
  display: block;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  border-left: 1px dotted [WSCOL_PAGE_BORDER];
}

.mobilemenucontainer li {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0 0 0 1rem;
  margin: 0;
}

.mobilemenucontainer li.hassubmenu>a {
  flex: 1;
}

.mobilemenucontainer li.hassubmenu button .plus {
  transition: 0.70s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.mobilemenucontainer li.hassubmenu.active>button .plus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.toggle .plus {
  height: 12px;
  width: 12px;
  margin: 0 auto;
  position: relative;
}

.active button.toggle .plus:before {
  opacity: 0;
}

.inactive button.toggle .plus:before {
  opacity: 1;
}

.active button.toggle.plus::before, button.toggle.active .plus::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

button.toggle .plus::before {
  width: 11px;
  height: 1px;
  opacity: 1;
}

button.toggle .plus::after {
  width: 1px;
  height: 11px;
  opacity: 1;
}

button.toggle .plus::before, button.toggle .plus::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: [WSCOL_LINK];
  background-color: [WSCOL_THEME_PRIMARY];

  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media (max-width:560px) {
  .mobilemenucontainer li.hassubmenu:after {
    display: none;
  }
}


/*-----------------------
SEARCH FORM TWEAKS
------------------------*/


.cmsSearchForm input{
	padding-top:0;
	line-height:30px;
	height:30px;
	padding-bottom:0;
}


/*-----------------------
LIST STYLE DEFAULT TWEAKS - To Target issues when options/sizes added to product list.
------------------------*/


.list-style-default .cmsItem {
    display:flex;
}

.list-style-default .cmsItem .cmsPriceAndEnquiry {
    min-width: 180px;
}



@media(max-width:560px){

.cmsSearchForm  {
    text-align: center;
}

.list-style-default .cmsItem {
    display:block;
}

.cmsProductSearchAdvanced{
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    font-size: 12px;
}

}

@media (max-width: 560px){
.list-style-default .cmsItem .cmsImage,
.list-style-default .cmsItem .cmsTitleAndText, .list-style-default .cmsItem .cmsTitleAndTextNoPrice,
.list-style-default .cmsItem .cmsPriceAndEnquiry {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
}
}