@charset "UTF-8";
/* -------------------------------------------------------------- 
  -=Variables for menu and footer colors
-------------------------------------------------------------- */
/*
**NOTE**
By default all colors in the theme are set to their corresponding admin values.  
To override a color in the admin, for example, text text in the top navigation area.  
You'd change this

to something like this

Make sure that your new color value is surrounded by quotes as in the example above.
*/



/*
if your background image is hosted somewhere provide the link below.  It's still best
to upload your image via Big Cartel's admin
*/

/***********************************
-=LAYOUT DIMENSIONS AND MARGINS
************************************/
 
/*
If you're using a background image or two different colors for the content area
and the area to the left and right of the content area, and you want that color
or image to show a bit in the top and bottom of the layout then set how much that
should show in pixels below
*/
 
 




/*go_to_mobile_layout_at is the width at which the menu and footer 
  transform to be more easily viewalbe on phones.  You can shrink
  your browser window to find that best width to go mobile at.  The 
  more menu items you have the higher this value should be set to avoid
  the menu wrapping to a second line.*/
 


/*leave blank if you logo is already sized appropriately, otherwise set this in pixels to constrain the width e.g. '400px'*/
/*
-=TOP NAV (AREA FOR SOCIAL ICONS/CART/SHIPPING TEXT)
*/





 /*includes cart text and social icons*/


/*SocialIconsBackgroundColor and SocialIconsHoverBackgroundColor change the color 
  of the circle displayed behind the icon.
  NOTE: Does not support text that appears to the left of the icons so that will be hidden if set in Layout*/




/* SocialIconsColor and SocialIconsHoverColor change the color of the actual icon.*/

 /*leave the quotes empty to use default hover for each social icon*/



 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/

 /* 1 = regular cart text. 2 = square background and varied text colors for cart and items.*/
/*cart options for style 2*/





 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/




 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/
 /*space above and below shop title or banner/logo */
 /*space above and below shop title or banner/logo */


/*
-=MAIN MENU COLOR SCHEME
*/

 








 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/










 /* options are 'dark' or 'light' */



/***********************************
-=LOGO/STORE NAME AND MENU ALIGNMENT
************************************/
/*Try the following feature at your own risk.  This is best done by me during an install and setup.
You will also need to hide the search box by going to your admin and unchecking "show search"*/
 /*setting this to false will center the logo and menu, one on top of the other */
 /*Setting this value might be necessary if the layout is skewed*/


/**/
/*
    To enable the zooming of your product images that occurs on individual product 
    pages when the selected image is hovered over, set the following to 'true'.
    You will also need to open your "Product" file and set enable_hover_zoom = 'true'
    there as well.
    The hover zoom works best with images that meet Big Cartel's size recommendations
    for product images (1000x1000 pixels).  If you have a lot of small
    or irregular shaped images then it's best to set the following to 'false'.
*/












/*headings only show up on mobile layout*/

/*options are 'uppercase', 'lowercase' and 'none'*/
/*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/





/*options are 'uppercase', 'lowercase' and 'none'*/
/*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/




/*BUTTONS BLACK/WHITE */
 /*set to 0px to make the buttons completely square*/



 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/
/*options are 'uppercase', 'lowercase' and 'none'*/








/* PRODUCT LISTINGS PAGES */
 
/*Increase this value will increase the space between the images as well as slightly shrink the images*/


 
  /*needs to be enabled in Products and/or Home*/



/* options are 'uppercase', 'lowercase' and 'none'*/

/*options are left and center*/




 /* options are 'bold', 'normal' or '100', '400', etc*/

/* options are 'uppercase', 'lowercase' and 'none'*/




 /* options are 'bold', 'normal' or '100', '400', etc*/


 /* options are 'bold', 'normal' or '100', '400', etc*/

/* options are 'uppercase', 'lowercase' and 'none'*/


/*
PRODUCT PAGE
*/
/* Typography - PRODUCT PAGE */


/* PRODUCT PAGE */

 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/

/*options are 'uppercase', 'lowercase' and 'none'*/


 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/





/* SPECIAL HEADERS (centered text between borders) */

 /*options are 'bold', 'normal' or a number value i.e. '200', '400', '700'*/

/*options are 'uppercase', 'lowercase' and 'none'*/




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

html {
 background-color: ;

  
}

body {
  background-color: ;

  font-family: "Roboto", sans-serif;
  color: #333333;
  margin: 0 auto;
  /*max-width: 1200px;*/
}

html, body {height:100%;}
.holder {
    background: #ffffff;
    min-height: 100%;
    position:relative;
    margin: 0px auto 0px;
    padding: 0 10px;
    max-width: 1000px;    
}
.header_wrap {
    padding: 20px 0;
}

a {
  color: #333333;
  text-decoration: none;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -ms-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in;  
}
*:focus {
   outline: none !important;
}
a:hover, a:active, a:focus {
  border: none;
  color: #888888;
  text-decoration: none;
  -webkit-transition: color 0 ease-in;  
  -moz-transition: color 0 ease-in;
  -ms-transition: color 0 ease-in;
  -o-transition: color 0 ease-in;
  transition: color 0 ease-in; 
}

#banner {
    margin-top: 10px;
    
        width: 100%;   
        max-width: 375px;
    

       
    margin: 0px auto 15px;
}


header {
  display: inline-block;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
   max-width: 375px;
  margin: 0 auto;
  text-align: center;
}
header a {
        color: #000000;
}

header h1 {
     font-size: 36px;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 4px;
     margin: 20px 0 20px;
     padding-bottom: 10px;
}




h1 .subtitle {
    font-size: 0.6em;
}

header a:hover {
     color: #000000; /*no hover effect*/
}

/* ------------ top navigation area ---------------*/

.top_nav {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;      

    color: #333333;
    background-color: #ffffff;
    padding: 0;
    width: 100%;
    z-index: 999;
    
}

