/******************************************************************
Theme Name: Responsive v2.1
Theme URI: http://themes.shopify.com/themes/responsive/styles/new-york
Author: Out of the Sandbox (http://outofthesandbox.com)
Editor: Eystein (http://zerply.com/Eystein)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/

/* Table of Content
==================================================
    #Reset & Basics
    #Basic Styles
	#Typography
	#Links
	#Lists
	#Top bar
	#Search and cart
	#Navigation
	#Images
	#Videos
	#Buttons
	#Tabs
	#Forms
	#Tables
	#Misc
	#Site Styles 
	#FlexSlider 
	#FancyBox
	#Layout */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
		
/* #Basic Styles
================================================== */

	body { 
		background-color: #ffffff;
		
		<!--border-top: 8px solid #ffffff;-->
		
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3);
    
    
      font-family: 'Nunito', sans-serif;
      

    font-weight: 300;      
    font-size: 14px; 
    text-transform: none;
    color: #000000;
    line-height: 1.7em;
}

	::-moz-selection {
       background-color: #000;
       color: #fff;
}

	::selection {
       background-color: #000;
       color: #fff;
}
	
abbr {
  border-bottom: 1px dotted #000000;
}	

/* #Typography
================================================== */


  .logo {   
    
      font-family: Garamond, Baskerville, Caslon, serif;
      
    
    font-weight: normal;      
    font-size: 45px; 
    text-transform: uppercase;
    color: #000000;
  }
  
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #000000;    
    line-height: 45px;
  }

	h1, h2, h3, h4, h5, h6, .title a { 
    
      font-family: "Fjalla One";
      

    font-weight: normal;    
    text-transform: uppercase;
    color: #000000;
    display:block;
    letter-spacing: 0px;
}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a { font-weight: inherit; }
	h1 a, h1 a:visited, .title a, .title a:visited { color: #000000 }
	h1 a:hover, h1 a:active, .title a:hover, .title a:active { color: #000000 }
	h1, .h1, h1.home, h2.title, .title a { font-size: 28px;  line-height: 50px; margin: 0 auto 20px; text-align: center; border-bottom: 1px solid #000000; border-top: none; padding: 0 0 0px 0; clear:both;}
  h1.home { 
  	margin: 0 auto 7px; 
  	border-bottom: 1px solid #000000; 
  	padding: 7px 0;  }
  h1.product_name { text-align:left; clear:none;}
	h2, .h2 { font-size: 26px; line-height: 45px; margin: 0 auto 20px; font-weight: 300; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 12px 0; }
	h3, .h3, h1.blog_title { font-size: 25px; line-height: 35px; margin: 0 auto 15px 0; font-weight: 300; text-align: left; border-bottom: 1px solid #000000; padding: 0 0 12px 0; }
	h4, .h4, h4.title a { font-size: 24px; line-height: 35px; margin: 0 0 15px 0; font-weight: 300; text-align: left; padding: 0; text-transform: uppercase; border-bottom: 1px solid #000000; padding-bottom:12px;}
	h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
  h5, .h5 { font-size: 22px; padding-bottom: 5px; }
  h6, .h6 { font-size: 20px; padding-bottom: 15px;}
	.subheader { color: #777; }
  
  .modal h3 { padding: 12px 0;}
  h6.social { padding-bottom: 10px }

	p { margin: 0 0 20px; font-style: normal; }
	p img { margin: 0; }
	
	em, i { font-style: italic; }
	strong, b { font-weight: bold; }
	small { font-size: 80%; }
	
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }

  .quote {
     font-size: 18px;
     line-height: 32px;
     text-align: center;
     margin: 0 0 20px 0;
     font-style: normal;
  }
  
  .times {
font-family: 'Fjalla One', sans-serif;

	font-size: 16.5px;
	font-weight: bold;
	line-height: normal;
  }
  
/* #Links
================================================== */
	a, a:visited { 
		color: #000000; 
		text-decoration: none; 
		outline: 0; 
		-webkit-transition: color 0.2s ease-out 0s; 
		-moz-transition: color 0.2s ease-out 0s; 
		-o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;  
	}
	a:hover, a:focus { 
		color: #987851; 
	}

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

ul {
    border-top: 1px solid #e5e5e5;
    line-height: 26px;
}
ul li {
    border-bottom: 1px solid #e5e5e5;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
}

/* #Top bar
================================================== */

.top_bar {
  background-color: #222222;
  
	
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 1;
}

.top_bar .container {
  padding-top: 0;
  padding-bottom:0;
}

.top_bar a  {
  
    font-family: Garamond, Baskerville, Caslon, serif;
    

  font-weight: normal;      
  font-size: 11px; 
  text-transform: uppercase;
  color: #b6b6b6;
  
  letter-spacing: 1px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, .4);
  display:block;
  height: 30px;
  line-height: 30px; }



.top_bar a:hover {
  color: #ffffff;
}

.top_bar a:hover span {
  background-color: rgba(255, 255, 255, .4);
}

.top_bar a.cart {
  background: url(http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/cart_dark_2.gif?575) no-repeat left 8px;
  padding-left: 22px;
}

.top_bar a.cart:hover {
  background-position: left -26px;
}

.top_bar ul {
  padding:0;
  margin: 0;
  border: 0;
}

.top_bar ul li {
  float:right;
  border-right: 1px solid rgba(58, 67, 68, .2);
  border-left: 1px solid rgba(27, 32, 34, .3);
  border-bottom: 0;
  border-top: 0;
  padding: 0 15px;
  position:relative;
  display:block;
}

/* #Search and cart 
======================================== */

.cart_box a {
    color: #000000;
	display: block;
	height: 30px;
	line-height: 30px;
    font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0px;
}

.cart_box a:hover {
	color: #987851;
}

.cart_box a.cart {
  background: url(https://cdn.shopify.com/s/files/1/0150/9144/t/3/assets/cart_dark_2.gif?9568) no-repeat left -26px;
  padding-left: 22px;
}

.cart_box a.cart:hover {
  background-position: left 8px; 
}

.cart_box ul {
  padding:0;
  margin: 0;
  border: 0;
}

.cart_box ul li {
  float:right;
  border: none;
  padding: 0 8px;
  position:relative;
  display:block;
}

	.cart_box ul li.omega {
		padding: 0 0 0 8px;
	}
	.cart_box ul li:last-child {
		padding: 0 8px 0 0;
	}


/* #Navigation
======================================== */

#nav ul li {
	*z-index: 999; /* For IE7 to not layer nav dropdowns behind slideshow */ 
}

#nav {
  display: block;
  text-align: center;
  

    border-top: 1px solid #1a171b;
    border-bottom: 1px solid #1a171b;
    background-color: #1a171b; 

  margin: -10px 0 5px;
  min-height: 35px;
  padding: 10px 0 0;
}
#nav ul {
    display: block;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
}
#nav ul li {
    display: inline-block;
    border-color: #000000;
    border-top: 0;
    border-bottom: 0;
    border-right: 0px solid #000000;
    padding: 0;
    position: relative;
    margin: 0;
}
#nav ul li {
  *display: inline;
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
    
      font-family: "Oswald",sans-serif;
      

    font-weight: normal;      
    font-size: 14px; 
    text-transform: uppercase;
    color: #ffffff;
  
    position: relative;
    display:block;
    padding: 0 20px;
    letter-spacing: 0px;
	line-height: 1;
}

#nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: #987851;
}

#nav ul li:first-child {
    padding-left: 0;
}

#nav ul li:last-child {
    border-right: none;
    padding-right: 0;
}

#nav ul li a:hover, nav ul li a:focus {
    color: #987851;
}

#nav ul li.current_page_item a {
    color: #987851;
}
#nav ul li.current_page_ancestor a {
    color: #987851;
}
	
	
/* sub-levels link */
#menu ul a, 
#menu li:hover > ul a  {
	padding: 10px 0 10px 15px;
	background: none;
	text-align: left;
}
/* sub-levels link :hover */
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu ul .current_page_item a:hover, #menu .current-menu-item ul a:hover, #menu ul .current-menu-item a:hover, #menu li:hover > ul a:hover {
	background: #fff;
}

/* sub-level ul */

#menu li ul {
	position: absolute;
	left: 9px;
	top: 16px;
	background: #1a171b;
	border-top: 15px solid #1a171b;
	z-index: 100;
	display: none;
	width: 210px;

}
	#menu li:hover ul {
		display: block;
	}


#menu ul li {
	background: none;
    display: block;
	border: none;
	text-align:left;
	padding: 0;
}

#menu ul li a {
  display:block;
  color: #fff;
}



/* Original fly-out sub-sub-nav  */
/* sub-sub-level dropdown */
/*
#menu ul ul {
	left: 210px;
  top: -1px;
}
*/


/* Nested sub-nav replacement */

#menu ul ul {
	position: static;
	border: none;
	display: block;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);	
	width: 210px;
}

#menu ul ul li {
	padding: 0;
}

#menu ul ul a,
#menu li:hover > ul ul a  {
	font-size: 14px;
	padding: 5px 0 5px 35px;
}
	
	
	
/* #Images
================================================== */
/*
	The purpose of the below declaration is to make sure images don't 
	exceed the width of columns they are put into when resizing window. 
	Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
	so the best solution is to individually call these properties on images that 
	are children of the grid that you want to resize with grid. 
*/

	.product_row img, .product_image_col img, .article img, .section img { 
		max-width: 100%;
		height: auto !important; /* Javascript sets inline style to different height */
	}

/* #Videos
================================================== */
/*
	For YouTube and Vimeo videos, wrap the embedded code snippet
	in a <div class="video-container"> tag to allow it to resize.
	To restrict the width, wrap with an additional <div class="video-wrapper">
*/

  .video-container {
  	position: relative;
  	padding-bottom: 56.25%;
  	padding-top: 30px;
  	height: 0;
  	overflow: hidden;
  }
  
  .video-container iframe,  
  .video-container object,  
  .video-container embed {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }
  
  .video-wrapper {
  	width: 600px;
  	max-width: 100%;
  }

/* #Buttons
================================================== */


	a.button, 
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #000;
		border: 0px solid #000;
		color: #fff;
		display: inline-block;
		font-family: 'Oswald', sans-serif;
		font-style: normal;
		font-size: 13px;
		font-weight: 300;
		line-height: normal;
		text-transform: uppercase;
		text-decoration: none;
		margin: 0;		
		padding: 6px 13px;
		cursor: pointer;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}	
	
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		vertical-align: baseline;
		*vertical-align: middle;
	}
	
	a.button:hover, 
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	a.button:focus, 
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		color: #fff;
		background: #333; 
	}
	  	
  	a.button:active, 
  	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
    	background: #eee; 
    }
	
	.button.full-width, 
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width { 
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
    	}
	
	
	
