body
{

}

a{
    color: #000;
}

a:hover{
    color: #abc532
}

#index .post.product p, .tiles .post.product p
{
    display: none;
}

#index .post.product a, .tiles .post.product a
{
	background: none;
    margin: 0px;
    display:block;
    position:relative;
    width: 100%;
    height:100%;
}

#index .post.categories
{
    background: #FFF;
    float: right;
    font-size: 14px;
}

#index .post.categories h2
{
	padding: 10px 15px;
	text-align: left;
    font-size: 18px;
    margin: 0px;
    color: #cbcbcb;
}

#index .post.categories ul
{
    padding: 0px;
    margin: 0px 15px;
}

#index .post.categories li
{
    list-style: none;
    margin:0px;
}

#index .post.categories li a
{
    width:auto;
    height:auto;
    background: none;
    color: #343434;
    text-transform: uppercase;
}


#index .post.categories li.current a
{
    color: #abc532;
}

#index .post.product h2, .tiles .post.product h2
{
	position:absolute;
	background: rgba(29,29,29,.8);
	padding: 10px 15px;
	text-align: left;
    font-size: 18px;
    
    top:0px;
    left:0px;
}

#index .post.product .price
{
    position:absolute;
    right: 0px;
    bottom: 0px;
    padding: 5px;
    background: rgba(255,255,255,.8);
    color: #323232;
}

#index .post.product .price .compare
{
    color: #FF0000;
    text-decoration: line-through;
}

#index .post.product a:hover h2, .tiles .post.product a:hover h2
{
	background: #FFF;
	color:#323232;
}
.tiles
{
    clear:left;
}

#product-details .tiles
{
    width:480px;
}

#product-information
{
	background: #FFF;
	padding: 30px;
    color: #5a5a5a;
     overflow:auto;
}

#product-header-title p
{
    margin:0px;
    padding:0px;
    font-size: 24px;
    margin: 30px 0px;
}

#product-header-title
{
 
 
      
}
#product-information h1
{
    font-size: 48px;
    font-family: "AvenirLT35LightRegular";
    margin: 0px;
  
}
#product-purchase
{
    float:right;
    width:300px;
    text-align:right;
}

#product-purchase .product-price
{
    color: #86ab0b;
    font-size: 36px;
}

#product-description
{
    width:50%;
    float:right;
    background:#FFF;
    padding: 30px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
    
    color: #5a5a5a;
}

#product-description a
{
    color: #000;
    font-family: 'AvenirLT65MediumRegular', Arial, sans-serif;
}

#product-description a:hover
{
    color: #86ab0b; 
}

.product-compare
{
    text-decoration: line-through;
}

#product-details
{
    overflow: hidden;
}


#purchase .button
{
    float:right;
}

#product.content
{
    background: none;
}

#product-gallery
{
    width:480px;
    height:480px;
   background: #323232;
    float:left;
    position: relative;
    box-sizing: border-box;
}

#product-gallery .display
{
    width:100%;
    height:100%;
    background: center center no-repeat;
    background-size: cover;
    position:absolute;
}

#product-gallery #thumbs
{
    list-style:none;
    padding:0px;
    margin:0px;
    position:absolute;
    right:0px;
    bottom: 0px;
    z-index:10;
}

#product-gallery #thumbs li
{
    display:block;
    float:left;
    width: 40px;
    height: 40px;
    background: #323232;
}

#product-gallery #thumbs li a
{
    display:block;
    width:100%;
    height:100%;
    background: center center no-repeat;
    background-size: cover;
    opacity: .5;
}

#col-main
{
    overflow: auto;
}

.visuallyhidden
{
    display: none;
}

.full.content
{
    background: #FFF;
    padding: 40px;
    color: #303030;
}

.full.content h2
{
    font-size:32px;
    
    font-family: "AvenirLT35LightRegular";
    font-weight: normal;
    margin: 0px;
}
#cartform table .button
{
    font-size: 12px;
    
    margin-left:0px;
    float:none;
}

#cartform table
{
    border-spacing:0;
    border-collapse:collapse;
    width: 960px;
    margin: 20px -40px 0px -40px;
    font-family: "AvenirLT65MediumRegular";
}

#cartform th.spacer
{
    width: 20px;
    
}
#cartform th
{
    background:none;
    text-transform: uppercase;
    font-size: 10px;
    color: #303030;
    
}


#cartform tr.item
{
    background: #e5e5e5;
    font-size: 16px;
}

#cartform tr.item td
{
    text-transform:uppercase;
}

#cartform tr.item td a
{
    color:#303030;
}