#right_nav {
    float: right;
}
.left_search, #glass_button {
  clear: both;
  float: right;
}

.left_search {      
    width: 214px;
    position:relative;
}
.left_search .search_button {
  color: #333333;
  display: inline-block;
  font-size: 14px;
  left: 5px;
  position: absolute;
  top: 5px;
    cursor: pointer;  
}


.mobile_search {
    width: 100%;
    display: none;
}

.left_search input,
.mobile_search input {
  color: #333333;
  background: transparent;
  padding: 2px 5px;
  width: 150px;
  border: solid 1px #e5e5e5;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-font-smoothing: subpixel-antialiased;
  }
  
.left_search input {
  border-radius: 4px;
  padding: 3px 3px 3px 25px;
  width: 100%;
  border: solid 1px #e5e5e5;
  -webkit-transition: border .1s ease-in;
-moz-transition: border  .3s ease-in;
-ms-transition: border .3s ease-in;
-o-transition: border .3s ease-in;
transition: border .3s ease-in;  
}
.left_search input:focus {
  border: solid 1px #e5e5e5;
-webkit-transition: all .3s ease-in;
-moz-transition: all  .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;  

}
.fade {
   opacity: .5;
   transition: opacity .40s ease-in-out;
   -moz-transition: opacity .40s ease-in-out;
   -webkit-transition: opacity .40s ease-in-out;
}

.fade:hover {
   opacity: 1;
}


/* ---------------------
    Footer 
------------------------*/


#mobile-slide-content footer {
  background: #ffffff;
  clear: both;
  padding: 5px 15px;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
  
  width: 100%;
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;     
}
.other_links {
    display: inline-block;
    width: 100%;
    border-top: solid 1px #e5e5e5;
    margin: 15px auto 0;
    padding: 15px 0 0;
}
    
footer ul {
    list-style: none;
    padding: 0;
    /*text-align: left;*/
}

footer ul li {
    display: inline-block;;
    margin: 5px 30px 5px 0;
}
footer ul li:last-child {
    margin-right: 0;
}
footer a {
    color: #333333;
}
footer a:hover {
    color: #333333;
    text-decoration: underline;
}

footer h3 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

footer .mailing_list h3 {
    color: #000000;
    margin: 0;
    display: inline-block;
    font-size: 12px;
    float: left;
    padding: 5px 5px 5px 0px;
}

.foot_section {
    /*width: 25%;*/
    padding: 0;
    float:left;
    font-size: 1em;
}
.pages_nav {
  display: block;
  float: none;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  /*font-size: .9em;*/
}
.mailing_list {
    margin: 0 auto;
    text-align: center;
    list-style: none;
}
.mailing_list {
  list-style: none;
  /*margin: 15px auto 0;*/
  text-align: center;
}
.mobile_only_mailer {
    display: none;
}
.mailing_list span {
    float:left;
}
footer .mailing_list {
    float: right;
    margin: -3px 0 0;
}
.top_nav .mailing_list {
  float: left;
  text-align: left;
  width: 330px;
  margin: 0;
  padding: 0;
}
.mailing_list span {
  float: left;
  margin: 0 5px 0 0;
}
.footer_search .search_button {
    margin: 0 0 0 -5px;  
    min-width: 40px;
}
.footer_search input {
  border: 1px solid #e5e5e5;
  padding: 1px;
  width: auto;
}
.left_search .icon-search {
    font-size: 14px;
}
.foot_section.social_icons h3 {
    display: none;
}
.foot_section.social_icons ul h3 {
    display: inline-block;
}
.foot_section.social_icons .sm-icons {
    font-size: 20px;
    
}
.other_links_header {
    display: none;
}

#mc_embed_signup form {
  display: block;
  margin-top: 0;
  padding: 0;
  z-index: 0;
  min-width: 230px; /*this is for Chrome as it causes the mailing list button to drop*/
}
#mc_embed_signup{
    background: #ffffff;
    display: inline-block;
}

#mc_embed_signup label {
  clear: both;
  display: inline;
  margin: 0 5px 0 0;
  width: auto;
}
#mc_embed_signup .button {
  margin: 3px 0 0;
}
#mc-embedded-subscribe {
  clear: none;
  float: right;
  margin: 0;
  width: auto;
}
#mc_embed_signup input {
  text-transform: uppercase;
  font-size: 10px;
  padding: 3px !important;
}
#mc_embed_signup input.email {
  display: inline;
  letter-spacing: 2px;
  margin: 0;
  padding: 3px;
  text-indent: 5px;
  width: 175px;
  float: left;
}
.mailing_list .subscribe_button {
  cursor: pointer;
  float: left;
  min-width: 65px;
  margin: 1px 0 0;
  letter-spacing: 1px !important;
  border-radius: 0px;
}
/*******************************
-=SPECIAL HEADER STYLE 
*******************************/

 .special_header {
      margin: 0;
  }
   .border_intersect {
    display: inline-block;
    height: 40px;
    margin: auto;
    position: relative;
    width: 100%;
    }
  .the_border {
      border-top: 1px solid #000000;
      position: absolute; 
      top: 0; 
      bottom: 0; 
      width: 100%; 
      margin: auto; 
      height: 1px;
  }
  
  .special_header h3 {
    bottom: 0;
    display: block;
    font-size: 22px;
    color: #000000;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 8px;
    z-index: 9;
    width: 100%;
  }
  .special_header span {
     background-color: #ffffff;  
    
      display: inline-block;
      position: relative;
      padding: 0 15px;
  }
  
  .featured {margin: 20px 0 10px;}
  
