/******************************************************************
Theme Name: Mobilia v3.2
Theme URI: http://themes.shopify.com/themes/mobilia/styles/tokyo?ref=out-of-the-sandbox
Author: Out of the Sandbox (http://outofthesandbox.com)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Tables
  #Misc
  #Site Styles 
  #FlexSlider 
  #FancyBox
  #Layout
  #Font-Face */
  
/* #Reset & Basics
================================================== */
  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;
    

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

    
      font-family: "Source Sans Pro";
      
    font-weight: normal;      
    font-size: 15px; 
    text-transform: none;
    color: #404040;
    line-height: 1.7em;
}
::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
  background: #FFF7B6;
  color: black;
}
abbr {
  border-bottom: 1px dotted #dbe3e5;
} 
/* #Typography
================================================== */
  .logo {   
    
      font-family: "Source Sans Pro";
      
    
    font-weight: normal;      
    font-size: 32px; 
    text-transform: none;
    color: #303030;
  }
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #303030;    
    line-height: 45px;
  }
h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle { 
    
      font-family: "Source Sans Pro";
      
    font-weight: 600;    
    text-transform: uppercase;
    color: #000000;
    display:block;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title { font-weight: inherit; }
h1 a, h1 a:visited, .collection_title a, .collection_title a:visited { color: #000000 }
h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active { color: #000000 }
h1, .h1, h1.home, h2.title, .collection_title { font-size: 32px;  line-height: 1.5em; margin: 0 auto 20px; clear:both; font-weight: 600;}
h1.home { margin: 0 auto 15px; border-top: 1px solid #dbe3e5; border-bottom: 1px solid #dbe3e5; padding: 12px 0;  }
h1.product_name { float: left;
    font-weight: bold;
    line-height: 0.7em;
    margin-bottom: 15px;
}
h2, .h2 { font-size: 22px; margin-bottom: 0.5em }
h3, .h3, h1.blog_title { font-size: 24px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; }
h1.collection_title, div.collection_title { margin-bottom: 0; line-height: 32px; display: inline; }
h1.collection_title_tags, div.collection_title_tags { padding-right: 25px; border-right: solid 1px #dbe3e5; }
h4, .h4, h4.title a { font-size: 18px; line-height: 32px; margin: 0 0 10px 0; text-align: left; padding: 0; border-bottom: 1px solid #dbe3e5; padding-bottom:8px;}
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
h5, .h5 { font-size: 18px; padding-bottom: 1em; }
h5.sub_title { padding-bottom: 5px; }
h6, .h6 { font-size: 16px; padding-bottom: 1em;}
.footer h6 { color: #ffffff;
    font-weight: bold; }
.subheader { color: #777; }
p { margin: 0 0 15px; font-style: normal; line-height: 1.3em; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 90%; }

/*  Blockquotes  */
  blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #dbe3e5; }
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 #dbe3e5; border-width: 1px 0 0; clear: both; margin: 12px 0; height: 0; }
.quote {
     font-size: 16px;
     line-height: 22px;
     text-align: center;
     margin: 0 0 20px 0;
     font-style: italic;
  }
/* #Links
================================================== */
  a, a:visited { color: #000000; text-decoration: none; outline: 0; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -o-transition: color .1s linear; -ms-transition: color .1s linear; transition: color .1s linear; }
a:hover, a:focus { color: #282c30; }
/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
  ul { list-style: circle outside; }
  ol { list-style: decimal; }
  ul, 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; }
  ul.none { list-style: none outside; margin-left: 0;}
  ul.border {
    list-style: none outside;
    line-height: 26px;
  }
  ul.border li {
    border-bottom: 1px solid #dbe3e5;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
  }

/* #Menu
================================================== */

.header div.header_border {
  border-bottom: solid 0px #dbe3e5;
  padding-bottom: 10px;
}
.homepage {
  padding-bottom: 10px;
}
.nav {
  text-align:left;
}
.nav ul {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 0;
    margin: 0;
}
.nav ul li {
    display: inline-block;
    padding: 0 0 0 16px;
    position: relative;
    margin: 0;
    border: 0;
}
.nav ul li {
  *display: inline;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:active {
    
      font-family: "Source Sans Pro";
      
    font-weight: 600;      
    font-size: 14px; 
    text-transform: uppercase;
    color: #696969;
    position: relative;
    display:block;
    letter-spacing: 0px;
    padding-bottom: 10px;
}
.nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: #000000;
}
.nav ul.search_nav {
  margin-bottom: 5px;
}
.nav ul li a:hover, nav ul li a:focus {
  color: #000000;
}
.nav ul li.current_page_item a {
  color: #000000;
}
.nav ul li.current_page_ancestor a {
  color: #000000;
} 
.nav ul.menu {
  display: inline;
}  

.nav ul li a.cart, .nav ul li a.navicon, input[type="submit"].guest_button {
    
    background: url(cart_dark_17374211328599161331.png) no-repeat 9px 7px;
  

  padding: 5px 10px 5px 30px;
  border: solid 1px #dbe3e5;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

input[type="submit"].guest_button, input[type="submit"].guest_button:hover {
  background: none;
  color: #000000;
  padding: 8px 20px 8px 10px;
}

.nav ul li a.cart.active {
  color: #000000;
  border-color: #000000;
}

.nav ul li a.cart:hover, .nav ul li a.cart.active:hover {
  background-position: 9px -43px;
  color: #000000;
}

ul.menu li.navicon_button {
  display: none;
}
ul.menu li a.navicon {
    
    background: url(menu_dark_17374211328599161331.png) no-repeat 9px 6px;
  
  padding-left: 35px;
}

ul.menu li a.navicon:hover {
  background-position: 9px -96px;
}

/* sub-levels link */
.menu ul a, .menu li:hover > ul a  {
  padding: 10px 0 10px 15px;
  background: none;
  text-align: left;
}

/* sub-level ul */
.menu ul {
  position: absolute;
  left: 10px;
  top: 25px;
  background-color: #ffffff;
  border: solid 1px #ddd;
  border-bottom-color: #bbb;
  z-index: 100;
  display: none;
  width: 200px;
}
ul.menu ul li {
  display: block;
  border-bottom: solid 1px #f4f4f4;
  text-align:left;
  padding: 0;
}
.menu ul li a {
  display:block;
}
/* sub-sub-level dropdown */
.menu ul ul {
  left: 200px;
  top: -1px;
}
/* show dropdown ul on hover */
.menu li:hover > ul {
  display: block;
}

.toggle_menu {
  position: relative;
  overflow: hidden;
  display: none;
  top: -16px;
}



ul.top_menu {
  padding-top: 12px;
}

ul.top_menu li a, ul.top_menu li a:visited, ul.top_menu li a:active {
  font-size: 12px;
  color: #696969;
}

ul.top_menu li a:hover {
  color: #000000;
}

#currencies {
  width: inherit;
  padding: 6px 6px 6px 10px;
  font-size: 12px;
  margin-bottom: 0;
  min-width: 65px;
}

.mobile_menu_container {
  display: inline;
}
.nav ul.mobile_menu {
  background-color: #1B1B1B;
  margin-bottom: 1em;
  clear: both;
}

.nav ul.mobile_menu li {
  border: none;
  text-align: left;
  display: block;
  border-top: 1px solid #313335;
  padding-left: 0
}

.nav ul.mobile_menu .search_box {
  margin: 6px 0 6px 20px;
  width: 85%;
}

.nav ul.mobile_menu li a {
  color: #9DA0A4;
  text-decoration: none;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  padding: 10px 0 10px 20px;
}

.nav ul.mobile_menu li ul li a {
  padding-left: 40px;
}

.nav ul.mobile_menu li ul ul li a {
  padding-left: 60px;
}

.nav ul.mobile_menu li.active, .mobile_menu li:hover{
  background-color: #111;
}

.nav ul.mobile_menu li.active a, .nav ul.mobile_menu li a:hover {
  color: #fff;
}

.container div.collection_nav {
  border-bottom: solid 1px #dbe3e5;
  padding-bottom: 15px;
  margin-bottom: 1.5em;
}
.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}
.collection_menu li {
  padding-left: 25px;
}

.collection_menu li a, .sidebar a {
  color: #696969;
}

.collection_menu li span.active, .sidebar li.active a, ul.blog_list a.active {
  color: #000000;
}

.collection_menu li a:hover, .collection_menu li span.active:hover, .sidebar a:hover {
  color: #000000;
}

ul.blog_list li ul { margin-top: 12px; margin-left: 15px; }

/* #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, .blog_content img, .section img, .thumbnail img, .logo img, .page img, .sidebar img, #target img { 
    max-width: 100%;
    height: auto; }
.zoomImg {
    max-width: inherit !important;
    cursor: pointer;
  } 
    
/* #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: 25px;
    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"], 
  .action_button, 
  a.action_button, 
  input.action_button[type="submit"], 
  input.action_button[type="button"] {
    background: #000000;
    color: #ffffff;
    border: 0;
    padding: 10px 25px;
    text-align: center; 
    font-size: 18px;
    cursor: pointer;
    
      font-family: "Source Sans Pro";
      
    font-weight: 600;      
     
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    -webkit-appearance: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }

  a.button:hover, 
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .action_button:hover, 
  input.action_button[type="submit"]:hover, 
  input.action_button[type="button"]:hover {
    background: #3d4247;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
  }

  a.button:active, 
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {

    }

/* #Tabs
================================================== */
  ul.tabs { 
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    border-bottom: solid 1px #dbe3e5;
    border-top: 0;
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li { 
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0;
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li a { 
    display: block; 
    text-decoration: none;
    width: auto; 
    height: 29px; 
    padding: 0px 15px; 
    line-height: 30px; 
    border: solid 1px #dbe3e5;
    border-width: 1px 0 0 1px; 
    margin: 0;  
    background: #f5f5f5;
    font-size: 13px; }
ul.tabs li a.active { 
    
      background-color: #ffffff;
    
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-right-width: 1px;
    margin: 0 -1px 0 0;
    color: #404040;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.tabs li:first-child a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px; }
ul.tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.tabs-content { margin: 0; display: block; border: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 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; }
fieldset { 
    margin-bottom: 20px; }
input[type="text"], 
  input[type="number"],
  input[type="password"],
  input[type="email"],
  textarea, 
  select {
    border: 1px solid #ccc;
    padding: 9px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    margin: 0;
    width: 200px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; 
    appearance: none;}
select {  
    background: #f9f9f9 url(select_17374211328599161331.png) no-repeat right center;
    cursor: pointer;
    -webkit-padding-end: 30px; 
}
input[type="number"] {
  padding: 5px;
}
input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus, 
  textarea:focus {
    border: 4px solid #aaa;
    color: #333;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
label,
  legend { 
    display: block;
    font-weight: normal;
    margin-bottom: 4px; }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: normal;
    font-size: 13px; }
textarea {
    width: 95%;
  }

input.contact_email {
  width: 200px;
  display: inline;
}
.sign_up {
    border: 1px solid #fff !important;
    margin-left: 60px;
    padding: 3px 20px !important;font-size:15px  !important;
}
#target {
  padding: 20px;
  text-align: center;
}
#customer input[type="text"],
#customer input[type="email"],
#customer input[type="password"] {
  width: 93%;
}
#customer_login {
  margin-bottom: 2px;
}

/* #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;
      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 img {
      max-width: inherit !important;
    }
  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{
      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);  
    }


table tr.order_summary td.label { text-align: right;}

/* #Misc
================================================== */
.remove{ color: #404040; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.center { text-align: center; }
.relative { position: relative; }
.inline { display: inline; }
.align_right { text-align:right }
.align_left { text-align: left; }
.container div.mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
#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; }
/* #Site Styles
================================================== */
  div.container {
      margin: 0 auto;
      padding: 20px 0;
  }
  div.content {
    padding: 10px 0px 0px 0px;
    
  }
  .logo a {
    margin: 0;
    padding-top: 5px;
    display:block;
  }
  div.section {
     margin: 10px 0;
  }
  .homepage_content {
    
      background-color: #000000;
      border-top: solid 1px #000000;
      border-bottom: solid 1px #000000;
    
  }
  div.product_section {
    margin: 5px 0;
  }
  .breadcrumb {
    margin-bottom: 1em;
  }
  #category {
    width: 100%;
  }
  .featured_content p {
    margin-bottom: 0;
  }
  .paginate {
    text-align:center;
  }
  .paginate span,  a.tag {
    border: solid 1px #dbe3e5;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 2px; 
    padding: 5px 10px;
    display: inline-block;
  }
  a.tag {
    font-size: smaller;
    padding: 4px 6px;
    margin: 5px 2px 5px 0;
  }
  .featured_collections { margin-bottom: 10px }
  .paginate span:hover, a.tag:hover {
    color: #282c30;
  }
  .paginate .current {
    background-color: #f2f2f2;
  }
  .paginate .deco {
    border: none;
  }
  .thumbnail {
    position: relative;
    text-align:center;
    margin-bottom: 2em;
  }
.thumbnail a {
    display:block;
    padding-bottom:0.5em;
    color: #404040;
  }
.thumbnail a:hover {
    color: #000000;
  }
  .new {
    position: relative;  
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }
  .thumbnail img {
    margin-bottom: 0.75em;
  }
  .thumbnail .price, .thumbnail .sold_out, .sold_out {
    font-weight: bold;
    color: #404040;
  }
  .thumbnail .sale, .sale {
    color: #70be4d;
  }
  .sale_banner, .new_banner {
    position: absolute;
    top: 0;
    background: #70be4d;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  .new_banner {
    background: #00afd8;
  }
  .thumbnail .price, .thumbnail .title {
    display: block
  }
  .cart_price {
    float: right;
    text-align: right;
    padding-left: 20px;
    font-weight:bold;
    display: none;
  }
  #estimated-shipping, .excluding_tax {
    display: block;
  }
  .cart_image {
    float:left;
    margin-right: 20px;
  }
  .quantity_label {
    display: none;
  }
  .price_total_text {
    font-weight: normal;
    display: none;
  }
  .was_price {
    text-decoration: line-through;
    color: #9da6ae;
    font-style: italic;
    text-shadow:none;
    font-weight:normal;
  } 
  .thumbnail .quick_shop {
    display:none;
    padding: 5px 0;
    background-color: #888;
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .thumbnail .quick_shop:hover {
    color: #ffffff;
    background-color: #000000;
  }
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
  .twittercont, .fancycount {
    display: inline-block;
    margin-left: 6px;
  }
  .facebookcont {
    display: inline-block;
    position: relative;
    margin-left: 6px;
    min-width: 88px;
    top: -8px;    
  }
  a.fancybutton {
    background:url(fancy_17374211328599161331.png) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:56px;    
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount {
    background:url(pinit_17374211328599161331.png) 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: 6px;
    position: relative;
    top: -19px;
  }
  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: 0.6;
  }
  .modal {
    margin: 10px 0;
    display: none;
    background-color: #ffffff;
  }
  .modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  .modal_product img {
    cursor: pointer;
  }
  .modal_image {
    text-align:center;
  }
  .modal a {
    padding-bottom: 0;
  }
  .modal p.modal_price, p.modal_price {
    float: right;
    font-size: 32px;
    line-height: 0.7em;
    margin-bottom: 15px;
    text-align: right;
  }
  .modal form {
    margin-bottom: 10px;
  }
  .modal a {
    color: #000000;
    font-style: italic;
  }
  .modal a:hover {
    color: #282c30;
  }
  .notify_form .submit {
    padding: 8px 8px !important;
  } 
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }
  .meta {
    font-size: 13px;
  }
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  p.meta {
    margin-bottom: 10px;
  } 
  .comment-body p.meta {
    margin-bottom: 5px;
  }
  .sidebar_title {
    margin-bottom: 0;
  }
  .blog_list {
    margin-left: 0
  }
  .blog_list li {
    list-style: none;
    padding-left: 0;
  }
  .toggle span {
    color: #9da6ae;
    font-weight:bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:smaller;
    float: right;
    display: none;
  }  
  .sidebar p {
    font-size: 14px;
  }
  .sidebar .search {
    padding-top: 8px;
  }
  .sidebar .search input {
    width: 100%; 
    box-sizing: border-box; 
    -moz-box-sizing:border-box;
  }  
  .meta .label, .label {
    color: #9da6ae;
  }
  .blog_meta, .blog_meta a {
    color: #9da6ae;
  }
  .blog_meta a:hover {
    color: #282c30;
  }
  .blog_meta p {
    padding-right: 40px;
  }
  .container .blog_content {
    padding-left: 0px;
    border-left: solid 0px #dbe3e5;
  }
.articleWrapper {
    margin-bottom: 15px;
    padding-top: 10px;
}
  .count {
    font-style: normal;
    font-size: 13px;
  }
  #tag_filter { 
    margin-bottom: 0;
    float: right;
    width: auto;
    display: none;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  input.quantity {
    width: 35px;
    display: inline;
    margin-bottom: 1em;
  }
  .inline_purchase {
    display: inline-block;
    margin-left: 20px;
    margin-top: 22px;
  }
  .subtotal {
    text-align:right;
  }
  .mobile_left {
    text-align: right;
  }
  h4.title a.subscribe {
    background: url("http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/rss-icon.png?17374211328599161331") no-repeat 0 4px;
    display: inline;
    padding: 5px 10px 5px 32px;
    font-size: smaller;
  }
 h4.title a.subscribe:hover {
    background-position: 0 -121px;
  }
  h4.title a.twitter {
    background: url("http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/twitter-icon.png?17374211328599161331") no-repeat 0 4px;
    display: inline;
    padding: 5px 0px 5px 32px;
    font-size: smaller;
  }
  h4.title a.twitter:hover {
    background-position: 0 -121px;
  }
  div.article { 
    margin-bottom: 25px;
  }
  .comment {
    margin-bottom:20px;
  }
  .comment-body h6 {
    padding-bottom: 0.25em;
  }
  .social_buttons {
    height: 22px;
  }
  .items_left {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: -14px;
  }
  .gravatar { 
    width: 100px !important;
  }
  .gravatar img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
  }
  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 40px 0 60px 0;
  }

/* #Footer
================================================== */
  div.footer {
    background-color: #000000;
    
    
      border-top: solid 1px #000000;
    

    font-size: 15px; 
    line-height: 1.7em;
    color: #ffffff;
    padding: 10px 0;
    margin-top: 30px;
  }
  .footer p {
    margin-bottom: 10px;
  }
.footer p.credits{font-size: 13px;}
  .footer a {
    color: #ffffff;font-size: 13px;
  }
  .footer a:hover {
    color: #d5d5d5;
  }
  .contact-form {
    margin-bottom: 0;
  }
  .payment_methods img {
    height: 26px;
    width: 38px;
  }
  form.search {
    margin-bottom: 0px;
  }
  input.search_box {
    padding: 6px 6px 6px 28px;
    background: #fff url(search_17374211328599161331.jpg) no-repeat 6px;
    border: solid 1px #dbe3e5;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0px;
  }
  .search_box:focus {
    background-color: #fff;
  }
  .payment_methods {
    margin: 4px 0 6px 0;
  }
  .payment_methods img {
    padding-right: 4px;
    height: 24px;
    width: 40px;
  }
  .credits_right {





    text-align: right;
  }
  .icons {
    list-style: none outside; 
    margin-left: 0;
    border: 0;
  }
  .footer .social_icons li {
    border: 0;
    float: left;
    padding: 0 0 8px 0;
  }
  .footer .social_icons li a {
    display: inline-block;
    -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear;
    }

  .footer ul {
    list-style: none outside; 
    margin-left: 0;margin-bottom:10px;
  }
  .footer li {
    padding: 6px 0;
    list-style: none outside none;
    margin-bottom: 0;padding-bottom:0; line-height:15px;
  }
  .footer ul.footer_menu li:first-child {
    margin-left: 0;
    padding-top: 0;
  }
.description > ul {
    list-style: disc outside none;
    margin-left: 15px;
}

/* #jQuery FlexSlider v2.2
================================================== */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav, .flex-direction-nav li {margin: 0; padding: 0; list-style: none;}
ul.slides li {border:none; padding: 0; margin-bottom: 0; position: relative;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; z-index: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; height: auto; margin: 0 auto;}
.flex-pauseplay span {text-transform: capitalize;}


  #homepage_slider .slides img {
    width: 100%;
  }
  

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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; clear:both; overflow: hidden}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {text-align: center; position: relative;}
.carousel li {margin-right: 5px;border: 0}

.flex-caption {margin:0; width: 100%; position: absolute; top: 25%; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .7)}
.flexslider .headline { font-size: 50px; margin-bottom: 0.2em; line-height: 55px; font-weight: normal }
.flexslider p.subtitle { font-size: 23px; line-height: 28px; font-weight: normal }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px; height: 60px; margin: -20px 0 0; display: block; background: url(arrow_sprite_17374211328599161331.png) no-repeat 0 0; z-index: 10; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -120px; right: -36px; }
.flex-direction-nav .flex-prev {background-position: 0 -60px; left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 15px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 15px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3 !important; filter:alpha(opacity=30); cursor: default;}

