/** Shopify CDN: Minification failed

Line 33:84 Expected identifier but found "*"
Line 389:4 Expected identifier but found "*"
Line 732:0 Unexpected "}"

**/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:}a img{border:none}html{overflow-y:auto}img,video{max-width:100%;height:auto}


/* Clear Floats =========================================== */

	.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
	
	.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

	* html .clearfix,*:first-child+html 

	.clearfix{zoom:1}::-moz-selection{background:#yellow;color:#fff;text-shadow:none}






body {font:normal 100%/1.6 "ff-meta-serif-web-pro",Georgia,"Times New Roman",serif;color:#000;background:#fff;



}

.container{width:88% !important;margin-left:auto;margin-right:auto;max-width:1260px;*zoom:1;
}

#pagewrap{margin-left:auto;margin-right:auto;overflow:hidden;





}


.article{width:100%



}





p{margin:0 0 2em;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;}

strong{font-weight:bold}
em{font-style:italic}
h1{font-size:1.667em}
h2,h3,h4,h5{font-size:1.667em;line-height:1.3em;margin-bottom:0.25em; font-weight:normal;}
h5{font-size:1.375em; line-height:1.3em;margin-bottom:1em; font-weight:normal; }
h6{font-size:1em; line-height:1.3em;margin-bottom:1.5em; font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}




.aligncenter{display:block;margin:0 auto}
.alignleft{float:left;margin-right:1.2em}
.alignright{float:right;margin-left:1.2em}

::selection{background:yellow;color:#fff;text-shadow:none}




header{

 width: 100%;

	
		
}









nav{
width: 100%;
max-width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}

nav ul{
  width: 100%;
  overflow: hidden;
  display: block;
	float: left;
  margin: 0;
  padding: 0;
	}


nav ul li{
   margin: 0;
  padding: 0;
  float: left;
  list-style: none;
 
}

.nav-button{
	
	width: 22.45%;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
 

}



.nav-button a{
		
		font-size: 1em;
		color:#999;
		text-transform:uppercase;
		font-family: "futura-pt",sans-serif;
		letter-spacing: -1px;
		font-style: normal;
		font-weight: 700;
		text-decoration:none;
		display:inline-block;
		-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
	    -moz-transition: all 0.2s ease-out;  /* FF4+ */
	   	 -ms-transition: all 0.2s ease-out;  /* IE10 */
	   	 -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
	    transition: all 0.2s ease-out;
      width: 100%;
	    margin: 0;
	    padding: 2.75em 0 0.25em 0.5em;
       background-color: #666;

	     

	}

.nav-button:nth-child(2) a:hover{
  color: #FFFFFF;
  background-color: #ac0015;
}

.nav-button:nth-child(3) a:hover{
  color: #FFFFFF;
  background-color: #FFE600;
}

.nav-button:nth-child(4) a:hover{
  color: #FFFFFF;
  background-color: #FF6600;
}

.nav-button:nth-child(5) a:hover{
  color: #FFFFFF;
  background-color: #00B2EE;
}

	
#logo{

  width: 114px;
	padding: 0 0 0 0.25em !important;
  margin: 0 0 -10px 0;
}



#nav-entry{

  z-index:1000;
  font-size:.75em;

}
  #nav-entry a{
    display:block;
    padding:15px 45px;
    width:155px;
    color:#000000;
    font-weight:600;
    text-decoration: none;
    opacity: 0.5;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
  }

    #nav-entry a.newer{
      position:fixed;
      left:0;
      top:45%;
      margin-left:-185px;
      padding-right:40px;
      text-align:left;
      background: url(/cdn/shop/t/1/assets/page-left.png?v=1365608759) no-repeat right center;  
     }


     #nav-entry a.older{
      position:fixed;
      right:0;
      top:45%;
      margin-right:-185px;
      padding-left:40px;
      text-align:right;
      background: url(/cdn/shop/t/1/assets/page-right.png?v=1365608760) no-repeat left center;   
    }

      #nav-entry a:hover{margin:0;opacity:1}















