/*  
Theme Name: Yospeed 2013 
Theme URI: http://www.yospeed.com/
Version: 0.1
Description: 2013 rebuild of Yospeed built on Wordpress platform.
Author: David Yonehara
Author URI: http://www.yospeed.com


*/

/* Default styles */
@import "css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Dosis:300|Cabin+Condensed:700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);


/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
  -2.2.2 Top Navigation (optional)
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
  -2.4.1 Product Gallery
-2.5 Sidebar
-2.6 Footer
-2.7 Homepage specific
  -2.7.1 Animation

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Post Author
-3.5 Connect / Subscribe

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
-4.4 Shopping Cart
-4.5 Product lists
-4.6 Search

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
  - 6.1.1 Comment Reply Link
-6.2 Info Boxes
-6.3 Conatct Form 
-6.4 Gravity forms
-6.5 Timeline Template
-6.6 Tables

7. WOOCOMMERCE SPECIFICS
-7.1 Demo store notice
-7.2 Star Ratings
-7.3 Single Product Page
  - 7.3.1 Reviews
-7.4 Quantity Incrementer
-7.5 User Account Section
  - 7.5.1 Order Tracking
-7.6 Cart

8. UNIFORM JS

9. IE FIXES

-------------------------------------------------------------------------------------------*/

@font-face{font-family:'novecento';src:url('fonts/novecento.eot');src:local('☺'),
url("fonts/novecento.woff") format("woff"),
url('fonts/novecento.ttf') format('truetype'),
url("fonts/novecento.svg#novecento") format("svg");font-weight:normal;font-size:inherit;}
@font-face{font-family:'bebas';src:url('fonts/bebas.eot');src:local('☺'),
url("fonts/bebas.woff") format("woff"),
url('fonts/bebas.ttf') format('truetype'),
url("fonts/bebas.svg#bebas") format("svg");font-weight:normal;font-size:inherit;}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