/* #Tabs
================================================== */
	ul.tabs { 
		display: block;
		margin: 0;
		padding: 0;
		border: none; 
	}
	ul.tabs li { 
		display: block;
		width: auto;
		height: 30px;
		padding: 0;
		float: left;
		margin-bottom: 0;
		border: 0 }
	ul.tabs li a { 
		background: #666;
		color: #fff;
		display: block; 
		text-decoration: none;
		text-transform: uppercase;
		width: auto; 
		height: 29px; 
		padding: 0px 15px; 
		line-height: 30px;
		margin: 0;
		font-size: 13px;
        font-family: 'Fjalla One', sans-serif;
	}
	ul.tabs li a.active { 
	  background-color: #e6e6e6;
		
		height: 30px;
		color: #000;
	}
	
	ul.tabs-content { 
		background: #e6e6e6;
		color: #000;
		margin: 0 0 20px; 
		display: block; 
		border: 0;		
	}
	ul.tabs-content > li { 
		display:none; 
		border: 0;
		padding: 20px 30px 10px 20px;
	}
	ul.tabs-content > li.active { display: block; border: 0;}
    
    ul.tabs-content li ul li {
        list-style: disc;
        padding: 0;
    }
		
	/* Clearfixing tabs for beautiful stacking */
	ul.tabs:before,
	ul.tabs:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	ul.tabs:after {
	  clear: both; }
	ul.tabs {
	  zoom: 1; }
			
			
/* #Forms
================================================== */

	form { 
		margin-bottom: 20px; }
		
	.cart_box form {
		margin: 0;
	}	
		
	fieldset { 
		margin-bottom: 20px; }
		
	input[type="text"], 
	input[type="number"],
	input[type="password"],
	input[type="email"],
	textarea, 
	select {
		background: #e6e6e6;	
		border: 1px solid #e6e6e6;
		padding: 6px 4px;
		outline: none;		
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000;
		margin: 0;
		max-width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	 }
				
	input[type="text"]:focus,
	input[type="number"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus, 
	textarea:focus {
		background-color: #fff;
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
		box-shadow:  0 0 3px rgba(0,0,0,.2) inset; 
	}

		
	select { 
		padding: 0;
		width:100%; }		
		
	label,
	legend { 
		display: block;
		font-weight: normal;
		font-size: 13px;  }
		
	input[type="checkbox"] {
		display: inline; }
		
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

	textarea#note {
		width: 100% }
  
	input.search_box {
		padding-left: 36px;
		background: #e6e6e6 url(http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/search_sprite_dark.png?575) no-repeat 0px -3px;
		border: 1px solid #fff;
		width: 259px;
	}
  
	input.search_box:focus {
		background-color: #fff;
		background-position: 0 bottom;
	}

  .top_bar_search {
    text-align: left;}
  
  .top_bar_search form.search {
    margin-top:4px;
    margin-bottom:0;}
  
  .top_bar_search .search_box {
    padding: 2px 2px 2px 26px;
    background-position: 6px 2px;}
    
	.in-touch .submit,
	.footer .submit {
		margin: 0 0 0 -3px;
	}
	
	.select {
		margin: 0 0 15px;
	}
  
  	.select label {
  		font-size: 14px;
  		text-transform: uppercase;
  		margin: 0 0 5px;
        font-family: 'Fjalla One', sans-serif;
  	}
  

/* #Tables
================================================== */
  table a:link {
  	color: #666;
  	font-weight: bold;
  	text-decoration:none;
  }
  table a:visited {
  	color: #999999;
  	font-weight:bold;
  	text-decoration:none;
  }
  table a:active,
  table a:hover {
  	color: #bd5a35;
  	text-decoration:underline;
  }
  table {
  	color:#666;
  	font-size:10px;
  	text-shadow: 1px 1px 0px #fff;
  	background:#eaebec;
  	border:#ccc 1px solid;
    margin-bottom: 20px;
  	-moz-border-radius:2px;
  	-webkit-border-radius:2px;
  	border-radius:2px;

  }
  table th {
  	padding:15px 20px;
  	border-top:1px solid #ccc;
  	border-bottom:1px solid #e0e0e0;

  	background: #ededed;
  	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
  }
  table th:first-child{
  	text-align: left;
  	padding-left:20px;
  }
  table tr:first-child th:first-child{
  	-moz-border-radius-topleft:3px;
  	-webkit-border-top-left-radius:3px;
  	border-top-left-radius:3px;
  }
  table tr:first-child th:last-child{
  	-moz-border-radius-topright:3px;
  	-webkit-border-top-right-radius:3px;
  	border-top-right-radius:3px;
  }
  table tr{
  	text-align: center;
  	padding-left:12px;
  }
  table tr td:first-child{
  	text-align: left;
  	padding-left:12px;
  	border-left: 0;
  }
  table tr td {
  	padding:12px;
  	border-bottom:1px solid #e0e0e0;
  	border-left: 1px solid #e0e0e0;
	
  	background: #fafafa;
  	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
  }

  table tr td.value input {
    margin-bottom: 0;
  }
  table tr.even td{
  	background: #f6f6f6;
  	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
  }
  table tr:last-child td:first-child{
  	-moz-border-radius-bottomleft:3px;
  	-webkit-border-bottom-left-radius:3px;
  	border-bottom-left-radius:3px;
  }
  table tr:last-child td:last-child{
  	-moz-border-radius-bottomright:3px;
  	-webkit-border-bottom-right-radius:3px;
  	border-bottom-right-radius:3px;
  }
  table tr:hover td{
  	background: #f2f2f2;
  	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
  }
		