@media only screen and (max-width: 480px) { 
  .special_header span {
    padding: 0 5px;
    width: 100%;
    display: block;
    position: inherit;
  }
  .special_header h3 {
      position:inherit;
      border-bottom:2px solid;
  }  
}
/*******************************
-=MAILING LIST BENEATH SLIDER
*******************************/
  .home_page_mailing_list {
  margin: 20px 0 50px;
}
  .home_page_mailing_list #mc_embed_signup {
    display: inline-block;
    width: 100%;
  }   
  .home_page_mailing_list #mc_embed_signup form {
    display: block;
    margin: 0 auto;
    max-width: 502px;
    min-width: 500px;
    padding: 0;
    position: relative;
    z-index: 0;
  }                
  .home_page_mailing_list #mc_embed_signup input {
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 10px !important;
  }
  .home_page_mailing_list #mc_embed_signup input.email {
    display: block;
    letter-spacing: 2px;
    margin: 0;
    max-width: 377px;
    min-width: 340px;
    padding: 3px;
    text-indent: 5px;
    width: 100%;
    text-transform: none;
    float: right;
  }             
  .home_page_mailing_list #mc-embedded-subscribe {
    font-weight: bold;
    text-transform: uppercase;
  }                
           
@media only screen and (max-width: 480px) { 
    .home_page_mailing_list {margin: 10px 0;}
    .home_page_mailing_list #mc_embed_signup input {
      display: block;
      clear:both;;
    }  
}

/*******************************
-=SOCIAL ICONS
*******************************/

.sm-icons{
  /*float: right;*/
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  }
.sm-icons li{
  margin: 0;
  padding: 0 5px 5px;
  display: inline-block;
 }
.sm-icons li a:hover {
    text-decoration: none;
}

.icon-social{
    width: 32px;
    height: 32px;
    background: url('http://googledrive.com/host/0B51UCH0yGk6FeDE4elVjWWREUTA/images/Sprites/social-icons-light-bg.png') no-repeat;
    /*background: url('http://googledrive.com/host/0B51UCH0yGk6FeDE4elVjWWREUTA/images/Sprites//images/Sprites/social-icons-dark-bg.png') no-repeat;*/
    display: block;
  }
  
.icon-social {    
  filter: alpha(opacity=50); /* internet explorer */
  -khtml-opacity: 0.5;      /* khtml, old safari */
  -moz-opacity: 0.5;       /* mozilla, netscape */
  opacity: 0.5;           /* fx, safari, opera */
  }
.icon-social:hover {    
  filter: alpha(opacity=100); /* internet explorer */
  -khtml-opacity: 1;      /* khtml, old safari */
  -moz-opacity: 1;       /* mozilla, netscape */
  opacity: 1;           /* fx, safari, opera */
  }

.icon-social.twitter { background-position: 0 0; }
.icon-social.facebook { background-position: -50px 0; }
.icon-social.youtube { background-position: -100px 0; }
.icon-social.atom { background-position: -150px 0; }
.icon-social.instagram { background-position: -200px 0; }
.icon-social.pinterest { background-position: -250px 0; }
.icon-social.vimeo { background-position: -300px 0; }
.icon-social.tumblr { background-position: -350px 0; }
.icon-social.google { background-position: -400px 0; }


.copyright {
  background-color: #ffffff;
  color: #333333;
  clear: both;
  padding: 15px 15px 0;
  text-align: center;
  font-size: 12px;
}

#copy {
    margin-right: 15px;
}

#custom {
    margin-left:15px;
}
#footer a, 
#footer a:hover {
    color: #333333;
}

.slider-wrapper {
    margin-top: 15px;
}

@media only screen and (max-width: 1000px) { /*to avoid mailing list wrap*/
    footer .mailing_list {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .other_links {
        text-align: center;
    }
}
    
@media only screen and (max-width: 819px) { 
  /*screen and (max-device-width: 560px) and (orientation: landscape) {*/                      
    #mc_embed_signup input.email {
        display: block;
        margin: 0 auto;
        min-width: 154px;
        padding: 4px 0;
        text-indent: 5px;
        width: 100%;
        float:none;
      }
      #mc_embed_signup label {
        text-align: center;
        margin: 0;
      }
    .foot_section.social_icons {
      display: inline-block;
      margin: 20px 0 0;
      text-align: center;
    }  
    .foot_section.social_icons h3 {
        display: block;
    } 
    footer ul li {
        display: block;
    }
    .footer {
      width: 100%;
    }

    .other_links_header, #custom, #copy {
        display: block;
    }
    #custom, #copy {
        margin: 0;
    }
    .pages_nav {
        display: block !important;
    }
    .foot_section {
      float: none;
      font-size: 1em;
      margin: 0 auto 20px;
      padding: 0 !important;
      width: 100% !important;
    }  

  }


/******************************
Top Nav
*******************************/

.top_nav_icons {
    cursor: pointer;
    float: right;
    margin-right: 7px;
    width: 22px;
    height: 22px;
    background-size: 22px 44px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;

    /*For the sprite animation*/
    -webkit-transition: background-position .3s ease; 
    -moz-transition: background-position .3s ease; 
    -o-transition: background-position .3s ease; 
    transition: background-position .3s ease; 
}
.icon-shopping-cart,
.sm_icons li a,
.icon-user {
    font-size: 16px;
}
.icon-search {
	font-size: 14px;
}

.cart {
  float: right;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
  width: auto;
  text-align: right;
}
.shipping_text {
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    float:right;
    clear:both;
}



.media_icons{
    float:left;
    margin-right: 35px;
    margin-top: 2px;
}

.top_nav_icons {
    margin-top: 5px;  
}

