/* 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 (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 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: "Open Sans";
      
    font-weight: normal;      
    font-size: 14px; 
    text-transform: none;
    color: #898989;
    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: 'open_sans_semibold';
    

  font-weight: normal;      
  font-size: 32px; 
  text-transform: none;
  color: #898989;
  text-align: center;
  padding: 9px 0;
}
.logo a, .logo a:hover, .logo a:visited, .logo a:active {
  color: #898989; 
}
h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle { 
  
  font-family: "Alice";
      
  font-weight: normal;    
  text-transform: none;
  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: #898989 }
h1, .h1, h1.home, h2.title, .collection_title { font-size: 32px;  line-height: 1.5em; margin: 0 auto 20px; clear:both; font-weight: normal;}
h1.home { margin: 0 auto 15px; border-top: 1px solid #dbe3e5; border-bottom: 1px solid #dbe3e5; padding: 12px 0;  }
h1.product_name { margin-bottom: 0px; }
h2, .h2 { font-size: 26px; margin-bottom: 0.75em }
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; vertical-align: middle; }
h4, .h4, h4.title a { font-size: 22px; line-height: 35px; margin: 0 0 15px 0; text-align: left; padding: 0; border-bottom: 1px solid #dbe3e5; padding-bottom:12px;}
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
h5, .h5 { font-size: 20px; padding-bottom: 1em; }
h5.sub_title { padding-bottom: 5px; }
h6, .h6 { font-size: 16px; padding-bottom: 1em;}
.footer h6 { color: #000000; padding: 5px 0; }
.subheader { color: #777; }
p { margin: 0 0 15px; font-style: normal; line-height: 1.7em; }
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 #ddd; border-width: 1px 0 0; clear: both; margin: 15px 0; height: 0; }
.quote {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0 0 20px 0;
  font-style: italic;
}
/* #Links
================================================== */
a, a:active { color: #300; 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:visited { color: #898989; 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: #444444; }
/* #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;
}
ul.chirp {
  margin-left: 0
}
ul.chirp .meta a {
  color: #fc4700;
}

/* #Menu
================================================== */
.nav {
  text-align: center;
  border-top: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
}
.nav ul {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  margin: 0;
}
.nav ul li {
  display: inline-block;
  padding: 0 0 0 20px;
  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: 'open_sans_semibold';
    
  font-weight: normal;      
  font-size: 12px; 
  text-transform: uppercase;
  color: #898989;
  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: #3d4247;
}
.nav ul.search_nav {
  margin-bottom: 5px;
  margin-top: 10px;
}
.nav ul li a:hover, nav ul li a:focus {
  color: #444444;
}
.nav ul li.current_page_item a {
  color: #444444;
}
.nav ul li.current_page_ancestor a {
  color: #444444;
} 
.nav .main_menu {
  display: table;
  width: 100%;
}
.nav ul.main { display: table-row; }
.nav ul li {
  display: table-cell;
  padding: 0px;
}
.nav ul li a {
  padding: 5px 0;
  line-height: 21px;
}
.top-nav ul li a.cart, .top-nav ul li a.navicon, input[type="submit"].guest_button {
    
  background: url(../images/cart_dark.png) no-repeat 9px 5px;
  

  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: #898989;
  padding: 8px 20px 8px 10px;
}

.nav ul li a.cart.active {
  color: #3d4247;
  border-color: #e9e9e9;
}

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

.navicon_button {
  display: none;
}
ul.top_menu li a.navicon {
    
  background: url(../images/menu_dark.png) no-repeat 9px 4px;
  
  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: 5px 0 5px 10px;
  background: none;
  text-align: left;
}

/* sub-level ul */
.menu ul {
  position: absolute;
  left: 10px;
  top: 32px;
  background-color: #ffffff;
  border: solid 1px #ddd;
  border-bottom-color: #bbb;
  z-index: 100;
  display: none;
  width: 200px;
}
ul.menu ul li {
  display: block!important;
  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;
}

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

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

.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: 0px auto;
  width: 85%;
}
.nav ul.mobile_menu li.mobile_search { height: 47px; }
.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: 5px 0;
  margin-bottom: 1.5em;
}
.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: 2px;
  margin: 0;
  padding-left: 20px;
}
.collection_menu li { padding-left: 0px; }
.collection_menu li a { color: #898989; }
.top-nav {
  height: 33px;
  line-height: 33px;
  border-bottom: 1px solid #e9e9e9;
}
.top-nav ul.top_menu { margin: 0px; }
.top-nav ul.top_menu li {
  display: inline-block;
  border-right: 1px solid #a8a8a8;
  padding: 0 9px;
  margin: 0px;
  line-height: 15px;
}
.top-nav ul.top_menu li:first-child { padding-left: 0px; }
.top-nav ul.top_menu li:last-child { border-right: 0px; padding-right: 0px; }
.top-nav ul.top_menu li a { text-transform: uppercase !important; font-size: 10px; letter-spacing: 0px; }
.top-nav .top_menu.top-menu-left { text-align: left; }
.top-nav .top_menu.top-menu-right { float: right; text-align: right; }
.top_menu.top-menu-center li a span { color: #444444; }
/* #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 { 
  max-width: 100%;
  height: auto; 
padding: 0;
}
.zoomImg {
  max-width: inherit !important;
  cursor: pointer;
}  
.demo-gallery img{
	float:left;
	margin:5px;
	padding:0;
	}
.demo-gallery  figure	{
	display:none;
	}
/* #Videos
================================================== */
/*
For YouTube and Vimeo videos, wrap the embedded code snippet
in a <div class="video-container"> tag to allow it to resize.
To restrict the width, wrap with an additional <div class="video-wrapper">
*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper {
  width: 600px;
  max-width: 100%;
}
/* #Buttons
================================================== */

a.button, 
button,
input[type="submit"],
input[type="reset"],
input[type="button"], 
.action_button, 
a.action_button, 
input.action_button[type="submit"], 
input.action_button[type="button"] {
  background: #e9e9e9;
  color: #000000;
  border: 0;
  padding: 8px 20px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  
    font-family: 'open_sans_semibold';
    
  font-weight: normal;      
  font-size: 12px; 
  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: #444444;
  -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 20px; 
  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: #111;
  -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
================================================== */
fieldset { 
  margin-bottom: 20px; }

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;}
.txtarea{  
    border: 1px solid #ccc;
  padding: 0px;
  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;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff; 
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none; 
  appearance: none;}

select {  
  background: #fff url(../images/select.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: 1px 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; }
select { 
  width:100%; }
input[type="checkbox"] {
  display: inline; }
label span,
legend span {
  font-weight: normal;
  font-size: 13px; }
textarea {
  width: 95%;
}

#contact_email {
  width: 280px;
  display: inline;
  border: 1px solid #6d6d6d;
  color: #6d6d6d;
  background: transparent none repeat scroll 0% 0%;
  margin: 0px;
  display: inline-block;
  height: 40px;
  padding: 0px 0 0 20px;
  
  font-family: 'Alice';
      
  font-size: 15px;
}

#sign_up {
  
  font-family: 'Alice';
      
  height: 40px;
  margin-left: 10px;
  text-transform: Capitalize;
  font-size: 15px;
  padding: 0px 25px;
  background: #e9e9e9;
  color: #000;
}

#customer input[type="text"],
#customer input[type="email"],
#customer input[type="password"] {
  width: 93%;
}

