Woo Tique

/*
Theme Name: Wootique

Theme URI: http://www.woothemes.com/
Version: 1.6.9
Description: A free <a href="http://woothemes.com">Woo Theme</a> designed for us
e 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 fil
e. 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. UNIFORM JS
9. 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,iVBORw0KGgoAAAANSUhEUgAAAA
QAAAAECAYAAACp8Z5+AAAAIklEQVQIHWNgYGCQ/P//PwMMM4IYyIAJxmFkZJQEsTFUAADQzg8royVN5A
AAAABJRU5ErkJggg==); 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 { tex
t-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-de
coration: 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: bord
er-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,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAAC
ZgbYnAAAAEElEQVQIHWNgYGCQZAISDAAAqgAcgutEqwAAAABJRU5ErkJggg==) bottom repeat-x r
gba(0,0,0,0.1); /* 1px transparent png */ clear: both; padding:0 50px; -webkit-b
order-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;paddin
g: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 l
i.current-menu-item a { color:#222 !important; background-color: #fff; text-deco
ration: 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; tex
t-shadow: none; }
.nav li { float:left; width: auto; margin-right:1px; }
.nav li:hover { background: #fff; -webkit-border-top-left-radius:3px; -webkit-bo
rder-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; displ
ay: block; color:#fff; background-image:url(images/ico-cart-light.png); backgrou
nd-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: #f
ff; color:#222; text-decoration: none !important; background-image:url(images/ic
o-cart.png); text-shadow: none;
}
a.checkout-link { background-image: url(images/ico-checkout-light.png); backgrou
nd-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-borde
r-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-bord
er-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='#f
fffff', EndColorStr='#f6f6f6'); /* IE6IE9 */
}
.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-repea
t;position:absolute;display:block;right:0.6em;top:1.5em;width:10px;height:10px;t
ext-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) n
o-repeat;}
#navigation #nav-home a { padding:15px 20px 13px; height: 18px; width: 17px; dis
play: 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); -mo
z-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-de
coration: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; wid
th: 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-bor
der-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: n
one; 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; -we
bkit-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-bor
der-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: 16p
x; right:2px; top:4px; background: #fff; }
/* 2.4 Content */
#content{ width:880px; padding:50px; background: url(images/sidebar-right.png) 1
0px 0 repeat-y; }
#content h1:first-child { padding-top:0; }
.page-template-template-fullwidth-php #content, .layout-full #content { backgrou
nd: 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:2p
x; 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.first { clear: left; }
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-sh
adow:0 0 3px rgba(0,0,0,0.25); box-shadow:0 0 3px rgba(0,0,0,0.25); -webkit-tran
sition: 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 .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-bor
der-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); bord
er-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%; }
/* 2 columns */
#footer-widgets.col-2 .block { width:48%; float: left; margin-right:3.8%; }
/* 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);
6f6f6', EndColorStr='#ffffff'); /* IE6IE9 */
}
#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; paddin
g-top:0.437em; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -webki
t-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; bord
er-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:50px 0 0 50px; -web
kit-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: hidd
en; zoom:1; padding-top:10px !important; padding-left:2px; }
#featured-products ul.featured-products li { width:193px; margin-right:36px; flo
at: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; -webk
it-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 .jcar
ousel-prev { display: block; height:25px; width:25px; cursor: pointer; float: le
ft; position: absolute; top:25px; right:50px; }
#featured-products.fp-slider .jcarousel-next { background: url(images/btn-feat-r
ight.png) left bottom no-repeat; }
#featured-products.fp-slider .jcarousel-prev { background: url(images/btn-feat-l
eft.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-sli
der .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;
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;
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);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
#featured-products ul.featured-products li.flipper:hover .back {
z-index: 1000;
-webkit-transform: rotatey(0deg);
-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-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);
fffff', EndColorStr='#f6f6f6'); /* IE6IE9 */
}
.breadcrumb-trail { padding:8px 50px; border-bottom:1px dotted #e0e2e4; text-sha
dow:0 1px 0 rgba(255,255,255,.9); }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; pa
dding: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; paddi
ng: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-le
ft: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; f
ont-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, na
v {
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 !i
mportant; background: #EEEEEE !important;color: #666 !important; padding: 3px 7p
x !important; border:1px solid #DDDDDD !important; -webkit-border-radius:2px; -m
oz-border-radius:2px; border-radius:2px;}
.woo-pagination .current,
.woo-pagination .on,
.woo-pagination a:hover { padding: 3px 7px !important; background: #ddd !importa
nt; border:1px solid #bbb !important;-webkit-border-radius:2px; -moz-border-radi
us: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 do
tted #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:5
0%; 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, .w
oocommerce-result-count + ul.products, .woocommerce-ordering + ul.products { cle
ar: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', En
dColorStr='#eeeeee'); /* IE6IE9 */
-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; -web
kit-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; pad
ding: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; bo
rder-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER
*/
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-he
ight: 18px!important; background: none!important; border: none!important; } /* R
ESET <A> 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:#77
7; 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:#9E9E
9E;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; ba
ckground:#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; p
adding: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 1
px 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 { bo
rder: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; colour: #5555
55; }
.widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .u
i-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_p
rice_filter .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-head
er .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-ra
dius: 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 soli
d #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; margi
n-left: -.6em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 10
0%; }
.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 10
px; 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*/
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); /* Chr
ome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #fefefe, #e5e5e5); /* FF3
.6 */
background-image: -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE1
0 */
background-image: -o-linear-gradient(top, #fefefe, #e5e5e5); /* Ope
ra 11.10+ */
background-image: linear-gradient(top, #fefefe, #e5e5e5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefef
e', EndColorStr='#e5e5e5'); /* IE6IE9 */
/*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) /*Shi
ne*/,
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 {
/*Background*/
background: #ffffff; /*Fallback*/
ffffff), to(#e5e5e5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chr
ome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3
.6 */
background-image: -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE1
0 */
background-image: -o-linear-gradient(top, #ffffff, #e5e5e5); /* Ope
ra 11.10+ */
background-image: linear-gradient(top, #ffffff, #e5e5e5);
}
.widget_price_filter .price_slider_wrapper .button { margin-left:0; }
/* 4.3 WooTabs */
#tabs, .woocommerce_tabs, .woocommerce-tabs { height:auto; display: block; pad
ding: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,iVBORw0KGgoAAAANSUhEU
gAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAA
ElFTkSuQmCC) 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, .woocommerc
e-tabs ul.tabs li { float: left; display:inline; color: #ffffff; margin:0px; cur
sor: 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.ac
tive a, #tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocomm
erce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li a:hover, .woocommerc
e-tabs ul.tabs li.active a { background:#fff; text-decoration:none !important; m
argin-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 12
px; border:1px solid rgba(0,0,0,0.1); border-bottom:0; margin-bottom:3px; -webki
t-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-r
adius:3px 3px 0 0; border-radius:3px 3px 0 0; }
#tabs ul.wooTabs li a { padding:3px 6px; display: block; float: left; margin-rig
ht:1px; color:#777; border:1px solid rgba(0,0,0,0.1); border-bottom:0; backgroun
d: #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; bac
kground: #fff; }
#tabs .inside li { padding-bottom:1em; margin-bottom:1em; border-bottom:1px dott
ed 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: lef
t;}
.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 { padd
ing-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 1
em 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-le
ft:0 !important; margin-bottom:0; border:1px solid rgba(0,0,0,0.1); border-botto
m:0; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -m
oz-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-bott
om:0; border-bottom:0; }
.widget_shopping_cart p.total { margin-bottom:0; text-shadow:0 1px 0 rgba(255,25
5,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,iVBORw0KGgoAAAANSUhEU
gAAAAMAAAADCAYAAABWKLW/AAAAG0lEQVQIHWNkYGCQBGII+P//P4ghCaUhDBAHAJvGDEHlDzesAAAAA
ElFTkSuQmCC) top repeat-x; /* diagonal texture */ padding-top:1em; padding-botto
m: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); -webk
it-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-bo
x-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); -moz-bo
x-shadow:inset 0 0 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(255,255,255,0.7); box-sha
dow: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 .searchf
orm 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:1
8px; 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; p
adding: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-ra
dius: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: no
ne; }
#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; dis
play: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-lin
k, #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*/
border-radius: 3px;
/*Background*/
background: #237fd7; /*Fallback*/
fefefe), to(#e5e5e5)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fefefe, #e5e5e5); /* Chr
ome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #fefefe, #e5e5e5); /* FF3
.6 */
background-image: -ms-linear-gradient(top, #fefefe, #e5e5e5); /* IE1
0 */
background-image: -o-linear-gradient(top, #fefefe, #e5e5e5); /* Ope
ra 11.10+ */
background-image: linear-gradient(top, #fefefe, #e5e5e5);
/*Box shadow*/
inset 0 0 0 1px rgba(255,255,255
,0.6),
0 1px 2px hsla(0, 0%, 0%, .1) /*
Shadow*/;
inset 0 0 0 1px rgba(255,255,255,0.6),
0 1px 2px hsla(0, 0%, 0%, .1) /*Shadow*/
;
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:befo
re, 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:befo
re {
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 {
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*/
inset 0 0 0 1px rgba(255,255,255
,0.6),
0 1px 6px #acd8e9 /*Shadow*/;
inset 0 0 0 1px rgba(255,255,255,0.6),
inset 0 0 0 1px rgba(255,255,255,0.6),
}
/* 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*/
inset 0 0 2px hsla(0,100%,100%,.
1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7)
/*Shadow*/;
inset 0 0 2px hsla(0,100%,100%,.1) /*Shi
ne*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow
*/;
inset 0 0 2px hsla(0,100%,100%,.1) /*Shi
ne*/,
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_mes
sage, .woocommerce_error, .woocommerce-message, .woocommerce-error { margin:10p
x 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; back
ground:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick, .woocommerce_message, .woocommerce-message { border-top:1px solid #d4eba
f; 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; backgrou
nd:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
.woocommerce_message .button, .woocommerce-message .button { float: right; margi
n: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:rela
tive;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; wid
th: 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: 7
px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !importan
t; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120
px !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-st
yle-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 1
5px 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: itali
c; 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%; b
order-collapse: separate; margin-bottom:1em; }
table td, table th { border-right:1px solid #e6e6e6; border-bottom:1px solid #e6
e6e6; 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 {
}
p.stars a.active {
}
p.stars span a.star-1 { width: 16px; z-index: 10; }
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 {
}
#sidebar p.stars a.active {
}
#sidebar p.stars span a.star-1 { width: 12px; z-index: 10; }
#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-bot
tom: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; paddi
ng: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/i
co-alert.png) no-repeat left 2px; }
.single-product .product .summary form.cart { margin-bottom:.618em; overflow: hi
dden; zoom:1; padding-top:.618em; border-top:1px solid #e6e6e6; background: url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQIHW
P4//8/AwgDgSScARVgkITJAgBsFBI6bme1aQAAAABJRU5ErkJggg==) top repeat-x; /* diagona
l 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 s
olid #e6e6e6; padding-bottom:10px; margin-bottom:10px; }
.single-product .product .summary .single_variation .price { display: block; pad
ding: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 .sum
mary .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; m
in-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 { di
splay: block; background: url(images/ico-cross-small.png) left no-repeat; paddin
g-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 { wid
th: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; ba
ckground: 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 sol
id #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%; f
loat: right; }
.single-product #comments .commentlist li.comment .comment-text .star-rating { m
argin-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); cur
sor: pointer; }
.quantity .plus:hover, .quantity .minus:hover { background-position: top; }
.quantity .minus { -webkit-border-top-right-radius:0; -webkit-border-bottom-righ
t-radius:0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; b
order-radius:3px 0 0 3px; }
.quantity .plus { -webkit-border-top-left-radius:0; -webkit-border-bottom-left-r
adius: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; -webki
t-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-bot
tom:15px; border-bottom:1px solid #eee; }
ol.commentlist.notes li.note:last-child { padding-bottom:0; margin-bottom:0; bor
der-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-r
ight: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-collateral
s .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: visibl
e; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:4
8%; }
.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; backg
round: #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-r
ight: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 {
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
}
div.selector.disabled {
}
div.selector.disabled span {
}
/* 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 {
}
div.checker.focus span,
div.checker:hover span {
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
}
div.checker span.checked {
}
div.checker:active span.checked,
div.checker.active span.checked {
}
div.checker.focus span.checked,
div.checker:hover span.checked {
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
}
div.radio:active span,
div.radio.active span {
}
div.radio.focus span,
div.radio:hover span {
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
}
div.radio span.checked {
}
div.radio:active span.checked,
div.radio.active span.checked {
}
div.radio.focus span.checked, div.radio:hover span.checked {
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
}
/* Uploader */
div.uploader {
height: 28px;
}
div.uploader span.action {
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 {
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
}
div.uploader.active span.action,
div.uploader:active span.action {
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
}
div.uploader.disabled {
}
div.uploader.disabled span.action {
}
div.button {
}
div.button span {
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
}
div.button.active,
div.button:active {
}
div.button.active span,
div.button:active span {
color: #555;
}
div.button.disabled,
div.button:disabled {
}
div.button.disabled span,
div.button:disabled span {
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: 12px;
}
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;
}
width: 85px;
text-align: centre;
text-shadow: #fff 0px 1px 0px;
font-size: 11px;
font-weight: bold;
}
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;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader inpu
t:focus {
outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
line-height: 1;
text-align: centre;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
text-align: centre;
}
div.checker input {
opacity: 0;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
text-align: centre;
}
div.radio input {
opacity: 0;
text-align: centre;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
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-weigh
t: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 #featured-products ul.featured-products li.flipper .back { display: none; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.but
ton, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-produc
ts 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 .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=#5000000
0,endColorstr=#50000000); /* alpha channel is the first pair in the value of HEX
*/
zoom: 1;
}

Woo Tique

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Woo Tique

Uploaded by

Copyright:

Available Formats

/*

Theme Name: Wootique

You might also like