/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	.right { float:right; }
	.left { float: left; }
	.center { text-align: center; }
	.relative { position: relative; }
	.align_right { text-align:right }
	.align_left { text-align: left; }
	div.mobile_only { display:none; }
	.no_border { border: none !important; }
	.extra_padding { padding-top: 4px; }
	div.hidden { display: none; }
	
	.border-bottom-double {
		border-bottom: 1px solid #000000;
		-webkit-box-shadow: ;
		-moz-box-shadow: ;
		box-shadow: 0 1px 0 #fff, 0 3px 0 #000000;
	}
	.border-top-bottom {
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	.border-bottom {
		border-bottom: 1px solid #000000;
	}
	.padding-top-bottom {
		padding: 10px 0;
	}

/* #Site Styles
================================================== */

  div.container {
      margin: 0 auto;
      padding: 20px 0;
  }
  
  div.content {
    padding: 15px 0 0;
    
    
     
  }

  .logo {
      padding-top: 10px;
      text-align: center;
  }

  .logo img {
    max-width: 100%;
  	height: auto;
  }
  
  .logo a {
    margin: 0;
    display:block;
  }
  
  div.section {
     clear:both;
     margin: 0 0 19px;
     overflow: hidden;
  }
  
  div.product_section {
    margin: 5px 0;
  }

  .breadcrumb {
  	color: #000;
    font-size: 12px;
    font-style: normal;
    padding-bottom: 1em;
  }
  
  .product_breadcrumb {
    margin-top: 0;
    padding-bottom: 0;
  }
  
  #category {
    width: 100%;
  }
  
  .point-right {
  	background: transparent url( http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/pointers.png?575 ) -217px 60% no-repeat;
  	padding: 6px 0 5px 90px;
  	display: block;
  }
  	.header .point-right {
        padding: 12px 0px 5px 60px;
        font-weight: normal;
        background: transparent url( http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/pointers.png?575 ) -247px 60% no-repeat;
    }
    
  	.in-touch .point-right {background-position: -217px 6px}
  
  .point-left {
  	background: transparent url( http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/pointers.png?575 ) 147px 6px no-repeat;
  	padding: 6px 25px 0 0;
  	display: block;
  }
  
  .home-content p {
  	overflow: hidden;
  }
  
  .home-content a img {
  	vertical-align: bottom;
  }
  
  .home-content a {
  	float: left;
  	margin: 0 0 0 20px;
  }
  
	.home-content a:first-child {
		float: left;
		margin: 0;
	}
    
	.home-content a:last-child {
	    float:right;
	    margin: 0;
	}

  .action_button, input.action_button[type="submit"], input.action_button[type="button"] {
    background: #000000;
    border: 1px solid transparent;
    padding: 6px 60px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    
    font-weight: normal;
    text-transform: uppercase;
        
    
      font-family: 'Fjalla One', sans-serif;
      

    text-shadow: 0 1px rgba(0,0,0,0.4);    
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    color: #fff;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin-bottom: 0px;
  }

  .action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover {
    background: #505050;
    border-color: #000000;
  }
  
  .feature_text {
     margin: 10px 0 0;
  }
  
  .paginate {
    text-align:center;
  }
  
  .paginate span {
    padding: 0 10px;
  }
  
  .thumbnail {
    position: relative;
    text-align:center;
    border-bottom: solid 1px #000000;
    padding-bottom:0.5em;
    margin-bottom: 0.5em;
  }

  .thumbnail a {
    display:block;
    padding-bottom:0.5em;
    color: #000000;
  }

  .thumbnail a:hover,
  .thumbnail a:hover h5 {
    color: #987851;
  }
	
	.thumbnail .sale {
	  position: absolute;
	  top:0px;
	  background: #987851;
	  padding: 6px 20px;
    text-align: center;
    font-size: 15px;

    
      font-family: 'Oswald', sans-serif; font-weight:300;
      

    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
	}
	
  .thumbnail .info {
    padding-top: 0.75em;
    text-align: left;
  }
  
  .thumbnail .price {
    text-align:right;
  }
  
  .thumbnail .price, .cart_price {
    float:right;
    padding-left: 20px;
    font-weight:bold;
  }
  
  div.info span.price {
      float:none;
      padding-left: 0;
  }
  
  div.info span.title {
      display:block;
  }
  
  .cart_price {
    display: none;
  }

  .was_price {
    text-decoration: line-through;
    color: #888888;
    font-style: normal;
    text-shadow:none;
    font-weight:normal;
  } 

  .thumbnail .quick_shop {
    display:none;
    padding: 13px 13px;
    background-color: #987851;
    position: absolute;
    width: 130px;
    top: 37%;
    left: 50%;
    margin-left: -80px;
  }
  
  .thumbnail .quick_shop:hover {
    background-color: #000000;
  }
  
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }

  .twittercont {
    display: inline-block;
    margin-left: 10px;
  }
  
  .facebookcont {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 10px;
  }
  
  a.pinterestcount {
    background:url(http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/pinit.png?575) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:41px;
    background-position:0 0;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -20px;
  }
  
  a.pinterestcount:hover{
    background-position:0 -21px;
  }
  
  a.pinterestcount:active{
    background-position:0 -42px;
  }

  .arrow {
    font-size: smaller;
    position: relative;
    top: -1px;
    left: 2px;
    opacity: 1.0;
  }

a.collections {
	display: block;
	position: relative;
}

