/*
Theme Name: Size Up Supplements
Theme URI: http://www.professionalpixels.com/
Version: 1.1.3
Description: Designed by Brandon.
Author: Brandon
Author URI: http://www.professionalpixels.com
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.2.2 Top menu
-2.2.2.1 Top menu drop downs
-2.3 Header
-2.4 Content
-2.4.1 Product Gallery
-2.5 Sidebar
-2.6 Footer
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Post Author
-3.5 Connect / Subscribe
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 WooTabs
-4.4 Shopping Cart
-4.5 Product lists
-4.6 Search
5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form
6. MISC
-6.1 Buttons
- 6.1.1 Comment Reply Link
-6.2 Info Boxes
-6.3 Conatct Form
-6.4 Gravity forms
-6.5 Timeline Template
-6.6 Tables
-6.7 Homepage specific
7. WOOCOMMERCE SPECIFICS
-7.1 Demo store notice
-7.2 Star Ratings
-7.3 Single Product Page
- 7.3.1 Reviews
-7.4 Quantity Incrementer
-7.5 User Account Section
- 7.5.1 Order Tracking
-7.6 Cart
8. SLIDER
9. UNIFORM JS
10. IE FIXES
-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #000000 url(../../uploads/2012/11/texture.jpg); background-attachment: fixed; }
#content_sides {
background:url(../../uploads/2012/11/content_sides.png) no-repeat center 100px;
}
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #8dc63f; font-weight:normal; line-height: 1.5; }
h1 {font-size: 22px; } h2 {font-size: 22px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0; font:12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif serif; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 3px 6px; border-color: #191919; background: #242424; border-width:1px; border-style:solid; font-size: 12px; color:#ffffff;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #8dc63f; text-decoration:none;}
a:hover {text-decoration:underline !important;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a.post-edit-link { display:block; clear: both; }
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { }
#container { background: #000; border:1px solid #b1b1b1; border:1px solid rgba(0,0,0,.25);}
#container.main { margin-bottom:20px; }
#main{width:578px;}
.layout-full #main { width:900px; }
#sidebar{width:190px;}
.col-left { float: left; }
.col-right { float: right; margin-right:-54px; }
.col-leftsidebar { float: left; margin-left:-31px;}
.col-full { width: 960px; margin: 0 auto; }
.layout-right-content #main.col-left { float: right; }
.layout-right-content #sidebar.col-right { float: left; }
.col2-set:after { content:""; display: block; clear: both; }
.col2-set .col-1, .col2-set .col-2 , .form-row { width:48%; float: left; }
.col2-set .col-2, .form-row-last { float: right; }
.form-row-first { clear: left; }
.form-row-wide
.form-row label { display: block; }
.form-row input, .form-row textarea, .form-row select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; }
.form-row input[type=checkbox] { width:auto; }
.form-row input.button, .form-row input.button { width: auto; }
.form-row-wide { width:100%; float: left; clear:both; }
/* The full-width template */
.page-template-template-fullwidth-php #main { width:100%; }
/* 2.2 Navigation */
#navigation{z-index:9999; font:12px/12px Helvetica, Arial, sans-serif;padding:0; background: #0f1107;
width:958px;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2);
}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 5px;padding:6px 15px 3px 0;margin-right:10px;}
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#cf6300;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
#main-nav { margin-left:18px !important; }
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1;}
.nav a { position:relative; color:#fff !important; display:block; z-index:100; padding:5px 15px 5px; line-height:36px; text-decoration:none; font-weight: bold; text-shadow: 0px 1px #303030 !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAEklEQVQIHWP4//+/MRMDEKARAElnAzl8FoGJAAAAAElFTkSuQmCC) right no-repeat; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-item a, .nav .sfHover a { color:#d3d75d !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAYAAACEhIafAAAAEklEQVQIHWP4//+/MRMDEKARAElnAzl8FoGJAAAAAElFTkSuQmCC) right no-repeat; text-decoration: none !important; }
.nav li { float:left; width: auto; }
.nav li a.sf-with-ul { padding-right:25px; }
/* 2.2.1 Drop-down menus */
.nav li ul { position: absolute; left: -999em; width: 200px; z-index:999; }
.nav li ul li { background:#0f1107;}
.nav li ul li:first-child { }
.nav li ul li a { width:170px; color:#555; font-size:0.8em; border:none; line-height: 28px;}
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background: rgba(0,0,0,0.1); color:#fff !important; border-bottom:0 !important; padding-bottom:5px;}
.nav li ul li:last-child, .nav li ul li:last-child a { -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a { }
.nav li ul li ul li a { padding:5px 10px; }
.nav li.current_page_parent ul li a{ color:#555; background: none; }
.nav li.current_page_item ul li a{ color:#555; background: none; }
.nav li ul li.current_page_parent a{ color:#222; background: #555; }
.nav li ul li.current_page_item a{ color:#222; background: #555; }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/sub.png) no-repeat;position:absolute;display:block;right:0.6em;top:1.7em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}
#navigation2{z-index:9999; font:10px/10px Verdana, Arial, sans-serif;padding:0; background: #030301;
margin-top:-5px;
border-top:1px solid #3c3d36;
border-bottom:1px solid #3c3d36;
width:958px;
}
/* 2.2.2 The top menu */
#top { border-bottom:1px solid #ccc; background: #fff; -webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.05); -moz-box-shadow:0 0 0 2px rgba(0,0,0,0.05); box-shadow:0 0 0 2px rgba(0,0,0,0.05);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1); /* IE10 */
background-image: -o-linear-gradient(top, #ffffff, #f1f1f1); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffffff, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f1f1f1'); /* IE6–IE9 */
}
#top a { color:#666 !important; text-shadow:0 1px 0 rgba(255,255,255,0.5) !important; line-height: 24px !important; padding:7px 15px; }
#top a:hover { background: none; border-bottom:0 !important; }
#top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-item a { background: none; border:0; }
/* 2.2.2.1 Top menu drop downs */
#top .nav li ul.sub-menu { background: #f1f1f1; border:1px solid #ccc; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; border-top-width:3px; }
#top .nav li ul.sub-menu li:last-child, #top .nav li ul.sub-menu li:last-child:hover, #top .nav li ul.sub-menu li:last-child a { -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
#top .nav li ul li { border: 0; background: #f1f1f1; }
#top .nav li ul li a { padding:3px 15px; }
#top .nav li ul li a:hover { background: #fff !important; }
#account-nav {border:none;}
#account-nav li a{color: #303030 !important; border:none;font-weight: bold; text-shadow: 0px 1px #fff !important; line-height: 20px;}
#account-nav li a:hover{color: #000 !important; background: none;}
#account-nav li.account {background: url(images/ico-account.png) no-repeat left; padding: 0 0px; opacity:0.8; }
#account-nav li.checkout {background: url(images/ico-cart.png) no-repeat 10px 10px; padding: 0 10px;opacity:0.8; padding-left: 20px; clear: none; border-left: 1px solid #aaa;}
#account-nav li.account:hover, #account-nav li.checkout:hover {opacity:0.8;}
{background: url(http://www.sizeupsupplements.com/wp-content/themes/custom2/images/ico-checkout-nav.png) no-repeat left center; padding-left:5px;}
#btn-cart { margin:2px 15px 0 0;}
#btn-cart a { background: transparent url(images/btn-cart-right.png) no-repeat scroll top right; color: #fff; display: block; float: left; font-size:13px; height: 25px; padding-right: 8px; text-decoration: none;font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; text-shadow:0 1px #668647; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4); }
#btn-cart a span.btn-cart-inner { background: transparent url(images/btn-cart-left.png) no-repeat;display: block;line-height: 20px;padding: 3px 3px 2px 26px;}
#btn-cart a:hover { background-position:bottom right; outline: none; text-decoration: none !important; }
#btn-cart a:hover span.btn-cart-inner { background-position:bottom left;padding: 3px 3px 2px 26px;}
/* 2.3 Header */
#header{padding:50px 0 20px;clear:both;position:relative;}
#logo { float:left; }
#logo img { }
#logo .site-title, #logo .site-description { display:none; text-shadow: 0 1px #fff}
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; ;}
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }
#topad {float:right;}
#search-top {float:right;margin-top:6px; margin-right: 0px; position:relative;}
#search-top .searchform {position: relative;}
#search-top .searchform label { display: none; }
#search-top input.field { background: transparent url(images/search.png) no-repeat top left; border:0px; color:#c7c7c7; padding:8px 8px 8px 30px; width:180px;}
#search-top input.btn {border:none; position: absolute; width: 16px; height: 16px; left:-999em; top:0px; }
/* 2.4 Content */
#content{ width:900px; padding:6px; background: #000; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
/* 2.4.1 Product Gallery */
.product-gallery {position: relative;margin:0 0 30px;}
/*.product-gallery h2 { font-size:18px; font-weight: bold; color:#333; margin:0 0 15px; padding:0 0 15px; }*/
ul.products { overflow: hidden; zoom:1; margin-bottom:20px; }
ul.products li { width:43%; float: left; padding:2.5%; position: relative; margin-right:2%; margin-bottom:12px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
ul.products li.last { float: right; margin-right:0; }
ul.products li.first { clear: left; }
ul.products img { width:auto; height: 100px; float: left; margin:0 12px 0 0; padding:0; border:0; background: none; }
ul.products li a h3 { font-weight:bold; color:#fff; font-size:14px; margin:5px 0 6px; display: block; font-family:sans-serif; }
ul.products li a:hover h3 { color:#d3d75d; }
ul.products li .price { font-size:14px; color:#7ea657;font-weight: bold; display: block; margin-bottom:6px; }
ul.products li a.button { margin-left:0; }
ul.products li a:hover { text-decoration: none !important; }
.onsale {
background-color: #f7a921;
position: absolute;
top:5px;
right:-3px;
padding:2px 8px;
font-size:11px;
text-align: center;
font-weight: bold;
color:#fff;
-webkit-border-top-right-radius:2px;
-moz-border-radius:0 2px 0 0;
-o-border-radius:0 2px 0 0;
border-radius:0 2px 0 0;
text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.onsale:before {
content: "";
position: absolute;
top:0;
left:-11px;
border:11px solid #f7a921;
border-right-width: 0;
border-left-color: transparent;
}
ul.products li del { color:#ccc; }
ul.products li ins { text-decoration:none; }
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebarleft{overflow:hidden;}
.layout-right-content #sidebar .primary { margin-left:0; }
.layout-left-content #sidebar .primary2 { margin-left:0; }
/* 2.6 Footer */
#footer{padding: 20px 0; color:#999; margin-bottom: 20px;}
#footer p {font-size:11px}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/*Footer widgets */
#footer-widgets { overflow: hidden; zoom:1; padding:24px; }
/* 4 columns */
#footer-widgets.col-4 .block { width:22.15%; float: left; margin-right:3.8%; }
#footer-widgets.col-4 .footer-widget-4 { margin-right:0; }
/* 3 columns */
#footer-widgets.col-3 .block { width:30.75%; float: left; margin-right:3.8%; }
#footer-widgets.col-3 .footer-widget-3 { margin-right:0; }
/* 2 columns */
#footer-widgets.col-2 .block { width:48%; float: left; margin-right:3.8%; }
#footer-widgets.col-2 .footer-widget-2 { margin-right:0; }
/* 1 column */
#footer-widgets.col-1 .block { width:100%; }
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
.breadcrumb{ background: #f6f6f6; border:1px solid #d8d8d8; margin:0 0 25px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow: hidden; zoom:1; }
.breadcrumb .trail-before { float:left; padding:5px 5px 5px 15px; background: url(images/bg-breadcrumb.png) repeat-x;}
.breadcrumb a, .breadcrumb .sep, .breadcrumb .trail-end { padding:5px; float:left; }
.breadcrumb a.trail-begin { background: url(images/bg-breadcrumb-divider.png) no-repeat left; padding-left:30px; }
.breadcrumb .trail-end { padding-right:15px; }
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
#content p, #content dl { margin-bottom:12px; }
.post { margin: 0 0 20px; clear: left; }
.page .post { border:none; }
.post.type-post { border-bottom:0px dotted #e6e6e6; }
.post .title { font:normal bold 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;position:relative; margin: 0 0 15px; }
.page .post .title { margin: 0 0 10px 0; }
.post .title a:link, .post .title a:visited { color:#8dc63f; }
.post-meta{margin: 0px 0 15px 0; }
.post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; }
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; border:1px solid #e6e6e6; border-width:1px 0 0px; padding:10px 0; font-size:12px;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
mark { background: none; font-weight: bold; }
/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #8dc63f; margin-bottom:20px; }
.entry p { margin: 0 0 20px 0; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }
.flourish-title span { padding:0 6px; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; }
.entry .woo-image { float: right; margin:0 0 20px 20px; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; }
.nav-entries a { display: block; font-size:16px; color:#fff; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.woo-pagination { margin: 0 !important; padding-top:10px !important; text-align: center !important; }
.woo-pagination a:link,
.woo-pagination a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.woo-pagination .current,
.woo-pagination .on,
.woo-pagination a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woo-pagination span.extend, .pagination span.pages { background:none !important; border:none !important; color:#666 !important;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.woocommerce .woo-pagination, .woocommerce .woocommerce_ordering, .nav-entries { padding-top:.5em; border-top:0px dotted #ddd; }
.woocommerce .woo-pagination, .nav-entries { width:50%; float: left; text-align: left !important; }
.woocommerce .woocommerce_ordering { width:50%; float: right; text-align: right; }
.woocommerce .woocommerce_ordering div.selector span { text-align: left; }
#post-entries { overflow: hidden; zoom:1; margin:10px 0; border:1px solid #181818;
}
#post-entries a { display:block; padding:5px 10px; text-shadow:0 1px 0 #fff; }
#post-entries a:hover { background: rgba(255,255,255,0.5); }
#post-entries .nav-prev a { border-right:1px solid #ddd; -webkit-box-shadow:1px 0 0 #fff; -moz-box-shadow:1px 0 0 #fff; box-shadow:1px 0 0 #fff; }
#post-entries .nav-next a { border-left:1px solid #fff; -webkit-box-shadow:-1px 0 0 #ddd; -moz-box-shadow:-1px 0 0 #ddd; box-shadow:-1px 0 0 #ddd; }
/* 3.4 Post Author */
#post-author { background: #f7f7f7; padding:20px; overflow: hidden; zoom:1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#post-author .profile-image { width:48px; float: left; }
#post-author .profile-image img { width:40px; height: auto; background: #fff; padding:3px; border:1px solid #ddd; }
#post-author .profile-content { width:495px; float: right; }
/* 3.5 Connect / Subscribe */
#connect { padding:20px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; font-size:12px; background:url(../../uploads/2012/11/side-bar-news-bg2.jpg) no-repeat left top; padding: 15px 5px 15px;}
.layout-right-content .widget { margin-right:25px; }
.layout-left-content .widget { margin-right:25px; }
.widget a:hover {color: #8dc63f; text-decoration: none;}
.widget a {color: #fff;}
.widget h3 { margin: 0 0 3px 11px; padding:0 0 14px; text-transform:uppercase; font:normal bold 16px "Helvetica Neue", Helvetica Arial, sans-serif; color:#fff; background:url(../../uploads/2012/11/title_diagonals.png) no-repeat left top; letter-spacing: -1px;}
.widget p { margin-bottom:15px; }
.widget ul { clear:both; padding-left:10px; list-style-position:inside; list-style-type:disc;}
.widget ul li {background:url("../../uploads/2012/11/icon_arrow.png") no-repeat scroll 0 8px transparent; list-style:none; padding-left:15px; border-bottom: 2px solid #000;}
.widget ul li a { padding: 0; line-height: 22px; text-decoration: none; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 1px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; }
.search-widget .searchform {position: relative;}
.search-widget input.field { background: #fff url(http://www.sizeupsupplements.com/wp-content/themes/custom2/images/bg-input.png) repeat-x top left; border:1px solid #ccc; color:#777; font-weight: bold; padding:9px 25px 9px 12px; width:180px;}
.search-widget input.btn {border:none; position: absolute; width: 16px; height: 16px; right:5px; top:0px; }
/* ADSPACE */
.adspace-widget img { max-width: 100%; height: auto; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* TWITTER */
.widget_woo_twitter ul { padding-left:0; margin-bottom:10px; }
.widget_woo_twitter ul li { padding-left:0; background: none; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #e6e6e6; }
.widget_woo_twitter ul li .content { display: block; }
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
/* WooCommerce layered nav */
.widget_layered_nav ul li { overflow: hidden; zoom:1; }
.widget_layered_nav ul li a { float: left; }
.widget_layered_nav ul li .count { float: right; background: #f6f6f6; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); padding:1px 10px; margin-top:1px; -webkit-border-radius:10px; }
.widget_layered_nav ul li.chosen a { padding-right:18px; background: url(images/ico-cross-small.png) right no-repeat; }
/* WooCommerce price filter */
.widget_price_filter .ui-state-default, .widget_price_filter .ui-widget-content .ui-state-default, .widget_price_filter .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; colour: #555555; }
.widget_price_filter .ui-state-hover, .widget_price_filter .ui-widget-content .ui-state-hover, .widget_price_filter .ui-widget-header .ui-state-hover, .widget_price_filter .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; colour: #212121; }
.widget_price_filter .ui-state-active, .widget_price_filter .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; colour: #212121; }
.widget_price_filter .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.widget_price_filter .ui-slider { position: relative; text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.widget_price_filter .price_slider_wrapper .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; colour: #222222; font-weight: bold; }
.widget_price_filter .ui-slider-horizontal { height: .8em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.widget_price_filter .price_slider_wrapper .price_slider { margin:0 10px 10px 10px; background: #f6f6f6 !important; border:1px solid #e6e6e6 !important; }
.widget_price_filter .price_slider_wrapper .ui-widget-header { border:1px solid #e6e6e6; background: #e6e6e6; }
.widget_price_filter .price_slider_wrapper .ui-slider-handle {
border: 1px solid #658A41;
color: white !important;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
cursor: pointer;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #7aa253; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #94BC6D),
color-stop(1, #7aa253)
);
background: -moz-linear-gradient(
center top,
#94BC6D 20%,
#7aa253 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}
.widget_price_filter .price_slider_wrapper .ui-slider-handle:hover {
text-decoration: none !important;
/*Background*/
background: #94BC6D; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #a1c47e),
color-stop(1, #7aa253)
);
background: -moz-linear-gradient(
center top,
#a1c47e 20%,
#7aa253 100%
);
}
.widget_price_filter .price_slider_wrapper .button { margin-left:0; }
/* 4.3 WooTabs */
#tabs, .woocommerce_tabs { height:auto; display: block; margin-bottom:30px; }
#tabs ul.wooTabs, #tabs ul.tabs, .woocommerce_tabs ul.tabs { padding:0px; overflow: hidden; zoom:1; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWM4ffr0fwAIJwNh1H20KQAAAABJRU5ErkJggg==) bottom repeat-x; }
#tabs ul.wooTabs li, #tabs ul.tabs li, .woocommerce_tabs ul.tabs li { float: left; color: #000; margin:0px; cursor: pointer; padding-left:0; background-image: none;}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover, #tabs ul.tabs li.active a, #tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li a:hover, .woocommerce_tabs ul.tabs li.active a { background:#2a2a2a !important; text-decoration:none; padding-top:8px; top:0; }
#tabs ul.wooTabs li a, #tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a { color:#fff; display: block;float: left;padding: 7px 8px 8px 8px; position: relative; top:1px; border:1px solid #2a2a2a; border-bottom:0; border-right:0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWM4ffr0fwAIJwNh1H20KQAAAABJRU5ErkJggg==) bottom repeat-x #131313; font-weight: bold; }
#tabs ul.tabs li:first-child a, .woocommerce_tabs ul.tabs li:first-child a { -webkit-border-top-left-radius:6px; -moz-border-radius:6px 0 0 0; border-radius:6px 0 0 0; }
#tabs ul.wooTabs li:last-child a, #tabs ul.tabs li:last-child a, .woocommerce_tabs ul.tabs li:last-child a { border-right:1px solid #2a2a2a; -webkit-border-top-right-radius:6px; -moz-border-radius:0 6px 0 0; border-radius:0 6px 0 0; }
#tabs .inside, #tabs .panel, .woocommerce_tabs .panel { background:#000; clear: left; border:1px solid #2a2a2a; border-top:0; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; }
#tabs .panel, .woocommerce_tabs .panel { padding:20px; }
#tabs .panel h2, .woocommerce_tabs .panel h2 { padding-top:10px; }
#tabs .inside li { background:none; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; padding-left:0; }
#tabs .inside li { padding:10px; border-bottom:1px solid #2a2a2a; }
#tabs .inside li:last-child { border-bottom:0; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #000; float: left; margin: 0 8px 0 0; }
.type-product .panel ul, .type-product .panel ol { margin-left:20px; list-style: disc; }
.type-product .panel ol.commentlist { margin-left:0; }
/* 4.4 Woo Shopping Cart */
.widget_shopping_cart { margin:0 0 30px 0; background: #dce7d1; border: 1px solid #b6c0ac; }
.layout-right-content .widget_shopping_cart { margin:0 0 30px 0; border-width:1px; }
.widget_shopping_cart h3 { background:#cbd6c0 url(images/ico-cart.png) no-repeat 15px 50%; border-top:1px solid rgba(255,255,255,0.5); padding:10px 15px 10px 40px; border-bottom:1px solid #bac5b0; text-shadow: 0 1px #fff; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.widget_shopping_cart li.empty { margin-bottom:18px !important; }
.widget_shopping_cart ul.cart_list { padding:8px 20px 0; }
.widget_shopping_cart ul.cart_list li:last-child { margin-bottom:0; }
.widget_shopping_cart p.total, .widget_shopping_cart p.buttons { padding:0 20px; text-align: center; }
.widget_shopping_cart p.total { border-top:1px solid #bac5b0; border-bottom:1px solid #bac5b0; padding:10px 20px; background: rgba(255,255,255,0.2); -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); }
.widget_shopping_cart p.buttons .button { margin-left:0; }
/* 4.5 Product lists within widgets */
.widget .product_list_widget {
padding-left:0;
}
.widget .product_list_widget li {
background: none;
padding-left:0;
overflow: hidden;
zoom:1;
margin-bottom:10px;
padding-bottom:10px;
}
.widget .product_list_widget li a {
display: block;
}
.widget .product_list_widget li img {
float: left;
margin:0 8px 5px 2px;
border:3px solid #fff;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
width:48px;
height: auto;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.widget .product_list_widget li dl.variation {
overflow: hidden;
zoom:1;
margin-bottom:0 !important;
}
.widget .product_list_widget li dl.variation dt {
float: left;
font-weight: bold;
margin-right:6px;
clear: left;
}
.widget .product_list_widget li del {
color: #ccc;
}
.widget .product_list_widget li ins {
text-decoration: none;
}
/* 4.6 Search */
#sidebar .searchform, #sidebar #searchform, #footer-widgets .searchform, #footer-widgets #searchform { padding:10px; background: #fafafa; border:1px solid #e6e6e6; -webkit-borde-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.05); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.05); box-shadow:inset 0 0 3px rgba(0,0,0,0.05); overflow: hidden; zoom:1; }
#sidebar .searchform input, #sidebar #searchform input, #footer-widgets .searchform input, #footer-widgets #searchform input { background: 0; padding:0; border:0; }
#sidebar .searchform .search-submit, #sidebar #searchform #searchsubmit, #footer-widgets .searchform .search-submit, #footer-widgets #searchform #searchsubmit { float: right; }
#sidebar #searchform #searchsubmit, #footer-widgets #searchform #searchsubmit { text-align: left; text-indent: -999em; cursor: pointer; display: block; height:18px; width:18px; background: url(images/ico-search.png) no-repeat; }
#sidebar .searchform .s, #sidebar #searchform #s, #footer-widgets .searchform .s, #footer-widgets #searchform #s { width:80%; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative; padding-top:20px; }
#comments h3 { color:#ffffff; font-weight:normal; margin-bottom:20px; }
#comments .comment.thread-even { }
#comments .comment{margin-top:10px;width:100%;list-style-type:none; border-bottom:1px solid #eee;}
#comments .comment .comment-container { position:relative; padding:20px 0; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-entry { margin-left:63px; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { font-size:11px; text-transform: uppercase; }
#comments .reply a:hover { }
#comments ul.children{margin:10px 10px 0 60px;padding:0; }
#comments ul.children .comment { border-bottom:0; }
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#fff; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { border-color: #191919; border-width:1px; border-style:solid;}
#commentform input.txt { color:#fff; background: #242424; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#fff; background: #242424; width: 95% !important; padding: 5px 7px; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
a.button, .button.alt, .button, input.button, button.button, a.comment-reply-link, #commentform #submit {
display: inline-block;
margin: 5px;
padding: 1px 10px;
border: 1px solid #658a41;
color: white !important;
text-align: center;
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
text-decoration: none;
font-size: 1em !important;
font-family: inherit;
position: relative;
overflow: visible;
/*Border radius*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*Background*/
background: #ff9c07; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f4a328),
color-stop(1, #ebb159)
);
background: -moz-linear-gradient(
center top,
#ff9c07 20%,
#ff9c07 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
/* Animation */
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
}
a.button.loading, input.button.loading, button.button.loading {
filter:~"alpha(opacity=50)";
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
a.button.loading:before, input.button.loading:before, button.button.loading:before, a.button.added:before, input.button.added:before, button.button.added:before {
content:"";
position: absolute;
height:16px;
width:16px;
top:2px;
right:-26px;
text-indent: 0;
}
a.button.loading:before, input.button.loading:before, button.button.loading:before {
background: url(images/ajax-loader.gif) no-repeat;
}
a.button.added:before, input.button.added:before, button.button.added:before {
background: url(images/ico-tick.png) no-repeat;
}
input.button, button.button, input.button.alt, button.button.alt {
padding:3px 10px;
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
.button.alt:hover,
.button:hover,
input.button:hover,
button.button:hover,
a.button.hover,
a.button.active {
text-decoration: none !important;
/*Background*/
background: #7aa253; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #7aa253),
color-stop(1, #94bc6d)
);
background: -moz-linear-gradient(
center top,
#7aa253 20%,
#94bc6d 100%
);
}
a.button:active,
.button.alt:active,
a.button.active,
input.button:active,
button.button:active {
border-color: #5c7d3b;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
a.button.inactive {
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #aeaeae;
text-shadow: 0 1px 0 white;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
/* 6.1.1 Comment Reply Link */
a.comment-reply-link {
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #888 !important;
text-shadow: 0 1px 0 white;
margin:0;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
a.comment-reply-link:hover,
a.comment-reply-link.hover,
a.comment-reply-link.active { color:#666; }
/* 6.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick, .woocommerce_message, .woocommerce_error { margin:10px 0 20px 0; padding:9px 10px 9px 50px; overflow: hidden; zoom:1; clear: left; }
p.alert, .woocommerce_error { border-top:1px solid #141414; border-bottom:1px solid #141414; background:#0f0f0f url(images/ico-alert.png) no-repeat 20px 13px; }
ul.woocommerce_error { padding: 12px 0 12px 50px; list-style: none; }
ul.woocommerce_error li { list-style: none; }
p.download { border-top:1px solid #232323; border-bottom:1px solid #232323; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick, .woocommerce_message { border-top:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; background:#141414 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
.woocommerce_message .button { float: right; margin:0; margin-top:-3px; margin-bottom:-3px; }
/* 6.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
/* 6.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
/* 6.5 Timeline Page Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font-size: 20px; font-weight:bold; color:#555; }
#archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; }
#archives .archives_list .linked { width: 270px; display: inline-block; }
#archives .archives_list .comments { width: 100px; display: inline-block; }
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; }
#archives .archives_list .comments a:hover { text-decoration: none; }
/* 6.6 Tables */
table { border:1px solid #2a2a2a; border-right:0; border-bottom:0; width:100%; border-collapse: separate; margin-bottom:1em; }
table td, table th {border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; padding:4px 8px; vertical-align: top; }
table th { background: #141414; text-align: left; }
/* 6.7 Homepage Specific */
.homepage #featured-products { clear: both; }
.homepage #featured-products ul.products { background: url(images/carousel.png); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:15px; }
.homepage #featured-products ul.products li { border:0; padding:10px; background: url(images/bg-deal.png); width:134px; text-align: center; border:3px solid #d6dce6; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:0;
-webkit-box-shadow:
inset 0 1px 1px rgba(0,0,0,0.8),
0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:
inset 0 1px 1px rgba(0,0,0,0.8),
0 1px 2px rgba(0,0,0,0.3);
box-shadow:
inset 0 1px 1px rgba(0,0,0,0.8),
0 1px 2px rgba(0,0,0,0.3);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
-webkit-transition:all ease-in-out .2s;
}
.homepage #featured-products ul.products li a h3 { color:#fff; width:148px; position: absolute; bottom:-9px; left:-3px; font-size: 12px; padding:5px; -webkit-transition:all ease-in-out .2s; zoom: 1; filter: alpha(opacity=0); opacity: 0; border:1px solid #F7A921; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
background: #F7A921; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f8ba32),
color-stop(1, #F7A921)
);
background: -moz-linear-gradient(
center top,
#f8ba32 20%,
#F7A921 100%
);
}
.homepage #featured-products ul.products li .price { color:#fff; background: #8dc63f; padding:2px 8px; font-weight: bold; font-size:11px; position: absolute; top:5px; left:-3px; }
.homepage #featured-products ul.products li .price:after { content: ""; border:11px solid #8dc63f; border-left-width:0; border-right-color: transparent; position: absolute; right:-11px; top:0; }
.homepage #featured-products ul.products li img { width:130px !important; height: auto; margin: 0; float: none; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4); }
.homepage #featured-products ul.products li .button { display: none; }
.homepage #featured-products ul.products li:hover { border-color: #f7a921; background: #333; }
.homepage #featured-products ul.products li:hover h3 { filter: alpha(opacity=100); opacity: 1; }
/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE SPECIFICS */
/*-------------------------------------------------------------------------------------------*/
/* 7.1 Demo store notice */
p.demo_store {
position: fixed;
top:0;
left: 0;
right:0;
background: #ffd9c8;
text-align: center;
font-size:12px;
padding:8px 0;
z-index: 999999;
border-bottom:2px solid #f0baa2;
}
/* 7.2 Star Ratings */
.star-rating {
float: right;
width: 80px;
height: 16px;
background: url(images/star.png) repeat-x left 0;
}
.star-rating span {
background: url(images/star.png) repeat-x left -32px;
height: 0;
padding-top: 16px;
overflow: hidden;
float: left;
}
p.stars {
overflow: hidden;
zoom: 1;
}
p.stars span {
width: 80px;
height: 16px;
position: relative;
float: left;
background: url(images/star.png) repeat-x left 0;
}
p.stars span a {
float: left;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 0;
padding-top: 16px;
overflow: hidden;
}
p.stars span a:hover, p.stars span a:focus {
background: url(images/star.png) repeat-x left -16px;
}
p.stars a.active {
background: url(images/star.png) repeat-x left -32px;
}
p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; }
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }
/* Sidebar / footer stars */
#sidebar .star-rating, #footer-widgets .star-rating {
width: 60px;
height: 12px;
background: url(images/star-small.png) repeat-x left 0;
margin-top:2px;
}
#sidebar .star-rating span, #footer-widgets .star-rating span {
background: url(images/star-small.png) repeat-x left -24px;
padding-top: 12px;
}
#sidebar p.stars span, #footer-widgets p.stars span {
width: 60px;
height: 12px;
background: url(images/star-small.png) repeat-x left 0;
}
/*#sidebar p.stars span a:hover, #sidebar p.stars span a:focus {
background: url(images/star-small.png) repeat-x left -12px;
}
#sidebar p.stars a.active {
background: url(images/star-small.png) repeat-x left -24px;
}
#sidebar p.stars span a.star-1 { width: 12px; z-index: 10; }
#sidebar p.stars span a.star-2 { width: 24px; z-index: 9; }
#sidebar p.stars span a.star-3 { width: 36px; z-index: 8; }
#sidebar p.stars span a.star-4 { width: 48px; z-index: 7; }
#sidebar p.stars span a.star-5 { width: 60px; z-index: 6; }*/
/* 7.3 Single Product Page */
.single-product .type-product { clear: left; position: relative; }
.single-product div.product { overflow: hidden; zoom:1; padding:1px; margin-bottom:30px; }
.single-product .product del { color:#ccc; }
.single-product .product ins { text-decoration: none; }
.single-product .product .images, .single-product .product .summary { margin-bottom:20px; }
.single-product .product .images { width:20.75%; float: left; margin-right:3.8%; }
.single-product .product .images .thumbnails { overflow: hidden; zoom:1; }
.single-product .product .images .thumbnails img { padding:0; border:0; width:30.75%; float: left; margin-right:3.8%; margin-bottom:8px; }
.single-product .product .images .thumbnails .first { clear: left; }
.single-product .product .images .thumbnails .last img { margin-right:0; }
.single-product .product .images img { width:100px; height: auto; margin-bottom:12px; }
.single-product .product .summary { width:75.45%; float:right; }
.single-product .product .summary h1.product_title { font-size:24px; font-weight: bold; color:#8dc63f; padding:0 0 5px; margin:0; }
.single-product .product .summary p { margin-bottom:10px; }
.single-product .product .summary .price { font-size:24px; color:#fff;font-weight: normal; padding:10px 0; }
.single-product .product .summary .stock { padding-left:25px; margin:5px 0 15px; background: url(images/ico-tick.png) no-repeat left 2px; }
.single-product .product .summary .stock.out-of-stock { background: url(images/ico-alert.png) no-repeat left 2px; }
.single-product .product .summary form.cart { margin-bottom:20px; overflow: hidden; zoom:1; padding-top:10px;border-top:1px solid #2a2a2a; }
.single-product .product .summary form.cart .quantity { float: left; }
.single-product .product .summary form.cart .button { float: right; margin:0; }
.single-product .product .summary form.cart table.variations { margin-bottom:10px; margin:-11px 0 10px 0; border:0; }
.single-product .product .summary form.cart table.variations td, .single-product .product .summary form.cart table.variations th { border-bottom:1px solid #2a2a2a; border-right:0; vertical-align: middle; }
.single-product .product .summary .single_variation .stock { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px; }
.single-product .product .summary .single_variation .price { display: block; }
.single-product .product .summary .group_table { border:0; margin-bottom:10px; }
.single-product .product .summary .group_table td, .single-product .product .summary .group_table th { padding:0 8px 8px 0; border: 0; }
.single-product .product .summary .group_table .quantity { min-width: 100px; }
.single-product .product .summary .group_table td.price { padding:0 8px 8px 0; font-size:12px; min-width: 80px; }
.single-product .product .summary .group_table td.price .stock { display: none; margin-bottom:0; }
.single-product .product .summary .group_table td.price .stock.out-of-stock { display: block; background: url(images/ico-cross-small.png) left no-repeat; font-size:11px; padding-left:16px; margin-top:0 !important; }
.single-product .shop_attributes p { margin:0 !important; }
/* 7.3.1 Reviews */
.single-product #comments { margin-top:0; padding:0; border-top:0; }
.single-product .hreview-aggregate .star-rating { margin-top:18px; background: url(images/star.png) repeat-x left 0;}
.single-product #comments .commentlist li.comment { overflow: hidden; zoom:1; background: none !important; border:0 !important; margin-bottom:20px; }
.single-product #comments .commentlist li.comment p { margin-bottom:1em; }
.single-product #comments .commentlist li.comment p:last-child { margin-bottom:0; }
.single-product #comments .commentlist li.comment p.meta { margin-bottom:12px; }
.single-product #comments .commentlist li.comment img { width:8%; padding:1%; background: #fff; border:1px solid #2a2a2a; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0,0,0,0.1); height: auto; float: left; }
.single-product #comments .commentlist li.comment .comment-text { width:82%; float: right; background: #f6f6f6; padding:2%; position: relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.single-product #comments .commentlist li.comment .comment-text:before { content: ""; border:12px solid #f6f6f6; border-color: transparent #f6f6f6 transparent transparent; position: absolute; top:6px; left:-24px; }
#fancybox-content #review_form { padding:30px; background:#000000; }
#fancybox-content #respond { margin-top:0; }
#fancybox-content #respond label { display: block; font-weight: bold; }
#fancybox-wrap table { background: none; }
/* 7.4 Quantity Incrementer */
.quantity .plus, .quantity .minus, .quantity input { margin:0; border:0; padding:6px 9px; }
.quantity .plus, .quantity .minus { background:#151515; border:1px solid #191919; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); cursor: pointer; }
.quantity .plus:hover, .quantity .minus:hover { background-position: top; }
.quantity .minus { -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius:3px 0 0 3px; }
.quantity .plus { -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-radius:0 3px 3px 0; }
.quantity .qty { border-top:1px solid #191919; border-bottom:1px solid #191919; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:16px; text-align: center; }
/* 7.5 User Account Section */
header.title { overflow: hidden; zoom:1; }
header.title h3 { float: left; }
header.title a { float: right; }
.addresses address { clear: both; }
.required { color: red; }
.woocommerce-myaccount h2 { margin-bottom:0; }
.woocommerce-myaccount .shop_table .button { margin:0; }
/* 7.5.1 Order tracking */
ol.commentlist.notes { padding-left:0; }
ol.commentlist.notes li.note { list-style: none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; }
ol.commentlist.notes li.note:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
ol.commentlist.notes li.note p.meta { font-weight: bold; }
/* 7.6 Cart */
table.cart, .shop_table { margin-bottom:40px; }
table.cart img { width:32px !important; height: auto; padding:0; background: none; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
table.cart dl.variation { overflow: hidden; zoom:1; }
.shop_table dl.variation dt, .shop_table dl.variation dd { float: left; margin-right:2px; }
.shop_table dl.variation dt { font-weight: bold; }
.shop_table dl.variation dd { margin-right:18px; }
.cart-collaterals h2 { padding-bottom:0; }
.cart-collaterals .cross-sells { width:30.75%; }
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:66%; }
.cart-collaterals .cross-sells { float: left; }
.cart-collaterals .cart_totals { float: right; }
.cart-collaterals .shipping_calculator { float:right; clear: right; }
.cart-collaterals .shipping_calculator .form-row:first-child { width:100%; }
.cart-collaterals .shipping_calculator .col2-set { clear: left; overflow: visible; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:48%; }
.cart-collaterals .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:93%; list-style: none; }
.cart_totals select { width:100%; }
/* 7.7 Checkout */
.checkout { clear: left; }
.woocommerce-checkout form.login { overflow:hidden; zoom:1; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
#shiptobilling { float: right; }
#shiptobilling input { float: left; width: auto; }
.form-row.notes { width:100%; }
.checkout .create-account { clear: left; }
.checkout .form-row.vat-number { width:100%; }
ul.payment_methods { margin-left:0; padding:0; list-style: none; }
ul.payment_methods li { list-style: none; margin-bottom:10px; }
ul.payment_methods li img { padding:0; border: 0; vertical-align: bottom; margin-left:6px; }
ul.payment_methods .payment_box { padding:6px 12px; border:1px solid #e6e6e6; background: url(images/body.png) #f6f6f6; margin-bottom:20px; margin-top:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight: bold !important; color:#666; text-shadow:0 1px 0 rgba(255,255,255,0.6); }
ul.payment_methods .payment_box p { margin:0 !important; }
.payment_box fieldset { margin-bottom:0; }
.payment_box .form-row .woocommerce-select {\ width:30.75%; float: left; margin-right:3.8%; }
ul.payment_methods + .form-row { width:100%; }
ul.payment_methods + .form-row label { display: inline; }
ul.payment_methods + .form-row input { width:auto; float: left; }
#place_order { float: right; font-size:18px !important; padding:6px 18px; }
/*-------------------------------------------------------------------------------------------*/
/* 8. SLIDER */
/*-------------------------------------------------------------------------------------------*/
#slides { min-height: 320px; }
/* The following style is used on the single product page too */
#slides .slides_holder, .single-product div.product { margin:0 8px; margin-bottom:20px;
}
#slides .slide .image { overflow: hidden; zoom:1; }
#slides .slide .image img { float: left; }
#slides .slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */
#slides .pagination li a {display:block;width:16px;height:0;padding-top:16px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
#slides .pagination li.current a {background-position:0 -16px;}
#slides #slider_nav {margin: 10px 0;position: relative;z-index: 2; margin-left: auto;margin-right: auto;width: 890px; height:16px;}
#slider_pag {float: left;width: 890px; margin-bottom:20px;}
#slider_pag ul {float: left;left: 50%;margin: 0 auto;max-width: 700px;position: relative;}
#slider_pag li:first-child {padding: 0 2px 0 12px;}
#slider_pag li:last-child {padding: 0 10px 0 2px;}
#slider_pag li {float: left;padding: 0 2px;position: relative;right: 50%;}
#slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;}
/* layout right (default) */
.slide-content { width:280px; position:absolute; right: 0; height: 100%; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.8); }
.slide-content.slide-overlay { background:rgba(148,148,148,0.8); }
/* layout left */
.slide-content.left { left:0; width:280px; position:absolute; border-left:0; }
/* layout top */
.slide-content.top { padding-bottom: 50px; left:0; width: 100%; height: auto; border-left:0; }
.slide-content.top .navigation { width:100%; }
/* layout bottom */
.slide-content.bottom { padding-bottom: 50px; left:0; bottom: 0; display:block; width:890px; height: auto; border-left:0; }
.slide-content h2 { font-weight:bold; padding: 20px 20px 0; margin-bottom:0; color:#fff; }
.slide-content a { color:#fff !important; }
.slide-content .slide-text { padding:10px 20px; }
/* Navigation */
.slide-content .navigation {
overflow: hidden; zoom:1;
background-color: #fafafa;
position: absolute;
bottom:20px;
left:20px;
border:1px solid #7aa253;
border-bottom-color: #588031;
background: #94bc6d; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #94bc6d),
color-stop(1, #7aa253)
);
background: -moz-linear-gradient(
center top,
#94bc6d 20%,
#7aa253 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
.slide-content .navigation a { display:block; padding:5px 10px; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.3); }
.slide-content .navigation a:hover {
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #7aa253),
color-stop(1, #94bc6d)
);
background: -moz-linear-gradient(
center top,
#7aa253 20%,
#94bc6d 100%
);
text-decoration: none !important; }
.slide-content .navigation a.prev { border-right:1px solid #588031; float: left;-webkit-border-top-left-radius:30px; -webkit-border-bottom-left-radius:30px; -moz-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px; }
.slide-content .navigation a.next { border-left:1px solid rgba(255,255,255,0.3); float: right; -webkit-border-top-right-radius:30px; -webkit-border-bottom-right-radius:30px; -moz-border-radius:0 30px 30px 0; border-radius:0 30px 30px 0;}
/*-------------------------------------------------------------------------------------------*/
/* 9. UNIFORM JS */
/*-------------------------------------------------------------------------------------------*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
color:#000000;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
height: 25px;
color:#000000;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
color:#000000;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
color:#000000;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
color:#000000;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
color:#000000;
}
div.uploader.active span.action,
div.uploader:active span.action {
color:#000000;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
color:#000000;
}
div.uploader.disabled {
color:#000000;
}
div.uploader.disabled span.action {
color:#000000;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: centre;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: centre;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:#000000;
}
div.selector select {
color:#ffffff;
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
float: left;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: centre;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: centre;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/*-------------------------------------------------------------------------------------------*/
/* 10. IE Fixes */
/*-------------------------------------------------------------------------------------------*/
/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; }
.ie6 .slide-content.slide-overlay { background: #949494; }
/* IE7 */
.ie7 { overflow-x: hidden; }
.ie7 * { overflow-x:visible; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
.ie7 .slide-content.slide-overlay { background: #949494; }
.ie7 .slide-content .navigation { width:150px; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.button, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-products ul.products .button { padding:4px 10px; }
.ie7 div.selector { width:180px; padding-right:10px; }
.ie7 .woo-pagination { padding:4px 0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }
/* IE8 */
.ie8 .button:visited { padding:10px 15px; margin:0; }
.ie8 .slide-content.slide-overlay { background: #949494; }
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }
.shippingreturns li
{
list-style-type: none;
background-image: url(../../uploads/2012/11/icon_arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
.order-number, .order-date, .order-status
{
color:#fff;
}
.nggv-vote-form
{
font-size:20px;
}
.image_details_textfield {
color:#000000;
}