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

BASE BOX STYLING

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

  body .is-wrapper > div.is-sticky, .is-sticky{
    z-index:50;
  }

.cmsDefaultTextLogo {
    width: 100%;
	margin: 0; 
    font-weight: bolder;
}
.cmsDefaultTextLogo B{
	display:inline-block;
}
.cmsDefaultTextLogo A {
    font-size: 40px;
    line-height: 50px;
}


.is-section-banner { 
background-color: [WSCOL_BANNER];
}

.is-section-logo { 
background-color: [WSCOL_BANNER];
}

.is-section-menu { 
background-color: [WSCOL_MENU];
}

.is-container {
	padding:0;
}

.cmsUsualWidth  {
     	max-width:1200px; 
	box-sizing: border-box; 
	margin-right: auto; 
	margin-left: auto; 
}

@media (max-width: 1200px) {

.cmsUsualWidth  {
	padding-left:1rem;
	padding-right:1rem;
}

.cmsUsualWidth  .cmsUsualWidth {
	padding-left:0rem;
	padding-right:0rem;
}

.is-container {
	padding-left:1rem;
	padding-right:1rem;
}

}

.cmsUsualWidth.containsContentBox {
     max-width:none!important;
     width: 100%!important;
     padding-left: 0!important;
     padding-right: 0!important;
}

.wsb-template.templateContent{
	margin-left:0;
	margin-right:0;
} 

.wsb-template.templateContent > .column{
	padding:0;
} 



#cmsShoppingCartTemplateLinks a { text-decoration : none; display: inline-block }

@media (max-width: 600px) {
.socialmediaicons { text-align: center; }
#cmsShoppingCartTemplateLinks { text-align: center; }

}


input,select,button {
line-height: 200%;
}

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

CONSTRAIN TEMPLATE A	

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

.cmsTemplateA .is-wrapper,
.cmsTemplateB .is-wrapper{


}

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

GENERAL CODING SET 3.0

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

/*=============================
  APPLY BOX-SIZING GLOBAL 
=============================*/

 html {
     box-sizing: border-box;
}
 *, *:before, *:after {
     box-sizing: inherit;
}

/*=============================
CMS FIXES
=============================*/

/*fix contentbox float issue*/
 body .is-boxes, body .is-wrapper > div {
     float: none;
}
body .is-boxes.slick-slide {
    float: left;
}

/*=============================
 HEADINGS AND LINKS
=============================*/

 a{
     color:[WSCOL_THEME_PRIMARY];
     color:[WSCOL_LINK];
     text-decoration:none;
}
 a:hover{
     color:[WSCOL_BUTTON_HOVER];
     color:[WSCOL_ALINK];
}
 h1{
     color:[WSCOL_HEADING];
}
 h2{
     color:[WSCOL_H2];
	font-size:1.8rem;
}
 h3,h4{
     color:[WSCOL_H3];
}

/*=============================
  FORM  LAYOUT 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;
}

/*=============================
  FORM  FIELDS 
=============================*/

input,select,option,textarea{
	font-family:inherit;
	font-size:0.8rem;
}
input{
	padding:0.4rem;
	border: 1px solid [WSCOL_PAGE_BORDER];
}
 textarea {
     border: 1px solid [WSCOL_PAGE_BORDER];
     padding:0.4rem;
}

 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;
     padding:0.4rem,1.0rem;
}
 input:hover[type=submit]{
     background-color:[WSCOL_ALINK];
     background-color:[WSCOL_BUTTON_HOVER];
}

/*=============================
  BANNER OVERLAY CENTERING 
=============================*/
#cmsBannerOverlay{
    display: flex;
}

#cmsBannerOverlay .row {
    display: flex;
    flex: 1;
    align-items: center;
}


/*=============================
 DESIGN > COLOURS
=============================*/

.template-masthead{background:[WSCOL_PAGE];background:[WSCOL_BANNER];}
.template-footer{background:[WSCOL_PAGE];}
.templateContent,
.template-page,
.template-content{background:[WSCOL_PAGE];}
.template-menu{background:[WSCOL_MENU];}
.templateHeader  {background-color:[WSCOL_THEME_SECONDARY]};

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

THEME STYLING

**************************************************/
.cmsHomePage{}
.cmsHomePage .breadcrumbtrail{display:none!important;}
.cmsHomePage .templateHeading{display:none;}

#cmsPageHeaderToolsBelowHeading .breadcrumbtrail{    text-align: center;display:block;}