#product-image-header img {
  width: 100%; 
  display: block;
  margin-bottom: 2em;
}


#container-productInfo{
 background: #F5F0F2;
  border-top: 1px dashed #C0C0C0;
  border-bottom: 1px dashed #C0C0C0;
  padding: 0.50em 0 0.50em 0;
  margin: 1em 0 1em 0;
}


#meta-productInfo{
  float: left;
  display: inline;
  width: 60%;
  padding-left: 1em;
}



.in-stock{
   color: #00CC00;
}

.sold-out{
   color: #CC0000;
}

.shipping-text{
  color: #999999;
  font-size: 0.75em;
  font-style: italic;
}

#add-to-basket-container{
  float: right;
  display: block;
  width: 30%;
 padding-right: 1em;
}

#add-to-basket-container a{

    font-size: 1em;
    color:#999;
    text-transform:uppercase;
    font-family: "futura-pt",sans-serif;
    letter-spacing: -1px;
    font-style: normal;
    font-weight: 700;
    text-decoration:none;
    display:inline-block;
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
      -moz-transition: all 0.2s ease-out;  /* FF4+ */
       -ms-transition: all 0.2s ease-out;  /* IE10 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
      transition: all 0.2s ease-out;
      width: 100%;
      margin: 0 0 0 0;
      padding: 2.75em 0 0.25em 0.5em;
       background-color: #666;

  
}

#add-to-basket-container a:hover{

color: #FFF;
background-color: #00CC00;

}

#list-product-detail{
  
  margin-bottom: 2em;
  padding-left: 3em;
  font-size: 0.875em;
}


.container-product-video{

  margin-bottom: 2em;

}

          .vendor {
           
          }

          video {
            width: 100%;
            height: auto;
          }
          
         
  #container-product-images{
   
    display: block;

  }  

  #product-subtitle {
    margin-bottom: 2em;
  }   



/* --- Back to Top -- */

