html, body {
height: 100%;
min-height: 100%;
}
body {
font-size: 0.75em;
line-height: 1.25em;
min-width: 100%
}
/*body, .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
*/ul, ol {
margin: 0;
padding: 0;
}
a:focus {
outline: none;
}
a.underline {
text-decoration: underline;
}
a.underline:hover {
text-decoration: none;
}
h1 {
margin-bottom: 20px;
margin-top: 0px;
text-transform: uppercase;
font-size: 20px;
line-height: 24px
}
#column_right h1 {
font-size: 25px;
line-height: 28px
}
h2 {
margin-bottom: 15px;
text-transform: uppercase;
font-size: 20px;
line-height: 24px;
padding-right: 65px;
}
h2.also_pursh_title {
font-size: 26px;
line-height: 28px;
font-weight: normal;
}
h2 a, h2 a:hover {
text-decoration: none;
}
h2 [class^="icon-"], h2 [class*=" icon-"] {
display: block;
float: left;
margin : -2px 10px 0 0;
font-size: 20px;
}
h2.nopadding {
padding: 0;
}
h3 {
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
font-weight: normal;
}
h4 {
margin-bottom: 15px;
text-transform: uppercase;
font-size: 20px;
line-height: 20px
}
h4 [class^="icon-"], h4 [class*=" icon-"] {
display: block;
float: left;
margin : -2px 10px 0 0;
font-size: 20px;
white-space: nowrap;
}
h5 {
font: normal 24px/26px Arial, Helvetica, sans-serif;
font-style: italic;
margin: 0;
padding: 0;
}
#wrap {
/*min-height: 100%;
height: auto !important;
height: 100%;*/
overflow:hidden;
}
.wrapper {
overflow: hidden;
width: 100%;
}
.wrapper_w {
display: inline-block;
width: 100%;
}
.padding-1 {
padding: 25px 0 0 0;
}
.padding-2 {
padding: 0 0 0 10px;
}
.margin-1 {
margin-top: 20px;
margin-bottom: 32px;
}
.margin-2 {
margin-top: 12px;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
.hide {
display: none;
}
.hover {
z-index: 1000;
}
.col-1, .col-2, .col-3 {
float: left;
}
.col {
float: left;
}
p.small {
font-size: 0.75em;
line-height: 1.25em;
}
a.btn {
margin: 0;
padding: 3px 0;
border: none;
border-radius: 3px;
background-image: none;
box-shadow: none;
color: #fff;
text-shadow: none;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
a.btn:hover {
color: #fff;
cursor: pointer;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
a:hover .custom_color, a.custom_color:hover {
text-decoration: underline;
}
/*HEADER*/
#header {
padding: 10px 0 0 0;
}
#logo {
padding: 10px 0;
float: left;
}
/*topline*/
#topline {
padding: 4px 0 4px;
line-height: 22px;
}
#topline .phone {
margin-top: -4px;
line-height: 26px
}
#topline .hidden-phone {
margin-right: 15px
}
#topline a {
text-decoration: underline;
}
#topline a:hover {
text-decoration: none;
}
#topline .phone .icon-mobile-alt {
margin-right: 3px
}
#topline .fadelink {
position: relative;
display: inline-block;
/*margin-right:25px;*/
margin-left: 5px;
margin-top: 2px;
text-align: left;
white-space: nowrap;
z-index: 500;
}
#topline .currencies_block {
margin-right: 0
}
#topline .fadelink .ul_wrapper {
position: absolute;
top: 19px;
z-index: 100;
display: none;
}
#topline .fadelink .ul_wrapper ul {
padding: 7px 30px 7px 7px;
width: auto;
border-radius: 2px;
background: #4a4a4a;
}
#topline .fadelink li {
padding: 2px 0;
}
#topline .fadelink li a, #topline .fadelink > a, #topline .fadelink li a:hover, #topline .fadelink > a:hover, #topline .fadelink > a:hover {
text-decoration: none;
}
#topline .fadelink > a {
display: block;
padding: 2px 30px 1px 7px;
border-radius: 2px;
background-image: url(../megastore_images/arrow_down.gif);
background-repeat: no-repeat;
background-position: right 8px;
text-decoration: none;
font: 12px/14px Arial, Helvetica, sans-serif;
cursor: pointer
}
#topline img {
padding-right: 5px;
vertical-align: middle;
}
/*navigation mobile*/
.nav-list {
display: block;
position: absolute;
top: -10000px;
margin:0px 15px 25px 15px;
padding: 0;
}
.nav-header > a {
border-radius: 3px 3px 0px 0px;
color: #fff;
}
.nav-list ul {
margin: 0;
padding: 0;
}
.nav-list li {
margin: 0;
padding: 0;
border-bottom: 1px solid #dadada;
position: relative;
}
.nav-list li:last-child {
border: none;
}
.nav-list li a {
display: block;
margin: 0;
padding: 15px 15px 13px;
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
line-height: 24px
}
.nav-list li a.icon-collapse {
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
.nav-list li li a:hover {
background: none;
}
.nav-list li li li a {
padding-left: 35px;
}
/*navigation desktop*/
#nav {
position: relative;
display: block;
margin: 0;
padding: 7px 6px 0 0;
line-height: 100%;
}
#nav:hover {
z-index: 50006;
}
#nav li {
float: left;
margin: 0;
list-style: none;
position: relative;
}
#nav li.home-link {
padding-top: 11px;
padding-right: 12px
}
#nav > li > a {
display: block;
margin: 0;
padding: 15px 14px 16px;
color: #000;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size: 20px;
line-height: 1em;
border-radius: 3px 3px 0px 0px
}
#nav > li.home-link > a {
background: none!important;
}
#nav > li.home-link > a {
padding: 0
}
#nav li.level1 > a, #nav li.level2 > a {
display: block;
padding: 4px 20px;
color: #000;
text-decoration: none;
font-size: 12px;
line-height: 16px;
}
#nav li.level1:hover > a, #nav li.level2:hover > a {
background: #f0f0f0;
}
#nav li:hover > ul, #nav li:hover > ul > li > ul.list_in_column {
display: block;
}
#nav > li > ul, #nav li:hover .menu_custom_block {
width: auto;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-top: 4px solid
}
#nav > li > ul {
position: absolute;
top: 50px;
display: none;
z-index: 1
}
#nav li ul.shadow, #nav li .menu_custom_block .shadow {
border-left-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);/*overflow:hidden;*/
}
#nav .menu_custom_block {
position: absolute;
top: 51px;
display: none;
margin: 0;
padding: 0;
background: #fdfdfd;
float: none;
}
#nav li .menu_custom_block .shadow {
padding: 24px 15px 30px;
overflow: hidden;
}
#nav li:hover .menu_custom_block {
display: block;
}
#nav .menu_custom_block .col-third {
float: left;
width: 230px;
margin: 0 14px;
display: inline;
}
#nav .menu_custom_block .col-third h1, #nav .menu_custom_block .col-third h2, #nav .menu_custom_block .col-third h3 {
padding: 14px 0;
}
#nav ul li {
margin: 0;
padding: 0;
}
#nav ul a {
font-weight: normal;
}
#nav ul ul li {
position: relative;
}
#nav ul ul ul ul {
position: absolute;
z-index: 100;
top: -10px;
left: 150px;
padding: 10px 0;
width: 200px;
border-radius: 6px;
background: #fdfdfd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#nav li.list_column {
width: 200px;
}
#nav li.list_column, #nav li.category_desc_in_menu {
display: block;
float: left;
margin: 30px 0;
border-left: 2px solid #eaeaea;
}
#nav li:hover li:first-child {
border-left: none;
}
#nav li:hover li.category_desc_in_menu {
padding: 0 30px;
width: 240px;
}
#nav a.custom_category_link, #nav .menu_custom_block a {
display: inline;
font-weight: bold;
}
#nav h1.custom_menu_title {
font-size: 1.25em;
}
#nav li:hover ul.list_in_column {
position: relative;
top: 0;
}
#nav ul.list_in_column li {
float: none;
}
#nav ul.list_in_column ul {
display: none;
}
#nav ul.list_in_column li:hover ul {
display: block;
}
#nav .category_desc_in_menu img, .custom_menu_img img {
border: 5px solid #fff;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.login_block {
position: relative;
padding-right: 10px;
text-align: right;
display: inline-block;
}
.login_block a {
padding-bottom: 5px;
}
.login_social {
display: inline-block;
padding-right: 10px;
white-space: nowrap;
}
.shoppingcart {
position: relative;
float: right;
z-index: 490;
margin-top: 2px;
}
.shoppingcart:hover {
z-index: 490;
}
.shoppingcart .badge {
position: absolute;
top: -7px;
right: -10px;
}
.shoppingcart .fadelink {
padding-bottom: 10px;
position: absolute;
right: 0;
top: 0;
float: right;
}
.shoppingcart .fadelink span a.btn {
width: 30px;
padding-right: 2px
}
.shoppingcart:hover .fadelink span a {
color: #fff;
cursor: pointer;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
.shopping_cart_mini {
z-index: 100;
display: none;
width: 300px;
border-radius: 5px;
background-color: #fdfdfd;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
color: #000;
}
.shopping_cart_mini .inner-wrapper {
padding: 10px 15px;
}
.shopping_cart_mini .item {
position: relative;
overflow: hidden;
margin-top: 10px;
margin-bottom: 20px;
}
.shopping_cart_mini .product-image {
float: left;
margin-right: 10px;
border: 1px solid #f3f3f3;
}
.shopping_cart_mini .product-image img {
width: 50px
}
.shopping_cart_mini .product-detailes {
float: left;
width: 110px;
}
.shopping_cart_mini .product-detailes .product-name {
color: #000;
text-decoration: none;
font-size: 12px;
line-height: 1.05em;
}
.shopping_cart_mini .product-price {
color: #000;
font-weight: bold;
margin-bottom: 20px
}
.shopping_cart_mini .button {
float: right;
margin-left: 5px;
}
.shopping_cart_mini a i {
margin-left: 7px;
color: #000;
font-size: 18px;
}
.shopping_cart_mini .button {
float: left;
margin-right: 5px;
padding: 0 7px;
border-radius: 3px;
background: #f0f0f0;
color: #000;
text-decoration: none;
line-height: 31px;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
.shopping_cart_mini .button:hover {
color: #fff;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
/* HEADER VARIANT 2*/
#header.header_v_2 .row {
position: relative;
}
#header.header_v_2 {
position: relative;
z-index: 1001;
margin-bottom: 25px;
}
#header.header_v_2 .line_header_bot {
position: relative;
margin-top: -6px;
height: 5px;
border-bottom: 1px solid transparent;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
}
#header.header_v_2 #logo {
float: none;
}
#header.header_v_2 .fadelink {
position: relative;
display: inline-block;
margin-left: 10px;
white-space: nowrap;
padding-top: 7px;
}
#header.header_v_2 .shoppingcart {
position: absolute;
right: 0;
bottom: 45px;
}
#header.header_v_2 .shoppingcart .fadelink {
display: block;
position: absolute;
}
#header.header_v_2 #nav > li {
float: left;
margin-right: 12px;
padding: 7px 0 0;
list-style: none;
}
#header.header_v_2 #nav > li > a {
min-width: 170px;
display: block;
padding: 15px 20px 15px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
box-shadow: 0px -2px 1px rgba(0, 0, 0, 0.15);
color: #000;
text-decoration: none;
font: bold 12px/14px Arial, Helvetica, sans-serif;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
text-transform: none;
}
#header.header_v_2 #nav > li:hover > a {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
color: #fff;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
-webkit-transition: border-color 0.25s 0s ease;
-moz-transition: border-color 0.25s 0s ease;
-o-transition: border-color 0.25s 0s ease;
}
#header.header_v_2 #nav > li > ul {
border-color: #fff;
border-top-color: #333333;
top: 54px;
}
#header.header_v_2 #nav li.level1 > a, #header.header_v_2 #nav li.level2 > a {
line-height: 16px;
padding: 5px 0 5px 12px;
}
#header.header_v_2 #nav li.level1:hover {
text-indent: -4px;
}
#header.header_v_2 #nav li.level1 > a:hover {
font-weight: bold;
}
#header.header_v_2 #nav li.level2, #header.header_v_2 #nav li.level2:hover {
border: none;
text-indent: 0;
}
#header.header_v_2 #nav li.level2 a:hover {
color: #000;
font-weight: normal;
}
#header.header_v_2 #nav li.list_column {
padding-top: 10px;
padding-bottom: 20px;
margin: 0;
}
#header.header_v_2 #nav li.category_desc_in_menu {
padding: 20px 40px 20px 30px;
margin: 0;
}
#header.header_v_2 .fadelink > a {
min-width: 70px;
display: block;
padding: 15px 30px 15px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.15);
color: #000;
text-decoration: none;
font: bold 12px/14px Arial, Helvetica, sans-serif;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
#header.header_v_2 .fadelink:hover {
z-index: 50005;
}
#header.header_v_2 .fadelink:hover > a {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
color: #fff;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
-webkit-transition: border-color 0.25s 0s ease;
-moz-transition: border-color 0.25s 0s ease;
-o-transition: border-color 0.25s 0s ease;
}
#header.header_v_2 .fadelink li.level1:hover a {
background: #f0f0f0;
}
#header.header_v_2 .fadelink .ul_wrapper {
position: absolute;
display: none;
top: 47px;
border-top: 5px solid #333;
z-index: 50;
}
#header.header_v_2 .fadelink .ul_wrapper ul {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding: 10px 30px 10px 10px;
min-width: 80px;
width: auto;
border-color: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
background: #fff;
}
#header.header_v_2 .fadelink li {
padding: 2px 0;
}
#header.header_v_2 .form-search-wrapper {
padding: 7px 5px 0 15px;
margin-right: 10px;
}
#header.header_v_2 .form-search input.search-query {
width: 210px;
}
/*right toolbar*/
#right_toolbar {
position: fixed;
right: 0px;
bottom: 40%;
z-index: 2147483647;
}
#right_toolbar .small_logo {
text-align: right
}
#right_toolbar .small_logo img {
max-width: 72px
}
#right_toolbar .shoppingcart {
float: none;
margin: 0px 0 3px 20px;
padding: 0;
position: relative;
display: inline-block;
}
#right_toolbar .shoppingcart:hover {
padding: 0;
margin:0px 0 3px 20px;
}
#right_toolbar .shoppingcart .fadelink {
position: relative;
float: left;
}
#right_toolbar .shopping_cart_mini {
position: absolute;
margin-right: 38px;
right: 0;
left: auto;
}
#right_toolbar .shopping_cart_mini.empty_cart {
top: 0
}
#right_toolbar .shopping_cart_mini.full_cart {
top: -120px;
}
#right_toolbar .shoppingcart .badge {
right: -5px;
}
#right_toolbar .search_wrapper {
clear: both;
position: relative;
height: 60px;
}
#right_toolbar .form-search {
position: static;
}
#right_toolbar .form-search button {
position: relative;
z-index: 100;
margin: -3px 0 0 22px;
}
#right_toolbar .form-search button .icon-large:before {
display: block;
}
#right_toolbar .form-search input.search-query {
position: absolute;
right: 20px;
top: 0;
z-index: 99;
padding: 2px 5px;
width: 0;
height:31px;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
right:2px !important;
}
#back-top a {
display: block;
margin: 0 0 0 5px;
padding: 10px;
width: 30px;
height:24px;
text-align: center;
color: #fff;
font-size: 18px;
line-height: 20px;
border-radius: 3px;
opacity: 1;
}
/*CONTENT*/
section.slider {
margin-bottom: 10px;
}
section#content > .container.top {
padding-top: 25px;
}
section#content {
padding-bottom: 20px;
}
#column_left.span3 {
/*float:right;*/
float: left;
}
#column_right.span9 {
float: right;
}
.box-wrapper {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
border-radius: 5px;
position: relative;
margin-bottom: 20px;
background-color: #fff;
}
.box-wrapper .inside {
padding: 20px;
}
.box-wrapper .inside.min-height {
min-height: 270px;
}
.box-wrapper .line {
overflow: hidden;
width: 100%;
height: 1px;
margin: 0 0 -6px 0;
}
.box-wrapper a {
text-decoration: underline;
}
.box-wrapper a:hover, .box-wrapper .button {
text-decoration: none;
}
.table.shopping-cart-table th, .table.shopping-cart-table td {
padding: 20px 10px 15px 10px;
border-bottom: 2px solid #e5e5e5;
}
.table.shopping-cart-table a {
text-decoration: underline;
}
.table.shopping-cart-table a:hover {
text-decoration: none;
}
.table.shopping-cart-table th {
padding: 5px 10px;
}
.table th.aligncenter, .table td.aligncenter {
text-align: center;
}
.table th.alignright, .table td.alignright {
text-align: right;
}
.table.shopping-cart-table td {
border-right: 1px solid #e5e5e5;
}
.table.shopping-cart-table td:first-child {
border-left: 1px solid #e5e5e5;
width: 10%;
min-width: 136px;
}
.table.shopping-cart-table th {
font-weight: normal;
}
.table.shopping-cart-table input.qty {
width: 30px;
border: 1px solid #e0e0e0;
box-shadow: none;
border-radius: 0;
margin-top: -5px;
margin-bottom: -5px;
}
.table.shopping-cart-table a[class^="icon-"], .table.shopping-cart-table a[class*=" icon-"] {
font-size: 20px;
}
.table.shopping-cart-table .cart-col-name {
display: none;
}
.table.shopping-cart-table-total {
border-bottom: 2px solid #e5e5e5;
}
.table.shopping-cart-table-total th, .table.shopping-cart-table-total td {
padding: 0 15px;
border: none;
}
/*product block*/
.product {
position: relative;
margin-top: 10px;
margin-bottom: 20px;
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.product a {
text-decoration: none;
}
.product a:hover {
text-decoration: underline;
}
.product .product-image-wrapper {
padding: 5px 5px 0 5px;
text-align: center;
cursor: pointer;
z-index: 350;
}
.product .product-image-wrapper .roll_over_img {
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: none;
}
.big_without_description .product, .product-listing .product {
margin-top: 10px;
margin-bottom: 5px;
border-radius: 0;
box-shadow: none;
}
.big_without_description .product .product-image-wrapper, .product-listing .product .product-image-wrapper {
padding: 5px;
border-radius: 8px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.product .product-image-wrapper img {
float: none;
margin: 0 auto;
}
.product .product-price, .product .product-price-regular, .preview .product-price, .preview .product-price-regular {
float: left;
}
.product .product-price-regular, .preview .product-price-regular {
color: #ff0000;
}
.product .product-price, .preview .product-price {
font-size: 16px;
font-family: arial
}
.product .product-price .new, .preview .product-price .new {
font: 20px/22px Arial, Helvetica, sans-serif;
}
.product .product-price span.old, .product .product-price-regular span.old, .preview .product-price span.old, .preview .product-price-regular span.old {
color: #000;
text-decoration: line-through;
font-size: 12px;
line-height: 25px;
padding-right: 5px
}
.product .product-price span.new, .preview .product-price span.new {
color: #ff0000;
}
.product .product-tocart, .preview .product-tocart {
float: right;
text-align: right;
height: 27px;
}
.product .product-tocart a, .preview .product-tocart a {
font-size: 20px;
line-height: 25px;
-webkit-transition: font-size 0.25s 0s ease;
-moz-transition: font-size 0.25s 0s ease;
-o-transition: font-size 0.25s 0s ease;
}
.product .product-tocart a:hover, .preview .product-tocart a:hover {
font-size: 25px;
-webkit-transition: font-size 0.25s 0s ease;
-moz-transition: font-size 0.25s 0s ease;
-o-transition: font-size 0.25s 0s ease;
}
.product .product-link, .preview .product-link {
margin-top: 5px;
line-height: 15px;
}
.product .product-name, .preview .product-name {
margin-top: 10px;
margin-bottom: 7px;
font: 12px/16px Arial, Helvetica, sans-serif;
}
.product .wrapper-hover {
padding: 3px 14px 12px 14px;
}
.preview .wrapper-hover {
padding: 3px 9px 12px 9px;
}
.preview.small .wrapper-hover {
padding: 3px 0 12px
}
.small_with_description .product .wrapper-hover {
padding: 2px 5px;
}
.product .product_label {
position: absolute;
top: 0;
right: 0;
z-index: 101;
}
.style2 .image-wrapper {
margin: 0 4px;
}
.style2 .image-wrapper img {
margin-bottom: 65px;
}
/*product hover preview*/
.preview {
position: absolute;
z-index: 4000;
top: 0;
left: 0;
display: none;
float: left;
text-align: left;
padding: 5px 5px 10px 5px;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 0 46px 12px rgba(0, 0, 0, 0.1);
_box-shadow: 0 0 4px rgba(0, 0, 0, 0.27)
}
.preview .col-1 {
width: 70px;
margin-right: 5px
}
.preview .col-1 a {
cursor: pointer
}
.preview .col-2 {
width: 260px;
}
.preview .col-1 img {
margin-bottom: 5px;
}
.preview.small {
padding-bottom: 5px;
}
.preview.small .col-1 {
width: 53px;
padding-right: 4px;
}
.preview.small .col-2 {
width: 160px;
}
.preview.small .padding {
padding: 8px 3px 0;
}
.preview .preview_top {
overflow: hidden;
}
.preview .preview_bot {
padding: 0;
}
.preview.small .preview_bot {
margin-top: 0;
padding: 8px 0 12px 55px;
}
.preview.small img {
margin-bottom: 4px;
margin-left: 1px;
}
.preview .big_image {
text-align: center;
}
.preview.small .big_image {
left: 62px;
}
.icon {
float: left;
width: 30px;
}
.txt {
margin-bottom: 10px;
margin-left: 30px;
}
.twit {
overflow: hidden;
margin-bottom: 10px;
padding: 5px 0 15px 0;
border-bottom: 1px solid rgba(200, 200, 200, 0.1);
}
.twit a {
text-decoration: underline
}
.twit a:hover {
text-decoration: none
}
.twit .icon {
width: 40px;
font-size: 18px;
}
.twit .mess {
margin-left: 40px;
}
.fb-like-box, .fb-like-box iframe[style], .fb-like-box span {
width: 100% !important;
}
.block {
margin: 0 0 15px;
border-bottom: 1px solid #eeeeee;
}
.block.last {
border: none;
}
.block .block-title {
padding-bottom: 10px;
text-transform: uppercase;
font-size: 20px;
line-height: 24px
}
.block .block-title strong {
font-weight: normal;
}
.block .block-content {
padding: 5px 0 15px;
}
.block .block-subtitle {
margin: 0 0 10px;
text-transform: uppercase;
font-weight: bold;
line-height: 18px;
}
.block-layered-nav dt {
margin: 0;
padding: 7px 0 6px;
font-weight: bold;
}
.block-layered-nav dd {
margin: 0 0 25px;
padding: 0;
}
.block-layered-nav ol {
margin: 0;
}
.block-layered-nav dd li {
margin-bottom: 6px;
padding: 0 0 0 19px;
}
.block-layered-nav dd li a {
text-decoration: none;
}
.block-layered-nav dd li a:hover {
text-decoration: underline;
}
ul#poll-answers {
margin-bottom: 15px;
}
ul#poll-answers li {
line-height: 22px;
}
ul#poll-answers .label {
display: inline-block;
padding: 0 4px;
border-radius: 0;
background: none;
color: #000;
vertical-align: baseline;
text-shadow: none;
white-space: nowrap;
font-weight: normal;
font-size: 12px;
}
ul#poll-answers label {
margin: 0;
}
ul#poll-answers input[type="radio"] {
margin: -2px 0 0;
}
.line {
overflow: hidden;
margin: 10px 0;
width: 100%;
height: 1px;
border-top: 1px solid #ececec;
}
.line1 {
overflow: hidden;
margin: 10px 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #c7c7c7;
}
.listing_header_row1 {
padding: 10px 0 0;
line-height: 26px;
}
.listing_header_row1 .pull-left {
width: 33%;
}
.listing_header_row1 .pull-right {
width: 33%;
}
.listing_header_row2 {
padding: 0 0 30px 0;
}
.listing_header_row1 label {
display: inline-block;
padding-right: 15px;
font-size: 12px;
line-height: 26px;
cursor: text;
}
.listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] {
padding-right: 5px;
color: #000;
font-size: 26px;
text-decoration: none;
display: inline-block;
}
@-moz-document url-prefix() {
.listing_header_row1 a[class^="icon-"], .listing_header_row1 a[class*=" icon-"] {
margin-top:-2px;
}
}
.listing_header_row1 a[class^="icon-"]:hover, .listing_header_row1 a[class*=" icon-"]:hover {
color: #666;
}
.listing_header_row1 a[class^="icon-"].active, .listing_header_row1 a[class*=" icon-"].active {
color: #9d3bc6;
}
.num {
text-align: right;
}
.num a {
display: inline-block;
padding-right: 5px;
line-height: 20px;
}
a.small_icon i {
padding: 0 3px;
background-color: rgba(236, 236, 236, 1);
font-size: 12px;
line-height: 20px;
}
a.small_icon:hover i {
background-color: rgba(236, 236, 236, 0.6);
}
a.small_icon_color i {
margin-top: -2px;
margin-right: 7px;
padding: 0 2px;
border-radius: 2px;
background-color: #9d3bc6;
color: #fff;
font-size: 12px;
line-height: 20px;
}
a.small_icon_color i.icon-heart {
text-indent: 1px;
}
a.small_icon_color:hover i {
background-color: #6a2886;
}
.middle_icon_color {
display: block;
margin-right: 10px;
padding: 2px 0 0 0;
width: 32px;
font-size: 23px;
height: 29px;
line-height: 28px;
border-radius: 3px;
text-align: center;
color: #fff;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
.rating {
margin-top: 7px;
}
.rating i {
color: #ccc;
font-size: 14px;
}
.product-shop {
display: inline-block;
}
.product-shop h2 {
padding-right: 0;
}
.product-shop .product_info_left {
overflow: hidden;
}
.product-shop .product_custom, .product-shop .product_related {
float: right;
margin-left: 30px;
margin-top: -10px;
width: 170px;
}
.product-img-box .product-image {
padding: 8px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.product-img-box .product-image img {
width: 100%
}
.product-img-box .more-views li {
margin: 0 0 10px;
padding: 2px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.product-shop .product-name h1, #column_right .product-shop .prod_info_name h1, .product-shop h2.custom_block_title {
font-size: 22px;
line-height: 24px;
margin-top: -3px;
font-family: arial;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 10px;
}
.product-shop h2.custom_block_title {
margin-top: 6px
}
.product-shop .availability {
padding-bottom: 20px;
border-bottom: 1px solid #D7D7D7;
}
.product-shop .short-description {
padding: 5px 0 15px;
border-bottom: 1px solid #D7D7D7;
}
.product-shop .price-box {
padding: 25px 0 10px;
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
.product_reviews_write_page .price-box, .product_reviews_page .price-box, .product_reviews_info_page .price-box {
padding: 0
}
.product-listing .price-box {
display: inline-block;
color: #4a4a4a;
font-weight: normal;
font-size: 18px;
line-height: 30px;
width: 200px;
}
.product-listing .product-review {
display: inline-block;
line-height: 30px;
}
.product-listing .product-review a {
text-decoration: underline;
}
.product-listing .product-review a:hover {
text-decoration: none;
}
.product-shop .old-price, .product-shop .special-price, .product-listing .old-price, .product-listing .special-price {
display: inline-block;
}
.product-shop .old-price .price, .product-listing .old-price .price {
padding-right: 10px;
text-decoration: line-through;
font-weight: normal;
font-size: 18px;
line-height: 30px;
}
.product-shop .special-price .price, .product-listing .special-price .price {
color: #e60000;
}
.product-listing .special-price .price {
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
.product-shop .add-to-cart {
margin: 0 0 30px;
}
.product-shop .add-to-cart .qty {
display: inline-block;
margin-right: -10px;
padding: 12px 35px 0 10px;
height: 42px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px;
margin-bottom: 5px;
}
.product-shop .add-to-cart label {
float: left;
margin-right: 12px;
line-height: 30px;
}
.product-shop .add-to-cart .qty input {
padding: 0;
width: 40px;
height: 30px;
border: 1px solid #e0e0e0;
border-radius: 0;
text-align: center;
}
.product-shop .add-to-cart .btn-cart, .product-listing a.btn-cart {
padding-right: 20px;
height: 56px;
vertical-align: middle;
font-size: 16px;
line-height: 22px;
}
.product-listing {
margin-bottom: 20px;
}
.product-listing a.btn-cart {
margin-right: 20px;
margin-bottom: 5px;
height: 38px;
vertical-align: middle;
font-size: 14px;
line-height: 38px;
}
.product-shop .add-to-cart button.btn-cart i, .product-listing a.btn-cart i {
margin-top: -10px;
padding-right: 8px;
font-size: 22px;
}
.product-listing a.btn-cart i {
margin-top: -2px;
}
.product-shop .add-to-links, .product-listing .add-to-links {
display: inline-block;
}
.product-listing .add-to-links {
padding: 10px 0 0 0;
}
.product-shop .add-to-links li, .product-listing .add-to-links li {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.product-shop .add-to-links li:last-child, .product-listing .add-to-links li:last-child {
margin-right: 0;
}
.product-shop .no-rating {
padding: 0 0 15px
}
.product-listing .bottom-line, .product-listing .product-buttons {
border-bottom: 1px solid #e9e9e9;
padding: 15px 0;
}
.product-listing .product-buttons {
border: none;
}
.product-listing .product-name, .product-listing .product-name a {
font-size: 16px;
line-height: 20px;
text-decoration: none;
}
.product-listing .product-name a:hover {
text-decoration: underline;
}
.socialsplugins_wrapper {
overflow: hidden;
}
.socialsplugins_wrapper .facebook_button {
float: left;
margin-right: 5px;
width: 90px;
}
.socialsplugins_wrapper .twitter_button {
float: left;
margin-right: -10px;
}
.socialsplugins_wrapper .pinit_button {
float: left;
}
.promo_box {
display: table;
width: 100%;
padding: 18px 0;
border-bottom: 1px solid #f2f2f2;
}
.promo_box span {
display: block;
vertical-align: middle;
display: table-cell;
width: 100%;
}
.nav-tabs {
margin-top: 25px;
}
.nav-tabs > li > a, .nav-pills > li > a {
margin-right: 4px;
padding-right: 20px;
padding-left: 20px;
}
.nav-tabs {
border-bottom: none;
}
.nav-tabs > li {
margin-bottom: 0;
}
.nav-tabs > li > a {
display: block;
padding-top: 8px;
padding-bottom: 8px;
border: none;
border-radius: 4px 4px 0 0;
background-color: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
color: #000;
font-weight: bold;
line-height: 24px;
}
.nav-tabs > li > a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
border: none;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
color: #fff;
text-decoration: none;
}
.tab-content {
position: relative;
z-index: 5;
margin-bottom: 25px;
padding: 20px;
border-top: 5px solid;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.content_top {
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 30px
}
.breadcrumbs {
display: inline-block;
margin-bottom: 20px;
}
.breadcrumbs a, .breadcrumbs span {
display: block;
float: left;
line-height: 18px;
}
.breadcrumbs span.separator {
display: block;
float: left;
padding: 0 10px;
color: #bababa;
}
.direction-nav, .small_previews {
position: relative;
float: right;
margin-top: -10px;
}
.carousel .small_previews {
position: absolute !important;
top: -36px;
right: 9px;
}
.flexslider.vertical .small_previews {
position: absolute;
top: 366px;
right: 0px;
margin: 0 0 20px 0;
}
.direction-nav a {
display: inline-block;
margin-left: 4px;
padding: 0;
width: 34px;
height: 33px;
border-radius: 2px;
background: #e2e2e2;
color: #fff;
text-indent: 2px;
font-size: 24px;
line-height: 33px;
cursor: pointer;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
.direction-nav a:hover {
background-color: #9d3bc6;
color: #fff;
-webkit-transition: background-color 0.25s 0s ease;
-moz-transition: background-color 0.25s 0s ease;
-o-transition: background-color 0.25s 0s ease;
}
.small_preview {
position: absolute;
width: 85px;
height: 85px;
z-index: 10000;
top: 38px;
display: none;
padding: 4px;
border-radius: 5px;
background: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.small_preview.next {
right: -60px;
}
.small_preview.prev {
right: 40px;
}
.small_previews #jcarousel_preview_prev, .small_previews #jcarousel_preview_next {
top: 20px;
z-index: 100;
}
.accordion {
margin-bottom: 20px;
}
.accordion-group {
margin-bottom: 2px;
padding: 2px 0;
border-radius: 5px;
background: #fff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.accordion-heading {
border-bottom: 0 none;
font-size: 16px;
line-height: 16px
}
.accordion-heading a {
margin-top: 3px;
border-radius: 5px;
background: #000;
color: #fff;
text-decoration: none;
}
.accordion-heading a.collapsed {
margin: 0;
background: #fff;
color: #4c4c4c;
}
.accordion-heading a span {
padding-right: 20px;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
overflow: hidden;
padding: 20px 25px;
border-top: 1px solid #fff;
}
.box-list {
padding: 10px 30px 20px;
border-radius: 5px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.box-list li {
padding: 4px 0;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
}
.box-list li:last-child {
border: none;
}
.custom_blocks {
border-radius: 5px;
background-color: #f8f8f8;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
border: 2px solid #fff;
display: inline-block;
width: 100%;
}
.custom_blocks .box {
width: 270px;
float: left;
text-align: center;
padding: 0;
background: none;
}
.custom_blocks .box:first-child {
padding: 0 30px 0 0;
}
.custom_blocks .pull-left {
padding: 0;
background: none;
}
.custom_blocks .pull-left:first-child {
padding: 0 30px 0 0;
}
.custom_blocks .box a {
text-transform: uppercase;
font-size: 18px;
line-height: 20px;
font-weight: normal;
margin: 0 auto;
display: block;
text-align: center;
}
.custom_blocks .box a:hover {
text-decoration: none;
}
.custom_blocks .box .inside {
border-bottom: 5px solid #9d3bc6;
margin: 8px 0 0;
padding: 0 0 8px 0;
text-align: center;
-moz-transition: all 1s 0s linear;
-o-transition: all 1s 0s linear;
-webkit-transition: all 1s 0s linear;
overflow: hidden;
}
.custom_blocks .box:hover .inside {
border-bottom: 5px solid transparent;
-moz-transition: all 0.5s 0s linear;
-o-transition: all 0.5s 0s linear;
-webkit-transition: all 0.5s 0s linear;
}
.custom_blocks .box .icon_circle {
width: 62px;
height: 63px;
display: inline-block;
margin: 0 10px 0 0;
text-align: center;
}
.custom_blocks .box .text {
display: inline-block;
line-height: 63px;
}
.custom_blocks .box .icon_circle i {
font-size: 34px;
height: 62px;
width: 62px;
padding: 1px 0 0;
margin: 0;
vertical-align: middle;
display: table-cell;
-moz-transition: font-size 0.1s 0s ease;
-o-transition: font-size 0.1s 0s ease;
-webkit-transition: font-size 0.1s 0s ease;
}
.custom_blocks .box .icon_circle.dark i {
color: #fff;
}
.custom_blocks .box .icon_circle.light i {
color: #444;
}
.custom_blocks .box:hover .icon_circle i {
font-size: 40px;
-moz-transition: all 0.2s 0s ease;
-o-transition: all 0.2s 0s ease;
-webkit-transition: all 0.2s 0s ease;
}
.block_img img {
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-moz-transition: all 0.2s 0s linear;
-o-transition: all 0.2s 0s linear;
-webkit-transition: all 0.2s 0s linear;
width: 100%;
}
.block_img img:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.message {
padding: 15px 20px 10px;
margin-bottom: 20px;
border-radius: 8px;
border-width: 1px;
border-style: solid;
}
.message .text {
font-size: 12px;
line-height: 28px;
display: inline-block;
}
.message i {
font-size: 28px;
padding-right: 10px;
display: inline-block;
}
@-moz-document url-prefix() {
.message i {
margin-top:-2px;
}
}
.message.error {
background: #f3dddd;
border-color: #dfd2d2;
color: #866868;
}
.message.error i {
color: #d1aaaa;
}
.message.done {
background: #e8f6df;
border-color: #d9e6d1;
color: #67795c;
}
.message.done i {
color: #bad3aa;
}
.message.info {
background: #efefef;
border-color: #e8e8e8;
color: #8a8a8a;
}
.message.info i {
color: #c7c7c7;
font-size: 22px;
padding-top: 3px;
padding-bottom: 3px;
}
/*FOOTER*/
#bottom_block {
padding: 0 0 25px 0;
margin-bottom: -50px;
}
#push, #footer {
height: 27px;
clear: both;
}
#footer {
z-index: 3;
position: relative;
bottom: 0;
margin-top: -27px;
}
#footer:hover {
z-index: 3002;
}
#footer_line {
position: relative;
z-index: 0;
}
#footer_bottom {
position: relative;
z-index: 1;
}
#footer_bottom i {
color: #fff;
font-size: 14px;
}
#footer_bottom .pull-right, #footer_bottom .pull-left {
max-width: 49%;
}
#footer_bottom .pull-right {
text-align: right;
}
#footer_bottom .noHover, #footer_bottom .noHover span {
padding: 0;
line-height: 25px;
margin: 0 0 1px 0;
}
#footer_bottom .noHover img {
vertical-align: middle;
}
#footer_bottom .noHover span {
display: inline-block;
}
#footer_bottom .noHover span.text {
padding-top: 5px;
}
#footer_bottom .noHover span.text, #footer_bottom .noHover span.text span {
display: inline-block;
line-height: 18px
}
#footer_bottom .noHover span.text span {
margin: 0;
}
#footer_bottom .pull-right.noHover {
padding: 2px 0 0;
line-height: 24px;
}
#footer_bottom .noHover .payment_icons {
margin-right: 5px;
}
#footer_bottom .payment_icons img {
margin-right: 4px;
}
#footer_bottom .payment_icons .payment1 {
background: url("../megastore_images/payment1.png") no-repeat
}
#footer_bottom .payment_icons .payment2 {
background: url("../megastore_images/payment2.png") no-repeat
}
#footer_bottom .payment_icons .payment3 {
background: url("../megastore_images/payment3.png") no-repeat
}
#footer_bottom .payment_icons .payment4 {
background: url("../megastore_images/payment4.png") no-repeat
}
#footer_bottom .payment_icons .payment5 {
background: url("../megastore_images/payment5.png") no-repeat
}
#footer_button {
position: absolute;
top: 0;
left: 50%;
z-index: 2;
margin-left: -20px;
padding: 3px 0 0 0;
width: 30px;
height: 24px;
text-align: center;
color: #606060;
font-size: 20px;
cursor: pointer;
}
#footer_popup {
position: absolute;
z-index: 0;
bottom: 0;
display: none;
padding-bottom: 65px;
width: 100%;
}
#footer_popup h3, #footer_popup h4 {
padding: 10px 0;
border-bottom: 1px solid #ebebeb;
color: #000;
font-size: 20px;
line-height: 22px;
font-weight: normal;
}
#footer_popup h4 {
border: none;
}
#footer_popup p a {
color: #464646
}
#footer_bottom i {
font-size: 14px;
height: 20px;
-webkit-transition: font-size 0.25s 0s ease;
-moz-transition: font-size 0.25s 0s ease;
-o-transition: font-size 0.25s 0s ease;
}
#footer_bottom i:hover {
font-size: 20px;
-webkit-transition: font-size 0.25s 0s ease;
-moz-transition: font-size 0.25s 0s ease;
-o-transition: font-size 0.25s 0s ease;
}
#preloader {
position: fixed;
z-index: 100000;
top: 40%;
width: 100%;
}
#preloader .message {
position: absolute;
left: 32%;
padding: 0 1%;
margin-top: 70px;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
border: none;
color: #fff;
text-align: center;
width: 34%;
}
#preloader .loader {
position: absolute;
left: 50%;
margin-left: -28px;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 6px;
height: 56px;
width: 56px;
line-height: 56px;
text-align: center;
}
#preloader .loader img {
opacity: 0.9;
}
#preloader .message .inside {
padding: 20px;
}
#login-box {
z-index: 100000;
position: fixed;
top: 50%;
left: 50%;
margin-left: -160px;
margin-top: -200px;
width: 320px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
border-radius: 5px;
background: #fff;
text-align: center;
}
#login-box a {
text-decoration: underline;
}
#login-box a:hover, #login-box .button {
text-decoration: none;
}
#login-box .inside {
padding: 20px;
}
#login-box input {
text-align: center;
color: #000;
margin: 12px 0;
}
#login-box .button {
margin-top: 20px;
position: relative;
}
#login-box .line {
overflow: hidden;
margin: 20px -20px 0 -20px;
width: 320px;
height: 1px;
border-top: 5px solid #9d3bc6;
}
#carousel_tabs a {
white-space: nowrap;
}
/*form element*/
label, input, button, select, textarea {
font-weight: normal;
font-size: 12px;
line-height: 20px;
}
.form-search-wrapper {
position: relative;
z-index: 490;
}
.top_search_block .form-search-wrapper {
margin-right: 58px
}
.shopping_cart_top .shopping_cart_mini {
margin-top: 41px
}
.form-search {
position: relative;
margin-bottom: 0;
}
.form-search input.search-query {
padding-left: 12px;
font-size: 12px;
width: 260px;
height: 24px;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
padding-right: 31px
}
.form-search button.btn-top-search {
background: none !important;
}
select, select:focus {
border-radius: 3px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
outline: none;
//height: 34px;
height: 25px;
line-height: 34px;
//padding:6px;
font-size: 14px;
vertical-align: middle;
position: relative;
width: 100%;
top: 5px;
}
select.fullwidth, input.fullwidth, textarea.fullwidth {
width: 99%;
}
input.fullwidth, textarea.fullwidth {
width: 94%;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
border: 2px solid #fff;
border-radius: 3px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
#form-contact input {
width: 100%;
}
#form-contact input.input-small {
width: 120px;
margin-top: 5px;
}
#form-contact textarea {
width: 100%;
height: 185px;
margin-bottom: 20px;
}
button, .button, .custom_submit {
padding: 0 14px;
border: none;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
font-size: 12px;
line-height: 25px
}
button.dark, .button.dark {
background: #333;
}
.button {
display: inline-block;
text-decoration: none;
}
button:hover, .button:hover {
color: #fff;
text-decoration: none;
}
button.dark:hover, .button.dark:hover {
background: #000;
}
button.button-2x, .button.button-2x {
padding: 0 15px;
font-size: 16px;
line-height: 33px
}
button.button-3x, .button.button-3x {
padding: 2px 15px 6px 15px;
border: none;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
font-size: 64px;
line-height: 64px;
margin-bottom: 15px;
}
.form-search button, .form-mail button {
position: absolute;
margin: 0;
padding: 2px 0 0 0;
width: 32px;
height: 32px;
border: none;
border-radius: 3px;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.form-search {
display: block;
}
.form-search button {
top: 2px;
color: #fff;
right: 2px
}
.form-search button.btn-top-search {
right: 5px;
top: -5px;
}
.form-mail button, .form-mail button:hover {
padding: 0;
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: none;
color: #FFFFFF;
height: 32px;
margin: 0;
padding: 2px 0 0;
position: absolute;
text-shadow: none;
top: 2px;
transition: background-color 0.25s ease 0s;
width: 32px;
left: 2px
}
.form-mail {
position: relative;
display: block;
}
.form-mail input {
padding-left: 40px;
padding-right: 10px;
height: 24px;
border: 2px solid #fff;
border-radius: 4px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
font-family: arial;
font-size: 12px;
color: #000;
width: 79%
}
.form-login-wrapper {
position: absolute;
width: 330px;
top: 20px;
right: 0;
z-index: 50005;
display: none;
padding: 8px 8px 12px 20px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
background-color: rgba(0, 0, 0, 0.89);
}
.form-login-wrapper:hover {
display: block;
}
.form-login {
margin: 0;
}
.form-login input {
margin: 0 15px 0 -24px;
padding-left: 25px;
width: 112px;
height: 22px;
border: 2px solid #fff;
border-radius: 3px;
}
.form-login .pull-left i {
position: relative;
z-index: 100;
width: 18px;
color: #000;
font-size: 16px;
height: 32px;
vertical-align: middle;
}
.form-login button {
float: left;
display: inline-block;
margin: 0 0 0 -5px;
padding: 0;
width: 20px;
height: 32px;
border: none;
background: none;
background-image: none;
box-shadow: none;
color: #fff;
text-shadow: none;
}
.form-login button i {
color: #ff0066;
font-size: 20px;
line-height: 20px;
}
.form-login button.btn:hover {
background: none;
}
@media (max-width: 1279px) {
#right_toolbar {
/*right:-10000px;*/
}
.hidden-small-desktop {
display: none;
}
}
@media (max-width: 1200px) {
.custom_blocks .box {
width: 212px;
float: left;
}
.custom_blocks .box a {
text-transform: uppercase;
font-weight: normal;
font-size: 16px;
}
#header.header_v_2 #nav > li > a {
min-width: 100px;
display: block;
padding: 15px 20px 15px 10px;
}
#header.header_v_2 .fadelink > a {
min-width: 60px;
padding: 15px 20px 15px 10px;
}
#nav .menu_custom_block .col-third {
float: left;
width: 190px;
margin: 0 10px;
}
/*change*/
.checkout-column-left {
border: 0px solid green;
left: -19px;
padding: 0 10px;
position: relative;
}
/*25.03.2016*/
.row.desktopmegamenu {
display: none;
}
/*25.03.2016*/
.row.mobilemegamenu{display:block !important;}
/*end*/
/*end*/
}
@media (max-width: 979px) {
section.slider #layerslider-container-fw {
margin-right: 7px;
}
.accordion-inner > .pull-left, .accordion-inner > .pull-right {
float: none;
}
#nav li:hover li.list_column {
width: 200px;
}
#nav li:hover li.category_desc_in_menu {
padding: 0 30px;
width: 200px;
}
#header.header_v_2 .top-links {
float: none;
clear: both;
margin: 0 0 0 -10px;
padding-top: 10px;
}
#nav .menu_custom_block .col-third {
float: left;
width: 150px;
margin: 0 5px;
}
}
@media (min-width: 1200px) and (max-width: 1360px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 1050px;
}
.span12 {
width: 1050px;
}
.span11 {
width: 960px;
}
.span10 {
width: 870px;
}
.span9 {
width: 780px;
}
.span8 {
width: 690px;
}
.span7 {
width: 600px;
}
.span6 {
width: 570px;
}
.span5 {
width: 420px;
}
.span4 {
width: 330px;
}
.span3 {
width: 240px;
}
.span2 {
width: 150px;
}
.span1 {
width: 60px;
}
.preview {
padding: 5px 5px 10px 5px;
margin: 0;
}
.preview .col-1 {
width: 75px;
}
.preview .col-2 {
width: 230px;
}
.preview.small {
padding-bottom: 5px;
}
.preview.small .col-1 {
width: 53px;
margin-right: 5px
}
.preview.small .col-2 {
width: 140px;
}
.preview .big_image {
width: 230px;
}
.preview.small .big_image {
width: 140px;
height: 137px;
}
#header.header_v_2 #nav > li > a {
min-width: 130px;
display: block;
padding: 15px 20px 15px 10px;
}
#header.header_v_2 .fadelink > a {
min-width: 60px;
padding: 15px 30px 15px 10px;
}
.custom_blocks .box {
width: 240px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.custom_blocks .box {
padding: 0;
width: 158px;
float: left;
}
.custom_blocks .box a {
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
}
.custom_blocks .box .icon_circle {
margin: 0 5px 0 0;
}
.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span7, .product-box .span8 {
float: left;
width: 350px;
}
.product-box .product-img-box .span1 {
width: 60px;
margin-right: 20px;
}
.product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
width: 260px;
margin: 0;
}
.form-mail input {
width: 70%;
}
}
@media (max-width: 767px) {
.flexslider.big .flex-direction-nav {
display: none;
}
.listing_header_row1 .pull-left {
width: 50%;
}
.listing_header_row1 .pull-right {
width: 49%;
}
.tab-content {
position: relative;
z-index: 0;
background-color: #fff;
margin-bottom: 25px;
margin-top: 2px;
padding: 20px;
border-top: none;
}
.nav-tabs > li > a, .nav-pills > li > a {
margin-right: 0;
}
.mousetrap {
display: none;
}
#footer_popup {
position: relative !important;
display: block !important;
height: auto !important;
padding-bottom: 20px;
}
#nav li:hover li.list_column {
width: 160px;
}
#nav li:hover li.category_desc_in_menu {
padding: 0 20px;
width: 160px;
}
#footer_button {
display: none;
}
#footer .pull-left.noHover, #footer .pull-right.noHover {
max-width: 100%;
}
/*25.03.2016*/
.row.desktopmegamenu {
display: none;
}
#products_view_details.span2,#products_view_details_1.span2,#products_view_details_2.span2,#products_view_details_3.span2{margin-left:16px;}
#products_view_details_column_left.span4,#products_view_details_column_right.span4{margin-left:16px;}
#products_view_details_column_right > h1,#products_view_details_column_left > h1{font-size:18px;}
.column_left_block img {
max-width: 90px;
width: 100%;
}
.products_images{text-align: center;}
/*end*/
}
@media (min-width: 641px) and (max-width: 768px){.column_left_block img {
max-width: 115px !important;
width: 100%;
}
#products_view_details_column_right > h1, #products_view_details_column_left > h1{font-size:16px;}
.inner_container_rightBox .span9{width:528px !important;margin-left:0px;}
#products_view_details > h1, #products_view_details_1 > h1, #products_view_details_2 > h1, #products_view_details_3 > h1{font-size:20px;}
}
@media (max-width: 1024px){
.column_left_block img {
max-width: 150px;
width: 100%;
}
#products_view_details_column_right > h1, #products_view_details_column_left > h1{font-size:16px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.big_with_description .span10 {
margin-bottom: 15px;
width: 80% !important;
}
}
@media (min-width: 640px) and (max-width: 767px) {
body {
padding: 0;
}
.big_with_description .span10 {
margin-bottom: 15px;
width: 80% !important;
}
.container {
padding: 0 20px;
width: 580px;
}
.row {
margin-left: -70px;
}
.span12 {
float: left;
margin-left: 70px;
width: 580px;
}
.span11 {
float: left;
margin-left: 70px;
width: 580px;
}
.span10 {
float: left;
margin-left: 70px;
width: 580px;
}
.span9 {
float: left;
margin-left: 70px;
width: 580px;
}
.span8 {
float: left;
margin-left: 70px;
width: 344px;
}
.span7 {
float: left;
margin-left: 70px;
width: 344px;
}
.span6 {
float: left;
margin-left: 70px;
margin-right: -40px;
width: 276px;
}
.span5 {
float: left;
margin-left: 70px;
width: 255px;
}
.span4 {
float: left;
margin-left: 70px;
width: 255px;
}
.span3 {
float: left;
margin-left: 70px;
width: 255px;
}
.span2 {
float: left;
margin-left: 70px;
width: 123px;
}
.span1 {
float: left;
margin-left: 15px;
width: 59px;
}
.row.small_without_description, .row.small_with_description {
margin-left: -30px;
}
.span2.product {
margin-left: 30px;
width: 120px;
}
.carousel, .es-carousel, .es-carousel .row {
padding: 0;
margin: 0;
}
.carousel.style0 .es-carousel {
margin: 0 -5px 0 -65px;
}
.carousel .span3 {
margin-left: 65px;
margin-right: 5px;
width: 255px;
}
.carousel .span2 {
margin-left: 4px;
margin-right: 11px;
width: 123px;
}
#column_left.span3 {
float: left;
width: 580px;
}
#column_right.span9 {
float: left;
width: 580px;
}
.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
width: 580px;
margin-left: 70px;
margin-bottom: 25px;
}
.product-box .product-img-box .span1 {
float: left;
width: 60px;
margin-right: 20px;
margin-left: 70px;
}
.product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
float: left;
width: 500px;
margin: 0;
}
.nav-tabs li {
float: none;
}
.nav-tabs li a {
margin-bottom: -2px;
background: #fff;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
.form-mail input, .form-search input.search-query {
width: 200px;
}
.custom_blocks .box {
width: 270px;
}
.custom_blocks .box:first-child {
padding: 0 30px 0 5px;
}
.custom_blocks .pull-left:first-child {
padding: 0;
background: none;
}
.span2.product .product-price span.old, .span2.product .product-price-regular span.old {
padding: 0;
display: block;
margin-top: -12px;
}
}
@media (max-width: 640px) {
#login-box {
margin-top: -150px;
}
#login-box .inside {
padding: 20px;
}
#login-box input {
text-align: center;
color: #000;
margin: 5px 0;
}
#login-box .line {
margin: 5px -20px;
}
#login-box .button {
margin-top: 5px;
}
}
@media (min-width: 480px) and (max-width: 639px) {
body {
padding: 0;
}
.container {
padding: 0 40px;
width: 370px;
}
.row {
margin-left: -20px;
}
.span12 {
float: left;
margin-left: 40px;
width: 370px;
}
.span9 {
float: left;
margin-left: 40px;
width: 370px;
}
.span6 {
float: left;
margin-left: 20px;
width: 370px;
}
.span4 {
float: left;
margin-left: 40px;
width: 370px;
}
.span3 {
float: left;
margin-left: 70px;
width: 270px;
}
.span2.product {
float: left;
margin-right: 35px;
margin-bottom: 10px;
margin-left: 15px;
width: 160px;
}
.span3.product {
float: left;
margin-left: 50px;
margin-right: 50px;
width: 270px;
}
.carousel {
width: 370px;
}
.carousel, .es-carousel, .es-carousel .row {
padding: 0;
margin: 0;
}
.carousel .span2.product {
float: left;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 5px;
width: 160px;
}
.carousel .span3.product {
float: left;
margin-left: 50px;
margin-right: 50px;
width: 270px;
}
.nav-tabs li {
float: none;
}
.nav-tabs li a {
margin-bottom: -2px;
background: #fff;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
#nav, .link_label {
display: none;
}
.nav-list {
display: block;
position: static;
top: 0;
}
#logo {
float: none;
text-align: center;
padding: 10px 0 0;
}
.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
margin-left: 40px;
width: 370px;
margin-bottom: 25px;
}
.product-box .product-img-box .span1 {
float: left;
width: 70px;
margin-right: 10px;
}
.product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
float: left;
width: 290px;
margin: 0;
}
#column_left.span3 {
float: left;
width: 370px;
margin-left: 0;
}
#column_right.span9 {
float: left;
width: 370px;
}
.block_img {
width: 175px;
margin-left: 20px;
}
.form-mail input, .form-search input.search-query {
width: 200px;
}
.custom_blocks .box {
width: 170px;
float: left;
}
.custom_blocks .box a {
font-size: 12px;
}
.custom_blocks .box:first-child {
padding: 0 30px 0 0;
}
.custom_blocks .pull-left:first-child {
padding: 0;
background: none;
}
#form-contact .span9 {
margin: 0;
width: 390px;
}
#header.header_v_2 .form-search-wrapper {
margin: -15px 0 0 30px;
}
.table.shopping-cart-table th {
display: none;
}
.table.shopping-cart-table, .table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
display: block;
float: left;
clear: both;
width: 100%
}
.table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
padding: 10px;
width: 90%;
min-width: 200px;
border: none;
border-bottom: 1px solid #e5e5e5;
text-align: left;
}
.table.shopping-cart-table td.aligncenter {
text-align: left;
}
.table.shopping-cart-table td:first-child {
text-align: center;
}
.table.shopping-cart-table .cart-col-name {
display: inline-block;
padding-right: 10px;
}
.right-button {
float: left;
margin-bottom: 15px;
}
/*25.03.2016*/
.column_left_block img {
max-width: 114px;
width: 100%;
}
.products_images{text-align: center;}
/*end*/
}
@media (max-width: 479px) {
body {
padding: 0;
}
.container {
padding: 0;
margin: 0 auto;
width: 300px;
}
.row {
margin-left: 0;
}
.span12 {
float: left;
margin-left: 0;
width: 300px;
}
.span9 {
float: left;
margin-left: 0;
width: 300px;
}
.span6 {
float: left;
margin-left: 0;
width: 300px;
}
.span4 {
float: left;
margin-left: 0;
width: 300px;
}
.span3 {
float: left;/*margin-left: 20px;*/
/*width:260px;*/
}
.span3.product {
float: left;
margin-left: 20px;
margin-right: 20px;
width: 260px;
}
.span2.product {
float: left;
margin-right: 7px;
margin-left: 8px;
margin-bottom: 10px;
width: 135px;
padding: 0;
}
.carousel {
width: 300px;
}
.es-carousel {
padding: 0;
margin: 0;
}
.nav-tabs li {
float: none;
}
.nav-tabs li a {
margin-bottom: -2px;
background: #fff;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
}
#nav, .link_label {
display: none;
}
.nav-list {
display: block;
position: static;
top: 0;
}
#topline .pull-right {
float: none;
}
#topline .pull-right .alignright {
text-align: center;
}
#topline .fadelink {
margin-right: 5px;
margin-left: 0px;
}
#topline .fadelink > a {
padding: 2px 20px 1px 5px;
}
#topline .fadelink .ul_wrapper ul {
padding: 5px 12px 5px 5px;
}
#logo {
float: none;
text-align: center;
padding: 10px 0 0;
}
#column_left.span3 {
float: left;
width: 300px;
margin: 0;
}
#column_right.span9 {
float: left;
width: 300px;
margin: 0;
}
#form-contact .span9, #form-contact .span4 {
margin: 0;
width: 280px;
}
#form-contact .span4.pull-right {
float: none;
}
.product-box .span4, .product-box .span5, .product-box .span6, .product-box .span7, .product-box .span8 {
float: left;
width: 300px;
margin-bottom: 25px;
}
.product-box .product-img-box .span1 {
float: left;
width: 60px;
margin-left: 5px;
margin-right: 10px;
}
.product-box .product-img-box .span3, .product-box .product-img-box .span4, .product-box .product-img-box .span5 {
float: left;
width: 215px;
margin: 0;
}
.product-shop .product_related, .product-shop .product_custom {
float: none;
width: 170px;
margin: 0 0 50px 0;
}
.block_img {
width: 260px;
margin-left: 20px;
}
.form-mail input, .form-search input.search-query {
width: 180px;
}
.custom_blocks {
width: 256px;
margin-left: 20px;
}
.custom_blocks .box, .custom_blocks .box:first-child {
margin: 0 3px;
padding: 0;
width: 250px;
background: none;
float: none;
}
.custom_blocks .box .inside a {
text-align: left;
}
.custom_blocks .pull-left, .custom_blocks .pull-left:first-child {
padding: 0;
background: none;
float: none;
}
.shoppingcart .badge {
position: absolute;
top: -7px;
left: -10px;
right: auto;
}
#footer .pull-left.noHover, #footer .pull-right.noHover {
width: 100%;
max-width: 100%;
float: none;
text-align: center;
}
.select_wrapper.width1 {
width: 80px;
}
.direction-nav {
margin-bottom: 8px;
}
#header.header_v_2 .form-search-wrapper {
margin: -15px 0 0 -5px;
}
#header.header_v_2 .form-search input.search-query {
width: 160px;
}
#header.header_v_2 .shoppingcart {
right: 30px;
bottom: 75px;
}
#header.header_v_2 .fadelink {
margin-right: -12px;
margin-left: 15px;
}
#header.header_v_2 .fadelink .ul_wrapper {
position: absolute;
top: 25px;
z-index: 100;
display: none;
border: 1px solid #d9d9d9;
}
#header.header_v_2 .fadelink .ul_wrapper ul {
padding: 7px 5px 7px 5px;
width: auto;
border-radius: 0;
background: #fff;
}
#header.header_v_2 .fadelink > a {
padding: 2px 15px 1px 5px;
border-radius: 2px;
color: #555555;
text-decoration: none;
box-shadow: none;
border: 1px solid #d9d9d9;
border-bottom: none;
font-weight: normal;
}
#header.header_v_2 .fadelink:hover > a {
box-shadow: none;
border: 1px solid #d9d9d9;
border-bottom: none;
color: #555555;
}
.table.shopping-cart-table, .table.shopping-cart-table tr, .table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
display: block;
float: left;
clear: both;
width: 100%
}
.table.shopping-cart-table th {
display: none;
}
.table.shopping-cart-table td, .table.shopping-cart-table td:first-child {
padding: 10px;
width: 90%;
border: none;
border-bottom: 1px solid #e5e5e5;
text-align: left;
}
.table.shopping-cart-table td.aligncenter {
text-align: left;
}
.table.shopping-cart-table td:first-child {
text-align: center;
}
.table.shopping-cart-table .cart-col-name {
display: inline-block;
padding-right: 10px;
}
.right-button {
float: left;
margin-bottom: 15px;
}
#login-box {
left: 50%;
margin-left: -140px;
width: 280px;
}
#login-box .line {
margin: 5px -20px;
width: 280px;
}
/*25.03.2016*/
.column_left_block img {
max-width: 90px;
width: 100%;
}
.inner_container_rightBox #column_right_block.span2{float:none !important;width:100% !important;max-width:100% !important;}
.products_images{text-align: center;}
/*end*/
}
.Quik_view {
background-color: hsla(0, 0%, 0%, 0);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease-out 0s;
}
.Quik_view i {
background: #005E3B none repeat scroll 0 0;
border-radius: 5px;
color: hsl(0, 0%, 100%);
font-size: 13px;
left: 28%;
margin-top: -20px;
padding: 10px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-100%);
transition: all 0.5s ease-out 0s;
visibility: hidden;
}
.Quik_view:hover {
/*background-color:hsla(72, 53%, 48%, 0.6);*/
background-image: url(../megastore_images/overlay.png);
opacity: 1;
border: 0px solid #000;
border-radius: 7px;
}
.Quik_view:hover i {
transform: translateY(0px);
visibility: visible;
}
.span12 .header-img {
float: left;
text-align: center;
padding-top: 5px;
}
@media (min-width: 1360px) and (max-width: 1600px) {
/*EMM*/
.span3.header-img.banner-img {
max-width: 500px !important;
width: 100% !important;
height: auto !important;
margin-left: 3px !important;
}
.span2.header-img.world-wide-img {
max-width: 104px !important;
width: 100% !important;
height: auto !important;
}
.span2.header-img.hotpick-img {
max-width: 100px !important;
width: 100% !important;
height: auto !important;
}
.span2.header-img.live-help-img {
max-width: 128px !important;
width: 100% !important;
}
.span2.header-img.store-logo-img {
max-width: 140px !important;
width: 100% !important;
margin:0px auto;
}
.span2.header-img {
position: relative;
top: 30px;
}
.span12 .span2.header-img {
margin-left: 3px !important;
}
}
/* added on 29-01-2016 new layout for listing page #start */
.product-list .image {
overflow: hidden;
position: relative;
}
.product-list .image img.zoom-image-effect {
display: block;
transform: scale(1, 1);
transition-duration: 250ms;
transition-timing-function: ease-out;
}
.image img.zoom-image-effect:hover {
transform: scale(1.05, 1.07);
transition-duration: 250ms;
transition-timing-function: ease-out;
}
.product-list .name {
padding: 15px 0 0;
}
.product-list .description {
color: #666666;
width: 100%;
text-align: justify;
}
.product-list .product-actions {
padding: 12px 0 0;
}
.view_details > a {
background: #005e3b none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
float: left;
font-family: "Oswald", sans-serif;
font-size: 12px;
font-weight: 700;
margin-top: 15px;
padding: 10px;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
}
.view_details > a:hover {
background: #7B7B7B;
}
.infoBoxContainer .product-list {
clear: both;
margin-bottom: 20px;
margin-left: 20px;
padding: 10px;
}
.image_box img {
clear: both;
float: left;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
border-radius: 8px;
max-width: 250px;
width: 100%;
height:375px;
}
.descriptionHeading_box {
float: left;
margin-left: 10px;
width: 100%;
max-width: 600px;
}
.name > a {
clear: both;
color: #005e3b;
float: left;
font-family: rokkitt;
font-size: 24px;
margin-bottom: 20px;
text-decoration: none;
width: 100%;
}
.new_price {
color: #005e3b;
font-family: rokkitt !important;
font-size: 24px !important;
}
button.custom_btn_view {
color: #fff;
font-family: rokkitt !important;
font-size: 17px;
font-weight: bold;
padding: 15px 14px;
text-decoration: none !important;
}
/* added on 29-01-2016 new layout for listing page #ends */
/*25.03.2016*/
.column_left_block p{
margin-top:5px;
text-align:justify;
}
.homepage_description_block_1 > p{text-align:justify;}
/*end*/
@media (min-width: 220px) and (max-width:320px) {
#wrap {
/*min-height: 100%;
height: auto !important;
height: 100%;*/
overflow:hidden;
}
#footer_line {
position: relative;
z-index: 0;
overflow:hidden;
}
}
.category_desc iframe{width:100%;}
.span2.header-img.store-logo-img{ padding-bottom:50px;}
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
.column_left_block img {
max-width: 96px !important;
width: 100%;
}
.span3.news-letterIcon {
float: none;
margin: 26px 0;
padding: 0;
text-align: center;
width: 100%;
}
.alignright {
display: inline-block;
margin: 0 auto;
text-align: center;
width: 100%;
}
.span3.socialIcons{display: inline;
float: none;
margin: 0 auto;
text-align: center;}
.span3.bannerImage{float: none;
margin: 0 auto;
text-align: center;}
.span3.registerBlock{
float: none;
margin: 0 auto;
text-align: center;}
/*[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
box-sizing: border-box;
display: block;
float: none;
margin-left: 0;
width: 100%;
}*/
.row.mobilemegamenu{margin:0px;}
.row.mobilemegamenu .span8{width:100%;margin:0;}
.span2.header-img.store-logo-img{margin: 0;
text-align: center;
width: 100%;}
.inner_container_rightBox #column_right.span9{margin: 0;
width: 100%;}
.row.inner_container_rightBox{margin:0px;}
#column_left.span6{margin:0px}
.inner_container_rightBox #column_right_block.span2 {
float: right;
margin: 0;
max-width: 100%;
width: 100%;
}
.inner_container_rightBox #column_left.span6 {
margin: 0;
max-width: 100%;
width: 100%;
}
#products_view_details.span2, #products_view_details_1.span2, #products_view_details_2.span2, #products_view_details_3.span2{margin:0;width:100%;}
#products_view_details_column_right > div{text-align:center;}
#products_view_details_column_left.span4, #products_view_details_column_right.span4{width:100%;margin:0 auto;}
#footer_popup.footer_bg.allowHover .span3{margin: 0;
max-width: 270px;
padding: 10px;
width: 100%;}
#footer_popup.footer_bg.allowHover .span2{margin: 0;
max-width: 270px;
padding: 10px;
width: 100%;}
#footer_popup .row{margin:0px;}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px){
.column_left_block img {
max-width: 32% !important;
width: 100%;
}
.span3.news-letterIcon {
float: none;
margin: 26px 0;
padding: 0;
text-align: center;
width: 100%;
}
.alignright {
display: inline-block;
margin: 0 auto;
text-align: center;
width: 100%;
}
.span3.socialIcons{display: inline;
float: none;
margin: 0 auto;
text-align: center;}
.span3.bannerImage{float: none;
margin: 0 auto;
text-align: center;}
.span3.registerBlock{
float: none;
margin: 0 auto;
text-align: center;}
/*[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
box-sizing: border-box;
display: block;
float: none;
margin-left: 0;
width: 100%;
}*/
.row.mobilemegamenu{margin:0px;}
.row.mobilemegamenu .span8{width:100%;margin:0;}
.span2.header-img.store-logo-img{margin: 0;
text-align: center;
width: 100%;}
.inner_container_rightBox #column_right.span9{margin: 0;
width: 100%;}
.row.inner_container_rightBox{margin:0px;}
#column_left.span6{margin:0px}
.inner_container_rightBox #column_right_block.span2 {
float: right;
margin: 0;
max-width: 100%;
width: 100%;
}
.inner_container_rightBox #column_left.span6 {
margin: 0;
max-width: 100%;
width: 100%;
}
#products_view_details.span2, #products_view_details_1.span2, #products_view_details_2.span2, #products_view_details_3.span2{margin:0;width:100%;}
#products_view_details_column_right > div{text-align:center;}
#products_view_details_column_left.span4, #products_view_details_column_right.span4{width:100%;margin:0 auto;}
#footer_popup.footer_bg.allowHover .span3{margin: 0;
max-width: 270px;
padding: 10px;
width: 100%;}
#footer_popup.footer_bg.allowHover .span2{margin: 0;
max-width: 270px;
padding: 10px;
width: 100%;}
#footer_popup .row{margin:0px;}
}
.row.mobilemegamenu .span8 {
width: 100%;
margin:0px 10px;
}
/*.span2.header-img.store-logo-img{text-align:center;width:100%;}*/
@media only screen
and (max-device-width: 768px) and (-webkit-max-device-pixel-ratio: 1) {
.span3.registerBlock {
margin: 35px 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
}
@media only screen
and (max-device-width: 980px) and (-webkit-max-device-pixel-ratio: 1) {
.span3.registerBlock {
margin: 35px 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
}
@media only screen and (max-device-width: 980px){
.span3.registerBlock {
margin: 35px 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
.span3.bannerImage{margin:10px auto;}
.span3.socialIcons {
margin: 40px !important;
max-width: 300px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
}
@media only screen and (max-device-width: 768px){
.span3.registerBlock {
margin: 35px 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
.span3.bannerImage{margin:10px auto;}
.span3.socialIcons {
margin: 40px !important;
max-width: 300px;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100%;
}
.column_left_block img {
max-width: 32% !important;
width: 100%;
}
/* 16.05.2017 emm */
.shopping_cart_mini.container ul#level1.collapse.in{
height: 192px !important;
overflow-x: hidden;
overflow-y: scroll;
}
.shopping_cart_mini .row.mobilemegamenu .span12{margin-left:0px;}
.category_desc table{width:100%;}
/*end of css*/
.category_desc table#AutoNumber1{display:none;}
}
@media only screen and (max-width: 1000px){
.category_desc table#AutoNumber1, .category_desc > table#table1{display:none;}
#right_toolbar.hidden-phone.hidden-tablet {
display: block !important;
opacity: 1 !important;
}
#right_toolbar {
position: fixed;
right: 0px;
top: 10%;
z-index: 2147483647;
}
#right_sidebar_tool, #right_toolbar {
width: auto;
position: fixed;
top: 0;
right: -250px;
height: 100vh;
z-index: 9999;
color: #fff;
transition: all 0.3s;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#right_sidebar_tool.active, #right_toolbar.active {
right: 0;
}
#dismiss {
background: #005e3b none repeat scroll 0 0;
border-radius: 4px;
cursor: pointer;
height: 29px;
line-height: 39px;
position: absolute;
right: 11px;
text-align: center;
top: 5px;
transition: all 0.3s ease 0s;
width: 37px;
z-index: 2147483647;
}
#dismiss:hover {
background: #000;
color: #fff;
}
#dismiss .icon-right-thin{font-size:22px;}
.navbar.navbar-default {
float: right;
text-align: right;
}
#right_sidebar_tool .sidebar-header {
padding: 20px;
background: #6d7fcc;
}
#right_sidebar_tool ul.components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}
#right_sidebar_tool ul p {
color: #fff;
padding: 10px;
}
#right_sidebar_tool ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
}
#right_sidebar_tool ul li a:hover {
color: #7386D5;
background: #fff;
}
#right_sidebar_tool ul li.active > a, a[aria-expanded="true"] {
color: #fff;
background: #6d7fcc;
}
.navbar-header .btn.btn-info.navbar-btn {
background: #005e3b;
border: medium none;
font-size: 18px;
}
#right_toolbar.hidden-phone.hidden-tablet.active {
padding-right: 10px;
top: 4%;
}
#contentSlide {
display: inline-block;
position: fixed;
right: 10px;
top: 4px;
z-index: 215;
}
.category_desc > p[align="center"]{display:none;}
}
.category_desc .vp-player-layout {
max-width: 500px !important;
width: 100% !important;
}
@media only screen and (min-width: 1001px){
#contentSlide{display:none;}
#dismiss{display:none;}
#right_toolbar.hidden-phone.hidden-tablet.active {
padding-right: 6px;
top: 4%;
}
#right_toolbar {
bottom: 40%;
position: fixed;
right: 5px;
z-index: 2147483647;
}
}
/* 06.07.2017 */
@media only screen and (min-width: 770px){
.column_left_block img {
max-width: 32.7% !important;
width: 100%;
}
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1920px){
.column_left_block img {
max-width: 32.7% !important;
width: 100%;
}
.row.mobilemegamenu .span8 {
margin: 0 10px;
width: 100%;
}
}
/*19.01.2017*/
.infoBoxContents.search-cnt input {
height:26px;
width:73% !important;
}
/*
@media screen
and (device-width: 601px)
and (device-height: 906px)
and (-webkit-min-device-pixel-ratio: 1.331)
and (-webkit-max-device-pixel-ratio: 1.332) {
.inner_container_rightBox #column_right_block.span2{float:none !important;width:100% !important;max-width:100% !important;border:1px solid red;}
}
@media screen and (device-width: 601px)and (device-height: 906px{
.inner_container_rightBox #column_right_block.span2{float:none !important;width:100% !important;max-width:100% !important;border:1px solid red;}
}*/
.span2.header-img.store-logo-img {
max-width: 140px !important;
width: 100% !important;
margin:0px auto;
}
a, div, p{vertical-align: middle; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
.related-productsItems .infoBoxContents td.smallText{
clear: both;
width:100% !important;
float: left !important;
}
.related-productsItems .infoBoxContents td {float:left !important;width:100% !important;}
.related-productsItems .smallText{float:left !important;width:100% !important;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait){
.related-productsItems .infoBoxContents td.smallText{
clear: both;
width:100% !important;
float: left !important;
}
.related-productsItems .infoBoxContents td {float:left;width:100% !important;}
.related-productsItems .smallText{float:left !important;width:100% !important;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 360px){
#wrap > div#topline {
margin-top: 30px;
}
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: absolute;
right: 0;
top: 0;
height:77px;
}
}
@media only screen and (min-device-width: 361px) and (max-device-width: 769px){
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: absolute;
right: 0;
top: 0;
height:77px;
}
#wrap > div#topline {
margin-top: 64px;
}
#footer_bottom i:hover {
font-size: 14px !important;
height: 20px;
-webkit-transition: font-size 0.0s 0s ease;
-moz-transition: font-size 0.0s 0s ease;
-o-transition: font-size 0.0s 0s ease;
}
}
@media only screen and (min-width: 320px) and (max-width: 360px){
#wrap > div#topline {
margin-top: 30px;
}
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: absolute;
right: 0;
top: 0;
height:77px;
}
#footer_bottom i:hover {
font-size: 14px !important;
height: 20px;
-webkit-transition: font-size 0.0s 0s ease;
-moz-transition: font-size 0.0s 0s ease;
-o-transition: font-size 0.0s 0s ease;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: relative;
right: 0;
top: 0;
height:77px;
}
.row.mobilemegamenu {
float: right;
width: 83%;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: relative;
right: 0;
top: 0;
height:77px;
}
.row.mobilemegamenu {
float: right;
width: 83%;
}
}
@media only screen and (min-width: 361px) and (max-width: 980px){
.span2.header-img.store-logo-img {
left: 0;
padding-top:5px;
position: absolute;
right: 0;
top: 0;
height:77px;
}
#wrap > div#topline {
margin-top: 64px;
}
}
@media only screen and (min-width: 701px){
.news-letterIcon button.custom_btn_view{white-space:normal;}
}
@media only screen and (min-width: 701px){
.row.desktopmegamenu.span9{padding-top:38px;}
.fieldValue select[name="country"]{width:206px;}
.smallText.notWrapText2{white-space:nowrap;}
.google-verifiy-left{float:left;width:17%;}
#special_contact .main > input{width:40%;}
#special_contact .main.fieldKey1 > input{width:25%;margin:0px;}
#special_contact .main.fieldKey1 > input[name="length"]{width:14% !important;}
#special_contact .main.fieldKey1 > input[name="unit"]{width: 10% !important;}
#special_contact .main.fieldKey1{font-weight:bold;}
#special_contact td textarea{width:70%;}
}
@media only screen and (max-width: 700px){
.clearfix.socialsplugins_wrapper{float:none !important;}
}
#special_contact .main.fieldKey1{font-weight:bold;}
@media only screen and (max-width: 669px){
.smallText.notWrapText2 > form{text-align:left !important;}
.smallText.notWrapText2{float:none !important;text-align:left;}
#abouts_page div{text-align:justify;width:100% !important;}
#abouts_page img{width:100% !important;}
#contactus_page .fieldKey{vertical-align:top;line-height:2;}
#contactus_page .fieldValue > textarea {
height: 100px;
}
#special_contact .main > input{width:100%;}
#special_contact td textarea{width:100%;}
#special_contact TD.pageHeading{font-size:16px;}
}
@media only screen and (max-width: 380px){
/*#special_contact .main > input[name="diameter"] {
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
width: 77% !important;
}
#special_contact .main.fieldKey1 > input[name="length"] {
clear: both;
margin: 0;
width: 30% !important;
}
#special_contact .main.fieldKey1 > input[name="unit"] {
margin: 0;
width: 30% !important;
}*/
.related-productsItems td.smallText a img{width:70px;height:100px;}
}
#contactus_page .fieldKey{vertical-align:top;line-height:2;}
.category_desc{padding-bottom:30px;}
.vp-player-layout {
height: 100% !important;
overflow: hidden;
width: 100% !important;
}
.form-mail button[name="newsletter"], .form-mail button[name="newsletter"]:hover{
border: medium none;
border-radius: 3px;
box-shadow: none;
color: #ffffff;
height: 21px;
left: 2px;
margin: 0;
padding: 0;
position: absolute;
text-shadow: none;
top: 2px;
transition: background-color 0.25s ease 0s;
width: 32px;
line-height:16px;
}
.comingSoonText {
color: #005e3b;
font-size: 15px;
text-align: center;
padding-top:8px;
}
.smallText.notWrapText2 > form, .smallText.notWrapText2 input{margin:0px;}
.custom_submit_button.continue{border: medium none;
background: #005e3b none repeat scroll 0 0;
border-radius: 3px;
font-size: 12px;
line-height: 25px;
padding: 0 14px;
text-transform: uppercase;
white-space: nowrap;display:inline-block;color:#fff;}
.custom_submit_button.continue:hover{ background: #2c2c2c none repeat scroll 0 0;
opacity: 0.6;}
@media (max-width: 480px){
#column_right .prod_info_name_price select {
width: 100%;
}
#column_right .prod_info_name_price td.productListing-data {
font-size: 11px;
}
}
.colorBlack{color:#000 !important;}
#back-top {
bottom: 4px;
display: inline-block;
position: fixed;
right: 4px;
z-index:2147483647;
}
/** For category id 23 **/
.view-des_23{float:left; padding:0 10px; margin:0 0 20px 0;}
.view-des_23 img{ max-width: 250px; width: 100%;border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);}
.space_img_23{float: left; min-height: 1px; margin-left: 30px;margin-bottom: 12px;}
a.cat_name_23{color: #005e3b; font-family: rokkitt; text-decoration:none; font-size:24px; text-transform:capitalize;}
.products_decriptions_63{margin: 0;}
.space_img_23{margin-left:0px;margin-bottom:25px;}
.img-bundle img[src="images/pixel_black.gif"] {height: 1px !important;}
.img-bundle img[src="images/pixel_trans.gif"]{height: 10px !important;}
.img-bundle select {width: auto;}
.img-bundle .fieldKey{width:auto;}
.text-red{color:red;font-size:12px;}
.text-red small{color:red;font-size:12px;}
.img-bundle input[type="radio"], .img-bundle input[type="checkbox"]{margin: 0;}
.rightColumn .fieldKey {vertical-align: middle;width: 80px;}
.individual_banner_form {display: block;padding-bottom: 10px;}
@media (min-width: 700px){
.rightColumn{border-left: 1px dashed rgb(204, 204, 204); margin-left: 3%; padding-left: 3%;}
#affiliate_contact .fieldKey {
vertical-align: top;
width: 84px;
}
.leftclm {
clear: both;
display: block;
float: left;
width: 114px;
}
.rightclm {
display: block;
float: left;
}
.img-bundle .rightclm .fieldKey{width:100%;}
.affiliate_banner_build input {
margin: 0;
}
#mobile-view, #mobile-view .infoBoxHeading{display:none;}
.megastore_affiliate .infoBoxContents > p{margin:0px;}
}
@media (max-width: 699px){
.rightColumn{border-top: 1px dashed rgb(204, 204, 204);}
#affiliate_contact .fieldKey {
vertical-align: top;
width: 84px;
}
.img-bundle .rightclm .fieldKey{width:100%;}
.text-red {
color: #ff0000;
display: block;
}
.span4.rightColumn{width:100%;margin-left:0px;}
.span4.leftColumn{width:100%;margin-left:0px;}
#affiliate_summary a.hastip {font-size:10px;}
#affiliate_summary td {
font-size: 11px;
}
#affiliate_summary td.boxText{font-size:10px;}
td.smallText.smallTextForClick{float:none;clear:none;}
.data-table a.hastip{white-space:nowrap;font-size:8px;display:block;}
#mobile-view .infoBoxHeading{display:none;}
}