a.collections span {
	display: block;
	text-indent: -999em;
	width: 128px;
	height: 113px;
	background: transparent url( https://cdn.shopify.com/s/files/1/0150/9144/t/3/assets/shop-this-style.png?11250929373136029862 ) 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 999em;
}

a.collections:hover span,
a.collections:focus span {
	right: 0;
}

  /* Use common styling for all popups.
    See; https://picketstudio.basecamphq.com/projects/9208246-sma_p002-dr-denim-shopify-store/todo_items/145326861/comments
  */
  .fancybox-wrap,
  .modal {
	border: 0px solid rgb(153, 153, 153);
    text-align:left;
    width: 660px;
    background-color: #FFFFFF;
/*  	        
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
*/
	-webkit-box-shadow: 0 0 10px #7f7f7f;
	-moz-box-shadow: 	0 0 10px #7f7f7f;
	box-shadow:			0 0 10px #7f7f7f;
  }
  .modal {
    display:none;
  }
  

  .modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  
  .modal_product img {
    cursor: pointer;
  }
  
  .modal_image {
    text-align:center;
    line-height:0;
  }

  .modal_image img {
    max-height: 510px;
  }
  
  .modal a {
    padding-bottom: 0;
  }
  
  .modal p.modal_price, p.modal_price {
    font-size: 22px;
    margin-bottom: 0.5em;
  }

  .modal form {
    margin-bottom: 10px;
  }
  
  .modal a {
    color: #404040;
    font-style: italic;
  }

  .modal a:hover {
    color: #987851;
  }
  
  .modal p {
    margin-bottom: 0.5em;
  }

  #close_overlay {
    position: fixed;
    right: 15px;
    top: 10px;
    z-index: 1000;
    cursor:pointer;
    font-size:20px;
    color: #666;
    font-family: sans-serif;
    font-weight:bold;
  }

  .close_overlay:hover {
    color: #404040;
  }
  
  /* Use common styling for all popups.
    See; https://picketstudio.basecamphq.com/projects/9208246-sma_p002-dr-denim-shopify-store/todo_items/145326861/comments
  */
  #fancybox-overlay,
  #overlay-fixed.overlay-fixed,
  #lean_overlay {
      position: fixed;
      z-index:100;
      top: 0px;
      left: 0px;
      height:100%;
      width:100%;
      background: #fff;
      display: none;
  }
  
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }

#feature_image > a {
	display: inline-block;
}
    
  .meta {
    font-size: 13px;
  }
  
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  
  p.meta {
    margin-bottom: 12px;
  }
  
  .meta .label, .label {
    font-style: normal;
    color: #808080;
  }
  
  .count {
    font-style: normal;
    font-size: 13px;
  }
  
  #tag_filter, #category_filter { 
    margin-bottom: 0;
  }
  
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  
  input.quantity {
    width: 2.5em;
    display: inline;
  }
  
  .update_or_remove {
    display:none;
  }
  
  .subtotal {
    text-align:right;
  }
  
  .mobile_left {
    text-align: right;
  }

  .cart_description {
    font-size: 13px;
  }
  
  .article { 
    border-bottom: solid 1px #000000;
    margin-bottom: 12px;
    padding-bottom: 20px;
  }
  
  .continue_reading {
    font-style: italic;
  }
  
  .blog_list {
    border-top:0;
    padding-top:0;
  }
  
  .blog_list li:first-child {
    padding-top: 2px  ;
  }
  
  .comment {
    margin-bottom:30px;
  }
  
  .gravatar {
    width: 80px;
    height: 80px;
  }
  
  .red {
    color: #C33;
  }
  
  .address p {
    margin-bottom: 5px;
  }
  
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  
  .product_section .tabs-content td {
  	padding: 5px;
  }
  
/* Modal window for add-to-cart AJAX functionality  */  
.addToCartPopup {
	position:fixed;
	top: 50%;
	left: 50%;
	padding: 30px;
	width: 300px;
	margin-left: -182px;
    margin-top: -122px;
	z-index: 100000; /* Must sit above everything, especially the Quick Shop modal. */
	background: #fff;
	border: 2px solid #999;	
	-webkit-box-shadow: 0px 0px 15px #000;
	   -moz-box-shadow: 0px 0px 15px #000;
	        box-shadow: 0px 0px 15px #000;
	font-size: 16px;
	font-weight: normal;
    text-align: center;
}
    .addToCartPopup .line-item-title {
        font-size: 110%;
    }
    .addToCartPopup .add-to-cart-message {
        font-size: 90%;
        margin-bottom: 8px;
    }
    .addToCartPopup input {
        margin:16px 0;
    }

  

/* #Header
================================================== */

.header .brackets {
	padding: 10px;
	position: relative;
}

.header .brackets:before,
.header .brackets:after {
	position: absolute;
	top: 0;
	color: #000;
	font-family: 'Times New Roman', Times, serif;	
	font-size: 44px;			
	font-weight: normal;
	font-style: normal;
	line-height: normal;
}

.header .brackets:before {
	content: '{';
	left: 0;
}

.header .brackets:after {
	content: '}';
	right: 0;
}