#cartform td
{
    padding:0px;
    position:relative;
    vertical-align: middle;
    text-align: center;
}
#cartform td.first
{
    text-align:left;
}

#cartform td
{
    border-top: 1px solid #f0f0f0;
}

#cartform td.price
{
    width: 140px
}

#cartform td.quantity
{
    border-top: none;
    background: none;
    width:140px;
}

#cartform td.quantity input
{
    border: none;
    border-top: 1px solid #3B3B3B;
    background: #323232;
    font-family: "AvenirLT65MediumRegular";
    color:#FFF;
    font-size: 16px;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:0px;
    text-align: center;
}

#cartform input.quantity:focus
{
    color:#323232;
    border-top: 1px solid #f0f0f0;
    background:#FFF;
}

#cartform .bottom-summary td
{
    padding-top:20px;
}

#cartform #checkout-footer
{
    border-top: 1px solid #d8d8d8;
    padding-top: 30px;
    margin-top:30px;
}

#checkout-addnote, #checkout-proceed
{
    float:left;
    width:50%;
    font-size: 10px;
    text-transform:uppercase;
    font-family: 'AvenirLT65MediumRegular';
}

#checkout-addnote textarea
{
    width: 100%;
    height: 120px;
    border:none;
    font-size: 10px;
    text-transform:uppercase;
    font-family: 'AvenirLT65MediumRegular';
    outline: none;
    overflow: auto;
}

#checkout-addnote textarea:focus
{
    border: 1px solid #d8d8d8;
    margin: -1px;
}


#checkout-proceed
{
    text-align:right;
   
}

#checkout-proceed a
{
    float:right;
}

#additional-checkout-buttons
{
    clear:right;
    padding-top:20px;
}

#additional-checkout-buttons-label
{
    margin-bottom:20px;
}

/* ============================================================================= */
/* ============================================================================= */
/* ============================================================================= */





