.top_nav .social_icons {
    float: right;
    font-size: 14px;
    margin: 0 15px 0 0;
    
}
.top_nav .social_icons.left{
    float:left;
    margin: -5px 0 0;
}
.social_icons.left ul.sm_icons {
    padding:0;
}
.top_nav ul.sm_icons {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.top_nav ul.sm_icons li {
    padding: 0 15px 0 0;
    display: inline-block;
}
.top_nav .social_icons {
    /*padding-left: 30px;*/
    width: auto;
}
.top_nav .sm_icons li a {
        
        color:#333;
    
    display:inline-block;
}
.top_nav .sm_icons li a:hover {
    transition: 300ms ease-in-out;
    text-decoration: none;
}


    .sm_icons li a:hover {
        color: #000;
    }


.social_header {
    padding: 0 5px 0 0 !important;
}



.top_nav a {
    color: #333333;
}
.top_nav a:hover {
    color: #888888;
}


/*keep top and bottom padding equal in these elements to maintain
vertical alignment within the top bar*/
.cart, 
.social_icons {
  padding: 3px 0;
}



/*---------- buttons ------------*/
.fawn_button
{
    background: #000000;
    border-radius: 0px;
    border-color: #000000;
    color: #eee;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 100px;
    cursor: pointer;
    width: auto;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all  .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.fawn_button:hover {
    background: #333;
    border-color: #333;
    color: #fff;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all  .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

h1, h2, h3, h4, h5 {
  font-family: "Roboto", sans-serif;
  color: #000000;
}

h1 {
    margin: 0.17em 0;
}

h2{
    font-size: 1em;
}

section.content {
  padding: 0;
  margin: 30px 0;
  text-align: left;
  width: 100%;
  display: inline-block;
  
}

.custom section.content h1 {
    text-transform: uppercase;
    /*border-bottom: 2px solid #e5e5e5;*/
    display:inline-block;
    margin-bottom:15px;
    width: 100%;
    text-align:center;
    font-size: 1.9em;
}
.heading_underscore {
    border: 2px solid #000000; 
    color: #000000;
    display:block; 
    width: 40px; 
    text-align:center; 
}
.custom img {
    max-width: 100%;
}
.custom_underscore {
    border: 1px solid #000000; 
    margin: 5px auto 0;
}
form li {
    list-style-type: none;
    margin-bottom: 1.2em;
}
form label {
    display: block;
    margin-bottom: .2em;
}

form input, textarea {
    border: 1px solid #e5e5e5;
    padding: 5px;
    width: 350px;
}

.errors {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 3em;
}

.errors  li {
    background: #D97576;
    border-bottom: 1px solid #A65A5A;
    color: #666666;
    padding: 3px 10px;
}

.mobile_top_nav {
    display: none;
}

/*This breaks at ipad portrait size*/
/*@media only screen and (max-width: 600px) {*/ 
@media only screen and (max-width: 819px) { 
    /*top_nav contains search, media icons and the cart*/   
    .top_nav {
        display: none;
    }
    .mobile_top_nav {
        display: block;
    }
    .mobile_top_nav .shipping_text {
        float: none;
        font-size: 14px;
        font-weight: bold;
        margin: 5px auto 10px;
        text-align: center;
    }    
    .header_wrap {
        margin: 0;
    }    
    header {
        display:none;
    }
    .custom section.content {
        padding: 0 25px;
    }    
    .mobile_header {
        text-align: center;
        padding: 0;
    }
    
    .mobile_header h1 {
        font-size: 38px;
        padding: 40px 0;
        margin: 0;
        background-color: #ffffff;
    }
    
    .mobile_header a {
        color: #333333; /*no hover effect*/
    }
    #banner {
        margin-top: 20px;
        margin-bottom:15px;
        padding: 0 10px;
        max-width: 270px;
    }
    
    .bottom_nav_icons {
        float: left;
    }
    #bottom_nav_text{
        font-size: .9em;
        margin-top: 4px;
        padding-right: 5px;
        float: left;
    }
    .other_links {font-size: 14px;}
    footer h3 {
      font-family: "Roboto", sans-serif;
      /*font-weight: bold !important;*/
      margin: 0 0 5px;
    }  
    footer .mailing_list h3 {
        font-size: 16px;
        float: none;
    }    
    footer ul li {
      display: block;
      margin: 10px 0 0;
    }    
    #mc_embed_signup {
      display: block;
      margin: 0 auto;
      width: 310px;
    }    
    footer .copyright {
        text-align: center;
        padding-left: 28px;
    }
    
}


/* ---------------------------------------------

-=mobile_menu

-----------------------------------------------*/

@media only screen and (min-width: 819px) {

.menu {
  display: block;
  margin: 10px auto 0;
  width: 100%;
   
  visibility: hidden;
}

nav {
    display: inline-block;  
    width: 100%;
    z-index: 100;
    position: relative;
    background: #ffffff;
    margin-top: 40px;
        
}
nav ul ul {
    display: none;
    font-size: .9em;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
        border-bottom: none;
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0 20px;
        text-transform: uppercase;
        
            text-align: center;
        
}

nav .menu > ul {
    border-bottom: 1px solid #e5e5e5;
}

nav ul:after {
    content: ""; 
    clear: both; 
    display: block;
}
nav ul li {
    display: inline-block;
    text-align: left;
}
nav ul li:hover {
    background: #ffffff;
}

nav ul li a:hover {
    color: #888888;
    text-decoration: none;
}

nav ul li a {
    display: block; 
    padding: 20px;
    padding: 10px 15px 10px;
    color: #333333;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;      
}




nav ul ul {
    background-color: #ffffff;
        
    padding: 0;
    position: absolute; 
    /*top: 100%;*/
    z-index: 100;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

nav ul ul li {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  display: block;
  float: none;
}

nav ul ul li a {
    padding: 10px 20px;
    color:#333333;
}	
nav ul ul li a:hover {
    background: #ffffff;
    color:#888888;
    text-decoration: none;
}	
nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}

}