/* #Tables
================================================== 

table a:link {
  color: #09F;
  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;
  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:#E4EBF1;
  font-weight:bold;
}
table tr{
  padding-left:12px;
}
table tr td {
  padding: 7px 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  vertical-align: top;
}
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.order_summary td.label { text-align: right;}

.label-table td { padding: 5px 10px; background: #C9CACC; color: #fff; }
/* tbody tr td:first-child { border-bottom: 1px; } */

/* #Misc
================================================== */
.remove{ color: #898989; }
.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; }
.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.content {
}
div.main.content {
  padding-top: 0px;
}
.logo a {
  margin: 0;
  display:block;
}

div.section {
  clear:both;
  margin: 10px 0 0;
  overflow: hidden;
}
.homepage_content {
  
  background-color: #ecf2f3;
  border-top: solid 1px #dbe3e5;
  border-bottom: solid 1px #dbe3e5;
  
}
div.product_section {
  margin: 5px 0;
  padding:10px 0 0 0;
}
.breadcrumb {
  margin: 0.25em 0;
}
#category {
  width: 100%;
}
.featured_content p {
  margin-bottom: 0;
}
.paginate {
  text-align:center; margin-bottom: 10px; 
}
.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: 5px 2px; 
  padding: 5px 10px;
  display: inline-block;
}
a.tag {
  font-size: smaller;
  padding: 4px 6px;
  margin: 5px 2px 5px 0;
}