#homepage_slider .flex-direction-nav a {width: 60px; height: 232px; margin: -20px 0 0; display: block;
  background: url(slider-arrow_17374211328599161331.png) no-repeat 0 0; z-index: 10;
  position: absolute; top: 30%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}

#homepage_slider .flex-direction-nav .flex-next {
    background-position: -55px 0;
    right: 30px;
}
#homepage_slider .flex-direction-nav .flex-prev {
    background-position: 0 0;
    left: 40px;
}
#homepage_slider .flexslider:hover .flex-next {opacity: 0.8; right: 15px;}
#homepage_slider .flexslider:hover .flex-prev {opacity: 0.8; left: 15px;}


/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; right: 4%; width: auto; z-index: 10;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: rgba(255,255,255,0.3);
  cursor: pointer;
  text-indent: -9999px;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; 
}
.flex-control-nav li a.flex-active {
  background: rgba(255,255,255,0.7);
  cursor: default;
}

#homepage_slider .flex-control-nav{display:none;}

.flex-control-paging li a:hover { background: rgba(255,255,255,0.7); }
.flex-control-thumbs {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-thumbs li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-thumbs {position: static; overflow: hidden;}
.flex-control-thumbs li, .flex-control-thumbs li:first-child {width: 22%; vertical-align: top; margin: 15px 4% 0 0;}
.flex-control-thumbs li:nth-child(4n) {margin: 15px 0 0; }
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
#product_slider .flex-active-slide a:hover {cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
#product_slider { margin-bottom: 2em; }
#product_slider .slides img {
  width: auto !important;
}
#product_slider .slides img{border: 2px solid #b0b0b0; padding: 15px;}
/* #Fancybox
================================================== */
/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background-color: #ffffff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('arrow_sprite_17374211328599161331.png');
  background-position: 0 -180px;
}
.product #fancybox-loading, .product .fancybox-close, .product .fancybox-prev span, .product .fancybox-next span {
  background-image: url('arrow_sprite_17374211328599161331.png');
  background-position: 0 -180px;background-size:auto;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
} 
.product #fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
} 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading_17374211328599161331.gif') center center no-repeat;
}
.product #fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading_17374211328599161331.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.product .fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.gallery .fancybox-close {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}

