@charset "UTF-8";
/* CSS Document */


/* ------------------------------- MEDIA QUERIES -------------------------------------- */  		

/*-- 1000 or more --*/	
@media (min-width: 1000px) {
        
    .mobilelogo {
           display: none;
       }    
        
    
    .mobilemenu {
           display: none;
       }   
        
         .homeBlock {
            display: table-cell;
            padding-right: 20px;
            padding-left: 20px;
        }
        
        .desktopwide {
	    width: 960px;
	}	

      .leftspace {
          padding-left: 20px;
      }
      
      .footerSocial{
          padding-bottom: 30px; vertical-align: top; float: right;
      }
      
       .footerSocialMobile {
          display: none;
      } 
      

   	.mobileemail {
	    display: none;
	}
	
      .mobileheader {
        display: none;
    }
    
    .mainPanelTitleLeft {
        text-align: left;
    }
      
	.productThumbSmallSpacer {
		width: 234px;
		padding-right: 20px;
		}
		
	.productThumbBig { width: 234px; }
	
	.productThumbSmall { width: 234px; }      

.desktopthumbs {
width: 900px; margin-left: 225px; 
}

.mobilecheckoutprice {
display: none;
}

.desktopDetailswrapper {
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;

}

.desktopDetailsleft {
    width: 50%;
    float: left;
    
}

.desktopDetailsright {
    width: 45%;
    margin-left: 20px;
    float: left;
    
}

.AccountMenuMain {
clear: left; padding-top: 30px; float: left; width: 25%; text-align: left;
}

.AccountContentMain {
padding-top: 30px; float: left; width: 75%;
}

.AccountMenuDividerMain {
width: 90%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;
}

}
     
/*-- 769 to 999 --*/   
@media (min-width: 769px) and (max-width: 999px) {
       
      .mobilelogo {
           display: none;
       }    
        
      
      .mobilemenu {
           display: none;
       }
       
       .homeBlock {
            display: table-cell;
            width: 220px;
            padding-right: 20px;
            padding-left: 20px;
           
        }
        
        	.homeBlock img {
            width: 220px;
            height: 220px;
            
        }   
        
        .homeBlock span {
            width: 220px;
           
        }   
        

       .noitem {
        display: none;
    }
       
        .headerBox {
		padding-left: 10px;
		padding-right: 10px;
		}
		

	    .tabletwide {
        width: 90%;
    }
        
      .sitemapsection {
          padding-right: 50px;
      }  
      
       .leftspace {
          padding-left: 20px;
      }
   
      .footerSocial{
          padding-bottom: 30px;
          vertical-align: top;
          float: right;
      }
      
       .footerSocialMobile {
          display: none;
      } 
      
      .mobileheader {
        display: none;
    }
      
     .mainPanelTitleLeft {
        text-align: left;
    } 
    
    .socialfeeds {
        display: none;
    }
    
    .desktopemail {
        display: none;
    }
    

	.productThumbSmallSpacer {
		width: 234px;
		padding-right: 20px;
		}
		
	.productThumbBig { width: 234px; }
	
	.productThumbSmall { width: 234px; }   
 
.desktopthumbs {
width: 800px; margin-left: 180px; 
} 
 
.mobilecheckoutprice {
display: none;
}

.desktopDetailswrapper {
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;

}

.desktopDetailsleft {
    width: 50%;
    float: left;
    
}

.desktopDetailsright {
    width: 45%;
    margin-left: 20px;
    float: left;
    
}

.AccountMenuMain {
clear: left; padding-top: 30px; float: left; width: 25%; text-align: left;
}

.AccountContentMain {
padding-top: 30px; float: left; width: 75%;
}

.AccountMenuDividerMain {
width: 90%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;
}

        
}


