Custom Project 4 CSS

/*
Theme Name: Sliding
Theme URI: http://www.woothemes.com/
Version: 1.5.7
Description: Designed by <a href=”http://www.woothemes.com”>WooThemes</a>.
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.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs
-2.8 Homepage Specific
-2.9 Sitemap

3. POSTS
-3.1 Images
-3.2 Typographic Elements
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
-3.4 Single Post Author
-3.5 Tables
-3.6 Subscribe & Connect
-3.7 Post navigation

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooCommerce widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks

6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Business Template

7. PRODUCTS
-7.1 Single product page
-7.2 Quantity incrementer

8. CART

9. CHECKOUT

10. USER ACCOUNT

11. MISC
-11.1 Buttons
-11.2 Gravity forms
-11.3 Star Ratings
-11.4 Shortcodes
-11.5 Info boxes / messages
-11.6 Uniform
-11.7 Iconise links
-11.8 IE Specific Styles

——————————————————————————————-*/
/*——————————————————————————————-*/
/* RESET – http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*——————————————————————————————-*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Floating & Alignment  */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
.clear {
clear: both;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: “\0020”;
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/*——————————————————————————————-*/
/* IMPORTS */
/*——————————————————————————————-*/
/*——————————————————————————————-*/
/* 1. SETUP */
/*——————————————————————————————-*/
/* 1.1 Defaults */
html {
font-size: 62.5%;
font-family: sans-serif;
text-align: center;
background: #fdfdfd;
border-top: 0.5em #ffffff;
}
body {
color: #8d8d8d;
background: #fff;
font-family: sans-serif;
font-size: 1.4em;
line-height: 1.618em;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #343434;
font-weight: 300;
margin: 0;
line-height: 1.618em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
color: #72afb8;
font-weight: 300;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: underline;
color: #508d96;
}
h1 {
font-size: 1.849em;
padding: 1.142em 0 0.437em;
}
h2 {
font-size: 1.318em;
padding: 1.142em 0 0.4376em;
}
h3 {
font-size: 1em;
padding: 1.142em 0 0.706em;
}
del {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
ins {
background: none;
text-decoration: none;
}
#homepage h2 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCQBAAAHgAagZnn+QAAAABJRU5ErkJggg==) bottom repeat-x;
/* 1px png */

padding: 0;
margin-bottom: 1.142em;
font-weight: bold;
}
#homepage h2 span {
float: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
display: inline-block;
padding: 1.142em 0 0.4376em;
}
#homepage h2:after {
content: “”;
clear: both;
display: block;
}
#homepage:after {
content: “”;
clear: both;
display: block;
}
p,
ul,
ol,
dl,
blockquote,
hr,
pre,
table,
fieldset,
article,
article footer,
form,
nav {
margin: 0 0 1.618em 0;
line-height: 1.618em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: “\2010”;
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: auto;
orphans: 3;
widows: 3;
}
img {
vertical-align: bottom;
max-width: 100%;
}
hr {
background-color: #e0e0e0;
border: 0;
height: 1px;
margin-bottom: 20px;
}
label {
color: #6b6b6b;
}
.input-text,
input[type=text],
textarea {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

font-family: sans-serif;
font-size: 1em;
padding: 0.25em;
color: #8d8d8d;
outline: none;
line-height: 1.618em;
width: 100%;
-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;
border: 1px solid #cfcfcf;
*overflow: visible;
/* IE hack */

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 0 !important;
}
.input-text:focus,
input[type=text]:focus,
textarea:focus {
border: 1px solid #adadad;
}
dl.variation {
overflow: hidden;
zoom: 1;
}
dl.variation dt {
font-weight: bold;
float: left;
clear: left;
margin-right: 2px;
}
dl.variation dd {
float: left;
}
mark {
background: none;
color: #6b6b6b;
}
/* 1.2 Hyperlinks */
a {
color: #72afb8;
text-decoration: none;
}
a:hover {
color: #508d96;
text-decoration: none;
}
/*——————————————————————————————-*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*——————————————————————————————-*/
/* Moved to layout */
/* 2.2 Navigation */
#nav-home {
float: left;
}
#nav-home a {
border-right: 1px solid #383838;
color: #f3f3f3;
display: inline-block;
z-index: 100;
padding: 10px 25px;
font-weight: bold;
font-size: 1.15em;
text-indent: -99999px;
background: url(images/ico-home.png) center no-repeat;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
#nav-home a:hover {
background-color: #272727;
}
#navigation {
margin-bottom: 3em;
}
#navigation ul.rss {
background: url(images/ico-rss.png) no-repeat right 44%;
margin: 0 15px 0 0;
padding: 0 25px 0 0;
}
#navigation ul.rss li {
display: inline;
padding: 0;
}
#navigation ul.rss li a {
color: #d75418;
text-decoration: none;
padding: 10px 5px;
display: inline-block;
position: relative;
font-size: 1.15em;
}
#navigation ul.rss li a:hover {
text-decoration: underline;
}
#navigation ul.rss li.sub-email {
color: #dedede;
}
.nav {
z-index: 99;
margin: 0;
padding: 0;
list-style: none;
}
.nav a {
position: relative;
color: #f3f3f3;
display: block;
z-index: 100;
padding: 10px 15px;
text-decoration: none;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
font-size: 1.15em;
}
.nav a:hover {
background: #272727;
}
.nav li {
float: left;
width: auto;
}
.nav li a.sf-with-ul {
padding-right: 35px;
}
.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.li.current-menu-item a,
.nav li.sfHover a {
background: #272727;
}
.nav li .sf-sub-indicator {
background: url(images/arrow-superfish.png) no-repeat;
position: absolute;
display: block;
right: 0.7em;
top: 36%;
width: 14px;
height: 14px;
text-indent: -999em;
overflow: hidden;
}
/* Optional Styling */
#navigation {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #161616;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#383838));
background: -webkit-linear-gradient(#161616, #383838);
background: -moz-linear-gradient(center top, #161616 0%, #383838 100%);
background: -moz-gradient(center top, #161616 0%, #383838 100%);
}
/* 2.2.1 Drop-down menus */
.nav li ul {
position: absolute;
left: -999em;
}
.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;
}
@media only screen and (max-width: 767px) {

}
/* 2.2.2 Top Navigation (optional) */
#top select {
margin: 20px 0 0;
width: 100%;
}
#top #top-nav {
display: none;
}
/* 2.3 Header */
#header {
clear: both;
position: relative;
padding: 2em 0;
}
#header #logo {
float: left;
}
#header .site-title,
#header .site-description {
color: #000;
display: none;
}
#header .site-title a,
#header .site-description a {
color: #222;
text-transform: none;
font-weight: normal;
text-decoration: none;
}
#header .site-title a:hover,
#header .site-description a:hover {
text-decoration: underline;
}
#header .site-description {
color: #999;
font-style: italic;
}
#header #topad {
float: right;
}
#header .woocommerce-nav {
color: #5a5a5a;
}
#header .woocommerce-nav ul li {
float: left;
padding-right: .5em;
}
#header .woocommerce-nav ul li a {
color: #494949;
font-weight: bold;
border-bottom: 1px solid #c0c0c0;
}
#header .woocommerce-nav ul li.cart a {
color: #72afb8;
}
#header .woocommerce-nav ul li.cart:after {
display: none;
}
#header .woocommerce-nav ul li.checkout {
padding-right: 0;
}
#header .woocommerce-nav ul li.checkout a {
border: 1px solid #d1d1d1;
padding: .25em .75em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
background: #f3f3f3;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#efefef));
background: -webkit-linear-gradient(#f3f3f3, #efefef);
background: -moz-linear-gradient(center top, #f3f3f3 0%, #efefef 100%);
background: -moz-gradient(center top, #f3f3f3 0%, #efefef 100%);
text-shadow: 0 1px 0 #ffffff #ffffff;
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;
}
#header .woocommerce-nav ul li.checkout a:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(#ffffff, #efefef);
background: -moz-linear-gradient(center top, #ffffff 0%, #efefef 100%);
background: -moz-gradient(center top, #ffffff 0%, #efefef 100%);
}
#header .woocommerce-nav ul li.checkout:after {
content: “”;
padding-left: 0;
}
#header .woocommerce-nav ul li:after {
content: “\2022”;
padding-left: .5em;
color: #c0c0c0;
}
#header .woocommerce-nav:after {
content: “”;
display: block;
clear: both;
}
#header #search-top {
width: 220px;
}
#header #search-top .searchform {
float: right;
}
#header #search-top label {
display: none;
}
#header #search-top #s {
width: 189px;
padding-left: 5px;
padding-right: 5px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
float: left;
height: 30px;
}
#header #search-top .submit {
width: 30px;
height: 28px;
float: left;
margin: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d1d1));
background: -webkit-linear-gradient(#ffffff, #d1d1d1);
background: -moz-linear-gradient(center top, #ffffff 0%, #d1d1d1 100%);
background: -moz-gradient(center top, #ffffff 0%, #d1d1d1 100%);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid #c0c0c0;
border-left: 0;
padding: 0;
cursor: pointer;
}
#header #search-top .submit:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
background: -webkit-linear-gradient(#ffffff, #e2e2e2);
background: -moz-linear-gradient(center top, #ffffff 0%, #e2e2e2 100%);
background: -moz-gradient(center top, #ffffff 0%, #e2e2e2 100%);
}
#header #search-top:after {
content: “”;
display: block;
clear: both;
}
/* 2.4 Content */
#content {
padding: 0 0 2em;
}
/* 2.4.1 Slider */
.slider-wrap {
overflow: hidden;
margin-top: 2em;
}
#homepage {
z-index: 1;
}
#homepage .slider-wrap {
z-index: 2;
}
#homepage .slider-wrap #slider {
height: 375px;
position: relative;
z-index: 3;
zoom: 1;
}
#homepage .slider-wrap #slider .viewport {
float: left;
width: 960px;
height: 375px;
position: relative;
z-index: 4;
zoom: 1;
}
#homepage .slider-wrap #slider .buttons {
display: block;
z-index: 99999;
zoom: 1;
}
#homepage .slider-wrap #slider .next {
outline: none;
position: absolute;
top: 0;
right: -2000px;
display: block;
text-align: left;
width: 2000px;
height: 375px;
background: url(images/slider-right.png) 20px 45% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

