html {
background: url("../image/background-img.png") repeat fixed 0 0 rgba(0, 0, 0, 0)
}
:focus {
outline: none;
}
/* Global site 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;
}
/*========== Common Styles ==========*/
* {
margin: 0;
padding: 0;
}
ul, ol {
list-style: none outside none;
}
body {
color: #333;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: auto;
line-height: 1.55;
width: 1170px;
margin: auto;
background: #fff;
padding-left: 25px;
padding-right: 25px;
box-shadow: 0 0 5px #888888
}
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;
}
/* Tools ============*/
.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;
}
/*============ Layout ============== */
.main-container {
margin: 0 auto;
padding: 0;
text-align: left;
padding-top: 0px;
overflow: visible;
position: relative;
margin-top: 1px;
margin: auto
}
/*============ Main Container ============== */
.main-container-inner {
width: 1170px;
margin: auto;
min-height: 400px;
display: inline-block;
}
/* Base Columns */
.col-main {
width: 1170px;
margin: auto;
}
.main-container.col1-layout .main-container-inner .category-products {
padding-top: 35px;
}
/* 2 Columns Layout */
.col2-left-layout .col-main {
float: right;
margin-bottom: 15px;
padding: 0;
width: 860px;
background-color: #FFF;
margin-left: 20px;
margin-top: 20px
}
.col2-right-layout .col-main {
float: left;
margin-bottom: 15px;
padding: 0;
width: 860px;
background-color: #FFF;
margin-right: 20px;
margin-top: 20px;
}
.col-right {
float: right;
margin-top: 22px;
padding: 0px;
width: 270px;
}
.col-left {
float: left;
margin-top: 20px;
padding: 0px;
width: 270px;
}
.col2-left-layout .main-container-inner {
clear: both;
}
.main-inner {
width: 960px;
margin: auto;
}
/* Content Columns */
.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;
}
/*============ End Main Container ============== */
/* ========= Header Container ==========*/
header {
/*height:130px;*/
position: relative;
margin-left: -25px;
margin-right: -25px;
}
header .top-links {
background: #1ABC9C;
height: 33px;
border-bottom: 1px #04a081 dotted
}
header .top-links .inner {
width: 1170px;
margin: auto;
color: #282828;
display: table;
padding: 0
}
header .welcome-msg {
text-align: left;
display: inline;
padding: 0 !important;
margin: 8px 0px 0 0;
font-size: 12px;
color: #fff;
float: left;
font-family: 'Open Sans', sans-serif;
}
header .welcome-msg a {
color: #fff;
}
header .header {
width: 1170px;
margin: auto auto 0px;
position: relative;
}
header .header .right {
float: right
}
header .header .logo {
margin: 0;
}
header .header .logo {
vertical-align: middle;
cursor: pointer;
margin-top: 20px;
text-align: left;
display: block;
padding-bottom: 15px;
display: inline-block
}
header .header .logo a img {
cursor: pointer
}
/* ========= language & currency ==========*/
.language-box .language-switcher {
font-size: 12px;
color: #fff;
font-weight: normal;
float: left;
position: relative;
margin: 9px 24px 0px 0px;
line-height: 18px;
cursor: pointer;
padding-bottom: 8px;
}
.language_detail {
display: none;
position: absolute;
z-index: 999999;
top: 25px;
left: 0px;
}
.language-box .language_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px #000;
border-bottom: 3px #04a081 solid;
}
.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: #04a081;
}
.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: 11px;
color: #fff;
float: left;
position: relative;
margin: 10px 24px 0px 0px;
cursor: pointer;
padding-bottom: 8px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
}
.currency_detail {
display: none;
position: absolute;
z-index: 999999;
top: 24px;
left: 0px;
}
.currency-box .currency_detail {
background: #fff;
padding: 0;
width: 120px;
box-shadow: 0 0 15px -5px #000;
border-bottom: 3px #04a081 solid;
}
.currency_detail a {
display: block;
font-weight: 400;
padding: 6px 0px;
margin-bottom: 1px;
color: #666;
padding: 5px 10px
}
.currency_detail a:hover {
color: #04a081;
}
.currency_detail a + a {
border-top: 1px solid #EAE5E5;
}
.currency-box .currency_detail {
}
.currency-box .currency_detail .currency-inner {
border-color: #c4c4c4;
}
/* ========= End language currency==========*/
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
}
/*======= Toplinks =======*/
.toplinks {
padding: 7px 0px 0;
display: inline-block;
float: right;
margin-left: 15px;
line-height: normal;
font-family: 'Open Sans', sans-serif;
}
.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: #8c8c8c;
font-size: 12px;
padding-left: 35px
}
.toplinks ul.links li a:hover {
color: #04a081;
}
.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 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: #aaa;
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: #04a081
}
.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: #04a081 !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
}
.caret:after {
content: "\f107";
display: inline-block;
vertical-align: top;
width: 5px;
margin: 1px 0px 0 4px;
font-family: 'FontAwesome';
}
/* new div stucture toplink*/
.toplinks .links div {
display: inline;
text-align: right;
float: left
}
.toplinks div.links div a {
color: black;
display: inline-block;
padding: 0px;
color: #fff;
font-size: 12px;
padding-left: 25px
}
.toplinks div.links div a:hover {
color: #fff;
}
.toplinks div.links div.first a {
padding-left: 0;
}
.toplinks div.links div.last a {
border: none;
padding-right: 0
}
.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: #aaa;
text-shadow: none !important;
font-size: 12px;
padding: 0px;
padding-left: 25px;
line-height: 19px;
width: auto;
border-bottom: none;
padding-bottom: 9px
}
.toplinks .links div .click-nav ul .clicker:hover {
background: none;
color: #fff
}
.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: #04a081 !important;
}
.toplinks .links div .click-nav .no-js ul {
display: none;
z-index: 99999;
width: 150px;
top: 30px
}
.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;
border-bottom: 3px #04a081 solid;
}
.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
}
/*======= End Toplinks =======*/
/*======= Top Shopping Cart =======*/
/*.btn-edit {
display:block;
width:11px;
height:11px;
font-size:0;
line-height:0;
background:url(../image/btn_edit.gif) 0 0 no-repeat;
text-indent:-999em;
overflow:hidden;
}*/
.mini-products-list .product-image {
float: left;
}
.mini-products-list .detail-item {
margin-left: 92px;
}
.top-cart-content .product-name {
margin: 0;
width: 150px;
line-height: 1;
padding: 0;
padding-bottom: 8px
}
.top-cart-content .product-name a {
font-size: 13px;
line-height: normal;
font-weight: normal;
}
.top-cart-content .product-name a:hover {
font-size: 13px;
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: #ff0000;
font-weight: bold;
text-transform: uppercase;
}
.top-cart-contain .product-details .price {
color: #04a081;
width: auto;
float: none;
font-weight: normal;
padding-left: 0px;
font-size: 12px;
}
.mini-cart {
text-align: left;
cursor: pointer;
margin: 0px 0 0 0px;
border: 1px solid #008f73;
background: #04a081; /* Old browsers */
background: -moz-linear-gradient(top, #04a081 1%, #16cea9 3%, #04a081 7%, #04a081 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #04a081), color-stop(3%, #16cea9), color-stop(7%, #04a081), color-stop(100%, #04a081)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #04a081 1%, #16cea9 3%, #04a081 7%, #04a081 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #04a081 1%, #16cea9 3%, #04a081 7%, #04a081 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #04a081 1%, #16cea9 3%, #04a081 7%, #04a081 100%); /* IE10+ */
background: linear-gradient(to bottom, #04a081 1%, #16cea9 3%, #04a081 7%, #04a081 100%); /* W3C */
margin-left: 15px;
padding-left: 2px
}
.mini-cart .basket {
right: 0px;
}
.mini-cart .basket a {
color: #fff;
margin: 0px;
line-height: 30px;
font-size: 11px;
padding: 2px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
min-width: 135px !important;
display: block;
text-transform: uppercase;
}
/*.mini-cart .basket a:hover{border:1px #efefef solid;box-shadow:0 3px 9px rgba(0, 0, 0, 0.3)}*/
.icon-cart {
display: inline-blocK!important
}
.icon-cart:before {
color: #fff;
content: '\f07a';
font-size: 16px;
height: 22px;
line-height: 23px;
padding: 4px;
text-align: center;
width: 25px;
border-radius: 2px;
float: left
}
.mini-cart .open .basket a {
color: #000;
background: #fff;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3)
}
.mini-cart .basket .title {
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
}
.mini-cart .basket .cart-box {
font-size: 12px;
text-transform: uppercase;
display: inline-block;
color: #777;
line-height: 28px
}
.mini-cart .basket .cart-box #cart-total {
color: #fff;
text-transform: none;
margin-left: 5px;
border-radius: 3px;
}
.mini-cart .dropdown-toggle {
font-size: 12px;
padding: 0;
text-transform: none;
}
.top-cart-contain {
color: #333;
display: block;
float: right;
margin-right: 22px;
margin-top: -101px;
padding: 0;
right: 0;
width: 16%;
z-index: 1000;
position: absolute;
}
.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: 35px;
right: 0px;
background: #fff;
padding: 0;
text-align: left;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
z-index: 10000;
}
.top-cart-content p {
color: #333333;
margin: 0;
padding: 10px;
}
.top-subtotal {
color: #333333;
font-size: 16px;
font-weight: normal;
padding: 12px 15px;
text-align: left;
text-transform: none;
border-bottom: 1px #ddd solid;
border-top: 1px #ddd solid;
}
.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 {
color: #333;
overflow: hidden;
padding: 15px;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
background: #f5f5f5;
text-transform: none;
font-weight: normal;
border-bottom: 1px #ddd solid
}
ul#cart-sidebar {
padding: 8px 15px;
}
.sticky .top-cart-contain {
margin-top: -40px;
}
/* top cart */
.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 {
margin: 5px 0px;
border-bottom: 1px #eee solid;
}
.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 {
padding: 0;
}
.mini-products-list .detail-item .product-details-bottom {
line-height: 20px;
padding-bottom: 0px;
}
.mini-products-list .detail-item .product-details-bottom .price {
color: #ff0000;
font-size: 12px;
display: list-item;
margin-bottom: 5px
}
.mini-products-list .detail-item .product-details-bottom .label {
font-weight: bold;
vertical-align: middle;
}
.mini-products-list .detail-item .product-details-bottom strong {
font-weight: normal;
}
#cart-sidebar .item-options dt, #cart-sidebar .item-options dd {
display: inline-block;
}
#cart-sidebar dt {
font-weight: bold;
}
#cart-sidebar .item-options dd {
margin-right: 10px;
}
#cart-sidebar dt, #cart-sidebar dd {
line-height: 1.42857;
}
.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: 10px 20px;
margin: 0;
overflow: hidden;
background: #f5f5f5;
padding-top: 15px;
}
.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: #04a081;
color: #fff;
font-size: 11px;
padding: 8px 16px;
font-family: 'Open Sans', sans-serif;
text-align: left;
cursor: pointer;
text-decoration: none;
float: right;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
border: 1px solid #04a081;
font-weight: bold;
text-transform: uppercase;
}
.mini-cart .actions .btn-checkout:hover {
background: #04a081;
border: 1px solid #04a081;
color: #fff;
}
.mini-cart .actions .view-cart {
background: #ff7200;
color: #fff;
font-size: 11px;
padding: 8px 16px;
font-family: 'Open Sans', 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: 1px solid #ed640e;
font-weight: bold;
text-transform: uppercase
}
.mini-cart .actions .view-cart:hover {
background: #333;
color: #fff;
font-size: 11px;
padding: 8px 16px;
font-family: 'Open Sans', 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: 1px solid #333;
font-weight: bold;
text-transform: uppercase
}
.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: none;
color: #fff;
font-size: 11px;
padding: 8px 16px;
font-family: 'Open Sans', 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: 1px solid #fff;
font-weight: bold;
text-transform: uppercase
}
.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: 5px;
overflow: hidden;
padding: 0px 0 5px;
}
#cart-sidebar li.last {
border-bottom: 0px solid #ECECEC;
padding: 5px 0;
}
.btn-remove1 {
background-image: url(../image/btn_remove.html);
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;
}
.button {
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;
/*border:1px solid #F5C328;
color:#003169;*/
padding: 8px 18px;
}
.button.btn-checkout:hover {
background: #04a081
}
.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
}
/*======= End Top Shopping Cart =======*/
/*======= search =======*/
.search-icon {
position: absolute;
right: 0px;
margin-top: 15px;
}
.search-box {
width: 350px;
margin: auto;
margin-top: 22px;
float: right;
position: relative;
padding-left: 37px;
border-radius: 2px;
margin-right: 198px
}
.cate-dropdown {
border: medium none;
float: left;
height: 34px;
padding: 5px !important;
width: 220px;
line-height: 30px;
}
.cate-dropdown option {
padding: 4px 5px;
}
.product-view .product-shop option {
padding: 4px 5px;
}
.cate-dropdown:focus {
float: left;
width: 220px;
height: 32px;
line-height: 30px;
padding: 5px!important;
border: none;
background: #f0f0f0
}
#search {
margin: 0;
width: 245px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 32px;
color: #333;
border: 1px solid #F5F5F5;
padding: 0 10px;
outline: none;
float: left
}
.button-common {
border: 0 none;
overflow: hidden;
padding: 0px;
text-indent: -9999px;
width: 25px;
}
.search-btn-bg {
background-color: #fdd922;
border: 1px solid #e0bc27;
border-radius: 0 2px 2px 0;
text-transform: uppercase;
color: #565656;
position: absolute;
line-height: 17px;
height: 34px;
cursor: pointer;
-moz-appearance: button;
font-weight: bold;
padding: 5px 8px
}
.searchIconNew {
background: url("../image/search-icon.png") no-repeat scroll center center;
width: 25px;
height: 30px;
left: 4px;
display: inline;
position: absolute;
top: 0px;
}
.cross-icon {
position: absolute;
right: 0px;
margin-top: -35px
}
/* ========= End search ==========*/
/*========== Nav ==========*/
nav {
position: relative;
z-index: 999;
background: #04a081;
margin-left: -25px;
margin-right: -25px;
}
.nav-inner {
width: 1170px;
margin: auto;
position: relative;
text-align: center;
height: 44px;
}
#nav > li > a:hover:nth-child(1), #nav > li > a.active:nth-child(1) {
background: #F5F5F5;
color: #333;
border-bottom: none;
}
#nav > li > a:first-child {
margin-left: 0px;
}
#nav > li > a:last-child a {
color: #333
}
.nav {
width: 1000px;
margin: 0px auto 0
}
#nav > li:hover > a, .vertnav-top li > a:hover {
color: #333;
background: #fff;
border-bottom: none;
}
.cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a {
/* color: #333;*/
}
.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;
}
#nav li a span {
}
#nav li ul a span {
}
/* 1st level only
-------------------------------------------------------------- */
#nav > li {
list-style: none;
border-bottom: none;
display: block;
float: left
}
#nav > li.last {
padding-right: 0;
}
#nav > li > a {
display: block;
}
#nav > li > a > span {
display: inline-block;
line-height: 18px
}
/* Drop-down boxes:
wide: 2nd-level category drop-down box + custom block drop-down box
classic: custom block drop-down box
-------------------------------------------------------------- */
#nav .level0-wrapper {
position: absolute;
left: -10000px;
background-color: #fff;
}
/* Inner wrapper for additional padding */
#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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* item with "feature" class */
#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;
}
/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav .nav-custom-link {
position: static;
}
/* Static block's content - basic formatting */
#nav .nav-custom-link .header-nav-dropdown-wrapper {
padding: 20px 10px;
overflow: hidden
}
#nav .nav-custom-link .header-nav-dropdown-wrapper p {
margin: 10px 0;
color: #333;
line-height: 1.3em;
font-family: 'Open Sans', 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;
}
/* Number of products in category
-------------------------------------------------------------- */
/* 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: 0px;
text-align: center;
}
.nav-block-level1-top {
margin-bottom: 10px;
}
.nav-block-level1-bottom {
margin-top: 10px;
}
/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.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: 13px;
text-transform: uppercase /*1.3333em*/;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
color: #777;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
ul.level0 {
padding: 0
}
ul.level1 {
padding: 0 0px
}
#nav .level0-wrapper, #nav.classic ul {
background-color: #ffffff;
color: #333333;
}
#nav ul li a {
color: #565656;
font-family: Arial, Helvetica, sans-seriff;
font-weight: normal;
}
#nav ul li a:hover {
color: #000;
}
.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: #fff;
border-top: none;
border-bottom: 5px #04a081 solid;
box-shadow: 0 0 20px -5px;
padding: 22px 0 0 22px;
width: 1198px;
}
#nav .level0-wrapper, #nav.classic ul.level0 {
top: 44px;
left: -25px !important;
}
#nav > li > a {
color: #fff;
display: block;
float: left;
font-size: 13px;
line-height: 18px;
padding: 13px 16px;
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #07b08e
}
/* 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;
padding-bottom: 15px;
padding-top: 0;
vertical-align: top;
width: 218px;
margin-right: 18px;
}
#nav ul.level0 > li.last {
display: inline-block;
float: none;
vertical-align: top;
padding-top: 0;
padding-bottom: 15px;
width: 228px;
margin-right: 0px
}
#nav ul.level0 > li > a {
margin-bottom: 6px;
font-size: 13px;
line-height: normal;
color: #333;
padding: 6px 0px 6px 10px;
font-weight: bold;
letter-spacing: normal;
font-family: Arial, Helvetica, sans-serif;
text-transform: none;
background-color: #f0f0f0;
}
/* 2nd level+
-------------------------------------------------------------- */
#nav ul li { /*float:none;*/
list-style: none;
padding: 4px 0
}
#nav ul li a {
float: none;
}
/* 3rd level only
-------------------------------------------------------------- */
#nav ul.level1 {
position: static;
padding-left: 10px;
}
#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: 13px;
padding-right: 6px;
color: #555;
}
#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 {
position: relative;
display: inline;
float: left;
margin-left: 0%;
margin-right: 0%;
width: 38%;
}
.grid12-5 .static-img-block a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 98.5%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.grid12-5 .static-img-block a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.grid12-3 {
/*position:relative;*/
display: inline;
float: left;
margin-left: 0;
margin-right: 1%;
padding: 10px 0 10px 10px;
width: 16%;
border-left: 1px solid #3e3e3e;
margin-bottom: 0;
}
.grid12-3 .item-title a {
text-transform: uppercase;
margin-top: 10px;
color: #aaa
}
.grid12-4 {
display: inline;
float: left;
margin: 0px 0px 0 10px;
width: 27%;
}
.grid12-4 .static-img-block {
position: relative
}
.grid12-4 .static-img-block a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 98%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.grid12-4 .static-img-block a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.grid12-8 {
/*position:relative;*/
display: inline;
float: left;
margin-left: 0;
margin-right: 0%;
width: 70%;
}
.grid12-8 ul.level0 > li {
width: 192px !important;
}
.grid12-8 ul.level0 > li.last {
width: 192px !important;
}
.grid13-8 {
/*position:relative;*/
display: inline;
float: left;
margin-left: 0;
margin-right: 0%;
margin-bottom: 0;
width: 60%;
}
.back-link {
float: left
}
.grid12-4 h3 {
text-transform: uppercase;
text-align: left;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
margin-top: 5px;
}
.grid12-4 p {
text-align: left;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
a.btn-button-st {
background: #252525;
color: #fff;
font-size: 11px;
padding: 6px 12px;
font-family: 'Open Sans', 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: 1px solid #fff;
font-weight: bold;
text-transform: uppercase;
margin: 8px 0 15px;
}
a.btn-button-st:hover {
background: #04a081;
border: 1px solid #04a081;
color: #fff;
}
#nav .level0-wrapper .nav-add {
padding: 0px 0px 15px 0px;
overflow: hidden;
}
#nav .level0-wrapper .nav-add .push_item {
float: left;
margin-right: 28px;
width: 570px;
}
#nav .level0-wrapper .nav-add .push_item_last {
float: left;
margin-right: 0px;
width: 570px;
}
#nav .level0-wrapper .nav-add .push_item .push_img {
position: relative;
}
#nav .level0-wrapper .nav-add .push_item .push_img a {
display: block;
height: 150px;
width: 580px;
position: relative;
}
#nav .level0-wrapper .nav-add .push_item .push_img a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
#nav .level0-wrapper .nav-add .push_item .push_img a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
#nav .level0-wrapper .nav-add .push_item .push_text {
color: #999;
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 .nav-custom-link .header-nav-dropdown-wrapper h4.heading {
color: #222222;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 10px;
}
/*#nav.drop-menu li.custom-menu.full-menu { display: none; }*/
#nav li.drop-menu ul {
position: absolute;
top: 44px;
left: 0;
background: #fff;
padding: 6px 0;
border-top: none;
border-bottom: 5px #04a081 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: #333;
line-height: 30px;
font-size: 12px;
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;
}
#nav li.drop-menu ul li:hover > a {
color: #000;
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;
}
/*============ End Nav ============*/
/*============ Global Styles =============== */
/* Form Elements */
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;
}
/*============ 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 #ddd;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
margin-bottom: 5px;
padding: 10px 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.cart-collaterals .col2-set .col-2 {
width: 320px;
}
.totals {
float: right;
margin: 0;
padding: 0px;
margin-bottom: 18px;
}
#shipping select {
margin: 5px 0;
}
#button-quote {
margin: 10px 0 0 92px;
}
.totals .inner {
padding: 4px 0px 15px 0px;
background-color: #fff;
margin-top: 0px;
}
ul#crosssell-products-list .item {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin-top: 0px;
width: 268px;
margin: 15px 32px 0 0;
padding: 0;
}
#crosssell-products-list.products-grid .item .item-inner .item-img .item-img-info {
}
ul#crosssell-products-list .item.last {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin-top: 0px;
width: 268px;
margin: 15px 0px 0 0;
padding: 0;
}
ul#upsell-products-list .item {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
margin: 15px 12px 0 0;
padding: 15px 11px 20px;
width: 237px;
}
#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 {
/*float:left;*/
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden;
clear: both;
}
#wishlist-table input.qty {
background: none repeat scroll 0 0 #FFFFFF;
padding: 5px;
text-align: center;
border: 2px #efefef solid;
}
#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: 14px;
color: #04a081
}
#shipping-zip-form p {
margin: 2px 0 4px;
}
#shipping-zip-form .form-list input.input-text {
width: 93%;
}
.discount {
margin: 0 92px 0 0;
padding: 0px;
width: 300px;
background: none repeat scroll 0 0 #fff;
margin-bottom: 15px;
float: left;
}
.shipping {
margin: 0 92px 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: 15px;
color: #000;
margin-bottom: 5px;
border-bottom: 1px #ddd solid;
padding: 10px 0;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
input.input-text, select, textarea {
border: none;
padding: 10px;
outline: none;
color: #aaa;
border: 1px #eee solid;
}
#wishlist-table textarea {
padding: 10px;
}
input.input-text:focus, select:focus, textarea:focus {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
outline: none;
}
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: 1px solid #ddd;
font-size: 15px;
font-weight: normal;
margin: 0 !important;
outline: medium none;
padding: 8px 5px 8px 12px;
width: 25px;
}
#shopping-cart-table a.remove-item {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-decoration: none;
float: left;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
border: none;
}
#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 {
padding: 0px;
color: #04a081;
}
#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: 12px;
}
/*============ End Cart Totals ============== */
/*============ 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;
position: absolute;
}
.newsletter-wrap .newsletter .validation-advice {
left: 100px;
}
.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 {
}
/*============ End Customer ============== */
.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: #CA0000;
}
.buttons-set button.button {
display: inline;
margin-bottom: 0px;
background: #fff;
}
.buttons-set p.required {
margin: 0 0 5px;
display: none;
}
/*============ BreadCrumbs ==========*/
.breadcrumbs {
padding: 10px 0px 10px 0px;
margin: auto;
font-size: 11px;
background: #f5f5f5;
margin-left: -25px;
margin-right: -25px;
}
.breadcrumbs .inner {
margin: auto;
width: 1170px;
}
.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 5px 0 5px;
color: #ccc;
font-size: 13px;
}
.breadcrumbs a {
color: #666;
}
.breadcrumbs a:hover {
color: #333;
}
/*============ Page Heading ============*/
.cms-home-page .page-title {
}
.page-title {
padding: 0px 0px 10px 0px;
margin: 0 0 0px 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;
border-bottom: 1px solid #04a081;
border-top: 1px solid #04a081;
}
.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;
}
.pager .pages li a.button.next:hover, .pager .pages li a.button.next:focus {
background-image: url(../image/icon_arrow_next_over.html);
background-color: #04a081;
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: #04a081;
padding: 5px 10px;
color: #fff;
}
/*============ 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;
}
/*============ Toolbar ============*/
.toolbar {
clear: both;
height: 38px;
margin-top: 0px;
padding: 10px 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 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 10px;
position: relative;
width: 80px;
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: #04a081
}
#sort-by li:hover {
background-color: #fff;
}
#sort-by li li:hover {
background-color: #fff;
color: #04a081;
}
#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;
}
.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;
}
#limiter li {
background: none repeat scroll 0 0 #fff;
cursor: pointer;
margin: 0 auto;
outline: medium none;
padding: 5px 10px;
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: #04a081;
}
#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;
}
/*========== Category Toolbar, Pager ==========*/
.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, .button-grid, .button-list {
width: 50px;
height: 22px;
padding: 0;
}
.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(../image/icon_grid_act.png) no-repeat 10px 7px !important;
background-color: #04a081 !important;
color: #fff !important;
padding: 5px 0px 2px 22px;
margin-right: 5px;
}
.toolbar span.button-active.button-list {
background: url(../image/icon_list_act.png) no-repeat 10px 7px !important;
background-color: #04a081 !important;
color: #fff !important;
padding: 5px 0px 2px 22px;
}
.toolbar span.button-active:hover {
background-color: #fff;
color: #04a081;
}
.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(../image/icon_asc.html);
height: 22px;
width: 10px;
margin-left: 3px;
box-shadow: none;
}
.button-asc:hover, .button-asc:focus {
background-image: url(../image/icon_asc.html) !important;
}
.button-desc {
background-image: url(../image/icon_dsc.html);
background-color: #f8f8f8 !important;
height: 26px;
width: 14px;
margin-left: 5px;
box-shadow: none;
}
.button-desc:hover, .button-desc:focus {
background-image: url(../image/icon_dsc_over.html) !important;
background-color: #04a081 !important;
}
.toolbar .button-grid, .button-viewall {
background-image: url(../image/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(../image/icon_grid.png) no-repeat 10px 7px;
text-transform: none;
color: #333;
border: 1px #f3f3f3 solid;
}
.toolbar .button-list {
background: url(../image/icon_list.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 0px 2px 22px;
color: #333;
border: 1px #f3f3f3 solid
}
.toolbar .button-grid {
background: url(../image/icon_grid.png) no-repeat 10px 7px !important;
text-transform: none;
padding: 5px 0px 2px 22px;
color: #333;
border: 1px #f3f3f3 solid !important;
}
.toolbar a.button-grid:hover {
border: 1px #f3f3f3 solid;
background: url(../image/icon_grid_over.png) no-repeat 10px 7px !important;
background-color: #04a081 !important;
color: #fff !important;
padding: 5px 0px 2px 22px;
}
.toolbar .button-list:hover, .toolbar .button-list:focus {
background: url(../image/icon_list_over.png) no-repeat 10px 7px;
text-transform: none;
padding: 5px 0px 2px 22px;
color: #fff;
border: 1px #f3f3f3 solid;
background-color: #04a081 !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(../image/icon_list.png) no-repeat 10px 7px;
text-transform: none;
color: #333;
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(../image/icon_remove.html);
}
.button-arrow.btn-remove:hover, .button-arrow.btn-remove:focus {
background-image: url(../image/icon_remove_over.html);
}
.button.next {
background-image: url(../image/icon_arrow_next.html);
background-color: #fff;
}
.button.next:hover, .button.next:focus {
background-image: url(../image/icon_arrow_next_over.html);
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(../image/icon_arrow_prev.html);
background-color: #fff;
}
.button.prev:hover, .button.prev:focus {
background-image: url(../image/icon_arrow_prev_over.html);
width: 29px;
height: 29px;
padding: 0;
background-repeat: no-repeat;
background-position: 11px;
background-color: #04a081;
}
/*============ View Type: Grid ============*/
.products-grid {
list-style: none outside none;
text-align: center;
}
.products-grid .first {
}
.products-grid .item {
float: left;
background: #FFF;
width: 268px;
min-height: 270px;
padding: 0;
margin: 20px 18px 8px 0;
overflow: hidden;
}
.products-grid .item.last {
margin: 20px 0 8px 0;
}
.products-grid .last {
}
.products-grid .item.show-addtocart {
margin-top: 37px;
}
.products-grid .item .item-inner {
position: relative;
}
.products-grid .item .item-inner .pro-img-thumb {
position: relative;
}
.products-grid .item .item-inner .item-img {
position: relative;
}
.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-links .add-to-links a.link-wishlist {
right: -140px;
opacity: 0;
position: absolute;
margin-top: 4px;
z-index: 1000;
}
.products-grid .item:hover .actions-links .add-to-links a.link-wishlist {
right: 115px;
opacity: 8;
position: absolute;
margin-top: 0px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-top: none;
border-bottom: none;
width: 35px;
}
.products-grid .item .actions-links .add-to-links a.link-compare {
right: -180px;
opacity: 0;
position: absolute;
z-index: 10000;
margin-top: 0px;
}
.products-grid .item:hover .actions-links .add-to-links a.link-compare {
right: 69px;
opacity: 8;
z-index: 10000;
position: absolute;
margin-top: 0px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
width: 35px;
}
.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 {
/*height: 51px;
margin: 15px auto 0;*/}
.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-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: 14px;
color: #000;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
color: #04a081;
}
.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {
border-color: #04a081;
background-color: #04a081;
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 .item .actions-links .add-to-links a.magik-btn-quickview {
left: -142px;
opacity: 0;
position: absolute;
margin-top: 4px;
z-index: 1000;
cursor: pointer;
}
.products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview {
left: 64px;
opacity: 8;
position: absolute;
margin-top: 0px;
border-left: 1px solid rgba(255, 255, 255, 0.3);
width: 35px;
}
.products-grid .actions-links .add-to-links a.magik-btn-quickview:before {
content: "\f002";
}
.products-grid .actions-links .add-to-links a.magik-btn-quickview {
color: #fff;
font-family: 'FontAwesome';
font-size: 16px;
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: 5px 5px;
line-height: 25px;
width: 20px;
}
.products-grid .actions-links .add-to-links a.magik-btn-quickview:hover {
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 5px 5px;
text-decoration: none;
color: #fff !important;
display: inline-block;
background: #04a081;
width: 20px;
}
.products-grid .actions-links .add-to-links a.link-wishlist:before {
content: "\f004";
}
.products-grid .actions-links .add-to-links a.link-compare:before {
content: "\f012";
}
.products-grid .actions-links .add-to-links a.link-wishlist, a.link-compare {
color: #fff;
font-family: 'FontAwesome';
font-size: 16px;
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: 5px 5px;
line-height: 25px !important;
width: 20px;
}
.products-grid .actions-links .add-to-links a.link-wishlist:hover {
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 5px 5px;
text-decoration: none;
color: #fff !important;
line-height: 25px !important;
background: #04a081;
width: 20px;
}
.products-grid .actions-links .add-to-links a.link-compare {
color: #fff;
font-family: 'FontAwesome';
font-size: 16px;
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: 5px 5px;
line-height: 25px !important;
width: 20px;
}
.products-grid .actions-links .add-to-links a.link-compare:hover {
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 5px 5px;
text-decoration: none;
color: #fff !important;
line-height: 25px !important;
background: #04a081;
width: 20px;
}
/*============ 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;
}
/*============ Shopping cart total summary row expandable to details ============*/
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;
}
/*============ Shopping cart 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;
}
/*============ Class: std - styles for 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(../image/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;
}
/*============ Misc ============*/
.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;
}
.icon-basket {
display: none !important;
}
.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;
}
/*========== Quick Access, Wishlist, 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 {
margin-top: 10px;
float: left;
padding: 0px;
clear: both;
}
.email-friend {
font-size: 12px;
margin-right: 0px;
margin-left: 0px;
margin-top: 8px;
display: inline-block;
}
.email-friend a:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 14px;
margin-right: 7px;
}
.email-friend a {
padding: 13px 13px 12px;
height: 42px;
width: 42px;
color: #000 !important;
text-align: center;
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;
text-transform: uppercase;
}
.email-friend a:hover {
padding: 11px 13px 12px;
height: 42px;
width: 42px;
color: #04a081 !important;
text-align: center;
}
.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;
border: 1px #ddd solid;
background: #fff;
padding: 5px 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: 1px #04a081 solid;
background: #04a081;
padding: 5px 12px;
color: #FFF;
}
.dropdown .dropdown-menu .button:hover, .dropdown .dropdown-menu .button:focus {
text-shadow: none
}
/*========== Main Menu ==========*/
.nav-container {
width: 100%;
margin: auto
}
/*========== 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: 1px solid #ddd;
text-transform: uppercase
}
.products-list .product-shop .btn-cart:hover {
background: #04a081;
color: #fff;
border: 1px solid #04a081;
}
.products-list .product-shop .btn-cart span:hover {
text-transform: uppercase;
}
.products-list .product-shop .btn-cart span {
font-size: 12px;
font-weight: bold;
}
.btn-large, .buttons-set button.button {
font-size: 11px;
}
.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: #000;
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;
}
.slider-arrow:hover, .slider-arrow:focus, .button-arrow:hover, .button-arrow:focus, .flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-prev:focus, .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-next:focus, .dropdown.open .arrow, .toolbar .dropdown.open .arrow, .elastislide-next:hover, .elastislide-next:focus, .elastislide-prev:hover, .elastislide-prev:focus, .opc .step-title a:hover, .opc .step-title a:focus, .prettycheckbox > a.checked, .prettyradio > a.checked, .fraction-slider .prev:hover, .fraction-slider .prev:focus, .fraction-slider .next:hover, .fraction-slider .next:focus, .bx-wrapper .bx-controls-direction a:hover, .bx-wrapper .bx-controls-direction a:focus, .tp-leftarrow:hover, .tp-leftarrow:focus, .tp-rightarrow:hover, .tp-rightarrow:focus {
background-color: #04a081;
background-image: none;
color: #fff;
}
.flex-control-nav {
display: none
}
p {
margin: 0 0 10px;
}
/*============ Sidebar =============== */
.block {
margin: 0 0 35px;
}
.block .block-title {
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin: 0;
padding: 8px 10px;
font-weight: normal;
text-transform: none;
background: #f3f3f3;
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: #f5f5f5;
margin-bottom: 35px;
}
.side-nav-categories .block-title {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin: 0;
padding: 8px 10px;
/* background-color: #fff; */
font-weight: normal;
text-transform: uppercase;
background: #04a081;
}
.side-nav-categories .block-title:before {
content: '\f0c9';
font-family: FontAwesome;
font-size: 14px;
margin-right: 3px
}
/*============ Category boxes ============*/
.box-category {
padding: 8px 0 8px;
}
.box-category ul {
list-style: none;
margin: 0;
padding: 0px 15px!important;
}
.box-category > ul > li {
display: block;
position: relative;
box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
margin: 0;
}
.box-category > ul > li:last-child {
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: 0px;
position: absolute;
cursor: pointer;
width: 16px;
height: 16px;
padding: 2px;
}
.box-category .subDropdown:hover {
opacity: 0.8;
}
.box-category .subDropdown.plus {
background-image: url("../image/plus.png");
}
.box-category .subDropdown.minus {
background-image: url("../image/minus.png");
}
.box-category ul li a {
display: block;
font-weight: bold;
padding: 6px 0;
}
.box-category ul li.double a {
display: inline-block;
margin: 0;
}
.box-category ul li {
position: relative;
}
.box-category > ul > li > a {
color: #222;
text-transform: none;
display: block;
font-size: 14px;
}
.box-category > ul > li ul {
display: none;
padding-bottom: 10px !important;
padding-left: 0;
padding-right: 0 !important;
}
.box-category > ul > li > ul li {
padding: 0px;
}
/*.box-category > ul > li > ul li:before{content: "\f10c";
font-family: FontAwesome;
font-size: 10px;
display:inline-block!important;
position:absolute;
cursor:pointer; line-height:30px; color:#fcc3d9; font-weight:900;}*/
.box-category > ul > li a.active {
font-weight: normal;
font-family: Arial, Helvetica, 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;
color: #000;
}
.box-category > ul > li ul li a {
font-family: Arial, Helvetica, sans-serif;
}
.box-category > ul > li ul > li > a {
border-bottom: 0 solid #EAEAEA;
font-size: 12px !important;
margin: 0 !important;
padding: 3px 16px !important;
text-decoration: none;
padding-left: 20px;
color: #666666;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.box-category > ul > li ul > li > a:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
}
.box-category > ul > li ul > li ul > li a {
text-decoration: none;
font-size: 13px !important;
margin: 4px 8px!important;
padding: 0px 16px!important;
border-bottom: 0px solid #EAEAEA;
}
.box-category > ul > li ul > li ul > li a:hover {
color: #000;
}
.box-category > ul > li ul > li > a:hover {
color: #000; /*color:#5CD2C8;*/
}
/*========== 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, Block, Data Table ==========*/
.sidebar {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.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: #04a081;
}
.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: #ff0000;
}
/*============ Block: Account ============*/
.block-account .block-title {
padding-left: 10px;
background-color: #04a081;
color: #fff;
}
.block-account {
background-color: #f3f3f3;
}
.block-account .block-content {
padding: 0 10px !important;
}
.block-account .block-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
.block-account .block-content li {
padding: 10px 0px;
border-top: 1px #fff solid;
border-bottom: 1px #ddd solid;
}
.block-account .block-content li:first-child {
border-top: none;
}
.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;
}
.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;
}
.block-layered-nav .block-content {
padding: 0;
}
.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;
}
.block-cart .subtotal .price {
color: #04a081;
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: 165px;
}
.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;
}
.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: 0;
padding: 0
}
#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 .block-content {
background-color: #fff;
padding: 5px 12px 12px;
}
.block-compared li {
padding: 3px 0px !important;
list-style: none;
}
.block-compared li.last {
padding: 0px;
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: 13px;
color: #000;
}
.block-compared 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-compared li:before {
content: '\f105';
font-family: FontAwesome;
font-size: 12px;
padding-right: 6px;
color: #444;
vertical-align: top;
}
#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: 5px -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 {
background-color: #f3f3f3;
}
.block-company .block-title {
padding-left: 10px;
background-color: #04a081;
color: #fff;
}
.block-company .block-content {
padding: 0 10px !important;
}
.block-company ol {
margin: 5px 0;
}
.block-company li {
padding: 10px 0px !important;
list-style: none;
border-bottom: 1px #ddd solid;
border-top: 1px #fff solid;
}
.block-company li:first-child {
border-top: none
}
.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: "\f10c";
font-family: FontAwesome;
font-size: 10px;
display:inline-block!important;
position:absolute;
cursor:pointer; line-height:24px; color:#fcc3d9; font-weight:900;
}*/
.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 {
position: relative;
}
.block-banner .block-content {
text-align: center;
}
.block-banner a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.block-banner a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
/*============ 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;
}
/********** < Dashboard ============*/
.dashboard {
}
.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
}
/*========== Product ==========*/
.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;
}
/*============ Rating ============*/
.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;
}
.category-products ul.products-grid li.item .ratings .rating-links {
display: none
}
.ratings .rating-links {
margin: 0;
display: none;
}
.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: 85px;
height: 15px;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;
}
.rating-box .rating {
float: left;
height: 15px;
}
.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;
}
/*============ Price ============*/
.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: #ff0000;
}
.block .regular-price, .block .regular-price .price {
color: #000;
}
.price-box .price-from .price {
font-weight: 900;
font-size: 12px;
color: #333;
line-height: normal;
}
.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 .price-label {
white-space: nowrap;
color: #999;
display: none;
}
.old-price {
display: inline;
margin-right: 15px;
}
/* Old price */
.old-price .price-label {
color: #777777;
display: none;
white-space: nowrap;
}
.old-price .price {
color: #777777;
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: #ff0000;
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;
}
/* Minimal price (as low as) */
.minimal-price {
margin: 0;
}
.minimal-price .price-label {
white-space: nowrap;
}
.minimal-price-link {
display: inline;
}
.minimal-price-link .label {
}
/*============ Special price ============*/
/*============ 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 {
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 {
}
.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;
}
/*============ Category Page ============== */
.category-title {
border-bottom: 1px solid #ddd;
margin: 0 0 10px;
}
.category-image {
display: block;
margin: 0 auto;
position: relative;
}
.category-products {
padding-bottom: 5px;
}
.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: 0;
width: 50%;
text-align: center;
left: 25%;
top: 30%;
background: rgba(0, 0, 0, 0.5);
padding: 30px
}
.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;
}
/*============ View Type: List ============*/
.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: 20px;
overflow: hidden;
margin-bottom: 30px;
border: 1px solid #EFEFEF;
}
.products-list .item {
padding: 20px;
overflow: hidden;
margin: 15px 0 20px !important;
border: 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: right;
width: 560px;
text-align: left;
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: 1px solid #ddd;
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: 6px 14px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
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: #04a081;
color: #FFFFFF !important;
display: inline-block;
border: 1px solid #04a081;
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: 6px 14px;
text-decoration: none;
background-color: #04a081;
color: #FFFFFF !important;
display: inline-block;
border: 1px solid #04a081;
}
.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: #04a081;
border: 1px solid #ddd;
margin: 10px 8px 0 8px;
padding: 9px 10px 9px 10px;
color: #333;
line-height: 14px;
}
.products-grid .item:hover .actions button.button.btn-cart {
background: #04a081;
border: 1px solid #04a081;
margin: 10px 8px 0 8px;
padding: 9px 10px 9px 10px;
color: #FFFFFF;
}
.products-grid .actions button.button.btn-cart span {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
padding: 0 8px;
font-weight: bold;
margin-left: 0;
text-transform: uppercase;
color: white;
}
.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.6);
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;
display: block
}
.product-detail-bnt a.button.detail-bnt:hover {
background: #04a081 !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: 'Open Sans', sans-serif;
font-size: 11px;
text-transform: uppercase;
padding: 0 2px;
font-weight: bold;
}
/*========== Product View ==========*/
.product-view .product-img-box {
padding: 0px;
margin-bottom: 10px;
width: 450px;
position: relative;
float: left;
}
.product-view .product-img-box .product-image {
margin: 0 0 13px;
}
/*************cloud zoom*****************/
.zoom-control {
width: 400px !important
}
.cloud_zoom .zoom_img {
cursor: pointer;
left: 0px;
}
/* Small thumbnails: */
.cloud_zoom .zoom_small_thumbs li {
margin: 10px;
margin-bottom: 8px !important;
cursor: pointer;
}
.cloud_zoom, .zoom_img, .zoom_img_image, .zoom_source_image, .product_zoom_preview {
display: none
}
.cloud_zoom, .cloud_zoom ul, .cloud_zoom li, .cloud_zoom img {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.cloud_zoom, .zoom_small_thumbs ul, ul .zoom_small_thumbs li, .product_zoom_area div, .pr_zoom_img {
position: relative
}
.cloud_zoom img, .cloud_zoom li {
}
.cloud_zoom, .zoom_small_thumbs li {
float: left
}
.zoom_right {
float: right
}
.cloud_zoom li {
position: absolute;
margin-left: 5px !important;
opacity: 9 !important;
}
.zoom_small_thumbs {
width: 385px !important;
left: 32px;
}
.zoom_small_thumbs ul {
margin-left: 0px !important;
}
.cloud_zoom img {
vertical-align: bottom;
max-width: none;/* width:100% !important; height:100% !important;*/
}
.zoom_small_thumbs {
overflow: hidden
}
.zoom_small_thumbs li.vertical {
float: none
}
.product_zoom_area {
z-index: 2
}
.product_zoom_area div {
overflow: hidden;
z-index: 997
}
.product_zoom_preview {
position: absolute;
z-index: 998
}
.pr_zoom_img {
z-index: 999
}
.cloud_zoom {
direction: ltr
}
.zoom-control a {
position: absolute;
left: auto;
background-image: url(../image/pagenation.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 26px;
height: 26px;
background-color: transparent;
z-index: 1000;
}
.zoom-control a.zoom-prev {
background-position: 0px 0px;
left: 5px;
bottom: 16% !important;
}
.zoom-control a.zoom-next {
background-position: 0px -26px;
right: 5px !important;
bottom: 16% !important;
}
.zoom-control a.zoom-prev:hover {
background-position: -26px 0px;
}
.zoom-control a.zoom-next:hover {
background-position: -26px -26px;
}
.cloud_zoom .roll-over {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 13px;
color: #888;
background: url(../image/roll_over.png) no-repeat 0 3px;
text-indent: 20px;
}
.cloud_zoom .roll-over .roll-over-desc {
margin-left: 20px;
}
/*.cloud_zoom .zoom_small_thumbs li:first-child {
margin-left: 35px !important;
}*/
.cloud_zoom .zoom_img {
border: solid 0px #e0e0e0;
width: 450px;
}
.cloud_zoom .zoom_small_thumb {
border: solid 1px #e0e0e0;
height: 80px !important;
width: 80px !important;
}
/*========== Product View ==========*/
.product-view .product-img-box {
padding: 0px;
margin-bottom: 10px;
width: 450px;
position: relative;
float: left;
}
.product-view .product-img-box .product-image {
margin: 0 0 13px;
}
/* Product Images */
.product-view .new-label {
font-size: 11px;
font-family: 'Open Sans', sans-serif;
color: #fff;
background: #ffc60a;
text-transform: uppercase;
padding: 0px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 10000;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
width: 45px;
height: 25px;
line-height: 25px;
margin-top: 1px;
margin-left: 1px
}
.product-view .sale-label {
font-size: 11px;
font-family: 'Open Sans', sans-serif;
color: #fff;
background: #d12631;
text-transform: uppercase;
padding: 0px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 10000;
font-weight: normal;
letter-spacing: 1px;
line-height: normal;
border-radius: 60px;
width: 50px;
height: 50px;
line-height: 50px;
margin-top: 20px;
margin-left: 20px
}
.product-view {
margin: auto;
position: relative;
z-index: 0;
margin-top: 25px;
}
.product-essential {
background-color: #FFFFFF;
}
.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: 450px;
}
.product-essential .button-viewall {
position: absolute;
left: 5px;
bottom: 5px;
text-indent: -999em;
z-index: 9999;
}
.more-views {
margin: 18px auto 30px;
width: 375px;
clear: both;
}
.more-views li {
float: left;
margin: 0 12px 0 0;
border: 1px #ddd solid;
height: 80px
}
.more-views li a {
display: block;
text-align: center;
width: 80px;
}
.more-views li a img {
width: 80px;
}
.more-views .jcarousel-next:before {
content: "\f105";
font-family: FontAwesome;
font-size: 26px;
padding-right: 5px;
vertical-align: top;
right: -20px;
top: 22px;
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: 22px;
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-options-bottom button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-view .product-shop {
float: left;
margin-left: 30px;
margin-top: 0;
position: relative;
width: 690px;
}
.product-additional {
width: 258px;
display: inline-block;
margin-top: 5px;
}
.product-additional .block-product-additional {
margin: 0px!important;
background: #fff;
border: 1px #eaeaea solid;
}
.product-additional .block-product-additional p {
margin: 15px 0;
}
.product-additional .block .block-title {
border-bottom: 1px solid #eaeaea;
color: #000000;
font-size: 12px;
margin: 0;
padding: 13px;
text-transform: uppercase;
text-align: center;
margin: 0px;
background: #f7f7f7;
}
.product-additional .block-product-additional .block-content {
padding: 18px 12px 10px;
text-align: center;
line-height: 20px;
}
.block .block-content {
border-top: medium none;
font-size: 12px;
overflow: hidden;
padding: 15px 0px;
}
.product-view .product-name {
border-bottom: 1px solid #ddd;
}
.product-view .product-name h1 {
font-size: 40px;
margin: 0 0 2px;
text-align: left;
line-height: 1.2em;
padding-bottom: 12px;
letter-spacing: -1px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
.product-view .short-description {
padding-bottom: 5px;
font-size: 13px;
}
.product-view .short-description h2 {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #333;
margin-bottom: 5px;
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: #ff7200;
color: #fff;
font-size: 16px;
text-shadow: none;
padding: 10px 20px;
float: left;
margin-top: 0px;
font-weight: normal;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
margin-left: 10px;
border: none;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
}
.product-view .product-shop .product-options-bottom .btn-cart {
background: #04a081;
color: #fff;
font-size: 16px;
text-shadow: none;
padding: 10px 20px;
float: left;
margin-top: 0px;
font-weight: normal;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
margin-left: 10px;
border: none;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
}
.product-view .product-shop .add-to-box .icon-basket {
margin-right: 5px;
}
.product-view .product-shop .add-to-links {
/*margin:0;
font-size:13px;*/
}
.product-view .product-shop ul.add-to-links {
margin: 0;
padding: 0;
margin-top: 0px;
display: inline-block;
}
.product-view .product-shop .add-to-links li {
display: table-cell;
padding: 0 7px 0 2px;
}
.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: 14px;
}
.product-view .product-shop .add-to-links .link-wishlist {
color: #000 !important;
height: 40px;
margin-right: 5px;
padding: 12px 0px 12px 0;
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;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 11px
}
.product-view .product-shop .add-to-links .link-wishlist:hover {
padding: 12px 0px 12px 0;
height: 40px;
width: 40px;
color: #04a081 !important;
text-align: center;
}
.product-view .product-shop .add-to-links .link-compare:before {
content: "\f012";
font-family: FontAwesome;
font-size: 15px;
}
.product-view .product-shop .add-to-links .link-compare {
color: #000 !important;
height: 30px;
padding: 4px 5px 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;
background-color: #fff;
border: none;
width: auto;
}
.product-view .product-shop .add-to-links .link-compare:hover {
color: #04a081 !important;
text-align: center;
padding: 4px 5px 6px;
height: 30px;
line-height: 30px;
background: none
}
.product-view .product-shop ul.add-to-links a {
padding: 0;
margin: 0;
}
.product-view .product-shop .ratings {
padding: 5px 0;
margin: 15px 0 0;
}
.product-view .product-shop .ratings .rating-links {
margin-bottom: 12px;
display: inline;
}
.product-view .product-shop .no-rating {
padding: 12px 0;
margin: 15px 0 0;
}
.product-view .product-shop .price-box {
border-bottom: 1px solid #ddd;
display: block;
margin: 0 0 10px;
padding: 0 0 5px;
}
.product-view .product-shop .price-box .discount {
float: none;
}
.product-view .product-shop .grouped-items-table .price-box {
border-bottom: 0px solid #ddd;
margin: 0;
padding: 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: #ff0000;
font-weight: bold;
}
.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;
}
/*.block-layered-nav .button-arrow.open, .button-up {
background-image: url(../image/plus-img.png);
background-position:16px 16px;
}*/
.button-up:hover {
background: #333 url(../image/icon_arrow_up.html) no-repeat 15px 15px;
}
.button-down:hover {
background: #333 url(../image/icon_arrow_down.html) 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;
}
.product-view .product-shop .add-to-box .add-to-cart label {
display: block;
float: none;
margin-bottom: 5px;
text-align: left;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.product-view .product-shop .product-options-bottom .add-to-cart label {
display: block;
float: none;
margin-bottom: 5px;
text-align: left;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
/*.block-layered-nav .button-arrow, .elastislide-vertical .elastislide-next, .button-down, .opc .step-title a {
background-image: url(../image/minus-img.png);
background-position:16px 16px;
}*/
.button-up:hover, .button-up:focus {
background-image: url(../image/icon_arrow_up.html) !important;
background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
background-image: url(../image/icon_arrow_down.html) !important;
background-position: 16px 16px;
}
/*========== Product Collatera =============*/
.product-collateral {
padding: 0px;
background-color: #FFFFFF;
margin-bottom: 5px;
width: 1170px;
overflow: hidden;
margin-top: 20px;
display: inline-block;
}
.addtional-info {
}
.product-tabs {
margin-bottom: 10px;
width: 565px;
}
#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 {
/*float: left;*/
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 {
color: #000;
font-size: 20px;
font-weight: normal;
margin-top: 0;
padding: 2px 0px;
position: relative;
display: block;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px
}
.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: 84%;
}
.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;
width: 1168px;
border-bottom: 3px solid #e5e5e5;
margin-top: 0px;
height: 42px;
text-align: left;
}
.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;
}
.product-tabs a {
display: inline-block;
font-size: 12px;
height: 45px;
line-height: 42px;
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: 15px 0;
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: 3px solid #e5e5e5;
}
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: #04a081;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
padding: 0 12px;
height: 42px;
background: #fff;
}
.tab-box .activeLink a:hover {
color: #04a081;
font-weight: 700;
}
.tab-box li.activeLink:hover {
color: #222;
font-weight: 700;
}
.tab-box a {
border-bottom: none;
color: #666;
margin-right: 0px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
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 12px;
height: 42px;
}
.tab-box a.selected {
border-bottom: 3px #04a081 solid;
}
.tab-box a:hover {
text-decoration: none;
font-weight: 700;
color: #333;
font-family: 'Open Sans', sans-serif;
}
.tabLink {
color: #ccc;
font-weight: normal;
}
.tabcontent {
background-color: #FFFFFF;
padding: 5px 0px 20px 0px;
overflow: hidden;
font-size: 12px;
line-height: 19px
}
.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: #f7f7f7;
}
#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 {
background: #04a081;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff;
border: 1px #04a081 solid;
}
.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-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
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 6px;
}
.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: normal;
color: #04a081
}
.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: 50px;
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: 10px 0 8px;
font-weight: normal;
font-size: 11px;
position: absolute;
right: 0px;
margin-top: 18px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-weight: bold
}
#super-product-table input.qty {
text-align: center;
}
.availability span, .product-brand span {
font-weight: normal;
}
.availability.in-stock {
background: #6dbe14;
color: #fff;
border-radius: 2px;
padding: 3px 10px
}
.availability.in-stock span {
color: #fff;
font-weight: bold
}
.availability.out-of-stock {
background: #04a081;
color: #fff;
border-radius: 15px;
padding: 3px 10px
}
.availability.out-of-stock span {
color: #fff;
font-weight: bold
}
.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: 'Open Sans', sans-serif;
color: #333;
font-size: 12px;
font-weight: bold;
float: left;
line-height: 38px;
}
.custom {
}
.custom button.items-count {
border: none;
clear: both;
color: #999;
font-size: 10px;
line-height: normal;
padding: 12px 14px 9px 16px;
text-align: center;
line-height: 18px;
}
.custom button.items-count.increase {
margin-right: 4px;
margin-left: 2px;
}
.custom button.items-count.reduced {
margin-right: 2px;
}
.custom button.items-count {
background-color: #f5f5f5;
border: 1px #eaeaea 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: #04a081;
border: 1px #04a081 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 {
margin: 0px;
position: relative;
float: left;
margin-right: 0px;
}
.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;
}
.product-options-bottom .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: 'Open Sans', sans-serif;
font-size: 11px;
margin-left: 5px;
text-transform: uppercase;
}
.add-to-cart .qty {
padding: 0 25px 1px;
height: 35px;
border: 1px #ddd solid;
text-align: center;
margin-right: 5px;
}
.add-to-cart .qty:focus {
padding: 0 25px 1px;
border: 1px #ddd solid;
}
/*============ One Page Checkout ============*/
.block-progress {
background-color: #f3f3f3;
}
.block-progress .block-title {
padding-left: 10px;
background-color: #04a081;
color: #fff;
}
.block-progress .block-content {
padding: 12px 15px 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 {
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;
}
.opc .order-review {
}
.opc .order-review .authentication {
}
.opc .order-review .warning-message {
}
/*============ Account Login/Create Pages ============ */
.account-login {
}
.account-login .new-users {
}
.account-login .registered-users {
}
.account-create {
}
/*============ End Account Login/Create Pages =============== */
table#total {
width: 100%;
}
/*============ Checkout ================ */
.checkout a {
text-decoration: underline;
color: #33c5fb;
}
.checkout {
color: #666666;
padding-top: 5px;
/*text-align: center;*/
list-style: none;
padding: 0;
margin: 15px 0 0;
}
button.button.btn-proceed-checkout {
background: #04a081;
color: #fff;
width: 100%;
margin-bottom: 10px;
}
button.button.btn-proceed-checkout:hover {
background: #333;
border: 1px #000 solid;
}
button.button.btn-proceed-checkout:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 14px;
padding-right: 5px;
}
button.button.btn-proceed-checkout span {
font-size: 18px;
font-weight: normal;
}
/*============ 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: 9px 7px 10px;
vertical-align: middle;
}
select#shipping-address-select {
width: 570px;
padding: 10px;
margin-top: 5px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
outline: none;
color: #aaa;
}
select#shipping-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: 9px 7px 10px;
vertical-align: middle;
}
.one-page-checkout {
position: relative;
margin-bottom: 12px;
list-style: none;
padding: inherit;
padding: 0;
margin-top: 18px;
}
.one-page-checkout li.section {
border-bottom: 0;
margin-bottom: 8px;
}
.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: 1px solid #ddd;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
}
.one-page-checkout .active .step-title .number {
background: none repeat scroll 0 0 #04a081;
border: 1px solid #04a081;
color: #fff;
padding: 10px 12px;
font-weight: bold;
}
.one-page-checkout .allow .step-title .number {
}
.one-page-checkout .active .step-title h3 {
color: #04a081 !important;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: bold !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: 13px;
font-family: 'Open Sans', sans-serif;
color: #333;
font-weight: bold !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 .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 {
}
/*============ 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: 220px;
text-align: center;
color: #999;
margin-right: 0px;
padding: 5px 7px;
text-transform: uppercase;
background-color: #fff;
border-bottom: 1px solid #ddd;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
}
.checkout-progress li.last {
margin-right: 0;
width: 220px;
}
.checkout-progress li.active {
background-color: #fff;
border-bottom: 1px solid #04a081;
color: #04a081;
}
#multiship-addresses-table input.input-text {
background-color: #FFF;
padding: 10px 5px 10px 15px;
}
#multiship-addresses-table .btn-remove {
background-color: #fff;
background-image: none;
color: #333;
cursor: pointer;
padding: 12px 15px;
-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;
}
#multiship-addresses-table .btn-remove:hover {
background-image: none;
padding: 12px 15px;
color: #fff;
background-color: #04a081;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px #04a081 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;
overflow: hidden;
background-color: #FFFFFF;
padding: 35px 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: 25px;
float: left;
font-family: 'Open Sans', sans-serif;
color: #000;
font-weight: 500;
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;
}
/*============ End Multiple Addresses Checkout ============*/
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: 585px;
background: #f0f0f0;
border: 1px solid #f0f0f0;
padding: 10px;
outline: none;
}
.group-select li input.input-text:focus, .group-select li textarea:focus {
width: 585px;
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: 275px;
margin-top: 5px;
background: #f7f7f7;
border: 1px solid #f7f7f7;
padding: 10px;
}
.group-select li .input-box input.input-text:focus, .group-select li .input-box textarea:focus {
width: 275px;
margin-top: 5px;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
}
.group-select li .input-box select {
width: 300px;
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: 0px;
color: #222;
background-color: #fff;
border: none;
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: 0px;
color: #04a081;
background-color: #fff;
border: none;
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';
font-size: 16px
}
#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 #04a081;
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;
/*float:left;*/
margin-top: 5px;
}
.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: 35px;
}
.login_page .page-title h2 {
font-size: 22px;
}
.login_page .form-list input.input-text {
background: #fff;
border: 1px solid #f7f7f7;
padding: 10px;
width: 80%;
margin-top: 5px;
outline: none;
}
.login_page .col2-set .col-1 {
float: left;
padding-bottom: 0;
padding: 0px;
text-align: left;
width: 40%;
min-height: 265px;
background: #f7f7f7;
border: 1px solid #eaeaea;
padding: 45px
}
.login_page .col2-set .col-2 {
float: right;
padding-bottom: 0;
padding: 0 0 0 55px;
text-align: left;
width: 40%;
background: #f7f7f7;
padding: 45px;
border: 1px solid #eaeaea;
}
.login_page strong {
font-size: 13px;
color: #333;
margin-bottom: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-transform: uppercase
}
.login_page .content {
margin-top: 8px;
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;
}
/*============ toTop Button ============*/
button.button#toTop:before {
content: "\f067";
font-family: FontAwesome;
font-size: 12px;
padding-right: 8px;
}
/*============ All 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;
}
.btn-edit:before {
content: "\f040";
font-family: FontAwesome;
font-size: 12px;
padding-right: 5px;
}
.btn-edit:hover {
color: #04a081;
}
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: #fff;
}
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: 11px;
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: 0px;
color: #222;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.edit-bnt:hover {
font-size: 12px;
padding: 0px;
color: #04a081;
}
.edit-bnt span {
display: none;
}
#shopping-cart-table .edit-bnt {
float: left;
}
/*============ End All Button ============*/
/*============ 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;
}
.most-view {
width: 960px;
margin: auto;
margin-top: 25px;
}
.product-next-prev {
overflow: hidden;
margin: 0px 0 0 0;
position: absolute;
right: 0px;
margin-top: -59px;
}
.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: #f5f5f5;
font-size: 20px;
line-height: 28px;
display: inline-block!important;
width: 30px;
height: 28px;
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: #04a081;
}
.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: #f5f5f5;
font-size: 20px;
line-height: 28px;
display: inline-block!important;
width: 30px;
height: 28px;
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;
}
.product-next-prev .product-next:hover {
color: #fff;
background: #04a081;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.product-next-prev .separator {
border-right: 2px #ddd solid;
float: right;
margin-top: 8px;
color: #FFFFFF;
}
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;
width: 1170px;
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;
}
/* 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;
}
/*========== FlexSlider Necessary Styles ==========*/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* FlexSlider Default Theme */
.flexslider {
position: relative;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
display: inline-block;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides {
}
.loading {
}
.carousel li {
}
.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;
}
/* Direction Nav */
.flex-direction-nav {
height: 0;
}
.flex-direction-nav a {
font-family: 'FontAwesome';
font-size: 24px;
text-decoration: none;/*width: 32px; height: 33px; background: url(../image/38.png) no-repeat 0 0; */
display: block;
position: absolute;
z-index: 10;
cursor: pointer;
background: #CCCCCC;
height: 40px;
width: 40px;
text-align: center
}
.flex-direction-nav .flex-next {
background-position: 100% 0;
right: -36px;
}
.flex-direction-nav .flex-prev {
left: -36px;
}
.flexslider .flex-next {
right: 0px;
padding: 0px;
}
.flexslider .flex-next:hover, .flexslider .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
cursor: default;
}
.flexslider:hover .flex-direction-nav .flex-disabled {
opacity: 0.3 !important;
}
#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: 11px;
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;
text-transform: uppercase;
border: 1px solid #ddd; /* <- Safari & Google Chrome Fix */
}
button.button:hover {
background: #04a081;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff;
border: 1px #04a081 solid;
}
button.button span {
font-weight: bold;
}
.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';
}
.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: "\f012";
}
.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, .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next, .button-arrow, .dropdown .arrow, .dropdown .button, .elastislide-next, .elastislide-prev, .opc .step-title a, .prettycheckbox > a, .prettyradio > a, .fraction-slider .prev, .fraction-slider .next, .bx-wrapper .bx-controls-direction a, .tp-leftarrow, .tp-rightarrow {
font-family: Arial, Helvetica, sans-serif;
background-color: #f8f8f8;
color: #666;
}
.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-prev:focus, .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-next:focus, .dropdown.open .arrow, .elastislide-next:hover, .elastislide-next:focus, .elastislide-prev:hover, .elastislide-prev:focus, .opc .step-title a:hover, .opc .step-title a:focus, .prettycheckbox > a.checked, .prettyradio > a.checked, .fraction-slider .prev:hover, .fraction-slider .prev:focus, .fraction-slider .next:hover, .fraction-slider .next:focus, .bx-wrapper .bx-controls-direction a:hover, .bx-wrapper .bx-controls-direction a:focus, .tp-leftarrow:hover, .tp-leftarrow:focus, .tp-rightarrow:hover, .tp-rightarrow:focus {
background-color: #222;
color: #fff!important;
}
.slider-arrow:hover, .slider-arrow:focus, .button-arrow:hover, .button-arrow:focus {
background-color: #04a081
}
.back-link {
float: left
}
.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 5px;
}
.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;
}
/*======== Store Messages ============== */
.service-section {
background: #fff;
border-bottom: 1px #eaeaea solid;
clear: both;
}
.service-section .inner {
width: 1170px;
margin: auto;
overflow: hidden;
}
#store-messages {
width: 1170px;
margin: auto;
overflow: hidden;
}
#store-messages.messages-3 .message {
float: left;
padding: 20px 10px;
width: 270px;
text-align: center;
border-right: 1px #e5e5e5 solid;
border-left: 1px #fff solid
}
#store-messages .last {
margin-right: 0px!important;
border-right: none!important
}
#store-messages .first {
border-left: none!important
}
#store-messages .message {
padding: 0;
position: relative;
text-align: left;
}
#store-messages .message strong {
font-weight: 900;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform: uppercase;
display: block;
padding-bottom: 3px
}
#store-messages .message a {
display: block;
}
#store-messages .message span {
font-size: 12px;
line-height: 1.4em;
transition: color 100ms ease 0s;
color: #999;
text-align: center;
display: inline-block;
font-family: arial;
}
#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 #f7f7f7;
width: 1170px;
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;
width: 1170px;
}
.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;
}
/*======== End Store Messages ============== */
/** Logos Silder *******************************************************************************************************/
.brand-logo {
margin: auto;
background-color: #f5f5f5;
overflow: hidden;
}
.jcarousel-skin-tango {
border-bottom: 0 solid #DDDDDD;
margin: 25px auto;
padding: 0;
width: 1170px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height: 48px;
margin: 0 18px;
width: 1110px;
}
.jcarousel-skin-tango .jcarousel-item {
height: 49px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin: 0 15px;
padding: 0 15px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:after {
font-family: 'FontAwesome';
font-weight: normal;
content: "\f105";
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
text-transform: none;
font-size: 30px;
padding: 0px 2px;
color: #666;
cursor: pointer;
position: absolute;
top: 1px;
right: 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
color: #000;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:after {
font-family: 'FontAwesome';
font-weight: normal;
content: "\f104";
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
text-transform: none;
font-size: 30px;
padding: 0px 2px;
color: #666;
cursor: pointer;
left: 0px;
position: absolute;
top: 1px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 75px;
height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
height: 49px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
vertical-align: middle;
text-align: center;
height: 49px;
margin: 0 5px 0;
width: 144px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
margin-left: 10px;
margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 0px;
right: auto;
}
/*=========== End Logos Silder ==============*/
.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;
}
/*======== Footer =============== */
footer {
padding: 0px 0 0;
color: #fff;
background: #111111;
margin-left: -25px;
margin-right: -25px;
}
.com-add {
border-bottom: 1px solid #f7f7f7;
margin-bottom: 10px;
padding-bottom: 6px;
}
footer .inner {
width: 1170px;
margin: auto;
}
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-column-1 {
float: left;
width: 260px;
margin-right: 30px;
margin-bottom: 15px;
line-height: 18px;
min-height: 220px;
padding-right: 10px;
}
.footer-column {
float: left;
width: 200px;
margin-right: 10px;
margin-bottom: 15px;
min-height: 220px
}
footer .footer-column a {
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
footer .footer-column a:before {
content: "\f105";
font-family: FontAwesome;
font-size: 13px;
display: inline-block!important;
cursor: pointer;
line-height: 20px;
color: #fff;
margin-right: 5px;
}
footer .footer-column a:hover {
}
.footer-column-last {
float: left;
width: 330px;
margin-right: 0px;
margin-bottom: 15px;
padding-left: 0px;
}
.footer-column-last li {
padding: 0px 0 5px;
}
.footer-bottom .inner {
width: 1170px;
margin: auto;
padding: 20px 0px 5px;
text-align: center;
}
.footer-bottom .inner a {
color: #aaa
}
.footer-bottom .inner a:hover {
color: #fff
}
footer a, footer p {
font-size: 12px;
color: #ccc;
padding-top: 5px;
padding-bottom: 5px;
}
footer .footer-column a {
display: block;
color: #fff
}
footer a {
line-height: normal;
}
footer a:hover {
color: #fff;
}
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: #ccc;
}
.footer-bottom {
padding: 0px 0 5px;
overflow: hidden;
width: 100%;
margin: auto;
background: #000;
}
.social-section {
padding: 0px;
overflow: hidden;
width: 100%;
margin: auto;
background: #191919
}
.social-section .inner {
width: 1170px;
margin: auto;
overflow: hidden;
margin-bottom: 20px;
padding-top: 20px;
}
.add-icon:before {
content: "\f041";
font-family: FontAwesome;
font-size: 15px;
color: #04a081;
height: 35px;
width: 35px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 10px;
border-radius: 30px;
border: 2px #aaa solid;
border-radius: 25px
}
.email-footer {
overflow: hidden;
margin-top: 12px;
font-size: 12px;
}
.email-footer a {
font-size: 12px;
line-height: 35px;
color: #fff
}
.phone-footer {
overflow: hidden;
font-size: 12px;
line-height: 35px;
color: #ccc;
margin-bottom: 10px;
margin-top: 12px;
}
footer address {
display: block;
margin: auto;
font-style: normal;
line-height: 1.5em;
color: #ccc;
padding-top: 5px;
margin-top: 10px;
text-align: left;
padding-bottom: 5px;
margin-bottom: 7px;
font-size: 12px;
border: none;
}
.email-icon:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 14px;
color: #04a081;
height: 35px;
width: 35px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 10px;
border: 2px #aaa solid;
border-radius: 25px
}
.phone-icon:before {
content: "\f095";
font-family: FontAwesome;
font-size: 15px;
color: #04a081;
height: 35px;
width: 35px;
margin-right: 5px;
line-height: 35px;
display: inline-block;
float: left;
font-style: normal;
text-align: center;
margin-right: 10px;
border: 2px #aaa solid;
border-radius: 25px
}
.footer-bottom .bottom_links {
float: right
}
.footer-bottom .bottom_links ul {
}
.footer-bottom .bottom_links li {
float: right;
margin-left: 20px
}
.custom-footer-links li {
margin: 7px 0
}
.payment-accept {
color: #333333;
float: left;
font-size: 12px;
}
.payment-accept img {
margin-right: 10px;
width: 60px;
width: 50px;
}
.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
}
/*button.subscribe:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 16px;
line-height:21px;
color:#003169
}*/
#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: 165px;
height: 12px;
display: inline;
color: #a7a7a7;
line-height: 20px;
background-color: #FFFFFF;
border: 2px solid #ddd;
padding-left: 10px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
}
#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;
margin: 10px 0;
}
/*======== 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: 6px 13px !important;
cursor: pointer;
font-weight: normal;
border: 2px #000 solid;
color: #000
}
button.subscribe:hover {
background: #04a081;
border: 0 none;
overflow: hidden;
padding: 6px 13px !important;
color: #fff;
border: 2px #04a081 solid;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.social {
float: right;
}
.social h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: left;
border: none;
padding: 0;
margin: 0;
margin-bottom: 5px;
}
.social ul {
float: left;
margin: 0;
list-style: none;
}
.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;
}
/* ======================== End Footer ============================ */
/* ======================== 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;
}
/* ======================== 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(../image/to-top-arrow.png) no-repeat center;
background-color: #000;
text-transform: uppercase;
z-index: 100;
}
/*#toTop:before {
font-family: 'FontAwesome';
font-size: 18px;
display: inline-block;
content: "\f077";
padding:0 8px
}*/
#toTop:hover {
color: #fff !important;
background-color: #04a081;
}
/* ======================== End To Top ============================ */
/* ======================== Features Box ============================ */
.our-features-box {
overflow: hidden;
padding: 0px;
margin: auto;
padding: 12px 0;
background: none repeat scroll 0 0 #f5f5f5;
margin-left: -25px;
margin-right: -25px
}
.our-features-box ul {
list-style: none;
margin: auto;
padding: 0;
width: 1170px;
}
.our-features-box li {
float: left;
margin-bottom: 0px;
margin-right: 30px;
text-align: center;
width: 270px;
padding: 0;
display: inline-block;
}
.our-features-box li.last {
margin-right: 0
}
.our-features-box .feature-box {
overflow: hidden;
font-size: 12px;
text-align: center;
color: #666;
line-height: 1.4em;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
width: 260px;
margin-right: 15px;
text-transform: uppercase;
letter-spacing: 0.5px
}
.our-features-box .feature-box .content {
display: block;
text-align: left;
margin-left: 10px
}
.our-features-box .feature-box span {
font-size: 13px;
display: block;
font-weight: 400;
text-transform: none;
display: block;
padding-top: 5px;
color: #ccc;
line-height: 18px;
font-style: italic;
}
.icon-truck:before {
content: "\f0d1";
}
.icon-truck {
font-family: FontAwesome;
display: inline-block !important;
font-size: 18px;
margin: auto;
color: #333;
text-align: center;
width: 30px!important;
text-align: left;
padding-left: 0px;
float: left;
}
.icon-money:before {
content: "\f155";
}
.icon-money {
font-family: FontAwesome;
display: inline-block !important;
font-size: 18px;
margin: auto;
color: #333;
width: 30px!important;
text-align: left;
float: left;
}
.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;
background: #04a081;
height: 70px!important;
width: 75px!important;
line-height: 70px!important;
text-align: center;
border-radius: 40px;
}
.icon-support:before {
content: "\f0e6";
}
.icon-support {
font-family: FontAwesome;
display: inline-block !important;
font-size: 18px;
margin: auto;
color: #333;
width: 30px!important;
text-align: left;
float: left;
}
.icon-return:before {
content: "\f021";
}
.icon-return {
font-family: FontAwesome;
display: inline-block !important;
font-size: 18px;
margin: auto;
color: #333;
width: 30px!important;
text-align: left;
float: left;
}
.icon-dis:before {
content: "\f005";
}
.icon-dis {
font-family: FontAwesome;
display: inline-block !important;
font-size: 18px;
margin: auto;
color: #fd7e56;
width: 25px!important;
text-align: left;
float: left;
}
/* ======================== End Features Box ============================ */
/* ======================== Offer Banner ============================ */
.offer-banner {
overflow: hidden;
}
.offer-banner-section {
overflow: hidden;
width: 100%;
}
.offer-inner {
overflow: hidden;
width: 1170px;
margin: auto;
margin-top: 5px
}
.offer-inner .col {
width: 370px;
float: left;
margin-right: 28px;
position: relative;
}
.offer-inner .col a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 98%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.offer-inner .col a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.offer-inner .col-mid {
width: 500px;
margin-right: 20px;
margin-left: 20px;
float: left
}
.offer-inner .last {
width: 370px;
float: right;
margin-right: 0px
}
.offer-inner .col.last .add_img {
margin-bottom: 20px;
}
/* ======================== End Offer Banner ============================ */
/* ======================== promo Banner ============================ */
.promo-banner {
width: 100%;
overflow: hidden;
padding-top: 15px;
padding-bottom: 25px;
}
.promo-banner-section {
margin: 30px auto auto;
overflow: hidden;
width: 1170px;
}
.promo-banner-section .col {
width: 1170px;
float: left
}
.promo-banner-section .col-last {
width: 570px;
float: right
}
/* ======================== End promo Banner ============================ */
.new_title {
border-bottom: 3px solid #E5E5E5;
position: relative;
}
.new_title.center {
height: 39px;
}
.new_title h2 {
border-bottom: 3px solid #04a081;
color: #000000;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: normal;
margin-top: 0;
padding: 8px 30px 10px 0px;
position: relative;
text-transform: uppercase;
}
/*============ 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: 'Open Sans', sans-serif;
color: #fff;
background: #ffc60a;
text-transform: uppercase;
padding: 0px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 100;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
width: 45px;
height: 25px;
line-height: 25px;
margin-top: 0px;
margin-left: 0px;
}
.sale-label {
font-size: 11px;
font-family: 'Open Sans', sans-serif;
color: #fff;
background: #d12631;
text-transform: uppercase;
padding: 0px;
text-align: center;
display: block;
position: absolute;
top: 0px;
z-index: 100;
font-weight: bold;
letter-spacing: 1px;
line-height: normal;
width: 45px;
height: 25px;
line-height: 25px;
margin-top: 0px;
margin-right: 0px;
}
.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: 100;
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: 100;
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: 100;
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: 100;
font-weight: normal;
}
/*============ End New & Sale Label ============*/
.slider-intro {
width: 100%;
overflow: hidden;
margin-top: 0px;
}
#banner-slider {
margin: 0px auto 0;
width: 100%;
}
.slider_wrapper {
margin: auto;
width: 100%
}
#banner-slider .inner {
width: 100%;
margin: auto;
overflow: hidden
}
.controls {
margin: 0;
padding: 0;
list-style: none
}
/*============ End Banner Sequence CSS ===============*/
/*=============== 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: #04a081;
border: 1px solid #04a081;
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;
margin: 0px 25px 8px 0;
text-align: center;
width: 175px;
padding: 0 !important;
min-height: 215px;
}
.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;
}
/**
* 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: #04a081;
}
.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: #04a081;
}
.related-block .block-content .prod_image_detail .actions {
}
/*********** Best Sales SLIDER ********/
.main-col {
width: 1170px;
margin: auto;
overflow: hidden
}
.best-sales-slider {
position: relative;
margin: 35px 0px 0px 0px;
width: 565px;
padding: 0px;
display: inline-block;
}
.jcarousel-next-horizontal1 {
display: block;
position: absolute;
width: 25px;
height: 25px;
}
.jcarousel-prev-horizontal1 {
display: block;
position: absolute;
width: 25px;
height: 25px;
}
.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;
line-height: 24px;
padding: 6px 7px 6px 10px;
}
.jcarousel-prev-horizontal1 {
margin: -36px 0 0 0;
right: 33px;
background: #fff;
border: 1px #ddd solid;
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: -36px 0 0 0px;
right: 0px;
background: #fff;
border: 1px #ddd solid;
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;
line-height: 24px;
padding: 6px 7px 6px 10px;
}
.jcarousel-next-horizontal1:hover {
background: #04a081;
color: #fff;
}
.jcarousel-prev-horizontal1:hover {
background: #04a081;
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 {
margin-top: 25px;
}
.jcarousel-skin-tango5 .jcarousel-item {
width: 275px;
text-align: center;
min-height: 380px;
overflow: hidden;
}
.jcarousel-skin-tango5 .jcarousel-item-horizontal {
margin: 0 28px 0 0;
position: relative;
padding: 0;
}
.jcarousel-next-horizontal2 {
display: block;
position: absolute;
width: 25px;
height: 25px;
}
.jcarousel-prev-horizontal2 {
display: block;
position: absolute;
width: 25px;
height: 25px;
}
.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;
line-height: 25px;
padding: 6px 7px 6px 10px;
}
.jcarousel-prev-horizontal2 {
margin: -36px 0 0 0;
right: 30px;
background: #fff;
border: 1px #ddd solid;
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: -36px 0 0 0px;
right: 0px;
background: #fff;
border: 1px #ddd solid;
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;
line-height: 25px;
padding: 6px 7px 6px 10px;
}
.jcarousel-next-horizontal2:hover {
background: #04a081;
color: #fff;
}
.jcarousel-prev-horizontal2:hover {
background: #04a081;
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;
}
/*=============== Related Products ===============*/
.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%;
}
.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: 440px
}
.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 {
float: left;
padding-bottom: 10px;
padding-right: 10px;
}
/*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;
}
/*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-agreements {
padding: 10px;
border: 1px solid #EAEAEA;
margin-top: 20px;
}
/*shipping with multiple address*/
.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;
font-size: 16px;
}
/*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: 80%;
}
.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: -165px;
}
/*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: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
text-decoration: none;
}
#wishlist-table a.remove-item:before {
content: "\f014";
font-family: FontAwesome;
font-size: 14px;
}
#wishlist-table a.remove-item:hover {
padding: 6px 11px;
color: #04a081;
background-color: #fff;
border: none;
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;
}
/* ======================== Right section============================ */
.orange-slider {
background: #04a081;
height: 150px;
margin-top: -80px;
position: fixed;
left: 0px;
top: 45%;
width: 70px;
z-index: 99;
}
.orange-slider .icons {
font-size: 22px;
left: 35px;
position: absolute;
top: 50px;
}
.orange-slider .icons a {
display: block;
margin-bottom: 8px;
}
.orange-slider .icons a {
color: #FFFFFF;
display: block;
line-height: 1em;
text-decoration: none
}
.orange-slider .text {
color: #fff;
font-size: 17px;
font-weight: normal;
left: -35px;
position: absolute;
top: 63px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px
}
.right-side-content {
background: #fff;
padding: 22px 40px 20px 20px;
position: fixed;
top: 45%;
left: 0;
margin-top: -108px;
z-index: 50;
/* padding-left: 85px; */
box-shadow: 0 0 20px -5px;
border-left: 72px #04a081 solid;
}
.right-side-content>div.active {
}
.right-side-content .slider-chat, .right-side-content .slider-phone {
width: 212px
}
.right-side-content .slider-email {
width: 602px
}
.right-side-content h2 {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: normal;
letter-spacing: 0.5px;
color: #000;
}
.right-side-content h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
}
.right-side-content p.textcenter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 10px 0;
margin-bottom: 0px
}
.right-side-content .phone-number {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: 0.5px;
}
.right-side-content .slider-email form ul {
list-style-type: none;
padding: 0;
margin-top: 15px;
}
.right-side-content .slider-email form label {
float: left;
width: 110px;
font-weight: 400;
font-size: 13px;
}
.right-side-content .slider-email form ul li {
margin-bottom: 8px
}
.right-side-content .slider-email form ul li input {
width: 190px;
padding: 10px 5px;
border: 1px solid #f0f0f0;
background: #F0F0F0;
}
.right-side-content .slider-email form ul li input:focus {
width: 190px;
padding: 10px 5px;
border: 1px solid #ddd;
background: #ffffff;
}
.right-side-content .slider-email label.textarea {
width: 100%
}
.right-side-content .slider-email form textarea {
width: 212px
}
.right-side-content .slider-email input.button {
width: auto;
margin-right: 10px
}
.right-side-content .slider-close {
cursor: pointer;
height: 56px;
right: 12px;
position: absolute;
top: 15px;
width: 56px;
z-index: 8040;
}
.right-side-content .slider-close {
background: url("../image/close-icon.html") no-repeat scroll center top transparent;
}
.right-side-content input {
background: #F0F0F0;
border: none;
font-size: 0.875em;
padding: 10px 5px 10px 5px;
width: 385px
}
.right-side-content select {
font-size: 0.875em;
margin: 0 0 30px 0;
padding: 5px;
width: 100%
}
.right-side-content label {
display: block;
font-weight: 700
}
.right-side-content textarea {
background: #F0F0F0;
border: none;
height: 110px;
margin-bottom: 10px;
padding: 5px;
width: 375px;
border: 1px solid #f0f0f0;
margin-top: 15px
}
.right-side-content input:focus, textarea:focus {
/*box-shadow:inset 0 0 0 1px #D6D5D5, inset 0 0px 0 2px #fff;*/
outline: none;
border: 1px solid #f0f0f0;
background: #fff;
}
.column.sixty {
width: 60%
}
.column.fourty {
width: 40%;
}
.column {
float: left;
}
.right-side-content button.button.btn-sent {
border: 3px #efefef solid;
background: #fff;
padding: 5px 12px;
margin: 0 8px 0 8px;
color: #333;
font-weight: bold
}
.right-side-content button.button.btn-sent:hover {
background: #04a081;
border: 3px solid #04a081;
margin: 0 8px 0 8px;
padding: 5px 12px;
color: #fff;
}
/* ======================== End Right section============================ */
/* 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;
}
.product-view .product-shop .social .fb a:before {
content: "\f09a";
font-family: FontAwesome;
}
.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;
margin-bottom: 10px;
clear: both;
}
/*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: 11px;
text-align: center;
white-space: nowrap;
color: #333;
font-weight: bold;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
vertical-align: top;
border: 1px solid #ddd;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.button.view-all:hover {
background: #04a081;
padding: 8px 12px;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
border: 1px solid #04a081;
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;
}
#mgkquickview1 {
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;
}
#mgkquickview2 {
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;
}
#mgkquickview3 {
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;
}
#mgkquickview4 {
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;
}
#mgkquickview5 {
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: #04a081;
}
/*============ blog-post ============*/
.blog_fix {
text-align: left;
padding: 0px;
margin: auto;
padding-bottom: 5px;
overflow: hidden;
}
.blog_fix .inner-content {
width: 1170px;
margin: auto
}
.blog_post {
position: relative;
width: 1170px;
vertical-align: top;
margin: auto;
}
.blog_post ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden
}
.blog_post li {
width: 370px;
float: left;
margin-right: 28px;
margin-bottom: 30px;
background: #fff/* border: 1px #ddd solid; */
}
.blog_post li:last-child {
margin-right: 0px
}
.blog-title {
color: #000000;
height: 39px;
margin: 0 auto 0px;
text-align: left;
text-transform: none;
margin-bottom: 30px;
border-bottom: 3px solid #e5e5e5;
}
.blog-title h2 {
color: #000;
font-size: 14px;
font-weight: normal;
margin-top: 0;
padding: 8px 30px 10px 0;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: normal;
margin-bottom: 25PX;
border-bottom: 3px solid #04a081;
}
.blog_post img {
max-width: 100%;
height: auto !important;
}
.blog_post img {
margin-bottom: 20px;
width: 100%;
}
.latest-news ul li h2 {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
text-decoration: none;
margin-bottom: 10px;
margin-top: 10px;
}
.latest-news ul li h3 {
color: #5e5f5f;
font-weight: normal;
font-size: 13px;
}
.latest-news ul li p {
font-size: 12px;
line-height: 20px;
margin: 15px 0px 20px 0px;
text-align: left;
}
.latest-news ul li .f-block {
border-top: 1px dotted #ddd;
padding: 10px 0px 0px 0px;
}
.latest-news a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
}
.latest-news a:hover {
color: #333;
}
.latest-news .icon-calendar {
margin-right: 5px
}
/*============ blog-End ============*/
.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: 372px;
margin: 0px 0;
overflow: hidden;
position: relative;
text-align: center;
height: 160px;
}
.blog-l .mask, .blog-l .content {
width: 372px;
height: 160px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.blog-l img {
display: block;
position: relative;
width: 372px;
}
.blog-l a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #04a081;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.blog-l a.info:hover {
background: #222;
}
.featured-slider {
margin: 35px auto 0;
padding: 0;
position: relative;
width: 565px;
float: right;
display: inline-block;
}
.upsell-slider {
margin: 0 auto;
padding: 0;
position: relative;
width: 1170px;
float: left;
}
.related-slider {
margin: 0 auto 35px;
padding: 0;
position: relative;
width: 1170px;
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(../image/arrow-right.html) 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(../image/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;
}
/*************Newsletter POPUP Start***************/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
z-index: 1000;
display: none;
}
.popup1 {
width: 100%;
margin: 0 auto;
display: none;
z-index: 10000;
}
.popup1 .newsletter {
width: auto;
}
.newsletter-sign-box {
border-radius: 0;
left: 50%;
margin: 100px 0px 0px -250px;
min-height: 150px;
min-width: 450px;
position: absolute;
top: 25%;
width: 400px;
z-index: 100000;
background: #fff;
padding: 40px
}
.popup1 .x {
position: absolute;
right: -100px;
top: -105px;
z-index: 10000;
}
.popup1 .x:hover {
cursor: pointer;
}
.newsletter-sign-box h3 {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.newsletter-sign-box h4 {
font-size: 14px;
font-weight: normal;
margin-bottom: 35px;
text-align: center;
color: #666;
}
.newsletter-sign-box .input-box {
margin-bottom: 15px;
}
.newsletter-sign-box .input-box input {
display: inline-block;
margin-left: 10px;
margin-right: 0px;
padding: 10px;
width: 275px;
border: 1px solid #999999;
}
.newsletter-sign-box .subscribe {
background: none repeat scroll 0 0 #04a081;
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 .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: 12px;
font-weight: bold;
}
.newsletter-sign-box .subscribe-bottom {
color: #666;
font-size: 12px;
line-height: 3px !important;
margin-top: 30px;
text-align: center;
display: block;
}
.newsletter-sign-box .subscribe-bottom input {
margin: 0px 8px 0 0;
vertical-align: middle;
}
#formSuccess1 {
font-size: 18px;
padding: 48px 0 0;
text-align: center;
}
.popup1 .newsletter .validation-advice {
padding-left: 10px;
padding-top: 5px;
top: 200px;
position: absolute;
left: 0;
}
.popup1 .line {
background: none repeat scroll 0% 0% #DDD;
height: 5px;
width: 100%;
margin: auto auto 20px;
}
/*************Newsletter POPUP END***************/
#product-img-box {
position: relative;
width: 650px;
float: left;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
}
.icon-refresh:before {
content: "\f064";
padding: 0;
color: #04a081;
float: left;
font-size: 16px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
border: 1px #ddd solid;
border-radius: 25px;
background-color: #f3f3f3;
}
.icon-discount:before {
content: "\f005";
padding: 0;
color: #04a081;
float: left;
font-size: 16px;
height: 35px;
line-height: 35px;
padding: 4px;
text-align: center;
width: 35px;
border: 1px #ddd solid;
border-radius: 25px;
margin-right: 5px;
background-color: #f3f3f3;
}
.icon-phone:before {
content: "\f095";
padding: 0;
color: #fff;
float: left;
font-size: 18px;
height: 22px;
line-height: 23px;
padding: 4px;
text-align: center;
width: 25px;
margin-right: 0px;
background: #04a081;
border-radius: 2px;
margin-right: 4px
}
.phone {
display: block;
margin-top: 25px;
float: right;
width: 19%;
}
.phone .phone-box {
display: inline-block;
line-height: 30px
}
.phone .phone-box strong {
color: #2e3a47;
font-size: 12px;
font-weight: bold !important;
line-height: 1em;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.phone span {
line-height: 25px;
}
/*========== recommended-pro ==========*/
.pro-recommend {
width: 560px;
float: left
}
.pro-recommend .products-grid .item {
float: left;
background: #FFF;
width: 166px!important;
min-height: 345px!important;
padding: 0;
margin: 20px 20px 8px 0;
overflow: hidden;
border: 3px #d5e0e7 solid
}
.pro-recommend .products-grid .item:nth-of-type(3n+3), .pro-recommend .products-grid .item *:nth-of-type(3n+3) .blog_post li {
margin-right: 0;
}
.pro-recommend .products-grid .item .item-inner .item-info .info-inner .item-title {
padding-top: 5px
}
.pro-recommend .products-grid .actions button.button.btn-cart {
background: #fff;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 6px 8px 6px 8px;
color: #333;
line-height: 14px;
}
.pro-recommend .products-grid .item:hover .actions button.button.btn-cart {
background: #04a081;
border: 3px solid #EFEFEF;
margin: 0 8px 0 8px;
padding: 6px 8px 6px 8px;
color: #FFFFFF;
}
.pro-recommend .products-grid .actions button.button.btn-cart span {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
padding: 0px;
font-weight: bold;
margin-left: 0;
text-transform: uppercase
}
.pro-recommend .new_title {
margin-bottom: 0px!important;
height: auto
}
.pro-recommend .new_title.center {
padding: 0 0 0px 0;
text-align: left;
border-bottom: none!important;
}
.pro-recommend .new_title h2 {
color: #3b4348;
font-size: 18px!important;
font-weight: normal;
margin-top: 0;
padding: 2px 0px;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.pro-recommend .products-grid .item .actions .add-to-links a.link-wishlist {
left: -100px;
opacity: 0;
position: absolute;
}
.pro-recommend .products-grid .item:hover .actions .add-to-links a.link-wishlist {
left: 4px;
opacity: 8;
position: absolute;
}
.pro-recommend .products-grid .item .actions .add-to-links a.link-compare {
right: -100px;
opacity: 0;
position: absolute;
}
.pro-recommend .products-grid .item:hover .actions .add-to-links a.link-compare {
right: 4px;
opacity: 8;
position: absolute;
bottom: 0;
}
.pro-recommend .products-grid .actions .add-to-links a.link-compare:before {
font-family: FontAwesome;
}
.pro-recommend .products-grid .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt {
padding: 5px 10px 5px 8px;
}
.pro-recommend a.button.detail-bnt span {
font-family: 'Open Sans', sans-serif;
font-size: 10px;
text-transform: uppercase;
padding: 0 2px;
font-weight: bold;
}
.pro-recommend .products-grid .actions .add-to-links a.link-wishlist:hover, a.link-compare:hover {
font-family: 'FontAwesome';
font-size: 13px;
font-weight: normal;
margin: 0;
text-decoration: none;
color: #fff !important;
display: inline-block;
}
.pro-recommend .products-grid .item .item-inner .item-info .info-inner .item-title a {
font-size: 13px
}
.pro-recommend .special-price {
margin: 0px!important
}
/*========== recommended-pro end==========*/
/*========== newsletter ==========*/
.newsletter-wrap {
padding: 25px 0;
overflow: hidden;
clear: both;
background-color: #000;
margin-bottom: 30px;
}
.newsletter-wrap .inner {
width: 1170px;
margin: auto;
}
.newsletter {
margin: 0 0 20px 0;
padding: 5px 0 0;
position: relative;
width: 600px;
margin: auto;
margin: auto;
float: left;
}
.newsletter-wrap h4 {
font-size: 14px;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
margin-right: 8px;
}
.newsletter-wrap input[type="text"] {
background: #FFFFFF;
width: 300px;
height: 18px;
display: inline-block;
color: #a7a7a7;
line-height: 22px;
background-color: #fff;
border: none;
padding-left: 10px;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
border: none;
}
.newsletter-wrap button.subscribe {
background: #ff7200;
border: 0 none;
overflow: hidden;
padding: 9px 13px !important;
cursor: pointer;
font-weight: normal;
color: #222;
margin-left: 10px;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.newsletter-wrap button.subscribe:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
font-weight: normal;
}
/*========== newsletter end==========*/
.fur-des {
border-top: 1px #ddd solid;
padding: 15px 0;
margin: 15px 20px 0 0;
}
.fur-des p {
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
.cat-img {
margin-top: 20px;
position: relative;
}
.cat-img a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 97.5%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.cat-img a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.custom-menu {
overflow: hidden
}
.custom-menu .header-nav-dropdown-wrapper {
padding: 0px 0 20px !important;
overflow: hidden;
}
.custom-menu .grid12-5 {
margin-left: 0px!important;
margin-right: 2%!important;
width: 23%;
}
.custom-menu .grid12-5 .custom_img {
position: relative
}
.custom-menu .grid12-5 .custom_img a:before {
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 97.5%;
left: 0;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.5) rotateY(180deg);
-moz-transform: scale(0.5) rotateY(180deg);
-ms-transform: scale(0.5) rotateY(180deg);
-o-transform: scale(0.5) rotateY(180deg);
transform: scale(0.5) rotateY(180deg);
background-image: url(../image/plus-img.png);
background-repeat: no-repeat;
background-position: center;
background-color: #666;
}
.custom-menu .grid12-5 .custom_img a:hover::before {
visibility: visible;
opacity: 0.6;
-webkit-transform: scale(1) rotateY(0deg);
-moz-transform: scale(1) rotateY(0deg);
-ms-transform: scale(1) rotateY(0deg);
-o-transform: scale(1) rotateY(0deg);
transform: scale(1) rotateY(0deg);
}
.custom-menu p {
color: #333!important;
margin: 10px 0px 0px 0px!important
}
.sticky {
position: fixed;
margin-top: 0px;
z-index: 10000;
display: block;
top: 0px;
height: 44px;
width: 1220px;
}
#customer-reviews .pager {
display: none;
}
/* products page */
.jcarousel-skin-tango5 ul.products-grid li.item {
text-align: center;
margin-bottom: 30px;
width: 172px;
}
.jcarousel-skin-tango5 .products-grid .item .item-inner .item-info .info-inner .item-title a {
font-size: 14px;
font-weight: normal;
}
.jcarousel-skin-tango5 button.button {
padding: 6px 10px;
font-size: 10px;
}
.jcarousel-skin-tango5 ul.products-grid li.item a.thumb {
position: relative;
display: block;
cursor: pointer;
}
.jcarousel-skin-tango5 ul.products-grid li.item a.thumb:hover {
border-color: #999;
}
ul.products-grid li.item a img.image-hover {
display: none;
margin: 0;
}
.jcarousel-skin-tango5 ul.products-grid li.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;
}
.jcarousel-skin-tango5 ul.products-grid li.item a.thumb span.quick-view span {
display: block;
position: absolute;
height: 100%;
width: 100%;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
color: #0a0a0a;
padding: 8px 0 5px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.jcarousel-skin-tango5 ul.products-grid li.item a.thumb span.quick-view span i {
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-top: -1px;
background: url('../image/quick-view.png') no-repeat center;
padding-right: 12px;
}
/* === FLIP 3D === */
.jcarousel-skin-tango5 ul.products-grid li.item .product-wrapper {
position: relative;
margin-top: 20px;
}
.jcarousel-skin-tango5 ul.products-grid li.item a.thumb.flip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.5s linear;
-moz-transition: -moz-transform 0.5s linear;
-ms-transition: -moz-transform 0.5s linear;
transition: transform 0.5s linear;
}
.jcarousel-skin-tango5 ul.products-grid li.item .product-wrapper .thumb-wrapper {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
-perspective: 1000;
}
.jcarousel-skin-tango5 ul.products-grid li.item .product-wrapper .thumb-wrapper:hover a.thumb.flip {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.jcarousel-skin-tango5 ul.products-grid li.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;
}
.jcarousel-skin-tango5 ul.products-grid li.item .product-wrapper a.thumb.flip .face.back {
display: block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 10;
}
.recommend-pro {
width: 1170px;
margin: auto;
position: relative;
}
.recommend-pro li {
width: 172px !important;
margin-right: 28px !important;
}
/* products page */
.category-products ul.products-grid li.item {
text-align: center;
width: 197px;
}
.category-products ul.products-grid li.item .item-info {
margin-top: 0px;
}
.category-products ul.products-grid li.item a {
font-size: 14px;
}
.category-products ul.products-grid li.item a.thumb {
position: relative;
display: block;
cursor: pointer;
}
.category-products ul.products-grid li.item a.thumb:hover {
border-color: #999;
}
.category-products ul.products-grid li.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;
}
.category-products ul.products-grid li.item a.thumb span.quick-view span {
display: block;
position: absolute;
height: 100%;
width: 100%;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
color: #0a0a0a;
padding: 8px 0 5px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.category-products ul.products-grid li.item a.thumb span.quick-view span i {
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-top: -1px;
background: url('../image/quick-view.png') no-repeat center;
padding-right: 12px;
}
/* === FLIP 3D === */
.category-products ul.products-grid li.item .product-wrapper {
position: relative;
}
.category-products ul.products-grid li.item a.thumb.flip {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform 0.5s linear;
-moz-transition: -moz-transform 0.5s linear;
-ms-transition: -moz-transform 0.5s linear;
transition: transform 0.5s linear;
}
.category-products ul.products-grid li.item .product-wrapper .thumb-wrapper {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
-perspective: 1000;
}
.category-products ul.products-grid li.item .product-wrapper .thumb-wrapper:hover a.thumb.flip {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.category-products ul.products-grid li.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;
}
.category-products ul.products-grid li.item .product-wrapper a.thumb.flip .face.back {
display: block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 10;
}
/* products page */
.jcarousel-skin-tango4 ul.products-grid li.item {
text-align: center;
width: 175px;
margin-top: 20px;
}
.jcarousel-skin-tango4 .products-grid .item .item-inner .item-info .info-inner .item-title a {
font-size: 14px;
font-weight: normal;
}
.jcarousel-skin-tango4 ul.products-grid li.item a.thumb {
position: relative;
display: block;
}
.jcarousel-skin-tango4 ul.products-grid li.item a.thumb:hover {
border-color: #999;
}
ul.products-grid li.item a img.image-hover {
display: none;
margin: 0;
}
.jcarousel-skin-tango4 ul.products-grid li.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;
}
.jcarousel-skin-tango4 ul.products-grid li.item a.thumb span.quick-view span {
display: block;
position: absolute;
height: 100%;
width: 100%;
font-size: 9px;
text-transform: uppercase;
font-weight: 700;
color: #0a0a0a;
padding: 8px 0 5px;
background: rgba(255, 255, 255, 0.9);
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.jcarousel-skin-tango4 ul.products-grid li.item a.thumb span.quick-view span i {
display: inline-block;
width: 10px;
height: 10px;
vertical-align: middle;
margin-top: -1px;
background: url('../image/quick-view.png') no-repeat center;
padding-right: 12px;
}
/* === FLIP 3D === */
.jcarousel-skin-tango4 ul.products-grid li.item .product-wrapper {
position: relative;
margin-top: 20px;
}
.custom-img {
margin: 25px 0 0;
}
/*=============== End Product Tab CSS ===============*/
.customer-account-create .buttons-set {
padding-top: 10px;
}
.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;
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 {
text-align: center;
}
#slides a.prev, #slides a.next {
margin: 125px 6px 0px 5px;
}
/*============ Testimonials ============*/
.testimonials {
margin: auto;
width: 100%;
border-top: solid #ccc 1px;
background-image: url(../image/testimonial-bg.html);
background-position: 50% 50px;
background-attachment: fixed;
background-size: cover;
background-repeat: repeat-y;
}
.testimonials .inner {
background: rgba(0, 0, 0, 0.7);
padding-bottom: 30px;
padding-top: 60px;
}
.testimonials_RC {
overflow: hidden;
text-align: center;
width: 1000px;
margin: auto;
}
.testimonials_RC .inner-left {
margin-left: 0 !important;
width: 365px;
float: left;
text-align: left;
margin-right: 26px;
}
.testimonials_RC .quote-box {
margin-bottom: 20px;
}
.testimonials_RC .quote-box .quote-left {
height: 28px;
width: 33px;
display: inline-block;
}
.testimonials_RC .quote-box q {
line-height: 30px;
margin: 15px 0 0 10px;
quotes: none;
color: #fff;
font-size: 16px;
font-weight: 400;
display: inline-block;
font-family: 'Open Sans', sans-serif;
}
.testimonials_RC .quote-box q .quote {
font-size: 100px;
color: #fff;
font-weight: 300;
font-family: 'Source Sans Pro', sans-serif;
height: 80px;
line-height: 80px;
position: absolute;
margin-left: -50px
}
.testimonials_RC .quote-box .quote-right {
height: 28px;
margin: 4px -10px 0 10px;
position: absolute;
width: 33px;
}
.testimonials_RC cite {
display: block;
margin: 10px 0 0 10px;
font-style: normal;
font-size: 13px;
color: #aaa;
width: 250px;
margin: auto;
overflow: hidden;
text-align: left;
height: 70px;
margin-top: 8px;
}
.testimonials_RC cite .photo {
display: block;
float: left;
height: 60px;
margin: 0 20px 0 0;
width: 60px;
}
.testimonials_RC cite .author {
color: #fff;
font-size: 18px;
line-height: normal;
display: block;
margin-top: 5px;
line-height: 30px;
font-weight: bold;
}
.testimonials_RC h3 {
color: #111111;
font-size: 28px;
font-style: normal;
font-weight: bold;
letter-spacing: -1px;
line-height: normal;
padding-bottom: 5px;
text-align: center;
text-shadow: 0 1px #FFFFFF;
border-bottom: none!important;
}
.testimonials_RC h5 {
color: #fff;
font-size: 20px;
font-weight: 300;
margin: 10px 0;
margin-top: 0px;
font-weight: normal;
padding-bottom: 15px;
}
.testimonials_RC img {
border: 2px solid #ccc;
border-radius: 0px;
height: 60px;
margin: 0 0 25px;
width: 60px;
}
/*============ Testimonials End ============*/
.best-sales-pro {
width: 1170px;
margin: auto;
position: relative;
margin-top: 25px;
}
.best-sales-pro li {
margin-right: 28px !important;
}
.our-features-box.mob {
display: none;
}
#nav-home p {
margin: 0;
height: 0;
}
ul#product_slider_2, ul#product_slider_1 {
margin-top: 10px !important;
}
ul.category_slider, ul#featured_products_slider0, ul#product_slider, ul#product_slider0 {
height: 290px;
}
.products-grid .item .item-inner .actions-links {
height: 50px;
background: #222;
position: absolute;
top: 54%;
width: 100%;
opacity: 0;
z-index: 1000;
}
.products-grid .item:hover .item-inner .actions-links {
height: 36px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 57.1%;
width: 100%;
opacity: 8;
z-index: 1000;
}
#products_slider0.products-grid .item:hover .item-inner .actions-links, #featured_products_slider0.products-grid .item:hover .item-inner .actions-links, #product_slider.products-grid .item:hover .item-inner .actions-links, #product_slider_a.products-grid .item:hover .item-inner .actions-links {
height: 36px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 43.8%;
width: 100%;
opacity: 8
}
#products_slider0.products-grid .item:hover .actions-links .add-to-links a.link-wishlist, #featured_products_slider0.products-grid .item:hover .actions-links .add-to-links a.link-wishlist, #product_slider.products-grid .item:hover .actions-links .add-to-links a.link-wishlist, #product_slider_a.products-grid .item:hover .actions-links .add-to-links a.link-wishlist {
right: 66px;
opacity: 8;
position: absolute;
margin-top: 0px;
width: 30px;
font-size: 12px;
line-height: 26px !important;
}
#products_slider0.products-grid .item:hover .actions-links .add-to-links a.link-compare, #featured_products_slider0.products-grid .item:hover .actions-links .add-to-links a.link-compare, #product_slider.products-grid .item:hover .actions-links .add-to-links a.link-compare, #product_slider_a.products-grid .item:hover .actions-links .add-to-links a.link-compare {
right: 26px;
opacity: 8;
z-index: 10000;
position: absolute;
margin-top: 0px;
width: 30px;
font-size: 12px;
border-right: none;
line-height: 26px !important;
}
#products_slider0.products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview, #featured_products_slider0.products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview, #product_slider.products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview, #product_slider_a.products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview {
left: 24px;
opacity: 8;
position: absolute;
margin-top: 0px;
width: 30px;
font-size: 12px;
border-left: none;
line-height: 26px !important;
}
.col-main .products-grid .item:hover .item-inner .actions-links {
height: 36px;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 55.4%;
width: 100%;
opacity: 8;
z-index: 1000;
}
.col-main .products-grid .item:hover .actions-links .add-to-links a.magik-btn-quickview {
left: 60px;
}
/*TESTINOMIAL*/
.what-cs {
padding-top: 10px;
width: 1170px;
margin: auto;
}
.what-cs > h2 {
margin: 0 0 8px 0;
font-weight: bold!important;
text-align: left;
position: relative;
color: #666;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.what-cs > h2 span {
display: inline-block;
padding: 0 15px 0 0;
position: relative;
background-color: #ffffff;
color: #000;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: normal;
margin-top: 0;
padding: 6px 10px 2px 0;
position: relative;
text-transform: uppercase;
}
.what-cs > h2:before {
content: "";
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
height: 1px;
background: #d3d3d3;
}
.what-cs .item .inner {
float: left;
width: 48%;
}
.what-cs .item .inner.first {
padding-right: 15px;
}
.what-cs .item .inner.last {
padding-left: 15px;
}
.what-cs .item .inner .wrap-content {
color: #666;
font-size: 13px;
}
.what-cs .item .inner .wrap-content img {
border: 5px solid #fff;
float: left;
margin: 5px 20px 3px 0;
width: 90px;
}
.what-cs .item .inner .wrap-content .f {
position: relative;
float: left;
width: 10px;
height: 10px;
}
.what-cs .item .inner .wrap-content .f:before {
color: #999;
content: "\f10d";
font-family: "Fontawesome";
font-size: 15px;
height: 10px;
left: -8px;
position: absolute;
top: -2px;
width: 10px;
}
.what-cs .item .inner .wrap-content .l {
position: relative;
width: 10px;
height: 10px;
}
.what-cs .item .inner .wrap-content .l:before {
color: #999;
content: "\f10e";
font-family: "Fontawesome";
font-size: 15px;
height: 10px;
left: 10px;
position: absolute;
top: 1px;
width: 10px;
}
.what-cs .item .inner .jda {
font-size: 14px;
color: #444;
text-transform: capitalize;
margin: 12px 0 16px;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.what-cs .carousel-indicators {
position: static;
margin: 0px 0px 18px;
text-align: center;
width: 100%;
}
.what-cs .carousel-indicators li {
width: 13px;
height: 13px;
border-radius: 0;
background: #999;
border: none !important;
margin: 0 0 0 2px !important;
border-radius: 100%;
}
.what-cs .carousel-indicators li:hover, .what-cs .carousel-indicators li.active {
background: #04a081;
border-radius: 100%;
}
.carousel {
position: relative
}
.what-cs .carousel-inner {
margin-top: 20px;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner>.item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
height: auto;
max-width: 100%;
line-height: 1
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
display: block
}
.carousel-inner>.active {
left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%
}
.carousel-inner>.next {
left: 100%
}
.carousel-inner>.prev {
left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
left: 0
}
.carousel-inner>.active.left {
left: -100%
}
.carousel-inner>.active.right {
left: 100%
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
opacity: .5;
filter: alpha(opacity=50)
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
border-radius: 100%;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
border-radius: 100%;
}
.carousel-control:hover, .carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90)
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 50%
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right: 50%
}
.carousel-control .icon-prev, .carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif
}
.carousel-control .icon-prev:before {
content: '\2039'
}
.carousel-control .icon-next:before {
content: '\203a'
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0,0,0,0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}
.carousel-caption .btn {
text-shadow: none
}
#carouselButtons {
margin-left: 100px;
position: absolute;
bottom: 0px;
}
/*footer news letter*/
#mc_embed_signup {
background: none !important;
width: auto !important;
font-family: 'Open Sans', sans-serif serif;
}
#mc_embed_signup form {
padding: 0 !important;
}
#mc_embed_signup label {
color: #fff !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: normal;
margin: 0 10px 0 0 !important;
padding: 0 0 10px !important;
font-weight: normal !important;
display: inline-block !important;
text-transform: uppercase;
}
#mc_embed_signup input.email {
background: #FFFFFF!important;
width: 300px !important;
height: 18px !important;
display: inline-block !important;
color: #999 !important;
line-height: 20px !important;
background-color: #FFFFFF !important;
border: none !important;
padding-left: 10px !important;
font-size: 13px !important;
font-family: Arial, Helvetica, sans-serif !important;
margin: 0 !important;
height: 35px !important;
padding: 0 !important;
}
#mc_embed_signup .clear {
display: inline-block !important;
margin-left: 10px;
}
#mc_embed_signup .clear:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 13px;
padding-right: 5px;
font-weight: normal;
position: absolute;
margin: 8px 0 0 14px;
cursor: pointer !important;
color: #fff !important;
}
#mc_embed_signup input.button {
background: none repeat scroll 0 0 #04a081 !important;
border: none !important;
border-radius: 0;
color: #fff !important;
cursor: pointer !important;
font-size: 13px;
font-weight: normal !important;
line-height: 25px;
margin: 0 !important;
overflow: hidden !important;
padding: 4px 10px 4px 30px;
width: auto !important;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
text-transform: uppercase;
vertical-align: inherit !important;
display: inline-block !important;
height: 35px !important;
}
#mc_embed_signup input.button:hover {
background: none repeat scroll 0 0 #04a081 !important;
border: none !important;
border-radius: 0;
color: #fff !important;
cursor: pointer !important;
font-size: 13px;
font-weight: normal !important;
line-height: 25px;
margin: 0 !important;
overflow: hidden !important;
padding: 4px 10px 4px 30px;
width: auto !important;
}
#tab-review input {
margin: 5px 0;
}
.static-page {
margin-top: 10px;
}