html { font-size: 62.5%; /*background-color: #f5f5f5; */}
body  { font-size:1.4em; line-height: 1.7142em; color: #777; background-size: cover; 	background-attachment: fixed;	background-position: center; }
#wrapper { background-image:url(http://www.yospeed.com/bg/dot.png); }

hr { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQIHWP4//8/AwgDgSScARVgkITJAgBsFBI6bme1aQAAAABJRU5ErkJggg==) top repeat-x;
height: 3px; border-top: 1px solid #e6e6e6; border-left: 0px; border-bottom: 0px; border-right: 0px;}

input, textarea { padding: 5px 10px; border:1px solid #ddd; background: #fafafa; -webkit-transition: all ease-in-out .2s; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:1em; font-family: inherit; 
-webkit-box-shadow: 
	inset 0 0 3px rgba(0,0,0, 0.05),
	0 0 0 1px rgba(255,255,255,0.6);
}
input:focus, textarea:focus { background: #fff; }

/* 1.2 Hyperlinks */

a { color: #ed1c24; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { }
#container { background: #fff; margin-top: 25px;}

#main{width:880px;}
.layout-full #main, #main.fullwidth { width:880px; }

.single-post #main{width:580px;}
.single-post .title-bg { padding-left:40px; background: #404040;}
.single-post .title { padding: 25px 50px; line-height: 1em; margin: 0px; border-left: 15px solid #ED1C24; display: inline-block; background: white;}
.single-post #container {padding-top: 45px;}
.skyscraper { float: left;}
.skyscraper:first-child { margin-right: 10px;}

#sidebar{width:880px;}
.single-post #sidebar{width:260px;}

/* sidebar woocommerce fix */
.woocommerce-cart #sidebar, .woocommerce-page #sidebar, .woocommerce-checkout #sidebar { display: none;}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 980px; margin: 0 auto; }

.layout-right-content #main.col-left { float: right; }
.layout-right-content #sidebar.col-right { float: left; border-left:0; }

.col2-set:after { content:""; display: block; clear: both; }
.col2-set .col-1, .col2-set .col-2 , .form-row { width:48%; float: left; }
.col2-set .col-2, .form-row-last { float: right; }
.form-row-first { clear: left; }
.form-row label { display: block; }
.form-row input, .form-row textarea, .form-row select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.form-row input.button, .form-row input.button { width: auto; }
.form-row-wide { width:100%; float: left; clear:both; }

/* 2.2 Navigation */
#navigation{width:880px; border-top:1px solid rgba(255,255,255,0.2); clear: both; padding:0 50px;}

#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#c63f00;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a  { position:relative; font-family: 'Cabin', sans-serif !important; font-size: 16px; font-weight: 700; color: #404040; display:block; z-index:100; padding:15px 20px;text-decoration:none;}
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-item a { color:#222 !important; background-color: #fff; text-decoration: none !important; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; text-shadow: none; }
.nav li  { float:left; width: auto; margin-right:1px; }
.nav li:hover { background: #fff; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; color:#222; }
.nav li:hover a { color:#222 !important; text-shadow:none; }
.nav li a.sf-with-ul { padding-right:25px; }

#btn-cart a { padding:10px 20px 10px 40px; display: block; color:#404040; background-image:url(images/ico-cart-light.png); background-position:  16px 16px; background-repeat:  no-repeat; text-shadow:0 1px 0 rgba(0,0,0,0.25); }
#btn-cart a:hover {
	-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background-color: #fff; color:#222; text-decoration: none !important; background-image:url(images/ico-cart.png); text-shadow: none;
}

.news-feed-column {
	width: 100%;
}

.news-feed-column .post { width:880px; }
.news-feed-column .post img { float: left; }
.news-feed-column .post header { width:490px; float: right; }
.news-feed-column .post .entry { width:490px; float: right; }

#content ul li { margin-bottom: 5px; }

/* 2.2.1 Drop-down menus */
.nav li ul  { background: #fff; position: absolute; left: -999em; border-top:0; z-index:9999; margin-left:0; list-style: none; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.nav li ul li  { float: none;  margin-right:0; }
.nav li ul li a  { display:block; color:inherit !important; border:none; padding:8px 20px; float: none; text-shadow:none; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover  { background:#f6f6f6; color:#222 !important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #f6f6f6); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #ffffff, #f6f6f6); /* IE10 */
  background-image:      -o-linear-gradient(top, #ffffff, #f6f6f6); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #ffffff, #f6f6f6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6'); /* IE6–IE9 */
}
.nav li ul li:last-child { -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;  }
.nav li ul ul  { margin: -30px 0 0 180px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #e9e9e9; }
.nav li ul li.current_page_item a{ color:#222; background: #e9e9e9; }

.nav li:hover,.nav li.hover  { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul  { left:auto; }

.nav .sf-sub-indicator {background:	url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.6em;top:1.5em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}

#navigation #nav-home a { padding:15px 20px 13px; height: 18px; width: 17px; display: block; opacity:0.7;}
#navigation #nav-home a:hover { opacity:1; }

#account-nav li a{border:none;font-weight: normal;}
#account-nav li a:hover{ }
#account-nav li.account:hover, #account-nav li.checkout:hover {opacity:1}
#account-nav li.checkout a { padding-left:40px; background-image: url(images/ico-checkout-light.png); background-position: 16px 16px; background-repeat: no-repeat; }
#account-nav li.checkout a:hover { background-image: url(images/ico-checkout.png); }

/* 2.2.2 Top Navigation (optional) */
#top { background: #000; -webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.2); -moz-box-shadow:0 0 0 1px rgba(255,255,255,0.2); box-shadow:0 0 0 1px rgba(255,255,255,0.2); }
#top .nav { border:0; }
#top .nav a { color:#ddd !important; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; border:0; text-shadow:none; }
#top .nav li  {  }
#top .nav li a.sf-with-ul { padding-right:20px; }

#top .nav li a:hover,
#top .nav li.current_page_item a, 
#top .nav li.current_page_parent a,
#top .nav li.current-menu-ancestor a,
#top .nav li.current-cat a,
#top .nav li.current-menu-item a,
#top .nav li.sfHover,
#top .nav li:hover { background-color: #222 !important;  text-shadow:none; }

#top .nav li ul  { background-color: #222 !important; margin:0; padding:0px; width: 180px; border: none; z-index:999;
	/* Box Shadow */
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#top .nav li ul, #top .nav li ul li:last-child a {
	/* Border Radius */
	border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
}
#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #222; border:0; }
#top .nav li ul li a  { padding:8px 10px; width:160px; color:#ddd; background: none; background: #222; }

#top .nav li.current_page_item ul li a, 
#top .nav li.current_page_parent ul li a,
#top .nav li.current-menu-ancestor ul li a,
#top .nav li.current-cat ul li a,
#top .nav li.current-menu-item ul li a,
#top .nav li.sfHover,
#top .nav li ul li a:hover  { background-color: #000 !important; filter: none; }
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
#top .nav li ul ul  { margin: -34px 0 0 180px; }

#top .nav li:hover, #top .nav li.hover  { position:static; }
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
#top .nav li:hover ul, #top .nav li.sfhover ul,
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul  { left:auto; }

/* 2.3 Header */
.header { width:980px; margin:0 auto; overflow: hidden; zoom:1; background: #fff;}

#logo  { float:left; margin-left:50px; }
#logo h1 { padding:0; }
#logo h1.site-title { padding:1.143em 0 0.437em; }
#logo img  { float: left;
			max-width: 200px; 
			padding: 5px;
			}
#logo .site-title, #logo .site-description  { display:none;   }
#logo .site-title a { color:#fff; text-transform:none; text-decoration:none; -webkit-mask-image: -webkit-gradient(linear, left top,
    left bottom, from(#fff), to(rgba(255,255,255,0.6))); text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
#logo .site-title a:hover { text-decoration:none !important; }
#logo .site-description { color:#fff; margin-top:-2em; margin-bottom:1.6em;}

#topad {float:right;}
#search-top {float:right;position:relative;}
#search-top label { display: none; }
#search-top .searchform {position: relative; padding: 10px;}
#search-top input.field {  background: #fff; color:#777; width:180px; margin-right:1px;}
#search-top input.btn {
border: none;
position: absolute;
width: 14px;
height: 14px;
right: 14px;
top: 14px;
background: #fff;
}

/* 2.4 Content */
#content{ width:880px; padding:50px;  }
#content h1:first-child { } 
.page-template-template-fullwidth-php #content, .layout-full #content { background: none !important; }
.page-template-template-fullwidth-php #main { padding:0 !important; }
.layout-right-content #content { background: url(images/sidebar-left.png) -10px 0 repeat-y; }
.layout-right-content.layout-full #content { background: none; }
.layout-right-content #main { padding-right:0; padding-left:40px; }
#main .post:first-child h2 { padding-top:0; }

/* 2.4.1 Product Gallery */
.product-gallery {position: relative;margin:0 0 30px;}
.product-gallery ul.products { border-top:0; }
ul.products { margin-left:0; padding-left:2px; padding-right:2px; padding-top:2px; zoom:1; }
ul.products:before, ul.products:after {  content:""; display:table; }
ul.products:after { clear: both; }
ul.products li { width:30.75%; float: left; list-style: none; position: relative; margin-right:3.8%; text-align: center; margin-bottom:2.618em; }
ul.products li.first { }
ul.products li.last { margin-right:0; }
ul.products a img { width:100%; height: auto; padding:0; border:0; background: #fff; border-radius:3px; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.25); -moz-box-shadow:0 0 3px rgba(0,0,0,0.25); box-shadow:0 0 3px rgba(0,0,0,0.25); -webkit-transition: all ease-in-out .2s; }
ul.products a:hover img {opacity:0.8; } 
ul.products li a h3 { font-size:1em; display: block; padding-top:0; }
ul.products li a:hover h3 { color:#111; }
ul.products li a:hover { text-decoration: none !important; }
ul.products li .price { 
	position: absolute;
	top:10px;
	right:-6px;
	background: #ed1c24;
	padding:3px 12px 5px 8px;
	font-size:0.8751em;
	color:#fff;
	text-shadow:0 1px 0 rgba(0,0,0,0.25);
	font-family: bebas;
	font-size: 18px;
}

.summary div:first-child {
	width: 335px;
	border-left: 10px solid rgb(45, 237, 28);
}

ul.products li .price:before {
	content: "";
	position: absolute;
	top:0;
	left:-14px;
}
ul.products li .price:after {
	content: "";
	border:6px solid red;
	border-color: #892026 transparent transparent transparent;
	border-left-width:0;
	position: absolute;
	right:0;
	bottom:-12px;
}
ul.products li a.button { margin:0;  }
.onsale {
	display: none;
	background-color: #96c42e;
    position: absolute;
    top:10px;
    left:-6px;
    padding: 2px 8px;
	font-size: 0.8751em;
    text-align: center;
    color:#fff;
    z-index: 999;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.onsale:before {  
	content: "";
	border:14px solid #96c42e;
	border-color:transparent transparent transparent #96c42e;
	position: absolute;
	top:0;
	right:-28px;
}
.onsale:after {
	content: "";
	border:6px solid #67861f;
	border-color: #67861f transparent transparent transparent;
	border-right-width:0;
	position: absolute;
	left:0;
	bottom:-12px;
}
ul.products li del { color:#ccc; }
ul.products li ins { text-decoration:none; }

.from {	display: none; }

/* 2.5 Sidebar */
#sidebar{overflow:hidden;}

/* 2.6 Footer */
#footer{padding: 20px 50px 0; width:880px; background: #404040;}
#footer p {font-size:11px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.2);}
#footer p a { color:#fff; font-weight: bold; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}

/*Footer widgets */
#footer-widgets { padding:50px 50px 0px; width:880px; background: #404040; overflow: hidden; zoom:1; margin-top: 25px;}
#footer-widgets .block h3 { color: #eee; border:none; margin: 0 0 20px 0; padding:0;}
#footer-widgets a { color: #ddd;}
#footer-widgets a:hover { color: #fff; text-decoration: none;}

/* 4 columns */
#footer-widgets.col-4 .block { width:22.2%; float: left; margin-right:3.7%; }
#footer-widgets.col-4 .footer-widget-4 { margin-right:0; }

/* 3 columns */
#footer-widgets.col-3 .block { width:30.75%; float: left; margin-right:3.8%; }
#footer-widgets.col-3 .footer-widget-3 { margin-right:0; }

/* 2 columns */
#footer-widgets.col-2 .block { width:48%; float: left; margin-right:3.8%; }
#footer-widgets.col-2 .footer-widget-2 { margin-right:0; }

/* 1 column */
#footer-widgets.col-1 .block { width:100%; }

/* 2.7 Homepage specific */


body.home {
	background-image: url("http://www.yospeed.com/bg/main-bg.jpg");
}

body.page {
	background-image: url("http://www.yospeed.com/bg/main-bg.jpg");
}

body.single-post {
	background-image: url("http://www.yospeed.com/bg/main-bg.jpg");
}

.term-2013-scion-fr-s-subaru-brz {
	background-image: url("http://www.yospeed.com/bg/rene-bg.jpg");
}

.term-2006-honda-civic {
	background-image: url("http://www.yospeed.com/bg/civic8-bg.jpg");
}

.term-2012-honda-civic {
	background-image: url("http://www.yospeed.com/bg/civic9-bg.jpg");
}

.term-2008-honda-accord {
	background-image: url("http://www.yospeed.com/bg/accord8-bg.jpg");
}

#introduction, #featured-products { padding:50px; }
#introduction { border:6px solid #fff;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ffffff)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #f6f6f6, #ffffff); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #f6f6f6, #ffffff); /* IE10 */
  background-image:      -o-linear-gradient(top, #f6f6f6, #ffffff); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #f6f6f6, #ffffff);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6', EndColorStr='#ffffff'); /* IE6–IE9 */
 }
#introduction h1:first-child { padding-top:0; }
#introduction p:last-child { margin-bottom:0; }
#introduction .post.type-post { border-bottom:0; }
#introduction .post.type-post img.thumbnail { float: right; }
#featured-products h2 { margin-left:-50px; margin-top:-51px; padding-left:50px; margin-bottom:0.437em; padding-right:50px; background: #fff; float: left; padding-top:0.437em; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 0; border-radius:0 0 3px 0; -webkit-box-shadow:6px 6px 0 rgba(0,0,0,0.025); -moz-box-shadow:6px 6px 0 rgba(0,0,0,0.025); box-shadow:6px 6px 0 rgba(0,0,0,0.025); }

#featured-products { background: #eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0 0 50px; }
#featured-products ul li.flipper .back a { overflow: hidden; height: 22px; }
#featured-products ul.featured-products { margin:0; clear: left;  overflow: hidden; zoom:1; padding-top:10px !important; padding-left:2px; }
#featured-products ul.featured-products li { margin-right:44px; float:left; list-style: none; position: relative; -webkit-perspective: 700;
-webkit-animation-name:popin;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
}
#featured-products ul.featured-products li { margin-bottom: 30px; }
#featured-products ul.featured-products li h3 { font-size:1em; }
#featured-products ul.featured-products li:last-child { margin-right:0; }
#featured-products ul.featured-products li img { width:100%; height: auto;}

#featured-products.fp-slider {
	position: relative;
}

#featured-products.fp-slider .onsale {
	left:-5px;
}

#featured-products.fp-slider .jcarousel-container {
	width: 880px;
	padding: 0 50px 0;
	margin: 0 -50px 0;
	overflow: hidden;
}
#featured-products.fp-slider .jcarousel-clip {
	width: 880px;
	overflow: visible;
	position: relative;
}
#featured-products ul.featured-products {  overflow: visible !important; }

#featured-products.fp-slider .jcarousel-next, #featured-products.fp-slider .jcarousel-prev { display: block; height:25px; width:25px; cursor: pointer; float: left; position: absolute; top:25px; right:50px; }
#featured-products.fp-slider .jcarousel-next { background: url(images/btn-feat-right.png) left bottom no-repeat; }
#featured-products.fp-slider .jcarousel-prev { background: url(images/btn-feat-left.png) left bottom no-repeat; right:75px; }
#featured-products.fp-slider .jcarousel-next:hover, #featured-products.fp-slider .jcarousel-prev:hover { background-position: left centre; }
#featured-products.fp-slider .jcarousel-next-disabled, #featured-products.fp-slider .jcarousel-prev-disabled { background-position: left top; }

/* The flipper */
#featured-products ul.featured-products li.flipper .front {
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	margin:2px;
	padding:10px;
	z-index: 900;
	background: #fff;
	text-align: centre;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	overflow: hidden;
}

#featured-products ul.featured-products li.flipper .front a {
	overflow: hidden;
	display: block;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

#featured-products ul.featured-products li.flipper .back {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 8px #ffffff;
	z-index: 800;
	text-align: center;
	font-size: 18px;
	width: 220px;
	height: 131px;
	margin:2px;
	padding:10px 20px 20px 20px;
	-webkit-transform: rotatey(-180deg);
	-webkit-transform-style: preserve- 3 d;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	filter: alpha(opacity=@opacity * 100);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	background: #fafafa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#featured-products ul.featured-products li.flipper .back a:hover {
	text-decoration: none !important;
}

#featured-products ul.featured-products li.flipper:hover .front {
  z-index: 900;
  -webkit-transform: rotatey(180deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#featured-products ul.featured-products li.flipper:hover .back {
  z-index: 1000;
  -webkit-transform: rotatey(0deg);
  filter: alpha(opacity=@opacity * 100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* 2.7.1 Animation */

@-webkit-keyframes popin {
from { -webkit-transform:scale(0); }
90% { -webkit-transform:scale(1.1); }
to { -webkit-transform:scale(1); }
}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.breadcrumb{ margin:0 auto; font-size:0.8751em; color:#999; 
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #ffffff, #f6f6f6); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #ffffff, #f6f6f6); /* IE10 */
  background-image:      -o-linear-gradient(top, #ffffff, #f6f6f6); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #ffffff, #f6f6f6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f6f6f6'); /* IE6–IE9 */
 }
.breadcrumb-trail { padding:8px 50px; border-bottom:1px dotted #e0e2e4; text-shadow:0 1px 0 rgba(255,255,255,.9); }
.archive_header  { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a  { text-decoration: none; line-height: 28px; }

.post  { margin: 0 0 20px; clear: left; }
.page .post { border:none; }
.post.type-post { border-bottom:1px solid #e6e6e6; }

.page .post .title  { margin: 0 0 10px 0; }

a + h2.title {
	padding-top:0;
}

.post-meta{margin: 0px 0 15px 0; }
.post-meta .comments a  { padding: 0 0 0 20px;  }

.post-more { clear:both; border:1px solid #e6e6e6; border-width:1px 0 0px; padding:10px 0; }
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }

.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}

mark { background: none; font-weight: bold; }

/* 3.1 Typographic Elements */
body { font-family: 'Varela Round', sans-serif; }
h1, h2, h3, h4, h5, h6, .site-title { font-weight: 300; margin:0; line-height:1.7142em; color:#404040; } 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1, .site-title { font-family: 'Oswald', sans-serif !important; font-size:2.618em; padding:1.143em 0 0.437em; font-weight: 400; text-transform: uppercase; 	border-left: 0px; } 
h2 { font-family: 'novecento', sans-serif !important; font-size:1.849em; padding:1.143em 0 0.437em; } 
h3 { font-family: 'bebas'!important; font-size: 24px; padding: 0.4376em 0; word-spacing: 0.2em;}
h4 { font-family: 'novecento', sans-serif !important; font-size:1em; padding:1.143em 0 0.706em; } 

h3 span { color: #ed1c24; }

h3 span.green { color: #14c37e; }

p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav {
	margin: 0;
	line-height: 1.7142em;
}

ul {
	margin: 0 0 1.7142em 1.7142em;
	list-style: disc outside;
}

ol {
	margin: 0 0 1.7142em 1.7142em;
	list-style: decimal outside;
}

small {font-size:0.9em; line-height: 2}

.important {
	font-size:1.30769em;
}

/* Some ol's / ul's shouldn't have a left margin: */

#footer-widgets ul, #sidebar ul { margin-left:0; }

/* 3.2 Images */



img {  -ms-interpolation-mode : bicubic; }
.entry img, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; max-width: 100%; height: inherit; }
.entry .woo-image { float: right; margin:0 0 20px 20px; }
img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 10px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; max-width: 558px !important; }
.entry .wp-caption img{ margin:0; padding:0; background:none; border:0; max-width: 100% !important; height: inherit; }
.entry .wp-caption-text { margin:0; padding:0; text-align:center; }
.entry p { margin-bottom: 16px; }
.diy-step { font-family: novecento; }

.no-border { border: 0px !important; padding: 0px !important; }

/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {}
.nav-entries a { display: block;  color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }

.woo-pagination { margin: 0 !important; text-align: center !important; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.woo-pagination .current, 
.woo-pagination .on,
.woo-pagination a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woo-pagination span.extend, .pagination span.pages { background:none !important; border:none !important; color:#666 !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }

.woocommerce .woo-pagination, .nav-entries { padding-top:.5em; border-top:1px dotted #ddd; }
.woocommerce .woo-pagination, .nav-entries { width:50%; float: left; text-align: left !important;  }
.woocommerce .woocommerce_result_count, .woocommerce .woocommerce-result-count { width:50%; float:left; }
.woocommerce .woocommerce_ordering, .woocommerce .woocommerce-ordering { width:50%; float: right; text-align: right; }
.woocommerce .woocommerce_ordering div.selector span, .woocommerce .woocommerce-ordering div.selector span { text-align: left; }
.woocommerce_result_count + ul.products, .woocommerce_ordering + ul.products, .woocommerce-result-count + ul.products, .woocommerce-ordering + ul.products { clear:both; }

#post-entries { overflow: hidden; zoom:1; margin:10px 0; border:1px solid #ddd;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fafafa, #eeeeee); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #fafafa, #eeeeee); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #fafafa, #eeeeee); /* IE10 */
  background-image:      -o-linear-gradient(top, #fafafa, #eeeeee); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #fafafa, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#eeeeee'); /* IE6–IE9 */
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:
  	inset 0 0 0 1px rgba(255,255,255,0.5),
  	0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow:
  	inset 0 0 0 1px rgba(255,255,255,0.5),
  	0 1px 2px rgba(0,0,0,0.05);
  box-shadow:
  	inset 0 0 0 1px rgba(255,255,255,0.5),
  	0 1px 2px rgba(0,0,0,0.05);
 }
 
#post-entries a { display:block; padding:5px 10px; text-shadow:0 1px 0 #fff; }
#post-entries a:hover { background: rgba(255,255,255,0.5); }
#post-entries .nav-prev a { border-right:1px solid #ddd; -webkit-box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff; }
#post-entries .nav-next a { border-left:1px solid #fff; -webkit-box-shadow:-1px 0 0 #ddd; -moz-box-shadow:-1px 0 0 #ddd; box-shadow:-1px 0 0 #ddd; }


/* 3.4 Post Author */
#post-author { background: #f7f7f7; padding:20px; overflow: hidden; zoom:1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display: none;}
#post-author .profile-image { width:13.45%; float: left; }
#post-author .profile-image img { width:90%; height: auto; background: #fff; padding:5%; border:1px solid #ddd; }
#post-author .profile-content { width:82.7%; float: right; }
#post-author .profile-content h3 { padding-top:0; }

/* 3.5 Connect / Subscribe */
#connect { padding:20px 0; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

.textwidget img{
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
}

.textwidget img:active{
	border-top: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ddd;
}

#instagram_widget_title {
	font-family: bebas;
	font-size: 23px;
	word-spacing: 0.2em;
}

/* 4.2 Generic Widgets */
#sidebar .widget:first-child h3 { padding-top:0; }
.widget  { margin: 0 0 30px 0; }
.widget a:hover {text-decoration:underline !important;}
.widget p { margin-bottom:15px; }

.widget ul  { clear:both; list-style-position:inside; list-style-type:disc;}
.widget ul li  { list-style:none; }
.widget ul li a  { padding: 0; line-height: 22px; text-decoration: none; }
.widget ul li a:hover  { text-decoration:underline; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

.widget_recent_comments li, #twitter li  { padding: 1px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */




/* 4.2 Specific Widgets */

#above-fold { height: 680px; }
.top40 { margin-top:40px; }
.left { float: left; }
.right { float: right; }

#instagram_widget img { width: 238px; padding: 10px; border: 1px solid #ddd; } 

/* WIDGET FORMS */
.widget .screen-reader-text  { display: none; }
.widget input.submit { float:right; }

.search-widget .searchform {position: relative;}
.search-widget input.field {  background: #fff; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
.search-widget input.btn {border:none; position: absolute; width: 16px; height: 16px; right:5px; top:0px; }

/* ADSPACE */

.adspace-widget img { max-width: 100%; height: auto; }

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { float: left; margin: 3px; }

.widget_woo_flickr .wrap  { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0 0 8px 8px;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* TWITTER */
.widget_woo_twitter ul { padding-left:0; margin-bottom:10px; }
.widget_woo_twitter ul li { padding-left:0; background: none; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #e6e6e6; }
.widget_woo_twitter ul li .content { display: block; }

/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* WooCommerce layered nav */
.widget_layered_nav ul li { overflow: hidden; zoom:1; }
.widget_layered_nav ul li a { float: left; }
.widget_layered_nav ul li .count { float: right; background: #ccc; color:#fff; padding:3px 10px; margin-top:1px; -webkit-border-radius:10px; line-height: 1em; -webkit-box-shadow:0 1px 0 0 #fff; -moz-box-shadow:0 1px 0 0 #fff; box-shadow:0 1px 0 0 #fff;  }
.widget_layered_nav ul li.chosen a { padding-right:18px; background: url(images/ico-cross-small.png) right no-repeat;  }

/* WooCommerce price filter */

.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; colour: #555555; }

.widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; colour: #212121; }

.widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; colour: #212121; }

.widget_price_filter .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.widget_price_filter .ui-slider { position: relative; text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.widget_price_filter .price_slider_wrapper .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold; }

.widget_price_filter .ui-slider-horizontal { height: .8em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; }


.widget_price_filter .price_slider_wrapper .price_slider { margin:0 10px 10px 10px; background: #f6f6f6 !important; border:1px solid #e6e6e6 !important; -webkit-box-shadow:0 1px 0 1px rgba(255,255,255,0.9); -moz-box-shadow:0 1px 0 1px rgba(255,255,255,0.9); box-shadow:0 1px 0 1px rgba(255,255,255,0.9); }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border:1px solid #e6e6e6; background: #e6e6e6; }
.widget_price_filter .price_slider_wrapper .ui-slider-handle {
	border: 1px solid #aaa;
	border-bottom-color: #999;
	color: white !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	cursor: pointer;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background: #fefefe; /*Fallback*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e5e5e5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fefefe, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #fefefe, #e5e5e5); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE10 */
	background-image:      -o-linear-gradient(top, #fefefe, #e5e5e5); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fefefe, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e5e5e5'); /* IE6–IE9 */
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						inset 0 0 0 1px rgba(255,255,255,0.8),
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					inset 0 0 0 1px rgba(255,255,255,0.8),
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				inset 0 0 0 1px rgba(255,255,255,0.8),
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

.widget_price_filter .price_slider_wrapper .ui-slider-handle:hover {
	text-decoration: none !important;
	/*Background*/
	background: #ffffff; /*Fallback*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #e5e5e5); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffffff, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#e5e5e5'); /* IE6–IE9 */
}
.widget_price_filter .price_slider_wrapper .button { margin-left:0; }

/* 4.3 WooTabs */
#tabs, .woocommerce_tabs, .woocommerce-tabs {	height:auto; display: block; padding:1px; clear: both; }

.woocommerce_tabs .tabs {display: none;}

#tabs ul.wooTabs, #tabs ul.tabs, .woocommerce_tabs ul.tabs, .woocommerce-tabs ul.tabs { padding:0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) bottom repeat-x; /* 1px transparent png */ overflow: hidden; zoom:1; margin:0; display: none;}
#tabs ul.wooTabs li, #tabs ul.tabs li, .woocommerce_tabs ul.tabs li, .woocommerce-tabs ul.tabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; padding-left:0; background-image: none; margin-right:2px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover, #tabs ul.tabs li.active a, #tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li a:hover, .woocommerce-tabs ul.tabs li.active a { background:#fff; text-decoration:none !important; margin-bottom:0; padding-bottom:9px;  }
#tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a { background:#f6f6f6; color:#777; display: block;float: left; padding: 6px 12px; border:1px solid rgba(0,0,0,0.1); border-bottom:0; margin-bottom:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;  }
#tabs ul.wooTabs li a { padding:3px 6px; display: block; float: left; margin-right:1px; color:#777; border:1px solid rgba(0,0,0,0.1); border-bottom:0; background: #eee; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { padding-bottom:6px; background: #fff; }
#tabs ul.wooTabs li a:hover { color:#555; }
#tabs .inside { padding:1em; border:1px solid rgba(0,0,0,0.1); border-top:0; background: #fff; }
#tabs .inside li { padding-bottom:1em; margin-bottom:1em; border-bottom:1px dotted rgba(0,0,0,0.1); }
#tabs .inside li:last-child { padding-bottom:0; margin-bottom:0; border:0; }

.woocommerce_tabs .panel, .woocommerce-tabs .panel { background:#fff; clear: left;}
.woocommerce_tabs .panel, .woocommerce-tabs .panel { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) top repeat-x bottom repeat-x #fff; /* diagonal texture */ overflow: hidden; padding: 25px 50px;}
#tabs .panel h2, .woocommerce_tabs .panel h2, .woocommerce-tabs .panel h2 { padding-top:10px; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; padding-left:0; }
#tabs .inside li a {  }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block;  }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }

.product-highlights div:nth-child(odd) {
float: left;
display: block;
width: 140px;
height: 140px;
margin-bottom: 40px;
}

.product-highlights div:nth-child(even) {
float: left;
display: block;
width: 657px;
height: 135px;
margin: 0px 0px 40px 0px;
padding: 0px 40px 0px 40px;
border-bottom: 4px solid #eee;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.entry-content p {
margin-bottom: 16px;
}

.type-product .panel ul, .type-product .panel ol { margin-left:20px; list-style: disc; }
.type-product .panel ol.commentlist { margin-left:0; }

/* 4.4 Woo Shopping Cart */
.widget_shopping_cart { margin:0 0 30px 0;  }
.widget_shopping_cart li.empty { margin:0 -1em -1em -1em !important; padding:0 1em 1em 1em !important; border-bottom:1px solid rgba(0,0,0,0.1) !important; }
.widget_shopping_cart ul.cart_list { padding:1em; background: #fafafa; margin-left:0 !important; margin-bottom:0; border:1px solid rgba(0,0,0,0.1); border-bottom:0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.widget_shopping_cart ul.cart_list li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.widget_shopping_cart p.total { margin-bottom:0; text-shadow:0 1px 0 rgba(255,255,255,0.7); }
.widget_shopping_cart p.total, .widget_shopping_cart p.buttons { padding:0 20px; text-align: center; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAAElFTkSuQmCC) top repeat-x; /* diagonal texture */ padding-top:1em; padding-bottom:1em; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }
.widget_shopping_cart p.buttons { border-bottom:1px solid rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.1); box-shadow:inset 0 0 3px rgba(0,0,0,0.1); -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.widget_shopping_cart p.total { background-color:#eee; border-bottom:1px solid #fafafa; }
.widget_shopping_cart p.buttons .button { margin-left:0; }

/* 4.5 Product lists within widgets */

.widget .product_list_widget {
	padding-left:0;
}

.widget .product_list_widget li {
	background: none;
	padding-left:0;
	overflow: hidden;
	zoom:1;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ddd;
}

.widget .product_list_widget li a {
	display: block;
}

.widget .product_list_widget li img {
	float: right;
	margin:0 0 5px 1em;
	border:3px solid #fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	width:32px;
	height: auto;
}


.widget .product_list_widget li dl.variation {
	overflow: hidden;
	zoom:1;
	margin-bottom:0 !important;
}

.widget .product_list_widget li dl.variation dt {
	float: left;
	margin-right:6px;
	clear: left;
}

.widget .product_list_widget li dl.variation dd {
	font-style: italic;
}

.widget .product_list_widget li del {
	color: #ccc;
}

.widget .product_list_widget li ins {
	text-decoration: none;
}

/* 4.6 Search */

#sidebar .searchform, #sidebar #searchform, #footer-widgets .searchform, #footer-widgets #searchform { padding:10px; background: #fff; border:1px solid #e5e5e5; -webkit-borde-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); box-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); margin:0 1px; }
#sidebar .searchform input, #sidebar #searchform input, #footer-widgets .searchform input, #footer-widgets #searchform input { background: 0; padding:0; border:0; }
#sidebar .searchform .search-submit, #sidebar #searchform #searchsubmit, #footer-widgets .searchform .search-submit, #footer-widgets #searchform #searchsubmit { float: right; margin-top:4px; margin-right:6px; }
#sidebar #searchform #searchsubmit, #footer-widgets #searchform #searchsubmit { text-align: left; text-indent: -999em; cursor: pointer; display: block; height:18px; width:18px; background: url(images/ico-search.png) no-repeat; }
#sidebar .searchform .s, #sidebar #searchform #s, #footer-widgets .searchform .s, #footer-widgets #searchform #s { width:80%; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;padding:20px 0 0 0; }
#comments ol.commentlist { margin-left:0; }
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px 0; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { }
#comments .comment-entry { margin-left:63px; padding:20px; background: #f7f7f7; font-size:0.8751em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: relative; }
#comments .comment-entry:before { content: ""; border:12px solid #f7f7f7; border-color:transparent transparent #f7f7f7 transparent; position: absolute;
top:-24px; left:6px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 60px;padding:0; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 40px 0 0; }
#respond h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform label  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt  { color:#666; width: 170px; margin: 0 5px 10px 0; }
#commentform textarea  { color:#666; width: 94% !important; }

#respond #commentform #submit  { margin: 15px 0 0 0; cursor: pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit, #featured-products ul.products .button {
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 2px 13px 2px;
	border: 1px solid #ccc;
	color: #444;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	font-family: novecento;
	overflow: visible;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
	
	/*Border radius*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	/*Background*/
	background: #fff; /*Fallback*/
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 0 1px rgba(255,255,255,0.6), 
						0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 0 1px rgba(255,255,255,0.6), 
					0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 0 1px rgba(255,255,255,0.6), 
				0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/;
	
	/* Animation */
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
}

a.button.loading, input.button.loading, button.button.loading {
	filter:~"alpha(opacity=50)";
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

a.button.loading:before, input.button.loading:before, button.button.loading:before, a.button.added:before, input.button.added:before, button.button.added:before  {
	content:"";
	position: absolute;
	height:16px;
	width:16px;
	top:4px;
	right:-26px;
	text-indent: 0;
}

a.button.loading:before, input.button.loading:before, button.button.loading:before {
	background: url(images/ajax-loader.gif) no-repeat;
}

a.button.added:before, input.button.added:before, button.button.added:before {
	background: url(images/ico-tick.png) no-repeat;
}

input.button, button.button, input.button.alt, button.button.alt {
	padding:5px 13px;
}
	
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}

a.button:hover, 
.button.alt:hover,
.button:hover,
input.button:hover,
button.button:hover,
a.button.hover, 
a.button.active,
#featured-products ul.products .button:hover {
	text-decoration: none !important;
	color:#222;
	border-color:#98E76B;
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #fefefe),
					color-stop(1, #f1f1f1)
				);
	background: -moz-linear-gradient(
					center top,
					#fefefe 20%,
					#f1f1f1 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 0 1px rgba(255,255,255,0.6), 
						0 1px 6px #acd8e9 /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 0 1px rgba(255,255,255,0.6), 
					0 1px 6px #acd8e9 /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 0 1px rgba(255,255,255,0.6), 
				0 1px 6px #acd8e9 /*Shadow*/;
}

.quantity { border: 0px !important; }

.single_add_to_cart_button {
	width: 300px;
	font-size: 32px !important;
	text-shadow: 0px 0px 0px #404040;
	box-shadow: 0px 0px 0px #ddd;
	margin-top: 20px !important;
	border: 1px solid #98c76b !important;
	background: #8EFF86 !important;
	border-left: 10px solid #21CA12 !important;
	color: #075001 !important;
}

.single_add_to_cart_button:hover {
	border-left: 1px solid #98E76B !important;
	
}



/* 6.1.1 Comment Reply Link */
a.comment-reply-link {
	border: 1px solid #d5d5d5;
	border-bottom-color: #e6e2e2;
	color: #888 !important;
	text-shadow: 0 1px 0 white;
	
	/*Background*/
	background: #e8e8e8; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #f3f3f3),
					color-stop(1, #e6e6e6)
				);
	background: -moz-linear-gradient(
					center top,
					#f3f3f3 20%,
					#e6e6e6 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
						0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 
					0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
a.comment-reply-link:hover,
a.comment-reply-link.hover,
a.comment-reply-link.active { color:#666; }


/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick, .woocommerce_message, .woocommerce_error, .woocommerce-message, .woocommerce-error {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; overflow: hidden; zoom:1; clear: left; }
p.alert, .woocommerce_error, .woocommerce-error { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
ul.woocommerce_error, ul.woocommerce-error { list-style: none; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick, .woocommerce_message, .woocommerce-message { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
.woocommerce_message .button, .woocommerce-message .button { float: right; margin:0; margin-top:-3px; margin-bottom:-3px; }

/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}

/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }

/* 6.5 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; }
#archives .archives_list .linked { width: 270px; display: inline-block; }
#archives .archives_list .comments { width: 100px; display: inline-block; }
#archives .archives_list .comments a { color: #808080; font-style: italic; text-decoration: underline; padding-left: 13px;  }
#archives .archives_list .comments a:hover { text-decoration: none; }

/* 6.6 Tables */

table { border:1px solid #e6e6e6; border-right:0; border-bottom:0; width:100%; border-collapse: separate; margin-bottom:1em; }
table td, table th { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 8px; vertical-align: top; }
table th { background: #f6f6f6; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); text-align: left; font-weight: normal; color:#333; }

/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE SPECIFICS */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Demo store notice */
p.demo_store {
	position: fixed;
	top:0;
	left: 0;
	right:0;
	background: #ffd9c8;
	text-align: center;
	padding:8px 0;
	z-index: 999999;
	border-bottom:2px solid #f0baa2;
}

/* 7.2 Star Ratings */

.star-rating {
	float: right;
	width: 80px;
	height: 16px;
	background: url(images/star.png) repeat-x left 0;
}

.star-rating span {
	background: url(images/star.png) repeat-x left -32px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	float: left;
}

p.stars {
	overflow: hidden;
	zoom: 1;
}

p.stars span {
	width: 80px;
	height: 16px;
	position: relative;
	float: left;
	background: url(images/star.png) repeat-x left 0;
}

p.stars span a {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
}

p.stars span a:hover, p.stars span a:focus {
	background: url(images/star.png) repeat-x left -16px;
}

p.stars a.active {
	background: url(images/star.png) repeat-x left -32px;
}

p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; }
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }

/* Sidebar / footer stars */

#sidebar .star-rating, #footer-widgets .star-rating {
	width: 60px;
	height: 12px;
	background: url(images/star-small.png) repeat-x left 0;
	margin-top:2px;
	float:none;
}

#sidebar .star-rating span, #footer-widgets .star-rating span {
	background: url(images/star-small.png) repeat-x left -24px;
	padding-top: 12px;
}

#sidebar p.stars span, #footer-widgets p.stars span {
	width: 60px;
	height: 12px;
	background: url(images/star-small.png) repeat-x left 0;
}

#sidebar p.stars span a, #footer-widgets p.stars span a {
	width: 12px;
	padding-top: 12px;
}

/*#sidebar p.stars span a:hover, #sidebar p.stars span a:focus {
	background: url(images/star-small.png) repeat-x left -12px;
}

#sidebar p.stars a.active {
	background: url(images/star-small.png) repeat-x left -24px;
}

#sidebar p.stars span a.star-1 { width: 12px; z-index: 10; }
#sidebar p.stars span a.star-2 { width: 24px; z-index: 9; }
#sidebar p.stars span a.star-3 { width: 36px; z-index: 8; }
#sidebar p.stars span a.star-4 { width: 48px; z-index: 7; }
#sidebar p.stars span a.star-5 { width: 60px; z-index: 6; }*/

/* 7.3 Single Product Page */
.single-product h1 { font-size: 49px; padding: 25px 30px 30px; border-left: 10px solid #ed1c24; background: white; margin-bottom: 20px; line-height: 1em; }	

.single-product #container {
	background: transparent;
}

.single-product #content {
	padding: 0px;
	width: 980px;
}

.single-product #main {
	padding: 0px;
	width: 980px;
}

.summary table, .summary td { border: 0px; }

.summary table td:nth-child(odd) { text-align: right; width: 31%; }

.single-product .type-product { position: relative; }
.single-product .product del { color:#ccc; display: none;}
.single-product .product .single_variation del { color:#ccc; display: inline;}
.single-product .product ins { text-decoration: none; }
.single-product .product .images, .single-product .product .summary { background: white; margin-bottom:20px; } 
.single-product .product .images { width:180px; float: left; }
.single-product .product .images img { width:160px; height: auto; padding: 9px; border:1px solid #e6e6e6; margin-bottom:12px; }
.single-product .product .images .thumbnails { overflow: hidden; zoom:1; width: 540px; margin-left: 9px;}
.single-product .product .images .thumbnails img { padding:0; border:0; width: 240px; float: left; margin-right:3.8%; margin-bottom:20px; }
.single-product .product .images .thumbnails .first { float: left; margin: 0 20px 0 0;}
.single-product .product .summary { width:300px; float:right; }
.single-product .product .summary h1.product_title { color:#333; padding:0 0 5px; margin:0; }
.single-product .product .summary p { margin-bottom:10px;}
.single-product .product .summary .price { width: 290px; color:#404041; font-weight: normal; padding: 10px 25px 10px 0px; font-family: novecento; font-size: 72px; text-align: center; background: #fff; margin-bottom: 0px; border-top: 1px solid #eee; border-bottom: 1px solid #ddd;}
.single-product .product .summary .stock { padding-left:25px; margin:5px 0 15px; background: url(images/ico-tick.png) no-repeat left 2px; }
.single-product .product .summary .stock.out-of-stock { background: url(images/ico-alert.png) no-repeat left 2px; }
.single-product .product .summary form.cart { margin-bottom:.618em; overflow: hidden; zoom:1; padding-top:.618em; border-top:1px solid #e6e6e6; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQIHWP4//8/AwgDgSScARVgkITJAgBsFBI6bme1aQAAAABJRU5ErkJggg==) top repeat-x; /* diagonal texture */ }
.single-product .product .summary form.cart .quantity { float: left; }
.single-product .product .summary form.cart .button { float: right; margin:0; }
.single-product .product .summary form.cart table.variations {  border:0;}
.single-product .product .summary form.cart table.variations td { vertical-align: middle; font-weight: bold; border:0; padding-left:0; }
.single-product .product .summary .single_variation { border-left: 0px !important; }
.single-product .product .summary .single_variation .stock { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px; }
.single-product .product .summary .single_variation .price { display: block; padding:0 0 .618em; font-size:1.30769em; background: transparent; border: 0px; }
.single-product .product .product_meta { font-size:0.8751em; }
.single-product .product .summary .group_table { border:0; margin-bottom:10px; }
.single-product .product .summary .group_table td, .single-product .product .summary .group_table th { padding:0 8px 8px 0; border: 0; }
.single-product .product .summary .group_table .quantity { min-width: 74px; }
.single-product .product .summary .group_table td.price { padding:0 8px 8px 0; min-width: 80px; }
.single-product .product .summary .group_table td.price .stock { display: none; margin-bottom:0; }
.single-product .product .summary .group_table td.price .stock.out-of-stock { display: block; background: url(images/ico-cross-small.png) left no-repeat; padding-left:16px; margin-top:0 !important; }
.single-product .product .shop_attributes th { width:175px; }
.single-product .product .shop_attributes p { margin:0 !important; }

.single-product .product #tabs { clear: both; }

.reset_variations {display: none !important;}

.upsells ul { margin-left:0; }

/* 1 column single product */
.single-product.layout-full .images { width:520px; padding: 25px;}
.single-product.layout-full .images img { width:500px; }
.single-product.layout-full .summary { width:300px; padding: 25px; background-image: url("http://www.yospeed.com/wp-content/themes/wootique/images/diagonal.gif"); border: 20px solid white;}
.single-product.layout-full .related, .single-product.layout-full .upsells { width: 898px; padding: 0px 40px; background: white; margin: 30px 0 0 1px; }
.single-product.layout-full .related { float: left; }
.single-product.layout-full .upsells { float: right; }
/*.single-product.layout-full #comments .commentlist li.comment .comment-text { width:822px; }*/

/* 7.3.1 Reviews */
.single-product #comments { margin-top:0; padding:0; border-top:0; }
.single-product .hreview-aggregate .star-rating { margin-top:1.618em; background: url(images/star.png) repeat-x left 0; }
.single-product #comments .commentlist li.comment { overflow: hidden; zoom:1; background: none !important; border:0 !important; clear: left; margin-bottom:1em; }
.single-product #comments .commentlist li.comment p { margin-bottom:1em; }
.single-product #comments .commentlist li.comment p.meta { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:6px 0; }
.single-product #comments .commentlist li.comment img { width:11.45%; padding:1%; background: #fff; margin:1px 0 0 2px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); height: auto; float: left; }
.single-product #comments .commentlist li.comment .comment-text { width:82.7%; float: right; }
.single-product #comments .commentlist li.comment .comment-text .star-rating { margin-top:7px; }
#fancybox-content #review_form { padding:30px; background:#eef2f5; }
#fancybox-content #respond { margin-top:0; }
#fancybox-content #respond label { display: block; font-weight: bold; }
#fancybox-wrap table { background: none; }

/* 7.4 Quantity Incrementer */
.quantity .plus, .quantity .minus, .quantity input { margin:0; border:0; padding:3px 6px; }
.quantity .plus, .quantity .minus { background:#EEE; border:1px solid #ccc; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); cursor: pointer; }
.quantity .plus:hover, .quantity .minus:hover { background-position: top; }
.quantity .minus { -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius:3px 0 0 3px; }
.quantity .plus { -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-radius:0 3px 3px 0; }
.quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:16px; text-align: center; min-width: 30px; }
/* Disable input[type=number] buttons until the world is ready */
	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
		display:none;
	}

/* 7.5 User Account Section */
header.title { overflow: hidden; zoom:1; }
header.title h3 { float: left; padding:0; }
header.title a { float: right; }
.addresses address { clear: both; }
.required { color: red; }
.woocommerce-account table { font-size:0.8751em; }
.woocommerce-account h2 { margin-bottom:0; }
.woocommerce-account .shop_table .button { margin:0; }

/* 7.5.1 Order tracking */
ol.commentlist.notes { padding-left:0; }
ol.commentlist.notes li.note { list-style: none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; }
ol.commentlist.notes li.note:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
ol.commentlist.notes li.note p.meta { font-weight: bold; }

/* 7.6 Cart */
table.cart, .shop_table { margin-bottom:40px; }
table.cart img { padding:0; width:32px; height:auto; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
table.cart td.actions .coupon label { display: none; }
table.cart dl.variation { overflow: hidden; zoom:1; }
.shop_table dl.variation dt, .shop_table dl.variation dd { float: left; margin-right:2px; }
.shop_table dl.variation dt { }
.shop_table dl.variation dd { margin-right:18px; font-style: italic; }
.cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:48%; }
.cart-collaterals .cross-sells { float: left; }
.cart-collaterals .cart_totals { float: right; }
.cart-collaterals .shipping_calculator { float:right; clear: right; }
.cart-collaterals .shipping_calculator .col2-set { clear: left; overflow: visible; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:48%; }
.cart-collaterals .cart_totals table small { display: block; }
.cart-collaterals .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:48%; list-style: none; }
.cart_totals select { width:100%; }

/* 7.7 Checkout */
.woocommerce-checkout form.login { overflow:hidden; zoom:1; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
.woocommerce-checkout form.login button { margin-left:0; }
#shiptobilling { float: right; margin-top:2.3em; margin-bottom:0; }
#shiptobilling input { float: left; width: auto; }
.form-row.notes { width:100%; }
.checkout .create-account { clear: left; }
.checkout .form-row.vat-number { width:100%; }
ul.payment_methods { margin-left:0; padding:0; list-style: none; }
ul.payment_methods li { list-style: none; margin-bottom:10px; }
ul.payment_methods li img { padding:0; border: 0; vertical-align: bottom; margin-left:6px; }
ul.payment_methods .payment_box { padding: 12px; border:1px solid #e6e6e6; background: #f6f6f6; margin-bottom:20px; margin-top:10px; }
ul.payment_methods .payment_box p { margin:0; }

.payment_box fieldset { margin-bottom:0; }
.payment_box .form-row .woocommerce-select { width:30.75%; float: left; margin-right:3.8%; }

ul.payment_methods + .form-row { width:100%; }
ul.payment_methods + .form-row label { display: inline; }
ul.payment_methods + .form-row input { width:auto; float: left; }
#place_order { float: right; }

/*-------------------------------------------------------------------------------------------*/
/* 8. UNIFORM JS */
/*-------------------------------------------------------------------------------------------*/


/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}



/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active, 
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; 
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 14px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: centre;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: centre;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
  border-left: 0px !important;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
  float: left;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: centre;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: centre;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: centre;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}


/*-------------------------------------------------------------------------------------------*/
/* 9. IE Fixes */
/*-------------------------------------------------------------------------------------------*/


/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a {  color:#555 !important; }
.ie6 .slide-content { background: #000; }

/* IE7 */
.ie7  { overflow-x: hidden; }
.ie7 * { overflow-x:visible; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie7 .slide-content { background: #000; }
.ie7 #featured-products ul.featured-products li.flipper .back { display: none; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.button, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-products ul.products .button { padding:4px 10px; }
.ie7 .page-template-onecolumn-page-php #main, .ie7 .layout-full #main  { padding-left:0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }
.ie7 div.selector { width:180px; padding-right:10px; }


/* IE8 */
.ie8 .button:visited {  padding:10px 15px; margin:0; }
.ie8 .slide-content { background: #000; }
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }
.ie8 #featured-products ul.featured-products li.flipper .back { display: none; }

/* All */
.ie8 #navigation, .ie7 #navigation, .ie6 #navigation, .ie8 #footer, .ie7 #footer, .ie7 #footer {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); /* alpha channel is the first pair in the value of HEX */
	zoom: 1;
}