/*
Theme Name: Vento
Theme URI: http://htmldemo.magikcommerce.com/ecommerce/vento-html-template/demo-page/demo.html/
Author: MagikCommerce
Author URI: https://www.magikcommerce.com/
Description: Vento HTML Template
Version: 1.4
License: GNU General Public License v2 or later
Tags: two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu
Text Domain: Vento
*/
/* TABLE OF CONTENTS
1. Body
2. Layout
3. Header
4. Navigation
5. Store messages
6. Product Details
7. Rating
8. Price & Flip 3D
9. New & Sale Label
10. Featured Popular Products
11. Breadcrumbs
12. Category Page
13. Sliders
14. Blog-post
15. Sidebar
16. Newsletter
17. Category Toolbar
18. Shopping Cart
19. Wishlist, Quick Access, Compare Links
20. Checkout
21. Product View Types
22. Account Login Page
23. 404 Page Not Found
24. toTop
25. Banners
26. Captions
27. Footer
28. Global Styles and Messages
*/
/* BEGIN OF STYLING */
/* ======== 1. BODY ========*/
html {
background: #fff;
}
body {
color: #333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
line-height: 1.55;
}
.hidden {
display: block !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.nobr {
white-space: nowrap !important;
}
.wrap {
white-space: normal !important;
}
.a-left {
text-align: left !important;
}
.a-center {
text-align: center !important;
}
.a-right {
text-align: right !important;
}
.v-top {
vertical-align: top;
}
.v-middle {
vertical-align: middle;
}
.f-left, .left {
float: left !important;
}
.f-right, .right {
float: right !important;
}
.f-none {
float: none !important;
}
.f-fix {
float: left;
width: 100%;
}
.no-display {
display: none;
}
.no-margin {
margin: 0 !important;
}
.no-padding {
padding: 0 !important;
}
.no-bg {
background: none !important;
}
legend {
display: none;
}
img {
border: none;
}
:focus {
outline: none;
}
a:hover{ text-decoration:none;}
/* ========== 2. Layouts ========== */
/* Main Container Layout */
.main-container {
margin: 0 auto;
padding: 0;
text-align: left;
padding-top: 12px;
overflow: visible;
position: relative;
}
.main-container-inner {
margin: auto;
min-height: 400px;
}
/* Columns Layout */
.col-main {
margin: auto;
margin-top: 3px;
}
.main-container.col1-layout .main-container-inner .category-products {
padding-top: 35px;
}
.col2-left-layout .col-main {
margin-bottom: 15px;
background-color: #FFF;
}
.col2-right-layout .col-main {
float: left;
margin-bottom: 15px;
background-color: #FFF;
margin-top: 20px;
}
.col-right {
float: right;
margin-top: 22px;
padding: 0px;
width: 260px;
}
.col-left {
float: left;
margin-top: 10px;
}
.col2-left-layout .main-container-inner {
clear: both;
}
.main-inner {
margin: auto;
}
.best-seller-pro .product-flexslider{ margin:auto -10px; }
.featured-pro .product-flexslider{ margin:auto -10px; }
.related-pro .product-flexslider{ margin:auto -10px; }
.upsell-pro .product-flexslider{ margin:auto -10px; }
/* Content Columns Layout */
.col2-set .col-1 {
float: left;
width: 48%;
text-align: left;
border: 0px #336600 solid;
padding-top: 0px;
padding-bottom: 0px;
}
.col2-set .col-2 {
float: right;
width: 48%;
text-align: left;
}
.col2-set .narrow {
width: 33%;
}
.col2-set .wide {
width: 65%;
}
.col2-set {
overflow: hidden;
padding: 8px 0 0;
}
.col2-set h4 {
font-size: 12px;
font-weight: 400;
font-family: Arial, Helvetica, sans-serif;
color: #333;
margin-bottom: 5px;
}
.manage_add {
margin-bottom: 10px;
}
.col2-set h5 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 900;
margin-bottom: 5px;
color: #333;
}
.col2-set strong {
font-size: 12px;
font-weight: 400;
color: #000000;
}
.latest-news .new_title, center {
margin-left: 12px;
margin-right: 12px;
}
.ad-spots img {
width: 100%;
}
/* ========== 3. Header ========== */
/* Header container */
.brand-logo .owl-wrapper {
margin-left: 20px;
}
header {
background: #fff;
position: relative;
}
header .top-links {
height: 40px;
width: 100%;
background: #454545;
border-bottom: 4px solid #cccccc;
}
header .welcome-msg {
text-align: left;
display: block;
font-size: 12px;
color: #aaa;
float: left;
padding: 8px 15px 10px 0px;
line-height: 18px;
}
header .header {
margin: auto auto 20px;
position: relative
}
header .header .right {
float: right
}
header .header .logo {
margin: 0;
}
header .header .logo {
vertical-align: middle;
cursor: pointer;
margin-top: 22px;
text-align: left;
display: inline-block;
}
header .header .logo a img {
cursor: pointer;
width: 100%;
}
/* language & currency */
.language-box .language-switcher {
font-size: 12px;
color: #fff;
font-weight: normal;
float: left;
position: relative;
padding: 8px 15px 8px 0px;
line-height: 20px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px
}
.language_detail {
display: none;
position: absolute;
z-index: 999999;
top: 27px;
left: 0px;
}
.language-box .language_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px;
}
.language-box img {
margin-right: 5px;
}
.language_detail a {
display: block;
font-weight: 400;
padding: 6px 0px;
margin-bottom: 1px;
color: #666;
padding: 5px 10px
}
.language_detail a:hover {
color: #000000;
}
.language_detail a + a {
border-top: 1px solid #EAE5E5;
}
.language-box .language_detail {
}
.language-box .language_detail .language-inner {
border-color: #c4c4c4;
}
.currency-box .currency-switcher {
font-size: 12px;
color: #fff;
float: left;
position: relative;
padding: 8px 15px 8px 0px;
line-height: 20px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px
}
.currency_detail {
display: none;
position: absolute;
z-index: 999999;
top: 27px;
left: 0px;
}
.currency-box .currency_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px
}
.currency_detail a {
display: block;
font-weight: 400;
padding: 6px 0px;
margin-bottom: 1px;
color: #666;
padding: 5px 10px
}
.currency_detail a:hover {
color: #000000;
}
.currency_detail a + a {
border-top: 1px solid #EAE5E5;
}
.currency-box .currency_detail {
}
.currency-box .currency_detail .currency-inner {
border-color: #c4c4c4;
}
/* Toplinks */
.toplinks {
padding: 0;
display: inline-block;
float: right;
margin-left: 15px;
line-height: normal
}
.toplinks .links {
}
.toplinks .links li {
display: inline;
text-align: right;
float: left
}
.toplinks ul.links li a {
color: black;
display: inline-block;
padding: 0px;
border-right: 0px solid #cacaca;
color: #333;
font-size: 12px;
padding-left: 25px
}
.toplinks ul.links li a:hover {
color: #000000;
}
.toplinks ul.links li.first a {
padding-left: 0;
}
.toplinks ul.links li.last a {
border: none;
padding-right: 0
}
.toplinks>ul>li.myaccount>a:before {
content: '\f007';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.wishlist>a:before {
content: '\f004';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.check>a:before {
content: '\f00c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.demo>a:before {
content: '\f06e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks .links div .click-nav:before {
content:'\f15b';
font-family: FontAwesome;
font-size:13px;
padding-left:4px;
padding-top:2px;
float:left;
margin-right:6px;
margin-top:-2px;
color:#aaa;
}
.toplinks .links li .click-nav ul .clicker:before {
content: '\f15b';
font-family: FontAwesome;
font-size: 13px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
}
.toplinks>ul>li.login>a:before {
content: '\f13e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks>ul>li.logout>a:before {
content: '\f09c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px
}
.toplinks .links li .click-nav {
}
.toplinks .links li .click-nav ul {
padding: 0;
margin: 0
}
.toplinks .links li .click-nav ul li {
position: relative;
list-style: none;
cursor: pointer;
}
.toplinks .links li .click-nav ul li ul {
position: absolute;
left: 0px;
right: 0;
z-index: 999
}
.toplinks .links li .click-nav ul .clicker {
background: none;
color: #333;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
border-bottom: none
}
.toplinks .links li .click-nav ul .clicker:hover {
background: none;
color: #000000
}
.toplinks .links li .click-nav ul .clicker:hover, .click-nav ul .active {
}
.click-nav img {
position: absolute;
top: 9px;
left: 12px;
}
.toplinks .links li .click-nav ul li a {
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
display: block;
padding: 10px 10px;
color: #333;
text-decoration: none;
font-size: 12px;
text-align: left;
border-bottom: 1px #F0F0F0 solid;
width: 130px
}
.toplinks .links li .click-nav ul li a:hover {
color: #000000!important;
}
.toplinks .links li .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px
}
.toplinks .links li .click-nav .no-js:hover ul {
display: block;
background: #fff;
width: 150px;
margin-left: 0px;
background: #fff;
border: 1px #f0f0f0 solid;
border-bottom: 5px solid #F0F0F0;
padding: 0;
}
.toplinks .links li .click-nav .no-js:hover ul li a {
color: #666;
}
.toplinks .links li .click-nav .no-js:hover ul li a:hover {
color: #333;
}
.toplinks .links li .click-nav ul li ul.link {
padding: 8px 0;
border-top: 2px #000 solid
}
.toplinks .links li .click-nav ul li ul.link li {
padding: 0px 0
}
.toplinks .links div {
display: inline;
text-align: right;
float: left
}
.toplinks div.links div a {
display: inline-block;
padding: 0px;
border-right: 0px solid #cacaca;
color: #fff;
font-size: 12px;
padding: 8px 15px 10px 0px;
line-height: 18px;
cursor: pointer;
border-right: 1px #999 solid;
margin-right: 15px;
}
.toplinks div.links div a:hover {
color: #7bbd42;
text-decoration: none;
}
.toplinks div.links div.first a {
padding-left: 0;
}
.toplinks div.links div:last-child a {
border-right: none;
padding-right: 0;
margin-right: 0px;
}
.toplinks>div>div.myaccount>a:before {
content: '\f007';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.wishlist>a:before {
content: '\f004';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.check>a:before {
content: '\f00c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.demo>a:before {
content: '\f09e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks .links div .click-nav ul .clicker:before {
content: '\f15b';
font-family: FontAwesome;
font-size: 13px;
padding-left: 4px;
padding-top: 2px;
float: left;
margin-right: 6px;
margin-top: -2px;
color: #aaa;
}
.toplinks>div>div.login>a:before {
content: '\f13e';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks>div>div.logout>a:before {
content: '\f09c';
font-family: FontAwesome;
font-size: 13px;
padding-right: 6px;
color: #aaa;
}
.toplinks .links div .click-nav {
}
.toplinks .links div .click-nav ul {
padding: 0;
margin: 0
}
.toplinks .links div .click-nav ul li {
position: relative;
list-style: none;
cursor: pointer;
}
.toplinks .links div .click-nav ul li ul {
position: absolute;
left: 0px;
right: 0;
z-index: 999;
}
.toplinks .links div .click-nav ul .clicker {
background: none;
color: #fff;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
border-bottom: none;
padding: 8px 15px 8px 0px;
line-height: 18px;
cursor: pointer;
border-right: 1px #aaa solid;
margin-right: 15px
}
.toplinks .links div .click-nav ul .clicker:hover {
background: none;
color: #7bbd42
}
.toplinks .links div .click-nav ul .clicker:hover, .click-nav ul .active {
}
.click-nav img {
position: absolute;
top: 9px;
left: 12px;
}
.toplinks .links div .click-nav ul li a {
transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
display: block;
padding: 10px 10px;
color: #333;
text-decoration: none;
font-size: 12px;
text-align: left;
border-bottom: 1px #F0F0F0 solid;
width: 130px
}
.toplinks .links div .click-nav ul li a:hover {
color: #7bbd42!important;
}
.toplinks .links div .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px
}
.toplinks .links div .click-nav .no-js:hover ul {
display: block;
background: #fff;
width: 150px;
margin-left: 0px;
background: #fff;
box-shadow: 0 0 15px -5px;
padding: 0;
}
.toplinks .links div .click-nav .no-js:hover ul li a {
color: #666;
}
.toplinks .links div .click-nav .no-js:hover ul li a:hover {
color: #333;
}
.toplinks .links div .click-nav ul li ul.link {
padding: 8px 0;
}
.toplinks .links div .click-nav ul li ul.link li {
padding: 0px 0
}
/* Store's Top Links */
ul.stores_top_link {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
margin-left: 15px;
margin: 0
}
ul.stores_top_link li {
display: inline
}
ul.stores_top_link a {
color: #222;
padding: 0 8px
}
ul.stores_top_link a:hover {
color: #E95144
}
/* search */
.search-icon {
position: absolute;
right: 0px;
margin-top: 15px;
}
.search-box {
width: 226px;
position: absolute;
margin: auto;
right: -10px;
margin-top: 10px}
#search {
margin: 0;
width: 207px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
height: 33px;
color: #333;
border: 1px solid #efefef;
padding: 0 10px;
background: #f1f1f1;
outline: none;
}
#search:focus {
border: 1px #7bbd42 solid;
}
.button-common {
border: 0 none;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 25px;
}
.search-btn-bg {
cursor: pointer;
display: inline-block;
height: 33px;
position: absolute;
right: 0px;
top: 0;
width: 30px;
right: 10px;
background: none;
outline: none;
}
.searchIconNew {
background: url("../images/search-icon.png") no-repeat scroll center 6px;
width: 25px;
height: 30px;
left: 4px;
display: inline;
position: absolute;
top: 3px;
}
.cross-icon {
position: absolute;
right: 0px;
margin-top: -35px
}
/* Shopping Cart Dropdown Upper Right Section */
.mini-products-list .product-image {
float: left;
padding: 0;
width: 55px;
padding: 0px; margin-right:8px;
}
.top-cart-content .product-name {
margin: 0;
width: 150px;
line-height: 1;
padding: 0;
}
.top-cart-content .product-name a {
font-size: 12px;
line-height: normal;
font-weight: 400
}
.top-cart-content .product-name a:hover {
font-size: 12px;
color: #000000
}
.top-cart-title span {
font-weight: normal;
font-size: 12px;
color: #fff;
text-transform: inherit;
}
.top-cart-title p span {
text-transform: none;
}
.top-cart-contain .price {
color: #000;
font-weight: 900;
text-transform: uppercase;
padding-left: 10px;
float: right;
}
.top-cart-contain .product_details .price {
color: #000000;
width: auto;
float: none;
font-weight: 900;
padding-left: 0px;
font-size: 13px;
}
.mini-cart {
text-align: center;
cursor: pointer;
margin: 0px 0 0 0px;
}
.mini-cart .basket {
right: 0px;
}
.mini-cart .basket a {
color: #333;
margin: 0px;
line-height: 55px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 70px !important;
border: 1px #efefef solid;
padding: 11px 11px 11px 0px
}
.mini-cart .basket a:first-child:before {
content: '\f07a';
font-family: FontAwesome;
font-size: 16px;
padding-right: 15px;
border-right: 1px #ddd dotted;
margin-right: 10px;
background: #7bbd42;
padding: 9px 20px 11px;
color: #fff
}
.mini-cart .open .basket a {
color: #fff;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3)
}
.mini-cart .dropdown-toggle {
font-size: 12px;
padding: 0;
text-transform: none;
}
.top-cart-contain {
position: absolute;
padding: 0;
z-index: 100;
padding: 0px;
color: #FFFFFF;
right: 0px;
margin-top: 8px
;
margin-right: 15px;
}
.top-cart-contain:hover {
}
.top-cart-title p {
margin: 0;
}
.top-cart-content .empty {
}
.top-cart-contain:hover {
}
.top-cart-content {
display: none;
width: 300px;
position: absolute;
top: 52px;
right: 0px;
background: #fff;
padding: 0;
text-align: right;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
border-bottom: 5px solid #000000;
}
.top-cart-content p {
color: #333333;
margin: 0;
padding: 10px;
}
.top-subtotal {
color: #333333;
font-size: 13px;
font-weight: 900;
padding: 8px 15px;
text-align: left;
text-transform: none;
background-color: #f3f3f3;
margin-bottom: 15px;
}
.top-cart-content .product_details .btn-remove {
position: absolute;
right: 10px;
top: 4px;
}
.top-cart-title {
display: inline-block;
padding: 3px;
margin: 0;
vertical-align: top;
text-align: center;
color: #223D62;
line-height: 12px;
position: relative;
font-size: 12px;
width: 20px;
margin-top: 2px;
margin-left: 29px
}
.top-cart-content .block-subtitle {
border-bottom: 1px solid #DDDEE1;
color: #000;
overflow: hidden;
padding: 15px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
ul#cart-sidebar {
padding: 8px 15px;
}
.top-cart-wrapper:hover {
}
.top-cart-title .cart_arrow {
position: absolute;
bottom: -6px;
right: 50px;
width: 18px;
height: 11px;
z-index: 1000;
display: none;
}
.top-cart-contain:hover .top-cart-title .cart_arrow {
display: block;
}
.top-cart-content li.item {
width: 272px;
margin: 5px 0px;
border-bottom: 1px #eee solid;
min-height: 67px
}
.top-cart-content li.item.last {
margin: 0;
border-bottom: 0px #eee solid;
padding-bottom: 10px
}
.top-cart-content .product_details {
color: #333333;
position: relative;
text-align: left;
}
.mini-products-list .product_details {
margin-left: 80px;
padding: 0;
}
.top-cart-content .product_details .btn-remove {
position: absolute;
right: 10px;
top: 12px;
}
.top-cart-content .product_details .btn-edit {
position: absolute;
right: 22px;
top: 6px;
}
.top-cart-content .actions {
padding: 5px 15px 20px;
margin: 0;
overflow: hidden
}
.top-cart-icon {
padding: 5px;
width: 20px;
height: 24px;
display: inline-block;
vertical-align: middle;
}
.top-cart-title span {
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
}
.top-cart-title p span {
text-transform: none;
}
.mini-cart .actions .btn-checkout:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 13px;
padding-right: 10px;
}
.mini-cart .actions .btn-checkout {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
border: none;
cursor: pointer;
display: inline-block;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: 3px solid #EFEFEF;
font-weight: bold;
}
.mini-cart .actions .btn-checkout:hover {
background: #000000;
border: 3px solid #EFEFEF;
color: #fff;
}
.mini-cart .actions .view-cart {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
cursor: pointer;
text-decoration: none;
float: left;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: 3px solid #EFEFEF;
font-weight: bold;
}
.mini-cart .actions .view-cart:hover {
background: #fff;
color: #333;
font-size: 12px;
padding: 8px 16px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
cursor: pointer;
text-decoration: none;
float: left;
border: 3px solid #EFEFEF;
}
.mini-cart .actions .view-cart:before {
content: '\f07a';
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px
}
.mini-cart .actions .button {
display: inline-block;
width: 100px;
text-align: center;
margin-bottom: 3px;
padding: 8px 10px 6px;
text-transform: none;
border: none;
font-size: 12px;
}
.mini-cart .button.btn-checkout {
background-color: #970400;
color: #FFFFFF;
font-size: 13px;
text-transform: uppercase;
font-weight: 900;
padding: 0px 6px;
height: 32px;
line-height: 32px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.block_mini_cart_above_products {
margin-bottom: 15px;
}
.mini-cart > .button {
color: #000;
font-size: 12px;
font-weight: 300;
text-shadow: none;
border: none;
border-radius: 0;
box-shadow: none;
background: none
}
#cart-sidebar li {
border-bottom: 1px solid #ECECEC;
margin-bottom: 8px;
overflow: hidden;
padding: 3px 0 10px; position:relative; text-align:left;
}
#cart-sidebar li.last {
border-bottom: 0px solid #ECECEC;
padding: 5px 0;
}
.btn-remove1 {
background-image: url(../images/btn_remove.png);
margin: 0px 0 0 18px;
}
.btn-remove1:hover, .btn-remove1:focus {
background-position: 0 -12px;
}
.btn-remove1 {
display: block;
width: 15px;
height: 13px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
position: absolute;
right: -3px;
top: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.btn-remove2 {
display: block;
width: 16px;
height: 11px;
font-size: 0;
line-height: 0;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
}
a.button.more-info {
box-shadow: none;
border-radius: 2px;
border: 1px solid;
border-color: #ddd;
color: #222;
display: inline-block;
line-height: 1;
padding: 8px 12px;
text-align: center;
white-space: nowrap;
}
.button:hover {
background: #f6f6f6;
}
.button.btn-checkout {
background: #FED557;
padding: 8px 18px;
}
.button.btn-checkout:hover {
background: #000000
}
.button.btn-bag {
box-shadow: none;
border-radius: 2px;
border: 1px solid #ccc;
color: #222;
display: inline-block;
line-height: 1;
padding: 8px 18px;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
float: left
}
.block .btn-remove1 {
float: right;
margin-top: 6px;
}
.sidebar .block .access .btn-remove1 {
position: relative;
right: 0;
top: 0px;
}
.cards-list dt {
margin: 5px 0 0;
}
.cards-list .offset {
padding: 2px 0 2px 20px;
}
.separator {
margin: 0 3px;
}
.divider {
clear: both;
display: block;
font-size: 0;
line-height: 0;
height: 1px;
margin: 10px 0;
background: #ddd;
text-indent: -999em;
overflow: hidden;
}
.hidden-desktop {
display: none;
}
.product-name, .product-name h1, .product-name h2, .product-name h3, .product-name h4, #product-tabs > dt, #cart-tabs > dt, .review-title, .author, .fraction-slider .slide-title {
font-size: 16px;
}
/* =========== 4. Navigation ========== */
nav {
height: 61px;
}
.nav-inner {
height: 61px;
margin: auto 15px;
background: #ffffff;
border-top: 1px solid #ededed;
border-bottom: 3px solid #454545;
position: relative;
text-align: center
;
}
#nav > li > a:hover:nth-child(1), #nav > li > a.active:nth-child(1) {
background: #000;
color: #fff !important;
border-bottom: none;
}
#nav > li > a:first-child {
margin-left: 0px;
}
#nav > li > a:last-child a {
color: #333
}
.nav {
margin: 0px auto 0
}
#nav > li:hover > a, .vertnav-top li > a:hover {
color: #fff;
background: #000;
border-bottom: none;
}
.cms-index-index #nav #current-page > a, #nav > li.active > a, .vertnav-top li.current > a:hover {
color: #7bbd42!important;
background: #000;
}
.cms-index-index #nav #nav-home > a span, #nav > li.active > a span, .vertnav-top li.current > a span {
border-right: none
}
/* Drop-down menu (horizontal)*/
#nav {
position: relative;
z-index: 10;
-webkit-transform: translateZ(0);
padding: 0;
margin: auto;
text-align: center
}
/* All levels
-------------------------------------------------------------- */
#nav li {
text-align: left;
}
#nav li a {
display: block;
text-decoration: none;
color: #aaa;
}
#nav li a span {
}
#nav li ul a span { font-size:12px;
}
/* 1st level only
-------------------------------------------------------------- */
#nav > li {
list-style: none;
border-bottom: none;
display: block;
float: left;
border-right: 1px solid #ededed}
#nav > li.last {
padding-right: 0;
}
#nav > li > a {
display: block;
padding: 18px 1px;
}
#nav > li > a > span {
display: inline-block;
padding: 0px 15px;
line-height: 17px
}
/* Drop-down boxes */
#nav .level0-wrapper {
position: absolute;
left: -10000px;
background-color: #fff;
}
#nav .level0-wrapper2 {
padding: 0;
}
#nav .level0-wrapper2:before, #nav .level0-wrapper2:after {
display: table;
line-height: 0;
content: "";
}
#nav .level0-wrapper2:after {
clear: both;
}
/* Home link */
#nav a.level-top.feature {
margin: 0;
}
/* Icon inside item */
#nav li a.level-top .icon {
padding: 3px;
margin: 0;
float: none;
display: inline-block;
vertical-align: middle;
background-color: transparent !important;
}
#nav li:hover a.level-top .icon {
padding: 3px;
}
/* Single icon as home link */
#nav #homelink-icon {
margin-left: 12px;
}
#nav #homelink-icon a.level-top {
padding-left: 5px;
padding-right: 5px;
background: none !important;
box-shadow: none !important;
border: none !important;
}
/* Custom menu item */
#nav .nav-custom-link > a {
cursor: default;
}
#nav .nav-custom-link {
position: static;
}
#nav .nav-custom-link .header-nav-dropdown-wrapper {
padding: 20px 10px 5px;
overflow: hidden
}
#nav .nav-custom-link .header-nav-dropdown-wrapper p {
margin: 10px 0;
color: #666;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal
}
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
margin: 10px 0;
}
/* Caret */
#nav a.level-top .caret {
display: inline-block;
width: 0;
height: 0;
margin-bottom: 2px;
margin-left: 2px;
vertical-align: middle;
content: "";
border-style: solid solid none;
border-width: 4px 4px 0;
border-color: #333 transparent transparent;
}
/* Sidebar menu */
.vertnav .number {
margin-left: 3px;
color: #aaa;
}
/* Main menu */
#nav .number {
display: inline;
margin-left: 3px;
}
#nav ul li .number {
color: #aaa;
}
/* Other
-------------------------------------------------------------- */
.nav .itemslider {
margin-top: 0;
margin-bottom: 0;
}
.nav .itemslider .item {
padding-bottom: 0;
}
/* 1st level
-------------------------------------------------------------- */
li.level0 > a > span {
position: relative;
}
li.level0 > a > span > .cat-label {
position: absolute;
top: -12px;
right: 0;
padding: 0 6px;
font-size: 12px;
line-height: 22px;
}
/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
position: absolute;
right: 6px;
top: 22px;
width: 0;
height: 0;
content: "";
border-style: solid;
border-width: 4px;
border-color: transparent;
transition: border-color 450ms ease-in-out;
-moz-transition: border-color 450ms ease-in-out;
-webkit-transition: border-color 450ms ease-in-out;
-o-transition: border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
transition-duration: 100ms;
-moz-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
-o-transition-duration: 100ms;
}
/* 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
vertical-align: middle;
}
/* 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
}
/* Category labels inside mobile menu / vertical menu*/
ul.vertnav li > a > span > .cat-label {
position: static;
display: inline-block !important;
padding: 0 4px;
margin-left: 2px;
}
/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
display: none;
}
/* Label size: all levels
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
font-size: inherit;
line-height: inherit;
}
ul.vertnav-top li > a > span > .cat-label {
font-size: 12px;
line-height: 18px;
}
/* Category blocks*/
.nav-block {
margin-top: 0;
margin-bottom: 1%;
}
.nav-block-top {
}
.nav-block-bottom {
float: left
}
.nav-block-center {
margin-top: 0px;
}
.nav-block-right {
margin-top: 0px;
float: right;
padding: 15px;
text-align: center;
}
.nav-block-level1-top {
margin-bottom: 10px;
}
.nav-block-level1-bottom {
margin-top: 10px;
}
.nav-block .section-line {
border-color: #eee;
}
/* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger)*/
/* horizontal + mobile menu trigger */
#nav > li > a {
font-size: 14px;
text-transform: uppercase /*1.3333em*/;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
color: #333;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
letter-spacing: 0.5px;
}
ul.level0 {
padding: 0
}
ul.level1 {
padding: 0 15px
}
#nav .level0-wrapper, #nav.classic ul {
background-color: #ffffff;
color: #333333;
}
#nav ul li a {
color: #aaa;
}
#nav ul li a:hover {
color: #fff;
}
.cat-label-label1 {
background-color: #D12631;
color: #ffffff;
}
.cat-label-label2 {
background-color: #d52462;
color: #ffffff;
}
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
border-top-color: #D12631;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
border-top-color: #d52462;
}
li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label {
background-color: #ff7214;
}
li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before {
border-top-color: #ff7214;
}
#nav .level0-wrapper, #nav.classic .parent > ul {
background: #000;
border-top: none;
border-bottom: 5px #7bbd42 solid;
box-shadow: 0 0 20px -5px;
padding-bottom: 10px
}
#nav .level0-wrapper, #nav.classic ul.level0 {
top: 57px;
width: 100%;
}
#nav > li > a {
color: #ccc;
}
/* 1st level only
-------------------------------------------------------------- */
#nav > li:hover > a {
position: relative;
z-index: 1;
}
/* 2nd level only
-------------------------------------------------------------- */
/* 2nd-level nav-links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
display: inline-block;
float: none;
margin-right: -3px;
padding-bottom: 15px;
padding-top: 0;
vertical-align: top;
width: 19.9%;
}
#nav .grid13-8 ul.level0 > li{width: 24.5%;}
#nav .grid12-8 ul.level0 > li{width: 33%;}
#nav ul.level0 > li.last {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 15px;
width: 232px;
margin-right: 0px
}
#nav ul.level0 > li > a {
margin-bottom: 10px;
font-size: 14px;
line-height: normal;
color: #fff;
padding: 20px 15px 15px;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px solid #333;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase
}
/* 2nd level+
-------------------------------------------------------------- */
#nav ul li { /*float:none;*/
margin-bottom: 1px;
list-style: none;
padding: 3px 0
}
#nav ul li a {
float: none;
}
/* 3rd level only
-------------------------------------------------------------- */
#nav ul.level1 {
position: static;
}
#nav ul.level1 > li a {
float: none;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
display: block
}
#nav ul.level1 > li a:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #aaa;
}
#nav ul.level1 > li a:hover {
float: none;
transition: background-position 150ms ease-out;
-moz-transition: background-position 150ms ease-out;
-webkit-transition: background-position 150ms ease-out;
-o-transition: background-position 150ms ease-out;
}
/* 4th level
-------------------------------------------------------------- */
#nav ul.level2 {
margin: 7px 0;
padding: 0;
position: static;
}
#nav ul.level2 a {
font-size: 0.9166em;
line-height: 1.2727em;
opacity: 0.6;
}
#nav li.level2:hover ul.level2 a {
opacity: 1;
transition: opacity 150ms ease-out;
-moz-transition: opacity 150ms ease-out;
-webkit-transition: opacity 150ms ease-out;
-o-transition: opacity 150ms ease-out;
}
/* 4rd level+
-------------------------------------------------------------- */
#nav ul ul ul li {
background: none;
padding-left: 0;
}
/* Vertical nav-links */
.nav-links > li, .nav-links > li > a {
line-height: 3em;
}
.nav-links > li > a {
padding: 0 0.5833em;
}
.nav-links > li.label {
padding-right: 0.5833em;
}
/* Basic nav-links, no separators
-------------------------------------------------------------- */
.nav-links > li {
float: left;
}
.nav-links > li > a {
display: block;
}
.grid12-5 {
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
width: 23%;
}
.grid12-3 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
padding: 10px 0 10px 10px;
width: 16%;
border-left: 1px #ddd solid;
margin-bottom: 0;
}
.grid12-3 .item-title a {
text-transform: uppercase;
margin-top: 10px;
}
.grid12-4 {
display: inline;
float: left;
margin: 5px 0;
width: 32%;
}
.grid12-8 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
width: 64%;
}
.grid13-8 {
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
margin-bottom: 0;
width: 80.90%;
}
.back-link {
float: left
}
#nav .level0-wrapper .nav-add {
border-top: 1px solid #333;
padding: 18px 0 0 18px;
}
#nav .level0-wrapper .nav-add .push_item {
float: left;
margin-right: 0px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item_last {
float: left;
margin-right: 0px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item .push_img a {
display: block;
height: 120px;
width: 280px;
}
#nav .level0-wrapper .nav-add .push_item .push_text {
color: #647177;
font-size: 12px;
padding: 8px 0;
}
.icon-custom-reponsive:before {
content: "\f10a";
}
.icon-custom-reponsive {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-CSS3:before {
content: "\f13c";
}
.icon-custom-CSS3 {
font-family: FontAwesome;
display: inline-block !important;
font-size: 60px;
background-color: #F0F0F0;
color: #000;
height: 120px;
padding: 30px 77px 30px 0;
margin-left: -5px;
}
.ccs3-html5-box {
background-color: #F0F0F0;
color: #000;
display: inline-block !important;
font-family: FontAwesome;
font-size: 60px;
height: 95px;
padding: 25px 0 0;
text-align: center;
width: 100%;
}
.icon-custom-google-font:before {
content: "\f031";
}
.icon-custom-google-font {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
.icon-custom-grid:before {
content: "\f00a";
}
.icon-custom-grid {
font-family: FontAwesome;
display: block !important;
font-size: 70px;
background-color: #F0F0F0;
color: #000;
height: 120px;
line-height: 120px!important;
text-align: center;
}
#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 10px;
}
#nav li.drop-menu ul {
position: absolute;
top: 57px;
left: 0;
background: #fff;
padding: 6px 0;
border-top: none;
border-bottom: 5px #000000 solid;
box-shadow: 0 0 20px -5px;
width: 160px;
text-align: left;
z-index: 1000;
}
#nav > li.drop-menu ul li ul {
border-top: none;
}
#nav li.drop-menu ul.right-sub:after {
content: "";
top: 6px;
position: absolute;
left: -11px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: #fff;
}
#nav li.drop-menu ul.left-sub:after {
content: "";
top: 6px;
position: absolute;
left: auto;
right: -10px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: transparent;
border-right-width: 5px;
border-right-color: transparent;
border-left-width: 5px;
border-left-color: #fff;
}
#nav > li.drop-menu {
position: relative;
}
#nav li.drop-menu ul li {
position: relative;
}
#nav li.drop-menu ul li a {
color: #222;
line-height: 30px;
padding: 0 12px;
display: block;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
background: #fff;
}
#nav li.drop-menu ul li:hover > a {
color: #000;
background: #fff;
padding-left: 12px;
}
#nav li.drop-menu ul li span.plus {
display: block;
position: absolute;
right: 7px;
top: 50%;
margin-top: -1px;
height: 1px;
width: 7px;
background: #535353;
}
#nav li.drop-menu ul {
display: none;
}
/* Mob Menu */
#menu {
background: #fff;
display: none;
width: 100%;
text-align: left;
margin-bottom: 0px;
float: left;
border: 0px #f0f0f0 solid;
margin-top: 5px;
margin-left: 15px;
}
#menu .toggle {
float: left;
width: 30px;
height: 35px;
cursor: pointer;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
text-align: left;
}
#menu .toggle:before {
content: "\f0c9";
font-family: FontAwesome;
font-size: 22px;
color: #000;
margin: 5px 0;
line-height: 38px;
}
#menu ul.navmenu ul.submenu {
padding: 2px 0 0;
background: #fff;
width: 99.8%;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
border-bottom: 5px solid #000000;
z-index: 100;
position: relative;
top: 7px;
}
#menu ul.navmenu .menutop {
overflow: hidden;
min-height: 25px;
margin-top: 0px;
}
#menu ul.navmenu .menutop h2 {
float: left;
margin: 0px 0 1px 0;
font-weight: 900;
color: #666;
padding: 5px 0px;
font-size: 17px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
ul.topnav {
padding: 0;
margin: 0;
font-size: 1em;
line-height: 0.5em;
list-style: none;
}
ul.topnav li {
border-bottom: 1px solid #EFEFEF;
float: none !important;
margin: 0 15px;
position: relative;
}
ul.topnav li.last {
position: relative;
float: none !important;
border-bottom: none;
}
ul.topnav li a {
line-height: 10px;
font-size: 14px;
padding: 15px 0px;
color: #222;
display: block;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
width: 80%;
text-transform: uppercase;
}
ul.topnav li a:hover {
color: #000;
}
ul.topnav li .active a {
background-color: #999;
color: #fff;
}
ul.topnav ul {
margin: 0;
padding: 0;
display: none;
}
ul.topnav ul li {
margin: 0;
padding: 0;
clear: both;
}
ul.topnav ul li a {
padding-left: 10px;
font-size: 12px;
font-weight: normal;
outline: 0;
color: #111;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
ul.topnav ul ul li a {
padding-left: 20px;
}
ul.topnav em {
color: #666;
cursor: pointer;
font-size: 24px;
font-style: normal;
font-weight: bold;
padding: 6px 0 6px 6px;
position: absolute;
right: 0px;
top: 10px;
width: 16px;
height: 25px;
}
ul.topnav em:hover {
color: #333;
}
.nav-container {
height: 40px;
}
.product-view .product-shop .social .fb a:before {
content: "\f09a";
font-family: FontAwesome;
}
.product-view .flexslider-thumb {
max-width: 420px;
margin: 30px auto 0;
padding: 0 45px;
position: relative; z-index:1000;
}
.product-view-compact .flexslider-thumb {
margin: 17px auto 0
}
.product-view .flexslider-thumb .flex-viewport {
z-index: 10
}
.product-view .flexslider-thumb .flex-direction-nav {
top: 30%;
left: 0;
width: 100%;
z-index: 9
}
.product-view .flexslider-thumb .flex-prev {
position: absolute;
left: 12px;
top: 0px;
}
.product-view .flexslider-thumb .flex-next {
position: absolute;
right: 20px;
top: 0px;
}
.product-view .flexslider-thumb li img {
cursor: pointer;
-moz-user-select: none
}
.product-view .previews-list {
padding: 0;
list-style-type: none;
text-align: center
}
.product-view .previews-list li {
width: 76px;
margin-right: 7px;
padding: 0;
float: none;
display: inline-block;
}
.product-view-compact .rating {
padding: 18px 0 21px
}
.product-view-compact .btn-toolbar {
margin: 0;
padding: 7px 0 22px
}
.product-view-compact .price {
display: block;
padding: 6px 0 20px
}
.product-view .flexslider-thumb-vertical-outer {
margin: 0 10px 15px 0;
width: 76px;
float: left;
position: relative;
z-index: 1
}
.product-view .flexslider-thumb-vertical .flex-viewport {
height: 300px!important
}
.product-view .flexslider-thumb-vertical .slides {
margin: -4px 0 0;
padding: 0;
list-style-type: none
}
.product-view .flexslider-thumb-vertical .slides li {
margin: 0;
padding: 0;
overflow: hidden
}
.product-view .flexslider-thumb-vertical .slides li img {
width: 100%;
padding: 4px 0;
cursor: pointer;
-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
-webkit-transform: translate3d(0, 0, 0)
}
.product-view .product-shop .social .fb a {
background: #3C5B9B;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .fb a:hover {
background: #3C5B9B !important;
color: #fff;
}
.product-view .product-shop .social .tw a:before {
content: "\f099";
font-family: FontAwesome;
}
.product-view .product-shop .social .tw a {
background: #359BED;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .tw a:hover {
background: #359BED !important;
color: #fff;
}
.product-view .product-shop .social .googleplus a:before {
content: "\f0d5";
font-family: FontAwesome;
}
.product-view .product-shop .social .googleplus a {
background: #E33729;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.sidebar .link-compare, .sidebar .link-wishlist {
color: #666;
font-size: 12px;
}
.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
color: #CA0000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.product-view .product-shop .social .googleplus a:hover {
background: #E33729!important;
color: #fff;
}
.product-view .product-shop .social .rss a:before {
content: "\f09e";
font-family: FontAwesome;
}
.product-view .product-shop .social .rss a {
content: "\f09e";
font-family: FontAwesome;
background: #FD9F13;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .rss a:hover {
background: #FD9F13 !important;
color: #fff;
}
.product-view .product-shop .social .pintrest a:before {
content: "\f0d3";
font-family: FontAwesome;
}
.product-view .product-shop .social .pintrest a {
content: "\f0d3";
font-family: FontAwesome;
background: #cb2027;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .pintrest a:hover {
background: #cb2027 !important;
color: #fff;
}
.product-view .product-shop .social .linkedin a:before {
content: "\f0e1";
font-family: FontAwesome;
}
.product-view .product-shop .social .linkedin a {
content: "\f0e1";
font-family: FontAwesome;
background: #027ba5;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .linkedin a:hover {
background: #027ba5 !important;
color: #fff;
}
.product-view .product-shop .social .youtube a:before {
content: "\f167";
font-family: FontAwesome;
}
.product-view .product-shop .social .youtube a {
background: #F03434;
font-size: 18px;
border-radius: 0px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-view .product-shop .social .youtube a:hover {
background: #F03434 !important;
color: #fff;
}
.product-view .product-shop .social {
float: left;
margin-top: 15px;
}
/*order history dashboard*/
.sales-order-history .my-account .login_page .limiter select {
width: 60px;
}
/*contact form*/
.contacts-index-index #contactForm ul li #telephone {
width: 65%;
}
/*dashboard right side current */
.customer-account-index .main-container-inner .col-right ul .current span {
margin-left: 20px;
}
/*404 page*/
.cms-dezire-no-route .slider-intro {
display: none;
}
.cms-dezire-no-route .offer-banner {
display: none;
}
/*detail page view link*/
a.button.view-all:before {
content: "\f06e";
font-family: FontAwesome;
font-size: 13px;
padding-right: 8px;
}
a.button.view-all {
display: inline-block;
border: 0;
background: #fff;
padding: 8px 12px;
font-size: 12px;
text-align: center;
white-space: nowrap;
color: #333;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
vertical-align: top;
border: 3px solid #EFEFEF;
}
.button.view-all:hover {
background: #000000;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
border: 3px solid #EFEFEF;
color: #fff;
}
a.button.view-all:before {
content: "\f06e";
font-family: FontAwesome;
font-size: 16px;
padding-right: 8px;
}
/* wishlist addto links of edit link*/
.wishlist-index-configure .product-essential .product-shop .add-to-box .btn-cart {
margin-right: 8px;
}
#addTag ul {
height: 30px;
}
/*about us page*/
.cms-page-view .slider-intro {
display: none;
}
.cms-page-view .service-section {
display: none;
}
.cms-page-view .offer-banner {
display: none;
}
.cms-page-view .blog_fix {
display: none;
}
.cms-page-view .side-nav-categories {
display: none;
}
.cms-page-view .main-col {
margin: auto auto 20px;
}
.catalogsearch-advanced-index .side-nav-categories {
display: none;
}
#advice-required-entry-newsletter {
position: absolute;
right: 160px;
color: #FF0000;
}
#advice-validate-email-newsletter {
position: absolute;
color: #FF0000;
line-height: 16px;
}
#mgkquickview {
display: none;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 1200px;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#formSuccess {
font-size: 18px;
padding: 48px 0 32px 15px;
}
.product-view .product-shop .grouped-items-table .price {
font-size: 18px;
}
.product-view .product-shop .price-box-bundle .price {
font-size: 20px;
}
.product-view .product-shop .price-as-configured .price {
font-size: 20px;
}
/*dashboard pages*/
.sales-order-view .shipping {
float: none;
}
/*detail page share-links*/
.sharing-links li .link-email-friend {
display: none;
}
.sharing-links {
clear: both;
list-style: none outside none;
margin-bottom: 10px;
}
.sharing-links li a {
color: #000000;
}
/*======== 5. Store Messages =========== */
.service-section {
width: 100%;
padding-bottom: 20px;
padding-top: 20px
}
.service-section .inner {
margin: auto;
overflow: hidden;
}
#store-messages {
margin: auto;
overflow: hidden;
}
#store-messages.messages-3 .message {
background: #f5f5f5;
padding: 10px 20px;
width: 100%;
}
#store-messages .phone {
float: right;
color: #333;
text-align: center;
width: 220px
}
#store-messages .phone strong {
font-weight: normal;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
}
#store-messages .phone span {
font-size: 12px;
line-height: 1.3em;
transition: color 100ms ease 0s;
color: #999;
text-align: center;
display: block;
padding-top: 8px;
font-family: Arial, Helvetica, sans-serif;
}
#store-messages .message {
padding: 0;
position: relative;
text-align: center;
}
#store-messages .message strong {
font-weight: bold;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform: uppercase
}
#store-messages .message a {
display: block;
}
#store-messages .message span {
font-size: 13px;
line-height: normal;
transition: color 100ms ease 0s;
color: #999;
text-align: center;
display: block;
padding-top: 5px;
font-family: arial;
padding-bottom: 4px
}
#store-messages .message span {
margin: 0 2px;
}
#store-messages .message .tagline {
display: block;
font-size: 9px;
line-height: 1.4em;
margin-top: 1px;
padding-left: 28px
}
#store-messages .message .separator {
border-left: 1px solid #e7e7e7;
height: 45px;
right: 0;
position: absolute;
top: 5px;
width: 1px;
}
.service-section1 {
padding: 0;
border-bottom: 1px solid #F0F0F0;
margin: auto;
margin-bottom: 30px;
clear: both;
display: none;
}
.service-section1 #store-messages .message span {
color: #666!important
}
.service-section1 #store-messages .phone span {
color: #666!important;
line-height: 1.4em;
}
.service-section1 #store-messages {
background: none repeat scroll 0 0 #fff;
margin: auto;
overflow: hidden;
}
.service-section1 #store-messages .message span {
line-height: 1.4em;
}
.service-section1 #store-messages .message {
width: 442px;
margin-right: 0;
}
.service-section1 #store-messages .phone {
width: 260px;
padding-right: 0;
text-align: right;
}
/*========== 6. Product Details ==========*/
.product-title {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 12px;
text-align: left;
text-transform: none;
}
.prod_image_detail {
text-align: center;
padding-top: 10px
}
.prod_image_detail .actions {
margin-top: 12px;
line-height: 1.4em;
margin: 5px 0;
padding: 0;
}
.prod_image_detail .description {
margin: 15px 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 15px;
line-height: normal;
}
.products-grid .special-price .price {
font-size: 12px;
}
/* Related Products */
.related-block {
width: 240px;
float: right;
margin-bottom: 35px;
overflow: hidden;
border: 0px solid #EFEFEF;
padding-bottom: 20px;
}
.related-block li {
border: none
}
.related-block h4 {
font-size: 12px
}
.related-block .block-content {
padding-top: 20px;
}
.related-block .block-title {
background-color: #fff;
padding: 10px 0;
color: #333;
text-transform: uppercase;
font-size: 12px;
border-bottom: 4px solid #F0F0F0;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
.related-block .products-grid .actions button.button.btn-cart {
background: #000000;
border: 1px solid #000000;
margin: 0 8px 0 8px;
padding: 11px 10px 11px 6px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.related-block .products-grid .actions button.button.btn-cart:hover {
background: #333;
border: 1px solid #333;
margin: 0 8px 0 8px;
padding: 11px 10px 11px 6px;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jcarousel-skin-tango4 .jcarousel-item-horizontal {
vertical-align: middle;
min-height: 310px;
margin: 0 0px;
text-align: center;
width: 240px;
padding: 0 !important
}
.jcarousel-skin-tango4 .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango4.jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango4 .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.popular-block {
width: 260px;
margin-bottom: 15px;
border: 0px solid #E5E5E5;
}
.popular-block li {
border: none;
}
.popular-block h4 {
font-size: 12px;
}
.popular-block .block-content {
}
.popular-block .block-title {
color: #222;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0;
padding: 10px 0;
background-color: #fff;
font-weight: 700;
}
.popular-block .block-content li {
padding: 10px 2px;
}
.mousetrap {
width: 100% !important;
height: 100% !important;
}
.cloud-zoom img {
width: 100%;
}
.cloud-zoom-big{ left:12px !important; top:0px;}
.zoom-btn-small:before {
content: "\f00e";
font-family: FontAwesome;
}
.zoom-btn-small {
background-color: #FFFFFF;
bottom: 0;
color: #666666;
font-size: 20px;
left: 0;
line-height: 40px;
padding: 0 15px;
position: absolute;
z-index: 1000;
}
.zoom-btn-small:hover {
background-color: #fff;
bottom: 0;
color: #333 font-size: 20px;
left: 0;
line-height: 40px;
padding: 0 15px;
position: absolute;
z-index: 1000;
}
.zoom-btn-small span {
display: none;
}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #ccc;
margin: -1px; /* Set this to minus the border thickness. */
background-color: #fff;
cursor: move;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family: Arial, Helvetica, sans-serif;
position: absolute !important;
background-color: #000;
color: #fff;
padding: 3px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 10px;
top: 0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border: 0px solid #ddd;
margin-left: 0px;
margin-top: 5px;
z-index: -10000
}
/* This is the loading message. */
.cloud-zoom-loading {
color: white;
background: #222;
padding: 3px;
border: 1px solid #000;
display: none;
}
.static-contain .group-select li .input-box input.input-text, .group-select li .input-box textarea {
width: 290px;
margin-bottom: 10px;
}
.static-contain .group-select li .input-box {
width: 470px}
.static-contain .group-select li textarea {
width: 440px
}
.static-contain .group-select li textarea:focus {
width: 440px;
}
.static-contain .group-select li input.input-text.required-entry, .group-select li textarea {
width: 440px;
}
/*listing page category description*/
.category-description {
padding-bottom: 10px;
/* padding-right: 10px; */
padding-top: 0;
}
/*contact us comment text area*/
.contacts-index-index #contactForm .required-entry {
width: 65%;
}
/*advanced search page*/
.catalogsearch-advanced-index #form-validate #advanced-search-list .multiselect {
width: 710px;
}
/*site map page*/
.page-sitemap .pager {
clear: both;
overflow: hidden;
width: 1240px;
}
/*add new address dashboard*/
.customer-address-form #form-validate .input-box .validate-select {
width: 630px;
}
/*my order dashboard*/
.sales-order-history .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.sales-order-history .main-container-inner .pager .pages {
margin-top: -20px;
}
.sales-order-history .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.sales-order-history .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.sales-order-history .main-container-inner .pager p {
margin-top: 5px;
}
.downloadable-customer-products .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.downloadable-customer-products .my-account #my-downloadable-products-table {
margin-bottom: 10px;
margin-top: 10px;
}
.downloadable-customer-products .main-container-inner .pager .pages {
margin-top: -20px;
}
.downloadable-customer-products .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.downloadable-customer-products .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.downloadable-customer-products .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .pager p {
margin-top: 5px;
}
.review-customer-index .main-container-inner .limiter {
text-align: left;
margin-left: 10px;
}
.review-customer-index .main-container-inner #my-orders-table {
margin-top: 44px;
margin-bottom: 5px;
}
.review-customer-index .main-container-inner .pager .pages {
margin-top: -20px;
}
.review-customer-index .my-account .login_page .pager select {
margin-left: 0px;
float: left;
margin-right: 10px;
}
.review-customer-index .my-account #my-reviews-table {
margin-bottom: 10px;
margin-top: 25px;
}
/*proceed to checkout page*/
.checkout-cart-index .shipping .sp-methods dt {
}
.checkout-cart-index .shipping .sp-methods dd ul li {
margin-bottom: 10px;
}
.checkout-onepage-index .main-container-inner #payment_form_ccsave .required-entry {
width: 681px;
}
.checkout-onepage-index .form-list .address-select {
width: 570px;
}
.checkout-onepage-index #checkout-step-billing .form-list .validate-select {
width: 600px;
}
.checkout-onepage-index .main-container-inner .step .btn-checkout {
float: right;
padding: 8px 12px;
}
.checkout-onepage-index #opc-shipping select#shipping-address-select {
width: 570px;
}
.checkout-agreements {
padding: 10px;
}
.checkout-agreements li input {
margin-right: 5px;
}
/*shipping with multiple address*/
.checkout-multishipping-address-newshipping #form-validate .input-box .validate-select {
width: 826px;
}
.checkout-multishipping-overview .multiple_addresses #review-button {
float: right;
margin-right: -105px;
margin-top: 40px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_cc_type {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration {
width: 410px;
}
.checkout-multishipping-billing .box-content #payment_form_ccsave #ccsave_expiration_yr {
width: 410px;
}
/* about us page*/
.cms-page-view .slider_wrapper {
display: none;
}
.cms-page-view .our-features-box {
display: none;
}
.cms-page-view .brand-logo {
display: none;
}
/*404 page*/
.cms-index-noroute .slider_wrapper {
display: none;
}
.cms-index-noroute .our-features-box {
display: none;
}
/*Furniture menu image*/
.cms-index-noroute .brand-logo {
display: none;
}
.top-cart-contain .mini-cart .price {
margin-right: 5px;
}
/*2column right wishlist*/
#wishlist_button {
display: inline-block;
margin-right: 3px;
float: left;
}
#wishlist1_button {
display: inline-block;
}
#viewall {
margin-left: 5px;
}
#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333
}
a#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #333333
}
a:hover#wishlist1_button {
text-transform: uppercase;
font-size: 10px;
color: #000
}
#wishlist-sidebar li {
overflow: hidden;
border-bottom: 1px solid #ECECEC
}
#wishlist-sidebar li.last {
overflow: hidden;
border-bottom: 0px solid #ECECEC
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
#wishlist_button {
float: left;
text-transform: uppercase;
font-size: 10px;
margin-top: 8px;
color: #333333
}
a#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #333333
}
a:hover#wishlist_button {
text-transform: uppercase;
font-size: 10px;
color: #000
}
.sendfriend-product-send .form-list textarea {
width: 65%;
}
.product-pricing .price {
font-size: 12px !important;
}
#product-options-wrapper .options-list .price {
font-size: 12px;
}
.show_hide {
/*position: absolute;
right: 0;*/
}
/*shoppping cart*/
.checkout-cart-index .shipping .sp-methods {
margin-left: -12px;
}
#update_total_shoppingcart {
margin-left: -12px;
}
/*checkout mutiple shipping*/
.checkout-multishipping-overview .multiple-checkout #review-buttons-container #review-button {
margin-right: -175px;
}
/*dashboard */
.col-right .block-content ul li.current span {
margin-left: 0px;
}
/*wishlist*/
#wishlist-table a.remove-item {
padding: 6px 11px;
color: #333;
background-color: #fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
float: right;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
#wishlist-table a.remove-item:before {
content: "\f014";
font-family: FontAwesome;
font-size: 14px;
}
#wishlist-table a.remove-item:hover {
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#wishlist-table .remove-item span span {
display: none;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-share {
float: right;
margin-left: 8px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-add {
float: right;
margin-left: 8px;
}
.wishlist-index-index .my-wishlist .buttons-set2 .btn-update {
float: right;
margin-right: 2px;
}
.cms-index-noroute .service-section {
display: none;
}
.cms-index-noroute .slider-intro {
display: none;
}
.cms-index-noroute .offer-banner {
display: none;
}
.cms-index-noroute .blog_fix {
display: none;
}
#cart-sidebar .mini-products-list .product-image {
border: 1px solid #ECECEC;
}
/* Tooltip */
a.tooltip {
outline: none;
color: #666;
}
a.tooltip strong {
line-height: 30px;
}
a.tooltip:hover {
text-decoration: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
a.tooltip span {
z-index: 10;
display: none;
margin-top: -38px;
margin-left: -50px;
line-height: 15px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
min-width: 96px;
white-space: normal;
text-align: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
}
a.tooltip:hover span {
display: inline-block;
position: absolute;
color: #fff;
border: 1px solid #333;
background: #333;
font-size: 11px;
padding: 4px 5px 4px 5px;
font-weight: 400;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
min-width: 96px;
white-space: normal;
}
a.tooltip:hover span:after {
content: "";
display: block;
position: absolute;
left: 33px;
top: 24px; /*should be set to -border-width x 2 */
width: 0;
height: 0;
border-color: #333 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 6px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
/* ========= 7. Ratings ======== */
.no-rating {
margin: 0;
}
.no-rating a {
color: #000;
}
.ratings {
font-size: 11px;
line-height: normal;
margin: 2px 0;
}
.ratings strong {
float: left;
margin: 1px 3px 0 0;
}
.ratings .rating-links {
margin: 0;
display: inline-block;
}
.ratings .rating-links a {
margin: 0;
text-decoration: none;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px
}
.ratings .rating-links .separator {
margin: 0 2px;
}
.ratings dt {
}
.ratings dd {
}
.rating-box {
width: 76px;
height: 15px;
font-size: 0;
line-height: 0;
background: url(../images/bkg_rating.png) 0 0 repeat-x;
text-indent: -999em;
overflow: hidden;
}
.rating-box .rating {
float: left;
height: 15px;
background: url(../images/bkg_rating.png) 0 100% repeat-x;
}
.ratings .rating-box {
margin-right: 8px;
display: inline-block;
}
.ratings .amount {
}
.ratings-table th, .ratings-table td {
font-size: 11px;
line-height: 1.15;
padding: 3px 0;
}
.ratings-table th {
font-weight: 900;
padding-right: 8px;
}
/* ========= 8. Price & Flip 3D ======== */
.price {
font-size: 12px;
color: #333;
white-space: nowrap !important;
}
.price-box {
margin: 6px 0;
}
/* Regular price */
.regular-price {
display: inline
}
.regular-price .price {
font-weight: 900;
font-size: 12px;
color: #000000;
}
.block .regular-price, .block .regular-price .price {
color: #000;
}
.price-box .price-from .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
.price-box .price-to .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
.price-box .minimal-price .price {
font-weight: 900;
font-size: 12px;
color: #333;
}
/* Old price */
.old-price {
display: inline;
margin-right: 15px;
}
.old-price .price-label {
color: #777777;
display: none;
white-space: nowrap;
}
.old-price .price {
color: #777777!important;
font-size: 13px;
font-weight: normal;
text-decoration: line-through;
margin-right: 6px;
}
.latest-product .old-price .price-label {
display: none;
}
/* Special price */
.special-price {
margin: 0;
padding: 3px 0;
display: inline;
}
.special-price .price-label {
color: #666;
display: none;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
}
.special-price .price {
font-size: 12px;
color: #000000;
font-weight: 900;
}
.special-price .price-label {
font-size: 13px;
font-weight: 900;
white-space: nowrap;
color: #666;
display: none;
}
.latest-product .special-price .price-label {
display: none;
}
/* Price range */
.price-from {
margin: 0;
font-size: 12px;
margin-right: 10px;
display: inline-block;
}
.price-from .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.price-to {
margin: 0;
font-size: 12px;
margin-left: 4px;
display: inline-block
}
.price-to .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
}
/* Minimal price (as low as) */
.minimal-price .price-label {
white-space: nowrap;
}
.minimal-price-link {
display: inline;
}
.minimal-price {
margin: 0;
}
.minimal-price .price-label {
font-weight: normal;
white-space: nowrap;
color: #909090;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.minimal-price-link .label {
color: #909090;
margin-left: 4px;
}
.minimal-price-link .price {
font-weight: 900;
color: #333;
font-size: 12px;
}
small {
font-size: 85%;
font-weight: normal;
text-transform: lowercase;
color: #999999;
}
.product-name {
color: #333;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
display: block;
line-height: normal;
}
a:hover.product-name {
color: #000;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
line-height: 20px;
text-transform: uppercase;
}
.sidebar .product-name a {
text-transform: none;
color: #333333;
}
.sidebar .product-name a:hover {
text-transform: none;
color: #000;
}
/* FLIP 3D */
.col-item .product-wrapper {
position: relative;
margin-top: 20px;
}
.col-item a.thumb.flip {
transform-style: preserve-3d;
transition: transform 0.5s linear;
}
.col-item .thumb-wrapper:hover a.thumb.flip {
transform: rotateY(180deg);
}
.col-item .product-wrapper a.thumb.flip .face {
display: block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
position: relative;
z-index: 1;
}
.col-item .product-wrapper a.thumb.flip .face img {
width: 100%;
}
.col-item .product-wrapper a.thumb.flip .face.back {
display: block;
transform: rotateY(180deg);
position: absolute;
top: 3px;
left: 0px;
right: 0px;
z-index: 10;
}
.col-item .product-wrapper a.thumb.flip .face.back img {
width: 100%;
}
.col-item .actions .add-to-links a.link-wishlist {
right: -142px;
opacity: 0;
position: absolute;
margin-top: -35px;
z-index: 100;
}
.col-item:hover .actions .add-to-links a.link-wishlist {
right: 36px;
opacity: 1;
position: absolute;
margin-top: -35px;
z-index: 100;
}
.col-item .actions .add-to-links a.link-compare {
right: -106px;
opacity: 0;
position: absolute;
z-index: 100;
margin-top: -35px;
}
.col-item:hover .actions .add-to-links a.link-compare {
right: 5px;
opacity: 1;
z-index: 100;
position: absolute;
margin-top: -35px;
}
.col-item .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.col-item .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.col-item .actions .add-to-links a.link-wishlist, a.link-compare {
color: #fff;
font-family: 'FontAwesome';
font-size: 13px;
font-weight: normal;
margin: 0;
text-decoration: none;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
padding: 6px 8px;
line-height: 17px;
background-color: #dbaa56;
}
.col-item .actions .add-to-links a.link-wishlist:hover, a.link-compare:hover {
color: #fff !important;
background-color: #000;
}
.col-item .item-title {
margin-bottom: 5px;
padding-top: 16px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.col-item .item-title a {
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #000;
font-size: 13px;
}
.slider-items-products .ratings .rating-links {
display: none;
}
/* ======== 9. 'New' & 'Sale' Label ========= */
.new-box, .sale-box {
height: 40px;
overflow: hidden;
position: absolute;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.new-box {
left: -1px;
}
.sale-box {
right: -1px;
}
.new-top-left {
left: 0px;
top: 0;
background: #fff;
letter-spacing: 1px;
}
.new-top-right {
background: none repeat scroll 0 0 #FFFFFF;
right: 0px;
top: 0;
}
.sale-top-right {
top: 0;
background: #fff;
letter-spacing: 1px;
right: 0px;
}
.sale-top-left {
left: 0px;
top: 0;
background: #fff;
letter-spacing: 1px;
}
.ie8 .new-label {
left: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .new-label:after {
display: none;
}
.ie8 .new-label:before {
display: none;
}
.ie8 .sale-label {
right: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .sale-label:after {
display: none;
}
.ie8 .sale-label:before {
display: none;
}
.ie8 .new-box {
top: -1px;
left: -1px;
}
.ie8 .sale-box {
right: -1px;
top: -1px;
}
.new-box, .sale-box {
position: fixed;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.new-box {
left: 0;
}
.sale-box {
right: 0;
top: 0px;
}
.new-label {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: #ffc60a;
text-transform: uppercase;
padding: 4px 10px 4px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 1000;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
}
.sale-label {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #d12631;
text-transform: uppercase;
padding: 4px 10px 4px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 1000;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
}
.ie8 .new-label {
left: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .new-label:after {
display: none;
}
.ie8 .new-label:before {
display: none;
}
.ie8 .sale-label {
right: 0px;
top: 0px;
width: auto;
padding: 5px 15px;
}
.ie8 .sale-label:after {
display: none;
}
.ie8 .sale-label:before {
display: none;
}
.ie8 .new-box {
top: -1px;
left: -1px;
}
.ie8 .sale-box {
right: -1px;
top: -1px;
}
.product-view #product-img-box .new-box, .product-view #product-img-box .sale-box {
position: absolute;
text-align: center;
top: -1px;
width: 55px;
z-index: 10;
}
.product-view #product-img-box .new-box {
left: 160px;
}
.product-view #product-img-box .sale-box {
right: -5px;
top: 0px;
}
.product-view #product-img-box .new-label.new-top-left {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: #ffd739;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .new-label.new-top-right {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: #ffd739;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
right: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-left {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #D23333;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-right {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
background: #D23333;
text-transform: uppercase;
padding: 10px 25px;
text-align: center;
display: block;
position: absolute;
right: 0px;
top: 0px;
z-index: 10000;
font-weight: normal;
}
/* =========== 10. Features Popular Products =========== */
.our-features-box {
overflow: hidden;
padding: 0px;
/* width: 80%; */
margin: auto;
margin-top: 10px;
padding: 50px 0;
border-top: 1px #eee solid;
}
.our-features-box ul {
list-style: none;
margin: 0;
padding: 0;
}
.our-features-box li {
float: left;
margin-bottom: 0px;
margin-right: 30px;
text-align: center;
width: 355px;
padding: 0;
display: inline-block;
}
.our-features-box li.last {
margin-right: 0
}
.our-features-box .feature-box {
overflow: hidden;
font-size: 18px;
text-align: center;
color: #27262e;
line-height: 1.4em;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
/* width: 350px; */
/* margin-left: 15px; */
margin-right: 15px;}
.our-features-box .feature-box .content {
display: block;
text-align: center;
margin-top: 20px
}
.our-features-box .feature-box span {
font-size: 13px;
display: block;
font-weight: 400;
text-transform: none;
display: block;
padding-top: 5px;
color: #485859;
line-height: 18px;
font-family: Arial, Helvetica, sans-serif
}
.icon-reponsive:before {
content: "\f10a";
}
.icon-reponsive {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #7bbd42;
text-align: center;
background: #fff;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
.icon-admin:before {
content: "\f013";
}
.icon-admin {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #7bbd42;
text-align: center;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
.icon-slider:before {
content: "\f07e";
}
.icon-slider {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
border-radius: 5px;
margin: auto;
color: #fff;
text-align: center;
height: 80px!important;
width: 75px!important;
line-height: 80px!important;
text-align: center;
border-radius: 40px;
margin-bottom: 20px
}
.icon-support:before {
content: "\f164";
}
.icon-support {
font-family: FontAwesome;
display: inline-block !important;
font-size: 40px;
margin: auto;
color: #7bbd42;
text-align: center;
height: 80px!important;
width: 80px!important;
line-height: 70px!important;
text-align: center;
margin-bottom: 20px;
padding-left: 8px;
border: 5px #ededed solid
}
/* ============ 11. BreadCrumbs =========== */
.breadcrumbs {
padding: 0;
font-size: 11px;
/* width: 100%; */
margin: auto;
padding-bottom: 2px;
margin-left: 33px;
margin-right: 15px;
}
.breadcrumbs .inner {
margin: 7px auto 0px auto;
}
.breadcrumbs ul {
padding: 0;
margin: 0;
}
.breadcrumbs li {
display: inline;
}
.breadcrumbs strong {
font-weight: 900;
color: #333 !important;
}
.breadcrumbs span {
display: inline-block;
margin: 0 3px 0 4px;
color: #aaa;
font-size: 13px;
}
.breadcrumbs a {
color: #666;
}
.breadcrumbs a:hover {
color: #333;
}
/*========= 12. Category Page =========== */
.category-title {
border-bottom: 1px solid #ddd;
margin: 0 0 10px;
}
.category-image {
display: block;
margin: 0 auto;
position: relative;
}
.category-image img {
width: 100%;
}
.category-products {
padding-bottom: 5px;
}
.category-products ul.products-grid{ margin:auto -15px;}
.cat-img-title {
display: block;
position: absolute !important;
bottom: 0;
width: 80%;
margin: 6%;
padding: 0;
top: 66%;
height: 70px !important;
}
.cat-img-title.cat-box {
margin: 22px 3%;
width: 50%;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #FFFFFF;
}
.cat-img-title .cat-heading {
font-size: 24px;
font-family: 'Open Sans', sans-serif;
}
.cat-img-title p {
font-size: 12px;
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
}
.cat-img-title p {
clear: left;
font-size: 12px;
line-height: 1em;
margin-bottom: 1px;
padding: 0.25em 0.5em;
}
/* Product Images */
.product-view .product-img-box {
margin-bottom: 10px;
position: relative;
}
.product-view .product-img-box .product-image {
margin: 0 0 13px;
}
.product-view {
margin-top: 12px;
margin: auto;
position: relative;
z-index: 0;
}
.product-essential {
margin-top: 15px;
background-color: #FFFFFF;
overflow: hidden;
}
.product-collateral .box-collateral {
margin: 0 0 15px;
}
.product-essential .product-image.no-gallery {
margin-left: auto;
}
.product-essential .product-image img {
height: auto;
width: 100%;
}
.product-essential .button-viewall {
position: absolute;
left: 5px;
bottom: 5px;
text-indent: -999em;
z-index: 9999;
}
.more-views {
margin: 18px auto 0;
width: 400px;
clear: both;
}
.more-views li {
float: left;
margin: 0 15px 0 0;
}
.more-views li a {
display: block;
text-align: center;
width: 85px;
}
.more-views li a img {
padding: 0px;
width: 85px;
}
.more-views .jcarousel-next:before {
content: "\f105";
font-family: FontAwesome;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
right: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-prev:before {
content: "\f104";
font-family: FontAwesome;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
left: -20px;
top: 28px;
display: inline-block!important;
position: absolute;
cursor: pointer;
}
.more-views .jcarousel-clip {
overflow: hidden;
}
.product-essential .more-images {
width: 92px;
float: left;
overflow: hidden;
margin-top: -20px;
padding-top: 20px;
padding-bottom: 20px;
}
.product-essential .more-images .normal-list {
margin-top: -6px;
}
.product-essential .more-images ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-essential .elastislide-vertical {
margin-top: -6px;
}
.product-essential .more-images img {
padding: 6px 0;
width: 100%;
}
/* Product Shop */
.product-view .product-shop .add-to-box button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-view .product-shop .product-options-bottom button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-additional {
float: right;
width: 280px;
border: 1px solid #E5E5E5;
}
.product-additional .block-product-additional {
margin: 0px!important;
}
.product-additional .block .block-title {
border-bottom: 2px solid #333;
color: #000000;
font-size: 12px;
margin: 0;
padding: 13px;
text-transform: uppercase;
text-align: center;
margin: 0px;
background: #F5F5F5;
}
.product-additional .block-product-additional .block-content {
padding: 12px;
}
.block .block-content {
background-color: #FFFFFF;
border-top: medium none;
font-size: 12px;
overflow: hidden;
padding: 15px 0 18px;
border-bottom: 0px solid #F0F0F0;
}
.product-view .product-name {
margin: 0 !important;
}
.product-view .product-name h1 {
font-size: 36px;
margin: 0;
text-align: left;
line-height: normal;
letter-spacing: normal;
word-spacing: 2px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}
.product-view .short-description {
padding-bottom: 10px;
font-size: 12px;
}
.product-view .short-description h2{ margin:auto auto 10px;; font-size:15px; font-weight:bold;}
.product-view .product-shop .add-to-box {
padding: 0px;
overflow: hidden;
text-align: center;
margin: 1px 0 0 0;
float: left;
}
.product-view .product-shop .add-to-box .btn-cart {
background: #7bbd42;
color: #fff;
font-size: 16px;
border: 3px solid #EFEFEF;
text-shadow: none;
padding: 8px 20px;
float: left;
margin-top: 0px;
font-weight: 600;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Open Sans', sans-serif;
margin-left: 5px;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .product-options-bottom .btn-cart {
background: #7bbd42;
color: #fff;
font-size: 16px;
border: 3px solid #EFEFEF;
text-shadow: none;
padding: 10px 20px;
float: left;
margin-top: 0px;
font-weight: 600;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Open Sans', sans-serif;
margin-left: 10px;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .add-to-box .icon-basket {
margin-right: 5px;
}
.product-view .product-shop ul.add-to-links {
margin: 0;
padding: 0;
display: inline-block;
margin-left: 10px;
}
.product-view .product-shop .add-to-links li {
display: inline-block;
margin-bottom: 7px;
}
.product-view .product-shop .add-to-links li .separator {
display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
content: "\f004";
font-family: FontAwesome;
font-size: 16px;
}
.product-view .product-shop .add-to-links .link-wishlist {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
color: #000 !important;
height: 40px;
margin-right: 8px;
padding: 12px 13px;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
width: 40px;
}
.product-view .product-shop .add-to-links .link-wishlist:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.product-view .product-shop .add-to-links .link-compare:before {
content: "\f012";
font-family: FontAwesome;
font-size: 16px;
}
.product-view .product-shop .add-to-links .link-compare {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
color: #000 !important;
height: 30px;
padding: 4px 13px 6px;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
line-height: 30px;
height: 45px;
}
.product-view .product-shop .add-to-links .link-compare:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.product-view .product-shop ul.add-to-links a {
padding: 0;
margin: 0;
}
.product-view .product-shop .ratings {
padding: 5px 0;
margin: 6px 0;
border-bottom: 1px solid #E5E5E5;
}
.product-view .product-shop .ratings .rating-links {
margin-bottom: 12px
}
.product-view .product-shop .price-box {
display: block;
padding: 5px 0px 0px 0;
margin: 0;
}
.product-view .product-shop .price-box .old-price {
margin-right: 5px;
margin-top: 0;
display: inline-block;
}
.product-view .product-shop .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
.product-view .product-shop .old-price .price {
font-size: 20px;
}
.product-view .product-shop .price {
font-size: 28px;
color: #000000;
font-weight: 900;
}
.add-to-cart .qty, .qty-holder .qty {
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
border-radius: 2px;
}
.product-shop .button-up, .product-shop .button-down {
height: 44px;
width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
left: 94px;
position: absolute;
}
.button-up:hover {
background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}
.button-down:hover {
background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}
.button-up, .button-down {
height: 44px;
text-indent: -999em;
width: 35px;
border: none;
}
.qty-input-text {
float: left;
margin-left: 10px;
}
.qty-input-text select {
border: 3px solid #EFEFEF;
-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/select-arrow.png) no-repeat 85% center;
width: 70px;
text-indent: 0.01px;
text-overflow: "";
color: #333;
height: 42px;
line-height: 10px;
width: 70px !important;
}
.qty-input-text option {
padding: 5px 15px;
}
.qty-input-text select.balck {
background-color: #000;
}
.qty-input-text select.option3 {
border-radius: 10px 0;
}
.button-up:hover, .button-up:focus {
background-image: url(../images/icon_arrow_up.png) !important;
background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
background-image: url(../images/icon_arrow_down.png) !important;
background-position: 16px 16px;
}
/* Product Collatera */
.product-collateral {
padding: 0px;
background-color: #FFFFFF;
margin-bottom: 5px;
overflow: hidden;
margin-top: 20px;
display: block;
}
.addtional-info {
margin-top: 10px;
}
#product-tabs {
margin: 0;
padding: 0;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#product-tabs > dt {
text-transform: none;
font-size: 12px;
padding: 8px 0px;
cursor: pointer;
color: #102343;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
#product-tabs > dt.open {
position: relative;
background-color: #fff;
z-index: 10;
color: #2CA2E3;
}
#product-tabs > dd {
display: none;
right: 0;
top: 0;
background-color: #fff;
margin: 0;
padding: 6px 0;
line-height: 1.8;
border-bottom-width: 0 !important;
font-size: 12px;
}
#product-tabs > dd h2 {
display: none;
}
#customer-reviews {
margin-top: 15px;
}
#customer-reviews .detail {
font-size: 12px;
line-height: 18px;
}
#customer-reviews h3 {
font-size: 12px;
font-weight: 900;
margin-bottom: 15px;
}
#customer-reviews h4 {
display: inline;
font-size: 12px;
}
#customer-reviews h5 {
display: inline;
font-size: 12px;
}
.box-reviews dl {
margin-bottom: 0;
}
.box-reviews dt {
font-size: 18px;
padding: 20px 0 10px;
}
#customer-reviews .page-title {
border: none;
}
#customer-reviews .page-title h2 {
text-align: left;
border-bottom: 1px solid #ccc;
padding-bottom: 8px;
margin-bottom: 8px;
color: #000;
font-size: 24px;
}
.box-reviews1 {
margin-top: 8px;
margin-bottom: 20px;
}
.box-reviews2 {
margin-top: 8px;
margin-bottom: 35px;
overflow: hidden;
}
.review-title {
margin-top: 0;
line-height: 1.4;
padding-bottom: 15px;
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
}
.review-title span {
font-size: 12px;
font-weight: 400;
margin-top: 5px;
}
.box-reviews > .rating-box {
position: absolute;
top: 30px;
right: 30px;
}
.box-reviews dd {
margin-left: 0;
padding-bottom: 20px;
}
.box-reviews .author {
font-style: italic;
font-size: 12px;
font-weight: bold;
margin-right: 5px;
}
.box-reviews .date {
color: #bdbdbd;
font-size: 12px;
font-style: italic;
}
.box-reviews .ratings-table {
float: left;
margin: 5px 15px 15px 0;
width: 12%;
}
.box-reviews .review {
border-left: 1px solid #DFDFDF;
float: left;
padding-left: 2.5em;
width: 83%;
}
.box-reviews .review .review-txt {
border-bottom: 1px solid #DFDFDF;
padding-bottom: 12px;
margin-bottom: 10px;
}
.box-reviews ul li h6 {
font-size: 15px;
margin-bottom: 3px;
padding: 0;
}
.box-reviews2 ul li {
margin-bottom: 0px;
clear: both;
}
.box-reviews .actions {
padding-top: 1.5em;
text-align: right;
float: right;
}
#customer-reviews .form-list li label {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.box-reviews .form-add h3 {
margin-bottom: 5px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
}
.box-reviews .form-add h4 {
font-size: 15px;
}
.box-reviews textarea {
width: 95%;
margin-top: 4px;
height: 5.5em;
}
.box-reviews .form-list input.input-text {
width: 80%;
padding: 10px;
margin-bottom: 4px;
line-height: 20px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list input.input-text:focus {
width: 80%;
padding: 10px;
margin-bottom: 4px;
line-height: 20px;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list select {
padding: 12px 15px 12px 165px;
margin: 0;
width: 100%;
line-height: 20px;
height: 48px;
}
.review1 {
display: inline-block;
width: 45%;
float: left;
}
.review2 {
display: inline-block;
width: 55%;
}
.upsell-products .item .product-image, .crosssell-products .item .product-image {
width: 190px;
margin-left: auto;
margin-right: auto;
}
#crosssell-products-list .products-grid.products-grid li {
width: 218px;
margin-right: 10px;
}
#crosssell-products-list .products-grid.products-grid li.last {
width: 218px;
margin-right: 0px;
}
#crosssell-products-list .prod_image_detail .price-box {
padding: 0;
}
#crosssell-products-list .prod_image_detail .price-box .price {
font-size: 12px;
}
#product-tabs > dd h2.product-name {
display: block;
}
#product-tabs .crosssell .flex-direction-nav a {
width: 50px;
height: 40px;
top: 112px;
}
#product-tabs .crosssell .flex-direction-nav .flex-prev {
right: auto;
left: -10px;
}
#product-tabs .crosssell .flex-direction-nav .flex-next {
right: -10px;
}
.box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {
width: 54px;
height: 44px;
top: 0;
margin-top: -76px;
margin-right: -1px;
}
.product-view .box-tags .form-add input.input-text {
width: 350px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
box-shadow: 0 1px 5px #eee inset;
margin-right: 10px;
padding: 8px;
}
.up-sell-box {
border: 1px #ddd solid;
border-top: none;
}
.up-sell-box p.desc {
margin: 0;
padding: 10px 10px 0 10px
}
#brand-slider .flex-direction-nav a {
width: 55px;
height: 42px;
top: 0;
margin-right: -1px;
}
.featured-products .flex-direction-nav a {
width: 54px;
height: 43px;
top: 0;
margin-top: -43px;
margin-right: -1px;
}
#featured-products-list-slider {
border: 1px #ddd solid;
border-top: none;
width: 840px;
height: 485px;
}
.box-up-sell .flex-direction-nav .flex-prev, .box-cross-sell .flex-direction-nav .flex-prev, #brand-slider .flex-direction-nav .flex-prev, .featured-products .flex-direction-nav .flex-prev {
right: 53px;
}
.main .box-up-sell h2.subtitle .line, .main .box-cross-sell h2.subtitle .line, .brand-slider-wrap h2.subtitle .line, .featured-products h2.subtitle .line {
right: 130px;
}
.featured-products {
position: relative;
}
.product-view .box-tags .form-add label {
line-height: 42px;
font-size: 16px;
}
.product-view .box-tags .form-add .button {
height: 35px;
}
#addTagForm {
margin-bottom: 5px;
margin-top: 10px
}
.product-view .box-up-sell {
margin-top: 10px;
float: left;
}
.product-view .box-up-sell .subtitle {
margin-right: 0;
}
.mini-products-list .price-box * {
display: inline;
}
.mini-products-list .price-box .price {
margin-right: 10px;
}
/* Product Tabs */
.product-tabs {
line-height: normal;
margin: 0;
outline: none;
padding: 0;
position: relative;
z-index: 1;
background-color: #fff;
border-bottom: none;
margin-top: 0px;
height: 42px;
text-align: left;
border-bottom: 1px solid #ccc;
}
.product-tabs li {
display: inline-block;
height: auto;
line-height: normal;
margin: 0;
outline: none;
padding: 0;
list-style: none;
margin-right: 5px;
}
.product-tabs li.active {
background: none;
}
.tab-content {
background-color: #FFFFFF;
border: 1px #ccc solid;
border-top: none;
padding: 15px;
overflow: hidden;
font-size: 12px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #000000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
border: 1px #ccc solid;
border-top: 2px solid #7bbd42;
border-bottom: 1px #fff solid;
background-color: #FFFFFF;
height: 42px;
}
.product-tabs a {
display: inline-block;
font-size: 12px;
height: 40px;
line-height: 40px;
padding: 0 12px;
text-transform: uppercase;
color: #333;
}
.product-collateral .title-divider {
position: relative;
top: -1px;
}
.product-tabs-content {
margin: 0;
padding: 5px 0px 12px;
border-top: 1px solid #E6E6E6;
border-top: none;
background-color: #fff;
width: 565px;
}
.product-tabs-content-inner {
outline: none;
padding: 0px 0 12px;
clear: both;
}
.product-tabs-content-inner strong {
font-weight: 900;
}
.product-tabs-content-inner h2 {
margin: 5px 0;
}
.product-tabs-content .form-add h2 {
font-size: 100%;
font-weight: 900;
}
.product-tabs-content h1 {
outline: none;
}
.product-tabs-content h3 {
font-size: 100%;
}
.product-tabs-content dl {
margin: 0;
padding: 0;
}
.product-tabs-content dt {
font-weight: normal;
padding: 8px 0;
}
.product-tabs-content dd {
margin: 0;
}
.product-tabs-content h1, .product-tabs-content h2, .product-tabs-content h3, .product-tabs-content h4, .product-tabs-content h5, .product-tabs-content h6 {
font-weight: lighter;
height: auto;
margin: 0;
padding: 0;
}
.product-tabs-content table {
margin: 10px 0;
}
.product-tabs-content #review-form h4 {
margin: 5px 0 15px;
}
.product-tabs-content h4 {
font-size: 100%;
}
#product-tabs {
border: 0px solid #eee;
border-bottom-width: 0;
}
#product-tabs {
}
.box-reviews dd, .review-title {
border-bottom: 1px solid #ccc;
}
#product-tabs > dt {
border-bottom: 1px solid #ccc;
}
#product-tabs > dd {
border-left: 0px solid #ccc;
border-bottom: 1px solid #ccc;
}
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
#product-review-table {
margin: 10px 0;
border: medium none;
}
#product-review-table th, #product-review-table td {
text-align: left;
}
.tab-box {
padding: 0px 0;
margin-top: 6px;
}
.tab-box .activeLink a {
color: #000000;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
border: 1px #ccc solid;
border-top: 2px solid #7bbd42;
border-bottom: 1px #fff solid;
background-color: #FFFFFF;
padding: 0 12px;
}
.tab-box .activeLink a:hover {
color: #000000;
font-weight: 400;
}
.tab-box li.activeLink:hover {
color: #222;
font-weight: 400;
}
.tab-box a {
border-bottom: none;
color: #999;
margin-right: 0px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Open Sans', sans-serif;
padding: 0 15px;
border: 1px #ddd solid;
border-bottom: none;
background-color: #fafafa;
}
.tab-box a:hover {
text-decoration: none;
font-weight: 400;
color: #333;
font-family: 'Open Sans', sans-serif;
background-color: #fff;
}
.tabLink {
color: #ccc;
font-weight: normal;
}
.tabcontent {
background-color: #FFFFFF;
border: 1px #ccc solid;
border-top: none;
padding: 15px;
overflow: hidden;
font-size: 12px
}
.tabcontent .std ul li {
color: #333;
list-style: square outside none;
margin-left: 1em;
}
button.button.button-clear {
background: #f8f8f8;
}
.hide {
display: none;
}
.form-add-tags input.input-text, select, textarea {
padding: 10px;
margin-top: 0px;
width: 310px;
}
.additional p {
font-size: 12px
}
.product-options dt label, .box-reviews dt, .data-table, .fraction-slider .slide-subtitle {
font-family: Arial, Helvetica, sans-serif;
}
.specs-table {
margin-top: 5px !important;
}
.specs-table dt {
float: left;
font-weight: bold;
padding: 0 3px 3px 0;
width: 60px;
}
.specs-table dd {
padding: 0 0 0px 90px;
}
.data-table {
border: 1px solid #E5E5E5;
border-spacing: 0;
text-align: left;
}
.data-table thead tr, .data-table tfoot tr {
background-color: #F0F0F0;
}
#product-attribute-specs-table.data-table {
border: 1px solid #EAEAEA;
border-bottom: none;
margin-top: 5px;
}
#product-attribute-specs-table.data-table tbody th, .data-table tbody td {
border-right: none;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last {
border-right: none !important;
}
#product-attribute-specs-table.data-table tbody th.last, .data-table tbody td.last a {
text-decoration: underline;
}
.form-add-tags label {
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
.form-add-tags button.button {
display: inline;
background: #fff;
padding: 6px 15px 6px 12px;
}
.form-add-tags button.button:hover {
display: inline;
background: #000000;
padding: 6px 15px 6px 12px;
}
.data-table thead th, .data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td {
color: #333;
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #E5E5E5;
font-family: Arial, Helvetica, sans-serif;
}
.data-table tbody th, .data-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 10px 10px 10px;
}
.cart-table tbody th, .cart-table tbody td {
border-right: 0px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.data-table tbody th.last, .data-table tbody td.last {
border-right: 0px solid #eaeaea;
}
.data-table tbody tr.last th, .data-table tbody tr.last td {
border-bottom: 1px solid #eaeaea;
}
.data-table .price {
font-size: 13px;
font-weight: 900;
}
.data-table .total-price .price, .cart .totals table tfoot td .price, .compare-table .price {
color: #333;
}
.item-options dd {
color: #565656;
margin: 0;
}
.compare-table th {
color: #565656;
}
.compare-table tr.odd th {
background-color: #ececec;
}
.compare-table tr.even th {
background-color: #e5e5e5;
}
.compare-table tr.even td {
background-color: #f7f7f7;
}
.my-account .data-table .price, .my-wishlist .data-table .price {
font-size: 15px;
color: #737373;
font-weight: normal;
}
.box-reviews .form-list li {
margin-bottom: 0px;
}
.recent-orders .title-buttons {
text-align: right;
margin-bottom: 8px;
}
.recent-orders .title-buttons strong {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 13px;
color: #333;
}
/* Product Options */
.product-options {
padding: 0;
margin: 0;
clear: both;
}
.product-options dt {
margin-top: 20px;
}
.product-options dt label {
font-weight: normal;
font-size: 15px;
}
.product-options dt label em {
margin-right: 3px;
}
.product-options dt .qty-holder {
float: right;
}
.product-options dt .qty-holder label {
vertical-align: middle;
}
.product-options dt .qty-disabled {
background: none;
border: 0;
padding: 3px;
color: #000;
}
.product-options dd {
margin: 10px 0;
}
.product-options dl {
margin: 5px 0;
}
.product-options dl.last dd.last {
}
.product-options dd input.datetime-picker {
width: 150px;
}
.product-options dd .time-picker {
display: -moz-inline-box;
display: inline-block;
padding: 2px 0;
vertical-align: middle;
}
.product-options .options-list {
list-style: none;
padding: 0;
margin: 0;
}
.product-options .options-list li {
margin: 12px 0;
}
.product-options .options-list input.radio {
margin: -2px 0 0 0;
}
.product-options .options-list input.checkbox {
margin: -2px 0 0 0;
}
.product-options .options-list .label {
display: inline;
margin-left: 0;
padding: 0;
}
.product-options ul.validation-failed {
padding: 0 7px;
}
.product-options p.required {
padding: 0;
display: none;
}
.product-options label {
display: inline;
margin-bottom: 0;
line-height: 17px;
}
.product-options .qty-holder {
display: block;
margin: 8px 0;
}
.product-options .label, .product-options .badge {
background-color: transparent;
text-shadow: none;
}
.product-options .qty {
margin-bottom: 0;
width: 30px;
}
.product-options-bottom {
padding: 25px 0;
}
.product-options-bottom .price-box {
margin: 10px 0;
}
/* Grouped Product*/
.product-view .grouped-items-table {
margin-bottom: 15px;
margin-top: 20px;
border-bottom: none;
}
/* Block: Description */
.product-view .box-description {
}
/* Block: Additional */
.product-view .box-additional {
}
/* Block: Upsell */
.product-view .box-up-sell {
}
.product-view .box-up-sell .products-grid td {
width: 25%;
}
/* Block: Tags */
.product-view .box-tags {
}
.product-view .box-tags .form-add label {
float: left;
line-height: 33px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif
}
.product-view .box-tags .form-add .input-box {
float: left;
margin: 0 0 0 10px;
}
.product-view .box-tags .form-add input.input-text {
width: 320px;
outline: none
}
.product-view .box-tags .form-add p {
clear: both;
}
/* Block: Reviews*/
.product-view .box-reviews {
}
.product-view .box-reviews .form-add {
}
/* Send a Friend */
.send-friend {
}
/* Availability, Brand */
.availability, .product-brand {
margin: 12px 15px 8px;
font-weight: normal;
font-size: 12px;
position: absolute;
right: 0px;
margin-top: 18px
}
#super-product-table input.qty {
text-align: center;
}
.availability span, .product-brand span {
font-weight: normal;
}
.availability.in-stock span {
color: green;
}
.availability.out-of-stock span {
color: #d83820;
}
.availability-only {
margin: 0 0 7px;
}
.availability-only a {
cursor: pointer;
padding-right: 15px;
}
.availability-only .expanded {
background-position: 100% -15px;
}
.availability-only strong {
}
.availability-only-details {
margin: 0 0 7px;
}
.availability-only-details th {
background: #f2f2f2;
font-size: 10px;
padding: 0 8px;
}
.availability-only-details td {
border-bottom: 1px solid #ddd;
font-size: 11px;
padding: 2px 8px 1px;
}
.availability-only-details tr.odd td.last {
}
/* Add to Cart */
.add-to-cart label {
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 15px;
font-weight: 400;
float: left;
line-height: 38px;
}
.custom {
}
.custom button.items-count {
border: none;
clear: both;
color: #999;
font-size: 10px;
line-height: normal;
padding: 13px 14px 10px 16px;
text-align: center;
line-height: 15px;
}
.custom button.items-count.increase {
margin-right: 4px;
}
.custom button.items-count.reduced {
margin-left: 0px;
}
.custom button.items-count {
background-color: #f8f8f8;
border: 1px #ddd solid;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.custom button.items-count:hover {
background-color: #333;
border: 1px #333 solid;
color: #fff;
}
.add-to-cart button.button {
margin-left: 5px;
}
.add-to-cart .button-up {
position: absolute;
left: 200px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-down {
position: absolute;
left: 78px;
border-radius: 0;
top: 0px;
}
.add-to-cart .button-up {
outline: none;
background-color: #fff;
border: 1px #ddd solid;
}
.add-to-cart .button-down {
bottom: 0;
outline: none;
background-color: #fff;
border: 1px #ddd solid;
}
.add-to-cart button.btn-cart {
font-size: 20px;
padding: 15px 25px;
margin-left: 15px;
margin-top: -10px
}
.add-to-cart button.btn-cart.margin-none {
margin-left: 0;
}
.add-to-cart .paypal-logo {
clear: left;
text-align: right;
}
.add-to-cart .paypal-logo .paypal-or {
clear: both;
display: block;
margin: 5px 60px 5px 0;
}
.product-view .add-to-cart .paypal-logo {
margin: 0;
}
/* Add to Links + Add to Cart */
.add-to-box {
margin: 15px 0 0px;
overflow: hidden;
overflow: hidden;
padding: 15px;
text-align: center;
}
.add-to-box .add-to-cart, .product-options-bottom .add-to-cart { display:inline-block; float:left;
}
.product-options-bottom .add-to-cart {
margin-bottom: 0;
}
.add-to-box .or {
float: left;
margin: 0 10px;
}
.add-to-box .add-to-links {
float: left;
padding: 0;
margin: 0 0 20px;
list-style: none;
}
.add-to-box .add-to-links li {
display: block;
margin: 0;
}
.add-to-links span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 8px;
}
.add-to-cart .qty {
padding: 0 15px 0px 15px;
height: 42px;
border: 1px #eaeaea solid;
text-align: center;
width: 60px;
}
.add-to-cart .qty:focus {
padding: 0 15px 0px 15px;
height: 42px;
border: 1px #eaeaea solid;
}
/*========== 13. Sliders ==========*/
/* Slider Controls, Background Colors */
.flex-control-paging li a, .sequence-pagination li a, .fs-pager-wrapper a, .bx-wrapper .bx-pager.bx-default-pager a, .tp-bullets.simplebullets.round .bullet {
}
.flex-control-paging li a.flex-active, .sequence-pagination li.current a, .fs-pager-wrapper .active, .bx-wrapper .bx-pager.bx-default-pager a.active, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {
background-color: #fff;
}
.btn, .button, .button-inverse, .slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next, .elastislide-prev, .button-up, .button-down, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a, .button-tabs li a {
font-size: 12px;
display: inline-block;
padding: 2px 8px 3px;
margin-bottom: 0;
line-height: 20px;
/* color: #f4f4f4; */
text-align: center;
text-shadow: none;
vertical-align: middle;
cursor: pointer;
border-radius: 0px;
background-position: center center;
background-repeat: no-repeat;
}
.products-list .product-shop .btn-cart {
background: #fff;
padding: 8px 15px;
float: left;
color: #333;
border: 3px solid #EFEFEF;
}
.products-list .product-shop .btn-cart:hover {
background: #000000;
color: #fff;
border: 3px solid #EFEFEF;
}
.products-list .product-shop .btn-cart span {
font-size: 14px;
font-weight: normal;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.btn-large, .buttons-set button.button {
font-size: 12px;
}
.buttons-set .back-link a {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: 900;
display: inline-block;
text-shadow: none;
padding: 0;
}
.buttons-set .back-link a:focus {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #333;
font-weight: bold;
display: inline-block;
text-shadow: none;
padding: 0;
}
.buttons-set .back-link a small {
font-size: 16px;
font-weight: 400;
color: #333;
}
.buttons-set .back-link a:hover small {
font-size: 16px;
font-weight: 400;
color: #FFF;
padding: 0;
}
.buttons-set .back-link a:hover {
display: inline-block;
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #000;
display: inline-block;
text-shadow: none;
padding: 0;
}
.btn-mini {
padding: 2px 6px;
}
p {
margin: 0 0 10px;
}
/* More Views SLIDER = */
.more-views {
width: 80%;
margin: auto;
}
.more-views img {
width: 100%;
}
.more-views .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -35px;
top: 50%;
}
.more-views .slider-items-products .owl-buttons a {
border: none;
background: #f5f5f5;
}
.more-views .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
}
.more-views .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
}
.more-views .slider-items-products .owl-buttons .owl-prev {
left: -35px;
position: absolute;
top: 50%;
background: none;
}
.more-views .owl-item .item {
margin: 0 3px 0 11px;
border: 1px solid #ddd;
}
nav.dropdown {
margin: -8px 0 0 0;
width: 180px;
height: 35px;
z-index: 10;
position: relative;
float: right
}
nav.dropdown p {
background: #efefef;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
position: relative;
padding: 0 10px;
height: 32px;
width: 180px;
border: 1px solid #f3f3f3;
line-height: 32px;
cursor: pointer
}
nav.dropdown p:after {
font-family: BreeRegular;
font-size: 18px;
line-height: 0;
font-weight: 400;
text-transform: none;
content: 'n';
top: 8px;
right: 11px;
position: absolute
}
nav.dropdown p.act {
background: #333;
color: #fff!important
}
nav.dropdown p.act:hover {
background: #333;
color: #fff!important
}
nav.dropdown p:hover {
background: #000;
color: #fff!important
}
nav.dropdown.error p {
border-color: #d42630
}
nav.dropdown a {
background: #f3f3f3;
font-family: PlutoSansLight;
font-size: 12px;
line-height: 21px;
font-weight: 400;
color: #666;
text-decoration: none;
display: none;
padding: 8px 7px;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s
}
nav.dropdown a:hover {
background: #fbfbfb;
transition: background-color .2s;
-o-transition: background-color .2s;
-ms-transition: background-color .2s;
-moz-transition: background-color .2s;
-webkit-transition: background-color .2s
}
nav.dropdown a.act {
display: block
}
.shipping-banner {
padding: 28px 0px;
text-align: left;
margin: auto
}
.icon-thumbs-up:hover {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 8px
}
.store-img-box .shipping-box {
width: 235px;
overflow: hidden;
background: #5bd2ec;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em
}
.store-img-box .shipping-box span {
font-size: 20px;
display: block;
font-family: Arial, Helvetica, sans-serif
}
.icon-tablet {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 10px
}
.icon-smile {
font-family: FontAwesome;
display: block!important;
font-size: 60px;
padding-bottom: 10px
}
.store-img-box .offer-box {
width: 235px;
overflow: hidden;
background: #222;
padding: 30px;
font-family: "Bitter-Regular";
font-size: 24px;
font-weight: 300;
text-align: center;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
padding-top: 30px;
line-height: 1.4em
}
.store-img-box .offer-box span {
font-size: 20px;
display: block;
font-family: Arial, Helvetica, sans-serif
}
.free-shipping {
font-size: 12px;
font-weight: normal;
padding: 11px;
position: absolute;
right: 480px;
top: 10px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px
}
.free-shipping span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px
}
.free-shipping .icon-truck {
font-family: FontAwesome;
display: inline-block;
font-size: 17px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC
}
.money-back {
font-size: 12px;
font-weight: normal;
padding: 10px;
position: absolute;
right: 300px;
top: 11px;
color: #999;
width: 175px;
text-transform: uppercase;
line-height: 15px
}
.money-back span {
float: right;
width: 137px;
display: inline-block;
margin-top: 0px
}
.money-back .icon-share-alt {
font-family: FontAwesome;
display: inline-block;
font-size: 16px;
color: #fff;
float: left;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #5BD2EC
}
.products-list .product-shop button.button {
margin-right: 8px;
}
/* Best Sales SLIDER */
.main-col {
margin: auto;
overflow: hidden
}
.best-sales-slider {
position: relative;
margin: 0 auto 25px;
padding: 0px;
float: left
}
.jcarousel-next-horizontal1 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal1 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal1:after {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-prev-horizontal1 {
margin: -58px 0 0 0;
right: 35px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal1 {
margin: -58px 0 0 0px;
right: -2px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal1:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-next-horizontal1:hover {
background: #000000;
color: #fff;
}
.jcarousel-prev-horizontal1:hover {
background: #000000;
color: #fff;
}
.jcarousel-skin-tango5 .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango5 .jcarousel-container-horizontal {
margin: 0px;
padding: 0px;
}
.jcarousel-skin-tango5 .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango5 .jcarousel-clip-horizontal {
}
.jcarousel-skin-tango5 .jcarousel-item {
width: 270px;
text-align: center;
min-height: 440px;
overflow: hidden;
}
.jcarousel-skin-tango5 .jcarousel-item-horizontal {
margin: 0px 30px 0px 0;
position: relative;
border: 0px solid #EFEFEF;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 0;
}
.jcarousel-next-horizontal2 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal2 {
display: block;
position: absolute;
width: 33px;
height: 30px;
}
.jcarousel-prev-horizontal2:after {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-prev-horizontal2 {
margin: -58px 0 0 0;
right: 35px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal2 {
margin: -58px 0 0 0px;
right: -2px;
background: #f3f3f3;
color: #666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-next-horizontal2:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 12px;
line-height: 30px;
}
.jcarousel-next-horizontal2:hover {
background: #000000;
color: #fff;
}
.jcarousel-prev-horizontal2:hover {
background: #000000;
color: #fff;
}
/* We Also SLIDER */
.up-sell-slider {
position: relative;
margin: 0 auto 15px;
width: 1240px;
padding: 0px;
float: left;
}
.up-sell-slider .products-grid .item .item-inner .item-img .item-img-info {
height: 230px;
}
.up-sell-slider .block-content {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 6px;
margin-bottom: 20px;
}
.up-sell-slider .block-title {
background-color: #fff;
padding: 8px 0px;
color: #333;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
font-weight: 700;
}
/* BRAND SLIDER */
.brand-logo {
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 25px 0px 25px 0;
border-top: 1px solid #efefef;
}
.brand-logo .container {
padding: 0px 44px;
}
.brand-logo .slider-items-products .owl-buttons .owl-next {
position: absolute;
right: -38px;
top: 20px;
}
.brand-logo .slider-items-products .owl-buttons a {
border: none;
background: #f5f5f5;
}
.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
}
.brand-logo .slider-items-products .owl-buttons .owl-prev {
left: -30px;
position: absolute;
top: 18px;
background: none;
}
.brand-logo a.flex-next {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-next:hover {
color: #000 !important;
background: #fff !important;
}
.brand-logo a.flex-prev {
background: #fff !important;
color: #666 !important;
}
.brand-logo a.flex-prev:hover {
color: #000 !important;
background: #fff !important;
}
/* Banner Sequence CSS */
.slider-section {
margin: 20px auto auto;
}
#banner-slider {
margin: 0px auto 0;
width: 100%;
}
.slider_wrapper {
margin: auto;
width: 1170px
}
#banner-slider .inner {
margin: auto;
overflow: hidden
}
.controls {
margin: 0;
padding: 0;
list-style: none
}
/* Slideshow (jQuery Cycle) */
.RHS-banner {
width: 250px;
float: right
}
.slideshow-wrapper {
position: relative;
margin: auto;
margin-top: 0px;
}
ul.slideshow {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
height: 550px;
margin: auto
}
.slideshow .slide {
display: block;
width: 890px;
height: 550px;
left: 0;
top: 0;
}
/* Navigation */
.slideshow-wrapper .browse-button {
text-decoration: none;
text-indent: -999px;
overflow: hidden;
}
.slideshow-wrapper:hover .browse-button {
visibility: visible;
}
.slideshow-wrapper .backward {
position: absolute;
left: 10px;
top: 45%;
background: url(../images/slideshow-arrows.png) 0 0 no-repeat;
width: 50px;
height: 50px;
}
.slideshow-wrapper .backward:hover {
background-position: 0 -66px;
}
.slideshow-wrapper .forward {
position: absolute;
right: 10px;
top: 45%;
background: url(../images/slideshow-arrows.png) -50px 0 no-repeat;
width: 50px;
height: 50px;
}
.slideshow-wrapper .forward:hover {
background-position: -50px -66px;
}
/* Navigation goes up (Z-axis) */
.slideshow-wrapper .browse-button, .slideshow-wrapper .tab-pager {
z-index: 9;
}
/* Main slideshow on home page */
.the-slideshow .tab-pager {
position: absolute;
bottom: 15px;
left: 170px;
}
.the-slideshow .slideshow {
background-color: #fff;
}
/* Fix: prevent showing all slides while loading */
.the-slideshow .slideshow .slide {
display: none;
overflow: hidden;
}
.the-slideshow .slideshow .slide.first {
display: block;
}
.the-slideshow .slideshow .slide img {
width: 100%;
}
/* Elements in slides
-------------------------------------------------------------- */
.the-slideshow {
color: #333;/* text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
font-size:18px;*/
}
.the-slideshow h2, .the-slideshow h3, .the-slideshow h4, .the-slideshow h5, .the-slideshow h6, .the-slideshow a {
color: #333;
}
/* Universal navigation pager for tabs and slideshow */
.tab-pager a {
float: left;
width: 20px;
height: 20px;
margin-right: 3px;
text-align: center;
overflow: hidden;
text-indent: -999px;
}
/* Tab pager: simple gray rounded rectangles
-------------------------------------------------------------- */
.tab-pager.tab-pager-simple a {
background-color: #eee;
color: #777;
border-radius: 2px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.tab-pager.tab-pager-simple a.current, /*jQuery Tools*/ .tab-pager.tab-pager-simple a.activeSlide, /*jQuery Cycle plugin*/ .tab-pager.tab-pager-simple a:hover {
background-color: #ccc;
}
/* Tab pager: image background
-------------------------------------------------------------- */
.tab-pager.tab-pager-img a {
background: 0 0 no-repeat transparent;
}
.tab-pager.tab-pager-img a.current, .tab-pager.tab-pager-img a.activeSlide {
background-position: 0 -30px;
}
.tab-pager.tab-pager-img a:hover {
background-position: 0 -60px;
}
/* Light gray rounded squares */
.tab-pager.tab-pager-rounded-lgray a {
background: url(../images/tab-pager-rounded-lgray.png) 0 0 no-repeat transparent;
}
/* Light gray circles */
.tab-pager.tab-pager-circle-lgray a {
background: url(../images/tab-pager-circle-lgray.png) 0 0 no-repeat transparent;
}
/* Light gray rings */
.tab-pager.tab-pager-ring-lgray a {
background: url(../images/tab-pager-ring-lgray.png) 0 0 no-repeat transparent;
}
/* other Slider's css */
.slides_container {
width: 860px;
height: 320px;
position: relative;
padding-left: 0px;
}
.slides_container div {
width: 860px;
height: 320px;
display: block;
position: relative;
z-index: 20;
color: #fff;
}
.slides_container div img {
z-index: 20;
position: absolute;
top: 0px;
left: 0px;
}
.slides_container div p {
z-index: 40;
position: absolute;
top: 124px;
left: 246px;
padding-right: 10px;
color: #560e78;
font-size: 14px;
}
#slides {
position: relative;
overflow: hidden;
width: 870px;
z-index: 0;
}
#slides a.prev {
z-index: 50;
position: absolute;
left: 10px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
background: #fff;
opacity: 0.5;
border: 2px #ddd solid;
}
#slides a.prev:before {
content: '\f104';
font-size: 30px;
font-family: FontAwesome;
font-weight: normal;
line-height: normal;
}
#slides a.prev:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
#slides a.next {
z-index: 50;
position: absolute;
right: 20px;
top: 0px;
padding: 8px 6px 10px 5px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 30px;
width: 35px;
text-align: center;
border-radius: 0px;
opacity: 0.5;
background: #fff;
border: 2px #ddd solid;
}
#slides a.next:before {
content: '\f105';
font-size: 30px;
font-family: FontAwesome;
font-weight: normal;
line-height: normal;
}
#slides a.next:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
.slides_container div p {
top: 175px;
left: 320px;
}
#slides a.prev, #slides a.next {
margin: 125px 6px 0px 5px;
}
#product-img-box {
position: relative;
width: 360px;
float: left;
}
.icon-truck:before {
content: "\f0d1";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.icon-discount:before {
content: "\f005";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.icon-phone:before {
content: "\f095";
padding: 0;
color: #ccc;
font-size: 48px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
margin-right: 6px;
}
.icon-refresh:before {
content: "\f064";
padding: 0;
color: #ccc;
font-size: 30px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
}
.product-block .product-image, .product-block .product-image a, .product-block .product-image .product-display, .product-block .product-image .product-display img {
display: block;
z-index: 1;
}
.product-block .product-image a {
position: relative;
overflow: hidden;
display: block;
/* height: 100%; */
z-index: 9;
content: ' ';
}
.product-block .product-image .product-mainpic {
opacity: 0;
}
.product-block .product-image .product-mainpic {
max-width: 100%;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.product-block .product-image .product-secondpic {
position: absolute;
top: 0;
max-width: 100%;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
left: -1px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.product-block:hover .product-image .product-mainpic {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
.product-block:hover .product-image .product-secondpic {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 1;
}
/*============ 14. blog-post ============*/
.blog_fix {
width: 100%;
text-align: left;
padding: 0px;
margin: auto;
padding-top: 0px;
padding-bottom: 20px;
margin-top: 25px
;
}
.blog_post li:last-child {
margin-right: 0px
}
.latest-blog .blog_inner {
float: left;
margin-bottom: 30px;
background: #fff;
padding: 10px 10px 10px 10px;
}
.latest-blog h2 {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-decoration: none;
margin-bottom: 10px;
margin-left: 20px;
}
.post-date {
color: #5e5f5f;
font-weight: normal;
font-size: 13px;
margin: 10px 0px;
}
.blog_inner a {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
text-decoration: none;
}
.latest-blog a:hover {
color: #000;
text-decoration: none;
}
.blog_post img {
max-width: 100%;
height: auto;
}
.latest-blog p {
font-size: 12px;
line-height: 20px;
margin: 15px 20px 20px 20px;
text-align: left;
margin-left: 20px;
}
.blog_inner .blog-img img {
margin-bottom: 20px;
width: 100%;
}
.blog-img img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
background-color: rgba(146, 96, 91, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-o-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
}
.blog-img:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover a.info {
opacity: 1;
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
-o-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog-img .mask, .blog-img .content {
width: 100%;
height: 90%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
text-align: center;
}
.blog-img a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #111;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.blog-img a.info:hover {
background: #222;
}
.blog-img {
position: relative;
}
.blog-img img {
-webkit-transition: all 0.4s ease-in-out 0.5s;
-moz-transition: all 0.4s ease-in-out 0.5s;
-o-transition: all 0.4s ease-in-out 0.5s;
-ms-transition: all 0.4s ease-in-out 0.5s;
transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
background-color: rgba(146, 96, 91, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
}
.blog-img:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover img {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.blog-img:hover a.info {
opacity: 1;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog-l {
width: 270px;
margin: 10px 0;
overflow: hidden;
position: relative;
text-align: center;
}
.blog-l .mask, .blog-l .content {
width: 270px;
height: 180px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.blog-l img {
display: block;
position: relative;
}
.blog-l a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000000;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.blog-l a.info:hover {
background: #222;
}
.featured-slider {
margin: 0 auto;
padding: 0;
position: relative;
float: left;
}
.upsell-slider {
margin: 0 auto 20px;
padding: 0;
position: relative;
float: left;
}
.related-slider {
margin: 22px auto 35px;
padding: 0;
position: relative;
float: left;
}
/* Toggle */
.toggle {
clear: both;
}
.toggle-content {
border-top: 1px solid #CCCCCC;
clear: both;
overflow: hidden;
padding-top: 15px;
margin-top: 20px;
}
.toggle-white {
padding: 6px 0px 0px 0px;
margin-bottom: 4px;
height: 25px;
height: auto!important;
min-height: 25px;
}
h4.trigger {
margin: 0;
padding: 0;
}
h4.trigger a {
position: relative;
padding: 0;
display: block;
background: url(../images/arrow-right.png) no-repeat right top;
}
h4.trigger a:before {
position: absolute;
top: 4px;
right: 0px;
display: block;
width: 22px;
height: 22px;
line-height: 1.25;
text-indent: 5px;
z-index: 1;
}
h4.trigger.active a:before {
text-indent: 7px;
line-height: 1;
}
h4.trigger.active a {
background: url(../images/arrow-down.png) no-repeat right top;
}
.toggle_container {
padding: 15px 0px 5px 0px;
font-size: 12px;
}
.toggle_container1 {
padding: 5px 0px 5px 0px;
font-size: 12px;
}
.toggle-gray + .toggle-gray {
border-top: 0px solid;
}
.toggle-gray {
padding: 13px 25px 12px 0px;
}
.toggle-gray h4.trigger {
padding: 0px 0px 0px 3px;
}
.toggle-gray h4.trigger a {
padding: 0px 0px 0px 36px;
}
.toggle-gray .toggle_container {
padding: 18px 0px 0px 4px;
}
.toggle-white {
background: #fff;
}
h4.trigger {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: 1px #efefef solid;
padding-bottom: 14px;
}
h4.trigger a {
color: #231f20;
}
h4.trigger a:hover, h4.trigger.active a {
color: #000;
}
h4.trigger a:before {
color: #fff;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #039fd3;
}
h4.trigger.active a:before {
background: #3c2e25;
}
.toggle-gray + .toggle-gray {
border-color: #e3e3e3;
}
.toggle_container ul {
padding: 0;
margin: 0;
}
.toggle_container li {
display: block;
list-style: decimal;
}
.toggle_container li span {
font-weight: bold;
}
#search_autocomplete ul {
background: #fff;
border: 1px #BBBBBB solid;
border-top: none;
padding: 7px 0px 7px 10px;
cursor: pointer;
text-align: left;
}
#search_autocomplete ul li span {
float: right;
margin-right: 8px;
}
.product-view .product-shop .product-options .input-box .price {
font-size: 12px;
}
.product-options-bottom .sharing-links {
display: none;
}
/*============ 15. Sidebar =============== */
.block {
margin: 0 0 35px;
}
.block .block-title {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin: 0;
padding: 8px 15px;
background-color: #111;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.block .block-title strong {
font-weight: bold;
}
.block .block-title a {
text-decoration: none !important;
}
.block .block-content .item {
padding: 5px 0;
}
.block .btn-remove, .block .btn-edit {
float: right;
margin-top: 6px
}
.sidebar .block .access .btn-remove {
float: right;
margin-top: -38px
}
.block .actions {
text-align: left;
padding: 8px 0;
}
.block .actions a {
float: right;
margin-left: 10px;
margin-bottom: 10px;
font-weight: bold;
}
.block .empty {
color: #666666;
}
.block li.odd {
}
.block li.even {
}
.side-nav-categories {
background-color: #FFFFFF;
margin-bottom: 15px;
border-bottom: 0px solid #F0F0F0;
padding-bottom: 15px;
display: none;
}
.side-nav-categories .block-title {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0;
padding: 7px;
background-color: #7bbd42;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
/* Sidebar Block */
.sidebar-left {
margin-left: 0 !important;
}
.bv3 .sidebar-right, .bv3 .sidebar-left {
padding-left: 15px;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar .block-content li {
padding: 3px 5px 3px 10px;
}
.sidebar .block-venedor-ads .block-content li {
padding: 0;
}
.sidebar .block dt {
font-size: 12px;
font-weight: bold;
color: #000;
}
.sidebar .block dd {
border-bottom: 0 solid #CCCCCC;
margin: 0;
padding: 0 5px;
}
.sidebar address {
margin: 0;
padding: 0;
color: #333;
text-align: left;
border-bottom: none;
}
.block .slider-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav .block-subtitle {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
.block-layered-nav dt {
font-size: 16px;
}
.block-layered-nav .currently ol {
margin: 0;
padding: 10px 15px;
}
.block-layered-nav .currently span.value {
font-weight: bold;
}
.block-layered-nav li {
padding: 5px 0;
}
.block-layered-nav .label {
margin-right: 5px;
}
.block-layered-nav .button-arrow {
width: 25px;
height: 25px;
padding: 0;
margin-top: -2px;
position: absolute;
right: 15px;
}
#narrow-by-list2 dd {
display: block !important;
}
/* Sidebar Data Table */
.sidebar {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
}
.sidebar .block-layered-nav .price {
font-size: 13px;
font-weight: normal;
}
.block-layered-nav .block-subtitle, .block-layered-nav dt {
color: #565656;
font-weight: 900;
}
.block-layered-nav .currently ol {
border: 1px solid #ececec;
background-color: #f4f4f4;
border-radius: 3px;
}
.sidebar a, .sidebar .block-layered-nav .price .sub {
color: #222;
font-size: 12px;
}
.sidebar .block-layered-nav .price {
color: #666;
font-family: Arial, Helvetica, sans-serif;
}
.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
color: #CA0000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
.sidebar .link-compare, .sidebar .link-wishlist {
color: #aaa;
font-size: 12px;
}
.block-tags .actions a.view-all {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #333;
font-weight: 900;
}
.block-tags .actions a.view-all:hover {
color: #CF3341;
}
.sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {
color: #333;
}
.sidebar .block dl {
border-bottom: 0px solid #ccc;
margin: 0;
}
.block .block-content .price {
font-size: 12px;
font-weight: bold;
color: #000000;
}
/* Category boxes */
.box-category {
background: #fff
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0;
}
.box-category > ul > li {
display: block;
position: relative;
box-shadow: 0 1px 0 #eee, 0 2px 0 #FFFFFF;
padding-left: 14px
}
.box-category > ul > li.last {
display: block;
position: relative;
box-shadow: 0 0px 0 #dbebf9, 0 0px 0 #FFFFFF;
}
.box-category > ul > li:first-child {
border-top: 0;
}
.box-category .subDropdown {
top: 8px;
right: 12px;
position: absolute;
cursor: pointer;
width: 16px;
height: 16px;
padding: 2px;
}
.box-category .subDropdown:hover {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}
.box-category .subDropdown.plus {
background-image: url("../images/plus.png");
}
.box-category .subDropdown.minus {
background-image: url("../images/minus.png");
}
.box-category ul li a {
padding: 8px 5px;
display: block;
font-weight: 400;
font-family: "Lato", sans-serif;
}
.box-category ul li.double a {
display: inline-block;
margin: 0;
}
.box-category ul li {
position: relative;
}
.box-category > ul > li > a {
color: #223D62;
text-transform: none;
display: block;
font-size: 14px
}
.box-category > ul > li ul {
display: none;
padding-left: 0px;
padding-bottom: 10px
}
.box-category > ul > li a.active {
font-weight: normal;
font-family: "Lato", sans-serif;
}
.box-category > ul > li > a.active {
color: #333333;
font-weight: 900;
margin-bottom: 0;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category a:hover {
text-decoration: none;
font-size: 14px
}
.box-category > ul > li ul li a {
font-family: "Lato", sans-serif
}
.box-category > ul > li ul > li > a {
border-bottom: 0 solid #EAEAEA;
font-size: 13px !important;
margin: 0 5px !important;
padding: 4px 0 !important;
text-decoration: none;
}
.box-category > ul > li ul > li ul > li a {
text-decoration: none;
font-size: 13px !important;
margin: 5px 15px!important;
padding: 5px 0px!important;
border-bottom: 0px solid #EAEAEA;
}
/* Category Image */
.cat-img-title {
display: block;
position: absolute;
bottom: 0;
width: 80%;
margin: 6%;
padding: 0;
top: 66%;
height: 30%;
}
.cat-img-title.cat-box {
margin: 0;
width: 50%;
text-align: center;
left: 25%;
top: 35%;
background: rgba(0, 0, 0, 0.5);
}
.cat-img-title .cat-heading {
font-size: 24px;
font-family: 'Open Sans', sans-serif;
}
.cat-img-title .cat-heading, .cat-img-title p {
transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
margin-bottom: 5px;
}
.cat-img-title p {
clear: left;
font-size: 12px;
line-height: 1em;
margin-bottom: 1px;
padding: 0.25em 0.5em;
}
.cat-img-title.cat-bg .cat-heading, .cat-img-title.cat-bg p {
color: #FFFFFF;
}
.category-description .slider-items-products .owl-buttons .owl-prev {
left: 12px;
position: absolute;
top: 45%;
background: none;
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 50%;
}
.category-description .slider-items-products .owl-buttons .owl-next {
right: 22px;
position: absolute;
top: 45%;
background: none;
}
.category-description .slider-items-products .owl-buttons a {
z-index: 50;
position: absolute;
left: 10px;
top: 0px;
padding: 5px 3px 10px 0px;
color: #222;
font-size: 16px;
font-weight: 600;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
font-size: 0px;
height: 50px;
width: 50px;
text-align: center;
border-radius: 0px;
background: #fff;
opacity: 0.5;
border: 2px #ddd solid;
}
.category-description .slider-items-products .owl-buttons a:hover {
background: #222;
opacity: 1;
border: 2px #ddd solid;
color: #fff;
}
.category-description .slider-items-products .owl-buttons .owl-prev a:before {
font-size: 24px;
padding: 0px 18px;
line-height: 40px;
}
.category-description .slider-items-products .owl-buttons .owl-next a:before {
font-size: 24px;
padding: 0px 18px;
line-height: 40px;
}
/* Block: Account*/
.block-account {
}
.block-account .block-content {
padding: 0 !important;
}
.block-account .block-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
.block-account .block-content li {
padding: 10px 0px;
border-bottom: 1px #eee solid;
}
.block-account .block-content li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 10px;
display: inline-block!important;
position: absolute;
cursor: pointer;
line-height: 24px;
color: #333;
font-weight: 900;
}
.sidebar .block-content li.last {
border-bottom: none;
}
.block-account .block-content li a {
cursor: pointer;
padding: 0 12px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.block-account .block-content li a:hover {
cursor: pointer;
padding: 0 12px;
color: #000;
}
.sidebar .block-content li.current {
font-weight: 900;
color: #333;
}
/* Block: Currency Switcher*/
.block-currency {
}
.block-currency select {
width: 100%;
margin-right: 8px;
}
/* Block: Layered Navigation*/
.block-layered-nav {
background-color: #FFFFFF;
margin-top: 20px
}
.block-layered-nav .block-content {
padding: 0;
margin-top: 15px;
}
.block-layered-nav dt {
font-weight: bold;
overflow: hidden;
padding: 8px 0 5px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.block-layered-nav dd {
margin: 0;
padding: 0;
}
.block-layered-nav dd ol {
position: relative;
}
.block-layered-nav dd ol li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
}
.block-layered-nav .currently {
}
.block-layered-nav .btn-remove {
float: right;
}
.block-list .price {
color: inherit;
font-size: 12px;
}
/*Block: Cart*/
.block-cart {
padding: 0px;
overflow: hidden;
}
.block-cart .summary {
}
.block-cart .amount {
margin-bottom: 5px
}
.block-cart .actions .paypal-logo {
float: left;
width: 100%;
margin: 3px 0 0;
text-align: right;
}
.block-cart .actions .paypal-logo .paypal-or {
clear: both;
display: block;
padding: 0 55px 5px 0;
}
.block-cart .mini-products-list .product_details .product-name, .block-cart .mini-products-list .product_details .nobr small {
word-wrap: break-word;
}
.block-cart .mini-products-list .product_details .nobr {
white-space: normal !important;
}
.block-cart .summary {
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.block-cart .amount a {
}
.block-cart .subtotal {
margin: 0;
padding: 0;
text-align: left;
margin-bottom: 8px
}
.block-cart .block-content .summary .subtotal .label {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
box-shadow: none;
font-weight: normal;
padding: 2px 0;
text-shadow: none;color: #000000; font-size:12px;
}
.block-cart .subtotal .price {
color: #000000;
font-size: 12px;
font-weight: bold;
}
.ajax-checkout {
border: 0 none;
margin: 0;
padding: 5px 0 5px;
text-align: left;
margin-bottom: 0px;
}
.ajax-checkout a {
border: 0px #dc436b solid;
background: #323C46;
text-shadow: 0 1px 0 #333;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
padding: 8px 12px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.ajax-checkout a:hover {
border: 0px #111 solid;
background: #222;
padding: 6px 10px;
text-shadow: 0 1px 0 #000;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
cursor: pointer;
}
.sidebar .block-cart .block-subtitle {
border-bottom: 1px solid #eee;
padding-bottom: 6px;
margin: 8px 0 8px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 13px;
}
.col-left .block-cart .block-content ul li .product_details {
float: right;
width: 70%;
}
.col-left .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
padding-bottom: 12px;
}
.col-left .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-left .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-left .block-cart .block-content ul li a.product-image img {
border: 1px solid #ECECEC;
}
.col-left .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 12px
}
.col-right .block-cart .block-content ul li .product_details {
float: right;
width: 172px;
}
.col-right .block-cart ul li.item {
border-bottom: 1px solid #ECECEC;
margin-bottom: 5px;
padding-bottom: 8px;
}
.col-right .block-cart ul li.item.last {
border-bottom: none;
margin-bottom: 5px;
padding-bottom: 0px;
}
.col-right .block-cart .block-content ul li a.product-image {
display: inline;
}
.col-right .block-cart .block-content ul li a.product-image img {
border: 1px #ddd solid;
}
.col-right .block-cart .block-content ul li .product-name {
margin: 0 0 2px;
font-size: 12px;
}
.price, .breadcrumbs li strong, .product_details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {
color: #FF4C4C;
}
/* Block: Wishlist */
.block-wishlist {
}
/* Block: Related */
.related-slider {
float: left;
margin: auto;
width: 100%;
margin-bottom: 15px;
}
.related-slider h2 {
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0px 0 20px;
text-align: left;
text-shadow: 0 1px 0 #fff;
}
.block-related {
}
.block-related .block-content {
padding: 0px 0 10px 0;
border: 1px solid #ECECEC;
border-top: none;
overflow: hidden;
}
.block-related ul {
margin: 0;
padding: 0;
}
.block-related li {
padding: 5px 0;
}
.block-related input.checkbox {
position: absolute;
left: 85px;
top: 12px;
z-index: 10;
}
.block-related .product {
margin-left: 20px;
}
.block-related .product .product-image {
float: left;
margin-right: -65px;
}
.block-related .product .product_details {
margin-left: 65px;
}
.block-related .mini-products-list .product_details {
margin-left: 125px;
text-align: left;
}
.block-related .mini-products-list .product_details .product-name {
text-align: left;
}
.block-related .mini-products-list .product-image {
width: 100px;
margin: 0;
padding: 0 10px;
}
.block-related .block-subtitle {
padding: 10px 10px 0 10px;
font-size: 13px;
font-weight: bold;
margin: 0;
}
.block-related .price-box .old-price .price {
display: inline;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.block-related a.link-cart {
text-transform: uppercase;
font-size: 12px;
color: #23AEAC;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.block-related a.link-cart:hover {
text-transform: uppercase;
font-size: 12px;
color: #CA0000;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
/*Block: Compare Products */
.block-compare {
background-color: #fff;
padding: 0px;
}
.block-compare li {
padding: 5px 0;
}
.block-compare .block-content ol, .block-compare .block-content ul {
margin: 0;
}
ol#compare-items li a.product-name {
font-size: 12px;
padding: 0 5px;
margin: 0;
font-weight: normal;
color: #333;
line-height: 20px;
text-transform: none;
display: inline-block;
width: 200px
}
ol#compare-items li a.product-name span {
margin-right: 3px;
font-size: 20px;
font-weight: 400;
color: #777;
line-height: 15px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 6px;
}
ol#compare-items li a.product-name:hover {
font-size: 12px;
color: #000;
}
ol#compare-items li {
margin: 0;
padding: 0 0 10px;
position: relative;
border-bottom: 1px solid #ECECEC;
margin-bottom: 10px;
background: none;
}
ol#compare-items li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
display: inline-block;
vertical-align: top;
}
ol#compare-items li.last {
border-bottom: none;
margin-bottom: 0;
}
/* Block: Recently Viewed */
.block-viewed .block-content {
background-color: #fff;
padding: 5px 12px 12px 0;
}
.block-viewed li {
padding: 3px 0px !important;
list-style: none;
}
.block-viewed li.last {
padding: 0px;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-viewed .block-content li a {
padding: 0 15px;
color: #666;
}
.block-viewed .block-content li a:hover {
font-size: 13px;
color: #000;
}
.block-viewed li span {
color: #777777;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 15px;
margin-bottom: 8px;
margin-right: 3px;
}
.block-viewed li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
vertical-align: top;
}
.block-compared li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
vertical-align: top;
}
.sidebar ol, .sidebar ul {
list-style: none;
padding: 0;
/* margin: 15px 0 0 -10px; */
margin-top: 15px;
}
#recently-viewed-items .product-name {
text-align: left;
margin: 0;
text-transform: none;
width: 225px;
display: inline-block
}
#recently-viewed-items .product-name a {
color: #333;
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
padding: 0 0px;
}
#recently-viewed-items .product-name a:hover {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
/* Block: Recently Compared */
.block-compared {
background-color: #fff;
padding: 12px;
}
.block-compared .block-content {
padding: 0;
}
.block-compared li {
padding: 3px 0px !important;
list-style: none;
}
.block-compared li.last {
padding: 3px 0px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-compared .block-content li a {
padding: 0 15px;
color: #666;
}
.block-compared .block-content li a:hover {
font-size: 12px;
color: #000;
}
.block-compared li span {
float: left;
margin-right: 5px;
font-size: 20px;
color: #666;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.block-list, .block-viewed {
background-color: #fff;
padding: 0px;
}
#recently-compared-items .product-name {
text-align: left;
margin: 0;
text-transform: none;
width: 225px;
display: inline-block
}
#recently-compared-items .product-name a {
color: #333;
font-size: 12px;
font-weight: normal;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
padding: 0 0px;
}
#recently-compared-items .product-name a:hover {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
/* Block: Poll */
.block-poll {
background-color: #fff;
padding: 0px;
}
.block-poll label {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
.block-poll .block-subtitle {
color: #222;
font-weight: 900;
font-size: 12px;
}
.block-poll input.radio {
float: left;
margin: 0px -18px 0 0;
}
.block-poll .label {
display: block;
margin-left: 18px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
padding: 0.1em 0.3em 0.1em;
}
.block-poll li {
padding: 3px 0px !important;
background: none !important;
}
.block-poll .actions {
margin: 5px 0 0 0px;
padding: 0;
}
.block-poll .answer {
font-weight: bold;
}
.block-poll .votes {
float: right;
margin-left: 10px;
}
/* Block: Tags */
.block-tags {
background-color: #fff;
padding: 0px;
}
.block-tags .block-content {
overflow: hidden;
}
.block-tags ul, .block-tags li {
display: inline;
padding: 0 !important;
background: none !important;
border: none;
}
.block-tags .actions {
border: 0 none;
float: right !important;
margin-top: 10px;
padding: 0px;
text-align: left;
}
/*Block: Subscribe */
.block-subscribe {
background-color: #fff;
padding: 0px;
}
.block-subscribe .input-text {
width: 90%;
background: #f0f0f0;
border: 1px solid #f0f0f0;
color: #AAAAAA;
padding: 10px 7px;
font-size: 13px;
}
.block-subscribe .input-text:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
outline: medium none;
padding: 10px 7px;
vertical-align: middle;
}
.form-subscribe-header {
font-size: 12px;
margin-bottom: 5px;
color: #222;
}
/* Block: Recently Viewed */
.block-company {
}
.block-company .block-title {
}
.block-company .block-content {
padding: 0 !important;
}
.block-company ol {
margin: 5px 0;
}
.block-company li {
padding: 10px 0px !important;
list-style: none;
border-bottom: 1px #eaeaea solid;
}
.block-company li a {
padding: 0 5px;
text-decoration: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.block-company li a:hover {
padding: 0 5px;
color: #000;
}
.block-company li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
display: inline-block;
vertical-align: top;
}
.block-company li.last {
padding: 10px 0px !important;
border-bottom: 0px #eaeaea solid;
list-style: none;
}
.block-company li span {
float: left;
margin-right: 5px;
font-size: 16px;
color: #aaa;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.block-company li strong {
color: #333;
font-weight: 900;
padding: 0 5px;
}
/* Block: Reorder */
.block-reorder {
}
.block-reorder li {
padding: 5px 0;
}
.block-reorder input.checkbox {
float: left;
margin: 3px -20px 0 0;
}
.block-reorder .product-name {
margin-left: 20px;
}
/*Block: Banner */
.block-banner {
}
.block-banner .block-content {
text-align: center;
}
.block-banner a img {
transition: all 0.4s ease-out 0.2s;
/* width: 100%; */
}
.block-banner a img:hover {
opacity: 0.5;
-webkit-transition: all 0.4s ease-out 0.2s;
-moz-transition: all 0.4s ease-out 0.2s;
-o-transition: all 0.4s ease-out 0.2s;
transition: all 0.4s ease-out 0.2s;
background-color: #eee;
}
/* Block: Price */
.block-price {
background-color: #fff;
padding: 0px;
}
.block-price .block-content {
margin: 15px 0
}
/* Block: Login*/
.block-login label {
font-weight: bold;
color: #666;
}
.block-login input.input-text {
display: block;
width: 167px;
margin: 3px 0;
}
/*Paypal*/
.sidebar .paypal-logo {
display: block;
margin: 10px 0 30px;
text-align: center;
}
.sidebar .paypal-logo a {
float: none;
}
/* ============ 16. Newsletter ========== */
button.subscribe:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
font-weight: normal;
}
button.subscribe {
background: #fff;
border: 0 none;
overflow: hidden;
padding: 5px 13px !important;
cursor: pointer;
font-weight: normal;
border: 2px #fff solid !important;
color: #000;
float: left;
}
button.subscribe:hover {
background: #7bbd42;
color: #fff;
border: 2px #7bbd42 solid !important;
padding: 5px 13px !important;
}
.social .fb a:before {
content: "\f09a";
font-family: FontAwesome;
}
.social .fb a {
background: #3C5B9B;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .fb a:hover {
background: #3C5B9B !important;
color: #fff;
}
.social .tw a:before {
content: "\f099";
font-family: FontAwesome;
}
.social .tw a {
background: #359BED;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .tw a:hover {
background: #359BED !important;
color: #fff;
}
.social .googleplus a:before {
content: "\f0d5";
font-family: FontAwesome;
}
.social .googleplus a {
background: #E33729;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .googleplus a:hover {
background: #E33729!important;
color: #fff;
}
.social .rss a:before {
content: "\f09e";
font-family: FontAwesome;
}
.social .rss a {
content: "\f09e";
font-family: FontAwesome;
background: #FD9F13;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .rss a:hover {
background: #FD9F13 !important;
color: #fff;
}
.social .pintrest a:before {
content: "\f0d3";
font-family: FontAwesome;
}
.social .pintrest a {
content: "\f0d3";
font-family: FontAwesome;
background: #cb2027;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .pintrest a:hover {
background: #cb2027 !important;
color: #fff;
}
.social .linkedin a:before {
content: "\f0e1";
font-family: FontAwesome;
}
.social .linkedin a {
content: "\f0e1";
font-family: FontAwesome;
background: #027ba5;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .linkedin a:hover {
background: #027ba5 !important;
color: #fff;
}
.social .youtube a:before {
content: "\f167";
font-family: FontAwesome;
}
.social .youtube a {
background: #F03434;
font-size: 18px;
border-radius: 3px;
line-height: 35px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #fff;
text-align: center;
padding: 0;
}
.social .youtube a:hover {
background: #F03434 !important;
color: #fff;
}
.social {
float: left;
margin-top: 10px;
}
.social h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: left;
border: none;
padding: 0;
margin: 0;
margin-right: 5px;
text-transform: uppercase
}
.social ul {
float: left;
margin: 6px 0 0 0;
list-style: none;
line-height: 45px
}
.social ul li {
float: left;
margin-right: 7px;
}
.social a {
transition: background 400ms ease-in-out;
-webkit-transition: background 400ms ease-in-out;
-moz-transition: background 400ms ease-in-out;
-o-transition: background 400ms ease-in-out;
}
.newsletter .button {
padding: 0;
margin: 0
}
.newsletter {
margin: 0 0 20px 0;
padding: 5px 0 0;
}
.newsletter .left-border {
position: absolute;
width: 0px;
height: 38px;
margin: -4px 0 0 -40px;
background: #D0D0D0;
}
.newsletter .title-News {
float: left;
margin: 1px 5px 0 0;
color: #2F2B29;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 25px;
text-align: left
}
.newsletter .subscribe-input {
float: left;
border: 1px solid #ddd;
border-right: 0;
padding: 9px 12px;
height: 15px;
}
.newsletter .subscribe-input .validation-advice {
overflow: hidden;
position: absolute;
width: 23px;
height: 21px;
margin: -34px 0 0 -24px;
padding: 0;
line-height: 100px;
}
.newsletter .subscribe-input input {
background-color: transparent !important;
color: #9A9A9A;
border: 1px solid #ddd;
font-size: 11px;
line-height: 15px;
height: 15px;
width: 160px;
padding: 0;
}
.newsletter button.button span {
color: #333;
font-size: 12px;
}
.newsletter button.button span span {
font-size: 12px;
text-transform: lowercase;
}
.newsletter button.button:hover span {
color: #fff;
}
/* newsletter popup*/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.popup1 {
width: 100%;
margin: 0 auto;
display: none;
z-index: 101;
}
.newsletter-sign-box {
background: #fff;
border-radius: 0;
left: 35%;
margin: 55px auto;
min-height: 150px;
min-width: 400px;
padding: 40px;
position: absolute;
top: 25%;
width: 461px;
z-index: 103;
border: 8px solid #7bbd42;
}
.popup1 .x {
position: absolute;
right: -38px;
top: -55px;
z-index: 10000;
}
.popup1 .x:hover {
cursor: pointer;
}
.newsletter-sign-box h3 {
font-size: 28px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
font-family: 'Open Sans', sans-serif;
color: #000;
}
.newsletter-sign-box h4 {
font-size: 14px;
font-weight: normal;
margin-bottom: 35px;
text-align: center;
color: #000;
}
.newsletter-sign-box .input-box {
margin-bottom: 15px;
margin-top: 20px;
}
.newsletter-sign-box .input-box input {
display: inline-block;
margin-left: 10px;
margin-right: 0px;
padding: 8px;
width: 225px;
border: 1px solid #999999;
}
.newsletter-sign-box .subscribe {
background: none repeat scroll 0 0 #000000;
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
margin-bottom: 20px;
padding: 11px 20px !important;
border: none !important;
}
.newsletter-sign-box .subscribe:hover {
background: none repeat scroll 0 0 #000000;
border-radius: 0;
color: #FFFFFF;
display: inline-block;
float: right;
font-size: 12px;
letter-spacing: 1px;
line-height: 13px;
margin-bottom: 20px;
padding: 12px 20px !important;
border: none !important;
}
.newsletter-sign-box button.button span {
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
}
.newsletter-sign-box .subscribe-bottom {
color: #666;
float: left;
font-size: 12px;
line-height: 3px !important;
margin-left: 88px;
margin-top: 20px;
text-align: center;
}
.newsletter-sign-box .subscribe-bottom input {
margin: -5px 8px 0 0;
float: left;
}
#formSuccess1 {
font-size: 18px;
padding: 48px 0 0;
text-align: center;
}
.popup1 .newsletter .validation-advice {
padding-left: 10px;
margin-top: 20px;
top: 200px;
left: 50px;
}
/*============ 17. Category Toolbar ============*/
.toolbar {
clear: both;
height: 38px;
margin-top: 0px;
padding: 6px 0 0 0px;
}
.toolbar .sorter {
float: left;
}
.toolbar-bottom {
margin-top: 0;
}
.toolbar .pager .pages ol {
float: none;
}
#sort-by .button-asc {
float: right;
}
#sort-by .button-asc:hover {
float: right;
background-color: #FFFFFF;
}
#sort-by .button-asc:focus {
float: right;
background-color: #FFFFFF;
}
#sort-by {
float: right;
font-size: 12px;
margin-top: 6px;
}
#sort-by ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#sort-by .button-desc {
background-color: #f8f8f8;
box-shadow: none;
float: right;
height: 30px;
line-height: 28px;
margin-left: 5px;
text-align: center;
width: 30px;
}
#sort-by a:link, #sort-by a:visited {
color: #333;
text-decoration: none;
}
#sort-by li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 5px;
position: relative;
width: 85px;
float: left;
color: #333;
border: 1px solid #F3F3F3;
}
#sort-by li li {
width: 80px;
margin-top: 0px;
border-top: none;
border-right: none;
border-left: none;
}
#sort-by li li a:hover {
color: #000000
}
#sort-by li:hover {
background-color: #fff;
}
#sort-by li li:hover {
background-color: #fff;
color: #000000;
}
#sort-by ul ul {
position: absolute;
visibility: hidden;
left: -1px;
top: 27px;
background: none repeat scroll 0 0 #F8F8F8;
z-index: 10000;
border-top: none !important;
border: 1px #F0F0F0 solid;
}
#sort-by ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#sort-by li:hover > ul {
visibility: visible;
}
.right-arrow {
float: right;
margin-left: 8px;
}
.right-arrow:after {
content: "\f107";
font-family: 'FontAwesome';
color: #666;
font-size: 12px;
}
#limiter {
float: right;
font-size: 12px;
margin-top: 0px;
}
#limiter ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
#limiter a:link, #limiter a:visited {
text-decoration: none;
background-color: #fff;
border: 0px solid #ddd;
border-radius: 0px;
display: inline-block;
padding: 0px;
}
#limiter li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 5px;
position: relative;
width: 45px;
float: left;
color: #333;
text-align: left;
border: 1px solid #F3F3F3;
}
#limiter li li {
width: 45px;
border-top: 0px #F0F0F0 solid;
}
#limiter li li a:hover {
color: #000000;
}
#limiter li:hover {
color: #fff;
}
#limiter ul ul {
position: absolute;
visibility: hidden;
left: -1px;
top: 27px;
background: none repeat scroll 0 0 #fff;
z-index: 10000;
color: #000;
border-top: none;
border: 0px #F0F0F0 solid;
}
#limiter ul ul ul {
position: absolute;
left: 100%;
top: -2px;
border: solid 1px transparent;
}
#limiter li:hover > ul {
visibility: visible;
}
/*============ 18. Shopping Cart ============*/
/* Total Summery */
tr.summary-total {
cursor: pointer;
}
tr.summary-total .summary-collapse {
float: right;
text-align: right;
padding-left: 20px;
cursor: pointer;
}
tr.show-details .summary-collapse {
background-position: 0 -53px;
}
tr.summary-details td {
font-size: 11px;
background-color: #dae1e4;
color: #626465;
}
tr.summary-details-first td {
border-top: 1px solid #d2d8db;
}
tr.summary-details-excluded {
font-style: italic;
}
/* tax info */
.cart-tax-info {
display: block;
}
.cart-tax-info, .cart-tax-info .cart-price {
padding-right: 20px;
}
.cart-tax-total {
display: block;
padding-right: 20px;
cursor: pointer;
}
.cart-tax-info .price, .cart-tax-total .price {
display: inline !important;
font-weight: normal !important;
}
.cart-tax-total-expanded {
background-position: 100% -53px;
}
.cart-table .btn-continue {
float: left;
}
/* Admin-controlled content */
.std .subtitle {
}
.std ol.ol {
list-style: decimal outside;
padding-left: 1.5em;
}
.std ul.disc {
list-style: disc outside;
padding-left: 18px;
margin: 0 0 10px;
}
.std dl dt {
font-weight: 900;
}
.std dl dd {
margin: 0 0 10px;
}
.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {
margin: 0;
padding: 0;
}
.std ul {
list-style: none;
padding-left: 1.5em;
margin: 0;
padding: 0;
}
.std ol {
list-style: none;
padding-left: 0;
}
.std ul ul {
list-style-type: none;
}
.std ul ul, .std ol ol, .std ul ol, .std ol ul {
margin: .5em 0;
}
.std dt {
font-weight: bold;
}
.std dd {
padding: 0 0 0 1.5em;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
}
.std address {
font-style: normal;
}
.std b, .std strong {
font-weight: bold;
color: #333
}
.std i, .std em {
font-style: italic;
}
.std p {
padding-top: 0px;
}
.std ul {
padding-left: 0px;
padding-top: 0px;
}
.std ul li {
margin-left: 0;
margin-top: 0;
}
.std ol {
padding-top: 0;
padding-left: 0;
margin: 0;
}
.std ol li {
list-style: none;
margin-top: 2px;
}
.std a {
text-decoration: none;
}
.std a:hover {
text-decoration: none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.std p {
padding-top: 5px;
line-height: 1.4em;
}
.std ul {
padding-left: 0px;
padding-top: 5px;
}
.std ul li {
list-style-image: url(../images/bullet_1.png);
margin-left: 1.5em;
margin-top: 2px;
}
.std ol {
padding-top: 5px;
padding-left: 1.5em;
margin: 0 0 1em;
}
.std ol li {
list-style: decimal;
margin-top: 2px;
}
.std a {
text-decoration: none;
line-height: 17px;
}
.std a:hover {
text-decoration: none;
}
.std blockquote {
font-style: italic;
padding: 0 0 0 1.5em;
border-left: 5px solid #ddd;
margin: 0 0 1.5em;
}
.order-info {
border: 1px solid #DDDDDD;
margin: 5px 0 8px;
padding: 4px 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
display: inline;
margin: 0;
padding: 0;
}
.order-info .current {
font-weight: bold;
}
.order-info li {
margin: 0 3px;
}
.tags-list {
background: none repeat scroll 0 0 #F4F4F4;
border: 1px solid #DDDDDD;
display: block;
font-size: 13px;
padding: 10px;
}
.tags-list li {
display: inline !important;
margin: 0 4px 0 0;
}
.tags-list li a {
color: #333;
}
/* Cart Totals */
.cart .totals table th, .cart .totals table td {
padding: 5px;
border: none !important;
background: none !important;
border: medium none !important;
box-shadow: none !important;
color: #333 !important;
}
.cart .totals table th, .cart .totals table td strong {
font-weight: 900;
font-size: 12px;
}
.cart-collaterals {
margin-top: 20px;
overflow: hidden;
margin-bottom: 0px;
float: left;
}
.cart-collaterals .col2-set {
float: left;
margin: 0;
padding: 0;
}
.cart-collaterals .totals {
}
.totals h3 {
border-bottom: 1px solid #ccc;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin-bottom: 5px;
padding: 10px 0;
}
.cart-collaterals .col2-set .col-2 {
width: 320px;
}
.totals {
float: right;
margin: 0;
padding: 0px;
width: 360px;
margin-bottom: 18px;
}
.totals .inner {
padding: 4px 0px 15px 15px;
background-color: #fff;
margin-top: 2px;
}
ul#crosssell-products-list .item {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
width: 275px;
padding: 0;
margin: 10px 13px 15px 0;
}
ul#crosssell-products-list .item:last-child {
margin: 10px 0px 15px 0;
}
#upsell-products-list.products-grid .item .item-inner .item-img .item-img-info {
}
ul#upsell-products-list .item.last {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin-top: 0px;
width: 240px;
margin: 15px 0px 0 0;
padding: 15px 12px 20px;
}
.cart .crosssell li.item {
margin: 8px 0;
list-style: none;
float: left;
}
.crosssel {
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
clear: both;
}
.crosssel h2 {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: left;
margin-bottom: 20px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 7px;
}
#wishlist-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
padding: 5px;
text-align: center;
border: 2px #efefef solid;
width: 36px;
}
#wishlist-table input.qty:focus {
padding: 5px;
border: 2px #ddd solid;
}
#co-shipping-method-form {
padding: 0 12px;
margin-bottom: 15px;
}
#wishlist-table .cart-cell .btn-cart {
display: block !important;
margin: 10px 0 !important;
}
#shopping-cart-totals-table {
float: right;
width: 100%;
padding-bottom: 8px;
}
#shopping-cart-totals-table .price {
font-size: 16px;
}
#shipping-zip-form p {
margin: 2px 0 4px;
}
#shipping-zip-form .form-list input.input-text {
width: 100%;
}
.discount {
margin: 0 88px 0 0;
padding: 0px;
width: 300px;
background: none repeat scroll 0 0 #fff;
margin-bottom: 15px;
float: left;
}
.shipping {
margin: 0 88px 0 0;
padding: 0px;
width: 300px;
background: none repeat scroll 0 0 #fff;
margin-bottom: 15px;
float: left;
}
#discount-coupon-form, #shipping-zip-form {
padding: 10px 0;
}
.shipping .form-list select {
width: 300px;
background-color: #F0F0F0;
border: 1px #f0f0f0 solid;
padding: 10px;
}
.shipping .form-list select:focus {
width: 300px;
background-color: #fff;
border: 1px #ddd solid;
padding: 10px;
}
.shipping .form-list input.input-text {
width: 95%;
}
.cart-collaterals .col2-set h3 {
font-size: 16px;
color: #000;
margin-bottom: 5px;
border-bottom: 1px #ccc solid;
padding: 10px 0;
font-family: 'Open Sans', sans-serif;
}
input.input-text, select, textarea {
background-color: #f0f0f0;
border: none;
padding: 10px;
outline: none;
color: #aaa;
}
#wishlist-table textarea {
padding: 10px;
}
input.input-text:focus, select:focus, textarea:focus {
background-color: #fff;
border: 1px solid #ddd;
padding: 3px;
outline: none;
padding-bottom: 13px;
}
input#coupon_code {
margin: 8px 0;
width: 278px;
}
#shopping-cart-table {
border: none;
float: left;
width: 100%;
background-color: #FFFFFF;
text-align: left;
margin-top: 12px;
}
#shopping-cart-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #EFEFEF;
font-size: 15px;
font-weight: normal;
margin: 0 !important;
outline: medium none;
padding: 8px 5px 8px 12px;
width: 50px;
}
#shopping-cart-table a.remove-item {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 6px 11px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-decoration: none;
border: 3px solid #EFEFEF;
float: left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#shopping-cart-table a.remove-item span {
display: none
}
#shopping-cart-table a.remove-item:before {
content: "\f014";
font-family: FontAwesome;
font-size: 14px;
}
#shopping-cart-table a.remove-item:hover {
background-image: none;
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 3px solid #EFEFEF;
}
#shopping-cart-table .remove-item span span {
display: none;
}
#shopping-cart-table tfoot tr td.last {
border-top: none;
}
#shopping-cart-table dl {
margin: 0;
padding: 0;
}
#shopping-cart-table .item-options dd {
color: #CCCCCC;
margin: 0;
}
#shopping-cart-table h4 {
font-size: 12px;
font-weight: 900;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase
}
#shipping-zip-form .form-list label {
display: block;
}
#shopping-cart-table .cart-price .price {
font-size: 13px;
}
/*========== 19. Wishlist, Quick Access, Compare Links ==========*/
#search_mini_form .button, #mini-cart > .button, .store-switcher .button, .link-wishlist, .link-compare, .link-edit, .footer-top .button, .footer-bottom .button {
color: #ffffff;
background-color: #4e4e4e;
}
.email-addto-box { display:inline-block;
}
.email-friend {
font-size: 12px;
margin-right: 8px;
margin-left: 10px;
margin-top: 8px;
display: inline-block;
float: left;
}
.email-friend a:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 17px;
}
.email-friend a {
padding: 13px 13px 12px;
background: #fff;
height: 42px;
width: 42px;
color: #000 !important;
text-align: center;
border: 3px solid #EFEFEF;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.email-friend a:hover {
background: #000000;
color: #fff !important;
text-decoration: none;
}
.link-wishlist:hover, .link-wishlist:focus, .link-compare:hover, .link-compare:focus, .link-friend:hover, .link-friend:focus, .link-edit:hover, .link-edit:focus, .footer-top .button:hover, .footer-top .button:focus, .footer-bottom .button:hover, .footer-bottom .button:focus {
color: #666;
transition: none;
}
.link-wishlist.no-image, .link-compare.no-image, .link-friend.no-image, .link-edit.no-image {
color: #CA0000 !important;
}
.link-wishlist.no-image:hover, .link-wishlist.no-image:focus, .link-compare.no-image:hover, .link-compare.no-image:focus, .link-friend.no-image:hover, .link-friend.no-image:focus, .link-edit.no-image:hover, .link-edit.no-image:focus {
color: #838383 !important;
}
.button-inverse, .button-tabs li.active a {
border: 1px #111 solid;
background: #F44D78;
text-shadow: #93101a 0 0px 2px;
box-shadow: 0 0px 0px rgba(0, 0, 0, .3), inset 0 1px 0 #999;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button-inverse:hover, .button-inverse:focus {
border: 1px #111 solid;
background: #F44D78;
text-shadow: #93101a 0 0px 2px;
box-shadow: 0 0px 0px rgba(0, 0, 0, .3), inset 0 1px 0 #999;
padding: 3px 12px;
text-shadow: 0 1px 0 #000;
}
.button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
font-family: 'Open Sans', sans-serif;
padding: 6px 12px;
}
.btn:hover, .btn:focus, .button-inverse, .button-vote:hover, .sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus {
border: 3px #efefef solid;
/* background: #000000; */
padding: 6px 12px;
color: #FFF;
}
.dropdown .dropdown-menu .button:hover, .dropdown .dropdown-menu .button:focus {
text-shadow: none
}
.nav-container {
width: 100%;
margin: auto
}
/*============ 20. Checkout ================ */
.checkout a {
text-decoration: underline
}
.checkout {
color: #666666;
padding-top: 5px;
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
button.button.btn-proceed-checkout {
background: #7bbd42;
padding: 10px 45px;
color: #fff;
width: 100%;
}
button.button.btn-proceed-checkout:hover {
background: #333;
padding: 10px 45px;
color: #fff;
}
button.button.btn-proceed-checkout:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 20px;
padding-right: 5px;
}
button.button.btn-proceed-checkout span {
font-size: 18px;
font-weight: normal;
}
p.required {
font-size: 11px;
margin-bottom: 5px;
text-align: left;
color: #FF0000;
}
.required em {
color: #FF0000;
}
.required {
color: #FF0000;
}
.group-select {
}
.group-select ul {
margin: 0;
padding: 0;
}
.group-select .required {
color: #FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
.group-select .require {
color: #FF0000;
font-size: 12px;
margin-bottom: 3px;
}
.group-select label {
font-size: 12px;
font-weight: normal;
color: #333;
}
.group-select .legend {
}
.group-select li {
margin: 0 0 5px;
overflow: hidden;
list-style: none
}
.group-select li .input-box {
float: left;
width: 310px;
}
.group-select li input.input-text, .group-select li textarea {
width: 440px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
}
.group-select li input.input-text:focus, .group-select li textarea:focus {
width: 440px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
outline: none;
}
.group-select li select {
width: 256px;
padding: 3px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li select:focus {
width: 256px;
padding: 3px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box input.input-text, .group-select li .input-box textarea {
width: 290px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
}
.group-select li .input-box input.input-text:focus, .group-select li .input-box textarea:focus {
width: 290px;
margin-top: 5px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box select {
width: 290px;
margin-top: 5px;
outline: none;
}
.group-select.wide input.input-text, .group-select.wide textarea {
width: 510px;
}
#wishlist-table {
border: none;
text-align: left;
}
#wishlist-table .btn-remove:before {
content: "\f014";
font-family: FontAwesome;
font-size: 16px;
padding-right: 8px;
background-image: none;
color: #333333;
}
#wishlist-table button.button.btn-cart {
padding: 6px 11px;
color: #222;
background-color: #fff;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
margin: 0 0 10px !important;
}
#wishlist-table button.button.btn-cart span {
display: none;
}
#wishlist-table a.remove-item span {
display: none;
}
#wishlist-table button.button.btn-cart:hover {
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 2px solid #efefef;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
#wishlist-table button.button.btn-cart:before {
content: "\f07a";
font-family: 'FontAwesome';
}
#wishlist-table button.button.remove-item {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #333;
border-radius: 2px;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
margin-left: 5px;
}
#wishlist-table button.button.remove-item:hover {
text-decoration: none;
float: none;
background: none;
font-family: 'FontAwesome';
font-size: 16px;
text-transform: uppercase;
display: inline;
margin-bottom: 8px;
padding: 0;
color: #fff;
background: none repeat scroll 0 0 #CF3341;
border-radius: 2px;
font-size: 16px;
height: 30px;
line-height: 20px;
padding: 4px;
text-align: center;
width: 30px;
}
#wishlist-table button.button.remove-item span span {
font-size: 12px;
padding: 1px 0px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
display: none
}
#wishlist-table button.button.hoveremove-item span span {
text-decoration: none;
}
#wishlist-table button.button.remove-item:before {
content: "\f014";
}
.my_wishlist {
margin-top: 6px;
}
.my_wishlist .buttons-set {
margin-bottom: 25px;
overflow: hidden;
}
.my_wishlist .buttons-set button.button {
float: right;
margin-left: 5px;
margin-right: 0;
}
.cart {
background-color: #FFFFFF;
padding: 10px 0;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
}
.cart .page-title {
margin: 0 0 5px;
padding: 0 0 4px;
}
.cart .page-title h2 {
font-size: 22px;
}
.login_page {
margin-bottom: 15px;
background-color: #FFFFFF;
padding: 0px;
margin-top: 15px;
}
.login_page .page-title h2 {
font-size: 22px;
}
.login_page .col2-set .col-1 {
float: left;
padding-bottom: 0;
padding: 0px;
text-align: left;
width: 45%;
min-height: 274px;
}
.login_page .col2-set .col-2 {
border-left: 1px solid #ddd;
float: right;
padding-bottom: 0;
padding: 0 0 0 55px;
text-align: left;
width: 45%;
}
.login_page strong {
font-size: 15px;
color: #333;
margin-bottom: 15px;
font-family: 'Open Sans', sans-serif;
}
.login_page .content {
border-top: 1px solid #DDDDDD;
margin-top: 5px;
padding-top: 12px;
}
.login_page .content p {
margin-bottom: 5px;
font-size: 12px;
}
.login_page .content p.required {
font-size: 12px;
}
.login_page .content .form-list label {
font-size: 12px;
color: #333;
margin-bottom: 5px;
}
/* One Page */
select#billing-address-select {
width: 570px;
padding: 10px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
outline: none;
color: #aaa;
}
select#billing-address-select:focus {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
outline: medium none;
padding: 10px 9px 10px;
vertical-align: middle;
padding-left: 10px;
}
.one-page-checkout {
position: relative;
margin-bottom: 12px;
list-style: none;
padding: inherit;
padding: 0;
margin-top: 18px;
}
.one-page-checkout .radio, .one-page-checkout .checkbox{ display:inline-block;}
.one-page-checkout li.section {
border-bottom: 0;
margin-bottom: 8px;
}
#opc-login h2 {
font-size: 18px;
margin-bottom: 10px;
}
.one-page-checkout .step-title {
text-align: right;
padding: 7px 0;
}
.one-page-checkout .step-title .number {
float: left;
line-height: 15px;
font-size: 15px;
color: #333;
padding: 10px 13px;
background-color: #fff;
border: 2px solid #ddd;
font-family: 'Open Sans', sans-serif;
}
.one-page-checkout .active .step-title .number {
background: none repeat scroll 0 0 #fff;
border: 2px solid #ddd;
color: #000000;
padding: 10px 12px;
}
.one-page-checkout .allow .step-title .number {
}
.one-page-checkout .active .step-title h3 {
color: #000000 !important;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: normal !important;
}
.one-page-checkout .step-title h3 {
border-bottom: 0px solid #E4E4E4;
margin: 0 0 0 55px;
text-align: left;
line-height: 35px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: #333;
font-weight: normal !important;
}
.one-page-checkout .active {
}
.one-page-checkout .active .step-title {
cursor: default;
font-size: 14px;
padding-top: 0px;
text-align: left;
line-height: 32px;
font-family: 'Open Sans', sans-serif;
border-top: none;
}
.one-page-checkout .step {
padding: 10px 10px 10px 55px;
background-color: #FFFFFF;
}
.one-page-checkout .step .col2-set {
padding: 0;
}
.one-page-checkout .order-review {
overflow: hidden;
}
#checkout-review-table .data-table {
border-bottom: none;
}
#checkout-step-login .col2-set .col-2 {
background-color: #fff;
float: left;
padding: 0px;
width: 45%;
min-height: 270px;
}
#checkout-step-login .col2-set .col-1 {
float: right;
padding: 0 0 0 40px;
width: 45%;
min-height: 270px;
border-left: 1px #e4e4e4 solid;
}
#opc-login h3 {
border-bottom: 0px solid #E4E4E4;
color: #333;
padding-bottom: 8px;
font-weight: bold;
}
.one-page-checkout .buttons-set .f-right {
margin-top: 13px;
color: #626262;
font-size: 12px;
}
#opc-login input {
color: #626262;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
vertical-align: middle;
}
#opc-login .radio {
vertical-align: middle;
float: left;
margin-top: 4px;
}
#opc-login .col2-set .col-2 p {
text-align: left;
}
#opc-login h4 {
clear: left;
float: none;
font-size: 13px;
margin-right: 5px;
}
#opc-login li.control label {
}
.block-progress {
background-color: #FFFFFF;
}
.block-progress .block-content {
padding: 12px 0px 15px;
text-align: left;
}
.block-progress dl {
border-top: none !important
}
.block-progress dt {
font-weight: normal;
text-transform: none;
padding: 10px 0;
font-size: 12px;
}
.block-progress dt.complete, .block-progress dd.complete {
font-size: 12px;
padding: 0;
margin: 0;
}
.block-progress dt.complete a, .block-progress dd.complete a {
font-size: 12px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color: #666666;
}
.block-progress dt.complete a:hover, .block-progress dd.complete a:hover {
font-size: 12px;
font-weight: normal;
text-decoration: underline;
text-transform: none;
color: #333;
}
.block-progress dt.complete {
background-color: #fff;
margin: 0 0 5px 0;
}
.block-progress dd {
border: 0px solid #ddd;
margin: 0 0 6px;
padding: 0px 0px 8px !important;
}
address {
display: block;
font-style: normal;
line-height: 20px;
color: #A6B3BF;
}
.opc {
position: relative;
}
.opc ul, .opc ol {
margin: 0;
padding: 0;
list-style: none;
}
.opc li.section {
border-bottom: 0;
}
.opc .buttons-set.disabled button.button {
display: none;
}
.opc .buttons-set .please-wait {
height: 21px;
line-height: 21px;
}
.opc .step-title {
position: relative;
padding: 10px 12px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.opc .step-title .number {
float: left;
margin-right: 5px;
}
.opc .step-title h2 {
float: left;
text-transform: none;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: 0 30px 0 0;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.opc .step-title a {
}
.opc .allow .step-title {
overflow: hidden
}
.opc .active {
}
.opc .active .step-title {
border-radius: 3px 3px 0 0;
border-top: 1px solid #ECECEC
}
.opc .step {
padding: 15px 12px 20px;
position: relative;
border: 1px solid #ECECEC;
border-top: none
}
.opc .step form {
margin-bottom: 0;
}
.opc .step .tool-tip {
right: 10px;
}
/* Multiple Addresses Checkout */
.checkout-progress {
padding-top: 0px;
margin: 0px 0 0px;
overflow: hidden;
padding: 0;
list-style: none;
}
.checkout-progress li {
float: left;
width: 212px;
text-align: center;
color: #999;
margin-right: 10px;
padding: 5px;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #ddd;
}
.checkout-progress li.last {
margin-right: 0;
width: 220px;
}
.checkout-progress li.active {
background-color: #fff;
border: 1px solid #000000;
color: #000000;
}
#multiship-addresses-table input.input-text {
background-color: #FFF;
padding: 10px 5px 10px 15px;
border: 1px solid #eee;
width: 46px;
}
#multiship-addresses-table .btn-remove {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 17px 19px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
border: 1px solid #fff;
float: left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
line-height: 12px;
}
#multiship-addresses-table .btn-remove:before {
content: "\f014";
font-family: FontAwesome;
font-size: 14px;
line-height: 0;
margin-left: -5px;
}
#multiship-addresses-table .btn-remove:hover {
background-image: none;
padding: 17px 19px;
color: #fff;
background-color: #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #000000 solid;
}
.multiple-checkout {
position: relative;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: left;
}
.multiple-checkout .grand-total big {
float: right;
font-size: 16px;
}
#multiship-addresses-table {
margin-top: 5px;
border: none;
}
#multiship-addresses-table input.qty:focus {
padding: 10px 5px 10px 15px;
}
#multiship-addresses-table tfoot tr .last {
border-top: none;
}
.addresses {
margin-bottom: 15px;
float: left;
width: 100%;
}
#multiship-addresses-table h4 {
font-size: 12px;
margin: 0;
line-height: 18px;
}
.state_bar {
padding: 0;
margin-bottom: 20px;
overflow: hidden;
background-color: #FFFFFF;
padding: 15px 0;
}
.multiple_addresses {
margin-bottom: 30px;
background-color: #FFFFFF;
padding: 0 0 15px 0;
}
.multiple_addresses .title-buttons {
text-align: right;
}
.checkout-multishipping-success .multiple-checkout .buttons-set .button {
float: left;
}
.multiple-checkout .buttons-set .button {
float: right;
}
.page-title_multi {
}
.addresses .title-buttons {
text-align: right;
}
.page-title_multi h2 {
font-size: 24px;
float: left;
font-family: 'Open Sans', sans-serif;
color: #000;
text-transform: uppercase;
}
.multiple-checkout .grand-total {
font-size: 1.5em;
text-align: right;
}
.multiple-checkout .grand-total .price {
font-size: 22px;
}
#wishlist-table .product-name {
margin: 0;
text-align: left;
font-size: 15px;
line-height: normal;
font-family: 'Open Sans', sans-serif;
}
#wishlist-table .description .inner {
margin: 0;
text-align: left;
font-size: 13px;
line-height: normal;
}
#wishlist-table .price-box {
margin: 4px 0 2px;
text-align: left;
}
#wishlist-table .product-name a {
color: #000;
}
/* Account Login/Create Pages */
.account-login h2 {
margin-top: 10px;
}
/* ============== 21. Product View Types ============= */
/* products page */
.col-item {
text-align: left;
margin-bottom: 30px;
width: 100%;
}
.col-item a.thumb {
position: relative;
display: block;
cursor: pointer;
}
.col-item a.thumb:hover {
border-color: #999;
}
.col-item a.thumb span.quick-view {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto 0;
height: 35px;
overflow: hidden;
}
.col-item a.thumb span.quick-view span {
display: block;
position: absolute;
height: 100%;
width: 100%;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
color: #0a0a0a;
padding: 10px 0 5px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.col-item a.thumb span.quick-view span i {
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-top: -1px;
background: url('../images/quick-view.png') no- repeat center;
padding-right: 18px;
}
.recommend {
margin: 20px auto;
position: relative;
}
.recommend .controls .next {
right: 0;
}
.recommend .controls .prev {
right: 36px;
}
.new_title h2 {
color: #666;
font-size: 16px;
font-weight: bold;
margin-top: 0;
padding: 12px 10px 2px 0;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.new_title.center {
padding: 0 0 0px 0;
text-align: left;
border-bottom: 1px solid #ccc;
}
.new_title {
color: #000000;
height: 25px;
margin: 0 auto 20px;
text-align: center;
text-transform: none;
}
.owl-buttons {
opacity: 1 !important;
}
.slider-items-products .owl-buttons .owl-prev {
position: absolute;
right: 41px;
top: -50px;
}
.slider-items-products .owl-buttons .owl-next {
position: absolute;
right: 5px;
top: -50px;
}
.slider-items-products .owl-buttons .owl-prev a {
background-position: 0 100%;
left: 0;
top: 50%;
margin-left: -10px;
}
.slider-items-products .owl-buttons .owl-next a {
background-position: 100% 100%;
left: 0;
top: 50%;
margin-left: -10px;
}
.slider-items-products .owl-buttons .owl-next a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 18px;
padding: 6px 6px 6px 6px;
line-height: 26px;
}
.slider-items-products .owl-buttons .owl-prev a:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 18px;
padding: 6px 4px;
line-height: 26px;
}
.slider-items-products .owl-buttons a {
background: #f3f3f3;
display: block;
height: 30px;
margin: -16px 0 0;
position: absolute;
top: 50%;
width: 30px;
z-index: 5;
border: 1px solid #f3f3f3;
color: #666;
}
.product-flexslider {
margin: 10px 0px;
}
.slider-items-products .owl-buttons a:hover {
text-decoration: none;
background: #000;
color: #fff;
}
#category-desc-slider .owl-item .item {
margin: 0px 0px;
}
#category-desc-slider img {
width: 100%;
}
.owl-item .item {
margin: 0px 10px;
}
.related-pro, .upsell-pro {
margin-top: 30px;
}
.new_title.center {
padding: 0 0 10px 0;
text-align: left;
border-bottom: 1px solid #ccc;
/* margin-right: 15px; */
/* margin: 15px; */
}
.new_title {
color: #000000;
height: 48px;
margin: 0 auto 20px;
text-align: center;
text-transform: none;
}
.new_title h2 {
color: #000;
font-size: 28px;
font-weight: normal;
margin-top: 0;
padding: 10px 0px;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif
}
/*---------- Grid View------------- */
.products-grid {
list-style: none outside none;
text-align: center;
}
.products-grid .first {
}
.products-grid .item {
margin: 10px 0px 15px 0;
}
.products-grid .item.last {
float: left;
background: #FFF;
width: 268px;
min-height: 450px;
padding: 0px;
margin: 20px 0 8px 0;
overflow: hidden;
}
.products-grid .last {
}
.products-grid .item.show-addtocart {
margin-top: 37px;
}
.products-grid .item .item-inner {
position: relative;
}
.products-grid .item .item-inner .item-img {
position: relative;
}
.products-grid .item .item-inner .item-img .ico-product {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 2;
background: #de44c3;
padding: 4px 20px 8px;
color: #FFF;
font-size: 150%;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.products-grid .item .item-inner .item-img .ico-product strong {
font-weight: 900;
}
.products-grid .item .item-inner .item-img .ico-product.ico-sale {
background: #7ebf38;
right: 10px;
left: auto;
}
.products-grid .item .item-inner .item-img .cart-wrap {
position: absolute;
top: 280px;
width: 100%;
height: 36px;
z-index: 3;
text-align: center;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {
font-size: 116.7%;
text-transform: none;
position: relative;
height: 34px;
padding: 0 17px 0 47px;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:before {
position: absolute;
content: "";
width: 38px;
height: 34px;
top: -2px;
left: 10px;
background: url(../images/ico-cart.png) no-repeat -38px top;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart:hover:before {
background-position: 0px top;
-o-animation: shake 2s infinite linear;
-moz-animation: shake 2s infinite linear;
-webkit-animation: shake 2s infinite linear;
animation: shake 2s infinite linear;
}
.products-grid .item .item-inner .item-img .item-img-info {
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
overflow: hidden;
border-bottom: 0px solid #EFEFEF;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
display: inline-block;
width: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
width: 100%;
height: 100%;
line-height: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img:hover {
opacity: 0.5;
cursor: pointer;
transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {
display: inline;
}
.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
position: absolute;
width: 100%;
height: 38px;
bottom: 0px;
top: -55px;
overflow: hidden;
opacity: 0;
}
.products-grid .item .actions .add-to-links a.link-wishlist {
left: -100px;
opacity: 0;
position: absolute;
}
.products-grid .item:hover .actions .add-to-links a.link-wishlist {
left: 24px;
opacity: 8;
position: absolute;
}
.products-grid .item .actions .add-to-links a.link-compare {
right: -100px;
opacity: 0;
position: absolute;
z-index: 100
}
.products-grid .item:hover .actions .add-to-links a.link-compare {
right: 24px;
opacity: 8;
position: absolute;
bottom: 0;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom3 .box-inner {
width: 183px;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom2 .box-inner {
width: 122px;
}
.products-grid .item .item-inner .item-img .item-box-hover.number-buttom1 .box-inner {
width: 61px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .magik-btn-quickview, .products-grid .item .item-inner .item-img .item-box-hover .box-inner ul.add_to_cart li a {
width: 48px;
height: 48px;
border: 0px solid #FFF;
position: relative;
display: block;
padding: 0 0;
margin: 0 5px;
background-color: transparent;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .magik-btn-quickview:hover, .products-grid-home .item .item-inner .item-img .item-box-hover .box-inner ul.add_to_cart li a:hover {
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap {
float: left;
margin-left: 52px
}
.products-gride .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview span {
display: none;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview:before {
background-position: left -196px;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .quickview-wrap .magik-btn-quickview:hover:before {
background-position: left -245px;
background-color: #223D62
}
.products-grid- .item .item-inner .item-img .item-box-hover .box-inner .actions {
float: left;
height: 51px;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart {
margin: 0 0;
float: left;
list-style: none;
height: 100%;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li {
float: left;
display: block;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .cart_icon:hover:before {
background-position: left -49px;
background-color: #333333
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .link-compare:before {
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .actions ul.add_to_cart li .link-compare:hover:before {
}
.products-grid .item .item-inner .item-info {
text-align: center;
}
.products-grid .item .item-inner .item-info .info-inner {
border: 0px solid #fff;
border-top: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
float: none;
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
display: none;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price {
margin: 8px 0 12px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
margin-bottom: 5px;
padding-top: 16px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #000;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
color: #cf3341;
}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {
border-color: #cf3341;
background-color: #cf3341;
color: #FFF;
}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart:before {
background-position: 0px top;
}
.products-grid .item:hover .item-inner .item-img .item-img-info {
border-color: #fff;
}
.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
left: 0px;
top: 0px;
margin: 0 0;
background: #eee;
opacity: 0.8
}
.products-grid .item:hover .item-inner .item-img .item-box-hover {
visibility: visible;
opacity: 1;
left: 0px;
bottom: 0px;
top: 150px;
}
.products-grid .item:hover .item-inner .item-info .info-inner {
border-color: #fff;
background: #fff;
opacity: 0.8
}
.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
color: #000;
}
.products-grid .add-to-links {
}
.products-grid .add-to-links a span {
display: none;
}
.link-wishlist, .link-compare {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
padding: 0
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
padding: 0;
background: none
}
.products-grid .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.products-grid .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.products-grid .actions .add-to-links a.link-wishlist, a.link-compare {
color: #aaaaaa;
font-family: 'FontAwesome';
font-size: 15px;
font-weight: normal;
margin: 0;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
padding: 10px 12px 9px;
line-height: 17px;
}
.products-grid .actions .add-to-links a.link-wishlist:hover, a.link-compare:hover {
font-family: 'FontAwesome';
font-size: 15px;
font-weight: normal;
margin: 0;
padding: 10px 12px 9px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
border: 3px solid #EFEFEF;
display: inline-block;
}
/*------------------- List VIew -------------------*/
.products-list {
}
.products-list .product-name {
text-align: left;
margin: 0px 0 5px
}
.products-list .product-name a {
font-size: 15px;
color: #000;
font-weight: normal;
text-align: left;
font-family: 'Open Sans', sans-serif;
}
.products-list .item.first {
padding: 10px 0 20px;
overflow: hidden;
margin-bottom: 30px;
border-bottom: 1px solid #EFEFEF;
}
.products-list .item {
padding: 5px 0px 25px 0;
overflow: hidden;
margin: 15px 0 20px !important;
border-bottom: 1px solid #EFEFEF;
}
.products-list .item a {
}
.products-list .item a:hover {
color: #000;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.separator {
color: #999
}
.products-list .item h3 {
font-weight: normal;
color: #353535;
padding-bottom: 2px;
}
.products-list .item h3 a {
font-weight: normal;
font-size: 12px;
color: #407CBF;
text-decoration: none
}
.products-list .item h3 a:hover {
font-weight: normal;
font-size: 12px;
color: #333;
text-decoration: underline
}
ol.products-list {
padding: 0;
margin: 0;
float: left
}
.products-list .last {
border-bottom: none !important;
}
li .list {
border-bottom: none;
}
.products-list .product-image {
float: left;
}
.products-list .product-shop {
float: left;
width: 67%;
margin-left: 25px;
}
.products-list .product-shop .desc {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
margin-top: 5px;
color: #666
}
.products-list .product-shop p {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
line-height: 1.5em;
}
.products-list .product-shop p.old-price {
margin-right: 4px;
}
.products-list .product-shop .price-box {
margin: 10px 0;
}
.products-list .desc .link-learn {
font-size: 13px;
font-weight: normal;
margin-top: 5px;
}
.products-list .add-to-links {
padding-left: 2px;
}
.products-list .add-to-links a span {
display: none;
}
.link-wishlist, .link-compare {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
color: #666;
text-shadow: none;
border: none;
box-shadow: none;
background: none;
padding: 0
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
padding: 0;
background: none
}
.products-list .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.products-list .actions .add-to-links a.link-compare:before {
content: "\f012";
}
.products-list .actions .add-to-links a.link-wishlist {
color: #aaaaaa;
font-family: 'FontAwesome';
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
margin-right: 8px;
}
.products-list .actions .add-to-links a.link-compare {
color: #aaaaaa;
font-family: 'FontAwesome';
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #fff;
border: 3px solid #EFEFEF;
display: inline-block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
line-height: 20px;
}
.products-list .actions .add-to-links a.link-wishlist:hover {
font-family: 'FontAwesome';
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
display: inline-block;
border: 3px solid #EFEFEF;
margin-right: 8px;
line-height: 20px;
}
.products-list .actions .add-to-links a.link-compare:hover {
font-family: 'FontAwesome';
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 8px 14px;
text-decoration: none;
background-color: #000000;
color: #FFFFFF !important;
display: inline-block;
border: 3px solid #EFEFEF;
}
.product-view .product-shop .link-wishlist, .product-view .product-shop .link-compare, .product-view .product-shop .link-friend, .product-view .product-shop .link-edit {
}
ul.products-grid {
padding: 0;
margin: 0
}
.products-grid .actions button.button.btn-cart {
background: #fff;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 11px 10px 10px 8px;
color: #333;
line-height: 14px;
}
.products-grid .item:hover .actions button.button.btn-cart {
background: #000000;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 11px 10px 10px 8px;
color: #FFFFFF;
}
.products-grid .actions button.button.btn-cart span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0 8px;
font-weight: bold;
margin-left: 0;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt {
background: rgba(0, 0, 0, 0.7);
margin: 0 11px 0 8px;
padding: 10px 10px 10px 8px;
color: #fff;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: none;
}
.product-detail-bnt a.button.detail-bnt:hover {
background: #000000 !important;
margin: 0 11px 0 8px;
padding: 10px 10px 10px 8px;
color: #FFFFFF !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
a.button.detail-bnt span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
padding: 0 2px;
font-weight: 900;
}
/*============ 22. Account Login Page =============*/
.dashboard .welcome-msg {
text-align: left;
padding: 0px 0 5px;
color: #333;
font-size: 12px
}
.dashboard .welcome-msg strong {
font-weight: 900;
font-size: 13px;
}
#my-orders-table {
border: none;
}
.box-account {
margin-top: 15px;
}
.box-account .page-title {
margin: 0 !important;
padding: 0;
background: none;
border-bottom: none !important;
}
.box-account .page-title h2 {
font-size: 16px;
}
.box-account address {
color: #333;
text-align: left;
border-bottom: none;
}
.box-account .col2-set a {
text-decoration: underline
}
/* ============= 23. 404 Page Not Found============ */
.content-wrapper {
margin: auto;
text-align: center;
background-color: #fff;
padding-top: 50px;
padding-bottom: 80px;
}
.page-not-found h2 {
color: #da2c2a;
font-size: 160px;
font-weight: bold;
line-height: 1;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
}
.page-not-found h3 {
color: #333;
font-size: 20px;
font-weight: normal;
margin-bottom: 4em;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.page-not-found h3 img {
margin-right: 8px;
vertical-align: text-bottom;
}
.page-not-found p {
color: #666;
font-size: 1.33em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
.page-not-found .btn-home {
background-color: #7bbd42;
border: medium none;
border-radius: 2px 2px 2px 2px;
color: #fff;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 14px 35px;
text-decoration: none;
height: auto;
font-weight: normal;
text-transform: uppercase;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.page-not-found .btn-home:hover {
background-color: #000;
}
.page-not-found .btn-home span {
margin: 0;
padding: 0px;
text-align: center;
font-size: 18px;
font-weight: normal;
line-height: 16px;
text-decoration: none;
}
/* ============== 24. To Top ============== */
#toTop {
color: #fff;
text-align: center;
bottom: 60px;
display: none;
height: 45px;
line-height: 45px;
overflow: hidden;
position: fixed;
right: 10px;
text-decoration: none;
width: 50px;
background: url(../images/to-top-arrow.png) no-repeat center;
background-color: #000;
text-transform: uppercase;
z-index: 100;
}
#toTop:hover {
color: #fff !important;
background-color: #000000;
}
/* To-Top Button*/
button.button#toTop:before {
content: "\f067";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
/* =========== 25. Banners ============== */
/* Custom Banners */
.custom-banners {
width: 100%;
margin: auto;
overflow: hidden;
margin: 12px auto 15px;
}
.box1 {
margin-bottom: 20px;
width: 280px;
display: block;
}
.image_container a img {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.image_container a:hover img {
opacity: 0.8;
}
/* Offer Banner */
.offer-banner {
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
.offer-banner img {
width: 100%;
}
.offer-banner-section {
overflow: hidden;
margin: auto;
}
/* ============ 26. Captions ============*/
.caption {
display: block;
position: absolute;
bottom: 0;
width: 550px;
margin: auto;
padding: 0;
padding-top: 0px;
top: 8%;
left: 0%;
}
.caption .caption-inner {
padding: 10px 0px;
text-align: center;
}
.dark2 {
width: 360px;
left: 300px!important;
padding: 10px 30px;
top: 30px;
background: rgba(0, 0, 0, 0.3);
border-radius: 250px;
height: 405px
}
/* Caption position
-------------------------------------------------------------- */
.caption.top {
top: 0;
bottom: auto;
width: 80%;
}
.caption.top-right {
top: 0;
bottom: auto;
right: 0;
padding-top: 8%;
margin-right: 30px
}
.light .intro-btn a {
color: #fff;
padding: 15px 45px;
letter-spacing: 2px;
font-size: 20px;
font-weight: normal;
background: #000000!important;
font-family: 'Open Sans', sans-serif;
}
.caption.top-left {
top: 12%;
bottom: auto;
right: 0;
width: 100%;
float: left;
padding-top: 12%;
padding-left: 5%;
}
.caption.bottom-right {
right: 0;
width: 58%;
}
.light2 {
margin: auto!important
}
/* Caption elements
-------------------------------------------------------------- */
.caption > * {
float: left;
display: inline-block;
margin-bottom: 1px;
}
.caption .heading {
padding: 0;
margin-bottom: 0.2em;
font-size: 42px;
line-height: 1em;
font-weight: 900;
padding: 20px 10px;
font-family: 'Open Sans', sans-serif;
color: #000;
text-align: center!important;
}
.caption p {
clear: left;
padding: 15px 0px;
margin-bottom: 1px;
font-size: 28px;
line-height: 1em;
font-weight: 300;
color: #000 !important
}
.caption .intro-btn {
margin-top: 10px;
display: block;
}
.caption .intro-btn a {
color: #fff;
padding: 15px 45px;
letter-spacing: 2px;
font-size: 20px;
font-weight: normal;
background: #7bbd42;
font-family: 'Open Sans', sans-serif;
}
.caption .normal-text {
font-size: 20px;
letter-spacing: 6px;
color: #fff;
font-weight: normal;
padding-top: 0px;
border-bottom: 1px #000 solid;
margin-bottom: 7px;
text-transform: uppercase
}
.caption .normal-text1 {
clear: left;
padding: 15px 0px;
margin-bottom: 1px;
font-size: 20px;
line-height: 1em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 10px;
color: #000 !important;
border-top: 1px #000 solid;
}
/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
text-align: center;
}
.caption.centered > * {
display: inline-block;
float: none;
}
/* Floating (text alignment) */
.caption.right > * {
text-align: right;
float: right !important;
}
/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width {
width: 88%;
margin: 6%;
}
.caption.narrow {
width: 38%;
}
/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent {
display: block !important;
}
/* Skin
-------------------------------------------------------------- */
.caption .heading, .caption p {
transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading, a:hover .caption p {
transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}
/* Dark + white text */
.caption.dark1 .heading, .caption.dark1 p {
background-color: rgba(0, 0, 0, 0.35);
color: #fff;
}
a:hover .caption.dark1 .heading, a:hover .caption.dark1 p {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
/* Dark + white text */
.caption.dark2 .heading {
padding: 10px;
margin-bottom: 0em;
font-size: 48px;
line-height: 1em;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
padding-bottom: 10px;
color: #fff;
text-align: center;
padding-top: 50px
}
.caption.dark2 .intro-btn a {
text-align: center;
display: inline-block;
float: none
}
.caption.dark2 .permanent {
font-size: 18px;
line-height: 30px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff!important;
text-align: center;
border-top: 1px #fff solid;
margin-top: 5px
}
a:hover .caption.dark2 .heading, a:hover .caption.dark2 p {
color: #fff;
}
/* Dark + white text */
.caption.dark3 .heading, .caption.dark3 p {
background-color: rgba(0, 0, 0, 0.65);
color: #fff;
}
a:hover .caption.dark3 .heading, a:hover .caption.dark3 p {
background-color: rgba(0, 0, 0, 1);
color: #fff;
}
/* Light + black text */
.caption.light1 .heading, .caption.light1 p {
color: #fff!important;
}
.caption.light1 {
width: 450px;
margin-top: 10%;
left: 0;
height: 470px;
margin-left: 0px;
padding: 30px;
border-right: 1px rgba(255, 255, 255, 0.7) dashed
}
.caption.light1 .heading {
font-size: 38px;
text-shadow: none;
font-weight: 900;
font-family: 'Open Sans', sans-serif;
line-height: 1.4em;
border: 0px !important;
}
.caption.light1 .heading1 {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: normal;
text-align: center;
text-shadow: none;
text-transform: none;
padding: 10px 0px;
line-height: 25px;
color: #fff!important
}
.caption.light1 .badge {
background: #000000;
color: #fff;
font-family: 'Open Sans', sans-serif;
border-radius: 120px;
font-size: 34px;
width: 130px;
height: 130px;
position: absolute;
z-index: 1000;
margin-left: 940px;
border: 5px #fff solid;
margin-top: -180px;
line-height: normal;
padding: 0;
font-weight: normal;
}
.caption.light1 .badge em {
font-size: 12px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
padding-top: 20px
}
.caption.light1 .badge span {
font-size: 24px;
font-weight: normal;
display: block
}
a:hover .caption.light1 .heading, a:hover .caption.light1 .btn-intro {
color: #333;
}
/* Light + black text */
.caption.light2 .heading {
color: #fff!important;
font-size: 46px;
margin-top: 120px;
letter-spacing: 2px;
text-transform: none;
}
a:hover .caption.light2 .heading, a:hover .caption.light2 p {
background-color: rgba(255, 255, 255, 0.85);
color: #000;
}
/* Light + black text */
.caption.light3 .heading, .caption.light3 p {
background-color: rgba(255, 255, 255, 0.8);
color: #000;
}
a:hover .caption.light3 .heading, a:hover .caption.light3 p {
background-color: rgba(255, 255, 255, 1);
color: #000;
}
/* PRODUCT META */
.product-block .product-meta {
overflow: hidden;
position: relative;
display: block;
height: 56px;
margin-top: -50px;
}
.product-block .product-action {
width: 100%;
height: 56px;
overflow: hidden;
position: relative;
background: #FFF;
border-bottom: 1px solid #EDEDED;
z-index: 12 !important;
}
.product-block .product-meta .product-action {
display: block;
position: absolute;
width: 100%;
bottom: -57px;
font-size: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
opacity: 0;
}
.product-block:hover .product-meta .product-action {
bottom: 0;
opacity: 1;
}
.product-block .product-action a {
display: inline-block;
text-align: center;
line-height: 56px;
height: 56px;
color: #CCC;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.product-block .product-action a:hover {
background: #F4F4F4;
}
.product-block .product-action a.addcart {
width: 50%;
color: #000;
}
.product-block .product-action a.addcart:hover {
color: #7bbd42;
}
.product-block .product-action a.wishlist {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
}
.product-block .product-action a.wishlist:hover {
color: #000000;
}
.product-block .product-action a.compare {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
}
.product-block .product-action a.quickview {
width: 25%;
-webkit-box-shadow: -1px 0px 0px 0px #EDEDED;
-moz-box-shadow: -1px 0px 0px 0px #EDEDED;
box-shadow: -1px 0px 0px 0px #EDEDED;
}
.product-block .product-action a.quickview:hover {
color: #7bbd42;
cursor: pointer;
}
.icon-zoom:before {
content: "\f002";
font-style: normal;
line-height: 56px;
font-size: 16px;
}
.cat_img {
border-top: 1px #ddd solid;
padding-top: 20px;
}
.cat_img .left-cat-img {
margin-right: 18px;
display: inline-block;
width: 48%;
}
.cat_img .left-cat-img1 {
margin-right: 0px;
display: inline-block;
width: 48%;
}
.cat_img .left-cat-img img, .cat_img .left-cat-img1 img {
width: 100%;
}
.magik-verticalmenu {
position: relative;
margin-bottom: 0;
}
.magik-verticalmenu .dropdown-menu > .dropdown-menu-inner {
padding: 10px;
}
.magik-verticalmenu .mega-group > .dropdown-toggle {
display: block;
font-weight: bold;
padding: 6px 5px;
text-transform: uppercase;
border-bottom: solid 1px #E5E5E5;
}
.magik-verticalmenu .mega-col {
width: 47%;
float: left;
margin-right: 15px
}
.magik-verticalmenu .mega-col img {
width: 100%;
}
.magik-verticalmenu .right_col {
margin-right: 0px
}
.magik-verticalmenu .mega-group .dropdown-mega .mega-col-inner > ul > li a {
margin-left: 6px;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul > li {
list-style: none;
margin-left: 0;
}
.magik-verticalmenu .mega-col .mega-col-inner > ul > li > a {
clear: both;
color: #555555;
display: block;
line-height: 20px;
}
.magik-verticalmenu .dropdown-submenu:hover .dropdown-menu {
display: block;
}
.magik-verticalmenu .dropdown-submenu > .dropdown-menu {
border-radius: 0 6px 6px 6px;
left: 100%;
margin-left: -6px;
margin-top: -6px;
top: 0;
}
.widget-product-list img {
width: 60px;
height: 60px;
float: left;
margin-right: 12px;
}
.widget-banner .w-banner {
margin: 6px 10px;
float: left;
}
.magik-verticalmenu .aligned-center .dropdown-menu {
top: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.magik-verticalmenu .aligned-right .dropdown-menu {
left: auto;
top: 0;
}
.magik-verticalmenu .aligned-left .dropdown-menu {
}
.magik-verticalmenu .megamenu .aligned-fullwidth {
position: inherit!important;
}
.magik-verticalmenu .aligned-fullwidth .dropdown-menu {
height: 100%!important;
top: 0;
}
.navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 19px;
}
.navbar:before, .navbar:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
.navbar:after {
clear: both;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #777777;
}
.nav .nav-divider {
height: 1px;
margin: 8.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 11px;
padding-bottom: 11px;
}
.navbar-inverse {
background-color: #fff;
border-color: #e4e4e4 transparent black transparent;
}
.navbar-inverse .navbar-brand {
color: #999999;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #e6e6e6;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #ededed;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #e6e6e6;
color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #e4e4e4 transparent black transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #e6e6e6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0;
}
.navbar-btn {
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.navbar-text {
float: left;
margin-top: 15.5px;
margin-bottom: 15.5px;
}
.row:before, .row:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
.row:after {
clear: both;
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -10px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -10px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.language-box .dropdown-menu {
top: 33px;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.currency-box .dropdown-menu {
top: 33px;
left: 26%;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.company .dropdown-menu {
top: 33px;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.company .dropdown-menu li {
width: 100%;
text-align: left;
}
.company .dropdown-menu li a {
border: none !important;
margin: 0px !important;
padding: 0px 8px !important;
line-height: 26px !important;
border-right: none !important;
color: #333 !important;
}
.company .dropdown-menu li a:hover {
background: none !important;
color: #7bbd42 !important;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 8.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 12px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #fff;
background-color: #428bca;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857;
color: #999999;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
#magik-verticalmenu .actions {
padding: 0 !important;
}
#magik-verticalmenu .product-info {
line-height: 1.4;
}
#magik-verticalmenu .nav-title {
background: #7bbd42;
border: none;
line-height: 34px;
padding: 7px 18px 7px 15px;
position: relative;
display: block;
}
#magik-verticalmenu .nav-title:before, #magik-verticalmenu .nav-title:after {
content: " ";
/* 1 */
display: table;/* 2 */
}
#magik-verticalmenu .nav-title:after {
clear: both;
}
#magik-verticalmenu .nav-title span {
font-size: 17px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
float: left;
font-family: 'Open Sans', sans-serif;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu div.menu-title, #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .title {
text-transform: uppercase;
color: #000;
font-weight: bold;
margin-bottom: 2px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .title {
margin: 0;
padding: 0;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu li > a, #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .widget-inner {
color: #2e3a47;
font-weight: normal;
line-height: 28px;
padding: 0;
font-size: 12px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu .widget-inner .product-block p {
line-height: 1.55;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu li {
line-height: 2;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu li:hover {
cursor: hand;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li {
float: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li > a {
color: #fff;
border-bottom: 1px solid #333;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:first-child a {
border-top: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:last-child a {
border-bottom: none;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown {
position: static;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
left: 100%;
top: 0;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a {
position: relative;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a:after {
width: 3px;
height: 100%;
background: #000;
content: "";
position: absolute;
top: 0;
right: 0px;
z-index: 9999;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav > li.dropdown:hover > a:after {
left: -2px;
right: auto;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li:hover > a {
color: #7bbd42;
}
#magik-verticalmenu .verticalmenu.navbar-nav > li > a > span span {
margin-left: 35px;
margin-left: 35px;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav > li > a > span span {
margin-right: 35px;
margin-left: inherit;
}
#magik-verticalmenu .navbar-nav {
width: 100%;
}
#magik-verticalmenu .navbar-nav .menu-icon {
background-position: left center;
background-position: left 0 !important;
}
.rtl #magik-verticalmenu .navbar-nav .menu-icon {
background-position: right 0 !important;
}
#magik-verticalmenu .navbar-nav li {
padding: 0px;
}
#magik-verticalmenu .navbar {
position: static;
border-top: none;
background: #000;
margin-bottom: 0px;
border-radius: 0px;
}
.rtl #magik-verticalmenu .nav-title span {
float: right !important;
}
#magik-verticalmenu .nav-title span.round-arrow {
background: none repeat scroll 0 0 #7bbd42;
border-radius: 30px;
color: #fff;
float: right;
height: 22px;
line-height: 22px;
padding-left: 7px;
text-align: center;
width: 16px;
margin-top: 5px;
}
#magik-verticalmenu .nav-title span.round-arrow:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 16px;
}
.round-arrow {
background: none repeat scroll 0 0 #333;
border-radius: 5px;
color: #fff;
float: right;
height: 23px;
line-height: 23px;
margin-top: -2px;
padding-left: 2px;
text-align: center;
width: 20px;
}
.round-arrow:before {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 16px;
}
#magik-verticalmenu .navbar .navbar-collapse {
padding: 0px 0px 0px 0px;
}
.rtl #magik-verticalmenu .navbar .navbar-collapse {
padding: 0px 0px 0px 0px;
}
#magik-verticalmenu .navbar .navbar {
border: none;
}
/* magento-module css */
#magik-verticalmenu .magik-widget {
margin-bottom: 10px;
}
#magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu {
display: block;
visibility: hidden;
opacity: 0;
border: 0;
padding: 20px;
min-width: 225px;
min-height: 100%;
right: auto;
left: 100%;
}
.rtl #magik-verticalmenu .verticalmenu.navbar-nav .dropdown-menu {
right: 100%;
left: auto;
}
.caret-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: 25px;
vertical-align: middle;
border-top: 6px solid #7bbd42;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 0 dotted;
content: "";
position: absolute;
}
#advanced-search-list .input-range #price {
width: 35%;
}
#advanced-search-list .input-range #price_to {
width: 35%;
}
.review-product-list .product-collateral {
display: block;
}
.review-product-list .product-collateral .pager {
display: none;
}
.product-view .product-shop .no-rating {
border-bottom: 1px solid #E5E5E5;
margin: 6px 0;
padding: 5px 0 12px;
}
.newsletter .validation-advice {
position: absolute;
}
/*.sticky {
position: relative;
z-index: 10000;
}*/
/*======== 27. Footer =============== */
footer {
padding: 0px 0 0;
width: 100%;
overflow: hidden;
background: #000;
color: #aaa;
}
.com-add {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 10px;
padding-bottom: 6px;
}
footer .inner {
overflow: hidden;
margin-bottom: 30px;
padding-top: 40px
}
footer .inner h3 {
color: #3D4C4F;
font-size: 15px;
text-transform: uppercase;
margin: 0 0 15px;
padding: 0 0 10px;
font-family: Arial, Helvetica, sans-serif;
}
footer .inner a {
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.footer-bottom .inner {
padding: 10px 0px;
border: none;
margin-bottom: 0px;
}
.footer-bottom .inner a {
color: #aaa;
line-height: normal;
}
footer .inner .footer_links a:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
cursor: pointer;
line-height: 30px;
margin-right: 5px;
}
footer .inner a:hover {
color: #7bbd42;
text-decoration: none;
}
footer a, footer p {
font-size: 12px;
color: #999;
padding-top: 5px;
padding-bottom: 5px;
}
footer .footer-column a {
display: block;
color: #aaa
}
footer p {
line-height: 20px;
}
footer h4 {
padding: 0 0 10px;
font-size: 14px;
margin: 0;
color: #fff;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase
}
footer .input-text:focus {
background: transparent;
border-color: #464646;
}
footer .coppyright {
color: #666;
float: left
;
margin-left: 15px;
}
.footer-bottom {
padding: 0px;
overflow: hidden;
width: 100%;
margin: auto;
background: #282828
;
}
.add-icon:before {
content: "\f041";
font-family: FontAwesome;
font-size: 15px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.email-footer {
overflow: hidden;
margin-top: 0px;
font-size: 12px;
}
.email-footer a {
font-size: 12px;
line-height: 35px;
color: #aaa
}
.phone-footer {
overflow: hidden;
font-size: 12px;
line-height: 35px;
color: #aaa
;
}
footer address {
display: block;
margin: auto;
font-style: normal;
line-height: 1.5em;
color: #aaa;
padding-top: 10px;
margin-top: 10px;
text-align: left;
padding-bottom: 5px;
margin-bottom: 0px;
font-size: 12px;
border: none;
}
.email-icon:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 14px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.phone-icon:before {
content: "\f095";
font-family: FontAwesome;
font-size: 15px;
color: #fff;
border: 0px #aaa solid;
height: 35px;
width: 5px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 15px;
border-radius: 30px
}
.footer-bottom .bottom_links {
float: right
;
margin-right: 15px;
width: 55%;
}
.footer-bottom .bottom_links li {
float: right;
margin-left: 20px
}
.custom-footer-links li {
margin: 7px 0
}
.custom-footer-links .payment-accept {
color: #333333;
float: left;
font-size: 12px;
padding-top: 6px;
}
.footer-col-right {
width: 58%;
float: left
}
.contact-info {
text-align: center;
}
ul.contact-info span {
font-size: 13px !important;
font-weight: 900 !important;
color: #666;
float: left
}
ul.contact-info li {
margin-bottom: 8px;
padding-bottom: 8px;
display: inline-block;
}
ul.contact-info li.last {
float: left;
margin-bottom: 0px;
border-bottom: 0px #2D3D4C solid
}
#container_newsletter {
width: 100%;
padding: 7px 0 7px 0;
background: #f0f0f0;
margin: 36px 0 22px 0
}
#text_container_news {
width: 205px;
height: 34px;
float: left;
margin-left: 30px;
text-transform: uppercase;
font-family: arial;
font-size: 10px;
color: #647177;
padding-top: 7px
}
#text_container_news span {
color: #959a9c;
font-size: 9px
}
#container_form_news {
position: relative;
z-index: 0
}
#container_form_news2 {
}
#container_form_news2 input[type="text"] {
background: #FFFFFF;
width: 100%;
height: 12px;
display: inline;
color: #a7a7a7;
line-height: 20px;
background-color: #FFFFFF;
border: 2px solid #ddd;
padding: 15px;
padding-left: 10px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
float: left;
margin-right: 3px;
margin-top: 0;
margin-bottom: 5px;
}
#container_form_news2 input[type="submit"] {
cursor: pointer;
border: 0;
background: #FFFFFF;
width: 20px;
height: 12px;
display: block;
position: relative;
color: #a7a7a7;
font-size: 10px;
line-height: 20px;
top: -18px;
right: -160px
}
.footer-box {
width: 1240px;
margin: auto;
}
footer ul span {
display: inline-block;
font-size: 20px;
font-weight: 300;
line-height: 15px;
padding-right: 3px;
}
address {
display: block;
margin: auto;
font-style: normal;
line-height: 21px;
color: #999;
padding-top: 10px;
margin-top: 10px;
text-align: left;
padding-bottom: 15px;
border-bottom: 1px #eaeaea solid;
margin-bottom: 15px
}
.footer-logo {
text-align: left;
}
/*============== 26. Global Styles And Messages ============= */
/* Global notices */
.global-site-notice {
border: 1px solid #cfcfcf;
border-width: 0 0 1px;
background: #ffff90;
font-size: 12px;
line-height: 1.25;
text-align: center;
color: #2f2f2f;
}
.global-site-notice .notice-inner {
width: 860px;
margin: 0 auto;
padding: 12px 0 12px 80px;
text-align: left;
}
.global-site-notice .notice-inner p {
margin: 0;
border: 1px dotted #cccc73;
padding: 10px;
}
.global-site-notice .notice-inner .actions {
padding-top: 10px;
}
/* Demo Notice */
.demo-notice {
margin: 0;
padding: 6px 10px;
background: #d75f07;
font-size: 12px;
line-height: 1.15;
border: 0;
text-align: center;
color: #fff;
}
.demo-notice .notice-inner {
width: auto;
padding: 0;
background: none;
text-align: center;
}
.demo-notice .notice-inner p {
padding: 0;
border: 0;
color: #fff;
text-align: center;
}
/* Global Messages */
.success {
color: #3d6611;
font-weight: bold;
}
.error {
color: #df280a;
font-weight: bold;
}
.notice {
color: #000000;
}
.messages, .messages ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.messages {
width: 100%;
overflow: hidden;
text-align: left;
}
.messages li {
margin: 5px 0 10px !important;
}
.messages li li {
margin: 0 0 3px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
border-style: solid !important;
border-width: 1px !important;
background-position: 10px 9px !important;
background-repeat: no-repeat !important; /*min-height:20px !important;*/
padding: 8px 8px 8px 8px !important;
font-size: 11px !important;
font-weight: 900 !important;
}
.error-msg {
border-color: #f16048;
background-color: #faebe7;
color: #df280a;
}
.success-msg {
border-color: #446423;
background-color: #eff5ea;
color: #3d6611;
}
.note-msg, .notice-msg {
border-color: #fcd344;
background-color: #fafaec;
color: #3d6611;
}
.product-review .product-img-box {
float: left;
width: 200px;
}
.product-review .product_details {
float: left;
margin-left: 10px;
}
.product-next-prev {
overflow: hidden;
margin: 0px 0 0 0;
position: relative;
right: 0px;
margin-top: -40px
;
margin-right: 15px;
}
.product-prev {
margin: 0 0 0 0px;
float: right;
}
.product-next-prev .product-prev:before {
content: "\f104";
font-family: FontAwesome;
}
.product-next-prev .product-prev {
background: #f8f8f8;
font-size: 24px;
line-height: 31px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #333;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.product-next-prev .product-prev:hover {
color: #fff;
background: #000000;
text-decoration: none;
}
.product-next {
margin: 0 0 0 4px;
float: right;
}
.product-next-prev .product-next:before {
content: "\f105";
font-family: FontAwesome;
}
.product-next-prev .product-next {
background: #f8f8f8;
font-size: 24px;
line-height: 31px;
display: inline-block!important;
width: 35px;
height: 35px;
color: #222;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-next-prev .product-next:hover {
color: #fff;
background: #000000;
text-decoration: none;
}
.product-next-prev .separator {
border-right: 2px #ddd solid;
float: right;
margin-top: 8px;
color: #FFFFFF;
}
/* Global Styles*/
.buttons-set {
clear: both;
margin: 10px 0 0;
padding: 0;
}
.buttons-set a.back-link {
float: left;
margin-right: 15px;
font-weight: bold;
color: #333;
}
.buttons-set a.back-link:hover {
float: left;
margin-right: 15px;
font-weight: bold;
color: #7bbd42;
}
.buttons-set button.button {
display: inline;
margin-bottom: 0px;
background: #fff;
}
.buttons-set p.required {
margin: 0 0 5px;
display: none;
}
.info-back-btn {
clear: both;
margin: 15px 0 0;
padding: 6px 15px;
display: inline-block;
border: 2px #B5B5B5 solid;
background-color: #E2E2E2;
}
.info-back-btn:hover {
border: 2px #5A5A5A solid;
background-color: #fff;
}
/* Page Heading */
.cms-home-page .page-title {
}
.page-title {
padding: 0px 0px 6px 0px;
margin: 3px 0 15px 0px;
overflow: hidden
}
.col2-right-layout .col-main .page-title {
padding: 0px 0px 4px 0px;
margin: 0 0 10px;
}
.page-title h1, .page-title h2 {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
margin: 0;
padding: 0;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.page-title .separator {
margin: 0 3px;
}
.page-title .link-rss {
float: right;
}
.title-buttons {
position: relative;
}
.title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
float: left;
margin-right: 30px;
}
.title-buttons a, .title-buttons .separator {
margin-top: 0;
display: inline-block;
text-decoration: underline;
color: #333;
}
.subtitle, .sub-title {
clear: both;
}
/* Pager */
.pager {
margin: 0;
text-align: center;
padding: 0;
}
.pager .amount {
float: left;
}
.pager .limiter label {
float: left;
font-size: 12px;
padding: 6px 0;
margin-right: 10px;
display: inline;
}
.pager .pages {
margin: 0 0;
}
.pager .pages ol {
display: inline;
margin: 0;
padding: 0;
float: right;
}
.pager .pages li {
display: inline;
}
.pager .pages li span {
background-color: #F8F8F8;
border: 1px solid #f3f3f3;
box-shadow: none;
color: #000000;
padding: 5px 10px;
}
.pager .pages li a {
box-shadow: none;
border: 1px solid #F3F3F3;
padding: 5px 10px;
background-position: center;
background-repeat: no-repeat;
margin: 0;
width: 29px;
height: 29px;
}
.pager .pages li a.button.next:hover, .pager .pages li a.button.next:focus {
background-image: url(../images/icon_arrow_next_over.png);
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
padding: 5px 10px;
margin: 0;
border: 1px solid #F3F3F3;
}
.toolbar .button:hover, .toolbar .button:focus, .toolbar .btn:hover, .toolbar .btn:focus {
background: #000000;
padding: 5px 10px;
color: #fff;
}
.toolbar-bottom {
border-width: 0 !important;
}
.toolbar .pager {
text-align: left;
margin: 0 10px 0 0;
padding: 0;
float: right;
margin-top: 6px;
width: 360px;
}
.pager .amount, .sorter .amount {
padding-left: 10px;
margin-top: 4px;
display: inline-block;
}
.toolbar .pager .limiter {
margin-top: 2px;
float: left;
}
.toolbar-bottom .pager .limiter {
position: static;
}
.toolbar .pager .pages {
display: inline;
}
.pager .button {
padding: 4px 5px;
background-color: #fff;
}
.pager .button :hover {
padding: 4px 5px;
background-color: #fff;
}
.toolbar .actions {
margin-right: 30px;
}
.pager .limiter label, .toolbar label {
display: inline;
float: left;
margin-right: 10px;
padding: 5px 0;
font-size: 12px;
}
.toolbar .sorter .sort-by {
margin-right: 30px;
}
.pager .amount {
margin-right: 20px;
}
.toolbar-bottom .sorter {
display: none;
}
.product-view .box-reviews .pager {
border-width: 0;
padding-top: 15px;
}
.button-viewall {
width: 35px;
height: 30px;
padding: 0;
}
.button.next, .button.prev {
width: 9px;
height: 18px;
padding: 0;
}
.product-essential .button.next {
float: right;
margin-top: -25px;
}
.product-essential .button.prev {
width: 30px;
height: 30px;
padding: 0;
float: right;
margin-right: 10px;
margin-top: -25px;
}
.toolbar span.button-active {
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 3px 11px;
}
.toolbar span.button-active.button-grid {
background: url(../images/icon_grid_act.png) no-repeat 10px 7px !important;
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 5px 8px 5px 30px;
margin-right: 5px;
}
.toolbar span.button-active.button-list {
background: url(../images/icon_list_act.png) no-repeat 10px 7px !important;
background-color: #f8f8f8 !important;
color: #000 !important;
padding: 5px 8px 5px 30px;
}
.toolbar span.button-active:hover {
background-color: #fff;
color: #000000;
}
.pager .button, .toolbar .button, .toolbar .btn, .toolbar .button-arrow, .toolbar .dropdown .button .arrow {
background-color: #fff;
font-size: 13px;
text-shadow: none;
border-radius: 0px;
color: #666666;
text-transform: none;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.toolbar .button-dark, .toolbar .btn-dark, .pager .button-dark, .pager .btn-dark {
background-color: #e0e0e0;
}
.button-asc {
background-image: url(../images/icon_asc.png);
height: 22px;
width: 10px;
margin-left: 3px;
box-shadow: none;
}
.button-asc:hover, .button-asc:focus {
background-image: url(../images/icon_asc.png) !important;
}
.button-desc {
background-image: url(../images/icon_dsc.png);
background-color: #f8f8f8 !important;
height: 26px;
width: 14px;
margin-left: 5px;
box-shadow: none;
}
.button-desc:hover, .button-desc:focus {
background-image: url(../images/icon_dsc_over.png) !important;
background-color: #000000 !important;
}
.toolbar .button-grid, .button-viewall {
background-image: url(../images/icon_grid_over.png);
}
.toolbar .button-grid:hover, .toolbar .button-grid:focus, .button-viewall:hover, .button-viewall:focus, .toolbar .button-active.button-grid {
background: url(../images/icon_grid.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 10px 2px 22px;
color: #333;
border: 1px #f3f3f3 solid;
}
.toolbar .button-list {
background: url(../images/icon_list.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #333;
border: 1px #f3f3f3 solid
}
.toolbar .button-grid {
background: url(../images/icon_grid.png) no-repeat 10px 7px !important;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #333;
border: 1px #f3f3f3 solid !important;
}
.toolbar a.button-grid:hover {
border: 1px #f3f3f3 solid;
background: url(../images/icon_grid_over.png) no-repeat 10px 7px !important;
background-color: #000000 !important;
color: #fff !important;
padding: 5px 8px 5px 30px;
}
.toolbar .button-list:hover, .toolbar .button-list:focus {
background: url(../images/icon_list_over.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 8px 5px 30px;
color: #fff;
border: 1px #f3f3f3 solid;
background-color: #000000 !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.toolbar .button-active.button-list {
background: url(../images/icon_list.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 10px 2px 22px;
color: #fff;
border: 1px #f3f3f3 solid;
background-color: #f8f8f8 !important;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.button-arrow.btn-remove {
background-image: url(../images/icon_remove.png);
}
.button-arrow.btn-remove:hover, .button-arrow.btn-remove:focus {
background-image: url(../images/icon_remove_over.png);
}
.button.next {
background-image: url(../images/icon_arrow_next.png);
background-color: #fff;
}
.button.next:hover, .button.next:focus {
background-image: url(../images/icon_arrow_next_over.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border: 0px #fff solid;
border-radius: 0px;
padding: 0px;
margin: 0;
}
.button.prev {
background-image: url(../images/icon_arrow_prev.png);
background-color: #fff;
}
.button.prev:hover, .button.prev:focus {
background-image: url(../images/icon_arrow_prev_over.png);
width: 29px;
height: 29px;
padding: 0;
background-repeat: no-repeat;
background-position: 11px;
background-color: #000000;
}
/* Sorter */
.sorter {
padding: 0;
margin: 0;
}
.sorter .actions {
float: left;
}
.sorter .view-mode {
float: left;
margin-top: 6px;
margin-right: 20px;
margin-left: 0px;
}
.sorter .sort-by {
float: left;
margin-top: 6px;
}
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none !important;
}
.new {
color: #F93E09;
font-size: 11px;
font-style: normal;
font-weight: bold;
right: 0px;
top: 10px;
position: absolute;
text-transform: uppercase;
width: 45px;
z-index: 1;
}
#banner-slider .flex-viewport {
height: 360px;
}
html[xmlns] #banner-slider .slides {
display: block;
height: 360px;
}
#main-slider .flex-direction-nav .flex-prev {
left: 1100px;
}
#secondary-slider .flex-direction-nav .flex-prev {
left: 852px;
top: -24px
}
#secondary-slider .flex-direction-nav .flex-next {
top: -24px;
right: -24px
}
#secondary-slider1 .flex-direction-nav .flex-prev {
left: 852px;
top: -24px
}
#secondary-slider1 .flex-direction-nav .flex-next {
top: -24px;
right: -24px
}
/* Control Nav */
.flex-control-nav {
width: 100%;
position: relative;
float: left;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #CCC;/* background: rgba(0,0,0,0.5);*/
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
background: #FFF; /*background: rgba(0,0,0,0.7);*/
}
.flex-control-paging li a.flex-active {
background: #FFF; /*background: rgba(0,0,0,0.9);*/
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.productgrid-area .price-box, .productgrid-area .price-box .special-price .price, .productgrid-area .price-box .regular-price .price {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 20px;
color: #fff !important;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}
.productgrid-area .price-box .old-price .price {
display: block;
margin-left: 100px;
margin-top: -20px;
position: absolute;
color: #fff !important;
}
.productgrid-area .old-price .price-label {
display: none;
}
.productgrid-area .special-price .price-label {
display: none;
}
.productgrid-area .ratings {
margin: 36px 9px;
}
.product-latest li.latest-product.item {
position: relative;
float: left;
width: 392px;
margin: 0px 9px 9px 0px;
padding: 0px;
border: 0px solid #D9D9DB;
}
.product-latest li.latest-product.item.last {
margin-right: 0px;
}
.product-latest .latest-product .product-image {
display: block;
width: 191px;
height: 201px;
margin: 0 0 0px;
}
.productgrid-area .product-name { /*min-height:2.7em;*/
margin: 10px 0px 0px 20px;
font-weight: normal;
font-size: 13px;
color: #203548;
position: absolute;
top: 0;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase
}
.product-latest .actions .add-to-links {
right: 10px;
top: 12px;
}
.home-grid .product-name a {
color: #FFF;
font-size: 13px;
text-decoration: none;
}
.home-grid .product-name a:hover {
text-decoration: none;
}
.product-latest .product-name a {
color: #FFF;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
.product-latest .product-name a:hover {
text-decoration: none;
}
.product-latest .price-box {
margin: 5px 0;
position: absolute;
bottom: 55px;
right: auto;
}
.home-grid .availability {
line-height: 21px;
}
.product-latest li.latest-product .actions {
border-top: 1px solid #fff;
position: absolute;
bottom: 0px;
width: 171px;
padding: 10px 11px 10px 0px;
display: block;
margin: 0px;
float: left;
}
.products-list li.item {
position: relative;
}
.product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 12px;
font-weight: normal;
}
.product-name a {
}
#shopping-cart-table .product-name {
margin: 0px;
padding-bottom: 0px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
button.button::-moz-focus-inner {
padding:0;
border:0;
}
/* FF Fix */
button.button {
display: inline-block;
border: 0;
background: #fff;
padding: 8px 12px;
font-size: 12px;
text-align: center;
white-space: nowrap;
color: #333;
font-weight: normal;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
vertical-align: top;
cursor: pointer;
overflow: visible;
width: auto;
outline: none;
-webkit-border-fit: lines;
border: 3px solid #EFEFEF; /* <- Safari & Google Chrome Fix */
}
button.button:hover {
background: #000000;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff;
}
.ratings .amount {
display: none;
}
.col1-layout .home-grid {
list-style: none;
}
.add-to-links .separator {
display: none;
}
.flexslider .flex-prev:before {
content: "\f104";
font-family: 'FontAwesome';
line-height: 40px
}
.flexslider .flex-next:before {
content: "\f105";
font-family: 'FontAwesome';
line-height: 40px
}
.flexslider .flex-next:focus {
content: "\f105";
font-family: 'FontAwesome';
color: #fff!important;
}
.product-latest li.latest-product .actions button.btn-cart:before, .block-reorder .actions button.button.btn-cart:before, .product-view .product-shop button.button.btn-cart:before, .products-list .f-fix button.button.btn-cart:before {
content: "\f07a";
font-family: 'FontAwesome';
margin-right: 5px;
}
.product-latest .actions .add-to-links a.link-wishlist:before, #crosssell-products-list .actions .add-to-links a.link-wishlist:before {
content: "\f004";
}
.product-latest .actions .add-to-links a.link-compare:before, #crosssell-products-list .actions .add-to-links a.link-compare:before {
content: "\f074";
}
.slider-arrow, .button-arrow, .dropdown .arrow, .elastislide-next, .elastislide-prev {
transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-moz-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-webkit-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
-o-transition: color 450ms ease-in-out, background-color 150ms ease-in-out, opacity 600ms ease-in-out, background-position 300ms ease-in-out;
}
.slider-arrow:hover, .slider-arrow:focus, .button-arrow:hover, .button-arrow:focus {
background-color: #000000
}
.back-link {
float: left
;
height: 29px;
}
.col2-set .col-1 ul {
padding: 0;
list-style: none;
}
.col2-set .buttons-set1 {
margin-top: 0px !important;
}
.col2-set .form-list li {
margin: 0 0 10px;
}
.forgot-word {
font-size: 12px;
line-height: 35px;
margin-left: 4px;
}
.hidden-desktop {
display: none;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: FontAwesome;
font-size: 12px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
width: 1240px;
}
.fa-phone:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
border: 2px #efefef solid
}
.fa-envelope:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}
/* Horizontal Buttons */
.jcarousel-skin-tango4 .jcarousel-next-horizontal {
cursor: pointer;
height: 41px;
margin-left: 202px;
position: absolute;
top: -63px;
width: 35px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal {
cursor: pointer;
height: 41px;
left: 0px;
position: absolute;
top: -63px;
width: 35px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.jcarousel-skin-tango4 .jcarousel-next-horizontal:after {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f105";
text-transform: none;
font-size: 24px;
padding: 0px 15px
}
.jcarousel-skin-tango4 .jcarousel-next-horizontal:hover {
color: #000000;
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal:after {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
content: "\f104";
text-transform: none;
font-size: 24px;
padding: 0px 12px
}
.jcarousel-skin-tango4 .jcarousel-prev-horizontal:hover {
color: #000000;
}
.related-block .block-content .prod_image_detail .actions {
}
/* Comman Styles*/
* {
margin: 0;
padding: 0px;
}
ul, ol {
list-style: none outside none;
}
label, input, button, select, textarea {
font-family: Arial, Helvetica, sans-serif;
}
a {
color: #282828;
text-decoration: none;
}
a:hover, a:focus {
/* color: #333; */
}
h1, h2, h3, h4, h5, h6, .block .block-title, .slide-title {
/* color: #333; */
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .block .block-title a, .slide-title a {
color: #333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .block .block-title a:hover, h1 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, .block .block-title a:focus, .slide-title a:hover, .slide-title a:focus {
color: #333;
}
/* Form Elements' Style */
p.control input.checkbox, p.control input.radio {
margin-right: 6px;
}
/* Grouped fields */
.form-list {
margin: 0;
padding: 0;
list-style: none;
}
.form-list li {
margin: 0 0 10px;
position: relative;
}
.form-list li.comment {
margin-bottom: 10px;
}
.form-list li.comment p {
margin-bottom: 0;
}
.form-list li.fields {
margin-bottom: 0;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 10px;
}
.form-list label {
position: relative;
z-index: 0;
font-weight: normal;
color: #333;
display: inline;
}
.form-list label.required {
}
.form-list label.required em {
font-style: normal;
}
.form-list li.control label, .form-list li.has-pretty-child label {
float: none;
vertical-align: top;
line-height: 1;
}
.form-list li.control input.radio, .form-list li.control input.checkbox, .form-list li.has-pretty-child input.radio, .form-list li.has-pretty-child input.checkbox {
margin-right: 6px;
margin-top: -2px;
}
.form-list li.control .input-box {
clear: none;
display: inline;
width: auto;
}
.form-list .input-box {
display: block;
clear: both;
margin-bottom: 0;
}
.form-list .field {
position: relative;
margin-bottom: 25px;
}
.form-list input.input-text {
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.form-list input.input-text:focus {
background: #fff;
border: 1px solid #ddd;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.form-list select {
margin: 5px 0 2px;
width: 360px;
outline: none;
}
.form-list li.additional-row {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 7px;
}
.form-list li.additional-row .btn-remove {
float: right;
margin: 5px 0 0;
}
.form-list .input-range input.input-text {
outline: none;
}
input.radio {
margin-right: 3px;
}
input.qty {
font-size: 15px;
font-weight: normal;
margin: 0 !important;
padding: 10px 5px 10px 15px;
width: 30px;
background: #fff;
border: 1px solid #EAEAEA;
outline: none;
color: #333;
}
input.qty:focus {
font-size: 15px;
font-weight: normal;
margin: 0 !important;
padding: 6px 5px 6px 15px;
width: 30px;
background: #fff;
border: 1px solid #EAEAEA;
outline: none;
color: #333;
}
/* Data Table */
.data-table {
width: 100%;
}
.data-table th {
line-height: 20px;
padding: 10px;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.data-table td {
line-height: 20px;
padding: 10px;
vertical-align: top;
}
.data-table th .tax-flag {
white-space: nowrap;
font-weight: normal;
}
.data-table td.label, .data-table th.label {
font-weight: normal;
background: #f8f8f8
}
.data-table input, data-table select, data-table textarea {
margin: 3px;
}
.data-table p {
margin: 10px 0;
}
.data-table .description {
margin: 10px 0;
}
/* Buttons Icons */
.returns:before {
content: "\f021";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
.button-subscribe:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-checkout:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-compare {
float: left;
margin-right: 8px !important;
}
.button-compare:before {
content: "\f074";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-clear:before {
content: "\f12d";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.button-vote:before {
content: "\f164";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
}
.btn-remove {
display: block;
width: 12px;
height: 12px;
font-size: 0;
line-height: 0;
text-indent: -999em;
}
.btn-edit {
display: block;
width: 11px;
height: 11px;
font-size: 0;
line-height: 0;
text-indent: -999em;
color: #666; position:absolute; right:18px; top:6px;
}
.btn-edit:before {
content: "\f040";
font-family: FontAwesome;
font-size: 12px;
padding-right: 5px;
}
.btn-edit:hover {
color: #009933;
}
button.button.continue:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-share:before {
content: "\f004";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-add:before {
content: "\f067";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-update:before {
content: "\f021";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-update {
background: #ccc;
}
button.button.login:before {
content: '\f13e';
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.btn-continue:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button#empty_cart_button:before {
content: "\f00d";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.coupon:before {
content: "\f02b";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.get-quote:before {
content: "\f15c";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.new-address:before {
content: "\f015";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.create-account:before {
content: "\f007";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
button.button.submit:before {
content: "\f04b";
font-family: FontAwesome;
font-size: 13px;
padding-right: 8px;
}
button.button.view-all:before {
content: "\f06e";
font-family: FontAwesome;
font-size: 13px;
padding-right: 8px;
}
.edit-bnt:before {
content: "\f040";
font-family: FontAwesome;
font-size: 12px;
}
.edit-bnt {
padding: 6px 11px;
color: #222;
background-color: #fff;
border: 3px solid #EFEFEF;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.edit-bnt:hover {
font-size: 12px;
padding: 6px 11px;
color: #fff;
background-color: #000000;
border: 3px solid #EFEFEF;
}
.edit-bnt span {
display: none;
}
#shopping-cart-table .edit-bnt {
float: left;
}
.shopnow-btn {
background: none repeat scroll 0 0 #282828;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.shopnow-btn:after {
content: "\f0da";
font-family: FontAwesome;
font-size: 12px;
padding-left: 8px;
font-style: normal;
font-weight: normal;
}
.shopnow-btn:hover {
background: none repeat scroll 0 0 #E95144;
color: #FFFFFF;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px 20px;
text-transform: uppercase;
margin-top: 20px;
}
.sale-banner {
margin: 20px auto;
width: 1240px;
}
.fa-phone:before {
content: "\f061";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
.fa-envelope:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 12px;
padding-right: 3px;
font-style: normal;
color: #666666;
}
/* Customer */
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
width: auto;
}
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
float: left;
}
.form-list .customer-dob input.input-text {
display: block;
}
.form-list .customer-dob .dob-month input.input-text, .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-year input.input-text {
text-align: center;
}
.form-list p {
margin: 0 0 20px;
}
.fieldset p {
line-height: 1.6;
margin-bottom: 20px;
}
.form-list li.control, .form-list li.has-pretty-child {
margin-bottom: 20px;
}
.forgot-password {
font-size: 13px;
color: #c72928;
position: absolute;
right: 0;
top: 50px;
}
.form-list .bootstrap-select {
position: absolute;
width: auto;
height: 46px;
left: 1px;
top: 1px;
bottom: 1px;
right: 1px;
}
.form-list .bootstrap-select > .btn {
width: 100%;
padding: 13px 0;
margin-bottom: 0;
border-width: 0 !important;
position: absolute;
top: 0;
bottom: 0;
}
.form-list .bootstrap-select.btn-group .btn .filter-option {
left: 165px;
right: 55px;
white-space: nowrap;
text-overflow: ellipsis;
}
.form-list .bootstrap-select.btn-group .btn .caret {
right: 0;
top: 0;
bottom: 0;
width: 46px;
height: auto;
margin: 0;
padding: 0 !important;
background-position: center center;
background-repeat: no-repeat !important;
border-width: 0;
}
.form-list .bootstrap-select.btn-group .dropdown-menu {
margin-top: 1px;
left: -1px;
right: -1px;
}
.box-reviews .form-list li label {
font-size: 13px;
margin: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.form-list li label.label-wide {
margin-bottom: 6px;
}
.form-list li.control label, .form-list li.has-pretty-child label, .opc .sp-methods label {
font-size: 13px;
position: static;
padding: 0;
height: auto;
width: auto;
vertical-align: top;
line-height: 22px;
background-color: transparent;
border-width: 0;
}
.opc .sp-methods label {
margin: -1px 0 0;
}
.form-list .validation-advice {
color: #FF0000;
}
.validation-advice {
color: #FF0000;
}
.sp-methods .prettycheckbox > a, .sp-methods .prettyradio > a {
margin-left: 15px;
}
.form-list textarea {
line-height: 20px;
margin-bottom: 0;
padding: 10px;
width: 100%;
}
.box-reviews textarea {
width: 50%;
}
.form-list textarea {
height: 10em;
margin-bottom: 0;
outline: medium none;
}
form h2, form h3, .section h3 {
color: #333;
}
.main h2.subtitle, .main .widget .widget-title h2, .main .page-title h1 {
color: #444645;
}
.main h2.subtitle .line, .main .widget .widget-title h2 .line, .main .page-title h1 .line {
border-top: 1px solid #e0e0e0;
}
.opc .input-text {
}
/* 29. Compare Table*/
.compare-table .price-box {
padding-bottom: 15px;
}
.compare-table .product-shop-row td {
position: relative;
text-align: center;
}
.compare-table .btn-cancel {
position: absolute;
right: 5px;
top: 5px;
}
.compare-table .product-name {
color: #000;
font-family: "Open Sans", sans-serif;
font-size: 14px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
padding: 5px 0 10px;
}
a.button.wishlist {
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
margin-bottom: 15px;
display: inline-block;
background-color: #FFF;
}
.styled-list {
position: relative;
margin: 0 0 20px;
padding: 0;
list-style: none;
line-height: 18px
}
.styled-list li {
margin-bottom: 6px;
padding: 0
}
.styled-list li span {
display: block;
overflow: hidden
}
.styled-list li i {
width: 16px;
float: left;
margin-right: 10px;
text-align: center;
color: #000;
font-size: 14px
}
.styled-list li:before {
color: #666666;
float: left
}
.styled-list .circle li, .styled-list.circle li {
text-indent: 0;
margin-left: 0;
padding-left: 0;
list-style: none
}
.styled-list .circle li:before, .styled-list.circle li:before {
content: "\25CF";
margin: -1px 10px 0 0;
font-size: 12px
}
.styled-list.arrow>li {
margin-left: -15px;
padding-left: 35px
}
.styled-list.arrow> li:before {
margin: -1px 8px 0 -20px;
content: '\f00c';
font-family: FontAwesome;
font-size: 1em
}
.styled-list ul {
margin-left: 0;
padding: 5px 0 0
}
.styled-list ul.circle li:before {
content: "\25CB";
color: #ee3b27
}
.grey-container {
background: #f2f2f2;
padding-top: 35px;
padding-bottom: 35px;
color: #000
}
/* 30. Delivery page*/
.delivery h3 {
margin-top: auto;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.grey-container h3 {
margin-top: auto;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.grey-container .button.more-info {
margin-top: 10px;
display: inline-block;
margin-bottom: 10px;
background-color: #fff;
}
.accordion-faq {
text-align: left;
position: relative
}
.accordion-faq .panel {
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none
}
.accordion-faq .panel .panel-heading {
padding: 0;
color: #fff;
border-radius: 0!important;
background: #333
}
.accordion-faq .panel-heading a {
display: block;
position: relative;
background: #f8f8f8;
color: #333;
padding: 10px 5px 12px 15px;
border-radius: 0;
border-right: 48px solid #7bbd42;
min-height: 50px;
font-family: "Roboto", sans-serif;
font-weight: bold;
}
.accordion-faq .panel-heading a:hover {
text-decoration: none
}
.accordion-faq .panel:last-child {
box-shadow: none;
border-bottom: none
}
.accordion-faq .arrow-down, .accordion-faq .arrow-up {
position: absolute;
display: block;
width: 20px;
height: 20px;
font-size: 20px;
top: 50%;
margin-top: -15px;
right: -36px;
color: #fff;
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
display: none
}
.accordion-faq .collapsed .arrow-down {
display: block
}
.accordion-faq .panel-body {
border-top: 0!important;
padding: 15px;
background: #fff;
border: 1px #eee solid;
border-top: none;
}
.accordion-faq.panel-group .panel+.panel {
margin-top: 10px
}
.simple-list {
margin: 0;
padding: 0;
list-style-type: none
}
.bold-list>li>a {
font-weight: 700;
text-transform: uppercase
}
.simple-list ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
bottom: -.8em
}
.simple-list li {
margin: 0;
padding: 0 0 12px
}
.simple-list .icon {
margin-right: 9px
}
.arrow-list li {
padding-left: 12px;
position: relative
}
.arrow-list li:before {
content: "";
display: inline;
font-size: 1.1em;
position: absolute;
left: 0;
top: -1px
}