@media only screen and (max-width: 819px) {
    
    body { 
        overflow-x: hidden; 
        -webkit-overflow-scrolling: touch;
    }
    
    .slider-wrapper {
        margin-top: 25px;
    }
    #ddm, .ddm {
//        display: none;
        min-height: 100%;
    }    
    .menu {
        padding-left: 0;
        padding-right: 0;
    }
    .mobile_only_mailer {
      display: block;
      float: none !important;
    }
    section.content {
      padding: 0;
      text-align: left;
    }
    .custom section.content {
        padding: 0 25px;
    }

    nav {
      position: absolute;
      top: 0;
      left: -250px;
      background: #ffffff;
      z-index: 0;
      width: 250px;
      font-size: 1em;
      height: 100%;
      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -o-transform 0.2s linear;
      -ms-transition: -ms-transform 0.2s linear;
      transition: transform 0.2s linear;      
    }
    nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    #mobile-slide-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -o-transform 0.2s linear;
      -ms-transition: -ms-transform 0.2s linear;
      transition: transform 0.2s linear;
    }
    .top-bar,
    .cart-bar,
    .search-bar {
      /*position: absolute;*/
     background: #ffffff;
      z-index: 5;
      border-top: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      padding:0;
    }

    .top-bar label,
    .cart-bar label,
    .search-bar label {
        
      
        color: #000000;
      
      
      display: block;
      width: 100%;
      position: inherit;
      padding: 10px 0;
      background: #ffffff;
      text-align: center;
    }
    .top-bar label i,
    .cart-bar label i,
    .search-bar label i {
      font-size: 18px;
    }    
    .top-bar label span, .cart-bar label span, .search-bar label span {
      color: #333333;
      display: inline;
      margin: 0 0 0 10px;
      font-size: 16px;
    }
    #menu-toggle:checked ~ #mobile-slide-content {
      -webkit-backface-visibility: hidden;
      -webkit-perspective: 1000;
      -webkit-transform: translate3d(250px,0,0);
      -moz-transform: translate3d(250px,0,0);
      -ms-transform: translate3d(250px,0,0);
      -o-transform: translate3d(250px,0,0);
      transform: translate3d(250px,0,0);
    }
    #menu-toggle ~ #mobile-slide-content {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
    #menu-toggle:checked ~ nav {
      -webkit-backface-visibility: hidden;
      -webkit-perspective: 1000;
      -webkit-transform: translate3d(250px,0,0);
      -moz-transform: translate3d(250px,0,0);
      -ms-transform: translate3d(250px,0,0);
      -o-transform: translate3d(250px,0,0);
      transform: translate3d(250px,0,0);
    }
    #menu-toggle ~ nav {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      -o-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
    }
  
      
    .mobile_search input {
      border: 2px solid #e5e5e5;
      border-radius: 3px;
      font-size: 1.2em;
      height: 45px;
      width: 100%;
    }
    #search-toggle:checked ~ .mobile_search {
        display: block;
    }
    
    #search-toggle ~ .mobile_search {
        display: none;
    }
    
    .mobile_search {
        display: none;
        background: #ffffff;
        float:none;
    }
    
    nav li a {
      color: #333333;
      display: block;
      padding: 0 5px 0 25px;
      text-decoration: none;
      line-height: 2.6em;
      overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;   
    }
    nav ul#ddm, nav ul.ddm {
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }
    nav ul li {
      border-top: 1px solid #e5e5e5;
      border-right: none;
    }
    
    nav ul li:hover a{
      background: #ffffff;
    }

    nav ul li a:hover{
        color: #888888;
    }

    nav ul ul li a {
        color: #333333;
        padding: 0 5px 0 45px;
        margin: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;   
    } 
    nav ul ul li a:hover {
        background: #ffffff;
        color: #888888;
    }
}


/* --------------------------------------
Menu atyles for all sizes and orientations
-----------------------------------------*/

/*hide this until the javascript has a chance to format
the menu and avoid the ugly page flash.*/
#ddm {
 //   display: none;
}
#ddm, .ddm {
 //   display: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;    
    width: 100%;
}

    
.menu-toggle,
.search-toggle,
.mobile_search {
    display: none;
}

.mobile_search {
       padding: 10px 40px;
}

#mobile-slide-content {
    background: #ffffff;
}
/* -------------------------------------------------------------- 
  -=PRODUCT PAGE STYLES FOR HOVER & NO HOVER
-------------------------------------------------------------- */  
body#product .product_images {
    float: left;
    margin: 20px 0;
    width: 55%;
}
.product_details {
    float: left;
    text-align: left;
    position: relative;
    width: 45%;
}
.product_details .product_name,
.mobile_product_description .product_name {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.product_details .price,
.mobile_product_description .price  {
  font-size: 18px;
  font-weight: normal;
}


.product_details img {
    max-width: 285px;    
}
#product ul#custom_social_links {
  display: inline-block;
  list-style: none;
  padding: 10px 0 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
#product ul#custom_social_links li {
    float: left;
    padding: 0 15px 0 0;
}
#product #custom_social_links i {
    font-size: 16px;
}
.product_form {
    padding-bottom: 5px;
    clear: both;
}
body#product .content aside {
  border-right: none;
  font-size: 1em;
  padding-left: 30px;
}
p.artist{
    font-size: .85em;
    width: 350px;
    padding-top: 15px;
}
#add_to_bag_button {
    margin: 20px 0 10px;
    display: block;
}
.product_form h3, h4 {
    margin: 0;
    padding: 0;
}
body#product .availability li {
    height: 16px;
    margin-bottom: 5px;
}
body#product .product_details ul#social_links {
    display: block;
    border-top: solid 1px #e5e5e5;
    margin-bottom: 10px;
    margin-left: -5px;
    width: 350px;
    margin-top: 26px;
    padding: 15px 0 0 0;    
  }
  .quantity input {
      width: 30px;
      padding: 5px 0;
  }