#toTop { 
  position: fixed; 
  bottom: 50px; 
  right: 2.500em; 
  width: 2.500em;
  height: 41px;
  margin: -20px 0 0; 
  background: url(/cdn/shop/t/1/assets/toTop.png?v=1365609517) no-repeat 0 0;     
  cursor: pointer; 
  display: none;
  text-indent: -10000px;
  opacity: 0.5;
   }

   #toTop:hover{
    opacity: 1;
   }


  






  	/*  
  		Micro clearfix applied to .tiles and .tile-wrap
			http://nicolasgallagher.com/micro-clearfix-hack/
  	*/
  	.tiles,
  	.tile-wrap {
  		*zoom: 1;
  	}

  	.tiles:before,
  	.tiles:after,
  	.tile-wrap:before,
  	.tile-wrap:after {
  		display: table;
  		content: "";
  	}

  	.tiles:after,
  	.tile-wrap:after {
  		clear: both;
  	}

  	/*	=============================================================================
  			Layout
  			========================================================================== */

  	/* 
  		Width is 100% divided by the number of tiles across.  
  	*/

	.tile {
  		float: left;
  		width: 100%;
  		overflow: hidden;
  	}

	.tile-2 {
  		float: left;
  		width: 50%;
  		overflow: hidden;
  	}

	.tile-3 {
  		float: left;
  		width: 33.333%;
  		overflow: hidden;
  	}

 	.tile-4 {
  		float: left;
  		width: 25%;
  		overflow: hidden;
  	}

  	.tile-5 {
  		float: left;
  		width: 20%;
  		overflow: hidden;
  	}

  	.tile-wrap {
			display: block; /* ! test without */
			cursor: pointer; /* Extra help for IE7 */
  	}

  	.tile-header {
  		position: relative;
  		float: left; /* ! test without */
  		width: 100%;
  	}

  	.tile-ratio {
  		display: block;
  		padding-top: 100%; /* 100% is a 1:1 ratio; */
  	}

  	/* 
  		Defines margins for thumbnail area 
			
			Remember to subtract top and bottom positioning from 
			IE specific styles below.
  	*/
  	.tile-pos-1 {
  		position: absolute;
  		top: 		5%;
  		bottom: 5%;
  		left: 	5%;
  		right: 	5%;
  	}

  	/* Centers the thumbnail within .outer */
  	.tile-pos-2 {
  		padding-top: 100%;
  		width: 100%;
  		height: 100%; /* This hangs a large link hover area below the element. Not needed in Safari, but FF and IE need a 100% height here. Fixed with overflow: hidden; on .tile */
  		text-align: center;
  		font-size: 0; /* Prevent additional space added to inline images */
  	}

  	/* Helps vertically center the thumbnail */
  	
  	.tile img {
  		margin-top: -100%;
  		max-width: 100%;
  		max-height: 100%;
  		vertical-align: middle;
  		image-rendering: -moz-crisp-edges; /* Help Firefox out with scaled images */
  		border: none;
  	}

  	.tile-2 img {
  		margin-top: -100%;
  		max-width: 100%;
  		max-height: 100%;
  		vertical-align: middle;
  		image-rendering: -moz-crisp-edges; /* Help Firefox out with scaled images */
  		border: none;
  	}

  	.tile-3 img {
  		margin-top: -100%;
  		max-width: 100%;
  		max-height: 100%;
  		vertical-align: middle;
  		image-rendering: -moz-crisp-edges; /* Help Firefox out with scaled images */
  		border: none;
  	}

  	.tile-4 img {
  		margin-top: -100%;
  		max-width: 100%;
  		max-height: 100%;
  		vertical-align: middle;
  		image-rendering: -moz-crisp-edges; /* Help Firefox out with scaled images */
  		border: none;
  	}

  	.tile-5 img {
  		margin-top: -100%;
  		max-width: 100%;
  		max-height: 100%;
  		vertical-align: middle;
  		image-rendering: -moz-crisp-edges; /* Help Firefox out with scaled images */
  		border: none;
  	}

  	/*	=============================================================================
  			Custom theme
  			========================================================================== */



  	.tiles {
  		margin-bottom: 2em;
  	}

  	.tile {
  		background: #fff;
  	}

  	.tile-2 {
  		background: #fff;
  	}

  	.tile-3 {
  		background: #fff;
  	}

  	.tile-4 {
  		background: #fff;
  	}

  	.tile-5 {
  		background: #fff;
  	}

  	.tile-wrap {
  		margin: 0 1px 1px 0;
  	
  		
      -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
      -moz-transition: all 0.2s ease-out;  /* FF4+ */
       -ms-transition: all 0.2s ease-out;  /* IE10 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
      transition: all 0.2s ease-out;
		  text-decoration: none;
		  color: #000;
  	}

  	.tile-wrap:hover {
  		background: #999;
  		color: #FFF;


  	}


  	.tile-5 .tile-footer p {
      padding: 0 0 1em 1.75em;
      margin: 0 0 0 0;
  		font-size: .6875em;	
  	}


  .tile-4 .tile-footer p {
      padding: 0 1.5em 1em 2.5em;
      margin: 0 0 0 0;
      font-size: .6875em; 
    }

    .tile-2 .tile-footer p {
      padding: 0 3.25em 1em 4em;
      margin: 0 0 0 0;
      font-size: 0.875em; 
    }




    .currency{
      font-weight: bold;
    }





.btn-load-more{
  margin: 1em auto 0 auto;
  text-align: center;
  clear:both;
  display:block;
  
}

.btn-load-more a{
  background: #999;
  width: 18.750em;
  padding: 0.5em;
  color: #000;
  text-decoration: none;
}

.btn-load-more a:hover{
  background: #666;
  color: #FFF;
}













/*-- Min Width : 320px --*/
@media screen and (min-width: 20.000em){

    .tile-pos-1 {
      position: absolute;
      top:    1%;
      bottom: 1%;
      left:   1%;
      right:  1%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 100%;
      overflow: hidden;
    }
	
	}

/*--Min Width : 400px --*/
@media screen and (min-width: 25.000em){

      .tile-pos-1 {
      position: absolute;
      top:    2.5%;
      bottom: 2.5%;
      left:   2.5%;
      right:  2.5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 100%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 100%;
      overflow: hidden;
    }
  
  }




}