/*-- 621 to 768 --*/  
@media (min-width: 621px) and (max-width: 768px) {
       
   .mobilemenu {
        width:100%;
        padding-top: 22px;
        padding-bottom: 22px;
        text-align: center;
        font-size: 16px;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: capitalize;
        }
        

         .mainmenu {
            display: none;
        }
        

  	.homeBlock {
            display: table-cell;
            width: 190px;
            
        }
        
        	.homeBlock img {
            width: 190px;
            height: 190px;
            
        }   
        
         .homeBlock span {
            width: 190px;
           
        } 
        
  
          .tabletwide {
        width: 90%;
      
    }
       
       
        .tagline img {
            display:none;
        } 
        
   
     
        .noitem {
        display: none;
    }
    
     .sitemapsection {
          padding-right: 30px;
      }  
      
      .leftspace {
          padding-left: 20px;
      }
   
    .footerSocial{
          padding-bottom: 30px;
          vertical-align: top;
          float: right;
      }
      
     .footerSocialMobile {
          display: none;
      } 
      
      .footerCenter {
        float: none;
        width: 100%;
        text-align: center;
        padding: 10px 0px 0px;
        height: 30px;
      }
      
      .hidemobile {
        display: none;
      }

    .mobilelogo {
        float: left;
    }
      
      .mobileheader {
        display: none;
    }
    
    .variants {
        display: none;
    }
    
    .socialfeeds {
        display: none;
    }
    
    .desktopemail {
        display: none;
    }
    
 .mobiletmbcenter {
display: inline-block;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.productThumbSmallSpacer {
		width: 400px;
		}
		
.productThumbBig { width: 400px; }
		

.productThumbSmall { width: 400px; }

.AccountMenuMobile {
clear: left; padding-top: 30px; float: left; width: 100%; text-align: left;
}

.AccountContentMobile {
padding-top: 30px; float: left; width: 100%;
}

.AccountMenuDividerMobile {
width: 100%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;
}

}        

/*-- 620 or less --*/  
@media (max-width: 620px) {
    
    .mobilemenu {
        width:100%;
        padding-top: 22px;
        padding-bottom: 22px;
        text-align: center;
        font-size: 16px;
        font-family: Arial,Helvetica,sans-serif;
        text-transform: capitalize;
        }
        

         .mainmenu {
            display: none;
        }
        
   
        .slider {
            display: none;
        }
        
        .tagline img {
            display:none;
        }

       	.homeBlock {
            width: 286px;
            
        }
        
        .homeBlock img {
            width: 286px;
            height: 286px;
            
        }   

        .sitemapsection {
            display: none;
        }
        
      .footerCenter {
        float: none;
        width: 100%;
        text-align: center;
        padding: 10px 0px 0px;
        height: 30px;
      }
      
      .footerSocial{
        display: none;
      }
      
      .footerSocialMobile {
       width: 100%;
       margin: auto;
       text-align: center;
      
      }
      
      .footerSocialMobile img {
        width: 50px;
        height: 50px;
        padding-right: 5px;
        padding-bottom: 8px;
        display: inline;
        
       }
      
    
      .footerLinkBox {
         display: none;
      }
      
        
            .mobilewide {
        width: 80%;
    }  
    
    .noitem {
        display: none;
    }
    
    .hidemobile {
        display: none;
    }
    
    .mobileheader {
        color: #ffffff;
        width: 100%;
    }
    
    .mobileheader img {
        max-width:100%;
    }
    
    .mobilelogo {
        float: left;
    }
    
    
    .centermobile {
        text-align: center;
        margin: 0 auto;
    }
    
    .variants {
        display: none;
    }
    
    .socialfeeds {
        display: none;
    }
    
    .desktopemail {
        display: none;
    }
    

.mobilecartleft {
display: block;
width: 100%;
float: left;
clear: both;
}

.mobilecartright {
display: block;
width: 100%;
float: right;
clear: both;
}

.mobileshipping {
margin-left: -20px;
margin-top: 20px;

}

.categoryThumb {
 max-width: 100%;
 height: auto;
 }
 
 .categoryImg {
   max-width: 100%;
 }

.productThumbSmallSpacer {
		max-width: 100%;
		}
		
.productThumbBig { max-width: 100%; }
		
.productThumbSmall { max-width: 100%; } 

.demo_wrapper {
    display: none;
}

.demo_block {
    display: none;
} 

.AccountMenuMobile {
clear: left; padding-top: 30px; float: left; width: 100%; text-align: left;
}

.AccountContentMobile {
padding-top: 30px; float: left; width: 100%;
}

.AccountMenuDividerMobile {
width: 100%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;
}

  
} 

/* ------------------------------- RESPONSIVE MENU ---------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@(min-width: 50px) and (max-width: 620px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@(min-width: 50px) and (max-width: 620px) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #636363;
  border-bottom: 1px solid #4c4c4c;
  padding: 0.7em 1em;
  float: left;
}

.nav-collapse a:hover {
color: #fff;
background: #e32c35;
}

.nav-collapse .alt a {
  color: #fff;
  background: #636363;
}

.nav-collapse .alt a:hover {
  background: #e32c35;
  }


@(min-width: 50px) and (max-width: 620px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #1b1b1b;
  padding-left: 2em;
}

@(min-width: 50px) and (max-width: 620px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* -------------------------- NAV TOGGLE STYLES ---------------------------- */


.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100px;
  height: 40px;
  float: right;
  margin-right: 30px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-indent: -9999px;
  overflow: hidden;
  background: #ffffff url("https://givemobile.pixfizz.com/fz/d54e70bea6/0/O_pamJ4XaWvodfumBWV-YDX9Q7M1A3dsYgH2RjJd0gA/~/menuicon.png") no-repeat 50% 33%;
}

