/*
Theme Name: WooStore
Theme URI: http://www.woothemes.com/
Version: 1.8.3
Description: Designed by Magnus Jepson.
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! :)
$
*/
/*-------------------------------------------------------------------------------------------
INDEX:
0. RESET
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.2 Featured Products
-2.4.3 Product Gallery
-2.5 Sidebar
-2.6 Footer
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.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity forms
-6.5 Timeline Template
-6.6 Tables
-6.7 Business Template
-6.8 WooDojo
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. SLIDER
9. UNIFORM JS
10. IE FIXES
11. CSS3 Effects
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
body, html { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/
/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}
/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}/* http://sonspring.com/journal/clearing-floats */
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #555; background:#e2e5e9; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; font-weight:normal; margin-bottom:10px; line-height:1.5; }
h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0; font:12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif serif; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 9px 12px 9px 12px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; font-size: 12px;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #3088ff; text-decoration:none;}
a:hover {text-decoration:underline !important;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { }
#container { border:1px solid #ccc; border:1px solid rgba(0,0,0,.25);}
#main{width:620px;}
.layout-full #main, .page-template-template-fullwidth-php #main { width:900px; }
#sidebar{width:250px;border-left:1px solid #e6e6e6;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 960px; margin: 0 auto; }
.layout-right-content #main.col-left { float: right; }
.layout-right-content #sidebar.col-right { float: left; border-left:0; border-right:1px solid #e6e6e6;}
.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[type=checkbox] { width:auto; float:left; }
.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; background:#dfdfdf url(images/bg-nav.png) repeat-x bottom; font:14px/14px Helvetica, Arial, sans-serif; border:1px solid #e9e9e9; padding:0; width:958px !important; border-top-left-radius: 6px; border-top-right-radius: 6px;}
#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; border-left:1px solid #ccc; border-right:1px solid #eee;}
.nav a { position:relative; color:#555 !important; display:block; z-index:100; padding:6px 15px 4px; line-height:36px!important; text-decoration:none; font-weight: bold; border-right:1px solid #ccc; border-left:1px solid #eee; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color:#222 !important; background: #ddd; text-decoration: none !important;}
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:25px; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #fff; position: absolute; left: -999em; width: 200px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li { background:#eee; border-top:1px solid #fff; border-bottom:1px solid #dbdbdb; }
.nav li ul li:first-child { border-top:1px solid #ccc; }
.nav li ul li a { width:170px; color:#555; font-size:0.8em; border:none; line-height: 28px;}
.nav li ul li a.sf-with-ul { padding:5px 15px; }
.nav li ul li a:hover { background:#eaeaea !important; color:#222 !important;}
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #e9e9e9; }
.nav li ul li.current_page_item a{ color:#222; background: #e9e9e9; }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.6em;top:1.5em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
#navigation #nav-home a { padding:15px 20px 13px; height: 18px; width: 17px; display: block; opacity:0.7;}
#navigation #nav-home a:hover { opacity:1; }
#account-nav {border:none;}
#account-nav li a{border:none;font-weight: normal;}
#account-nav li a:hover{background: none;}
#account-nav li.account {background: url(images/ico-account-nav.png) no-repeat 0 center; padding:0 5px; opacity:0.8;}
#account-nav li.checkout {background: url(images/ico-checkout-nav.png) no-repeat left center; padding:0 5px;opacity:0.8; clear: none;}
#account-nav li.account:hover, #account-nav li.checkout:hover {opacity:1}
#btn-cart { margin:7px 15px 0 0;}
#btn-cart a { background: transparent url(images/btn-cart-a.png) no-repeat scroll top right; color: #fff; display: block; float: left; font-size:13px; height: 30px; padding-right: 10px; text-decoration: none;font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; text-shadow:0 1px #555; }
#btn-cart a > span { background: transparent url(images/btn-cart-span.png) no-repeat;display: block;line-height: 22px;padding: 4px 5px 4px 46px;}
#btn-cart a:hover { background-position:bottom right; outline: none; text-decoration: underline; }
#btn-cart a:hover > span { background-position:bottom left;padding: 4px 5px 4px 46px;}
/* 2.2.2 Top Navigation (optional) */
#top { background: #000; }
#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 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 { background: #222 !important; }
#top .nav li ul { background: #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; font-size:0.9em; background: #222; }
#top .nav li ul li a:hover { background: #000 !important; }
#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{padding:40px 0 30px;clear:both;position:relative;}
#logo { float:left; }
#logo img { }
.site-title, .site-description { display:none; text-shadow: 0 1px #fff}
.site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
.site-title a:hover { text-decoration:underline; }
.site-description { color:#999; font:italic 14px Georgia, serif; }
#topad {float:right;}
#search-top {float:right;position:relative;}
#search-top label { display: none; }
#search-top .searchform {position: relative;}
#search-top input.field { background: #fff url(images/bg-input.png) repeat-x top left; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; right:0px; top:0px; }
/* 2.4 Content */
#content{ width:900px; padding:30px; background: #fff url(images/bg-gradient.png) repeat-x left 1px; border-top:1px solid #b7b5b6; border-bottom: 1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.25); }
.home-content { margin-bottom:30px; }
.home-content .post.type-post { border:none; }
/* 2.4.2 Featured Products */
#featured-products { margin-bottom: 30px; }
#featured-products h2 { font-size:18px; font-weight: bold; color:#333; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #ddd; }
#featured-products ul.products { border:0; }
#featured-products ul.products li.product { text-align: center; }
#featured-products ul.products li.product img { width:180px; float: none; }
#featured-products ul.products li.product .price, #featured-products ul.products li .button { float: none !important; }
#featured-products ul.featured-products li .img-wrap { position: relative; }
#featured-products ul.featured-products li .onsale { top:8px; left:42px;
-webkit-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.05);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.05);
}
#featured-products.fp-slider .jcarousel-clip { width:618px; overflow: hidden; }
#featured-products.fp-slider .jcarousel-item { width:268px; padding:20px; text-align: center; border-bottom:1px dotted #dbdbdb; ; }
#featured-products.fp-slider .jcarousel-item:nth-child(even) { border-left:1px dotted #dbdbdb; width:267px; }
#featured-products.fp-slider .jcarousel-item a:hover { text-decoration: none !important; }
#featured-products.fp-slider .jcarousel-item img { width:180px; height: auto; margin-bottom:10px; }
#featured-products.fp-slider .jcarousel-item h2 { border: 0; }
#featured-products.fp-slider .jcarousel-item .price { float: none !important; font-size:18px; color:#222;font-weight: bold; display: block; margin-bottom:6px; }
#featured-products.fp-slider .jcarousel-next, #featured-products.fp-slider .jcarousel-prev { display: block; height:23px; width:25px; cursor: pointer; float: left; position: absolute; top:-52px; right:0; }
#featured-products.fp-slider .jcarousel-next { background: url(images/btn-feat-right.png) left top no-repeat; border-left:1px solid #ccc; }
#featured-products.fp-slider .jcarousel-prev { background: url(images/btn-feat-left.png) left top no-repeat; right:25px; }
#featured-products.fp-slider .jcarousel-next:hover, #featured-products.fp-slider .jcarousel-prev:hover { background-position: left bottom; }
#featured-products.fp-slider .jcarousel-next-disabled, #featured-products.fp-slider .jcarousel-prev-disabled { opacity:0.5; }
/* 2.4.3 Product Gallery */
.product-gallery {position: relative;margin:0 0 30px;}
.product-gallery ul.products { border-top:0; }
.product-gallery h2 { font-size:18px; font-weight: bold; color:#333; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #ddd; }
ul.products { overflow: hidden; zoom:1; margin-bottom:20px; border-top:1px dotted #dbdbdb; }
ul.products li.product { width:44.5%; float: left; border-bottom:1px dotted #dbdbdb; overflow: hidden; zoom:1; padding:2.5%; position: relative; clear: none; }
ul.products li.first { clear: left;border-right:1px dotted #dbdbdb; }
ul.products img { width:90px; height: auto; float: left; margin:0 12px 0 0; padding:0; border:0; background: none; }
ul.products li.product a h3 { font-weight:bold; color:#555; font-size:14px; margin:5px 0 6px; display: block; font-family:sans-serif; }
ul.products li.product a:hover h3 { color:#111; }
ul.products li.product a:hover { text-decoration: none !important; }
ul.products li.product .price { font-size:18px; color:#222;font-weight: bold; display: block; margin-bottom:6px; float: left; margin-right:6px; }
ul.products li.product a.button { margin-left:0; background: none; border:0; padding:0; color:#3088FF !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-shadow:none; float: left; margin:3px 0 0 0 !important; }
ul.products li.product a.button:hover { text-decoration: underline !important; }
ul.products .added_to_cart { position: absolute; bottom:1em; right: 1em; }
ul.products .star-rating { float:left; margin-right:1em; }
.onsale {
background-color: #96c42e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#96c42e), to(#2ab536)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #96c42e, #2ab536); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #96c42e, #2ab536); /* FF3.6 */
background-image: -ms-linear-gradient(top, #96c42e, #2ab536); /* IE10 */
background-image: -o-linear-gradient(top, #96c42e, #2ab536); /* Opera 11.10+ */
background-image: linear-gradient(top, #96c42e, #2ab536);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#96c42e', EndColorStr='#2ab536');
border:1px solid #25a030;
position: absolute;
top:5px;
left:5px;
padding:1px 6px;
font-size:11px;
text-align: center;
font-weight: bold;
color:#fff;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;
border-radius:20px;
z-index: 999;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.2);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.4),
0 1px 2px rgba(0,0,0,0.2);
}
ul.products li del { color:#ccc; }
ul.products li ins { text-decoration:none; }
ul.products li.sub-category { text-align: center; }
ul.products li.sub-category img { float:none; }
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { margin-left:25px; }
.layout-right-content #sidebar .primary { margin-left:0; }
/* 2.6 Footer */
#footer{padding: 20px 0; color:#999; margin-bottom: 20px;}
#footer p {font-size:11px}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/*Footer widgets */
#footer-widgets { overflow: hidden; zoom:1; padding:24px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
/* 4 columns */
#footer-widgets.col-4 .block { width:22%; float: left; margin-right:3.8%; }
#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%; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.breadcrumb{ float:left; background: #f6f6f6; border:1px solid #d8d8d8; margin:0 0 25px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.breadcrumb .trail-before { float:left; padding:5px 5px 5px 15px; background: url(images/bg-breadcrumb.png) repeat-x;}
.breadcrumb a, .breadcrumb .sep, .breadcrumb .trail-end { padding:5px; float:left; }
.breadcrumb a.trail-begin { background: url(images/bg-breadcrumb-divider.png) no-repeat left; padding-left:30px; }
.breadcrumb .trail-end { padding-right:15px; }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
#content p, #content dl { margin-bottom:12px; }
#slides + .post { padding-top:2em; }
.post { margin: 0 0 30px; }
.page .post { border:none; }
.post.type-post { border-bottom:1px dotted #e6e6e6; clear: left; }
.post .title { font:normal bold 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;position:relative; margin: 0 0 15px; }
.page .post .title { margin: 0 0 10px 0; }
.post .title a:link, .post .title a:visited { color:#222; }
.post-meta{margin: 0px 0 15px 0; }
.post-meta .comments a { padding: 0 0 0 20px; }
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { border:1px solid #e6e6e6; border-width:1px 0 0px; padding:10px 0; font-size:12px;}
.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%;margin-bottom:20px;}
mark { background: none; font-weight: bold; }
/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; } .entry h2 { padding-bottom:20px; } .entry h3 { padding-bottom:10px; } .entry h4 {} .entry h5 {} .entry h6 {}
h1.title, h1.page-title { clear: left; }
.entry p { margin: 0 0 20px 0; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; max-width:100%; height:auto; }
.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; font-size:11px; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; }
.nav-entries a { display: block; font-size:12px; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.woo-pagination { margin: 0 !important; text-align: center !important; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.woo-pagination .current,
.woo-pagination .on,
.woo-pagination a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woo-pagination span.extend, .pagination span.pages { background:none !important; border:none !important; color:#666 !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woocommerce .woo-pagination, .woocommerce .woocommerce_ordering, .woocommerce, .woocommerce-ordering .nav-entries { padding-top:.5em; }
.woocommerce .woo-pagination, .nav-entries, .woocommerce .woocommerce_result_count, .woocommerce .woocommerce-result-count { width:50%; float: left; text-align: left !important; }
.woocommerce .woocommerce_ordering, .woocommerce .woocommerce-ordering { width:50%; float: right; text-align: right; }
.woocommerce .woocommerce_ordering div.selector span, .woocommerce .woocommerce-ordering div.selector span { text-align: left; }
.woocommerce .woocommerce_result_count + ul.products, .woocommerce .woocommerce_ordering + ul.products, .woocommerce .woocommerce-result-count + ul.products, .woocommerce .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:48px; float: left; }
#post-author .profile-image img { width:40px; height: auto; background: #fff; padding:3px; border:1px solid #ddd; }
#post-author .profile-content { width:510px; float: right; }
/* 3.5 Connect / Subscribe */
#connect { padding:20px 0; }
#connect .col-left, #connect .col-right { width: 48%; }
#connect .col-left { border-right: 1px solid #e6e6e6; }
#connect .col-left .social { margin-top: 10px; }
.widget_woo_subscribe #connect .social, .widget_woo_subscribe #connect form, .widget_woo_subscribe #connect input.submit { float: none; }
.widget_woo_subscribe #connect input[type=text] { width: 48%; }
.widget_woo_subscribe #connect .social { margin-top: 15px; }
.post-edit-link { clear: both; display: block; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; font-size:12px; }
.layout-right-content .widget { margin-right:25px; }
.widget a:hover {text-decoration:underline !important;}
.widget h3 { margin: 0 0 20px 0; padding:0 0 15px; text-transform:uppercase; font:normal bold 14px "Helvetica Neue", Helvetica Arial, sans-serif; color:#555; border-bottom:1px dotted #e6e6e6; letter-spacing: -1px;}
.widget p { margin-bottom:15px; }
.widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;}
.widget ul li {background:url("images/ico-bullet.png") no-repeat scroll 0 8px transparent; list-style:none; padding-left:15px;}
.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 */
#footer-widgets { background: #f0f0f0; padding: 30px; width: 900px; border-top: 1px solid #fff; }
#footer-widgets .block h3 {background: url(images/bg-footer-widgets-border.png) repeat-x bottom; border:none; margin: 0 0 20px 0; padding:0 0 20px;}
.layout-right-content #footer-widgets .widget {
margin-right:0;
}
/* 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 url(images/bg-input.png) repeat-x top left; 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 dotted #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: #f6f6f6; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); padding:1px 10px; margin-top:1px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.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; colour: #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; }
.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 #4081af;
border-bottom-color: #20559a;
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: #237fd7; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #52a8e8),
color-stop(1, #2e76cf)
);
background: -moz-linear-gradient(
center top,
#52a8e8 20%,
#2e76cf 100%
);
/*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*/,
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*/,
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*/,
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: #0073d2; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #3e9ee5),
color-stop(1, #1666ca)
);
background: -moz-linear-gradient(
center top,
#3e9ee5 20%,
#1666ca 100%
);
}
.widget_price_filter .price_slider_wrapper .button { margin-left:0; }
/* 4.3 WooTabs */
#tabs, .woocommerce_tabs, .woocommerce-tabs { background:#e6e6e6; height:auto; display: block; padding:1px; margin-bottom:30px; clear: both; }
#tabs ul.wooTabs, #tabs ul.tabs, .woocommerce_tabs ul.tabs, .woocommerce-tabs ul.tabs { padding:0px; }
#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;}
#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; }
#tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a { color:#777; display: block;float: left;padding: 8px; font-weight: bold; }
#tabs ul.wooTabs li a { padding:2px 6px; display: block; float: left; margin-right:1px; font-weight: bold; color:#777; }
#tabs ul.wooTabs li a:hover { color:#555; }
#tabs .inside, #tabs .panel, .woocommerce_tabs .panel, .woocommerce-tabs .panel { background:#fff; clear: left;}
#tabs .panel, .woocommerce_tabs .panel, .woocommerce-tabs .panel { padding:20px; }
#tabs .panel h2, .woocommerce_tabs .panel h2, .woocommerce-tabs .panel h2 { padding-top:10px; }
#tabs .inside li, .woocommerce_tabs .inside li, .woocommerce-tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; padding-left:0; }
#tabs .inside li { border-bottom:1px solid #e6e6e6; padding:10px; }
#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 -25px; background: #f0f0f0; border:1px solid #e6e6e6; border-width:1px 1px 1px 0; }
.layout-right-content .widget_shopping_cart { margin:0 0 30px 0; border-width:1px 0 1px 1px; }
.widget_shopping_cart h3 { background:#e6e6e6 url(images/ico-cart.png) no-repeat 15px 50%; border-top:1px solid #fff; padding:10px 15px 10px 40px; border-bottom:1px solid #ddd; text-shadow: 0 1px #fff;}
.widget_shopping_cart li.empty { margin-bottom:18px !important; }
.widget_shopping_cart ul.cart_list { padding:8px 20px 0; }
.widget_shopping_cart ul.cart_list li:last-child { margin-bottom:0; }
.widget_shopping_cart p.total, .widget_shopping_cart p.buttons { padding:0 20px; text-align: center; }
.widget_shopping_cart p.total { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 20px; background: #f6f6f6; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); }
.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:10px;
padding-bottom:10px;
}
.widget .product_list_widget li a {
display: block;
}
.widget .product_list_widget li img {
float: left;
margin:0 8px 5px 2px;
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;
font-weight: bold;
margin-right:6px;
clear: left;
}
.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: #f0f0f0; border:1px solid #e6e6e6; -webkit-borde-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.05); box-shadow:inset 0 0 3px rgba(0,0,0,0.05); }
#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; }
#sidebar #searchform #searchsubmit, #footer-widgets #searchform #searchsubmit { text-align: left; text-indent: -999em; cursor: pointer; display: block; height:18px; width:18px; background: url(images/ico-search.png) no-repeat; }
#sidebar .searchform .s, #sidebar #searchform #s, #footer-widgets .searchform .s, #footer-widgets #searchform #s { width:80%; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative;padding:20px 0 0 0; }
#comments h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { background: #f7f7f7; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; }
#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; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry { margin-left:63px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { font-size:11px; }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li { }
#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 { font-size:11px; 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, #commentform textarea { border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }
#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; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.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;
padding: 4px 13px 3px;
border: 1px solid #4081af;
border-bottom-color: #20559a;
color: white !important;
text-align: center;
font-size:12px !important;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none;
cursor: pointer;
overflow: visible;
position: relative;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #237fd7; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #52a8e8),
color-stop(1, #2e76cf)
);
background: -moz-linear-gradient(
center top,
#52a8e8 20%,
#2e76cf 100%
);
/*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*/,
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*/,
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*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*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;
/*Background*/
background: #0073d2; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #3e9ee5),
color-stop(1, #1666ca)
);
background: -moz-linear-gradient(
center top,
#3e9ee5 20%,
#1666ca 100%
);
}
a.button:active,
.button.alt:active,
a.button.active,
input.button:active,
button.button:active,
#featured-products ul.products .button:active {
border-color: #20559a;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
a.button.inactive {
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #aeaeae;
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*/;
}
/* 6.2 Info Boxes */
p.alert, p.download, .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 { padding: 12px 0 12px 50px; list-style: none; }
ul.woocommerce_error li, ul.woocommerce-error li { 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; }
.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{font-size:12px;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; }
h3.archive_year { font-size: 20px; font-weight:bold; color:#555; }
#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-size: 12px; 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-size: 12px; 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; }
/* 6.7 Business Template */
/*--[ Features ]-----------------------------------------------------------------------------*/
#business-intro {
margin-left:-30px;
margin-right:-30px;
padding:0 30px 1.618em 30px;
border-bottom:1px solid #e6e6e6;
clear:both;
}
#business-intro + #main { padding-top:30px; }
#business-intro + #main + #sidebar { padding-top:30px; }
.features {
border:1px solid #e6e6e6;
border-width:1px 0;
margin-left:-30px;
margin-right:-30px;
padding:30px;
background: #fafafa;
margin-bottom:40px;
margin-top:30px;
}
.features:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.features .feature {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
width:30.75%;
margin-right:3.8%;
float: left;
}
.features .feature.last {
margin-right:0;
}
.features .feature.first {
clear: both;
}
.features .feature:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.features .feature h3 {
padding-top: 0;
}
.features .feature img {
width: 22.05%;
height: auto;
float: left;
}
.features .feature h3,
.features .feature .feature-content {
width: 74.05%;
float: right;
}
.features .feature .feature-content {
font-size: .9em;
}
.widget_woothemes_features .features.columns-2 .feature {
width: 48%;
}
.widget_woothemes_features .features.columns-3 .feature {
width: 30.75%;
}
.widget_woothemes_features .features.columns-4 .feature {
width: 22.05%;
}
.widget_woothemes_features .features.columns-5 .feature {
width: 16.9%;
}
.widget_woothemes_features .features.columns-6 .feature {
width: 13.5%;
}
.widget_woothemes_features .features .feature img {
width: 100%;
}
/*--[ Testimonials ]-----------------------------------------------------------------------------*/
#business-intro .testimonials {
position: relative;
}
#business-intro .testimonials .testimonials-list:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#business-intro .testimonials .testimonials-list .quote {
margin-bottom: 1.618em;
}
#business-intro .testimonials .testimonials-list .quote:after {
display: block;
content: "";
clear: both;
}
#business-intro .testimonials .testimonials-list .quote blockquote {
margin-bottom: 2em;
padding: 1em;
position: relative;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
color: #8d8d8d;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 0 #ffffff;
-webkit-box-shadow: inset 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 0 #ffffff;
-o-box-shadow: inset 0 1px 0 0 #ffffff;
}
#business-intro .testimonials .testimonials-list .quote blockquote:before,
#business-intro .testimonials .testimonials-list .quote blockquote:after {
content: "";
display: block;
border-width: 1em;
border-style: solid;
border-color: #fafafa transparent transparent transparent;
position: absolute;
bottom: -2em;
left: 2.618em;
}
#business-intro .testimonials .testimonials-list .quote blockquote:before {
border-top-color: rgba(0, 0, 0, 0.15);
margin-bottom: -1px;
}
#business-intro .testimonials .testimonials-list .quote img.avatar, #business-intro .testimonials .testimonials-list .quote img.wp-post-image {
float: left;
width: 2.618em;
height: auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-left: 2.23em;
margin-right: 1em;
}
#business-intro .testimonials .testimonials-list .author {
font-style: normal;
font-weight: bold;
}
#business-intro .testimonials .testimonials-list .author .url {
display: block;
font-size: .8em;
font-weight: normal;
}
#business-intro .testimonials .flex-direction-nav {
position: absolute;
bottom: .53em;
right: 0;
}
#business-intro .testimonials .flex-direction-nav li {
float: left;
margin-left: .618em;
}
#business-intro .testimonials .flex-direction-nav li a {
padding: .53em 1em;
background: rgba(0, 0, 0, 0.05);
display: inline-block;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
font-size: .8em;
text-transform: uppercase;
}
#business-intro .testimonials .flex-direction-nav li a:hover {
background: rgba(0, 0, 0, 0.1);
}
.widget_woodojo_testimonials header {
margin: 0;
background: none;
border: 0;
padding: 0;
}
.widget_woodojo_testimonials .testimonials-list .quote {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid #eee;
}
.widget_woodojo_testimonials .testimonials-list .quote blockquote:before,
.widget_woodojo_testimonials .testimonials-list .quote blockquote:after {
left: .618em;
}
.widget_woodojo_testimonials .testimonials-list .quote .author {
font-weight: bold;
font-style: normal;
}
.widget_woodojo_testimonials .testimonials-list .quote .author a {
font-weight: normal;
}
.widget_woodojo_testimonials .testimonials-list .quote img.avatar {
display: none;
}
.widget_woodojo_testimonials .testimonials-list .quote:last-child {
border-bottom: 0;
}
.widget_woodojo_testimonials .flex-direction-nav {
position: static;
text-align: center;
margin-top: 1em;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
padding-top: 1em;
}
.widget_woodojo_testimonials .flex-direction-nav:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woodojo_testimonials .flex-direction-nav li {
float: left;
margin-left: 0;
margin-right: .618em;
}
.widget_woodojo_testimonials .flex-direction-nav li a {
padding: 0 .8em;
font-size: .7em;
}
.widget_woothemes_testimonials .quote {
margin: 0 0 2.244em;
padding: 0 0 2.244em;
border-bottom: 1px dashed #d4d4d4;
}
.widget_woothemes_testimonials .quote .testimonials-text {
margin: 0 0 1em;
}
.widget_woothemes_testimonials .quote .author {
font-weight: bold;
}
.widget_woothemes_testimonials .quote .author .url {
font-weight: normal;
display: block;
}
.widget_woothemes_testimonials .quote:last-child {
margin: 0;
padding: 0;
border: 0;
}
.widget_woothemes_testimonials .avatar-link {
float: left;
display: block;
margin: 0 1.387em .857em 0;
padding: .202em;
border: 1px solid #d8d8d8;
}
.widget_woothemes_testimonials .testimonials .quote {
margin: 0 0 1.618em;
padding: 0 0 1.618em;
border-bottom: 1px solid #dfdfe0;
}
.widget_woothemes_testimonials .testimonials .quote:after {
content: "";
display: block;
clear: both;
}
.widget_woothemes_testimonials .testimonials .quote:last-child {
border: 0;
padding: 0;
margin: 0;
}
.widget_woothemes_testimonials .testimonials .quote .testimonials-text {
display: block;
clear: both;
margin: 0 0 1.618em;
}
.widget_woothemes_testimonials .testimonials .quote .avatar {
float: left;
margin: 0 1.387em 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 60px;
height: auto;
}
.widget_woothemes_testimonials .testimonials .quote cite {
font-weight: bold;
}
.widget_woothemes_testimonials .testimonials .quote cite .url {
font-weight: normal;
display: block;
}
.widget_woothemes_testimonials .testimonials .quote .title {
display: block;
}
.entry .widget_woothemes_testimonials .columns-2:after,
.entry .widget_woothemes_testimonials .columns-3:after,
.entry .widget_woothemes_testimonials .columns-4:after,
.entry .widget_woothemes_testimonials .columns-5:after,
.entry .widget_woothemes_testimonials .columns-6:after {
content: "";
display: block;
clear: both;
}
.entry .widget_woothemes_testimonials .columns-2 .quote,
.entry .widget_woothemes_testimonials .columns-3 .quote,
.entry .widget_woothemes_testimonials .columns-4 .quote,
.entry .widget_woothemes_testimonials .columns-5 .quote,
.entry .widget_woothemes_testimonials .columns-6 .quote {
float: left;
margin-right: 3.8%;
}
.entry .widget_woothemes_testimonials .columns-2 .quote.first,
.entry .widget_woothemes_testimonials .columns-3 .quote.first,
.entry .widget_woothemes_testimonials .columns-4 .quote.first,
.entry .widget_woothemes_testimonials .columns-5 .quote.first,
.entry .widget_woothemes_testimonials .columns-6 .quote.first {
clear: both;
}
.entry .widget_woothemes_testimonials .columns-2 .quote.last,
.entry .widget_woothemes_testimonials .columns-3 .quote.last,
.entry .widget_woothemes_testimonials .columns-4 .quote.last,
.entry .widget_woothemes_testimonials .columns-5 .quote.last,
.entry .widget_woothemes_testimonials .columns-6 .quote.last {
margin-right: 0;
}
.entry .widget_woothemes_testimonials .columns-2 .quote {
width: 48%;
}
.entry .widget_woothemes_testimonials .columns-3 .quote {
width: 30.75%;
}
.entry .widget_woothemes_testimonials .columns-4 .quote {
width: 22.05%;
}
.entry .widget_woothemes_testimonials .columns-5 .quote {
width: 16.9%;
}
.entry .widget_woothemes_testimonials .columns-6 .quote {
width: 13.5%;
}
/* 6.8 WooDojo */
body .tabbable .nav li {
background: none;
}
body .tabbable .nav li a {
padding: 0.5em 0.5em !important;
}
body .tab-pane li {
background: none;
padding: 0px;
}
/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE SPECIFICS */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Demo store notice */
p.demo_store {
position: fixed;
top:0;
left: 0;
right:0;
background: #ffd9c8;
text-align: center;
font-size:12px;
padding:8px 0;
z-index: 999999;
border-bottom:2px solid #f0baa2;
}
/* 7.2 Star Ratings */
.star-rating {
float: right;
width: 80px;
height: 16px;
background: url(images/star.png) repeat-x left 0;
}
.star-rating span {
background: url(images/star.png) repeat-x left -32px;
height: 0;
padding-top: 16px;
overflow: hidden;
float: left;
}
p.stars {
overflow: hidden;
zoom: 1;
}
p.stars span {
width: 80px;
height: 16px;
position: relative;
float: left;
background: url(images/star.png) repeat-x left 0;
}
p.stars span a {
float: left;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 0;
padding-top: 16px;
overflow: hidden;
}
p.stars span a:hover, p.stars span a:focus {
background: url(images/star.png) repeat-x left -16px;
}
p.stars a.active {
background: url(images/star.png) repeat-x left -32px;
}
p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; }
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }
/* Sidebar / footer stars */
#sidebar .star-rating, #footer-widgets .star-rating {
width: 60px;
height: 12px;
background: url(images/star-small.png) repeat-x left 0;
margin-top:2px;
}
#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 .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:220px; float: left; }
.single-product .product .images img { width:200px; 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:370px; float:right; }
.single-product .product .summary h1.product_title { font-size:24px; font-weight: bold; color:#333; padding:0 0 5px; margin:0; }
.single-product .product .summary p { margin-bottom:10px; }
.single-product .product .summary .price { font-size:24px; 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:20px; overflow: hidden; zoom:1; padding-top:10px; border-top:1px solid #e6e6e6; }
.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 { margin-bottom:10px; margin:-11px 0 10px 0; }
.single-product .product .summary form.cart table.variations td { vertical-align: middle; }
.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; }
.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: 100px; }
.single-product .product .summary .group_table td.price { padding:0 8px 8px 0; font-size:12px; 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; font-size:11px; 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; }
/* 1 column single product */
.single-product.layout-full .images { width:300px; }
.single-product.layout-full .summary { width:570px; }
.single-product.layout-full .images img { width:290px; }
/* 7.3.1 Reviews */
.single-product #comments { margin-top:0; padding:0; border-top:0; }
.single-product .hreview-aggregate .star-rating { margin-top:12px; background: url(images/star.png) repeat-x left 0 #e6e6e6; border:6px solid #e6e6e6; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; }
.single-product #comments .commentlist li.comment { overflow: hidden; zoom:1; background: none !important; border:0 !important; }
.single-product #comments .commentlist li.comment p { margin-bottom:1em; }
.single-product #comments .commentlist li.comment p.meta { border-bottom:1px dotted #e6e6e6; border-top:1px dotted #e6e6e6; padding:6px 0; }
.single-product #comments .commentlist li.comment img { width:32px; height: auto; float: left; }
.single-product #comments .commentlist li.comment .comment-text { width:522px; float: right; }
.single-product.layout-full #comments .commentlist li.comment .comment-text { width:810px; }
.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; }
/* 7.4 Quantity Incrementer */
.quantity .plus, .quantity .minus, .quantity input { margin:0; border:0; padding:6px 9px; }
.quantity .plus, .quantity .minus { background:#DFDFDF url(images/bg-nav.png) repeat-x bottom; 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; -moz-appearance: textfield; }
/* 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; }
header.title a { float: right; }
.addresses address { clear: both; }
.required { color: red; }
.woocommerce-myaccount h2 { margin-bottom:0; }
.woocommerce-myaccount .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 { width:32px; height: auto; padding:0; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
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 { font-weight: bold; }
.shop_table dl.variation dd { margin-right:18px; }
.cart-collaterals .cross-sells { width:30.75%; }
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:66%; }
.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 .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:100%; list-style: none; }
.cart_totals select { width:100%; }
/* 7.7 Checkout */
.checkout { clear: left; }
.woocommerce-checkout form.login { overflow:hidden; zoom:1; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
#shiptobilling { float: right; }
#shiptobilling input { float: left; width: auto; }
.checkout #customer_details .col-1, .checkout #customer_details .col-2 { width:45%; padding:2%; background: #f6f6f6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #e5e5e5; margin-bottom:20px; }
.form-row.notes { width:100%; }
.checkout .create-account { clear: left; }
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:6px 12px; border:1px solid #e6e6e6; background: #f6f6f6; margin-bottom:20px; margin-top:10px; }
ul.payment_methods .payment_box p { margin:0 !important; }
.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; font-size:18px !important; padding:6px 18px; }
/*-------------------------------------------------------------------------------------------*/
/* 8. SLIDER */
/*-------------------------------------------------------------------------------------------*/
#slides { min-height: 320px; }
#slides .slide { display: none; }
#slides .navigation { display: none; }
#slides .slides_holder { border:1px solid #DBDBDB; position: relative; }
#slides .slide .image { overflow: hidden; zoom:1; }
#slides .slide .image img { float: left; }
#slides .slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */
#slides .pagination li a {display:block;width:16px;height:0;padding-top:16px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
#slides .pagination li.current a {background-position:0 -16px;}
#slides #slider_nav {margin: 10px 0;position: relative;z-index: 2; margin-left: auto;margin-right: auto;width: 620px; height:16px;}
#slider_pag {float: left;width: 620px; margin-bottom:20px;}
#slider_pag ul {float: left;left: 50%;margin: 0 auto;max-width: 700px;position: relative;}
#slider_pag li:first-child {padding: 0 2px 0 12px;}
#slider_pag li:last-child {padding: 0 10px 0 2px;}
#slider_pag li {float: left;padding: 0 2px;position: relative;right: 50%;}
#slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;}
/* layout right (default) */
#slides .slide-content { width:280px; position:absolute; right: 0; height: 100%; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.8); }
#slides .slide-content.slide-overlay { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIHWNgYGAw/v//PwMMM4IYyIAJxmFkZDQGsTFUAADZig9fOgfjgAAAAABJRU5ErkJggg==) rgba(0,0,0,0.7); /* 1px transparent png */ }
/* layout left */
#slides .slide-content.left { left:0; width:280px; position:absolute; }
/* layout top */
#slides .slide-content.top { left:0; width: 100%; height: auto; }
#slides .slide-content.top .navigation { width:100%; }
/* layout bottom */
#slides .slide-content.bottom { left:0; bottom: 0; display:block; width:auto; height: auto; }
#slides .slide-content h2 { font-weight:bold; padding: 20px 20px 0; margin-bottom:0; color:#fff; }
#slides .slide-content a { color:#fff !important; }
#slides .slide-content .slide-text { padding:10px 20px; }
/* Navigation */
#slides .navigation a.prev, #slides .navigation a.next { position: absolute; top:45%; z-index: 99; display: block; width:36px; height: 35px; text-align: left; text-indent: -999em; background-color: #000; }
#slides .navigation a.prev { left: 0px; background: url(images/btn-slider-left.png) top no-repeat #e6e6e6; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
#slides .navigation a.next { right: 0; background: url(images/btn-slider-right.png) top no-repeat #e6e6e6; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }
#slides .navigation a.prev:hover, #slides .navigation a.next:hover { background-color: #fff; }
/*-------------------------------------------------------------------------------------------*/
/* 9. UNIFORM JS */
/*-------------------------------------------------------------------------------------------*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: centre;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: centre;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: centre;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/*-------------------------------------------------------------------------------------------*/
/* 10. 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; }
.ie6 .slide-content {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCoBwAAhACAfN85HgAAAABJRU5ErkJggg==); /* 1px transparent png */
}
/* 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 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 .slide-content {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCoBwAAhACAfN85HgAAAABJRU5ErkJggg==); /* 1px transparent png */
}
.ie7 ul.products .last { clear: none; }
.ie7 ul.products li a.button { display: block; width:60%; text-align: left; }
.ie7 div.selector { width:180px; padding-right:10px; }
.ie7 .woo-pagination { padding:4px 0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }
/* IE8 */
.ie8 .button:visited { padding:10px 15px; margin:0; }
.ie8 .slide-content {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCoBwAAhACAfN85HgAAAABJRU5ErkJggg==); /* 1px transparent png */
}
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }
/*-------------------------------------------------------------------------------------------*/
/* 11. CSS3 / Browser specific CSS */
/*-------------------------------------------------------------------------------------------*/
#search-top input.field,
.search-widget input.field,
#breadcrumb,
#container { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#breadcrumb .home {
-moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px;
-webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px;
}
#navigation {
-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
}
#footer-widgets {
-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;
}
#container { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.nav a { text-shadow:0 1px 0 #fff; }
#tabs,
input, textarea, select { border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; }