/*-- Max Width : 599px --*/
@media screen and (max-width: 37.438em){

    .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }

}

/*--Min Width : 600px --*/
@media screen and (min-width: 37.500em){

	.container{width:85%}

	body{font-size:112.5%}

	h2,h3,h4,h5{font-size:1.875em;line-height:1.3em}

	h5{font-size:1.375em}

	

	
  .container .centered  #container-product-images, .container .centered .container-product-video, .container .centered #container-productInfo, #header .container .centered p, .centered p, .article .centered p, .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .centered h6,  .centered ul, .centered ol{width:80%;margin-left:auto;margin-right:auto;display:block;float:none;}
	
	.centered li p, .article .centered li p{width:100%;max-width:none}

  #meta-productInfo p, #meta-productInfo h5, #meta-productInfo h6{

    margin: 0;

  }



    .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }




}

/*--Min Width : 800px --*/
@media screen and (min-width: 50.000em){

	body{font-size:125%}


	
 .container .centered  #container-product-images, .container .centered .container-product-video, .container .centered #container-productInfo, #header .container .centered p, .article .centered p, .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .centered h6, .centered .row, .centered .clearfix,.centered ul, .centered ol{width:70%}
	.centered li p, .article .centered li p{width:100%;max-width:none}

  #meta-productInfo p, #meta-productInfo h5, #meta-productInfo h6{

    margin: 0;

  }

    .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }


}

/*--Min Width : 1030px --*/
@media screen and (min-width: 64.375em){

	body{font-size:137.5%;
		


	}
	.centered p, .centered li p, .article .centered li p{width:100%;max-width:none}


    #meta-productInfo p, #meta-productInfo h5, #meta-productInfo h6{

    margin: 0;

  }

      .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }


}

/*--Min Width : 1200px and Min Height : 500px --*/
@media screen and (min-width: 75.000em) and (min-height:31.250em){

	body{font-size:150%;


	}

}

/*--Min Width : 1650px and Min Height : 800px  --*/
@media screen and (min-width: 103.125em) and (min-height:50.000em){

	body{font-size:162.5%}
	.container{max-width:1360px}
	.container .centered  #container-product-images, .container .centered .container-product-video, .container .centered #container-productInfo, #header .container .centered p, .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .centered h6, .centered .row, .centered .clearfix, .centered ul, .centered ol{max-width:none}
	.centered li p, .article .centered li p{width:100%;max-width:none}

  #meta-productInfo p, #meta-productInfo h5, #meta-productInfo h6{

    margin: 0;

  }

      .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }


}

/*-- Min Height : 700px --*/
@media screen and (min-height:43.750em){

      .tile-pos-1 {
      position: absolute;
      top:    5%;
      bottom: 5%;
      left:   5%;
      right:  5%;
    }

    .tile {
      float: left;
      width: 100%;
      overflow: hidden;
    }

  .tile-2 {
      float: left;
      width: 50%;
      overflow: hidden;
    }

  .tile-3 {
      float: left;
      width: 33.333%;
      overflow: hidden;
    }

  .tile-4 {
      float: left;
      width: 25%;
      overflow: hidden;
    }

    .tile-5 {
      float: left;
      width: 20%;
      overflow: hidden;
    }
	
}