#mobileHeader {display:none;}
#mobileMenu{display:none;}
#mobileHeaderMenuIcon{display:none;}
#mobileStuff {display:none;}
.mobile-menu-image {display:none;}
#homeLinkContainerMobile {display:none;}
.promoMobile{display:none;}

@media screen and (max-width: 1031px) {
	
#mobileHeader{display:block;}
#topBasket {margin:10px 0px 10px 0px;height:25px ;}
.tdBasket {margin-left:25px;margin-top:5px;float:left;font-size:14px;font-family:arial;}
.tdBasket2 {margin-left:25px;margin-top:5px;float:left;font-size:14px;font-family:arial;}
.tdBasketImage{margin-top:0px;float:left;}
.tdBasketBOLD{margin-top:5px;float:left;font-size:14px;font-family:arial;font-weight:bold;}
.basketSize {width:25px;}
.menuLines {float:right;margin:5px 25px 0px 0px;}
.topMenuImage {width:40px;}
.phoneImage {display:none;}

    #showCart {display:none;}

    #mobileStuff {display:block;}

	#mobileHeaderMenuIcon{
		display:block;
		position:absolute;
		top:30px;
		right:30px;
		height:50px;
		width:50px;
	}
	
    .mobile-menu-image {
    	position:relative;
    	width:50px;
    	display:block;

    }



	.box-shadow-menu {
      position: relative;
      padding-right: 2.25em;
      width: auto;
      float:right;
    }
    .box-shadow-menu:after {
      content: "";
      position: absolute;
      right: 1em;
      top: 0.30em;
      width: 1.5em;
      height: 0.15em;
      background: #fff;
      box-shadow: 
        0 0.25em 0 0 #fff,
        0 0.50em 0 0 #fff;
    }
	#mobileHeaderContact{
		clear:both;
		padding:0 10px 0 10px;
		background-image:url('/images/top_strapline.png');
		background-position:top center;
		background-repeat: repeat-y;
	}
	#mobileHeaderContact > div{
		/*float:left;*/
		height:35px;
		padding-top:3px;
		padding-bottom:3px;
		font-size:14px;
		box-sizing:border-box;
	}
	#mobileHeaderContact > div:last-child{
		height:0px;
	}
	#mobileHeaderContact > div > a{
		text-decoration:none;
		color:white;
	}
	.floatLeft{float:left;}
	.floatRight{float:right;}
	#mobileHeaderContact > div > a > img{
		max-height: 100%;
		/*margin-top:-20px;*/
		display:inline-block;
		vertical-align: middle;
	}
	#mobileBanner > img{
		max-width:100%;
	}
	#mobileBanner > #mobileTagline{
		background-image:url('/images/footer_background.png');
		background-repeat:repeat-y;
		background-position: top center;
		/*height:40px;*/
		padding:7px 10px 7px 10px;
		color:white;
		text-align: center;
		font-size:14px;
	}
	
  	.desktopmenu {display:none;}

  	#mobileMenu{
		background-color:#aaa;
		padding-bottom:0px;
		border-bottom:#000 1px solid;

	}
	#mobileMenu > ul{
		list-style: none;
		display: block;
		padding:0;
		margin:0;
	}
	#mobileMenu > ul > li{
		display:block;
		border-top: solid 1px #444;
		padding:5px;

	}

	#mobileMenu > ul > li:hover{
		background-color:#9c3f97;
	}


	#mobileMenu > ul > li:last-child{
		border-bottom: solid 1px #444;
	}

	#mobileMenu > ul > li > a{
		margin: 0px;
		text-decoration: none;
		display:block;
		/*width:100%;*/
		height: 100%;
		color:white;
		padding-left:20px;
		font-size:18px;

	}

		#goodiesMenu > li > a{
		margin: 0px;
		text-decoration: none;
		display:block;
		/*width:100%;*/
		height: 100%;
		color:white;
		padding-left:5px;
		font-size:20px;
		font-weight:normal;       
	}

    #mobileMenu > ul > li > a:hover{color:white;}

    #goodiesMenu > li > a:hover{color:#9c3f97;}
	
    #goodies{ }

    #goodiesMenu {
    	padding:10px 0px 10px 30px;
    	display:none;
    	list-style: none;
    	background-color:#c895c5;
    }



	#contentContainer{
		padding: 20px 20px 20px 20px;
	}
	#contentContainer h1, #contentContainer .sectionHeader{
		color:#D40008;
	}

	#contentContainer .sectionHeader{
		font-size:18px;
	}
	#contentContainer img{
		max-width:100%;
		margin-left: auto;
		margin-right:auto;
		
	}

 }


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

    .footerColumn{width:93%; padding-left:7%;margin-bottom:20px;}
    .copyright {text-align:center;}
    .footerColumnTitle {border-bottom:2px solid #555; }
    .telephonenumberDesktop {display:none;}
    .telephonenumberMobile {display:block;}
    .telephonenumberMobile > a {
		text-decoration: none;
		color:white;
		font-size:20px;
		font-weight:normal;
    }
    .telephonenumberMobile > a:hover {color:#9c3f97;}
    #footerContentContainer {margin-left:0px;}
    #leftColumn {display:none;}
    #rightColumn {display:none;}
    #homeLinkContainerMobile {display:block;}
       #littleLs {width:30%;float:left;margin-right:1%;margin-top:2px;margin-left:5px;margin-bottom:20px;}
       #facebook {width:30%;float:left;;margin-right:1%;margin-top:5px;}
       #newsletter {width:30%;float:left;;margin-right:1%;}
       .homeContent {margin-left:0px;margin-right:0px;}
    .tdBasket2 {display:none;}
	.overlay {opacity:0.0 !important;}
	.overlayQuilt {opacity:0.0 !important;}
	.productBox {width:160px; height:272px;margin: 0px 7px 20px 7px;}
	

}



@media screen and (max-width: 549px) {
.productBoxFeatured {margin:0px 9px 15px 10px; height:155px; width:125px;}    
.productBoxFeatured > img {height:120px; width:100%;}  
.productBoxFeatured:hover{background-color:#E4D2E6}
.howToSelectBox{width:100%;}
.productBoxLandingPage {width:115px;height: 220px;}
.productBoxLandingPage > img {width:100%;}
#homeBoxes {margin-left:0px;}
#bannerwrapper {display:none;}
#mobileHeader{display:block;}
#topBasket {margin:10px 0px 10px 0px;height:25px ;}
.tdBasket {margin-left:25px;margin-top:5px;float:left;font-size:14px;font-family:arial;}
.tdBasket2 {display:none;}
.tdBasketImage{margin-top:0px;float:left;}
.tdBasketBOLD{margin-top:5px;float:left;font-size:14px;font-family:arial;font-weight:bold;}
.tdBasket {margin-left:25px;margin-top:5px;float:left;font-size:14px;font-family:arial;}
.basketSize {width:25px;}
.menuLines {float:right;margin:5px 25px 0px 0px;}
.topMenuImage {width:40px;}
.phoneImage {display:block;}
.registerBox {width:132px;}
.promoMobile {display:block;}
.editAddressBoxes {width:100%;}
.mobileLanding {margin-left:0px !important;}
.fabricChoiceBoxesContainer {margin-left:10px !important;}
.fc-box-title {height: 30px;}
.productBox {width:117px; height:272px;margin: 0px 7px 20px 7px;}
 .newBadge {font-size:18px;position:absolute;margin:-8px 0px 0px 40px;color:red;font-weight:bold;}
 .offerBadge {font-size:18px;position:absolute;margin:-8px 0px 0px 25px;color:red;font-weight:bold;}

 .colourBoxes{height:100px;width:100px;}

}

@media screen and (max-width: 517px) {
  
.howToSelectBox{width:100%;}
.productBoxLandingPage {width:115px;height: 220px;}
.productBoxLandingPage > img {width:100%;}
.productBox {width:117px; height:272px;margin: 0px 7px 20px 7px;}
.productBox > img {width:100%; max-height:125px !important;}
.fabricChoiceBoxesContainer {margin-left:10px !important;}
.fc-box-title {height: 30px;}
}

.contentOver700 {display:block;}
.contentOver500 {display:none;}

@media screen and (max-width: 700px) {
 .contentOver700 {display:none;}    
 .contentOver500 {display:block;}
}

#mobileShopMenu {display:none;}


@media only screen and (max-width: 1030px) {
	#mobileShopMenu {display:block;padding-left:5px;margin-left:auto;margin-right:auto }
	.mobileShopMenuLinks a{
	     color:white;
		 font-size:20px;
		 font-weight:normal;
		 font-weight:bold;	 
	  }
    .hideFromMobile {display:none;}
}

@media only screen and (max-width: 800px) {
	.productFabric {width:98% !important; margin-right:0px;}
	.MainViewFabric {width:100% !important;}
	#MainView {width:100% !important;}
	#mobileShopMenu {padding-left:0px ;}
	.leftColCatTop {display:none}
	.rightColCatTop {width:95%; float:left}
	.mobileShopMenuLinks a{
	     color:white;
		 font-size:14px;
		 font-weight:normal;
		 font-weight:bold;	 
	  }
	.mobileShopMenuDot {padding-left:3px;padding-right:0px;color:white}
  .fc-box-title {font-weight:bold;font-size:15px;color:black;text-align:center;margin-bottom:15px;margin-top:20px;}
}

@media only screen and (max-width: 600px) {
  .mobileShopMenuLinks a{
     color:white;
     font-size:13.8px;
     font-weight:normal;
     font-weight:bold;   
    }
  .mobileShopMenuDot {padding-left:3px;padding-right:0px;color:white}
  .fc-box-title {font-weight:bold;font-size:15px;color:black;text-align:center;margin-bottom:15px;margin-top:20px;}
}