.price_options {
    text-align: left;
    /*font-size: 1.2em;*/
}  
.product_details .price {
  margin: 0;
  padding: 0;
}
.product_description {
    border-top: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 5px 0;
}
.label {
    font-weight: bold;
    font-size: 18px;
    margin: 15px 0 0;
}
.options_select{
   margin-bottom: 5px;
}

body#product .product_details #social_links li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0;
    opacity: 1;
    text-align: left;
    float: left;
    
  }

body#product .product_details #social_links li#social_facebook{
        margin-right: 5px;
 }

 body#product .product_details #social_links li#social_tweet{
        width: 95px;
 }
  
#social_links #social_facebook iframe {
  margin: 0 auto 0 5px;
  }

#social_links #social_tweet iframe {
  height: 20px;
  margin-left: 5px !important;
}
#social_links #social_pinterest iframe {
  height: 20px;
  margin-left: 5px !important;
}
.mobile_product_description {
    text-align: center;
    margin-bottom: 15px;
}
.product_images ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.product_images li{
    opacity: .5;
    margin: 0 0 3px 3px;
    vertical-align: top;
    max-width: 75px;
}
.product_images li.selected {opacity: 1;}
.product_images li img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
.product_images li.selected a:hover {cursor: default;}
.primary_image {
     width: 100%;
     visibility: visible;
     max-width: 500px;
      float:right;
}
.product_page_wrap {
  display: block;
  margin: 0 auto;
  max-width: 950px;
}

/* -------------------------------------------------------------- 
  -=PRODUCT PAGE NO HOVER
-------------------------------------------------------------- */  


#view_container {
    width:85%;
    /*max-width:500px;*/
    float: left;
    overflow: hidden;
}
#view {
    margin-bottom: 3px;
    overflow: hidden;
    position: relative; 
    /*width:100%;*/
}
#zoom {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #000000;
    cursor: crosshair;
    display: none;
    height: 200px;
    position: absolute;
    width: 200px;
    z-index: 999;
}
.zoom_container {
    position: absolute;
    /*left: 90px;*/
    left: 5px;
    top: 20px;
}
.zoomed_clip {
    overflow: hidden;
    float: right;
/*    left: 515px;
    top: 20px;
*/    position: absolute;
    max-width: 600px;
    min-width: 500px;
    min-height: 500px;
}
.zoomed_image {
    position: absolute;
    visibility: hidden;
    left: 0px;
    top: 0px;
}
.primary_image {visibility: hidden;}


/* -------------------------------------------------------------- 
  -= PRODUCT PAGE RESPONSIVE STYLES
-------------------------------------------------------------- */  
@media screen and (max-width: 1103px) {
    #view_container {
        width: 100%;
        float: none;
    }
    .product_images ul {
        margin: 0 0 4px;
        text-align: center;
        width: 100%;
    }
    .product_images li{
        display: inline-block;
        opacity: .7;
        margin-right: 0px;
        margin-top: 4px;
        vertical-align: top;
    }
body#product .product_images {
    float: left;
    margin: 20px 0;
    width: 40%;

}  
.product_details {
    float: left;
    text-align: left;
    position: relative;
    width: 60%;
}
}



@media screen and (max-width: 550px) {
    .price_options {
        display: block;
        margin: 0 auto;
        text-align: center;
    	width: auto;
    }
    body#product .content aside {
        border: medium none;
        margin: 0 auto;
        padding: 0 50px;
        width: auto;
    }
    .primary_image {
        float: none;
        margin: 0 auto;
        display: block;
    }    
    .product_form form {
        font-size: 1em;
        text-align: center;
    }
    #add_to_bag_button {
      margin: 20px auto 10px;
    }    
    body#product .product_images, .product_details {
        width: 100%;
        padding: 0 15px;
    }
    body#product .content aside {
        margin: 0 auto;
        padding: 0 10px;
        width: auto;
    }
}
@media screen and (max-width: 450px) {
    select#option {
        width: 100%;
    }
}
body#product .product_details ul#social_links {
    width: 100%;
}
@media only screen and (max-width: 990px) { 
    body#product .product_details ul#social_links {
        margin: 25px auto;
    }
}

/* -------------------------------------------------------------- 
  -=PRODUCTS PAGE
-------------------------------------------------------------- */  
body#home section.content ul, 
body#products section.content ul
{
    list-style-type: none;
    padding: 0;
    text-align: left;
    margin: 0;
}

h3.products_page_name {
  /*border-bottom: 2px solid #000000;*/
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 20px;
  padding-left: 15px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.product_container {
  display: block;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  visibility: hidden;
  margin: 0 .50% 10px;
}

.image_container_large {
  bottom: 0;
  display: inline-block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  /*padding: 0 15px;*/
}
.product_info {
  bottom: 0;
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 105px;
  padding: 10px 15px 0;
}
.product_info p {
    padding:0 10px;
    margin:0;
}
.product_info p.product_name {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.product_info p.product_name {color: #333333;}
.product_info p.product_name:hover {color: #888888;}

.product_info p.product_price, .product_info em {
    color: #333333;
    font-size: 14px;
    font-weight: regular;   
    margin: 5px auto 0
}

.product_info p.product_price:hover {
    color: #888888;
}
.product_img {
    width: 100%;
}
.product_img {
  margin: auto;
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  /*padding: 0 15px;*/
}

.imageFade {
   opacity: .8;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out; 
}
 body#home section.content li.product div.pagination, 
 #shop section.content li.product div.pagination, 
 body#products section.content li.product div.pagination {
      clear: both;
}
#pagination {
  float: left;
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
  font-size: 18px;
  }

#pagination span,
#pagination a {
  padding: 8px 4px;
  border: none;
  }

#pagination .disabled,
#pagination .next,
#pagination .previous {
  display: none;
  }

#pagination .current {
  text-decoration: underline;
  }
  


/*@media only screen and (max-width: 610px) {
    .product_container {
        float: none;
        margin: 0 auto 10px;
        min-width: 350px;
    }   
}*/
 