/** 
 * Radiance
 * A Shopify theme. 
 *
 * Last update: January 19, 2012
 * 
 * @version     2.2
 * @author      Ben Watts @ Shopify
 * @theme_url   http://radiance-theme.myshopify.com/
 *
 * If you need support or help customizing the theme:
 * - Try browsing the Shopify wiki: http://wiki.shopify.com/Main_Page
 * - Ask a question in the forums: http://forums.shopify.com/
 * - This is an official Shopify theme. Get support via: http://support.myshopify.com/
 *
 * Stay up-to-date and report any bugs:
 * - https://github.com/benwatts/shopify-theme-radiance
 






/** 
 * Reset 
 
html, body, div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, sub, sup, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font: /1.231 ; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
ol { list-style-type: decimal; }
p { margin: 0 0 1em 0; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
select{ max-width: 99%; /* for ff }


  html{ 
  
  }


html{ background-color:  }



/** 
 * Base Content Styles 
 
body { 
  color: #666666;
  }

h1, h2, h3, h4, h5, h6 { 
  color: #333333; 
  line-height: 1.2;
  font-weight: bold; 
  margin: 0 0 .5em 0;
  }
h1{ font-size: 22px; }

a { color: #666666; }
a:hover { color: #6db038 }

blockquote{
  font: italic 13px/1.5 georgia, sans-serif;
  margin: 0 0 1.5em 1.25em;
  }

ul, ol{ margin: 0 0 1.5em 1.3em; }
li{ margin: 0 0 0.25em 0; }  

input, textarea{
  border: solid 1px #dddddd; 
  padding: 4px;
  color: #333;  
  }
input[type="image"]{ border: none; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

table{
  width: 100%;
  margin: 0 0 1.5em 0;
  border-collapse: collapse;
  }
table th{
  padding: 4px 8px;
  font-weight: bold;
  border: solid 1px #dddddd;
  color: #333333;
  background: #d6d6d6 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/table-header-depth.png?972) 0 100% repeat-x; 
  }
table td{ 
  padding: 4px 8px;
  border: solid 1px #dddddd;
  }
tfoot th{ background: transparent; }


/** 
 * Structure 
 
 
html,body { height: 100%; }
body { text-align: center; }

.wrapper{ 
  width: 980px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: left;
  min-height: 100%;
  }
.ie6 .wrapper{ height: 100%; }  
  
#col-main{
  float: left;
  width: 740px;
  position: relative; z-index: 1;
  } 
#col-main.content{
  width: 700px;
  }
#col-main.full{
  width: auto;
  float: none;
  }  

#col-widgets{
  float: right;
  width: 215px;
  }  
  
  
  

/** 
 * Header 
 
  
#top{
  padding: 50px 0 0 0;
  margin: 0 0 30px 0;
  position: relative;
  z-index: 100;
  }
  
#site-title{
  font:  /1.0 ;
  color: ;
  margin: 0;
  }
#site-title a{
  text-decoration: none;
  color: ;  
  } 
#site-title a:hover{
  color: ;
  } 


  
/** 
 * Top Menu 
 

#top-menu{
  padding: 8px 0 0 0;
  margin: 0 0 0 -10px;
  }
#top-menu li{ 
  float: left; 
  }
#top-menu a{
  color: ;
  border-right: dotted 1px ;
  font:   ;  
  padding: 4px 10px;
  text-decoration: none;
  display: block;
  }
#top-menu .first a{
  border-radius: 4px 0 0 4px;
  } 
#top-menu li.last a{ 
  border: none;
  border-radius: 0 4px 4px 0;  
  }
#top-menu a:hover,
#top-menu .active a{
  color: ;
  background: ;
  } 
#top-menu a:hover .nav-arrow{
  border-top-color: ;
  }

/* dropdown menus 
#top-menu .has-dropdown{
  position: relative;
  }
.js #top-menu .has-dropdown a{
  padding-right: 24px;
  }

.js #top-menu .nav-arrow{
  position: absolute;
  top: 45%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid ;  
  display: block;
  }

#top-menu ul ul{
  clear: none;
  position: absolute;
  z-index: 30;
  background: ;
  top: 0;
  left: -1px;
  padding: 5px 0;
  display: none;
  width: 175px;
  -moz-box-shadow: 0 2px 3px ;
  -webkit-box-shadow: 0 2px 3px ;
  box-shadow: 0 2px 3px ;   
  }
.ie6 #top-menu ul ul,
.ie7 #top-menu ul ul,   
.ie8 #top-menu ul ul{
  border: solid 1px ;
  border-width: 0 1px;
  }
#top-menu ul .first ul{
  left: 0;
  } 
  
#top-menu ul ul li{
  float: none;
  display: block;
  padding: 5px 10px;
  } 
#top-menu ul ul a{
  font: 12px ;
  margin: 0; padding: 0;
  display: block;
  border: none;
  }
#top-menu ul ul a:hover{
  text-decoration: underline;
  }


/** 
 * Header Search 
 

#header-search{ 
  float: right;
  margin: 0;
  } 
#header-search #top-search-input{ 
  width: 174px;
  font-size: 12px;
  padding: 6px 3px;
  border: solid 1px #dddddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
  }
#header-search #top-search-submit{ 
  border: none;
  width: 25px;
  height: 25px;
  
  background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/icon-search.png?972) 0 0 no-repeat;
  
  float: right;
  margin: 0 0 0 8px;
  font-size: 0; /* ie7 
  line-height: 50px; /* ie7  
  }
#header-search #top-search-submit:hover{
  
  background-position: 0 -25px;
  
  }

#header-search{
  width: 215px;
  } 



/** 
 * Shopping Cart at the Top 
  

body{ border-top: solid 4px ; }

#umbrella{
  background: ;
  padding: 0 10px 0 12px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; 
  color: ;
  }

#umbrella ul{
  margin: 0;
  padding: 0;
  list-style: none;
  }
#umbrella li{
  float: left;
  padding: 6px 12px 10px 0;
  margin: 0 12px 0 0;
  border-right: solid 1px ;
  font-weight: normal;
  } 
#umbrella p{
  margin: 0;
  }
#umbrella a{ 
  color: ;
  text-decoration: none;
  }
#umbrella a:hover{ color: ; }
  
#umbrella .num-items-in-cart .icon{
  display: block;
  padding: 0 0 0 26px;    
  
  background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/cart-icons.png?972) 0 -58px no-repeat;
  
  }
#umbrella .num-items-in-cart:hover .icon{
  
  background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/cart-icons.png?972) 0 -87px no-repeat;
    
  }

#umbrella .checkout-link{
  padding: 0;
  margin-right: 0;
  border: none;
  }
#umbrella .checkout-link a{ color: #ffffff; }
#umbrella .checkout-link a:hover{ color: #ffffff; }  



/** 
 * Sections 
  

.section-details{
  margin: 0 0 10px 0;  
  }
.section-details a{
  color: ;  
  text-decoration: none;
  }
.section-details .view-more{
  float: right;
  line-height: 32px;
  }

 .section-title{
  font:  /1 ;
  color: ;
  float: left;
  margin: 0;
  } 

.diagonal-divider{
  
  margin: 0 0 20px 0;
  }

#page-title{
  font-size: 22px;
  border-bottom: dotted 1px #dddddd;
  padding: 0 0 15px 0;
  margin: 0 0 20px 0;
  }


/** 
 * Product and Collection Grid 
 

.product-grid{
  list-style: none;
  margin: 0;
  color: ;
  }
.product-grid li{
  width: 177px;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  }
.product-grid .last-in-row{ margin-right: 0; } 

.generated-height .product-grid-item{
  width: 177px; 
  position: absolute;
  bottom: 0;
  }

.product-grid img{ 
  display: block; 
  margin: 0 auto;
  } 
 
.product-grid a{
  text-decoration: none;
  display: block;
  color: ;
  }
.product-grid a:hover{
  color: ;
  }

.product-grid .product-link{
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin: 0;
  min-height: 50px;
  /* for ie6: 
  width: 100%;
  }  

.product-photo{
  max-width: 177px; 
  }
.ie6 .product-grid{ overflow: hidden; }

.product-information{
  padding: 10px;
  position: relative;
  background: ;   
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; 
  }
.product-information h3{
  font:  /1 ;
  margin: 5px 0 10px 0;
  }
.product-information p{
  line-height: 1.4em;
  margin: 0 0 .75em 0;
  }

.product-price{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 8px;
  text-align: right;
  font-weight: bold;
  color: ;
  opacity: .85; 
  background: ;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0; 
  }

#featured-grid li{
  width: 240px;  
  background: ;   
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;  
  }
#featured-grid .product-photo{ 
  max-width: 240px; 
  }
#featured-grid .product-price{
  top: -30px;
  right: 0;
  bottom: auto;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 24px;
  color: ;
  }


  
/** 
 * Single Product 
  

#product-information{ 
  float: right;
  width: 375px;
  }

#product-actions{ 
  padding: 4px 0 12px 0;
  overflow: hidden; height: 1%;
  }

#purchase{
  float: right;
  text-align: right;
  }
.sold-out #purchase{
  float: none;
  text-align: left;
  }
#add-to-cart{
  margin: 8px 0 0 0;
  }

#product-header{
  margin: 0 0 20px 0;
  border-bottom: 1px solid #dddddd;
  }
#product-header #product-header-title{ 
  float: left;
  width: 60%;
  margin: 5px 0 16px 0;
  }
#product-title{
  margin: 0 0 5px 0;
  font-size: ;
  font-style: ;
  }
#product-vendor{
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  }
#product-vendor a{
  text-decoration: none;
  }

#product-actions select{
  padding: 3px;
  }
#product-actions .price{
  font-size: 18px;
  margin: 0;
  font-weight: bold;
  text-align: right;
  }
#product-actions .price strong{ 
  color: ;
  display: block;
  }
#product-actions .compare_at_price{
  font-size: 12px;
  display: block;
  }

.variants-wrapper{
  text-align: right;
  margin: 0 0 8px 0;
  }
.selector-wrapper{
  margin: 0 0 8px 0 ;  
  }
.selector-wrapper label{
  margin: 0 5px 0 0;
  text-align: right;
  }

#add-to-cart-msg{
  background: ;
  padding: 10px;
  display: none;
  margin: 0;
  }    

#product-information #sharing{
  margin: 16px 0 0 0;
  padding: 16px 0 0 0;
  list-style: none;
  border-top: 1px solid #dddddd;
  }
#product-information #sharing li{
  margin: 0;
  float: left;
  }  



/** 
 * Zoomy product gallery, with thumbs
 * @see https://github.com/benwatts/enhance-gallery
 

#product-gallery,
#active-wrapper{
  width: 303px;
  }  

#active-wrapper{
  position: relative;
  min-height: 50px; 
  overflow: hidden; 
  margin: 0 0 10px 0; 
  }
#active-wrapper img{
  display: block;
  width: auto;
  }
#active-wrapper .zoomed{
  position: absolute;
  top: 0; 
  left: 0;
  }

#active-image-loading{
  background: #fff url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/icon-loading.gif?972) 50% 50% no-repeat; 
  width: 40px;
  height: 40px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
  top: 42%;
  left: 42%;
  z-index: 2;
  text-indent: -900em; overflow: hidden;  
  }

#thumbs{
  margin: 0;
  list-style: none;
  }
#thumbs li{
  float: left;
  margin: 0 8px 8px 0;
  width: 54px;
  height: 54px;   
  text-align: center; 
  }  
.no-js #thumbs li{ margin-right: 6px; }
#thumbs li.last-in-row{
  margin-right: 0;
  }
#thumbs a{
  display: block;
  border: solid 1px #dddddd;
  padding: 1px;
  }
#thumbs a:hover{
  border: solid 1px #6db038;
  }
#thumbs img{
  margin: 0 auto;
  display: block;
  }   

  
  
/** 
 * Content
  

.content{
  padding-bottom: 20px;  
  
  padding: 20px;
  

  background: #f6f6f6;
  line-height: 1.5em;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  }
.content.description{ /* collection descriptions 
  
  padding: 10px 20px 0 20px;
  

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 15px 0 15px 0;
  float: left;
  width: 700px;
  }
  
article{
  margin: 20px 0 45px 0;
  
  border-bottom: solid 1px #dddddd;
  
  padding: 0 0 10px 0;
  } 
.templateArticle article{ margin-top: 0; }

article .author{
  color: #999;
  font-style: italic;
  line-height: 20px;
  }
article footer{ 
  font-size: 11px;
  padding-top: 20px;
  }
article footer p{ margin: 0; }
article footer .author{ float: left; }
article footer .comments-link{ float: right; }
article footer .btn { padding: 2px 10px; }



/** 
 * Pagination 
 * Modified from http://twitter.github.com/bootstrap/
 

.pagination {
  height: 30px;
  margin: 18px 0;
  }
.pagination ul {
  float: left;
  margin: 0;
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: ;
  }
.pagination li {
  display: inline;
  }
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 28px;
  border-right: 1px solid #dddddd;
  text-decoration: none;
  color: ;
  }
.pagination a:hover, .pagination .active a {
  color: #ffffff;
  background-color: #6db038;
  background: #666666 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972) 0 100% repeat-x;  
  }
.pagination .active a{
  border-right-color: ; 
  } 
.pagination .disabled a, .pagination .disabled a:hover {
  background: transparent;
  color:  #dddddd;
  cursor: default;
  }
.pagination .next a {
  border: 0;
  }  

.pagination-num-showing{
  float: right;
  line-height: 28px;
  font-size: 11px;
  color: ;
  }

    
/** 
 * Widgets in the Right Column 
  

#col-widgets{
  color:  ;
  } 

#col-widgets a{ color:  }
#col-widgets a:hover{ color:  }

.widget{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 20px 0;
  padding: 10px;
  background: 
  }

.widget h3{
  font:   ;
  color: ;
  margin: 0 0 10px 0;
  }
#col-widgets .widget h3 a{
  color: ;
  text-decoration: none;
  }
  
.widget ul{ margin: 0; }  
.widget li{
  padding: 0 0 5px 12px;
  list-style: none;
  }

.widget-btns a{
  background: ;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  display: block;
  padding: 6px 12px;
  margin: 0 0 6px 0;
  text-decoration: none;
  overflow: hidden; height: 1%;
  } 
.widget-btns img{
  display: block;
  float: left;
  margin: 0 6px 0 0;
  }
.widget-btns .btn-text{
  display:block;
  width: 165px;
  float: right;
  } 

/** twitter widget 
.no-js #widget-twitter{ display: none; }
.widget .tweet_list{
  margin: 0;
  list-style: none;
  } 
.widget .tweet_list li{
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: dotted 1px ;
  background: none;
  word-wrap: break-word;
  line-height: 1.3em;
  } 
    
/** linklist widget 
.widget-linklist li{ 
  border-top: dotted 1px ;  
  padding: 8px 0 0 0;
  margin: 8px 0 0 0;
  }  
.widget-linklist li:first-child{
  border-top: none;
  padding: 0;
  margin: 0;
  }
.widget-linklist li a{
  display: block;
  margin: 0 0 0 12px;
  }
.ie7 .widget-linklist li a{
  float: left;
  }
.widget-linklist .arrow{
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid ;
  display: block;
  float: left;
  margin: 4px 0 0 0;
  }



/** 
 * Customer Accounts
  

.page-header #page-title{ float: left; border: none; margin: 0; }
.page-header #page-actions{ float: right; } 

.templateCustomersLogin form input{ 
  float: left; 
  }
.templateCustomersLogin form label{
  float: left;
  min-width: 120px;
  line-height: 22px;
  }
.templateCustomersLogin .form-row,
.templateCustomersActivateAccount .form-row{
  margin: 0 0 8px 0;
  }
.templateCustomersLogin .action-bottom{
  margin: 20px 0 0 0;
  }
.templateCustomersLogin .action-bottom .note{
  font-size: 11px;
  padding: 0 0 0 5px;
  line-height: 27px;
  }


/* >> login Form 
#customer-login,
#recover-password{
  float: left;
  width: 58%;
  border-right: solid 1px #dddddd;
  }
#recover-password{ 
  display: none;
  }
#recover_email label{
  min-width: 75px;
  }
#forgot_password{
  margin: 2px 0 0 5px;
  font-size: 11px;
  float: left;
  }  

#guest{
  float: right;
  width: 38%
  }
   
  
/* >> manage orders and addresses 
#customer_orders{
  width: 75%;
  float: left;
  }
#customer_sidebar{
  float: right;
  width: 20%;
  }
.address p,
.view_address p{ margin: 0; }

#view_address{ 
  border-top: solid 1px #dddddd;
  padding: 10px 0 0 0;  
  margin-top: 10px;
  display: block;
  }

.address_actions{ float: right; }
.address_actions .action_edit{
  border-right: solid 1px #dddddd;
  padding-right: 10px;
  }
.address_actions .action_delete{ padding-left: 16px; }  

.action_top{  margin: 0 0 20px 0; }

.action_edit, 
.action_delete, 
.action_add{
  display: inline-block;
  padding-left: 16px;
  }
.action_edit{ background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/edit-sml.png?972) 0 0 no-repeat; }
.action_delete{ background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/delete-sml.png?972) 0 1px no-repeat; }
.action_add{ background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/add-sml.png?972) 0 0 no-repeat; }

.default_address{
  color: #6db038;
  }
.address_table,
#add_address{
  border: dotted 1px #dddddd;
  padding: 10px;
  margin: 0 0 20px 0;
  }
.address_table .label,
#add_address .label{
  width: 125px;
  padding-left: 0;
  }
.address_table h4{
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  }
.customer_address_table{ margin: 0; }
.customer_address_table td{ border: none; }
.customer_address_table input{ margin: 0 5px 0 0; }
.customer_address .action-bottom{ margin-left: 141px; }


/** >> view individual orders  
.order_date{ 
  border-bottom: solid 1px #dddddd;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
  }

#order_address{ 
  overflow: hidden; height: 1%;
  margin: 0 0 20px 0; 
  } 
#order_address #order_payment, 
#order_address #order_shipping{
  float: left;
  width: 46%;
  margin-right: 2%;
  }
  


/** 
 * Comments 
 

.comment{
  margin: 0 0 20px 0;
  }

.comment-author{
  float: left;
  width: 18.0%;
  padding: 12px 0 0 0;
  font-weight: bold;
  text-align: right;
  color: #333333;
  }

.comment-content{
  background: #ffffff;
  float: right;
  width: 75%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  padding: 15px;
  color: #666666
  }
.comment-arrow{
  width:0px; 
  height:0px; 
  border-bottom:8px solid transparent;
  border-top:8px solid transparent; 
  border-right:8px solid #ffffff; /* arrow colour 
  font-size:0px;
  line-height:0px;
  position: absolute;
  top: 14px;
  left: -8px;
  }

.comment-posted{
  font-style: italic;
  margin: 0;
  font-size: 11px;
  line-height: 1;
  color: #cccccc;
  }


.comment-form label{
  display: block;
  width: 130px;
  float: left;
  }
.comment-form #comment-submit{
  margin: 0 0 10px 130px;
  }
.comment-form div{
  margin: 0 0 10px 0;
  }
.comment-form .text{
  float: left;
  border: solid 1px #ccc;
  padding: 5px;
  width: 150px;
  color: #666;
  }
.comment-form .text:focus{
  border-color: ;
  } 
.comment-form textarea.text{
  width: 500px;
  }

.has-error label{ color: #e0360f; }
.has-error label.error-msg{ color: #fff; }
.has-error input,
.has-error textarea,
.has-error .text{
  border: solid 1px #ff0000;
  -webit-box-shadow: 0 0 4px rgba(255,0,0,.6);
  -moz-box-shadow: 0 0 4px rgba(255,0,0,6);
  box-shadow: 0 0 4px rgba(255,0,0,.6);
  }

.error-msg,
.success-msg,
.errors{
  padding: 10px;
  color: #fff;
  text-align: left;
  background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972 0 100% repeat-x);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.error-msg,
.errors{
  background-color: #770e00;
  }
.success-msg{
  background-color: #387700;
  }

.errors{ margin: 0 1em 1.5em 0; }
.errors ul,
.errors li{ margin: 0; list-style: none; }
  
  
  
/** 
 * Search 
  

#search-form{
  padding: 0 0 20px 0;
  overflow: hidden; height: 1%;
  }
#search-form #q{
  font-size: 16px;
  padding: 6px;
  width: 575px;
  border: solid 1px #dddddd;
  float: left;
  }
#search-form #search-submit{ /* overriding some of .btn's styles 
  padding-top: 7px;
  padding-bottom: 6px; 
  float: right;
  width: 100px;
  }
.ie7 #search-form #search-submit{
  border: none;
  }

.results .item{
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: solid 1px #dddddd; 
  }
.results .thumbnail{
  float: left;
  }
.results .search-excerpt{
  margin: 0 0 0 75px;
  }   


  
/** 
 * Cart 
  
  
#cartform table{ 
  width: 100%; 
  margin: 0 0 20px 0;
  } 
#cartform table td{ 
  text-align: center; 
  vertical-align: middle;
  padding: 5px;
  }
#cartform table th{ 
  text-align: center; 
  } 
col.checkout-image{ width: 50px; }  
col.checkout-delete{ width: 80px; }
  
  
#cartform td img{ display: block; }
#cartform input.text { border: solid 1px ; padding: 4px; color: ; text-align: center; }

#cartform .subtotal{
  text-align: center;
  }
#cartform .update-quantities{
  text-align: center;
  padding: 5px;
  width: 170px;
  } 

#checkout-proceed{ 
  float: right;
  width: 38%;
  text-align: right; 
  }
  
#checkout-addnote{
  float: left;
  width: 60%;
  } 
#checkout-addnote a{
  display: block;
  width: 165px;
  float: left;
  }
#checkout-addnote textarea{
  border: solid 1px #dddddd;
  color: #666666; 
  width: 250px;
  height: 60px;
  float: left;
  padding: 4px;
  } 
.js #checkout-addnote textarea{
  display: none;
  } 
  
#additional-checkout-buttons{
  padding: 5px;
  margin: 5px 0 0 0;
  } 
#additional-checkout-buttons-label{
  border-bottom: solid 1px #dddddd;
  display: block;
  margin: 0 0 8px 0;
  font-size: 11px;
  font-weight: bold;
  }
  
  
  
/** 
 * Footer 
  

#bottom{ 
  padding: 15px 0; 
  
  padding-left: 20px;
  padding-right: 20px;
  

  margin: 25px 0 50px 0;
  font-size: 11px;
  clear: both; 
  overflow: hidden;
  height: 1%;
  background: #ffffff;
  color: #999999;
  }

#footer-left{ 
  width: 500px;
  float: left;
  }
#footer-right{
  width: 200px;
  float: right;
  }

#bottom ul{
  list-style: none;
  margin: 0 0 10px 0
  } 
#bottom li{
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  }
#bottom a{ color: #999999;}
#bottom a:hover{ color: #6db038;}
#bottom p{ line-height: 1.5em }
  
#footer-nav{
  margin: 14px 0 0 0; 
  }
#footer-nav li{
  border-left: solid 1px #999999;
  }
#footer-nav li:first-child{
  border-left: none;
  margin: 0;
  padding: 0;
  }

#bottom #sm-icons{
  float: right;
  margin: 0;
  }
#sm-icons li{ 
  margin: 0 0 0 10px; 
  padding: 0;
  }
#sm-icons a{ 
  width: 36px;
  height: 37px;
  background-image: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/social-media.png?972);
  display: block;
  }


#sm-youtube a{ background-position: 0 -78px; }
#sm-flickr a{ background-position:-36px -78px; }
#sm-twitter a{ background-position: -72px -78px; }
#sm-facebook a{ background-position: -108px -78px; }
#sm-youtube a:hover{ background-position: 0 -117px; }
#sm-flickr a:hover{ background-position:-36px -117px; }
#sm-twitter a:hover{ background-position: -72px -117px; }
#sm-facebook a:hover{ background-position: -108px -117px; }


#footer-payment-methods{
  clear: both;
  border-top: solid 1px #D7D7D7;
  padding: 15px 0 0 0;
  text-align: center;
  }
#footer-payment-methods p{
  margin: 0 0 5px 0;
  text-transform: uppercase;
  }

/**
 * Homepage Carousel
  

/* Adjust this to alter the width and height of the carousel. 
#carousel, 
#carousel .items > li{
  width: 740px;
  height: px;
  }

#carousel-wrapper{ margin: 0 0 30px 0; }

#carousel{
  position: relative;
  z-index: 50;
  overflow: hidden;
  background: #F4F4F4;
  }
#carousel p, 
#carousel li{
  margin: 0;
  }
  
#carousel .items{
  margin: 0;
  padding: 0;
  width: 20000em;
  position: absolute;
  z-index: 1;
  }
#carousel .items > li{
  float: left;
  list-style: none;
  }

#carousel .items img{ max-width: 100%; } /* I was on the fence about adding this line in, but hope it will do some good 

#carousel-controls{ margin-top: 10px; }


#carousel .browse{
  width: 20px;
  height: 100%;
  background: ;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  opacity: .9;
  display: none;
  }
#carousel-next{
  top: 0;
  right: 0; 
  }
#carousel-prev{
  top: 0;
  left: 0;
  }

#carousel .arrow{
  display: block;
  position: absolute;  
  top: 46%;
  }
#carousel-next .arrow{
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid ;  
  left: 5px;
  }    
#carousel-prev .arrow{
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid ;  
  right: 5px;
  }

#carousel .browse:hover{ background: ; }
#carousel-next:hover .arrow{ border-left-color: ; }
#carousel-prev:hover .arrow{ border-right-color: ; }



/** 
 * Utils 
 

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.left{ float: left; }
.right{ float: right; }

.btn,
a.btn{
  display: inline-block;
  background: #666666 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972) 0 100% repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #666666;
  color: #ffffff;
  padding: 5px 10px 4px 10px;
  text-decoration: none;  
  font-weight: bold;
  font-family: ;
  text-align: center;
  cursor: pointer;
  }

.btn:hover,
a.btn:hover{
  border: solid 1px #6db038;
  background: #6db038 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972) 0 100% repeat-x;;
  color: #ffffff;
  }
  
.btn-reversed{
  border: solid 1px #6db038;
  background: #6db038 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972) 0 100% repeat-x;;
  color: #ffffff;
  }
.btn-reversed:hover{
  background: #666666 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/btn-small-depth.png?972) 0 100% repeat-x;
  border: solid 1px #666666;
  color: #ffffff;
  } 



/**
 * Contact/Newsletter Forms 
 

.contact-form ul{
  margin: 0;
  }
.contact-form li{
  list-style: none;
  margin: 0 0 8px 0;
  }

.contact-form label{
  display: block;
  min-width: 90px;
  float: left;
  }
.contact-form textarea{
  width: 400px;
  height: 100px;
  }
.contact-form .type-submit{
  margin: 0 0 0 90px;
  }

.contact-form .error-msg{
  float: none;
  display: inline;
  margin: 0 0 0 10px;
  font-size: 11px;
  padding: 6px;
  }
.contact-form .has-error input{
  border: solid 1px #ef3a22;
  }

/** 
 * Some print style resets 
 

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/** 
 * No products 
 * Visible only to an empty store.
 

#featured-grid .placeholder{
  display: block;
  width: 240px;
  height: 200px; 
  background: #666666 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/placeholder-product.png?972) 50% 50% no-repeat;
  }

.product-grid .placeholder{
  width: 177px;
  height: 130px;
  display: block;
  background: #666666 url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/placeholder-product.png?972) 50% 50% no-repeat;  
  }


.no-products{
  position: relative;
  }
.no-products-overlay{
  opacity: .75;
  background: ;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BF', endColorstr='#BF',GradientType=0 );  
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4; 
  top: 0;
  left: 0;
  }
.ie7 .no-products-overlay,
.ie8 .no-products-overlay{ background: transparent; }

.no-products-post-it{
  position: absolute;
  top: 125px;
  left: 198px;
  z-index: 5;
  width: 345px;
  height: 193px;
  background: url(//cdn.shopify.com/s/files/1/0166/7292/t/3/assets/no-products-post-it.png?972) 0 0 no-repeat;
  font-family: georgia, serif;
  font-size: 16px;
  color: #4b4a43;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  }
.no-products-post-it-content{
  padding: 65px 20px 20px 20px;
  line-height: 1.4em;
  } 
.no-products-post-it em{
  display: block;
  color: #3b3a34; 
  font-weight: bold;
  font-style: italic;
  font-size: 20px;
  margin: 0 0 10px 0;
  }
.no-products-post-it a{
  color: #25669c;
  }
  
/* Added by Caroline on January 14th for Customizr 

#product-actions input.text,
#product-actions input[type=text],
#product-actions textarea { 
  width: 90%;
}

#product-actions input[type=text]:invalid,
#product-actions textarea:invalid { 
  -moz-box-shadow:       inset 0 0 1px 1px #FF9494;
  -webkit-box-shadow:    inset 0 0 1px 1px #FF9494;
  box-shadow:            inset 0 0 1px 1px #FF9494;
}

.error span {
  line-height: 2;
  color: red;
}