text-indent: -9999px;
zoom: 1;
}
#homepage .slider-wrap #slider .next:hover {
background: url(images/slider-right-hover.png) 20px 45% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

}
#homepage .slider-wrap #slider .prev {
outline: none;
position: absolute;
top: 0;
left: -2000px;
display: block;
width: 2000px;
height: 375px;
background: url(images/slider-left.png) 1915px 45% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

text-align: left;
zoom: 1;
}
#homepage .slider-wrap #slider .prev:hover {
background: url(images/slider-left-hover.png) 1915px 45% no-repeat, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

}
#homepage .slider-wrap #slider .jcarousel-prev-disabled,
#homepage .slider-wrap #slider .jcarousel-next-disabled {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

cursor: default;
}
#homepage .slider-wrap #slider .jcarousel-prev-disabled:hover,
#homepage .slider-wrap #slider .jcarousel-next-disabled:hover {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIHWP4//+/DxAzwDAjiIEMmJA4PiA2hgoApvESi4hqTjAAAAAASUVORK5CYII=) rgba(255, 255, 255, 0.9);
/* 1px transparent png */

}
#homepage .slider-wrap #slider .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
#homepage .slider-wrap #slider .overview li {
float: left;
margin: 0 ;
height: 375px;
width: 192px;
position: relative;
}
#homepage .slider-wrap #slider .overview li img {
width: 100%;
height: auto;
}
#homepage .slider-wrap #slider .overview li a {
display: block;
background: url(images/slider-placeholder.png) center no-repeat;
height: 100%;
}
#homepage .slider-wrap #slider .overview li a .meta {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGA4AwAA0QDNapzcQgAAAABJRU5ErkJggg==);
/* 1px transparent png */

