/*
Theme Name: Wootique
Theme URI: http://www.woothemes.com/
Version: 1.6.14
Description: A free Woo Theme designed for use with WooCommerce.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/* Default styles */
@import url("css/reset.css");
/*-------------------------------------------------------------------------------------------
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. IE FIXES
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
html { font-size: 62.5%; background-color: #6e95b6; }
body { font-size:1.4em; line-height: 1.7142em; color: #777; }
#wrapper { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIHWNgYGCQ/P//PwMMM4IYyIAJxmFkZJQEsTFUAADQzg8royVN5AAAAABJRU5ErkJggg==); padding-bottom:1.618em; /* dotted texture */ }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
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);
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: #6e95b6; 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 */
#container { background: #fff; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.1); -moz-box-shadow:0 0 40px rgba(0,0,0,0.1); box-shadow:0 0 40px rgba(0,0,0,0.1); }
#main{width:504px; padding-right:40px; }
.layout-full #main, #main.fullwidth { width:880px; }
#sidebar{width:280px;}
.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{z-index:9999; width:880px; border-top:1px solid rgba(255,255,255,0.2); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEElEQVQIHWNgYGCQZAISDAAAqgAcgutEqwAAAABJRU5ErkJggg==) bottom repeat-x rgba(0,0,0,0.1); /* 1px transparent png */ clear: both; padding:0 50px; -webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0; }
#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; color:#fff !important; display:block; z-index:100; padding:15px 20px;text-decoration:none; text-shadow: 0 1px 0 rgba(0,0,0,0.25); }
.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; }
a.cart-button, a.checkout-link { float:right; padding:10px 20px 11px 40px; display: block; color:#fff; 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); }
a.cart-button:hover, a.checkout-link: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;
}
a.checkout-link { background-image: url(images/ico-checkout-light.png); background-position: 16px 16px; background-repeat: no-repeat; }
a.checkout-link:hover { background-image: url(images/ico-checkout.png); }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #fff; position: absolute; left: -999em; width: 200px; 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: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.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.account:hover, #account-nav li.checkout:hover {opacity:1}
/* 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; }
#logo { float:left; margin-left:50px; }
#logo h1 { padding:0; }
#logo h1.site-title { padding:1.143em 0 0.437em; }
#logo img { padding:1.143em 0 0.437em; }
#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; margin-top:3.5em; margin-right:49px;}
#search-top input.field { background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#777; padding:9px 25px 9px 12px; width:180px; margin-right:1px;
-webkit-box-shadow:
0 0 0 2px rgba(255,255,255,0.3),
0 0 0 1px rgba(0,0,0,0.4),
inset 0 0 3px rgba(0,0,0,0.1);
}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; right:2px; top:4px; background: #fff; }
/* 2.4 Content */
#content{ width:880px; padding:50px; background: url(images/sidebar-right.png) 10px 0 repeat-y; }
#content h1:first-child { padding-top:0; }
.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 .added_to_cart { display: block; padding-top:.5em; }
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.product.first { clear: left; }
ul.products li.product.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: #d23d46;
padding:2px 12px 2px 8px;
font-size:0.8751em;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.25);
}
ul.products li.product.post {
clear: none;
}
ul.products li .price:before {
content: "";
border:14px solid red;
border-right-width:2px;
border-color:#d23d46 #d23d46 #d23d46 transparent;
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 {
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; }
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
/* 2.6 Footer */
#footer{padding: 20px 50px 0; width:880px; background: rgba(0,0,0,0.05); -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}
#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; width:880px; background: rgba(0,0,0,0.025); border-top:10px solid rgba(0,0,0,0.015); overflow: hidden; zoom:1; }
#footer-widgets .block h3 { border:none; margin: 0 0 20px 0; padding:0 0 20px;}
/* 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 */
#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: url(images/featured-products.png) #f1f1f1; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:50px 0 0 50px; -webkit-box-shadow: inset 0 0 0 6px rgba(0,0,0,0.025); -moz-box-shadow: inset 0 0 0 6px rgba(0,0,0,0.025); box-shadow: inset 0 0 0 6px rgba(0,0,0,0.025); }
#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 { width:193px; margin-right:36px; float:left; list-style: none; position: relative; -webkit-perspective: 700; height:202px;
-webkit-animation-name:popin;
-webkit-animation-duration:.5s;
-webkit-animation-iteration-count:1;
}
#featured-products ul.featured-products li { margin-bottom: 40px; }
#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; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#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;
height: 170px;
margin:2px;
padding:10px;
z-index: 900;
background: #fff;
text-align: centre;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
#featured-products ul.featured-products li.flipper .front a {
overflow: hidden;
display: block;
max-height: 170px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#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;
width: 100%;
height: 160px;
width:148px;
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-family: 'Varela Round', sans-serif; font-weight: 300; margin:0; line-height:1.7142em; color:#333; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1, .site-title { font-size:2.618em; padding:1.143em 0 0.437em; }
h2 { font-size:1.849em; padding:1.143em 0 0.437em; }
h3 { font-size:1.618em; padding:1.143em 0 0.4376em; }
h4 { font-size:1em; padding:1.143em 0 0.706em; }
p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav {
margin: 0 0 1.7142em 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; }
.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: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; text-align:center; }
/* 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; }
.woo-pagination, .nav-entries { padding-top:.5em; border-top:1px dotted #ddd; }
.woo-pagination, .nav-entries { width:50%; float: left; text-align: left !important; }
.woocommerce_result_count, .woocommerce-result-count { width:50%; float:left; }
.woocommerce_ordering, .woocommerce-ordering { width:50%; float: right; text-align: right; }
.woocommerce_ordering div.selector span, .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; }
#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 */
/*-------------------------------------------------------------------------------------------*/
/* 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 STYLING FOR RECENT COMMENT & TWITTER */
/* 4.2 Specific Widgets */
/* 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; }
#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; }
#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; }
#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; }
.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;clear:both; }
#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-size:1em !important;
font-family: inherit;
overflow: visible;
text-shadow:0 1px 0 rgba(255,255,255,0.9);
/*Border radius*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*Background*/
background: #237fd7; /*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 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:#9ebac3;
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*/;
}
/* 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-info, .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, .woocommerce-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; }
ul.products .star-rating {
float: none;
margin:0 auto .5em;
}
/* 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 .type-product { clear: left; position: relative; }
.single-product ul.products .type-product { clear:none; }
.single-product ul.products .type-product.first { clear:both; }
.single-product .product del { color:#ccc; }
.single-product .product ins { text-decoration: none; }
.single-product .product .images, .single-product .product .summary { 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; }
.single-product .product .images .thumbnails img { padding:0; border:0; width:30.75%; float: left; margin-right:3.8%; margin-bottom:8px; }
.single-product .product .images .thumbnails .first { clear: left; }
.single-product .product .images .thumbnails .last img { margin-right: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 { color:#222;font-weight: normal; padding:10px 0; }
.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; border:0; padding-left:0; }
.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; }
.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 .quantity.buttons_added { min-width: 41px; }
.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; }
.upsells ul { margin-left:0; }
/* 1 column single product */
.single-product.layout-full .images { width:336px; }
.single-product.layout-full .images img { width:326px; }
.single-product.layout-full .summary { width:514px; }
.single-product.layout-full .related, .single-product.layout-full .upsells { width:48%; }
.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:#DFDFDF; 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. 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;
}