@font-face {

    font-family: calibri;

    src: url('Fonts/calibri.eot');
    /* EOT file for IE */
    }

    @font-face {

    font-family: calibri;

    src: url('Fonts/calibri.ttf'); /* TTF file for CSS3 browsers */
    } 

BODY {
	font-family: calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #444;
	/*background-image:url(images/bg.jpg);*/
	background-attachment: fixed; 
	margin:0;
	background-color:white ;
}

H1 {
	font-family: calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin-bottom:10px;
	color:#9c3f97;
} 

H2 {
	font-family: calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	color:#9c3f97;
}

TD, P, LI, UL {
	font-family: calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
   	color: #444;
}


.desktopmenu {display:block;height:37px;background-color:#a3a3a3;padding-top:10px;text-align:center;color:white;}
.desktopmenu > a {color:white;font-size:20px;font-weight:bold;text-decoration:none;}
.desktopmenu > a:hover {color:#9c3f97;}


#headerwrapper {width:100%;}
#bannerwrapper {
	/*max-width:1000px;*/
	background-image:url('images/new_top.jpg');
	background-repeat: no-repeat;
    background-position: center top; 
	background-color:#9c3f97;
	height:125px;
  }



#shopMenu{
    display:none;
    background-color:#c895c5;
    height:240px;
    color:white;
    padding-left:30px;
}

#shopMenuContent {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    color: white;
    padding: 20px 0px 20px 20px;
}

.shopMenuColumn{
	width:17%;
	padding-right:2%;
	text-align:center;
	display:inline-block;
}

.shopMenuImage{
	width:100%;
	border:1px solid #ccc;
	padding:0;

}

.shopMenuImage:hover{opacity:0.6;cursor:pointer;}
.shopMenuTitles {color:white;font-weight:bold;margin-top:0px;margin-bottom:5px;font-size:23px;text-shadow: 1px 2px #000;}
.menuDot {padding-left:23px;padding-right:21px;}
.hideNewsLink {display:block;}




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

#bannerwrapper {
	max-width:1000px;
	background-image:url('images/new_top.jpg');
	background-repeat: no-repeat;
    background-position: left top; 
	background-color:#9c3f97;
	height:125px;
     }
#topMenuHeader {display:none;}
}
 




#contentWrapper{
	max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding:20px 20px 20px 20px;
  }

#content{}

.boxShadowImage {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
   text-align: center;
}

#leftColumn { 

        width:70%;
        padding:0px 0px 0px 0px;
        float:left;
        margin-right:15px;
                  
}


.howToSelectBox{
     font-size:16px;
     width:400px;
     height:50px;
     border-radius:4px; 
     border:3px solid #ccc;
     padding:10px;
     margin-bottom:30px;
  }




#showCart{
        position:relative;
        margin:19px 50px 00px 0px;
        border:red solid 0px;
        height:30px;
        width:177px;
        line-height:15px;
        float:right;
        font-size:12px;
        color:#9C3F97; 
        background-color:white;
        border-radius:10px;
        padding:15px;
        font-size:14px;
} 

#showCart > a{color:black;}

/*

#searchBox{
        position:absolute;
        margin:64px 500px 0px 814px;
        border:red solid 0px;
        height:48px;
        width:177px;
        text-align:center;
}

*/