padding: 1em;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-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;
font-size: 1em;
}
#homepage .slider-wrap #slider .overview li a .meta h3 {
color: #8d8d8d;
padding: 0;
}
#homepage .slider-wrap #slider .overview li a .meta .slider-price {
color: #fff;
}
#homepage .slider-wrap #slider .overview li a:hover .meta {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
/* 2.5 Sidebar */
#sidebar {
margin-top: 30px;
}
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
}
/* 2.6 Footer */
#footer {
background: #0d0d0d;
padding-top: 1.618em;
}
#footer .col-full {
border-top: 1px solid #1e1e1e;
padding-top: 1.618em;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer-widgets {
background: #0d0d0d;
padding-top: 2em;
text-shadow: 0 1px 0 #000000;
}
#footer-widgets .widget {
border: 0;
color: #8d8d8d;
font-size: 1em;
}
#footer-widgets .widget h3 {
color: #e2e2e2;
}
#footer-widgets .widget a {
color: #c0c0c0;
}
#footer-widgets .widget a:hover {
text-decoration: underline;
}
#footer-widgets #searchform,
#footer-widgets .searchform {
border: 1px solid #000000 !important;
-webkit-box-shadow: 0 0 0 1px #404040 !important;
-moz-box-shadow: 0 0 0 1px #404040 !important;
box-shadow: 0 0 0 1px #404040 !important;
}
#footer-widgets .widget_woo_twitter * {
border-color: #2f2f2f;
}
#footer-widgets .widget_woo_twitter li {
background: #1e1e1e;
}
#footer-widgets .widget_woo_twitter li:after {
border-color: #2f2f2f transparent transparent transparent;
}
#footer-widgets #tabs ul.wooTabs {
background: #83c0c9;
background: -webkit-gradient(linear, left top, left bottom, from(#83c0c9), to(#72afb8));
background: -webkit-linear-gradient(#83c0c9, #72afb8);
background: -moz-linear-gradient(center top, #83c0c9 0%, #72afb8 100%);
background: -moz-gradient(center top, #83c0c9 0%, #72afb8 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #508d96;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
#footer-widgets #tabs ul.wooTabs li {
margin: 0;
}
#footer-widgets #tabs ul.wooTabs li a {
background-color: rgba(255, 255, 255, 0) !important;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-right: 1px solid #619ea7;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#footer-widgets #tabs ul.wooTabs li a:hover,
#footer-widgets #tabs ul.wooTabs li a.selected {
background-color: #619ea7 !important;
border-left: 1px solid #619ea7;
}
#footer-widgets #tabs ul.wooTabs li:first-child a {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-left: 0;
}
#footer-widgets #tabs ul.wooTabs li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
#footer-widgets #tabs li.fix {
border-bottom: 1px solid #1e1e1e;
list-style: none;
}
#footer-widgets #tabs li.fix .thumbnail,
#footer-widgets #tabs li.fix .avatar {
border: 0;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
background: #fff;
padding: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/* 2.7 Breadcrumbs */
.breadcrumb {
margin-bottom: 0;
font-size: 0.8751em;
color: #9e9e9e;
}
.breadcrumb a {
color: #9e9e9e;
}
.breadcrumb a:hover {
color: #7c7c7c;
}
/* Remove the top padding on the first h1 after the breadcrumb */
.breadcrumb + h1 {
padding-top: 0;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 1em;
}
/* 2.8 Homepage specific */
.feature-wrap {
border-top: 1px solid #e0e0e0;
background: #f3f3f3;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#fdfdfd));
background: -webkit-linear-gradient(#f3f3f3, #fdfdfd);
background: -moz-linear-gradient(center top, #f3f3f3 0%, #fdfdfd 100%);
background: -moz-gradient(center top, #f3f3f3 0%, #fdfdfd 100%);
margin-top: 2em;
padding-bottom: 2.992em;
}
.jspContainer {
min-height: 252px !important;
}
.carousel {
overflow: hidden;
height: auto;
margin-bottom: 1.618em;
}
.carousel ul.carousel-products {
margin-bottom: 0;
}
.carousel ul.carousel-products:after {
content: “\0020”;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.carousel ul.carousel-products li {
width: 197px;
float: left;
margin-bottom: 0;
}
.carousel ul.carousel-products li .img-wrap {
height: 160px;
width: 160px;
overflow: hidden;
padding: 4px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
}
.carousel ul.carousel-products li .img-wrap:hover {
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #cfcfcf;
-webkit-box-shadow: 0 1px 2px 0 #cfcfcf;
-moz-box-shadow: 0 1px 2px 0 #cfcfcf;
-o-box-shadow: 0 1px 2px 0 #cfcfcf;
}
.carousel ul.carousel-products li img {
width: 160px;
height: auto;
}
.carousel ul.carousel-products li h3 {
width: 170px;
padding-bottom: 0;
}
.carousel ul.carousel-products li h3 a {
color: #8d8d8d;
}
.carousel ul.carousel-products li .carousel-price {
color: #5a5a5a;
}
.carousel ul.carousel-products li:last-child {
width: 171px;
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #dddddd;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#f1f1f1));
background: -webkit-linear-gradient(#dddddd, #f1f1f1);
background: -moz-linear-gradient(center top, #dddddd 0%, #f1f1f1 100%);
background: -moz-gradient(center top, #dddddd 0%, #f1f1f1 100%);
position: relative;
}
.jspDrag {
position: relative;
top: 0;
left: 0;
background: #404040;
background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#1e1e1e));
background: -webkit-linear-gradient(#404040, #1e1e1e);
background: -moz-linear-gradient(center top, #404040 0%, #1e1e1e 100%);
background: -moz-gradient(center top, #404040 0%, #1e1e1e 100%);
cursor: move;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
/* 2.9 Sitemap */
.sitemap ul {
list-style: none;
}
.sitemap ul ul.children {
margin-left: 1.618em;
}
/*——————————————————————————————-*/
/* 3. POSTS */
/*——————————————————————————————-*/
#breadcrumb,
.post .video {
margin-bottom: 1.618em;
}
.archive_header {
display: block;
float: left;
width: 100%;
font-weight: bold;
border-bottom: #e0e0e0 1px solid;
padding: 1em 0;
margin-bottom: 1.618em;
}
.archive_header .catrss a {
text-decoration: none;
padding-right: 20px;
background: url(images/ico-rss.png) right no-repeat;
}
.post header h1,
.page header h1 {
position: relative;
padding-top: 0;
}
.meta {
color: #c0c0c0;
font-size: 0.9em;
font-weight: bold;
}
.meta ul {
margin-left: 0;
list-style: none;
overflow: hidden;
zoom: 1;
padding: .5em 1em;
background: #f1f1f1;
border-top: 2px solid #72afb8;
}
.meta ul li {
position: relative;
padding-left: 0;
float: left;
margin-right: 1.618em;
}
.meta ul li a {
color: #c0c0c0;
}
.meta ul li a:hover {
color: #8d8d8d;
}
.meta ul li:before,
.meta ul li:after,
.meta ul li a:before,
.meta ul li a:after {
content: “”;
position: absolute;
top: 50%;
left: 0;
}
.meta ul li a:before,
.meta ul li a:after {
margin: -6px 0 0;
background: #c0c0c0;
}
.meta ul li.date {
position: relative;
padding-left: 1.618em;
}
.meta ul li.date:before,
.meta ul li.date:after {
left: 2px;
width: 10px;
height: 10px;
border: 2px solid #c0c0c0;
margin-top: -7px;
background: transparent;
}
.meta ul li.date:before {
/* css3 */

-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.meta ul li.date:after {
left: 8px;
width: 2px;
height: 3px;
border-width: 0 0 2px 2px;
margin-top: -3px;
background: transparent;
}
.meta ul li.author a {
padding-left: 1.618em;
}
.meta ul li.author a:before {
left: 4px;
width: 12px;
height: 4px;
margin-top: 1px;
/* css3 */

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.meta ul li.author a:after {
left: 8px;
width: 4px;
height: 7px;
margin-top: -5px;
/* css3 */

-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px 10px;
-webkit-border-bottom-left-radius: 5px 10px;
-moz-border-radius: 5px 5px 5px 1px 5px 10px 10px;
border-radius: 5px 5px 5px 1px 5px 10px 10px;
}
.meta ul li.category {
padding-left: 1.618em;
}
.meta ul li.category a:before {
left: 4px;
width: 12px;
height: 8px;
margin-top: -4px;
/* css3 */

-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.meta ul li.category a:after {
left: 4px;
width: 4px;
height: 2px;
margin-top: -6px;
background: #c0c0c0;
/* css3 */

-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.meta ul li.comments {
padding-left: 1.618em;
}
.meta ul li.comments a:before {
width: 12px;
height: 8px;
left: 4px;
margin-top: -6px;
/* css3 */

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.meta ul li.comments a:after {
left: 8px;
border: 2px solid transparent;
border-top-color: #c0c0c0;
border-left-color: #c0c0c0;
margin-top: 2px;
background: transparent;
}
.meta ul li.tags {
padding-left: 2em;
}
.meta ul li.tags:before {
left: 6px;
width: 8px;
height: 13px;
margin-top: -6px;
background: #c0c0c0;
/* css3 */

-webkit-border-top-left-radius: 0.27em;
-webkit-border-top-right-radius: 0.27em;
-moz-border-radius-topleft: 0.27em;
-moz-border-radius-topright: 0.27em;
border-top-left-radius: 0.27em;
border-top-right-radius: 0.27em;
-webkit-transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.meta ul li.tags:after {
left: 7px;
width: 3px;
height: 3px;
margin-top: -3px;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
.post,
.type-page {
margin: 0 0 2.992em;
/* 3.1 Images */

}
.post .post-meta li,
.type-page .post-meta li {
display: inline;
}
.post .post-more,
.type-page .post-more {
clear: both;
margin: 1em 0;
color: #999;
}
.post p.tags,
.type-page p.tags {
color: #999;
background: url(images/ico-tag.png) no-repeat top left;
padding-left: 25px;
width: 100%;
clear: both;
margin-bottom: 20px;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
padding: 3px;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
border-color: #bebebe;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 20px 10px 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 10px 20px;
}
.post .aligncenter,
.type-page .aligncenter {
text-align: center;
margin-bottom: 15px;
margin: 0 auto 15px;
}
.post .wp-caption,
.type-page .wp-caption {
padding: 1px;
text-align: center;
background: #f8f8f8;
border: 1px solid #ddd;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
padding: 4px 0;
background: none;
border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 0;
font-size: 0.9em;
text-align: center;
}
/* 3.2 Typographic Elements */
.entry {
clear: left;
}
.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,
.entry ol {
margin-bottom: 1.5em;
padding: 0 0 0 30px;
}
.entry ul li,
.entry ol li {
list-style-type: disc;
}
.entry ul ul,
.entry ol ul {
margin: 0;
}
.entry ul ul li,
.entry ol ul li {
list-style-type: circle;
}
.entry ol li {
list-style-type: decimal;
}
.entry ol ul li {
list-style-type: lower-latin;
}
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
clear: both;
}
.nav-entries a {
display: block;
color: #8d8d8d;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.woo-pagination {
margin: 0;
text-align: left;
}
.woo-pagination .page-numbers {
display: inline;
text-decoration: none;
color: #6b6b6b;
padding: .35em .65em;
border: 1px solid #cfcfcf;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
background: -webkit-linear-gradient(#ffffff, #f1f1f1);
background: -moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);
background: -moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);
text-shadow: 0 1px 0 #ffffff;
}
.woo-pagination .page-numbers.dots {
background: none;
border: none;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.woo-pagination .page-numbers:hover {
background: #ffffff;
border-color: #bebebe;
}
.woo-pagination .page-numbers.current {
background: #72afb8;
border-color: #72afb8;
color: #fff;
}
/* 3.4 Single Post Author */
#post-author {
margin: 0;
padding: 1em 0;
border: 1px solid #e0e0e0;
border-width: 1px 0 1px;
clear: both;
}
#post-author .title {
padding-top: 0;
}
#post-author .profile-image {
float: right;
margin: 0 0 1em 1em;
padding: .36em;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
background: #fff;
}
#post-author:after {
content: “”;
display: block;
clear: both;
}
/* 3.5 Tables */
table {
width: 100%;
border: 1px solid #cfcfcf;
margin-bottom: 1.618em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
table tr.alt-table-row {
background: #f9f9f9;
}
table th,
table td {
vertical-align: top;
padding: .5em .75em;
}
table th {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
background: -webkit-linear-gradient(#ffffff, #f1f1f1);
background: -moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);
background: -moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);
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;
border: 1px solid #cfcfcf;
text-shadow: 1px 1px #fff;
box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
-webkit-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
-moz-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
-o-box-shadow: inset 0 0 1px 0 #ffffff 3px 3px 3px #888888;
color: #5a5a5a;
}
table td {
border: 1px solid #cfcfcf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
-o-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}
/* 3.6 Connect */
#connect {
margin: 0 0 1.5em;
padding: 1em 0;
border: 1px solid #e0e0e0;
border-width: 0 0 1px;
clear: both;
}
#connect h3 {
padding-top: 0;
}
#connect .newsletter-form {
margin: 0 0 1em;
}
#connect .newsletter-form .email {
width: 140px;
}
#connect .newsletter-form .submit {
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#connect .social a {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-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;
}
#connect .social a:hover {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#connect .related-posts {
border-left: 1px solid #e0e0e0;
padding-left: 15px;
}
#connect .related-posts ul {
list-style: outside disc;
margin: 5px 0 5px 15px;
}
#connect .social a {
display: inline-block;
height: 28px;
width: 32px;
background-image: url(images/ico-subscribe-social.png);
background-repeat: no-repeat;
}
#connect .social a.subscribe {
background-position: 0px 0;
}
#connect .social a.twitter {
background-position: -30px 0;
}
#connect .social a.facebook {
background-position: -60px 0;
}
#connect .social a.youtube {
background-position: -90px 0;
}
#connect .social a.flickr {
background-position: -120px 0;
}
#connect .social a.linkedin {
background-position: -150px 0;
}
#connect .social a.delicious {
background-position: -180px 0;
}
#connect .social a.googleplus {
background-position: -210px 0;
}
/* 3.7 Post Navigation */
#post-entries {
border: 1px solid #e0e0e0;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
background: -webkit-linear-gradient(#ffffff, #f1f1f1);
background: -moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%);
background: -moz-gradient(center top, #ffffff 0%, #f1f1f1 100%);
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
}
#post-entries a {
display: inline-block;
padding: .45em 1em;
font-weight: bold;
color: #494949;
text-shadow: 0 1px 0 #ffffff;
}
#post-entries a:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
background: -webkit-linear-gradient(#ffffff, #ffffff);
background: -moz-linear-gradient(center top, #ffffff 0%, #ffffff 100%);
background: -moz-gradient(center top, #ffffff 0%, #ffffff 100%);
}
#post-entries .nav-prev a {
border-right: 1px solid #e0e0e0;
}
#post-entries .nav-next a {
border-left: 1px solid #e0e0e0;
}
#post-entries:after {
content: “”;
display: block;
clear: both;
}
.widget #connet .fl,
.widget #connet .fr {
float: none;
}
#main #connect .col-left,
#main #connect .col-right {
width: 48%;
}
/*——————————————————————————————-*/
/* 4. WIDGETS */
/*——————————————————————————————-*/
/* 4.1 Generic Widgets */
.widget {
margin-bottom: 1.618em;
border-bottom: 1px solid #e0e0e0;
font-size: 0.9em;
}
.widget h3 {
font-weight: bold;
padding-top: 0;
}
.widget ul {
clear: both;
list-style-position: inside;
list-style-type: disc;
}
.widget a {
color: #444444;
}
.widget a:hover {
color: #72afb8;
}
.widget:last-child {
margin-bottom: 0;
}
/* 4.2 Specific Widgets */
/* FLICKR */
.widget_woo_flickr h3 span {
color: #0051d8;
}
.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: 1ox solid #cecfc6;
padding: 3px;
}
.widget_woo_flickr a:hover img {
border-color: #a8aa99;
}
/* LIFESTREAM */
.widget_lifestream ul li {
border-bottom: 1px solid #e0e6e6;
}
.widget_lifestream ul li a {
border: 0;
background: none;
}
.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: 3px 0;
}
#wp-calendar td {
background: transparent;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
padding: 5px;
border: 1px solid #e0e0e0;
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 5px 10px;
}
/* TWITTER */
.widget_woo_twitter ul li {
border: 1px solid #e0e0e0;
list-style: none;
padding: 1em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 1em;
position: relative;
word-wrap: break-word;
}
.widget_woo_twitter ul li:after {
border: 0.5em solid #e0e0e0;
border-color: #e0e0e0 transparent transparent transparent;
content: “”;
display: block;
position: absolute;
bottom: -1em;
left: 1em;
}
.widget_woo_twitter ul li a {
padding: 0;
}
.widget_woo_twitter ul li a.time {
display: block;
}
/* WOOTABS */
#tabs ul.wooTabs {
padding: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCQBAAAHgAagZnn+QAAAABJRU5ErkJggg==) bottom repeat-x;
/* 1px transparent png */

}
#tabs ul.wooTabs:after {
content: “”;
display: block;
clear: both;
}
#tabs ul.wooTabs li {
float: left;
display: inline-block;
margin-right: 1px;
}
#tabs ul.wooTabs li a {
height: 16px;
width: 16px;
display: block;
padding: .25em .5em;
text-indent: -9999px;
border: 1px solid #e0e0e0;
border-bottom: 0;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background-color: rgba(0, 0, 0, 0.05) !important;
}
#tabs ul.wooTabs li a:hover,
#tabs ul.wooTabs li a.selected {
background-color: #fff !important;
}
#tabs ul.wooTabs li.popular a {
background: url(images/ico-tabs-popular.png) center no-repeat;
}
#tabs ul.wooTabs li.comments a {
background: url(images/ico-tabs-comments.png) center no-repeat;
}
#tabs ul.wooTabs li.latest a {
background: url(images/ico-tabs-latest.png) center no-repeat;
}
#tabs ul.wooTabs li.tags a {
background: url(images/ico-tabs-tags.png) center no-repeat;
}
#tabs .inside li.fix {
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px dotted #e0e0e0;
list-style: none;
}
#tabs .inside li.fix a {
display: block;
}
#tabs .inside li.fix .thumbnail,
#tabs .inside li.fix .avatar {
width: 24px;
height: auto;
float: right;
padding: 3px;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
margin-left: 12px;
}
#tabs .inside li.fix:after {
content: “”;
display: block;
clear: both;
}
#tabs #tab-tags {
padding-bottom: 1em;
}
/* 4.3 WooCommerce Widgets */
/* All instances of product lists in widgets */
.widget ul.product_list_widget li,
.widget ul.cart_list li {
overflow: hidden;
zoom: 1;
clear: left;
padding: 0.618em 0;
list-style: none;
}
.widget ul.product_list_widget li:last-child,
.widget ul.cart_list li:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.widget ul.product_list_widget li img,
.widget ul.cart_list li img {
float: right;
margin: 2px 2px 0 .618em;
width: 2.992em;
height: auto;
padding: .27em;
background: #fff;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
border: 1px solid #e0e0e0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.widget ul.product_list_widget li a,
.widget ul.cart_list li a {
display: block;
}
.widget ul.product_list_widget li dl.variation,
.widget ul.cart_list li dl.variation {
margin-bottom: 0;
font-size: 0.95em;
}
.widget ul.product_list_widget li dl.variation dt,
.widget ul.cart_list li dl.variation dt {
float: left;
clear: left;
margin-right: .27em;
}
.widget ul.product_list_widget li .star-rating,
.widget ul.cart_list li .star-rating {
float: none;
}
.widget ul.product_list_widget.cart_list {
margin-top: 0;
}
/* Product Cats */
.widget_product_categories li {
position: relative;
}
.widget_product_categories li .count {
position: absolute;
top: 0;
right: 30px;
}
/* Login & pages widget */
.widget_login ul,
.widget_pages ul {
list-style: none;
}
.widget_login ul ul.children,
.widget_pages ul ul.children {
margin-left: 1em;
}
.widget_login a,
.widget_pages a {
display: block;
}
/* Cart Widget */
.widget_shopping_cart .buttons .button {
margin: 0 0 .5em 0 !important;
}
/* Layred nav */
.widget_layered_nav li {
position: relative;
}
.widget_layered_nav li a {
padding-right: 45px;
}
.widget_layered_nav li .count {
position: absolute;
top: 0;
right: 30px;
}
/* Price filter */
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
color: #afafaf;
}
.widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: .9em;
height: .9em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid #8d8d8d;
cursor: pointer;
background: #fff;
outline: none;
top: -0.3em;
-webkit-box-shadow: inset 0 0 0 1px #ffffff, 0 0 2px #c0c0c0;
-moz-box-shadow: inset 0 0 0 1px #ffffff, 0 0 2px #c0c0c0;
box-shadow: inset 0 0 0 1px #ffffff, 0 0 2px #c0c0c0;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover {
-webkit-box-shadow: inset 0 0 0 1px #ffffff, 0 0 4px #72afb8;
-moz-box-shadow: inset 0 0 0 1px #ffffff, 0 0 4px #72afb8;
box-shadow: inset 0 0 0 1px #ffffff, 0 0 4px #72afb8;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #72afb8;
background: -webkit-gradient(linear, left top, left bottom, from(#72afb8), to(#508d96));
background: -webkit-linear-gradient(#72afb8, #508d96);
background: -moz-linear-gradient(center top, #72afb8 0%, #508d96 100%);
background: -moz-gradient(center top, #72afb8 0%, #508d96 100%);
box-shadow: inset 0 0 2px 0 #1d5a63;
-webkit-box-shadow: inset 0 0 2px 0 #1d5a63;
-moz-box-shadow: inset 0 0 2px 0 #1d5a63;
-o-box-shadow: inset 0 0 2px 0 #1d5a63;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #8d8d8d;
background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#afafaf));
background: -webkit-linear-gradient(#8d8d8d, #afafaf);
background: -moz-linear-gradient(center top, #8d8d8d 0%, #afafaf 100%);
background: -moz-gradient(center top, #8d8d8d 0%, #afafaf 100%);
-webkit-box-shadow: inset 0 1px 2px #5a5a5a, 0 0 0 1px #ffffff;
-moz-box-shadow: inset 0 1px 2px #5a5a5a, 0 0 0 1px #ffffff;
box-shadow: inset 0 1px 2px #5a5a5a, 0 0 0 1px #ffffff;
}
.widget_price_filter .ui-slider-horizontal {
height: .4em;
}
.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;
}
/* Search (#searchform = wc, .searchform = wf) */
#sidebar #searchform,
#footer-widgets #searchform,
#sidebar .searchform,
#footer-widgets .searchform {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

padding: .27em;
color: #8d8d8d;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fafafa;
-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;
border: 1px solid #e2e2e2;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#sidebar #searchform label,
#footer-widgets #searchform label,
#sidebar .searchform label,
#footer-widgets .searchform label {
display: none;
}
#sidebar #searchform input,
#footer-widgets #searchform input,
#sidebar .searchform input,
#footer-widgets .searchform input,
#sidebar #searchform .input-text,
#footer-widgets #searchform .input-text,
#sidebar .searchform .input-text,
#footer-widgets .searchform .input-text {
padding: 0;
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
#sidebar #searchform .search-submit,
#footer-widgets #searchform .search-submit,
#sidebar .searchform .search-submit,
#footer-widgets .searchform .search-submit {
cursor: default;
}
#sidebar #searchform #s,
#footer-widgets #searchform #s,
#sidebar .searchform #s,
#footer-widgets .searchform #s,
#sidebar #searchform .s,
#footer-widgets #searchform .s,
#sidebar .searchform .s,
#footer-widgets .searchform .s {
width: 86%;
}
#sidebar #searchform #searchsubmit,
#footer-widgets #searchform #searchsubmit,
#sidebar .searchform #searchsubmit,
#footer-widgets .searchform #searchsubmit {
text-align: left;
text-indent: -999em;
height: 16px;
width: 16px;
background: url(images/ico-search.png) no-repeat;
filter: none !important;
}
#sidebar .searchform .search-submit,
#footer-widgets .searchform .search-submit {
margin-top: 3px;
margin-bottom: -3px;
}
/*——————————————————————————————-*/
/* 5. COMMENTS */
/*——————————————————————————————-*/
/* 5.1 Comments */
#comments {
position: relative;
}
#comments .comment {
width: 100%;
list-style: none;
}
#comments .comment .comment-container {
position: relative;
margin-bottom: 1.618em;
}
#comments .comment .comment-container:after {
content: “”;
display: block;
clear: both;
}
#comments .comment img.avatar {
float: left;
width: 7%;
padding: .36em;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
display: block;
height: auto;
}
#comments .comment .comment-entry,
#comments .comment .comment-text {
width: 81%;
padding: 4%;
float: right;
position: relative;
border: 1px solid #e0e0e0;
margin-bottom: 1.618em;
}
#comments .comment .comment-entry .reply,
#comments .comment .comment-text .reply {
margin: 0;
}
#comments .comment .comment-entry p:last-child,
#comments .comment .comment-text p:last-child {
margin-bottom: 0;
}
#comments .comment .comment-entry:before,
#comments .comment .comment-text:before {
content: “”;
border: 0.5em solid #e0e0e0;
border-color: transparent;
border-right-color: #e0e0e0;
position: absolute;
top: 0;
left: -1em;
}
#comments .comment .comment-head,
#comments .comment p.meta {
padding-bottom: 1em;
border-bottom: 1px dotted #e0e0e0;
margin-bottom: 1em;
}
#comments .comment .comment-head .name,
#comments .comment p.meta .name {
margin: 0;
font-weight: bold;
}
#comments .comment .comment-head .perma,
#comments .comment p.meta .perma {
float: right;
}
#comments ul.children {
margin: 1em 0 0 2em;
padding: 0;
}
#comments .navigation a {
display: block;
margin: 15px 0 0 0;
text-decoration: none;
}
#comments h3#pings {
margin-top: 25px;
}
#comments .pingbacks li.pingback {
margin: 10px 0;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#comments .nocomments {
font-weight: bold;
}
/* 5.2 Comments Form */
#respond {
clear: both;
border: 1px solid #e0e0e0;
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.025);
-webkit-box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.025);
-moz-box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.025);
-o-box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.025);
padding: 4%;
position: relative;
}
#respond .left {
float: left;
width: 200px;
margin-right: 15px;
}
#respond .right {
float: left;
width: 380px;
}
#respond #reply-title small a {
display: block;
height: 21px;
width: 21px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAP0lEQVQIHW1NWwoAMAiq3f/OLsUixvyoxEcJIAocycMQP0Wk/jbFN+FwJEViG4a32NVy1hDfPydhB/bPrp59Aa6rDguD5abuAAAAAElFTkSuQmCC) 7px 7px no-repeat #000000;
/* cancel reply icon */