.paginate span:hover, a.tag:hover {
  color: #444444;
}
.paginate .current {
  background-color: #f2f2f2;
}
.paginate .deco {
  border: none;
}
.thumbnail {
  position: relative;
  text-align:center;
  margin-bottom: 1em;
  border: 1px solid #dadada;
  min-height:330px;
}
.thumbnailsx {
  position: relative;
  text-align:center;
  margin-bottom: 1em;
  border: 1px solid #dadada;
  min-height:110px;
}
.thumbnails{
   width:100%;
/*    height:180px;
*/    display:flex;
    justify-content:center;
	border: 1px solid #dadada;
	text-align:center;
    align-items:center;
	margin-bottom: 1em;
    overflow:hidden
}
.thumbnails img{
  flex-shrink:0;
    -webkit-flex-shrink: 0;
    max-width:100%;
    max-height:100%;
}
.thumbnails img {
  position: relative;
}
.thumbnail a, .thumbnails a {
  display: block;
  color: #898989;
}
.thumbnail:hover, .thumbnails:hover {
  border: 1px solid #444444;
}
.new {
  position: relative;  
  display: inline;
  padding: 5px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
}
.thumbnail h6.title { padding: 0px 0; font-size: 14px; }
.thumbnails h6.title { padding: 10px 0; border-bottom: 0px solid #e9e9e9; font-size: 14px; }
.thumbnail h6.price { padding: 0px 0; color: #000; }
.thumbnail .price, .thumbnail .sold_out, .sold_out {
  font-weight: bold;
  color: #898989;
}
.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;
  padding-right: 20px;
  font-weight:bold;
  display: none;
}
.cart_image {
  float:left;
  margin-right: 20px;
}
.quantity_label {
  display: none;
}
.price_total_text {
  display: none;
}
.was_price {
  text-decoration: line-through;
  color: #fc4700;
  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: #000000;
  background-color: #e9e9e9;
}
.thumbnails a {
  display:block;
  margin-bottom: 1em;
}
.twittercont, .fancycount {
  display: inline-block;
  margin-left: 6px;
}
.facebookcont {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 6px;
}
a.fancybutton {
  background:url(../images/fancy.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(../images/pinit.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: -20px;
}
a.pinterestcount:hover{
  background-position:0 -21px;
}
a.pinterestcount:active{
  background-position:0 -42px;
}
.arrow {
  font-size: smaller;
  position: relative;
  top: -1px;
  left: 2px;
  opacity: 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 {
  font-size: 21px;
  margin:  0;
}
.modal form {
  margin-bottom: 10px;
}
.modal a {
  color: #898989;
  font-style: italic;
}
.modal a:hover {
  color: #444444;
}

.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;
}
.meta .label, .label {
  color: #fc4700;
}
.blog_meta, .blog_meta a {
  color: #fc4700;
}
.blog_meta a:hover {
  color: #444444;
}
.blog_meta p {
  padding-right: 40px;
}
.container .blog_content {
  padding-left: 40px;
  border-left: solid 1px #dbe3e5;
}
.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: 4.5em;
  display: inline;
  margin-bottom: 0;
}
#add-to-cart { width: 100%; }
#quantity { width: 50px; margin: 0px; }
.subtotal {
  text-align:right;
}
.mobile_left {
  text-align: right;
}
h4.title a.subscribe {
  background: url("../images/rss-icon.png") 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("../images/twitter-icon.png") no-repeat 0 4px;
    display: inline;
    padding: 5px 0px 5px 32px;
    font-size: smaller;
    }
h4.title a.twitter:hover {
  background-position: 0 -121px;
}
.article, .comment {
  margin-bottom:20px;
}
.comment-body h6 {
  padding-bottom: 0.25em;
}
.social_buttons {
  height: 22px;
}
.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;
}
.search_page_text {
  text-align: right;
}
.tweet .columns {
  overflow: hidden;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.home-product-title { text-transform: uppercase; text-align: center; margin: 10px 0 20px; }
.more-products {
  border: 1px solid rgb(161, 161, 161);
  max-width: 300px;
  display: block;
  margin: -15px auto 20px;
}
.more-products-title {
  text-transform: uppercase;
  text-align: center;
  padding: 15px 10px;
}
/* #Footer
================================================== */
div.footer {
  

    font-size: 13px; 
    line-height: 1.7em;
    color: #898989;
    padding: 0px;
    }
.footer p.credits {
  margin: 5px 0 0px;
  text-align: center;
}
.footer a {
  color: #898989;
}
.footer a:hover {
  color: #444444;
}
.contact-form {
  margin-bottom: 0;
}
form.search {
  margin-bottom: 0px;
}
input.search_box {
  padding: 6px 6px 6px 28px;
  background: #fff url(../images/search.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;
}
.top_menu .search_box {
  border: 0px;
  padding: 4px 0 2px 28px;
  width: 100px;
  font-size: 10px;
  text-transform: uppercase;
}
.top_menu  .search_box:focus {
  background-color: #fff;
  border: 0px!important;
  box-shadow: none!important;
}
.payment_methods {
  margin: 4px 0 6px 0;
}
.payment_methods img {
  padding-right: 4px;
  height: 24px;
  width: 40px;
}
.icons {
  list-style: none outside; 
  border: 0;
}
.headline_icons {
  top: 8px;
}
.icons li {
  border: 0;
  float: left;
  line-height: 24px;
  margin-right: 8px;
  padding-top: 0;
}
.icons li a {
  background: url(../images/icons.png) no-repeat;
  display: inline-block;
  opacity: 0.8;
  -webkit-transition: opacity .2s ease-in-out; 
  -moz-transition: opacity .2s ease-in-out; 
  -o-transition: opacity .2s ease-in-out; 
  transition: opacity .2s ease-in-out;
  cursor: pointer;
  text-indent: -9999px;
  width:25px;height:25px;background-position:left bottom
}
.icons li a:hover {
  background-color:transparent;
  opacity: 1;
}

.icons .twitter a{background-position:-25px bottom}
.icons .facebook a{background-position:-50px bottom}
.icons .vimeo a{background-position:-75px bottom}
.icons .flickr a{background-position:-100px bottom}
.icons .delicious a{background-position:-150px bottom}
.icons .linkedin a{background-position:-200px bottom}
.icons .youtube a{background-position:-225px bottom}
.icons .google a{background-position:-250px bottom}
.icons .skype a{background-position:-325px bottom}
.icons .pinterest a{background-position:-500px bottom}
.icons .tumblr a{background-position:-625px bottom}
.icons .instagram a{background-position:-650px bottom}
.icons .rss a{background-position:-675px bottom}
.icons .close a{background-position:-700px bottom;position:relative; top:0px; right: -8px; opacity: 0.6;}

.footer ul {
  list-style: none outside; 
  margin: 0px;
  padding: 5px 0;
}
.footer li {
  padding: 2px 0;
  list-style: none outside none;
  margin-bottom: 0;
}
.footer-up {
  background: #000;
  color: #fff;
}
.newslet {
  display: block;
  width: 100%;
  vertical-align: top;
  padding: 10px 0px;
  text-align: center;
}

.footer-wrap { border-bottom: 1px solid #d0d0d0; float: left; margin: 0 10px; }
.bg-footer { background-color: #e9e9e9; }

.tablet-show, .mobile-show { display: none; }
.main.content .collection-product .section:last-child { display: none; margin: 0px; }
.product_menu, .product_menu li{
  display: inline;
  list-style: none;
  border: none;
  margin: 0;
}
.variant-table select { margin-bottom: 0px; }

.template-page .main.content .page-content, .template-page-contact .main.content .page-content { margin-bottom: 20px; }
.template-page-contact div.section, .template-page-contact .main.content p, .template-page div.section, .template-page .main.content p { margin: 0px; }
.template-blog .main.content .sixteen.columns:last-child { display: none; }
#customer.section { margin: 10px 0 20px; }

/* Currency Converter+ customisation */
#search-form {
  border-right: none;
}
#cbb-menu-button-wrapper {
  position: absolute;
  right: 2px;
  padding-top: 4px;
  z-index: 100;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #cbb-menu-button-wrapper {
    top: 30px;
  }
}
@media (max-width: 768px) {
  #cbb-menu-button-wrapper {
    right: -4px;
  }
}
.currency-converter-currency-button {
  font-size: 10px;
  text-transform: uppercase;
}
.cbb-currency-updown-icon {
  filter: invert(50%);
  -webkit-filter: invert(50%);
}
.currency-converter-cart-note { float: left; clear: left; padding: 20px 0px; }
@media (min-width: 768px) {
  .currency-converter-currency-button {
    position: relative;
    top: 26px;
    right: 2px;
  }
}


/*** New Css ***/
.homecontent {
  margin-bottom: 25px;
  padding: 0 20px;
  text-align: center;
}
.nav .sale a, .nav .sale a:visited, .nav .sale a:active {
    color: #F00;
	font-weight:bold;
}
.saless{
	color:#FFFF00;
	background: #0C0;
	padding:0 5px;
	}
	
#waleft {
    display: block;
    position: fixed;
    bottom: 190px;
    right: 0px;
    border: 0px;
    z-index: 99999;
}
#waright {
    display: block;
    position: fixed;
    bottom: 90px;
    right: 0px;
    border: 0px;
    z-index: 99999;
}