/* Menu structure */
.newMenuContainer {max-width:1000px;margin-left:auto;margin-right:auto;}
.newMenu {font-size:19px;text-decoration:none;font-weight:bold;float:left;margin-left:18px;}
.newMenu a {color:white; font-size:19px;text-decoration:none;font-weight:bold;}
.newMenu a:hover {color:#873894;}
#shopMenu-fabrics {display:none;}
#shopMenu-quiltkits {display:none;}
#shopMenu-patterns {display:none;}
#shopMenu-haberdashery {display:none;}
#topMenuHeader {background-color:#873894;height:30px;}
#topMenuContainer {max-width:1000px;margin-left:auto;margin-right:auto;}
#topMenu {padding-top:6px;float:right;color:white;font-weight:normal;font-size:14px;}
#topMenu a {color:white;font-weight:normal;text-decoration:none;}
#topMenu a:hover {color:#ccc;}
.topMenuDot {padding-left:6px;padding-right:4px;}
.leftColCatTop {width:28%;float:left;color:#444}
.rightColCatTop {width:68%;float:right;text-align:left;color:#444}
.catMenus {background-color:#eee;}
.colCatHeader {color:black; color:#873894;font-weight:bold;font-size:30px;margin-top:0px;}
.colCatText {}
.littlelsmenu {text-align:left;margin-left:3px;margin-top:9px;}
.littlelsmenu a {text-decoration:none;color:#444;}
.littlelsmenu a:hover {color:#873894; font-weight:bold;}
#mobileShopMenu {background-color:#a3a3a3;height:30px;display:none;padding-top:5px}
.mobileShopMenuDot {padding-left:6px;padding-right:0px;color:white}
.colorBoxes {}
.colorBox {max-height:50px;max-width:50px;float:left;margin:2px;border-radius:4px}
.catSelectBox {padding:5px;border-radius:3px;}
.catSubmitButton {padding:7px 10px 7px 10px;background-color:#873894;color:white;text-align:center;border-radius:3px;border:0;}
.fabricMenu {margin-top: -15px;}

.stylesSelector a {text-decoration:none;font-weight:bold; color:#873894;}
.stylesSelector a:hover {text-decoration:none;font-weight:bold; color:#ccc;}

.fabricChoiceBoxesContainer {width:100%; margin-top:15px; margin-left:20px;}
   .fc-boxes {float:left;width:23% !important; }
   .fc-boxes-color {float:left;width:15%;}
   
   .fc-box-title {font-weight:bold;font-size:20px;color:black;text-align:center;margin-bottom:15px;margin-top:20px;}
   .fc-box-image {}
   .fc-image {border:0px solid #ccc; border-radius:3px; width:100%;}

   .fc-box1 {margin-right:8px; margin-left:8px;} 
   .fc-box2 {margin-right:8px; margin-left:8px;} 
   .fc-box3 {margin-right:8px; margin-left:8px;} 
   .fc-box4 {margin-right:8px; margin-left:8px;} 
   .fcColor-box {margin-right:8px; margin-left:8px;} 

   .fc-box1:hover .overlay, .fc-box2:hover .overlay, .fc-box3:hover .overlay, .fc-box4:hover .overlay {transition: 1s;cursor:pointer;width:133px;height:133px;position:absolute; background-color:#000; opacity:0.2;}
   .fcColor-box:hover .overlayQuilt {transition: 1s;cursor:pointer;width:201px;height:201px;position:absolute; background-color:#000; opacity:0.2;}
   .fcColor-box:hover .overlay {transition: 1s;cursor:pointer;width:133px;height:133px;position:absolute; background-color:#000; opacity:0.2;}

 .styleImage {color:white;background-color:red;padding:5px;margin-bottom:3px;}
 .styleImage {color:white;background-color:red;padding:5px;margin-bottom:3px;}
 .editProduct {text-align:center;color:white;background-color:black;padding:5px;margin-bottom:3px;}
 .editProduct a {color:white;}

 .rangeBoxContainer {width:100%;margin-left:15px;}
 .rangeBoxLeft {width:25%;padding-right:2%; float:left;}
 .rangeBoxImage {width:100%;}
 .rangeBoxRight {width:73%; float:left; text-align:left;margin-top:-15px;font-weight:normal !important; }
 .rangeBoxHR {width:95%;float:left;}
 .rangeTopbox {border-bottom:1px solid #ccc; width:100%;float:left;}
 .newBadge {font-size:18px;position:absolute;margin:-8px 0px 0px 60px;color:red;font-weight:bold;}
 .offerBadge {font-size:18px;position:absolute;margin:-8px 0px 0px 40px;color:red;font-weight:bold;}
 .colourBoxes{height:140px;width:140px;}


#featureBox {
    
    margin-top:10px;
    background-color:#ffffff;
    padding: 10px;
    -moz-border-radius: .5em;
    -webkit-border-radius: 1em;
    border-radius: 1em; 
    border:3px  #873894 dashed;
    width:160px;
    height:200px;
    word-wrap:break-word;
    color:#000000;
    font-size:15px;

    
}

.fabricBox {
     float:left;
     margin:0px 0px 20px 0px;
     border:4px purple dashed;
     height:155px;
     width:100px;
     font-size:11px;
     text-align:center;
     color:#444444;
     background-color:white;     
     
}

        
#homeBoxes{
       margin:-15px 6px 15px -7px;
       width:100%;
      
}

#rightColumn{ 

        width:21%;
        float:left;
        padding:5px;
        border:0px solid #ccc;
        margin-left:25px;
        margin-top:5px;
}

 #homeLinkContainer{}
 .homeLinkImage {margin-bottom:10px;width:100%;}

 #homeLinkContainer > a {}
 #homeLinkContainer > a:hover {opacity:0.7%;}

 #homeLinkContainerMobile{}


.productBox {
     float:left;
     margin:0px 15px 20px 10px;
     border:4px purple dashed;
     height:280px;
     width:155px;
     padding:5px;
     font-size:11px;
     text-align:center;
     color:#444444;
     background-color:white;     
     
}

.productBox:hover{background-color:#E4D2E6}


.range {font-size:16px;font-weight:bold;color:#9c3f97;}
.collection {text-transform: uppercase;font-size:16px;font-weight:bold;}

.productAmounts {font-size:17px;}


.productBoxFeatured {
     float:left;
     margin:0px 20px 15px 5px;
     border:4px purple dashed;
     height:155px;
     width:126px;
     font-size:11px;
     text-align:center;
     padding:3px 3px 0px 2px;
     color:#444444;
     background-color:white;     
}

.featuredText{
	height:25px;
	margin-top:10px;
	font-size:13px;
	font-weight:bold;"
  }

.productBoxLandingPage {
     float:left;
     margin:0px 5px 20px 10px;
     border:4px purple dashed;
     height:220px;
     width:155px;
     padding:5px;
     font-size:11px;
     text-align:center;
     color:#444444;
     background-color:white;     
     
}

.productBoxLandingPage > img > a {width:100%;}

.productBoxLandingPage:hover{background-color:#E4D2E6}


.checkoutButton {cursor:pointer;padding:5px;border:1px solid #ccc;border-radius:5px;font-size: 13px;}
.checkoutButton:hover {background-color:#9c3f97;color:white;}

.registerBox {width:400px;}

.promoMobile {display:none;}
.promoDesktop {display:block;}

.editAddressBoxes {width:350px;}


 #footerWrapper{
  /*background-image:url('images/overlay.png');*/
  margin-top:-20px;
  padding:35px 0px 20px 0px;
  background-color: #a3a3a3
  }


  #footer{max-width:1000px;margin-left:auto;margin-right:auto;color:#fff} 
  .footer{} 
  a.footer {color:#bbb;font-size:15px;calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;} 
  a.footer:hover{color:#e2cd40} 
  .footerColumn{width:33%;display: inline-block;vertical-align:top;font-size:18px;}
  .footerColumnTitle{font-size:18px;border-bottom:2px solid #ccc;padding-bottom:5px;margin-bottom:9px; font-weight:bold; margin-right:40px;color:#9c3f97;}
  .copyright {color:#9c3f97; font-weight:normal;} 
  a.cuckoo{color:#45aaf1;font-size:15px;calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;} 
  a.cuckoo:hover{color:#e2cd40}
  .footerSiteMap > a {
    color:white; 
    text-decoration:none;
    list-style: none;
    font-size:18px;
   }
  .footerSiteMap > a:hover {color:#9c3f97;}
  .telephonenumberDesktop {display:block;}
  .telephonenumberMobile {display:none;}