@media only screen and (max-width: 390px) {
/*    .product_container {
        float: none;
        margin: 0 auto 10px;
        min-width: 285px;
    }   */
}
/* -------------------------------------------------------------- 
  -=SALE TAG
-------------------------------------------------------------- */  
.sale_tag {
    position: absolute;
    top: 0;
    /*left: 15px;*/
    left: 0;
    padding: 10px 10px;
    background-color: #de2b40;
    color: #FFF;
    text-transform: uppercase;
    z-index: 99;
    font-size: 14px;
}
/* -------------------------------------------------------------- 
  -=PRODUCTS POPUP INFO
-------------------------------------------------------------- */  
.product_popup_info {  
  
    color: rgba(255, 255, 255, 0.9);
    background: rgba(0, 0, 0, 0.6);
    
  display: none;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: relative;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 999;
  height: 100%;
  
}
.popup_text {
  bottom: 0;
  left: 0;
  margin: 20% auto 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 28px;
  padding: 0 20px;
}

.popup_product_name, .popup_price {
  	margin: 0;
}
.popup_product_name {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}
.popup_price {
    font-size: 14px;
    font-weight: regular;    
}
.popup_underscore {
    margin: 10px auto;
    width: 25px;
    
    border-color: rgba(255, 255, 255, 0.9);
    
	/*border-color: rgba( , 0.9 );  */
}

@media only screen and (max-width: 610px) {
  .product_popup_info {  
    display: inline-block;
    
      color: #FFF;
      background: rgba(0, 0, 0, 0.4);
      
  
  }
}  
/* -------------------------------------------------------------- 
-=CART
-------------------------------------------------------------- */
.cart_col_titles {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 !important;
}
.cart_summary {
    display: inline-block;
    float: right;
}
.cart_summary h3 {
    /*background: #ffffff;*/
    border-bottom: solid 1px #e5e5e5;
    font-size: 1.7em;
    text-align: right;
}
body#cart .cart_summary p {
    padding: 0;
    margin: 12px 0 15px;
}

body#cart .cart_summary #cart-shipping-tax {
    margin-top: 4px;
    margin-bottom: 10px;
}

body#cart .cart_summary #cart-shipping-tax p
{
    padding: 0;
    margin: 0 0 5px;
}

body#cart .cart_summary .cart_discount p
{
    padding: 0;
    margin: 8px 0 20px;
}

body#cart li.cart_discount_entry {
    margin: 10px 0;
    position: relative;
}

body#cart li.cart_discount_entry p {
    margin: 0;
}

.place_order {
  display: inline-block;
  float: right;
  margin: 0 0 10px;
}

#continue_button {
    margin-right: 5px;
    float: right;
}
#checkout_button,
#no_checkout_button {
      float: right;
}
.no_products {
    font-size: 20px;
    margin: 40px 0;
}
.no_products a {text-decoration: underline;}
.update_link {
    position: absolute;
    font-size: .8em;
    left: 15px;
    top: 55px;
}

form li#cart-shipping-tax {
    margin-top: 5px;
}

li#cart-shipping-tax #country{
    margin-bottom: 5px;
    width: 225px;
}

#cart_discount_code {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding: 5px;
    width: 185px;
}

.no_shipping {
  color: red;
  width: auto;
}

body#cart form .cart_summary ul {
    border-bottom: none;
    padding: 0
}

form .cart_summary li {
    display: block;
    list-style: none;   
    margin:0;
    padding:0;
    text-align: right;
}

.order_total{
    font-size: 1.1em;
    border-top: solid 3px #e5e5e5;
    text-align: left;
}
body#cart form li.cart_item {
      border-bottom: solid 1px #e5e5e5;
}

body#cart form li {
      padding-bottom: 10px;
}

body#cart li img {
    display: block;
    margin: 0 auto;
}

.cart_item_container {
    width: 75px;
    margin-right: 15px;
}

body#cart h5 {      
        margin-top: 28px;
}

body#cart .unstyled p {
        padding-top: 25px;
        margin-left: 10px;
}

body#cart form p > input
{
        margin-right: 10px;
        text-align: center;
        width: 35px;
}

body#cart a.remove {
        display: inline-block;
        background: #ddd + 20;
        border-radius: 20px;
        height: 20px;
        line-height: 20px;
        margin: 25px 0 0 0;   
        text-align: center;
        width: 20px;
}

body#cart a.remove:hover {
        background: #ddd;
}

@media only screen and (max-width: 819px) {
    .update_link {
        top: 70px;
    }
    body#cart form > ul {
    }
    .place_order {
        float: right;
        width: 200px;
     }
     #continue_button {
        margin: 5px 0 0;
      }
      li#cart-shipping-tax #country {
        max-width: 185px;
      }
}
/* -------------------------------------------------------------- 
  Contact
-------------------------------------------------------------- */   
#contact #contact_page p#thank_you {
    padding-bottom: 0 !important;
    border: none !important;
    text-align: center;
}
  
div.contact_header {
    /*width: 100%;*/
    text-align:left;
    padding:10px;
} 

.contact_header h1 {
    border-bottom: solid 2px;
    display: inline-block;
}
.contact_info {
    position: relative;
    height: 300px;
    width: auto;
    border-left: solid 1px #e5e5e5;
}  

form .subject {
    /*display: none;*/
}

.contact_info .email_addy {
    position: absolute;
    padding: 50px;
    top: 0;
    /*bottom: 0;*/
    left: 0;
    right: 0;
    margin: auto;
    height:20px;
}

.contact_info .email_addy p{
    width: 250px;
}

.contact {
    position: relative;
}

#contact_form {
    margin: 20px;
}

#contact_form ul {
    padding: 0;
}

#contact_form li {
    padding: 4px 0;
}

#contact_form label {
    width: 100%;
    float: none;
    margin-bottom: 5px;
    text-align: left;
}

