body {
        padding: 0; /* needed for firefox */
        margin: 0; /* needed for firefox */
	line-height:1.5em;
}

#inner{
	padding:15px 15px 50px;
 	-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;
}

.templateB #maincontent{display:flex;}
.templateB #maincontent #left{flex:2;padding-right:4%;}
.templateB #maincontent #cmsZone2{flex:1;}

.fixedHeader #mobmenu #menu a {
    text-transform: uppercase;
    font-size: 16px!important;
    background: none!important;
    line-height: 1.5em;
    height: auto;
}

/***********************************

 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];
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:[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 1em;}



/***********************************

 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];
}


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];
}



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: 35px;
    right:40px;
    padding: 4px 8px;
    border-radius: 3px;
    z-index: 10000000;
cursor:pointer;
}

/* FORM CUSTOMISATION */

.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 */

/************************************

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);
}
 #mobmenu #menu{
	background:none;
}
#mobmenu #moblogo{
 float:left;
}

#mobmenu #menu{
 float:right;
padding-right:25px;
    max-width: 75%;
}

#mobmenu #menu a{
	line-height:60px;
	text-transform:uppercase;
}

#mobmenu #menu ul ul a{
	line-height:initial;
	padding:5px 0;
	display:inline-block;
}

#mobmenu #cmslogo b,.fixedHeader #cmslogo strong {
    font-size: 28px !important;
}

#mobmenu #cmslogo .cmsDefaultTextLogo {
    margin: 0;
    padding-left:25px;
width:auto;
overflow:visible;
}

#mobmenu #cmslogo .logo {
    height:60px;
	width:auto;
padding-left:25px;
}
#mobmenu #cmslogo .cmsDefaultTextLogo a{
	line-height:60px;

}




@media (min-width:561px) {

.desktop{display:block;}
.mobile{display:none;}

}

@media (max-width:560px) {


/************************************

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;
    float: 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 {
	
}
.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 TAG CODING

****************************/




/*FONT STYLING*/

h1,h2,h3,h4,h5,h6,#menu,#infoandlogin{
	font-weight:normal;
}

.cleared {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

#outer{
 max-width:960px;
 margin:0 auto 0;
 background-color:[WSCOL_PAGE];
 position:relative;
}

#logocontainer{
	position: relative;
}




#cmslogo{
text-align:center;
}

#cmslogo .logo{margin:auto;}


#cmslogo b, #cmslogo strong{
 color: [WSCOL_HEADING] !important;
 font-size: 3.8em;
 line-height: 1.2em !important;
 font-weight:normal;
 }

#cmslogo .cmsDefaultTextLogo {
	margin: 1% 5%;
}


#container{
	max-width: 95%;
	text-align: left;
	margin:auto;

	      
}
#outer.homepage #container{
	border-top: 0px solid [WSCOL_THEME_PRIMARY];
	border-top: 0px solid [WSCOL_PAGE_BORDER];
}
 
#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:[WSCOL_MENU];
        text-transform:uppercase;
}

#menuandsearch select{
	width:100%;
	display:none;
}

#menuandsearchblack{
        min-height:48px;
        background-color: [WSCOL_PAGE];
}

/*TOP TABLE FORMATTING*/

.toyTable,
.verySocialBar,
#fblike{
        padding:0 0 3px 3px;
        margin-right:7px;
        line-height:1.0em; 
      
}

.toyTable .loginsubmit{
        margin-right:12px;
}

#cmsTemplateLoginForm {
	/*MOVED TO CATMENU CSS*/
}
#cmsTemplateLoginForm td {
	font-size: 11px;
	color: #3b3b3b;
}
#cmsTemplateLoginForm a {
	font-size: 10px;
	text-decoration: none;
}


/* ContentLayout -------------------------------------*/

#breadcrumb{text-align:center;}

#sidebarcontent{
	margin-top:15px;
        background-color:[WSCOL_PAGE];
} 

#maincontent{

}

        #ContentCMS{
		margin: 0 0 20px;
               
        }


            #ContentCMS table {
                 border-collapse: collapse;
                 
            }


        #heading{
                padding:10px 0;
	}

        #heading h1{
               line-height:1.2em;
               margin:0;
               padding:0;
		text-align: center;
	}
          

.searchFormDiv {
	
	float: right;
	z-index: 200;
	padding-right: 10px;
	padding: 0px;
	margin: 8px 8px 0 0;
	height: 35px;
}
	.searchFormDiv input {
		font-size: 12px;
		border: 0px solid #FFFFFF;
		color: #234254;
                height:19px;
	}
	.searchFormDiv .searchtoykeywords,
        .searchtoykeywords {
		margin-right: 4px;
		background-color: #eee;
		width: 150px;
	}
	.searchFormDiv .searchtoysubmit
	.searchtoysubmit {
		background: transparent url(/images/mag.png) no-repeat top center;
		font-size: 10px;
		width: 16px;
		height: 16px;
		margin: 0;
		padding: 0;
		border: 0;
		text-indent: -1000em;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
	}
	.searchFormDiv .searchtoysubmit:hover {
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
	}



#foot {
        min-height:40px;
	max-width: 1210px;
	margin: auto;
	padding:0px 8px;
}

#footer{
 padding-top: 12px;

}
#footer .item{
 width:29%;
 float:left;
 margin-right:4%;
}
#footer h3{
 
}

#footer #map{
 float:right;
 margin:0;
}

#footer #rright.empty{
 display:none;
}



/*********************************


 Shopping Cart Formatting


*********************************/


.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%;
}

.cmsPageList, .CategoryList, .ProductList {
	padding: 5px 0;
}

.ProductViewBizcard{
	padding: 15px 0;
}

form[name=productSearchForm]{
 margin-bottom:20px;
}

.shoppingbasketcheckoutbutton{
 margin:20px 0;
}

.formDIV{
 margin:20px 0;
}

.categorylisttdimage,
.productlisttdimage{
 padding-right:12px;
}
.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:160%;
}


/*********************************


 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 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{
 max-width:1100px;
 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:280px;
 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:18pt;	
}

.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;

}

/*************************************

CUSTOM PRODUCT LAYOUT

*************************************/

#DivCustomProductPage .ProductPageView{
	width:50%;
	float:left;
}

#DivCustomProductPage #ProductPageDetails{
	width: 48%;
	float: right;
}

#DivCustomProductPage #ProductPageDetails .ProductName,
#DivCustomProductPage #ProductPageDetails .ProductName h1{
	padding-bottom:20px;
	border-bottom: 1px solid [WSCOL_PAGE_BORDER];

}
#DivCustomProductPage #ProductPageDetails .ProductName h1 b{
	font-weight:normal;
}

#DivCustomProductPage img.img_product_view {
width: 100%;
height: auto;
}

.productPageThumbs ul{
	list-style:none;
	margin:0;
	padding:0;
}
.productPageThumbs li{
	display:inline-block;
}

#DivCustomProductPage .productPriceTableDetailed{
	margin-top:20px;
}

.CategoryList .cmsItem{
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:2%;
}
#vcart {
position: absolute;
top: 0;
right: 0;
width:auto;
z-index: 9001;
}


/*************************************

@MEDIA

*************************************/


@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 {
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%;
}


}