.fancybox-close:hover {
  background-position: 0 0;
}
.product .fancybox-close:hover {
  background-position: 0 0;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank_17374211328599161331.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}
.product .fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank_17374211328599161331.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}
.product .fancybox-prev {
  left: 0;
}

.product .fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.product .fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -180px;
}
.product .fancybox-prev span {
  left: 10px;
  background-position: 0 -180px;
}

.fancybox-prev span:hover {
  left: 10px;
  background-position: 0 -60px;
}
.product .fancybox-prev span:hover {
  left: 10px;
  background-position: 0 -60px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -240px;
}
.product .fancybox-next span {
  right: 10px;
  background-position: 0 -240px;
}
.fancybox-next span:hover {
  right: 10px;
  background-position: 0 -120px;
}
.product .fancybox-next span:hover {
  right: 10px;
  background-position: 0 -120px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.product .fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(fancybox_overlay_17374211328599161331.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*
 Cloud Zoom CSS. (c)2012 Star Plugins.
*/
.cloudzoom-lens {
  border:none;
  border:1px solid #888;
  width:225px;
  height:175px;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
  cursor:pointer;
  z-index: 10;
}
.cloudzoom-zoom {
  border:1px solid #888;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
  background-color: #ffffff;
}
.cloudzoom-zoom-inside {
  border:none;
  box-shadow:none;
}
.cloudzoom-caption {
  display:none; 
  text-align: left;
  background-color:#000;
  color:#fff;
  font-weight:bold;
  padding:10px;
  font-family: sans-serif;
  font-size:11px;
}
.cloudzoom-blank {
  background-image:url('blank_17374211328599161331.gif');
}
div.cloudzoom-ajax-loader {
  background: #000 url('fancybox_loading_17374211328599161331.gif') center center no-repeat;
  width: 44px;
  height: 44px;
  opacity: 0.6;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.cloudzoom-lens + div { display: none !important }

img {
    max-width: 100%;
}

.info {
    text-align: left;font-weight: 600;font-size: 18px;margin-bottom: 10px;color:#000;
}
.info:hover{ }
.relative {
    position: relative;
}

.relative .overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;text-align:center;
}

.relative:hover .overlay{opacity: 1;}
.overlay .price {
    color: #fff;
    font-size: 20px;
    left: 0;
    position: absolute;
    right: 0;
    top: 48%;font-weight: normal;
}
.megadropdown {}
.megadropdown > ul {text-align: center; margin: 0;position: absolute;width: 100%;z-index: 100;background:#d6d6d6;padding: 20px 0;}
.megadropdown ul li {display: inline-block;list-style: none outside none; margin-bottom: 0;padding: 0 10px;}

.pagebanner {
    margin-bottom: 30px;
}


.header {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 100; border-bottom:1px solid #ececec;
}
.fixed_header {
    padding-top: 76px;
}

.category_banner > img {
    max-width: 100%;
    width: 100%;
}
.coll-desc {
    font-size: 17px;
    padding: 30px 15px;
}

.middlebanner {
    background: none repeat scroll 0 0 #000;
    margin-top: 25px;
    padding: 45px 0;
}
.middlebanner .content {
    padding: 0;
}
.breadcrum {
    background: none repeat scroll 0 0 #ececec;
    line-height: 24px;
    vertical-align: middle;
}
.breadcrum .container.main.content {
    padding: 7px 0;
}
.breadcrum a {
    color: #404040;
}

.tooltipbanner {
    padding: 30px 0;
    text-align: center;
}
.collection-submenu {
    padding: 20px 0;
    text-align: center;
}
.collection-submenu > li {
    display: inline-block;
    padding: 0 10px;
}
.collection-submenu > li a {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}
.collection-submenu > li a:hover{color:#696969;}

.continue_reading {
    text-align: right;
    text-transform: uppercase;
}
.continue_reading a {
    color: #696969;
    font-size: 13px;
}
.articleDate {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 40px;
    width: 40px;margin: 0 16px 0 0;
}
.bloghead h3 a {
    color: #000;
}
.bloghead h3 {
    line-height: 20px;
    margin-bottom: 30px;
}
.articleDate {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 40px;
    margin: 0 16px 0 0;
    width: 40px;
}
.articleMeta {
    padding: 7px 0;
}
.dateMonth {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    width: 40px;
}
.dateDay {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
    line-height: 20px;
    text-align: center;
}




/* 
   Swatches Styles
*/



.swatch { 
  margin:1em 0 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
    background-color: #efefef;
    border: 2px solid #b0b0b0;

    float: left;
    font-size: 30px;
    font-weight: normal;
    height: 60px !important;
    line-height: 60px;
    margin: 0;
    min-width: 70px !important;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.swatch-element label { padding:0 10px; cursor:pointer;}
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
background:#fff;
} 
.swatch .swatch-element {
   display: inline-block;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
display:none;
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
 /* left:-23px;*/
  left:18px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
} 
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
.product_form .select {
    display: none;
}
div.productoptions {
    background: none repeat scroll 0 0 #efefef;
    padding: 25px;margin:0;
}
.facebookcomments {
    padding: 30px;
    text-align: center;font-size: 17px;
}
.swatch .header2 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.facebookcomments h2 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.sizingchart {
    background: none repeat scroll 0 0 #efefef;
    margin-bottom: -30px;
    padding: 30px;
}
.relatedwrapper {
    background: none repeat scroll 0 0 #efefef;
    margin:0 0 40px;
    padding: 50px;
}
#carousel{overflow:visible}
#carousel .slides > li {
   border: 2px solid #b0b0b0;
    margin: 0 10px;
    padding: 0 7px;
}
#carousel .flex-direction-nav a{background:url(../../../files/prodsliderarrow_1881.png) no-repeat;}
#carousel .flex-direction-nav .flex-prev {
    background-position: 0 0;
    height: 63px;
    left: -30px;
    margin-top: -30px;
    opacity: 1 !important;
    width: 35px;
    z-index: 9999;
}
#carousel .flex-direction-nav .flex-next {
    background-position: -47px 0;
    margin-top: -30px;
    opacity: 1 !important;
    right: -30px; 
    width: 32px;
}


.HAKA.swatch-element.riser-bars.available > label {
    background-image: url("../../../files/Haka_riser_3019.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}

.HAKA.swatch-element.bull-horn.available > label{
    background-image: url("../../../files/Haka_bullhorn_3022.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.HAKA.swatch-element.drop-bars.available > label{
    background-image: url("../../../files/Haka_drop_3020.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.HAKA.swatch-element.pursuit-bars.available > label {
    background-image: url("../../../files/Haka_pursuit_3021.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.KRONA.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Krona_riser_3023.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.KRONA.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Krona_drop_3024.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.KRONA.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Krona_pursuit_3025.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.KRONA.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Krona_bullhorn_3026.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}

.BROOKLYN.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Brooklyn_riser_3030.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.BROOKLYN.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Brooklyn_drop_3030.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.BROOKLYN.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Brooklyn_pursuit_3030.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.BROOKLYN.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Brookyle_bullhorn_3030.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.EL.CAPITAN.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Elcaption_riser_3034.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.EL.CAPITAN.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Elcapiton_drop_3034.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.EL.CAPITAN.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Elcaption_pursuit_3034.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.EL.CAPITAN.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Elcaption_bullhorn_3034.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.FRISCO.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Frisco_riser_3048.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.FRISCO.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Frisco_drop_3048.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.FRISCO.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Frisco_pursuit_3276.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.FRISCO.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Frisco_bullhorn_3048.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.MONTECARLO.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Monte_Carlo_3052.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.MONTECARLO.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Monte_carlo_drop_3052.png");
    background-position: center center;
    padding: 20px 15px;

    text-indent: -9999px;
}
.MONTECARLO.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Monte_carlo_pursuuit_3052.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.MONTECARLO.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Monte_carlo_bullhorn_3052.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.TAIPAN.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Tiper_Riser_3053.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.TAIPAN.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Tipen_Drop_3054.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.TAIPAN.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Tipen_Pursuit_3056.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.TAIPAN.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Tipen_Bulhorn_3056.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.CHELSEA.swatch-element.riser-bars.available > label
{
	background-image: url("../../../files/Chelsea_riser_3060.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.CHELSEA.swatch-element.drop-bars.available > label
{
	background-image: url("../../../files/Chelsea_drop_3060.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.CHELSEA.swatch-element.pursuit-bars.available > label
{
	background-image: url("../../../files/Chelsea_pursuit_3060.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.CHELSEA.swatch-element.bull-horn.available > label
{
	background-image: url("../../../files/Chealsea-bullhorn_3060.png");
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}









.swatch-element.tektro-back-brake.available label {
    background-image: url("../../../files/tektro_39a03699-e002-47ad-b333-630cb5766da4_2357.png");
    background-position: center center;
    padding: 40px 20px;
    text-indent: -9999px;
}
.swatch-element.none.available label{
    background-image: url("../../../files/none_2368.png");
    background-position: center center;
    padding: 40px 20px;
    text-indent: -9999px;
}

.swatch-element.brown-pu-saddle.available label{
    background-image: url("../../../files/saddle-brown-pu-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}
.swatch-element.brown-leather-saddle.available label{
    background-image: url("../../../files/saddle-brown-cowhide-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}
.swatch-element.cream-leather-saddle.available label{
    background-image: url("../../../files/saddle-brown-cowhide-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}
.swatch-element.brown-pu-grip.available label{
    background-image: url("../../../files/grips-brown-pu-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}
.swatch-element.brown-leather-grip.available label{
    background-image: url("../../../files/grips-brown-cowhide-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}
.swatch-element.cream-leather-grip.available label{
    background-image: url("../../../files/grips-brown-cowhide-leather_2382.png");
    background-position: center center;
    padding: 45px 20px;
    text-indent: -9999px;
}

.Leather.Saddles.swatch-element.color.cream.available > label{
background-image: url("../../../files/cream_2450.png") !important;
    background-position: center center;
    padding: 39px 25px;
    text-indent: -9999px;
}
.Leather.Saddles.swatch-element.color.brown.available > label{
background-image: url("../../../files/brown_2473.png") !important;
    background-position: center center;
    padding: 39px 25px;
    text-indent: -9999px;
}

.Leather.Grips.swatch-element.color.cream.available > label{
background-image: url("../../../files/cream_2450.png") !important;
    background-position: center center;
    padding: 39px 25px;
    text-indent: -9999px;
}
.Leather.Grips.swatch-element.color.brown.available > label{
background-image: url("../../../files/brown_2444.png") !important;
    background-position: center center;
    padding: 39px 25px;
    text-indent: -9999px;
}
.Front.Light.swatch-element.color.black.available > label{
background-image: url("../../../files/black_2494.png") !important;
    background-position: center center;
    padding: 30px 25px;
    text-indent: -9999px;
}
.Front.Light.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_2494.png") !important;
    background-position: center center;
    padding: 30px 25px;
    text-indent: -9999px;
}
.Front.Basket.swatch-element.color.honey-brown.available > label{
background-image: url("../../../files/honey-brown_2506.png") !important;
    background-position: center center;
    padding: 30px 28px;
    text-indent: -9999px;
}
.Front.Basket.swatch-element.color.whitewash.available > label{
background-image: url("../../../files/whitewash_2506.png") !important;
    background-position: center center;
    padding: 30px 28px;
    text-indent: -9999px;
}

.Drop.Bars.swatch-element.color.gloss-black.available > label{
background-image: url("../../../files/gloss-black_2517.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Drop.Bars.swatch-element.color.matte-black.available > label{
background-image: url("../../../files/matte-black_2518.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Drop.Bars.swatch-element.color.matte-black2.available > label{
background-image: url("../../../files/matte-black2_2519.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Drop.Bars.swatch-element.color.gold.available > label{
background-image: url("../../../files/gold_2520.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Drop.Bars.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_4e7cdaaa-ea78-426d-8139-0cdfae992f71_2521.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Pursuit.Bars.swatch-element.color.gloss-black.available > label{
background-image: url("../../../files/gloss-black_2517.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Pursuit.Bars.swatch-element.color.matte-black.available > label{
background-image: url("../../../files/matte-black_2518.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Pursuit.Bars.swatch-element.color.matte-black2.available > label{
background-image: url("../../../files/matte-black2_2519.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Pursuit.Bars.swatch-element.color.gold.available > label{
background-image: url("../../../files/gold_2520.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Pursuit.Bars.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_4e7cdaaa-ea78-426d-8139-0cdfae992f71_2521.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Bull.Horn.swatch-element.color.gloss-black.available > label{
background-image: url("../../../files/gloss-black_2517.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Bull.Horn.swatch-element.color.matte-black.available > label{
background-image: url("../../../files/matte-black_2518.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Bull.Horn.swatch-element.color.matte-black2.available > label{
background-image: url("../../../files/matte-black2_2519.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Bull.Horn.swatch-element.color.gold.available > label{
background-image: url("../../../files/gold_2520.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.Bull.Horn.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_4e7cdaaa-ea78-426d-8139-0cdfae992f71_2521.png") !important;
    background-position: center center;
    padding: 40px 30px;
    text-indent: -9999px;
}
.All.Bike.Tyres.swatch-element.color.black.available > label{
background-image: url("../../../files/black_df630f3f-00e4-431a-a798-364e95c3cf17_2573.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.All.Bike.Tyres.swatch-element.color.white.available > label{
background-image: url("../../../files/white_2573.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.All.Bike.Tyres.swatch-element.color.brown.available > label{
background-image: url("../../../files/brown1_2573.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.All.Bike.Tyres.swatch-element.color.cream.available > label{
background-image: url("../../../files/cream1_2573.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}

.COLORED-GRIP-TAPE.swatch-element.color.yellow.available > label{
background-image: url("../../../files/yellow_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.COLORED-GRIP-TAPE.swatch-element.color.black.available > label{
background-image: url("../../../files/black_df630f3f-00e4-431a-a798-364e95c3cf17_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.COLORED-GRIP-TAPE.swatch-element.color.white.available label {
  background-image: url("../../../files/white_2791.png") !important;
  background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.Rear.Rack.swatch-element.color.black.available > label{
background-image: url("../../../files/black_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.Rear.Rack.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.Rear.Break.swatch-element.color.black.available > label{
background-image: url("../../../files/black_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}
.Rear.Break.swatch-element.color.silver.available > label{
background-image: url("../../../files/silver_2584.png") !important;
    background-position: center center;
    padding: 30px 30px;
    text-indent: -9999px;
}


.swatch #swatch70025ctires.swatch-element.black.available > label{
background-image: url("../../../files/Black1_3067.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.swatch #swatch70025ctires.swatch-element.white.available > label{
background-image: url("../../../files/White1_3067.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}

.swatch #swatch70028ctires.swatch-element.black.available > label{
background-image: url("../../../files/Black_ff75c9ed-ea3b-4377-a7cb-7cb002e5bf8c_3092.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.swatch #swatch70028ctires.swatch-element.white.available > label{
background-image: url("../../../files/White_c2cc62f6-d730-4aaf-a229-f6b175f19f64_3092.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}








.swatch #swatch70035tires.swatch-element.cream.available > label{
background-image: url("../../../files/Cream_31ff6ae1-3e3a-469e-a82e-244739bf6486_3077.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.swatch #swatch70035tires.swatch-element.brown.available > label{
background-image: url("../../../files/Gumwall_Brown_3077.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}


.swatch #swatch70023tyres.swatch-element.black.available > label{
background-image: url("../../../files/Blackk_3098.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}

.swatch #swatchcoloredgriptape.swatch-element.black.available > label{
	background-image: url("http://cdn.shopify.com/s/files/1/0604/3445/files/Grip_Black.png?3107") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.swatch #swatchcoloredgriptape.swatch-element.white.available > label{
	background-image: url("http://cdn.shopify.com/s/files/1/0604/3445/files/Grip_White.png?3107") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}



.swatch #swatchrearbreakset.swatch-element.black.available > label{
	background-image: url("../../../files/Rear_Black_3148.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}
.swatch #swatchrearbreakset.swatch-element.silver.available > label{
	background-image: url("../../../files/Rear_Silver_3148.png") !important;
    background-position: center center;
    padding: 20px 15px;
    text-indent: -9999px;
}





.swatch #swatchdropbars.swatch-element.gloss-black.available > label
{
	background-image: url("../../../files/Gloss_Black_3126.png") !important;
    background-position: center center;
    padding: 22px 19px;
    text-indent: -9999px;
}
.swatch #swatchdropbars.swatch-element.matte-black.available > label
{
	background-image: url("../../../files/Matte_Black_3126.png") !important;
    background-position: center center;
    padding: 22px 19px;
    text-indent: -9999px;
}
.swatch #swatchdropbars.swatch-element.gold.available > label
{
	background-image: url("../../../files/Gold_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}
.swatch #swatchdropbars.swatch-element.silver.available > label
{
	background-image: url("../../../files/Silver_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}




.swatch #swatchpursuitbars.swatch-element.gloss-black.available > label
{
	background-image: url("../../../files/Gloss_Black_3126.png") !important;
    background-position: center center;
    padding: 22px 19px;
    text-indent: -9999px;
}
.swatch #swatchpursuitbars.swatch-element.matte-black.available > label
{
	background-image: url("../../../files/Matte_Black_3126.png") !important;
    background-position: center center;
    padding: 22px 19px;
    text-indent: -9999px;
}
.swatch #swatchpursuitbars.swatch-element.gold.available > label
{
	background-image: url("../../../files/Gold_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}
.swatch #swatchpursuitbars.swatch-element.silver.available > label
{
	background-image: url("../../../files/Silver_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}



.swatch #swatchbullhorn.swatch-element.gloss-black.available > label
{
	background-image: url("../../../files/Gloss_Black_3126.png") !important;
    background-position: center center;
    padding:22px 19px;
    text-indent: -9999px;
}
.swatch #swatchbullhorn.swatch-element.matte-black.available > label
{
	background-image: url("../../../files/Matte_Black_3126.png") !important;
    background-position: center center;
    padding: 22px 19px;
    text-indent: -9999px;
}
.swatch #swatchbullhorn.swatch-element.gold.available > label
{
	background-image: url("../../../files/Gold_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}
.swatch #swatchbullhorn.swatch-element.silver.available > label
{
	background-image: url("../../../files/Silver_White_3126.png") !important;
    background-position: center center;
    padding: 22px 15px;
    text-indent: -9999px;
}







/* =================   Tab css ===========  */
#product-description section {
  margin-bottom: 20px;
}
#product-description {
    margin-bottom: 40px; margin-top: 0px;
}
#product-description h3 {
    background: url("plus.png") no-repeat scroll right 15px top 9px rgba(0, 0, 0, 0);
    border: 1px solid #d3d4d5;
    color: #000;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 2px 15px;
    text-transform: uppercase;
}
#product-description .slide-down h3 {
    background: url("minus.png") no-repeat scroll right 15px top 9px #000;
    color: #fff;
    margin-right: 0;
}
.no-js #product-description h3 {
    cursor: auto;
}
#product-description .entry {
    display: none;
    margin: 20px 0 30px;padding: 0 20px;
}
#product-description .slide-down .entry {
    display: block;
  
    
}
#product-description .slide-down .entry p {
    display: block;

}
.no-js #product-description .entry {
    display: block;
}



/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */
/* #Base 960 Grid
================================================== */
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .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,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .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; }
    .container .one-fifth.column                { width: 172px; }

    /* 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; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .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; }
        .container .one-fifth.column                { width: 133px; }

        /* 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: 384px; }
        .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; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.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; }
        .container .one-fifth.column { width: 140px; }
        .container .one-fifth.column:nth-child(2n)  { margin-left: 20px }

        
          .container .thumbnail.even, .container .thumbnail.odd  { width: 140px !important; }
          .container div.thumbnail.even  { clear: left }
          .container div.thumbnail.odd  { margin-left: 20px }
          br.product_clear { display: none }
        

        .container .logo.column       { width: 200px; }
        .container .nav.column        { width: 90px; margin-left: 10px; }

        /* 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; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.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; }
        .container .one-fifth.column  { width: 200px;}
        .container .one-fifth.column:nth-child(2n)  { margin-left: 20px }

        
          .container .thumbnail.even, .container .thumbnail.odd  { width: 200px !important; }
          .container div.thumbnail.even  { clear: left }
          .container div.thumbnail.odd  { margin-left: 20px }
          br.product_clear { display: none }
        

        .container .logo.column       { width: 200px; }
        .container .nav.column        { width: 210px; margin-left: 10px; }
    }


/* #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.contact_email {
      width: 170px;
    }
    .collection_menu {
      display: none;
    }
    #tag_filter {
      display: block;
    }
    h1.collection_title_tags, div.collection_title_tags {
      border-right: 0;
      margin-right: 0;
      padding-right: 0;
    }
    .cloudzoom-lens {
      width:140px;
      height:120px;
    }
  }
/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav ul li { padding: 0 0 0 10px; }
    .flex-caption { top: 0; }
    input.search_box { width: inherit !important;}
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .blog h2 { margin-top: 1.5em }
    .or {
      text-align: center;
      width: 100%;
      display: inline-block;
      padding-left: 0;
      padding-bottom: 5px;
    }
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    select { 
      width:100%; 
    }
    input.contact_email {
      width: 94%;
    }
    .search_page_text {
      text-align: left;
    }
    a.button, 
    button,
    .action_button, 
    a.action_button, 
    textarea {
      width: 85%;
    }

    .flexslider a.action_button {
      width: initial;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"], 
    input.action_button[type="button"],
    .sign_up {
      margin-left: 0;
      width: 100%;
    }

    .cart_icons {
      display: none;
    }
    .credits_right {
      text-align: left;
    }
    .container .column.thumbnail, .container .columns.thumbnail {
      margin-top: 1em;
    }
  table[style] {
      width:auto !important;
      max-width:100% !important;
      overflow: hidden;
    }
  tr, td {
      display:block;
      width:99% !important;
      max-width:99% !important;
      padding:0px !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  tr {
    padding-bottom: 6px !important;
  }
  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .subtotal_amount {
      text-align:right;
    }
  .mobile_left {
      text-align:left;
    }
  .container div.mobile_only {
      display:block;
    }
  .quantity_label {
    display: inline;
  }  
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  .flex-caption {
    top: 0;
  }
  .flex-caption .headline {
    font-size: 1.5em;
    line-height: 1.5em;
  }
  .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.1em;
  }
  .container .blog_content {
    padding-left: 0;
    border: 0;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .mobile_hidden { display: none !important }
    ul.menu li.navicon_button { display:inline-block }
    ul.menu li { padding: 0 0 0 10px; }
    ul.nav_buttons { position: relative; top: 10px }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .mobile_hidden { display: none !important }
    ul.menu li.navicon_button { display:inline-block; }
    ul.menu li a.cart { padding-left: 25px; }
    ul.menu li a.navicon { padding-left: 28px; }
    ul.menu li { padding: 0 }
    ul.nav_buttons { position: relative; top: 10px; text-indent: -1000em; text-align: left }
    .cart_count { display: none;}
    input.search_box { width: 240px !important;}
    .flex-caption .headline, .flex-caption p.subtitle{
        font-size: 1.1em;
        font-height: 1.1em;
      }
    .flex-caption p.subtitle {
      font-size: 0.9em;
      line-height: 0.9em;
      margin-bottom: 0.5em;
    }  
    .flex-caption .action_button {
      padding: 4px 15px;
      font-size: 12px;
    }
    .flex-direction-nav .flex-prev {display: none;}
    .flex-direction-nav .flex-next {display: none;}

    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;
      }
}
@media
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-device-pixel-ratio: 2) {
    ul.menu li a.navicon {
        
        background-image: url(menu_dark2x_17374211328599161331.png);
      
      background-size: 20px 119px;
    } 
    input.search_box {
      background: #fff url(search2x_17374211328599161331.jpg) no-repeat 6px;
      background-size: 14px 14px; 
    }
    .nav ul li a.cart {
        
        background-image: url(cart_dark2x_17374211328599161331.png);
      
      background-size: 16px 64px;
    }
}

@-moz-document url-prefix() {
  input.search_box {
    position: relative;
    top: 8px;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}

/* #Icons
================================================== */
@font-face {
  font-family: 'mobilia';
  src: url('mobilia_17374211328599161331.eot');
  src: url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/mobilia.eot?%23iefix&17374211328599161331') format('embedded-opentype'),
       url('mobilia_17374211328599161331.woff') format('woff'),
       url('mobilia_17374211328599161331.ttf') format('truetype'),
       url('mobilia_17374211328599161331.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "mobilia";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-youtube:before { content: '\e812'; } /* '' */
.icon-phone:before { content: '\e810'; } /* '' */
.icon-menu:before { content: '\e80d'; } /* '' */
.icon-cancel:before { content: '\e808'; } /* '' */
.icon-plus:before { content: '\e80a'; } /* '' */
.icon-minus-circled:before { content: '\e80b'; } /* '' */
.icon-rss:before { content: '\e80c'; } /* '' */
.icon-cart:before { content: '\e80e'; } /* '' */
.icon-flickr:before { content: '\e800'; } /* '' */
.icon-youtube-squared:before { content: '\e811'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-facebook:before { content: '\e803'; } /* '' */
.icon-gplus:before { content: '\e804'; } /* '' */
.icon-pinterest:before { content: '\e805'; } /* '' */
.icon-tumblr:before { content: '\e806'; } /* '' */
.icon-linkedin:before { content: '\e807'; } /* '' */
.icon-instagram:before { content: '\e809'; } /* '' */
.icon-mail-circled:before { content: '\e80f'; } /* '' */
.icon-vimeo:before { content: '\e801'; } /* '' */

.social_icons a { font-size: 30px; color: #ffffff; }
.social_icons a:hover { color: #9da6ae; opacity: 1; }
.icon-cancel { font-size: 18px; }
.remove, .remove:visited { color: #404040; }
.remove:hover, .remove:active { color: #000000; }

.top_menu .social_icons a, .top_menu .social_icons a:hover, .top_menu .social_icons a:active { font-size: 22px; }
.top_menu .social_icons li { padding-left: 0;}

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */
    
/*  @font-face {
      font-family: 'FontName';
      src: url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/FontName.eot');
      src: url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/FontName.eot?iefix') format('eot'),
           url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/FontName.woff') format('woff'),
           url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/FontName.ttf') format('truetype'),
           url('http://cdn.shopify.com/s/files/1/0604/3445/t/2/assets/FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/