.header input.search_box {
	margin-top: 8px;
	width: 300px;
}

  
/* #Footer
================================================== */

  div.footer {
    background-color: #ffffff;
    
    
    
    
    font-size: 13px; 
    line-height: 1.7em;
    color: #666666;
    padding: 0;
  }
  
  div.footer .container {
  	padding: 0 0 20px;
  }
  
  .footer h6 {
  	padding: 0;
  	margin: 0 0 15px;
  	border-bottom: 2px solid #000000;
  	-webkit-box-shadow: ;
  	-moz-box-shadow: ;
  	box-shadow: 0 1px 0 #fff, 0 2px 0 #000000;
  }
  
  .footer p {
    margin-bottom: 10px;
  }
  
  .footer a {
    color: #404040;
    text-shadow: none;
  }
  
  .footer a:hover {
    color: #987851;
    text-shadow: none;
  }
  
  .footer p#powered_by_link a {
    display: block;
    width: 94px;
    height: 27px;
    background: url(http://cdn.shopify.com/s/files/1/0150/9144/t/2/assets/shopify.png?575);
    text-indent: -9000em;
  }
  
  .footer p#powered_by_link {
    text-indent: -9000em;
    height: 27px;
    overflow: hidden;
  }
  
  .footer li {
    padding: 7px 0;
  }


  input.search_box, 
  #contact_email, 
  #contact_name {
    display:inline-block;
    width: 182px;
    margin-bottom:0px
  }

  #contact_email {
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.one-third #contact_email {
		width: 240px;
	}

	.footer #contact_email {
		width: 162px;
	}
  
	.cart_box form {
		margin: 0;
	}

	.footer .search_box {
		width: 460px;
	}
  


  .payment_methods {
  	float: left;
    margin: 4px 0 6px 10px;
  }
  
  .payment_methods img {
    padding-right: 4px;
  }
  
  .footer .credits {
    font-size: smaller;
  }

	.social_link {
		margin-right: 8px;
	}

	.social_link:hover {
		-webkit-transition: opacity 0.2s ease-out 0s; 
		   -moz-transition: opacity 0.2s ease-out 0s; 
	         -o-transition: opacity 0.2s ease-out 0s; 
				transition: opacity 0.2s ease-out 0s;
    	opacity: 0.75;
  	}

  table tr.order_summary td.label { text-align: right;}
  
.sub_footer {
	color: #666;
	font-size: 13px;
} 

.sub_footer ul {
	border: 0;
	line-height: 1;
	float: left;
	margin: 5px 0 0 0;
}

.sub_footer li {
	border: 0;
	float: left;
	padding: 0 7px;
}

.sub_footer .omega {
	margin-top: 3px;
}

/* #Product lightbox
================================================== */

.lightbox {
	display: none;
	max-width: 780px;
}
    .lightbox h2 {
        margin: 5px 15px 20px 15px;
    }
    .lightbox .contact-us-intro {
        margin: 0px 15px;
    }

#contact-us {
	position: relative;
}

.contact-us-intro {
	float: left;
	width: 30%;
}

.contact-us-form {
	background: #f0f0f0;
	float: right;
	width: 65%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 50px 30px 40px;
}

.contact-us-intro p {
	margin: 20px 0;
}

.contact-us-intro ul {
	border: none;
}

.contact-us-intro ul li {
	border: none;
	padding: 6px 0;
	line-height: 18px;
	list-style: disc inside;
}


/* ! Base fancybox styles in jquery.fancybox.css */
.fancybox-skin {
	background: #fff;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

/* Use common styling for all popups.
See; https://picketstudio.basecamphq.com/projects/9208246-sma_p002-dr-denim-shopify-store/todo_items/145326861/comments
*/
.fancybox-close {
	display: none;
}
  

/* #FlexSlider
================================================== */
 
  /* Browser Resets */
  .flex-container a:active,
  .flexslider a:active {outline: none;}
  .slides,
  .flex-control-nav,
  .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

  /* FlexSlider Necessary Styles
  *********************************/ 
  .flexslider {width: 100%; padding: 0;}
  .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {max-width: 100%;}
  .flexslider .slides li a {text-align: center}
  .flex-pauseplay span {text-transform: capitalize;}

  /* Clearfix for the .slides element */
  .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
  html[xmlns] .slides {display: block;} 
  * html .slides {height: 1%;}

  /* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
   * include js that eliminates this class on page load */
  .no-js .slides > li:first-child {display: block;}


  /* FlexSlider Default Theme
  *********************************/
  .flexslider {position: relative; zoom: 1; }
  .flexslider .slides {zoom: 1;border:0;}
  .flexslider .slides > li {position: relative;}
  .flexslider .slides li { border:0; padding: 0;}
  /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  .flex-container {zoom: 1; position: relative;}

  /* Caption style */
  /* IE rgba() hack */
  .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
  .flex-caption {margin:0; width: 100%; padding: 2%; position: absolute; left: 0; bottom: 4px; background: rgba(0,0,0,.4); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); font-size: 16px; line-height: 18px;}

  /* Direction Nav */
  .flex-direction-nav { height: 0; border:0;}
  .flex-direction-nav li { border: none; }
  .flex-direction-nav li a {width: 44px; height: 40px; display: block; background: url(https://cdn.shopify.com/s/files/1/0150/9144/t/3/assets/fancybox_sprite.png?11504) no-repeat; position: absolute; top: 45%; cursor: pointer; text-indent: -999em;}
  .flex-direction-nav li .next {background-position: 0 -218px; opacity: 0; right: 0px;}
  .flex-direction-nav li .prev {left: 0px; background-position: 0 -175px; opacity: 0;}
  .flexslider:hover .next {opacity: 0.6; right: 20px;}
  .flexslider:hover .prev {opacity: 0.6; left: 20px;}
  .flexslider:hover .next:hover, .flexslider:hover .prev:hover {opacity: 1;}
  .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} 

  .product_flexslider {
    width: auto;
    margin-top:0;
  }
  .product_flexslider .slides img {
    width: auto !important;
  }
  .product_flexslider .slides li {
    width: auto !important;
  }

	#grid .column,
	#grid .columns {
		background: #ddd;
		height: 25px;
		line-height: 25px;
		margin-bottom: 10px;
		text-align: center;
		text-transform: uppercase;
		color: #555;
		font-size: 12px;
		font-weight: bold;
		-moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 border-radius: 2px; }
	#grid .column:hover,
	#grid .columns:hover {
		background: #bbb;
		color: #333; }
	#grid .example-grid { overflow: hidden; }
	

	
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
  	#Media Queries
  	#Font-Face */