.nav-toggle:before {
  color: #1b1b1b; /* Edit this to change the icon color */
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 25px;
  text-transform: none;
  position: absolute;
  content: "";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 25px;
  content:"";
}


/* ------------------------------- GLOBAL -------------------------------------------- */

    html, body {
		margin: 0;
		padding: 0;
		font-size: 12px;
		overflow: visible;
	    -webkit-box-sizing: border-box;
		background-color: #4c4c4c;
		font-size: 14px;
		font-weight: 400;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	a {
	    text-decoration: none;
	}	

	img { border: 0px; }
	
	.fullscale img {max-width:100%;}
		
	label { font-size: 14px; }

	input {
		font-size: 14px;
		border-width: 0px;
		}

	#canvas { width: auto; background-color: #ffffff; }

	.opaque { opacity: 1; }
	.semi { opacity: 0.95; }
	.dim { opacity: 0.65; }
	.ghost { opacity: 0.25; }
	.transparent { opacity: 0; }

	.inactive { visibility: hidden; }
	.active { visibility: visible; }

	.dividerShadow {
		width: 1004px;
		height: 18px;
		background-image: url('https://givemobile.pixfizz.com/fz/a595ef3d06/0/eP1ub1bSewlnnjkdftw46zH2XMQT765ixquy9HOOf0E/~/divider_shadow.png');
		background-repeat: no-repeat;
		background-position: bottom;
		}

	.smallButton {
		overflow: hidden;
		padding-left: 6px;
		padding-right: 6px;
		width: 72px;
		background-color: transparent;
		color: #fff;
		font-weight: 400;
        background: #636363;
		border: 2px solid #636363;
       /*--  -webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px; --*/
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		display: table-cell;
		cursor: pointer;
		}
		
	.smallButton a:visited {
	    color: #fff;
	}	
	
	.smallButton:hover {
		color: #636363;
		background: #ffffff;
			border: 2px solid #636363;
		}

	.cursiveTxt {
		font-size: 34px;
		font-family: 'Sacramento', cursive;
	}
	
	.bold {
	    
	   font-weight: bold;
	}
	
	.hover:hover {
		    
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
		    
		}
	
	h2 {
	    color: #636363;
	}
	
	.PageHeadline {
font-size: 20px; color: #636363;
}

.GrayType {
color: #636363;
}
	

/* ------------------------------- MAIN MENU ----------------------------------------- */


	#menuBoxSpacer { width: auto; background-color: #ffffff; }
		
	#menuBox { width: 100%; }
		
	.menuRollover_tab {
		display: table-cell;
		padding-left: 20px;
		padding-right: 20px;
		height: 39px;
		min-height: 39px;
		vertical-align: middle;
		text-align: center;
	    cursor: pointer;
		color: #636363;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: capitalize;
		}
		
	.menuRollover_tab:hover { color: #636363; }
	
	.menuRollover_tab a { color: #636363; text-decoration: none; } 

	.menuRollover_spacer {
		position: absolute;
		padding-top: 12px;
		z-index: 100000;
		}
		
	.menuRollover_background {
		width: 200px;
		margin-left: -20px;
		padding-top: 14px;
		padding-bottom: 14px;
		background-color: #636363;
		}
		
	.menuRolloverItem_spacer {
		height: 28px;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 28px;
		font-size: 14px;
		}

	.menuRolloverItem {
		position: absolute;
		z-index: 200000;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	.menuRolloverItem a { text-decoration: none; color: #ffffff; text-transform: capitalize; }
	
	.menuRolloverItem a:hover { color: #1b1b1b; text-transform: capitalize;}

	.menuRollover_ani {
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		}


/* ------------------------------- HEADER -------------------------------------------- */

	.scallopedSpacer {
	background-color: #fff;
	}
	
	.tagline {
	    display: table-cell;
	    vertical-align: middle;
	    padding-top: 38px;
	    padding-right: 20px;
	    text-align: right;
	    float: right;
	}

	.headerBoxSpacer {
		border-width: 0px;
		border-bottom-width: 1px;
		background-color: #fff;
		border-style: solid;
		border-color: #e2e2e2;
		}

	.headerBox {
		display: table;
		background-color: #fff;
		/*--width: 100%;--*/
		}

	.headerTxt {
		display: table-cell;
		font-size: 14px;
		color: #999;
		font-weight: 400;
		}

	.headerLink {
		display: table-cell;
		font-size: 14px;
		color: #636363;
		font-weight: 600;
		text-decoration: none;
		}
	.headerLink:hover {
		text-decoration: none;
		cursor: pointer;
		 color: #1b1b1b;
		}
		
	.headerLink a {
		color: #636363;
		font-weight: 600;
		text-decoration: none;
		}
		
	.headerLink a:hover {
		color: #636363;
		}	


/* ------------------------------- TITLE --------------------------------------------- */

	.titleSpacer {
		width: 100%;
		height: 75px;
		border-bottom: 1px solid #e2e2e2;
		padding-top: 20px;
		}

	.mainPanelTitle {
	font-size: 22px;
	font-weight: 700;
	/*-- text-transform: lowercase; --*/
	color: #636363;
	}


	.navMenuTxt {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		color: #636363;
		}
		
	.navMenuTxt a {
		color: #636363;
		text-decoration: none;
		}
		
	.navMenuTxt a:hover { color: #1b1b1b; }

	.videoTicket {
		transition-property: padding-top, height;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
		-webkit-transition-property: padding-top, height;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: padding-top, height;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: padding-top, height;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: ease-out;
		overflow: hidden;
		width: 125px;
		cursor: pointer;
		}

	.videoTicketOpen {
		padding-top: 0px;
		height: 74px;
		
		}

	.videoTicketClosed {
		padding-top: 4px;
		height: 70px;
		}

	.filterSpacer {
		display: table-cell;
		vertical-align: top;
		padding-right: 10px;
		}

	.filterBox {
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

	.totalResults {
		display: table-cell;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
		background-color: #ededed;
		color: #636363;
		font-family: Arial, Helvetica, sans-serif;
		}

	.thumbIconSpacer {
		display: table-cell;
		width: 28px;
		height: 28px;
		padding-left: 10px;
		}

	.thumbIcon {
		width: 28px;
		height: 28px;
		}

	.thumbIconSmall {    
		background-image: url('https://givemobile.pixfizz.com/fz/9aa4674e92/0/A_QXjig3I6JetIA5_-UBgRX611No4Dn_PbwTKnGP7qU/~/thumb_icon_small.png');
		background-repeat: no-repeat;
		}
	.thumbIconSmall:hover { cursor: pointer; }

	.thumbIconSmallActive {
		background-image: url('https://givemobile.pixfizz.com/fz/c348e08103/0/LfwxEcypj4VxGtwWmzUmlcHw-CBeyzxquNXsuUIZglw/~/thumb_icon_small_off.png');
		background-repeat: no-repeat;
		}

	.thumbIconBig {
		background-image: url('https://givemobile.pixfizz.com/fz/cb0ec74efc/0/AQxWodOg7oAj40UTC3GZhxqop7UqrpFOoxLF1-2v4Sw/~/thumb_icon_big.png');
		background-repeat: no-repeat;
		}
	.thumbIconBig:hover { cursor: pointer; }

	.thumbIconBigActive {
		background-image: url('https://givemobile.pixfizz.com/fz/bbe82e0cd2/0/pIYXOqkry3-0qSZeZ0njtBh5pFW-Pf8Xdqf6MrVLgWE/~/thumb_icon_big_off.png');
		background-repeat: no-repeat;
		}


/* ------------------------------- DRILL DOWN ---------------------------------------- */

	#drillDownSpacer {
		display: table-cell;
		vertical-align: top;
		width: 200px;
		padding-right: 40px;
		}

	.drillDownBox {
		width: 200px;
		margin-top: 20px;
		overflow: hidden;
		/*--	box-shadow: 0px 0px 4px #ccc;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px; --*/
		}
		
	.drillDownHeader {
		font-size: 12px;
		text-align: center;
		font-weight: 700;
		background-color: #636363;
		color: #ffffff;
		text-transform: uppercase;
		}
		
	.drillDownHeaderTop {
		background-color: #636363;
		color: #fff;
		}	

	.drillDownList {
		font-size: 12px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ededed;
		color: #636363;
		}
		
	.drillDownList:hover { cursor: pointer; background-color: #c9c9c9; color: #fff; }

	.drillDownListActive {
		font-size: 12px;
		text-align: left;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #fff;
		color: #e5e5e5;
		}

	.drillDownListLoader {
		background-size: cover;
		background-position: center;
		}

	.drillDownItem {
		height: 28px;
		line-height: 28px;
		width: 180px;
		padding-left: 10px;
		padding-right: 10px;
		}


/* ------------------------------- PRODUCTS ------------------------------------------ */

	.thumb {
		padding-bottom: 0px;
		overflow: hidden;
		cursor: pointer;
		background-color: #fff;

		/*--			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px; --*/
		}

	.thumbSpacer {
		float: left;
		vertical-align: top;
		}

	.categoryThumbSpacer {
		width: 308px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 40px;
		}

	.categoryThumb {max-width:100%;}
	
	.categoryImg {
        width: 308px;
        }

	.collectionThumbSpacer {
		max-width:100%;
		padding-right: 20px;
		padding-left: 20px;
		}

	.collectionThumb { width: 308px; }

	.productThumbDetailSpacer {
		width: 764px;
		padding-bottom: 40px;
		}

	.productThumbLandingSpacer {
		width: 492px;
		padding-right: 20px;
		}

	.productThumbBigSpacer {
		width: 308px;
		padding-right: 40px;
		}

	.productThumbDetail { width: 764px; }
		
	.productThumbLanding { width: 492px; }

	.thumbImg:hover { cursor: pointer; }

	.productPreviewThumb {
		width: 90px;
		height: 90px;
		overflow: hidden;
		cursor: pointer;
		}

	.productThumbIcon {
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: ease-out;
		width: 20px;
		height: 20px;
		margin-top: 10px;
		cursor: pointer;
		opacity: 0.5;
		}
	.productThumbIcon:hover { opacity: 1; }

	.productThumbFlag {
		width: 85px;
		height: 20px;
		margin-top: 10px;
		}

	.thumbDivider {
		border-width: 0px;
		border-top-width: 1px;
		border-style: solid;
		border-color: #f9f9f9;
		background-color: #fff;
		}

	.thumbTitle {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
		font-weight: 300;
		color: #636363;
		text-decoration: none;
    }
    
	.thumbTxt {
		font-size: 14px;
		line-height: 24px;
		padding-left: 14px;
		padding-right: 14px;
		padding-top: 4px;
		padding-bottom: 5px;
		text-align: center;
		color: #636363;
		}

	.thumbLink {
		cursor: pointer;
		text-decoration: none;
		color: #636363;
		}
		
	.thumbLink:hover {
		color: #393939;
		}
		
	.statusSaleTxt {
		font-weight: 700;
		color: #e12e3f;
		}	

	.scrollTopSpacer {
		transition-property: opacity, margin-top;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity, margin-top;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity, margin-top;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity, margin-top;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;

		width: 1004px;
		position: fixed;
		margin-top: -60px;
		}

	.scrollTop {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		overflow: hidden;
		display: table-cell;
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		text-align: center;
		color: #fff;
		background-color: #636363;
		cursor: pointer;
		font-weight: 700;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
		
		.scrollTop:hover {
		color: #fff;
		background-color: #393939;
		}
		
/* ------------------------------- PROJECTS ------------------------------------------- */

	.clipBox {

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		
		}

	.projectThumb {
		box-shadow: 0px 0px 4px #ccc;
		}		
		
.AccountDivider {
width: 100%; border-bottom: 1px solid #e2e2e2; padding-bottom: 20px;
}

.AccountLink {
color: #636363; line-height: 250%;
}

.AccountLinkSelected {
color: #636363; line-height: 250%; font-weight: bold;
}		


/* ------------------------------- OVERLAY ------------------------------------------- */

	.overlayDimmer {
		z-index: 500000;
		position: fixed;
		display: table-cell;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #f9f9f9;
		}
		
	.overlayAni {
		transition-property: opacity;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.2s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.2s;
		-o-transition-timing-function: ease-out;
		}

	.overlayContainer {
		z-index: 600000;
		position: fixed;
		display: table-cell;
		top: 50%;
		left: 50%;
		}

	.overlayCloseSpacer {
		opacity: 0.85;
		background-color: #fff;
		-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

	.overlayClose {
		display: table-cell;
		position: relative;
		vertical-align: middle;
		width: 36px;
		height: 36px;
		font-size: 24px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		color: #333;
		}
		
	.overlayClose:hover { cursor: pointer; color: #393939; }
		
	.formSubmitTxt, .formSubmitTxt button  {
		background-color: transparent;
		font-size: 36px;
		font-family: Arial, Helvetica, sans-serif;
		color: #1b1b1b;
		font-weight: 300;
		}
		
	.formSubmitTxt:hover { cursor: pointer; color: #636363; }


/* ------------------------------- LOGIN --------------------------------------------- */
	
	.loginTxt { font-size: 18px; font-weight: 300; color: #636363; }
	
	.loginTxt a { text-decoration: none; color: #e32c35; font-weight: 400; text-decoration: none; }
	
	.loginTxt a:hover { color: #636363; }

	.loginInputField {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 0px;
		width: 200px;
		min-height: 40px;
		line-height: 40px;
		height: 40px;
		padding: 0px;
		padding-left: 8px;
		padding-right: 8px;
		margin: 4px;
		font-size: 14px;
		text-align: center;
		color: #636363;
		background-color: #fff;
		}

	.oldBrowser {
		visibility: hidden;
		height: 0px;
		padding: 0px;
		margin: 0px;
		}

	.oldBrowserActive {
		visibility: visible;
		height: auto;
		padding-bottom: 4px;
		}


/* ------------------------------- LIGHTBOX ------------------------------------------ */

	.pinnedFooter {
		transition-property: margin-top, height;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: margin-top, height;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: margin-top, height;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: margin-top, height;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		width: auto;
		height: 0px;
		padding-bottom: 30px;
		background-color: #fff;
		box-shadow: 0px 0px 4px #ccc;
		}

	.pinnedFooterClosed {
		margin-top: 0px;
		height: 0px;
		}

	.pinnedFooterOpen {
		margin-top: -140px;
		height: 150px;
		}

	.pinnedSpacer {
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		position: absolute;
		}

	.recentlyViewedHeader {
		padding-top: 8px;
		padding-bottom: 12px;
		text-align: right;
		font-weight: 700;
		float: right;
		}
		
	.recentlyViewedTxtCell {
		display: table-cell;
		vertical-align: middle;
		padding-right: 8px;
		}

	.recentlyViewedTxt {
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		color: #636363;
		 cursor: default;
		 font-size: 12px;
		 }

	.recentlyViewedTxtLink:hover {
		cursor: pointer;
		opacity: 1;
		color: #393939;
		}


/* ------------------------------- HOMEPAGE ------------------------------------------ */

/* ----- RESPONSIVE BANNER ----- */

.demo_wrapper {
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 100%;
  }  
}
.demo_block {
	width: 100%;
}

@-webkit-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }
  100% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -webkit-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }
  100% {
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -webkit-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("/images/sy-loader.gif") 50% 50% no-repeat;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  -webkit-background-size: 32px;
  background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -moz-transition: left ease;
    -o-transition: left ease;
    -webkit-transition: left ease;
    transition: left ease; }
  .sy-list.vertical {
    -moz-transition: top ease;
    -o-transition: top ease;
    -webkit-transition: top ease;
    transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: left-right;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: left-right;
        -o-animation-fill-mode: forwards;
        animation-name: left-right;
        animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: right-left;
        -moz-animation-fill-mode: forwards;
        -o-animation-name: right-left;
        -o-animation-fill-mode: forwards;
        animation-name: right-left;
        animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0; }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0; }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("https://givemobile.pixfizz.com/fz/6b35a0345f/0/2ANoYf9c-7dAimq9dzOROAuogl1Tt5FQTYfgCAoAUDE/~/banner_arrows.svg");
        background-repeat: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    -moz-border-radius: 1.2em;
    -webkit-border-radius: 1.2em;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #ffffff;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.0em;
    height: 1.0em;
    margin: 0 1em 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #636363; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -moz-background-size: 2em;
      -o-background-size: 2em;
      -webkit-background-size: 2em;
      background-size: 2em;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 1.0; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -moz-transition: padding 600ms ease;
    -o-transition: padding 600ms ease;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease; }


	.homeBlock {
		width: 308px;
		font-size: 14px;
		}
		
		.homeBlock a {
		color: #636363;
		}
		
		.homeBlock a:hover {
		color: #1b1b1b;
		}

	.homeBlockTxt {
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	.homeBlockTxt a {
		color: #636363;
		text-decoration: none;
		}	
		
	.homeBlockTxt a:hover {
		color: #1b1b1b;
		}
			
	.emailoptin {
	margin-top: 10px;
	background-color: #ececec;
	width: 100%;
	color: #797a7e;
	padding: 10px;
	}
	
	.emailButton {
		color: #636363;
		border: 2px solid #636363;
		background-color:transparent;
		}
		
	.emailButton:hover {
		border: 2px solid #636363;
		background-color: #636363;
		color: #fff;
		}
		
	.emailButtonmain {
		color: #fff;
		border: 2px solid #fff;
		background-color:transparent; 
		}

	.emailButtonmain:hover {
		border: 2px solid #e32c35;
		background-color: #e32c35;
		color: #fff;
		}
		

/* ------------------------------- PRODUCT DETAIL PAGE ------------------------------- */

	.detailImg {
		overflow: hidden;
			/*--		-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px; 
		
		box-shadow: 0px 0px 4px #ccc; --*/
		background-color: #fff;
		}
		
	.previewColor {
		overflow: hidden;
		width: 12px;
		height: 12px;
		}
		
	.detailPreviewThumbSpacer {
		display: table-cell;
		padding-right: 10px;
		width: 90px;
		height: 90px;
		}
		
	.relatedPreviewThumbSpacer {
		display: table-cell;
		padding-right: 13px;
		padding-bottom: 13px;
		width: 234px;
		height: 234px;
		}

	.detailPreviewThumb {
		width: 90px;
		height: 90px;
		overflow: hidden;
		cursor: pointer;
		}

	.relatedPreviewThumb {
		width: 234px;
		height: 234px;
		overflow: hidden;
		cursor: pointer;
		}

	.priceBox {
		display: table;
		width: 480px;
		margin-top: 20px;
		overflow: hidden;
		padding-left: 6px;
		padding-right: 6px;
		background-color: #f0f0f0;
		/*--		-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px; --*/
		}

	.optionItemBox {
		overflow: hidden;
		padding-left: 6px;
		padding-right: 6px;
		margin-top: 20px;
		background-color: #f0f0f0;

			/*--		-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px; --*/
		}

	.optionItemButton {
		cursor: pointer;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-size: 14px;
	/*--	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; --*/
		color: #636363;
		background-color: #fff;
		border: 1px solid #000000;
		}
		
	.optionItemButton:hover {
		color: #fff;
		background-color: #636363;
		border: 1px solid #f0f0f0;
		text-decoration: none;
		}
		
	.optionItemButton a {
		color: #636363;
		text-decoration: none;
		}
		
	.optionItemButton a:hover {
		color: #fff;
		text-decoration: none;
		}	

	.optionItemBoxSpacer {
		float: left;
		padding-right: 8px;
		padding-bottom: 8px;
		}
		
	.optionTitle {
		font-weight: 700;
		color: #636363;
		}	
		
	#productCreateButton {
		display: table-cell;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
		font-size: 18px;
		text-align: center;
		color: #fff;
		font-weight: 400;
		border: 2px solid #e32c35;
		background-color: #e32c35;
        text-transform: capitalize;
		}
		
	#productCreateButton:hover {
		cursor: pointer;
		color: #ffffff;
		background-color: #9f1f25;
		border: 2px solid #e32c35;
		font-weight: 400;
		}
		
	a.addcartbtn:visited {color: #ffffff;}

	a.addcartbtn:hover {color: #636363;}
	
	.desclink {
        color: #636363;
        text-decoration: underline;
        font-style: italic;
        }
		

/* ------------------------------- LANDING PAGE -------------------------------------- */

	.landingBody {
		font-size: 14px;
		text-align: left;
		color: #636363;
		}
		
	.landingBody a {
		color: #1b1b1b;
		text-decoration: none;
		}
		
	.landingBody a:hover { color: #333; }	

	.buttonTxt {
		padding: 6px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.buttonTxt a, .buttonTxt a:hover {
		color: #fff;
		}

.embed-container {
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ------------------------------- PROMOTIONS ---------------------------------------- */

	.promotionThumbSpacer { padding-bottom: 20px; }
		
	.promotionThumb {
		overflow: hidden;
		width: 1004px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}


/* ------------------------------- STORE --------------------------------------------- */
	
	.cartTxt { font-size: 14px; color: #636363; }
	
	.cartTxt a {
		color: #636363;
		text-decoration: none;
		}
		
	.cartTxt a:hover {
		color: #1b1b1b;
		text-decoration: underline;
		}	
		
	.cartTxtBold { font-weight: 700; }
		
	.cartSummaryTxt { font-size: 12px; }
		
	.cartTxtHeader { font-size: 18px; }

	.orderInfoTxt {
		font-size: 16px;
		line-height: 24px;
		color: #636363;
		}
		
	.fieldFix {
		border-width: 0px;
		margin: 0px;
		padding: 0px;
		}
		
	.itemDivider {
		width: 1004px;
		border: 0px;
		border-top: 1px;
		border-style: 1px solid #ccc;
		border-color: #ccc;
		}

	.cartTable { display: table; }

	.cartClipTop {
		overflow: hidden;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		}

	.cartGroup { padding-bottom: 30px; }
		
	.cartFieldGroup {
		display: table;
		width: auto;
		padding-bottom: 10px;
		}

	.cartFieldCell {
		display: table-cell;
		vertical-align: middle;
		}

	.customTextarea {
		visibility: hidden;
		width: 300px;
		max-width: 300px;
		max-height: 200px;
		height: 0px;
		margin: 0px;
		}

	.waitBox {
		overflow: hidden;
		padding: 20px;
		-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background-color: #434343;
		}


/* ------------------------------- FORMFIELDS ---------------------------------------- */

	select { 
		direction: rtl;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		font-size: 100%;
		vertical-align: middle;
		text-align: right;
	}

	button,
	input {
		overflow: visible;
		line-height: normal;
	}

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}

	textarea {
		overflow: auto;
		vertical-align: top;
		height: auto;
	}

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		display: inline-block;
		height: 20px;
		padding: 4px 6px;
		margin-bottom: 10px;
		line-height: 20px;
		color: #555555;
		vertical-align: middle;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
		transition: border linear 0.2s, box-shadow linear 0.2s;
	}
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: rgba(82, 168, 236, 0.8);
		outline: 0;
		outline: thin dotted \9;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		margin-top: 1px \9;
		line-height: normal;
		cursor: pointer;
	}

	input[type="file"],
	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] {
		width: auto;
	}

	select,
	input[type="file"] {
		height: 30px;
		/* In IE7, the height of the select element cannot be changed by height, only font-size */

		line-height: 30px;
	}

	select {
		background-color: #ffffff;
		border: 1px solid #cccccc;
	}

	select[multiple],
	select[size] {
		height: auto;
	}

	select:focus,
	input[type="file"]:focus,
	input[type="radio"]:focus,
	input[type="checkbox"]:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.btn {
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #bbbbbb;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #a2a2a2;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

	.btn:hover,
	.btn:active,
	.btn.active,
	.btn.disabled,
	.btn[disabled] {
		color: #333333;
		background-color: #e6e6e6;
	}

	.btn:active,
	.btn.active {
		background-color: #cccccc;
	}

	.btn:hover {
		color: #333333;
		text-decoration: none;
		background-color: #e6e6e6;
        background-position: 0 -15px;
		-webkit-transition: background-position 0.1s linear;
		-moz-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
		transition: background-position 0.1s linear;
	}

	.btn:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.btn.active,
	.btn:active {
		background-color: #e6e6e6;
		background-color: #d9d9d9 \9;
		background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

	.btn.disabled,
	.btn[disabled] {
		cursor: default;
		background-color: #e6e6e6;
		background-image: none;
		opacity: 0.65;
		filter: alpha(opacity=65);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	

/* ------------------------------- FOOTER -------------------------------------------- */

	#footerBox {
		transition-property: padding-bottom;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: padding-bottom;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: padding-bottom;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: padding-bottom;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		}

	.footerBox {
		padding-bottom: 30px;
		padding-top: 18px;
		background-repeat: repeat-x;
		background-position: top;
		margin: auto;
		background-color: #4c4c4c;
		}

	.footerBoxOpen { padding-bottom: 202px; }

	.footerBoxClosed { padding-bottom: 62px; }

	.footerBoxOff { padding-bottom: 0px; }

	.footerAddressTitle {
		font-size: 20px;
		padding-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 700;
		}

	.footerAddress {
		font-size: 14px;
		text-align: left;
		line-height: 20px;
		padding-top: 16px;
		vertical-align: top;
		}

	.footerLinkBox {
		display: table;
		width: 100%;
		margin-top: 20px;
		padding-top: 10px;
		font-size: 14px;
		border-width: 0px;
		border-top-width: 1px;
		border-style: solid;
		border-color: #606060;
		}
		
	.footerTxt {
		font-size: 14px;
		color: #C9C9C9;
		}
		
	.footerTxt a {
		text-decoration: none;
		color: #C9C9C9;
		}
		
	.footerTxt a:hover { color: #fff; }
	

    .desktopemail {
        clear: left;
        text-align: right;
        float: right;
        
    }

	.emailForm {
		width: 175px;
		height: 25px;
		line-height: 25px;
		margin-right: 8px;
		}

	.emailButton {
		display: table-cell;
		overflow: hidden;
		height: 31px;
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
		font-size: 14px;
		line-height: 0px;
		text-align: center;
		}
		
		.emailButtonmain {
		display: table-cell;
		overflow: hidden;
		height: 31px;
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
		font-size: 14px;
		line-height: 0px;
		text-align: center;
		}
		
	.sitemapsection {
		    float: left;
		    padding-right: 80px;
		    padding-bottom: 10px;
		    line-height: 150%;
		    
		}	
		
.saveoptionbtn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0px;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #F5F5F5;
background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
border-radius: 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}