#contact_form input,
#contact_form textarea {
    width: 250px;
    margin: 0;  
} 
#contact_form textarea {
    width: 290px;
    height: 100px;
}   

#captcha_img {
    overflow: hidden;
}

#captcha_img input {
    width: 75px;
    margin-right: 20px;
}  
  
#captcha_img img {
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
    border-radius: 4px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#contact #contact_button
 {
    margin-bottom: 15px;
    width: 60px;
    height: 35px;
}

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

    .contact_header h1 {
        margin-left: 25px;
    }
}



/*flex override*/
.flexslider {
  border: none;
  box-shadow: none;
}
.flex-direction-nav a {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: block;
  height: 66px;
  margin: -21px 0 0;
  opacity: 0;
  overflow: hidden;
  padding: 5px;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 10;
}

/**********************************
-=related products
**********************************/
.related_products .product_container {
  visibility: visible;
}
.related_products {
	padding: 0;
  	display: inline-block;
  	width: 100%;
}
.related_products li {
  list-style: none;
}
.related_products h3 {
    font-size: 20px;
}

/********************
-=SIMPLE GRID
********************/
/*the following is the margin set between product images and needs to match
what is in .product_container of layout.css.
*/
* {
  box-sizing: border-box;
}

.grid {
  background: white;
  margin: 0 0 5px 0;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

[class*='column-'] {
  float: left;
  padding-right: 5px;
}
.grid [class*='column-']:last-of-type {
  padding-right: 0;
}

@media only screen and (max-width: 3000px) {
  .column-lg-1 {
    width: 99%;
  }

  .column-lg-2-3 {
    width: 65.66%;
  }

  .column-lg-1-3 {
    width: 32.33%;
  }

  .column-lg-1-2 {
    width: 49%;
  }

  .column-lg-1-4 {
    width: 24%;
  }

  .column-lg-1-5 {
    width: 19%;
  }

  .column-lg-1-6 {
    width: 15.66%;
  }

  .column-lg-1-8 {
    width: 11.5%;
  }

  .column-lg-hide {
    display: none;
  }

  .column-lg-show {
    display: block;
  }
}
@media only screen and (max-width: 1000px) {
  .column-md-1 {
    width: 99%;
  }

  .column-md-2-3 {
    width: 65.66%;
  }

  .column-md-1-3 {
    width: 32.33%;
  }

  .column-md-1-2 {
    width: 49%;
  }

  .column-md-1-4 {
    width: 24%;
  }

  .column-md-1-5 {
    width: 19%;
  }

  .column-md-1-6 {
    width: 15.66%;
  }

  .column-md-1-8 {
    width: 11.5%;
  }

  .column-md-hide {
    display: none;
  }

  .column-md-show {
    display: block;
  }
}
@media only screen and (max-width: 700px) {
  .column-sm-1 {
    width: 99%;
  }

  .column-sm-2-3 {
    width: 65.66%;
  }

  .column-sm-1-3 {
    width: 32.33%;
  }

  .column-sm-1-2 {
    width: 49%;
  }

  .column-sm-1-4 {
    width: 24%;
  }

  .column-sm-1-5 {
    width: 19%;
  }

  .column-sm-1-6 {
    width: 15.66%;
  }

  .column-sm-1-8 {
    width: 11.5%;
  }

  .column-sm-hide {
    display: none;
  }

  .column-sm-show {
    display: block;
  }
}
@media only screen and (max-width: 500px) {
  .column-xs-1 {
    width: 99%;
  }

  .column-xs-2-3 {
    width: 65.66%;
  }

  .column-xs-1-3 {
    width: 32.33%;
  }

  .column-xs-1-2 {
    width: 49%;
  }

  .column-xs-1-4 {
    width: 24%;
  }

  .column-xs-1-5 {
    width: 19%;
  }

  .column-xs-1-6 {
    width: 15.66%;
  }

  .column-xs-1-8 {
    width: 11.5%;
  }

  .column-xs-hide {
    display: none;
  }

  .column-xs-show {
    display: block;
  }
}
/* Opt-in outside padding */
.grid-pad {
  padding: 5px 0 5px 5px;
}
.grid-pad [class*='column-']:last-of-type {
  padding-right: 5px;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #ccc;
		background: rgba(0,0,0,.2);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -320px;
		width: 585px;
		/*background: #fff url(modal-gloss.png) no-repeat -200px -80px;*/
		background: #fff;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
    textarea, .fawn_button {
   -webkit-appearance: none;
}

/*************************
-= SUB FOOTER
*************************/
#site_footer.strip {
   #ffffff;
}
#site_footer a {
    color: #333333;
}
#site_footer a:hover {
    color: #888888; 
}

#site_footer .footer_wrap {
  border-top: 1px solid #e5e5e5;
}
.foot_section h3 {
  font-family: "Roboto", sans-serif;  
  color: #000000;
  font-size: 16px;
}
#site_footer h3 {
  color: #000000 !important;
  font-size: 16px;   
}
.foot_section {
    font-family: ; 
}
.foot_section.support li a {font-size: 12px;}

.mailing_msg {
    font-size: 12px;
    font-family: #333333; 
}
#site_footer .support.more {
  width: ;
}
.foot_section.widget {
    border-right: 1px solid #e5e5e5;
}
.original_price {text-decoration: line-through; margin-right: 5px;}  
.quantity input {
    text-align: center;
}
.on_sale .actual_price {color: red;}

p.scroll_up {
    font-size: 20px !important;
    color: #666;
    position: fixed;
    bottom: 30px;
    right: 17px;
     display: none; 
}
.scroll_up i {
    margin: 0 5px 0 0;
}
p.scroll_up:hover {
    color: #999;   
    cursor: pointer;
}
.jcarousel .product_info {position: static;}
.jcarousel li {
  position: relative;
}