/* #Base 960 Grid
================================================== */
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }
    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
    /* Base Grid */
    .container .one.column                      { width: 40px;  }
	.container .onepointsix.columns             { width: 76px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .fivepointnine.columns           { width: 295px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }
    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }
    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .container .one.column                      { width: 28px; }
		.container .onepointsix.columns             { width: 56px; } /* Rounded from 56.8px */
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }
        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
        
        .container .one-third.column #contact_email { 
        	width: 170px; 
        }
        
    	.home-content a {
    		width: 236px;
    	}
		.home-content p:nth-child(2) a {
			width: 364px;
		}
        
        .cart_box a {
    	    font-size: 11px;
        }
        
        .cart_box ul li {
          padding: 0 4px;
        }
    
        .cart_box ul li.omega {
    		padding: 0 0 0 4px;
    	}
    	.cart_box ul li:last-child {
    		padding: 0 4px 0 0;
    	}
    	
    	.footer #contact_email {
    		width: 172px;
    	}
    	.footer .contact-form .submit {
    		margin: 5px 0 0 0;
    	}
	  	.header .point-right {
			background-position: -243px 52%;
			padding: 7px 5px 5px 66px;
            font-size: 11px;
		}
		.in-touch .point-right {
			padding: 6px 0 5px 70px;
			background-position: -235px 6px;
		}
    }

/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }
        .container .one.column,
		.container .onepointsix.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }  
       
         .home-content a,
         .home-content a:first-child,
         .home-content a:last-child {
         	float: none;
         	margin: 0;
         }  
         
         .footer #contact_email {
          	width: 242px;
          }

		#nav > ul > li {			       
			padding: 0 !important;
			border: 0;
			width: 49%;
	      }
	
		.fb-like.point-left {
			background-position: 165px 6px;
			padding: 6px 40px 0 0;
		}
		.in-touch .point-right {
        	padding: 6px 0 15px 90px;
        }
        .in-touch .contact-form {
        	margin-bottom: 10px !important;
        }
		.cart_box ul li {
			padding: 0 8px;
		}
		.cart_box ul li:last-child {
			padding: 0 8px 0 0;
		}
		
		.home-content p {
			margin: 0;
		}
		
		.home-content a img {
			margin: 0 0 10px 0;
		}
		
		ul.tabs li a {
			padding: 0 11px;
		}
        
        .thumbnail a {
            padding-top:2em;
        }
        
        .thumbnail .sale {
            top:2em;
        }
        
        .addToCartPopup {
            width: 240px;
	        margin-left: -152px;
        }
            
    }

/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }
        .container .one.column,
		.container .onepointsix.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        
        .header .one-third {
        	text-align: center;
        }
        .header .one-third:first-child img {
        	margin-left: 35px;
        }
        .one-third .cart_box form {
        	margin-bottom: 5px;
        }        
        .one-third .cart_box ul li {
        	float: left;
        }
        .one-third .cart_box ul li.omega {
        	margin-right: 20px;
        }
        .header input.search_box {
        	width: 420px;
        }
        
        .header .point-right {
			background-position: -245px 60%;
			padding: 12px 0px 5px 55px;
		}
        
        .header .brackets::before, .header .brackets::after {
         /*   margin: 0 40px 0 65px; */
        }
        
        .in-touch .point-right {
        	background-position: -157px 6px;
        	padding: 6px 0 15px 150px;
        }
        .in-touch .contact-form {
        	margin-bottom: 10px !important;
        }
        .in-touch .contact-form #contact_email {
        	width: 360px;
        }
        .home-content a {
        	width: 135px;
        	margin: 0 0 0 7px;
        	float: left;
        	text-align: center;
        }		
		.home-content p:nth-child(2) a {
			width: 206px;
		}
        .home-content a:first-child {
        	float: left;
        	margin: 0; 
        	text-align: left;
        }
        .home-content a:last-child {
        	float: right;
        	text-align:right;
        }       
        .home-content img {
        	width: 100%;
        }
        
        .footer #contact_email {
        	width: 361px;
        }
		
        .addToCartPopup {
            width: 300px;
	        margin-left: -182px;
        }
    }

/* #Clearing
================================================== */
    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }
    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* #Media Queries