.template-header .is-container,
.template-header .is-wrapper {
    max-width: none;
}

.is-wrapper .templateToptoys{
	margin-bottom:20px;
}



input[type=submit].buybutton, input[type=submit].btnAddToShoppingBasket, input[type=submit].shoppingbasketcheckoutbutton, input[type=submit].checkoutsubmitorder {
     font-size: 120%!important;
     padding: 4px 10px;
    margin: 2px 0;
    width: 100%;
max-width:200px;
    min-width: 70px;
}
.cmsWishListButtonShort{     font-size: 150%!important;    margin-left: 0px;    margin-top: 2px;}
 input, select {
     font-size: 100%;
     border: 1px solid [WSCOL_PAGE_BORDER];
     background-color:[WSCOL_PAGE];
     margin: 2px 0;
     padding:6px;
     cursor:pointer;
     font-family: inherit;
     border-radius:0px;
}
 textarea {
     font-size:100%;
     border: 1px solid [WSCOL_PAGE_BORDER];
     background-color:[WSCOL_PAGE];
     padding:6px;
     border-radius:2px;
}
 input[type=text]{
     text-indent:0px;
}
 input[type=submit], input[type=button]{
     background-color:[WSCOL_THEME_PRIMARY];
     background-color:[WSCOL_LINK];
     color:[WSCOL_BG];
     color:[WSCOL_PAGE];
     border:1px solid [WSCOL_THEME_PRIMARY];
     border:1px solid [WSCOL_LINK];
     height:auto;
     padding:4px 10px;
	border-radius:5px;
}
 input:hover[type=submit]{

	border-color:[WSCOL_THEME_PRIMARY];
     height:auto;
     color:[WSCOL_THEME_PRIMARY];
     color:[WSCOL_LINK];
     background-color:[WSCOL_PAGE];
     border:1px solid [WSCOL_THEME_PRIMARY];
     border:1px solid [WSCOL_LINK];
}

.btn.btn-primary, .btn.btn-default,.button-default, .button-primary, .cmsItem a.moreInfo, .cmsMoreInfo, .cmsNavButtons a{
     background-color:[WSCOL_THEME_PRIMARY];
     background-color:[WSCOL_LINK];
    color:[WSCOL_PAGE];
     border:1px solid [WSCOL_THEME_PRIMARY];
     border:1px solid [WSCOL_LINK];
     padding: 6px 16px;
     font-size:1.0em;
margin-bottom: 5px;
}
 .btn.btn-default, .btn.btn-primary,.button-default, .button-primary {
     border:2px solid [WSCOL_THEME_PRIMARY];
     border:2px solid [WSCOL_LINK];
	border-radius:5px;
}
.btn.btn-primary:hover, .btn.btn-default:hover,.button-default:hover, .button-primary:hover, .cmsItem a.moreInfo:hover, .cmsMoreInfo:hover, .cmsNavButtons a:hover{
     color:[WSCOL_THEME_PRIMARY];
     color:[WSCOL_LINK];
     background-color:[WSCOL_BG];
     background-color:[WSCOL_PAGE];
     border-color:[WSCOL_THEME_PRIMARY];
     border-color: [WSCOL_LINK];
}

.btn.btn-primary,
.btn.btn-default{
    white-space: normal;
margin-bottom:0.5rem;
}

 .alsoConsider .cmsImage img, .cmsThumb {
     max-height: 320px;
}
 hr {
     color: [WSCOL_PAGE_BORDER];
     background-color: [WSCOL_PAGE_BORDER];
     height: 1px;
     border: none;
     padding: 0;
     margin: 2px 0px 2px 0px;
}


.socialmediaicons ion-icon {
    width: 24px;
    font-size: 16px;
    height: 24px;
}

.socialmediaicons a i.icon,
.socialmediaicons ion-icon{
	background:white!important;
	background:[WSCOL_PAGE]!important;
	color:black;
	color:[WSCOL_THEME_PRIMARY];
}

a.socialmediaicon:hover i.icon,
a.socialmediaicon:hover ion-icon{
	color:black;
	color:[WSCOL_THEME_PRIMARY];
	color:[WSCOL_ALINK];
}

/********************************* Shopping Cart Formatting *********************************/


.productViewBody #cmsPageContainer{padding-right:25px;}






/********************************* Productlist  *********************************/