border: 3px solid white;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.7);
position: absolute;
top: -7px;
right: -7px;
text-indent: -99999px;
-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;
}
#respond #reply-title small a:hover {
background-color: #72afb8;
}
#respond #commentform {
margin: 1em 0 0 0;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
margin-right: 3.8%;
float: left;
}
#respond #commentform .comment-form-author input.txt,
#respond #commentform .comment-form-email input.txt,
#respond #commentform .comment-form-url input.txt {
-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: 100%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
float: right;
}
#respond #commentform label {
position: relative;
display: inline-block;
vertical-align: top;
}
#respond #commentform textarea {
width: 100%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */

-moz-box-sizing: border-box;
/* Firefox, other Gecko */

box-sizing: border-box;
/* Opera/IE 8+ */

}
#respond #commentform .comment-form-comment label {
display: none;
}
#respond #commentform #submit {
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. PAGE TEMPLATES */
/*——————————————————————————————-*/
/* 6.1 Timeline Page Template */
#archives {
padding: 10px 0 0;
}
#archives a {
font-style: italic;
}
#archives .archives_list {
border-left: 1px solid #e0e0e0;
list-style: none;
margin: 0 0 15px 15px;
}
#archives .archives_list li {
clear: left;
font-style: normal;
list-style: none;
}
#archives .archives_list .date {
color: #808080;
width: 100px;
font-style: italic;
display: inline-block;
vertical-align: top;
}
#archives .archives_list .linked {
width: 270px;
display: inline-block;
vertical-align: top;
}
#archives .archives_list .comments {
width: 100px;
display: inline-block;
vertical-align: top;
}
#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;
}
h3.archive_year {
font-family: sans-serif;
font-weight: bold;
margin-top: 0;
}
/* 6.2 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 li .error {
display: block;
color: red;
}
#contact-page ol.forms li.textarea .error {
display: block;
}
#contact-page ol.forms li.screenReader {
margin-bottom: 0;
}
#contact-page ol.forms li.buttons .submit {
margin: 5px 0 0;
cursor: pointer;
}
#contact-page ol.forms li.inline input {
width: auto;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 10px;
}
#contact-page ol.forms input.txt {
width: 50%;
}
#contact-page ol.forms input#sendCopy {
border: none;
}
#contact-page ol.forms textarea {
height: 300px;
width: 97%;
}
.entry #contact-page ol.forms li {
list-style: none;
}
/* 6.3 Business Template */
.page-template-template-business-php #content {
padding-top: 1.5em;
}
.page-template-template-business-php .wooslider {
margin-bottom: 1.5em;
margin-top: 1em;
}
.page-template-template-business-php #breadcrumbs + .business-intro .wooslider {
margin-top: 1em;
}
/*–[ Features ]—————————————————————————–*/
.features {
margin-bottom: 1.618em;
}
.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+ */

}
.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;
}
/*–[ 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: -1.9em;
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;
}
/*——————————————————————————————-*/
/* 7. PRODUCTS */
/*——————————————————————————————-*/
.products {
clear: both;
}
ul.products {
margin-bottom: 2.618em;
}
ul.products:after {
content: “\0020”;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
ul.products li.product {
width: 22.15%;
margin-right: 3.8%;
clear: none;
float: left;
position: relative;
font-size: 0.9em;
margin-bottom: 1.618em;
}
ul.products li.product .img-wrap {
border: 1px solid #e0e0e0;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
overflow: hidden;
}
ul.products li.product .img-wrap img {
width: 96%;
height: auto;
padding: 2%;
-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;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
ul.products li.product .img-wrap:hover {
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #cfcfcf;
-webkit-box-shadow: 0 1px 2px 0 #cfcfcf;
-moz-box-shadow: 0 1px 2px 0 #cfcfcf;
-o-box-shadow: 0 1px 2px 0 #cfcfcf;
/*img {
-webkit-transform:scale(1.2);
}*/

}
ul.products li.product h3 {
padding-top: .618em;
padding-bottom: 0;
font-weight: 400;
color: #8d8d8d;
word-wrap: break-word;
}
ul.products li.product .price {
color: #5a5a5a;
}
ul.products li.product del {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
ul.products li.product ins {
text-decoration: none;
}
ul.products li.product.first {
clear: left;
}
ul.products li.product.last {
margin-right: 0 !important;
}
ul.products li.sub-category img {
width: 96%;
height: auto;
padding: 2%;
-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;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
}
.onsale {
color: #fff;
font-weight: 700;
background: darkRed;
padding: .1em .3em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left: .25em;
}
.woocommerce-page .woo-pagination,
.woocommerce-page .woocommerce_ordering,
.woocommerce-page .woocommerce-ordering {
width: 50%;
float: left;
}
.woocommerce-page .woocommerce_result_count + ul.products,
.woocommerce-page .woocommerce_ordering + ul.products,
.woocommerce-page .woocommerce-result-count + ul.products,
.woocommerce-page .woocommerce-ordering + ul.products {
clear: both;
}
.woocommerce-page .woocommerce_result_count,
.woocommerce-page .woocommerce-result-count {
width: 45%;
float: left;
}
.woocommerce-page .woocommerce_ordering,
.woocommerce-page .woocommerce-ordering {
float: right;
text-align: right;
}
/* 7.1 Single Product Page */
.woocommerce.single-product .product {
position: relative;
}
.woocommerce.single-product .summary,
.woocommerce.single-product .images {
margin-bottom: 1.618em;
}
.woocommerce.single-product .images {
width: 40%;
float: left;
}
.woocommerce.single-product .images a {
display: block;
}
.woocommerce.single-product .images img {
width: 98%;
padding: 1%;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
height: auto;
margin-bottom: 1em;
}
.woocommerce.single-product .images .thumbnails a {
width: 22.05%;
margin-right: 3.8%;
float: left;
}
.woocommerce.single-product .images .thumbnails a img {
width: 90%;
padding: 5%;
border: 1px solid #cfcfcf;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
}
.woocommerce.single-product .images .thumbnails a.first {
clear: left;
}
.woocommerce.single-product .images .thumbnails a.last {
margin-right: 0;
}
.woocommerce.single-product .summary,
.woocommerce.single-product .breadcrumbs {
width: 56%;
float: right;
}
.woocommerce.single-product .summary h1.product_title {
padding: 0;
font-size: 1.4em;
}
.woocommerce.single-product .summary .price {
font-size: 1.4em;
color: #383838;
font-weight: bold;
margin-bottom: 0;
}
.woocommerce.single-product .summary .product_meta {
background: #f1f1f1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: .5em .75em;
font-size: .9em;
}
.woocommerce.single-product .summary form.cart .quantity {
float: left;
margin-right: .5em;
}
.woocommerce.single-product .summary form.cart .button,
.woocommerce.single-product .summary form.cart .button.alt {
border: 1px solid #cfcfcf;
background: url(images/ico-cart.png) 9px 7px no-repeat #f3f3f3;
padding-left: 2.25em;
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;
font-weight: bold;
color: #494949;
text-shadow: 0 1px 0 #ffffff;
filter: none;
}
.woocommerce.single-product .summary form.cart .button:hover,
.woocommerce.single-product .summary form.cart .button.alt:hover {
color: #383838;
border: 1px solid #bebebe;
}
.woocommerce.single-product .summary form.cart:after {
content: “”;
display: block;
clear: both;
}
.woocommerce.single-product .variations_form table.variations {
border: 0;
}
.woocommerce.single-product .variations_form table.variations tr td {
padding: .5em 0;
border: 0;
border-bottom: 1px solid #e0e0e0;
}
.woocommerce.single-product .variations_form table.variations tr td:first-child {
padding-right: .5em;
min-width: 100px;
}
.woocommerce.single-product .variations_form table.variations tr:last-child td {
border-bottom: 0;
}
.woocommerce.single-product .onsale {
color: #fff;
font-weight: 700;
background: darkRed;
padding: .1em .3em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 6px;
left: 6px;
z-index: 999999;
}
.woocommerce.single-product:after {
content: “”;
display: block;
clear: both;
}
.woocommerce.single-product h2 {
font-size: 0.9em;
text-transform: uppercase;
color: #383838;
font-weight: bold;
}
.woocommerce .woocommerce_tabs,
.woocommerce .woocommerce-tabs {
clear: both;
}
.woocommerce .woocommerce_tabs ul.tabs,
.woocommerce .woocommerce-tabs ul.tabs {
margin: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGCQBAAAHgAagZnn+QAAAABJRU5ErkJggg==) bottom repeat-x;
/* 1px transparent png */

}
.woocommerce .woocommerce_tabs ul.tabs li,
.woocommerce .woocommerce-tabs ul.tabs li {
float: left;
margin-right: .25em;
}
.woocommerce .woocommerce_tabs ul.tabs li a,
.woocommerce .woocommerce-tabs ul.tabs li a {
display: inline-block;
border: 1px solid #cfcfcf;
border-bottom: 0;
padding: .5em .75em;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-weight: bold;
}
.woocommerce .woocommerce_tabs ul.tabs li a:hover,
.woocommerce .woocommerce-tabs ul.tabs li a:hover {
background: #fff;
}
.woocommerce .woocommerce_tabs ul.tabs li.active a,
.woocommerce .woocommerce-tabs ul.tabs li.active a {
background: #fff;
}
.woocommerce .woocommerce_tabs ul.tabs:after,
.woocommerce .woocommerce-tabs ul.tabs:after {
content: “”;
display: block;
clear: both;
}
.woocommerce .woocommerce_tabs .panel,
.woocommerce .woocommerce-tabs .panel {
border: 1px solid #cfcfcf;
border-top: 0;
background: #fff;
padding: 2em;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
-moz-box-shadow: 0 1px 2px 0 #e0e0e0;
-o-box-shadow: 0 1px 2px 0 #e0e0e0;
clear: both;
}
.woocommerce .woocommerce_tabs .panel h2:first-child,
.woocommerce .woocommerce-tabs .panel h2:first-child {
padding-top: 0;
}
.woocommerce .woocommerce_tabs .panel .hreview-aggregate h2,
.woocommerce .woocommerce-tabs .panel .hreview-aggregate h2 {
padding-top: 0;
}
.upsells {
clear: both;
}
/* 7.2 Quantity incrementer */
.quantity {
width: 60px;
position: relative;
/* Disable input[type=number] buttons until the world is ready */

}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
display: none;
}
.quantity input.qty {
width: 40px;
height: 30px;
padding: 0;
text-align: center;
border: 1px solid #bebebe;
border-right: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: inset 0 0 2px 0 #e0e0e0;
-webkit-box-shadow: inset 0 0 2px 0 #e0e0e0;
-moz-box-shadow: inset 0 0 2px 0 #e0e0e0;
-o-box-shadow: inset 0 0 2px 0 #e0e0e0;
font-weight: bold;
}
.quantity .plus,
.quantity .minus {
display: block;
padding: 0;
position: absolute;
text-align: center;
border: 1px solid #3f7c85;
margin: 0 !important;
width: 20px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
background: #72afb8;
background: -webkit-gradient(linear, left top, left bottom, from(#72afb8), to(#619ea7));
background: -webkit-linear-gradient(#72afb8, #619ea7);
background: -moz-linear-gradient(center top, #72afb8 0%, #619ea7 100%);
background: -moz-gradient(center top, #72afb8 0%, #619ea7 100%);
color: #fff;
cursor: pointer;
text-shadow: 0 1px 0 #3f7c85;
font-weight: bold;
height: 15px;
}
.quantity .plus:hover,
.quantity .minus:hover {
background: #83c0c9;
background: -webkit-gradient(linear, left top, left bottom, from(#83c0c9), to(#619ea7));
background: -webkit-linear-gradient(#83c0c9, #619ea7);
background: -moz-linear-gradient(center top, #83c0c9 0%, #619ea7 100%);
background: -moz-gradient(center top, #83c0c9 0%, #619ea7 100%);
}
.quantity .plus {
top: 0;
right: 0;
border-bottom: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.quantity .minus {
bottom: 0;
right: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/*——————————————————————————————-*/
/* 8. CART */
/*——————————————————————————————-*/
table.cart td.actions {
text-align: right;
}
table.cart td.actions .coupon {
text-align: left;
width: 50%;
float: left;
margin-bottom: 0;
}
table.cart td.actions .coupon input,
table.cart td.actions .coupon .button {
width: auto;
float: none;
}
table.cart td.actions .coupon label {
display: none;
}
table.cart td.actions .button,
table.cart td.actions .checkout-button {
width: auto;
text-align: center;
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: inline-block;
}
table.cart img {
width: 40px;
height: auto;
}
.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
width: 48%;
float: right;
}
.cart-collaterals .cart_totals #shipping_method {
padding-left: 0;
}
.cart-collaterals .cart_totals #shipping_method li {
list-style: none;
}
.cart-collaterals .cross-sells {
float: left;
}
.cart-collaterals .cross-sells ul.products {
padding: 0 !important;
}
.cart-collaterals .cross-sells ul.products li {
width: 48%;
margin-right: 3.8%;
}
.cart-collaterals .cross-sells ul.products li:nth-child(2n) {
margin-right: 0;
}
.cart-collaterals .cross-sells ul.products li.last {
margin-right: 3.8%;
}
.cart-collaterals .shipping_calculator {
clear: right;
}
.cart-collaterals .shipping_calculator input {
width: 100%;
}
/*——————————————————————————————-*/
/* 9. CHECKOUT */
/*——————————————————————————————-*/
#customer_details {
background: #f1f1f1;
padding: 2%;
}
.required {
color: darkRed;
border: 0;
}
.validate-required.woocommerce-validated input {
border-color: #88ab2f;
background: #e7f2ce;
}
.validate-required.woocommerce-invalid input {
border-color: #b93533;
background: #f5dcdc;
}
ul.payment_methods {
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 1.618em 0;
list-style: none outside;
padding-bottom: 1.618em;
padding-left: 3px;
}
ul.payment_methods label {
display: inline;
}
ul.payment_methods li {
line-height: 2em;
text-align: left;
margin: 0 !important;
font-weight: normal;
list-style: none;
}
ul.payment_methods li input {
margin: 0 1em 0 0 !important;
}
ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
position: relative;
}
ul.payment_methods .payment_box {
background: #fff;
padding: .5em .75em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: .618em 0 1.618em;
margin-right: 2px;
border: 1px solid #cfcfcf;
background: #f1f1f1;
}
ul.payment_methods .payment_box p,
ul.payment_methods .payment_box fieldset {
margin-bottom: 0;
}
ul.payment_methods .payment_box fieldset .form-row-wide {
margin-bottom: .618em;
}
ul.payment_methods .payment_box fieldset label {
display: block;
}
ul.payment_methods .payment_box fieldset select {
width: 40%;
margin-right: 5%;
}
ul.payment_methods + .form-row {
width: 100%;
}
ul.payment_methods + .form-row #place_order {
float: right;
}
ul.payment_methods + .form-row input {
float: none;
}
ul.payment_methods + .form-row label {
display: inline;
}
/*——————————————————————————————-*/
/* 10. USER ACCOUNT */
/*——————————————————————————————-*/
#customer_login {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #f1f1f1;
}
#customer_login .col-1,
#customer_login .col-2 {
padding: 3%;
width: 44%;
}
#customer_login .col-1 h2,
#customer_login .col-2 h2 {
padding-top: 0;
}
#customer_login .col-2 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAEUlEQVQIHWNgYGCQ/P///2YACjADympEt28AAAAASUVORK5CYII=) left repeat-y;
/* 1px transparent png */

}
#customer_login a.lost_password {
display: block;
}
ul.digital-downloads {
padding: 0;
}
ul.digital-downloads li {
list-style: none;
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: 1px solid #e0e0e0;
}
ul.digital-downloads li a {
padding-left: 24px;
background: url(images/ico-download.png) left no-repeat;
}
ul.digital-downloads li .count {
float: right;
}
ul.digital-downloads li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}
/*– [ Order details ] ———————————————————————————-*/
.order_details {
overflow: hidden;
zoom: 1;
margin: 0 0 1.618em;
list-style: none;
padding: 0;
}
.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1em;
border-right: 1px dashed #ccc;
padding-right: 2em;
list-style: none !important;
}
.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5em;
color: #333;
}
.order_details li.method {
border: none;
}
/*——————————————————————————————-*/
/* 11. MISC */
/*——————————————————————————————-*/
/* 11.1 Buttons */
a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {
display: inline-block;
text-align: center;
font-size: 1em;
/* Make inputs the same size as anchors */

font-family: inherit;
/* Make inputs use the correct typeface instead of the browser default */

cursor: pointer;
/* Inputs need pointers! */

border: 1px solid #cfcfcf;
padding: .25em 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #f3f3f3;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#efefef));
background: -webkit-linear-gradient(#f3f3f3, #efefef);
background: -moz-linear-gradient(center top, #f3f3f3 0%, #efefef 100%);
background: -moz-gradient(center top, #f3f3f3 0%, #efefef 100%);
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;
font-weight: bold;
color: #494949;
text-shadow: 0 1px 0 #ffffff;
margin: 0 !important;
}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover {
text-decoration: none;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(#ffffff, #efefef);
background: -moz-linear-gradient(center top, #ffffff 0%, #efefef 100%);
background: -moz-gradient(center top, #ffffff 0%, #efefef 100%);
}
input.button,
button.button,
input[type=submit] {
padding: .45em 1em;
}
.button.alt {
background: #72afb8;
background: -webkit-gradient(linear, left top, left bottom, from(#72afb8), to(#508d96));
background: -webkit-linear-gradient(#72afb8, #508d96);
background: -moz-linear-gradient(center top, #72afb8 0%, #508d96 100%);
background: -moz-gradient(center top, #72afb8 0%, #508d96 100%);
box-shadow: inset 0 1px 0 0 #83c0c9;
-webkit-box-shadow: inset 0 1px 0 0 #83c0c9;
-moz-box-shadow: inset 0 1px 0 0 #83c0c9;
-o-box-shadow: inset 0 1px 0 0 #83c0c9;
border: 1px solid #3f7c85;
color: #d8ffff;
text-shadow: 0 1px 0 #2e6b74;
}
.button.alt:hover {
background: #83c0c9;
background: -webkit-gradient(linear, left top, left bottom, from(#83c0c9), to(#508d96));
background: -webkit-linear-gradient(#83c0c9, #508d96);
background: -moz-linear-gradient(center top, #83c0c9 0%, #508d96 100%);
background: -moz-gradient(center top, #83c0c9 0%, #508d96 100%);
color: #faffff;
}
/* 11.2 Gravity forms */
.gfield {
margin-bottom: 10px;
}
.gform_wrapper .top_label .gfield_label {
display: block;
float: left;
padding-right: 20px;
width: 100px;
margin: 5px 0 4px;
}
.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 .top_label .clear-multi {
clear: none !important;
}
.gform_wrapper input.button {
padding: 5px 10px 6px !important;
}
.gform_wrapper input {
padding: 7px 3px !important;
}
.gform_wrapper .entry img,
.gform_wrapper img,
.gform_wrapper thumbnail {
padding: 0 !important;
border: 0 !important;
}
.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
margin-left: 120px !important;
}
img.ui-datepicker-trigger {
border: 0;
padding: 0;
}
/* 11.3 Star Ratings */
.star-rating {
float: right;
width: 80px;
height: 16px;
background: url(images/ico-star.png) repeat-x left 0;
}
.star-rating span {
background: url(images/ico-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/ico-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/ico-star.png) repeat-x left -16px;
}
p.stars span a.active {
background: url(images/ico-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 .star-rating,
#footer-widgets .star-rating {
width: 60px;
height: 12px;
background: url(images/ico-star-small.png) repeat-x left 0;
}
#sidebar .star-rating span,
#footer-widgets .star-rating span {
background: url(images/ico-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/icons/star-small.png) repeat-x left 0;
}
#sidebar p.stars span a,
#footer-widgets p.stars span a {
width: 12px;
padding-top: 12px;
}
/* 11.4 Shortcodes */
.shortcode-sticky {
background: #f6eeca;
background: -webkit-gradient(linear, left top, left bottom, from(#f6eeca), to(#faf5e0));
background: -webkit-linear-gradient(#f6eeca, #faf5e0);
background: -moz-linear-gradient(center top, #f6eeca 0%, #faf5e0 100%);
background: -moz-gradient(center top, #f6eeca 0%, #faf5e0 100%);
padding: 1.618em 1.618em 2.992em 1.618em;
border-top: 1.618em solid #f2e8b5;
border-bottom: 1px solid #fcf7f2;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
font-family: ‘Schoolbell’, cursive;
margin: 1.618em;
font-size: 1.142em;
color: #554444;
max-width: 22em;
}
.shortcode-sticky a {
padding: 0 6px;
background: rgba(255, 255, 0, 0.1);
color: #443333;
}
.shortcode-sticky.left {
float: left;
}
.shortcode-sticky.right {
float: right;
}
.shortcode-sale {
padding: 0 1em;
background: #d62839;
color: #fff;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 2.618em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.shortcode-sale span {
padding: .618em 0;
display: block;
}
.shortcode-sale a {
background: rgba(255, 255, 255, 0.1);
color: #fff;
padding: 3px 12px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 0 6px;
-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;
}
.shortcode-sale a:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
/* 11.5 Messages / info boxes */
ul.woocommerce_error,
ul.woocommerce-error {
padding: .65em 3em;
list-style: none;
}
ul.woocommerce_error li,
ul.woocommerce-error li {
list-style: none;
}
.woocommerce_message,
.info,
.woocommerce_error,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: .5em 1em .5em 3em;
margin-bottom: 1.618em;
border-top: 2px solid #72afb8;
background: rgba(0, 0, 0, 0.05);
position: relative;
}
.woocommerce_message:before,
.info:before,
.woocommerce_error:before,
.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before {
content: “”;
height: 16px;
width: 16px;
display: block;
position: absolute;
top: .8em;
left: 1em;
background-color: #72afb8;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.woocommerce_message .button,
.info .button,
.woocommerce_error .button,
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
float: right;
}
.woocommerce_message:after,
.info:after,
.woocommerce_error:after,
.woocommerce-message:after,
.woocommerce-error:after,
.woocommerce-info:after {
content: “”;
display: block;
clear: both;
}
.woocommerce_message,
.woocommerce-message {
border-top-color: #75ac67;
}
.woocommerce_message:before,
.woocommerce-message:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAAN0lEQVQIHXWMQQ4AMAjCxv7/ZxZIanbYPIhSUbbXo2Jqf0BsA4mjgU1ioAVpSSrDVbPzFgPt7QH7qwoJ3MDCYgAAAABJRU5ErkJggg==) center no-repeat #75ac67;
/* check icon */

}
.info,
.woocommerce-info {
border-top-color: #6689aa;
}
.info:before,
.woocommerce-info:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAG0lEQVQIHWP8DwQMQMACxIwwBliECcQDATgDAMHrBQqJ6tMZAAAAAElFTkSuQmCC) center no-repeat #6689aa;
/* info icon */

}
.woocommerce_error,
.woocommerce-error {
border-top-color: #b46c73;
}
.woocommerce_error:before,
.woocommerce-error:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAFCAYAAABvsz2cAAAAHUlEQVQIHWP8DwQMQMAEIkAAzmABchhBIiAGWA0Ar6MFCigWCYMAAAAASUVORK5CYII=) center no-repeat #b46c73;
/* error icon */

}
p.demo_store {
position: fixed;
bottom: 0;
right: 0;
left: 0;
background: #6689aa;
padding: .25em 0;
text-align: center;
color: #fff;
font-weight: bold;
z-index: 1000000;
margin-bottom: 0;
}
/* 11.6 Uniform */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader * {
margin: 0;
padding: 0;
}
/* Select */
div.selector {
background-position: -485px -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;
cursor: pointer;
}
div.selector:active,
div.selector.active {
background-position: -485px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus,
div.selector.hover,
div.selector:hover {
background-position: -485px -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: -485px -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: -485px -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;
}
/* PRESENTATION */
/* Select */
div.selector {
width: 185px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.selector select {
min-width: 190px;
font-weight: 700;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
text-align: left;
}
div.selector span {
color: #666;
width: 158px;
text-align: left;
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: center;
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,
.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;
}
/* Select */
div.selector {
position: relative;
padding-left: 8px;
overflow: hidden;
font-family: sans-serif;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
}
div.selector select {
position: absolute;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
text-align: center;
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 {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/* 11.7 Iconise links */
a[href*=”youtube.com/watch?”],
a[href*=”sevenload.com/videos/”],
a[href*=”metacafe.com/watch/”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_film.gif) no-repeat center right;
}
/* extensions */
a[href$=’.doc’],
a[href$=’.rtf’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_doc.gif) no-repeat center right;
}
a[href$=’.txt’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_txt.gif) no-repeat center right;
}
a[href$=’.xls’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_xls.gif) no-repeat center right;
}
a[href$=’.rss’],
a[href$=’.atom’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_feed.gif) no-repeat center right;
}
a[href$=’.opml’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_opml.gif) no-repeat center right;
}
a[href$=’.phps’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_phps.gif) no-repeat center right;
}
a[href$=’.phps’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_phps.gif) no-repeat center right;
}
a[href$=’.torrent’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_torrent.gif) no-repeat center right;
}
a[href$=’.vcard’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_vcard.gif) no-repeat center right;
}
a[href$=’.exe’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_exe.gif) no-repeat center right;
}
a[href$=’.dmg’],
a[href$=’.app’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_dmg.gif) no-repeat center right;
}
a[href$=’.pps’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_pps.gif) no-repeat center right;
}
a[href$=’.pdf’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_pdf.gif) no-repeat center right;
}
.thumbnails a[href$=’.pdf’] {
padding: 0;
background: none;
}
a[href$=’.xpi’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_plugin.gif) no-repeat center right;
}
a[href$=’.fla’],
a[href$=’.swf’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_flash.gif) no-repeat center right;
}
a[href$=’.zip’],
a[href$=’.rar’],
a[href$=’.gzip’],
a[href$=’.bzip’],
a[href$=’.ace’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_archive.gif) no-repeat center right;
}
a[href$=’.ical’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_ical.gif) no-repeat center right;
}
a[href$=’.css’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_css.gif) no-repeat center right;
}
a[href$=’.ttf’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_ttf.gif) no-repeat center right;
}
a[href$=’.mov’],
a[href$=’.wmv’],
a[href$=’.mp4′],
a[href$=’.avi’],
a[href$=’.mpg’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_film.gif) no-repeat center right;
}
a[href$=’.mp3′],
a[href$=’.wav’],
a[href$=’.ogg’],
a[href$=’.wma’],
a[href$=’.m4a’] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_music.gif) no-repeat center right;
}
/* messenger */
a[href^=”aim:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_aim.gif) no-repeat center right;
}
a[href^=”msnim:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_msn.gif) no-repeat center right;
}
a[href^=”xmpp:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_jabber.gif) no-repeat center right;
}
a[href*=”icq.com”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_icq.gif) no-repeat center right;
}
a[href*=”edit.yahoo.com/config/send_webmesg?”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_yim.gif) no-repeat center right;
}
a[href^=”callto:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_call.gif) no-repeat center right;
}
a[href^=”skype:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_skype.gif) no-repeat center right;
}
a[href^=”gg:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_gadugadu.gif) no-repeat center right;
}
/* email */
a[href^=”mailto:”] {
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_mailto.gif) no-repeat center right;
}
/* 11.9 Fancybox */
#fancybox-wrap table td {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* 11.8 IE specific styling */
.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: #8d8d8d !important;
font-weight: normal;
}
.ie6 .reply a {
color: #8d8d8d !important;
}
.ie7 #header .woocommerce-nav {
clear: none;
}
.ie7 #homepage * {
overflow-x: hidden;
}
.ie7 #homepage .slider-wrap #slider .next {
position: absolute;
top: 0;
right: 0;
width: 70px;
background: url(images/slider-right.png) 0 45% no-repeat;
background-color: none;
}
.ie7 #homepage .slider-wrap #slider .next:hover {
background: url(images/slider-right-hover.png) 0 45% no-repeat;
}
.ie7 #homepage .slider-wrap #slider .prev {
position: absolute;
top: 0;
left: 0;
width: 70px;
background: url(images/slider-left.png) 5px 45% no-repeat;
background-color: none;
text-align: left;
text-indent: -999em;
}
.ie7 #homepage .slider-wrap #slider .prev:hover {
background: url(images/slider-left-hover.png) 5px 45% no-repeat;
}
.ie7 #homepage .slider-wrap #slider .jcarousel-prev-disabled,
.ie7 #homepage .slider-wrap #slider .jcarousel-next-disabled {
display: none !important;
}
.ie7 .nav li a {
_height: 0;
zoom: 1;
}
.ie7 .button,
.ie7 .button:visited {
padding: 7px 6px;
margin: 0;
}
.ie7 #sidebar .widget_layered_nav ul li,
.ie7 #sidebar .widget_product_categories ul li,
.ie7 #sidebar .widget_layered_nav ul li.fix,
.ie7 #sidebar .widget_product_categories ul li.fix {
margin-left: -15px;
}
.ie7 #sidebar .widget ul.product_list_widget li {
margin-left: -15px;
}
.ie7 .quantity .minus {
bottom: 1px;
height: 16px;
}
.ie7 .quantity .plus {
top: 1px;
height: 16px;
}
.ie7 .type-product .summary form.cart .button.alt {
padding-top: 2px;
padding-bottom: 3px;
padding-left: 1em;
}
.ie8 .button,
.ie8 .button:visited {
padding: 10px 15px;
margin: 0;
}
.ie8 #homepage .slider-wrap #slider .next {
background: url(images/slider-right.png) 20px 45% no-repeat #fdfdfd;
}
.ie8 #homepage .slider-wrap #slider .next:hover {
background: url(images/slider-right-hover.png) 20px 45% no-repeat #fdfdfd;
}
.ie8 #homepage .slider-wrap #slider .prev {
background: url(images/slider-left.png) 1915px 45% no-repeat #fdfdfd;
}
.ie8 #homepage .slider-wrap #slider .prev:hover {
background: url(images/slider-left-hover.png) 1915px 45% no-repeat #fdfdfd;
}
.ie8 #homepage .slider-wrap #slider .jcarousel-prev-disabled,
.ie8 #homepage .slider-wrap #slider .jcarousel-next-disabled {
background: #fdfdfd !important;
}
.ie8 #header #search-top #s,
.ie7 #header #search-top #s {
padding: 2px 5px 10px 5px;
}
.ie8 .type-product .summary form.cart .button.alt,
.ie7 .type-product .summary form.cart .button.alt {
padding-top: 2px;
padding-bottom: 3px;
}
.ie8 .cart td.actions .button,
.ie7 .cart td.actions .button {
padding: 3px 10px !important;
line-height: 1.618em !important;
overflow: visible;
}
.ie9 #header #search-top #s {
padding-top: .43em;
padding-bottom: .43em;
}
.ie9 table {
border-collapse: separate;
}