================================================== */
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	    input.search_box {
	      width: 135px;
	    }
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.product_section .tabs-content td {
		  padding: 4px;
		}
		ul.tabs li a { 
			padding: 0px 10px; 
		}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.top_bar_search {
      		margin-bottom: 5px;
    	}
	    input.search_box {
	      width: 90%;
	    }
	    .title_column {
	      float:left;
	    }
	    p.update_or_remove {
	      display:block;
	    }
	    .subtotal {
	      text-align:center;
	    }
	    .mobile_left {
	      text-align:left;
	    }
	    div.mobile_only {
	      display:block;
	    }
	    .update_subtotal_text, .price_total, .remove_column, .checkout_table_header {
	      display: none;
	    }
	    .action_button {
	      width: 100%;
	    }
	    .mobile_right {
	      text-align: right;
	    }
	    .quick_shop {
	      display: none !important;
	    }
	    .cart_price {
	      display: block;
	    }
	    .cart_description, .gravatar {
	      display:none;
	    }
	    table tr th, 
	    table tr td,
	    .product_section .tabs-content td {
	      padding: 2px;
	    }
	    input.action_button {
	      margin-bottom: 1em !important;
	    }
	    .multiple_product_images {
	      display: none;
	    }
	    
	    .contact-us-intro {
	    	float: none;
	    	width: auto;
	    }
	    
	    .contact-us-form {
	    	float: none;
	    	width: auto;
	    }
		
		.sub_footer li{
			padding: 0 14px 7px 0;
		}
		
		.footer .picket_studio{
			text-align:left;
		}
		
		.payment_methods{
			margin-left:0;
		}
	    
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.product_section .tabs-content td {
		  padding: 7px;
		}
				
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#nav {
	      margin-top: 10px;
	      padding-top: 5px;
	    }
	    
	      #nav>ul>li {
	        padding: 0 6px;
	        border: 0;
	      }
	  	
	    .top_bar ul li {
	      padding: 0 10px;
	    }
	    .breadcrumb {
	      text-align:center;
	    }
	    .flex-caption {
	      font-size: 80%;
	    }
	    h1, h2, h1.home, h1.blog_title, h3, h4, h5, h6, .title a { 
	      font-size: 150%;
	    }
	    h1, h1.home, h1.blog_title, .title a, h2 {
	      padding:0;
	    }	

	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file.
		Copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('FontName.eot');
	    src: url('FontName.eot?iefix') format('eot'),
	         url('FontName.woff') format('woff'),
	         url('FontName.ttf') format('truetype'),
	         url('FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/	

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}

/* #jqZoom
================================================== */

.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/* Picket studio css modifications */

.home-mid-row .one-third.column.alpha {
    width: 220px;
}

.home-mid-row .one-third.column.omega {
    width: 380px;
}

.home-mid-row .one-third.column.omega .social-group {
    display: inline-block;
    margin: 5px 0 0 48px;
    height: 20px;
}

.home-mid-row .in-touch .one-third .point-left {
    padding: 0px 60px 0 0;
        background-position: 150px 6px;
    float: right;
}

.home-mid-row .in-touch .one-third .point-right {
    padding: 6px 0 5px 45px;
    background-position: -262px 6px;
}

.facebook-badge {
    position: absolute;
    z-index: 99;
    left: -60px;
    top: 25px;    


@media only screen and (min-width: 767px)  and (max-width: 959px) {
     /* Home */
    .home-mid-row .one-third.column.alpha { 
        width: 217px;
    }
    
    .home-mid-row .one-third.column.beta {
        width: 225px;
        margin-left: -8px;
        margin-right: 0;
    }
    
    .home-mid-row .one-third.column.beta form {
        margin-left: 8px;
    }

    .home-mid-row .one-third.column #contact_email {
        width: 145px;
    }
    
    .home-mid-row .one-third.column.omega {
        width: 291px;
    }
    
    .home-mid-row .one-third.column.omega .social-group {
        margin-left: 0;
    }
    
    .social-group {
        margin-left: 11px;
    }
    .social-group a {
        margin-right: 0;
    }
    
    .home-mid-row .in-touch .one-third .point-left {
        padding: 6px 44px 0 0;
    }
    
}

@media only screen and (max-width: 767px) {
    .home-mid-row .in-touch {    
        height: 105px;
        padding-left: 0;
    }
    
    .facebook-badge {
        display: none;
    }
    
    .home-mid-row .one-third.column.omega {
        width: 100%;
         margin-bottom: 10px;
    }
    
    .home-mid-row .one-third.column.omega .social-group {
        margin-left: 0;
    }
    .article .right {
        float: none;
    }
}

/* Blog */

.facebookcont .point-left {
    background: none;
    padding: 0;
}


/* HACK - James @ Picket Studio */
/* Force feature image 'zoomed' elements to be a reasonable width on initial load */
#feature_image img {
    width:460px;
}

.tag_filter label {
    float: left;
    margin-left: -70px;
}
.tag_filter #tag_filter {
    display: inline-block;
}

.footer .picket_studio,
.footer .picket_studio a {
    font-size: 13px !important;    
}

.addToCartPopup {
    z-index: 11002;    
}

.cart-mask {
    position: fixed;
    background: #fff;
    opacity: 0.5;
    top: 0;
    left: 0;
    z-index: 11001;
}


.flex-direction-nav li .prev,
.flex-direction-nav li .next {
    transition: none;
}

#homepage-bottom-divider p {
    position: relative;
    clear: both;
}

#homepage-bottom-divider p a {
    /*position: absolute;
    margin: 0;*/
}


/* Instagram */
.instagram-container {
    display: none;
}

@media only screen and (min-width: 768px) {
    .instagram-container.visible {
        display: block;
    }    
    
    .instagram-title {
        border: none;
        text-align: center;
        padding: 0;
        margin: 0;
        color: black;
    	-webkit-transition: color 0.2s ease-out 0s; 
		-moz-transition: color 0.2s ease-out 0s; 
		-o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;          
    }
    
    .instagram-title:hover {
        color: #404040;
    }
    
    .instagram-container {
        border-top: 1px solid #000000;
        -webkit-box-shadow: ;
        -moz-box-shadow: ;
        box-shadow: 0 3px 0 #fff, 0 1px 0 #000000;
    }
    
    .instagram {
        width: 760px;
    	position: relative;
    }
    
    .instagram .item {
    	float: left;
    	padding: 5px;
    }
    
    .instagram .item img {
    	width: 180px;
    	height: auto;
    	display: block;
    }
}
    
    /* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) {
    .instagram {
    	width: 960px;
    }
    
    .instagram .item {
    	float: left;
    	padding: 9px;
    }
    
    .instagram .item img {
    	width: 221px;
    }
}