.ProductList .cmsPriceAndEnquiry{
    display: flex;
    flex-wrap: wrap;
	overflow:inherit;
}
.ProductList .cmsPriceAndEnquiry .productlisttdbuy{width:auto;flex: 1;}
.ProductList .cmsPriceAndEnquiry .productlisttdprice{flex:1;width:auto;} 
.ProductList .cmsPriceAndEnquiry .productlisttdbuy form{display:flex;    justify-content: flex-end;}
.cmsPriceAndEnquiry {
     font-size:100%!important;
     padding-top:15px;
}
 .cmsPrice{
     line-height:2.4em!important;
}
 .cmsPrice .preDiscount{
     line-height:1em!important;
}
 .cmsPageList, .CategoryList, .ProductList {
     padding: 5px 0;
}
 .ProductList .productlisttdimage{
    position:relative;
}
.cmsViewProductPageContinueLinks{display:none;}

 .shoppingbasketcheckoutbutton{
     margin:20px 0;
}
 .productGroup, .newsitemback{
     font-size:120%;
}
 table.prdthumbs{
     border-spacing:0px;
}
 table.prdthumbs td{
     padding:4px 4px 4px 0;
     vertical-align:top;
}
 .productlistprice b, .productlisttdprice b, .productPricePrice b{
     font-size:120%;
}
 .productPriceTableDetailed{
     margin:1.2em 0;
     padding:1.2em 0;
}
.productPriceTableDetailed .cmsFormSubmitRow .cmsFormPrompt{
	    flex: none;
}
 #cmsProductSummary .rightAlignedImageBlock {
     margin-left: 4%;
}
.home #cmsPageFooterTools {
    margin-top: 0px;
}

/********************************* Main Content Featured *********************************/

.featuredimage{
    position: relative;
}

 #featuredcontent > *{
     margin-top: 30px;
     padding-top: 1px;
}
 #featuredcontent ul.cmsList > li{
     position:relative;
     vertical-align:top;
}
 #featuredcontent .promoicon, .featuredProductStamp_On_Sale, .featuredProductStamp_New_Item, .featuredProductStamp_Best_Seller{
     position:absolute;
     left: 50%;
     margin-left: -40px;
     top:-0px;
     z-index:3;
     height:20px;
     width:80px;
     line-height:20px;
     text-transform:uppercase;
     color:#fff;
      background-color:[WSCOL_THEME_PRIMARY];
     opacity:0.95;
     text-align: center;
}
 .homePageFeaturedProducts{
     text-align:center;
}
 .homePageFeaturedProducts .featuredProduct {
     height: auto;
     border: 0px solid [WSCOL_PAGE_BORDER];
     margin: 0;
}

/********************************* Mobile  *********************************/


@media only screen and (max-width : 600px) {
#menu { display: none; }
}



a#mobbtn {
display:none;
position:absolute;
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%;
       background: white;
       background: [WSCOL_PAGE];
    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:1100;
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; 
   padding: 5px; 
  margin: 5px; 
} 


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


}


/* end mobile menu */

/********************************* Custom Mobile  *********************************/

@media (min-width:561px){


#cmslogo img{
    max-height: 140px;
    width: auto;
	height:auto;
}

}


@media (max-width:560px){

body .is-wrapper .is-mobile-menu {
    background: rgba(255,255,255,0);
    -webkit-transition: left .2s ease-in-out, opacity .2s ease-in-out;
    transition: left .2s ease-in-out, opacity .2s ease-in-out;
    left: 50%;
    opacity: 0;
}

body.mobilemenuactive .is-wrapper .is-mobile-menu {
	left:0;
	opacity:1;
}

.is-wrapper .is-mobile-menu .is-boxes {
    border-left: none;
}

#cmslogo img{
    max-height: 70px;
    width: auto;
height:auto;
}

.masthead-block{
	display:flex;
	flex-direction:column;
	margin-bottom:0!important;
}

.masthead-block .template-logo{
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
}

.masthead-block .templateToptoys{
	order:3;
}

.template-masthead .column{width:100%;text-align:center;}
a#mobbtn {padding: 0 1rem ;}

.is-wrapper .templateToptoys {
    margin-bottom: 10px;
	margin-top:10px;
}

/* SHOPPING LINKS*/ 
#cmsShoppingCartTemplateLinks a {
    display: inline-block;
    padding: 0 10px;
}
#cmsShoppingCartTemplateLinks a {
    font-size: 1.3rem;
}
#cmsShoppingCartTemplateLinks a span {
    display: none;
}

}