html {
margin: 0px; padding: 0px;
}
body {
background: url("images/27.png") left top rgb(248, 248, 250); margin: 0px; padding: 0px; color: rgb(34, 34, 34); line-height: 18px; font-family: Droid Sans, Verdana, Geneva, sans-serif;
}
body {
font-size: 12px;
}
td {
font-size: 12px;
}
th {
font-size: 12px;
}
input {
font-size: 12px;
}
textarea {
font-size: 12px;
}
select {
font-size: 12px;
}
a {
font-size: 12px;
}
* {
margin: 0px; padding: 0px;
}
h1 {
text-align: center; color: rgb(34, 34, 34); font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: normal; margin-bottom: 30px; text-rendering: optimizelegibility;
}
h2 {
padding: 3px 0px 5px; color: rgb(34, 34, 34); text-transform: uppercase; font-size: 15px; font-weight: normal; margin-top: 0px; margin-bottom: 15px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
h4 {
padding: 3px 0px 5px; color: rgb(34, 34, 34); font-size: 13px; font-weight: bold; margin-top: 0px; margin-bottom: 10px;
}
p {
line-height: 20px; margin-top: 0px; margin-bottom: 20px;
}
a {
color: rgb(34, 34, 34); text-decoration: none; cursor: pointer;
}
a:visited {
color: rgb(34, 34, 34); text-decoration: none; cursor: pointer;
}
a b {
color: rgb(34, 34, 34); text-decoration: none; cursor: pointer;
}
a:hover {
color: rgb(0, 0, 0); text-decoration: none;
}
a img {
border: currentColor; border-image: none;
}
.clear {
clear: both;
}
form {
margin: 0px; padding: 0px; display: inline;
}
input[type='text'] {
background: rgb(255, 255, 255); padding: 5px 7px; border: 1px solid rgb(221, 221, 221); transition:0.3s ease-in-out; border-image: none; width: 218px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin-right: 0px; margin-left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
input[type='password'] {
background: rgb(255, 255, 255); padding: 5px 7px; border: 1px solid rgb(221, 221, 221); transition:0.3s ease-in-out; border-image: none; width: 218px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin-right: 0px; margin-left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
textarea {
background: rgb(255, 255, 255); padding: 5px 7px; border: 1px solid rgb(221, 221, 221); transition:0.3s ease-in-out; border-image: none; width: 218px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; margin-right: 0px; margin-left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
input[type='text']:focus {
border: 1px solid rgb(187, 187, 187); transition:0.3s ease-in-out; border-image: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
input[type='password']:focus {
border: 1px solid rgb(187, 187, 187); transition:0.3s ease-in-out; border-image: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
textarea:focus {
border: 1px solid rgb(187, 187, 187); transition:0.3s ease-in-out; border-image: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
select {
background: rgb(255, 255, 255); padding: 5px 2px; border: 1px solid rgb(221, 221, 221); transition:0.3s ease-in-out; border-image: none; font-family: Georgia, "Times New Roman", Times, serif; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
label {
cursor: pointer;
}
.wrapper-box {
background: rgb(255, 255, 255); margin: 20px auto; border-top-color: rgb(85, 85, 85); border-top-width: 2px; border-top-style: solid; max-width: 1040px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.wrapper-wide {
background: rgb(255, 255, 255); border-top-color: rgb(85, 85, 85); border-top-width: 2px; border-top-style: solid; max-width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
.main-wrapper {
margin: 0px auto; padding: 0px 20px; max-width: 1000px;
}
#column-left {
padding: 0px 15px 0px 0px; width: 220px; border-right-color: rgb(238, 238, 238); border-right-width: 1px; border-right-style: solid; float: left;
}
#column-right {
padding: 0px 0px 0px 15px; width: 220px; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; float: right;
}
#content {
padding: 0px; margin-bottom: 10px; min-height: 400px;
}
#column-left + #column-right + #content {
margin-left: 250px;
}
#column-left + #content {
margin-left: 250px;
}
#column-right + #content {
margin-right: 250px;
}
#header {
padding: 0px; position: relative;
}
#header::after {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
#header .htop {
border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
#header .htop::after {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
#header .hsecond {
margin: 0px auto; position: relative; min-height: 100px;
}
#header #logo {
margin: 25px 10px 0px 0px; float: left;
}
#language {
margin: 0px; color: rgb(68, 68, 68); text-transform: capitalize; line-height: 30px; text-decoration: none; float: left; position: relative; z-index: 1015; cursor: default;
}
#currency {
margin: 0px; color: rgb(68, 68, 68); text-transform: capitalize; line-height: 30px; text-decoration: none; float: left; position: relative; z-index: 1015; cursor: default;
}
#language ul {
background: rgb(255, 255, 255); padding: 10px; left: 0px; top: 30px; display: none; position: absolute; z-index: 1013; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
#currency ul {
background: rgb(255, 255, 255); padding: 10px; left: 0px; top: 30px; display: none; position: absolute; z-index: 1013; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
#language ul li {
padding: 2px 0px; width: 120px; line-height: 18px; display: block;
}
#currency ul li {
padding: 2px 0px; width: 120px; line-height: 18px; display: block;
}
#language ul li a {
display: block;
}
#currency ul li a {
display: block;
}
#language ul li a b {
display: block; cursor: default;
}
#currency ul li a b {
display: block; cursor: default;
}
#language ul li a:hover {
color: rgb(212, 92, 147);
}
#currency ul li a:hover {
color: rgb(212, 92, 147);
}
#language span {
padding: 0px 10px; transition:0.8s ease-in-out; display: block; position: relative; z-index: 1014; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
}
#currency span {
padding: 0px 10px; transition:0.8s ease-in-out; display: block; position: relative; z-index: 1014; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;
}
#language span b {
background: url("http://www.variowinkel.nl/foto/1156/banner34.jpg") no-repeat right; padding: 0px 12px 0px 0px;
}
#currency span b {
background: url("http://www.variowinkel.nl/foto/1156/banner34.jpg") no-repeat right; padding: 0px 12px 0px 0px;
}
#language:hover span {
background: rgb(255, 255, 255); transition:0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;
}
#currency:hover span {
background: rgb(255, 255, 255); transition:0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;
}
#language:hover {
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
#currency:hover {
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
#language img {
margin-right: 3px; cursor: pointer;
}
#currency:hover {
color: rgb(212, 92, 147);
}
#language:hover {
color: rgb(212, 92, 147);
}
#currency a b {
color: rgb(0, 0, 0); text-decoration: none;
}
#header .links {
line-height: 30px; margin-right: -10px; float: right; position: relative;
}
#header .links a {
padding: 0px 10px; color: rgb(68, 68, 68); font-size: 12px; text-decoration: none; display: inline-block; position: relative;
}
#header .links a + a::before {
left: -15px; height: 0px; color: rgb(68, 68, 68); padding-left: 12px; clear: both; font-size: 11px; display: inline-block; position: absolute; content: "|";
}
#header .links a:hover {
color: rgb(212, 92, 147);
}
#header #welcome {
color: rgb(153, 153, 153); float: left;
}
#header #cart {
top: 33px; right: 0px; line-height: 25px; position: absolute;
}
#header #cart .heading {
padding: 0px; position: relative;
}
#header #cart .heading h4 {
background: rgb(212, 92, 147); margin: 4px 0px 0px; padding: 0px; width: 32px; height: 32px; float: left; position: relative; z-index: 1012;
}
#header #cart .heading a {
background: rgb(255, 255, 255); padding: 0px 7px 0px 2px; height: 36px; color: rgb(68, 68, 68); font-size: 14px; text-decoration: none; display: inline-block; position: relative; z-index: 1012;
}
#header #cart .heading a span {
background: url("http://www.variowinkel.nl/foto/1156/banner34.jpg") no-repeat right 11px; padding-right: 12px; margin-top: 5px; display: inline-block;
}
#header #cart .content {
background: rgb(255, 255, 255); padding: 8px; top: 35px; width: 350px; right: 0px; clear: both; display: none; position: absolute; z-index: 1011; min-height: 150px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
#header .active#cart .heading {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
#header .active#cart .content {
display: block;
}
.mini-cart-info table {
width: 100%; margin-bottom: 5px; border-collapse: collapse;
}
.mini-cart-info td {
padding: 10px 5px; color: rgb(0, 0, 0); vertical-align: top; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.mini-cart-info .image {
width: 1px;
}
.mini-cart-info .image img {
text-align: left;
}
.mini-cart-info .name small {
color: rgb(102, 102, 102);
}
.mini-cart-info .quantity {
text-align: right;
}
.mini-cart-info td.total {
text-align: right;
}
.mini-cart-info .remove {
text-align: right;
}
.mini-cart-info .remove img {
cursor: pointer;
}
.mini-cart-total {
text-align: right;
}
.mini-cart-total table {
margin-bottom: 5px; display: inline-block; border-collapse: collapse;
}
.mini-cart-total td {
padding: 2px; color: rgb(0, 0, 0);
}
#header #cart .checkout {
margin: 0px; text-align: right; line-height: normal; clear: both;
}
#header #cart .empty {
text-align: center; padding-top: 50px;
}
#header #search {
top: 35px; right: 340px; position: absolute;
}
#header .button-search {
background: url("http://www.variowinkel.nl/foto/1156/banner35.jpg") no-repeat center; width: 34px; height: 34px; right: 0px; float: right; position: absolute; cursor: pointer;
}
#header #search input {
background: rgb(255, 255, 255); padding: 0px 10px; width: 300px; height: 32px; color: rgb(51, 51, 51); line-height: 32px; font-size: 13px;
}
.style2#header #search {
left: auto; right: 0px;
}
.style2#header #logo {
margin: 20px 0px 0px 250px; width: 380px; text-align: center;
}
.style2#header #cart {
left: 0px; right: auto;
}
.style2#header #cart .content {
left: 0px; right: auto;
}
.style2#header .htop {
margin-bottom: 10px;
}
.style3#header .htop {
border: currentColor; border-image: none; float: right; display: inline-block;
}
.style3#header .hsecond {
min-height: 146px;
}
.style3#header #language {
top: 30px; right: 0px; position: absolute;
}
.style3#header #currency {
top: 30px; right: 0px; position: absolute;
}
.style3#header #language {
right: 100px;
}
.style3#header #language ul {
left: auto; right: 0px;
}
.style3#header #currency ul {
left: auto; right: 0px;
}
.style3#header #language span {
padding: 0px 7px;
}
.style3#header #currency span {
padding: 0px 7px;
}
.style3#header #language:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.style3#header #currency:hover {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.style3#header #cart {
top: 65px;
}
.style3#header .links {
padding-right: 8px; z-index: 1;
}
.style3#header #logo {
margin: 40px 10px 0px 0px;
}
.style3#header #search {
top: 112px; right: 0px;
}
#menures > span {
display: none;
}
.m-menures {
display: none;
}
#menures {
background: rgb(34, 34, 34); margin: 15px 0px; padding: 0px 0px 0px 3px; height: 40px;
}
#menures > ul > li.home {
margin: 0px;
}
#menures > ul > li.home a {
padding: 5px 5px 0px !important; height: 35px !important; line-height: 35px !important; display: block;
}
#menures > ul > li.home a span {
background: url("http://www.variowinkel.nl/foto/1156/banner36.jpg") no-repeat center; width: 30px; height: 30px; text-indent: -9999px; display: block;
}
#menures ul {
list-style: none; margin: 0px; padding: 0px 0px 0px 2px;
}
#menures > ul > li {
padding: 0px; float: left; position: relative; z-index: 1010;
}
#menures > ul > li > a {
padding: 0px 10px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 40px; font-size: 12px; font-weight: bold; text-decoration: none; display: block; position: relative; z-index: 1009;
}
#menures > ul > li:hover > a {
background: rgb(212, 92, 147); color: rgb(255, 255, 255);
}
#menures > ul > li > div {
background: rgb(255, 255, 255); padding: 10px; border-top-color: rgb(212, 92, 147); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; z-index: 1008; box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
}
#menures > ul > li:hover > div.custom_block {
display: table;
}
#menures > ul > li:hover > div.custom_block ul {
display: table-cell;
}
#menures > ul > li > div > ul {
display: table-cell;
}
#menures > ul > li.categories_hor > div {
background: rgb(255, 255, 255); padding: 10px 10px 0px; border-top-color: rgb(212, 92, 147); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; z-index: 1008; min-width: 895px; box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
}
#menures > ul > li.categories_hor > div > .column {
margin: 0px 15px 15px 0px; width: 160px; display: inline-block; position: relative;
}
#menures > ul > li > div > ul {
width: 160px; position: relative;
}
#menures > ul > li.categories_hor > div > .column + .column {
}
#menures > ul > li > div > ul li + li {
}
#menures > ul > li.categories_hor > div > .column > a {
font-size: 13px; font-weight: bold; margin-bottom: 5px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
#menures > ul > li.categories_hor > div > .column a {
padding: 4px 0px; display: block;
}
#menures > ul > li > div > ul li a {
padding: 4px 0px; display: block;
}
#menures > ul > li > div > ul li a {
font-size: 12px;
}
#menures > ul > li.categories_hor > div > .column:hover > a {
color: rgb(212, 92, 147);
}
#menures > ul > li.categories_hor > div > .column > div {
display: block;
}
#menures > ul > li.categories_hor > div > .column:hover div {
display: table;
}
#menures > ul > li.categories_hor > div > .column > div ul {
padding: 0px; display: table;
}
#menures > ul > li.categories_hor > div > .column > div ul li + li {
}
#menures > ul > li ul + ul {
padding-left: 20px;
}
#menures > ul > li ul > li > a {
padding: 4px; text-decoration: none; display: block; min-width: 150px;
}
#menures > ul > li div > ul > li > a {
color: rgb(34, 34, 34);
}
#menures > ul > li div > ul > li > a:hover {
background: url("images/bullet-1.png") no-repeat right; color: rgb(212, 92, 147);
}
#menures > ul > li.categories > div {
background: rgb(255, 255, 255); padding: 10px; border-top-color: rgb(212, 92, 147); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; z-index: 1008; min-width: 160px; box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
}
#menures > ul > li.categories > div > .column {
position: relative;
}
#menures > ul > li > div > ul {
position: relative;
}
#menures > ul > li.categories > div > .column + .column {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
#menures > ul > li > div > ul li + li {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
#menures > ul > li.categories > div > .column a {
padding: 7px 0px; font-size: 13px; display: block;
}
#menures > ul > li > div > ul li a {
padding: 7px 0px; font-size: 13px; display: block;
}
#menures > ul > li.categories > div > .column:hover > a {
color: rgb(212, 92, 147);
}
#menures > ul > li.categories > div > .column > div {
background: rgb(255, 255, 255); padding: 5px 10px; left: 150px; top: 0px; border-top-color: rgb(212, 92, 147); border-top-width: 2px; border-top-style: solid; display: none; position: absolute; z-index: 1010; box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
}
#menures > ul > li.categories > div > .column:hover div {
display: table;
}
#menures > ul > li.categories > div > .column:hover > div ul {
display: table-cell;
}
#menures > ul > li.categories > div > .column:hover > div ul li + li {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.custom_block p {
margin: 0px; line-height: 18px;
}
.breadcrumb {
text-align: center; color: rgb(194, 194, 194); margin-bottom: 10px;
}
.breadcrumb a {
color: rgb(153, 153, 153); font-size: 11px;
}
.breadcrumb a:hover {
color: rgb(212, 92, 147);
}
.success {
padding: 10px 10px 10px 33px; color: rgb(85, 85, 85); margin-bottom: 15px;
}
.warning {
padding: 10px 10px 10px 33px; color: rgb(85, 85, 85); margin-bottom: 15px;
}
.attention {
padding: 10px 10px 10px 33px; color: rgb(85, 85, 85); margin-bottom: 15px;
}
.information {
padding: 10px 10px 10px 33px; color: rgb(85, 85, 85); margin-bottom: 15px;
}
.success a {
background: rgb(187, 223, 141); margin: 0px 3px; padding: 3px 5px;
}
.warning a {
background: rgb(248, 172, 172); margin: 0px 3px; padding: 3px 5px;
}
.attention a {
background: rgb(242, 221, 140); margin: 0px 3px; padding: 3px 5px;
}
.success {
background: url("images/success.png") no-repeat 10px rgb(234, 247, 217); border: 1px solid rgb(187, 223, 141); border-image: none;
}
.warning {
background: url("images/warning.png") no-repeat 10px rgb(255, 209, 209); border: 1px solid rgb(248, 172, 172); border-image: none;
}
.attention {
background: url("images/attention.png") no-repeat 10px rgb(255, 245, 204); border: 1px solid rgb(242, 221, 140); border-image: none;
}
.success .close {
padding-top: 4px; padding-right: 4px; float: right; cursor: pointer;
}
.warning .close {
padding-top: 4px; padding-right: 4px; float: right; cursor: pointer;
}
.attention .close {
padding-top: 4px; padding-right: 4px; float: right; cursor: pointer;
}
.information .close {
padding-top: 4px; padding-right: 4px; float: right; cursor: pointer;
}
.required {
color: rgb(255, 0, 0); font-weight: bold;
}
.error {
color: rgb(255, 0, 0); display: block;
}
.help {
color: rgb(153, 153, 153); font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: normal; display: block;
}
table.form {
width: 100%; margin-bottom: 20px; border-collapse: collapse;
}
table.form tr td:first-child {
width: 150px;
}
table.form > * > * > td {
color: rgb(51, 51, 51);
}
table.form td {
padding: 8px 4px;
}
input.large-field {
width: 300px;
}
select.large-field {
width: 300px;
}
table.list {
width: 100%; margin-bottom: 20px; border-top-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-collapse: collapse;
}
table.list td {
border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
table.list thead td {
padding: 0px 5px; background-color: rgb(239, 239, 239);
}
table.list thead td a {
color: rgb(34, 34, 34); font-weight: bold; text-decoration: none;
}
.list thead td {
color: rgb(34, 34, 34); font-weight: bold; text-decoration: none;
}
table.list tbody td {
padding: 0px 5px; vertical-align: top;
}
table.list .left {
padding: 7px; text-align: left;
}
table.list .right {
padding: 7px; text-align: right;
}
table.list .center {
padding: 7px; text-align: center;
}
table.radio {
width: 100%; border-collapse: collapse;
}
table.radio td {
padding: 5px; vertical-align: top;
}
table.radio td label {
display: block;
}
table.radio tr td:first-child {
width: 1px;
}
table.radio tr td:first-child input {
margin-top: 1px;
}
table.radio tr.highlight:hover td {
background: rgb(248, 246, 246); cursor: pointer;
}
.pagination {
width: 100%; padding-top: 8px; margin-bottom: 10px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; display: inline-block;
}
.pagination .links {
float: left;
}
.pagination .links a {
padding: 4px 10px; border: 1px solid rgb(238, 238, 238); border-image: none; color: rgb(119, 119, 119); text-decoration: none; vertical-align: middle; display: inline-block;
}
.pagination .links b {
background: rgb(212, 92, 147); padding: 4px 10px; border: 1px solid rgb(212, 92, 147); border-image: none; color: rgb(255, 255, 255); font-weight: normal; text-decoration: none; vertical-align: middle; display: inline-block;
}
.pagination .links a:hover {
border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(212, 92, 147);
}
.pagination .results {
padding-top: 3px; float: right;
}
a.button {
background: rgb(212, 92, 147); border: currentColor; transition:0.3s ease-in-out; border-image: none; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.25); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
input.button {
background: rgb(212, 92, 147); border: currentColor; transition:0.3s ease-in-out; border-image: none; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; cursor: pointer; box-shadow: 1px 1px 2px rgba(0,0,0,0.25); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
a.button {
padding: 7px 12px; text-decoration: none; display: inline-block;
}
input.button {
margin: 0px; padding: 7px 12px;
}
a.button:hover {
background: rgb(68, 68, 68); transition:0.3s ease-in-out; color: rgb(255, 255, 255); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
input.button:hover {
background: rgb(68, 68, 68); transition:0.3s ease-in-out; color: rgb(255, 255, 255); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.buttons {
padding: 15px 6px 0px; overflow: auto; margin-bottom: 20px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.buttons .left {
text-align: left; float: left;
}
.buttons .right {
text-align: right; float: right;
}
.buttons .center {
text-align: center; margin-right: auto; margin-left: auto;
}
.htabs {
height: 30px; line-height: 16px; padding-left: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.htabs a {
padding: 7px 15px 6px; text-align: center; color: rgb(51, 51, 51); font-size: 13px; font-weight: normal; text-decoration: none; margin-right: 2px; float: left; display: none;
}
.htabs a.selected {
background: rgb(255, 255, 255); padding-bottom: 7px; font-weight: bold; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;
}
.tab-content {
padding: 10px; margin-bottom: 20px; z-index: 2;
}
.tab-content ul {
margin-left: 20px;
}
.product-tab {
margin-bottom: 20px;
}
.product-tab .tabs {
height: 30px; line-height: 16px; padding-left: 10px; margin-bottom: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-tab .tabs li {
float: left; list-style-type: none;
}
.product-tab .tabs li a {
padding: 7px 15px 6px; text-align: center; color: rgb(34, 34, 34); text-transform: uppercase; font-size: 14px; font-weight: normal; text-decoration: none; margin-right: 2px; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; float: left; opacity: 0.7;
}
.product-tab .tabs li.active a {
background: rgb(255, 255, 255); padding-bottom: 7px; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; opacity: 1;
}
.product-tab .deactive {
display: none;
}
.addthis_default_style > a {
padding: 0px;
}
.box {
margin-bottom: 20px;
}
.box .box-heading {
padding: 0px; height: 30px; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 30px; font-size: 16px; margin-bottom: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.welcome {
padding: 0px; height: 30px; color: rgb(51, 51, 51); text-transform: uppercase; line-height: 30px; font-size: 16px; margin-bottom: 20px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.box .box-content {
padding: 0px;
}
.box-product {
width: 100%;
}
.box-product > .flexslider ul li {
background: rgb(255, 255, 255); width: 200px; text-align: center; vertical-align: top;
}
.box-product > .flexslider ul li .slide-inner {
padding: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; text-align: center; position: relative;
}
.box-product > .flexslider ul li .slide-inner:hover {
border: 1px solid rgb(221, 221, 221); border-image: none;
}
.box-product .image {
margin-bottom: 5px; display: block;
}
.box-product .image a {
display: block;
}
.box-product .image img {
padding: 0px;
}
.box-product .name a {
margin: 0px auto; padding: 0px; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; text-decoration: none; display: inline-block;
}
.box-product .name a:hover {
text-decoration: underline;
}
.box-product .price {
margin: 5px 0px 10px; padding: 0px 8px; color: rgb(212, 92, 147); font-size: 13px; font-weight: bold; display: block;
}
.box-product .price-old {
color: rgb(255, 0, 0); font-size: 12px; font-weight: normal; text-decoration: line-through; margin-right: 5px;
}
.box-product .price-new {
font-weight: bold;
}
.box-product .rating {
margin-top: 5px; display: block;
}
.box-product > .flexslider ul li .cart input {
padding: 2px 3px; height: auto; text-transform: uppercase; line-height: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.box-product > .flexslider ul li .cart a {
padding: 2px 3px; height: auto; text-transform: uppercase; line-height: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.box-product > .flexslider ul li .rating img {
width: auto; display: inline;
}
.box-product > .style1.flexslider ul li .name a {
margin: 0px 0px 10px;
}
.box-product > .style1.flexslider ul li .name {
text-align: left;
}
.box-product > .style1.flexslider ul li .price {
margin: 0px; padding: 0px; width: 95px; text-align: left; float: left;
}
.box-product > .style1.flexslider ul li .rating {
float: left;
}
.box-product > .style1.flexslider ul li .rating {
background: rgb(238, 238, 238); padding: 0px 3px; top: 0px; right: 5px; display: none; position: absolute;
}
.box-product > .style1.flexslider ul li:hover .rating {
display: block;
}
.box-product > .style1.flexslider ul li .cart {
float: right;
}
.box-product > .style1.flexslider ul li .cart input {
background: url("images/cart-icon.png") no-repeat center rgb(212, 92, 147); border-radius: 50%; width: 35px; height: 35px; text-indent: -9999px; font-size: 11px;
}
.box-product > .style1.flexslider ul li .cart a {
background: url("images/cart-icon.png") no-repeat center rgb(212, 92, 147); border-radius: 50%; width: 35px; height: 35px; text-indent: -9999px; font-size: 11px;
}
.box-product > .style1.flexslider ul li .cart input:hover {
border-radius: 50% 0%; background-color: rgb(68, 68, 68);
}
.box-product > .style1.flexslider ul li .cart a:hover {
border-radius: 50% 0%; background-color: rgb(68, 68, 68);
}
.box-product > .style1.flexslider ul li .slide-inner {
background: rgb(243, 243, 244); margin: 0px 5px; padding: 5px; border: 0px currentColor; border-image: none;
}
.box-product > .style1.flexslider ul li .slide-inner:hover {
border: 0px currentColor; border-image: none; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
}
.box-product > .flexslider ul li {
display: block;
}
.box-product > .flexslider ul li .slide-inner {
padding: 10px;
}
#column-left .box-product > .flexslider ul li {
width: 220px;
}
#column-right .box-product > .flexslider ul li {
width: 220px;
}
#column-left .box-product .image {
margin-right: 5px; margin-bottom: 0px; float: left;
}
#column-right .box-product .image {
margin-right: 5px; margin-bottom: 0px; float: left;
}
#column-left .box-product .name {
text-align: left; margin-bottom: 2px;
}
#column-right .box-product .name {
text-align: left; margin-bottom: 2px;
}
#column-left .box-product .name a {
padding: 0px; width: auto; font-size: 12px;
}
#column-right .box-product .name a {
padding: 0px; width: auto; font-size: 12px;
}
#column-left .box-product .price {
margin: 0px 0px 2px; padding: 0px 10px 0px 0px; font-size: 12px; float: left;
}
#column-right .box-product .price {
margin: 0px 0px 2px; padding: 0px 10px 0px 0px; font-size: 12px; float: left;
}
#column-left .box-product .rating {
margin-top: 0px; float: left;
}
#column-right .box-product .rating {
margin-top: 0px; float: left;
}
.box-category ul {
list-style: none; margin: 0px; padding: 0px;
}
.list-item {
list-style: none; margin: 0px; padding: 0px;
}
.box-category > ul > li {
display: block; position: relative;
}
.list-item > li {
display: block; position: relative;
}
.box-category .down {
background: url("images/plus.png") no-repeat 0px 0px; top: 6px; width: 16px; height: 16px; right: 0px; position: absolute; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6;
}
.box-category .down:hover {
opacity: 1; -moz-opacity: 1;
}
.box-category ul li a {
background: url("images/bullet-dark.png") no-repeat 0px 11px; padding: 5px 0px 5px 12px; color: rgb(34, 34, 34); display: block;
}
.list-item li a {
background: url("images/bullet-dark.png") no-repeat 0px 11px; padding: 5px 0px 5px 12px; color: rgb(34, 34, 34); display: block;
}
.box-category ul li.double a {
margin: 0px; display: inline-block;
}
.box-category ul li {
position: relative;
}
.box-category > ul > li a.active + .down {
background-position: 0px -16px;
}
.box-category > ul > li > a {
color: rgb(51, 51, 51); text-transform: uppercase;
}
.box-category > ul > li ul {
padding-left: 10px; margin-bottom: 5px; display: none;
}
.box-category > ul > li a.active {
font-weight: bold;
}
.box-category > ul > li > a.active {
margin-bottom: 5px;
}
.box-category > ul > li a.active + ul {
display: block;
}
.box-category a:hover {
text-decoration: underline;
}
.list-item a:hover {
text-decoration: underline;
}
.box-category > ul > li ul li a:hover {
}
.list-item a:hover {
}
.box-category > ul > li > ul > li a.active {
}
.box-category > ul > li ul li {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.box-category > ul > li ul li a {
margin-right: 16px;
}
.box-category > ul > li ul li a:hover {
margin-right: 16px;
}
.list-item a:hover {
margin-right: 16px;
}
.box-category > ul > li ul > li > a {
text-decoration: none;
}
.submenu {
}
.box-filter > li > span {
color: rgb(68, 68, 68); font-size: 14px; font-weight: bold; margin-bottom: 10px; display: block;
}
.box-filter > li > ul {
margin-bottom: 15px;
}
.box-filter > li > ul li {
margin-bottom: 5px;
}
.box-filter > li > ul li label {
margin-left: 5px;
}
#button-filter {
padding: 5px 7px; height: auto; text-transform: uppercase; line-height: normal; font-family: Arial,Helvetica,sans-serif; font-size: 12px;
}
.sitemap {
list-style: none; margin: 0px; padding: 0px;
}
.sitemap > li {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid; display: block; position: relative;
}
.sitemap > li:first-child {
border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.sitemap li a {
padding: 5px 8px; font-weight: bold; display: block;
}
.sitemap li ul {
margin-left: 30px;
}
.sitemap li ul li a {
font-weight: normal;
}
.sitemap li a:hover {
color: rgb(212, 92, 147);
}
#content .content {
padding: 10px; overflow: auto; margin-bottom: 20px;
}
#content .content .left {
width: 49%; float: left;
}
#content .content .right {
width: 49%; float: right;
}
.category-info {
overflow: auto; margin-bottom: 20px;
}
.category-info .image {
padding: 0px; margin-right: 15px; float: left;
}
.category-list {
overflow: auto; margin-bottom: 20px;
}
.category-list ul {
width: 23%; margin-right: 12px; float: left;
}
.manufacturer-list {
overflow: auto; margin-bottom: 20px;
}
.manufacturer-heading {
background: rgb(248, 248, 248); padding: 5px 8px; font-size: 15px; font-weight: bold; margin-bottom: 6px; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.manufacturer-content {
padding: 8px;
}
.manufacturer-list ul {
list-style: none; margin: 0px 0px 10px; padding: 0px; width: 25%; float: left;
}
#cloud-zoom-big {
background: rgb(255, 255, 255);
}
.product-filter {
background: rgb(249, 249, 249); padding: 6px 5px; line-height: 27px; overflow: auto; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.product-filter .display {
color: rgb(51, 51, 51); margin-right: 15px; float: left;
}
.product-filter .display a {
font-weight: bold;
}
.product-filter .sort {
color: rgb(51, 51, 51); float: right;
}
.product-filter .limit {
color: rgb(51, 51, 51); margin-left: 15px; float: right;
}
.product-filter select {
padding: 2px;
}
.product-compare {
padding-top: 6px; font-weight: bold; margin-bottom: 25px;
}
.product-compare a {
font-weight: normal; text-decoration: none;
}
.product-list > div {
padding: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; overflow: auto;
}
.product-list > div:hover {
border: 1px solid rgb(221, 221, 221); border-image: none;
}
.product-list .right {
margin-left: 15px; float: right;
}
.product-list .left .cart .button {
float: left;
}
.product-list .left .cart .wishlist {
float: left;
}
.product-list .left .cart .compare {
float: left;
}
.product-list > div + div {
border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.product-list > div:hover + div {
border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;
}
.product-list .image {
margin-right: 10px; float: left;
}
.product-list .name {
margin-bottom: 8px;
}
.product-list .name a {
color: rgb(85, 85, 85); font-size: 13px; font-weight: bold; text-decoration: none;
}
.product-list .name a:hover {
color: rgb(212, 92, 147);
}
.product-list .description {
color: rgb(77, 77, 77); line-height: 15px; margin-bottom: 5px;
}
.product-list .rating {
color: rgb(123, 123, 123); margin-bottom: 5px;
}
.product-list .price {
color: rgb(212, 92, 147); font-size: 14px; font-weight: bold; margin-bottom: 5px;
}
.product-list .price-old {
color: rgb(255, 0, 0); font-weight: normal; text-decoration: line-through;
}
.product-list .price-tax {
color: rgb(187, 187, 187); font-size: 12px; font-weight: normal;
}
.product-list .cart input {
padding: 2px 3px; height: auto; text-transform: uppercase; line-height: normal; font-size: 10px;
}
.product-list .wishlist {
margin-left: 10px;
}
.product-list .compare {
margin-left: 10px;
}
.product-list .wishlist a {
background: url("images/plus.png") no-repeat 0px 1px; color: rgb(51, 51, 51); text-transform: uppercase; padding-left: 16px; font-size: 10px; text-decoration: none; display: inline-block;
}
.product-list .compare a {
background: url("images/plus.png") no-repeat 0px 1px; color: rgb(51, 51, 51); text-transform: uppercase; padding-left: 16px; font-size: 10px; text-decoration: none; display: inline-block;
}
a.wishlist:hover {
color: rgb(212, 92, 147);
}
.product-filter .display b {
margin-right: 10px; float: left;
}
.grid-icon {
background: url("images/list-icon.png") no-repeat left top; width: 16px; height: 16px; text-indent: -9999px; margin-top: 5px; margin-right: 8px; float: left; display: block;
}
.list-icon {
background: url("images/list-icon.png") no-repeat left -45px; width: 16px; height: 16px; text-indent: -9999px; margin-top: 5px; margin-right: 8px; float: left; display: block;
}
.grid1-icon {
background: url("images/list-icon.png") no-repeat left -23px; width: 16px; height: 16px; text-indent: -9999px; margin-top: 5px; margin-right: 8px; float: left; display: block;
}
.list1-icon {
background: url("images/list-icon.png") no-repeat left -68px; width: 16px; height: 16px; text-indent: -9999px; margin-top: 5px; margin-right: 8px; float: left; display: block;
}
.product-grid {
width: 100%;
}
.product-grid > div {
background: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(255, 255, 255); border-image: none; text-align: center; margin-bottom: 10px; vertical-align: top; display: inline-block; position: relative; min-width: 130px;
}
.product-grid > div:hover {
border: 1px solid rgb(221, 221, 221); border-image: none;
}
.product-grid .image {
margin-bottom: 5px; display: block;
}
.box-product .image a {
display: block;
}
.product-grid .image img {
padding: 0px;
}
.product-grid .name a {
margin: 0px auto; padding: 0px; width: 152px; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; text-decoration: none; display: inline-block;
}
.product-grid .name a:hover {
text-decoration: underline;
}
.product-grid .description {
display: none;
}
.product-grid .rating {
margin-top: 5px; display: block;
}
.product-grid .price {
margin: 5px 0px 10px; padding: 0px 8px; color: rgb(212, 92, 147); font-size: 13px; font-weight: bold; display: block;
}
.product-grid .price-old {
color: rgb(255, 0, 0); font-size: 12px; font-weight: normal; text-decoration: line-through; margin-right: 5px;
}
.product-grid .price-new {
font-weight: bold;
}
.product-grid .price .price-tax {
display: none;
}
.product-grid .cart input {
padding: 2px 3px; height: auto; text-transform: uppercase; line-height: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.product-grid .wishlist {
margin-bottom: 3px;
}
.product-grid .compare {
margin-bottom: 3px;
}
.product-grid .wishlist a {
background: url("images/plus.png") no-repeat 0px 0px; color: rgb(102, 102, 102); text-transform: uppercase; padding-left: 16px; font-size: 10px; text-decoration: none; margin-top: 10px; display: inline-block;
}
.product-grid .compare a {
background: url("images/plus.png") no-repeat 0px 0px; color: rgb(102, 102, 102); text-transform: uppercase; padding-left: 16px; font-size: 10px; text-decoration: none; display: inline-block;
}
.product-grid .wishlist a:hover {
color: rgb(212, 92, 147);
}
.product-grid .compare a:hover {
color: rgb(212, 92, 147);
}
.product-list .wishlist a:hover {
color: rgb(212, 92, 147);
}
.product-list .compare a:hover {
color: rgb(212, 92, 147);
}
.style1.product-grid .name a {
margin: 0px 0px 10px;
}
.style1.product-grid .name {
text-align: left;
}
.style1.product-grid .price {
margin: 0px; padding: 0px; width: 95px; text-align: left; float: left;
}
.style1.product-grid .rating {
background: rgb(238, 238, 238); padding: 0px 3px; top: 0px; right: 5px; display: none; position: absolute;
}
.style1.product-grid > div:hover .rating {
display: block;
}
.style1.product-grid .cart {
float: right;
}
.style1.product-grid .cart input {
background: url("images/cart-icon.png") no-repeat center 2px rgb(212, 92, 147); padding: 0px 5px; border-radius: 50%; width: 35px; height: 35px; text-indent: -9999px; font-size: 11px;
}
.style1.product-grid .cart input:hover {
border-radius: 50% 0%; background-color: rgb(68, 68, 68);
}
.style1.product-grid > div {
background: rgb(243, 243, 244); margin: 0px 5px 10px; padding: 5px; border: 0px currentColor; border-image: none;
}
.style1.product-grid > div:hover {
border: 0px currentColor; border-image: none; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1);
}
.style1.product-grid .wishlist {
background: rgb(238, 238, 238); padding: 0px 0px 2px; left: 0px; width: 100%; bottom: -20px; display: none; position: absolute; z-index: 1;
}
.style1.product-grid .compare {
background: rgb(238, 238, 238); padding: 0px 0px 2px; left: 0px; width: 100%; bottom: -20px; display: none; position: absolute; z-index: 1;
}
.style1.product-grid .compare {
padding: 0px 0px 4px; bottom: -37px;
}
.style1.product-grid > div:hover .wishlist {
display: block;
}
.style1.product-grid > div:hover .compare {
display: block;
}
.style1.product-grid .wishlist a {
margin: 0px;
}
.product-info {
overflow: auto; margin-bottom: 20px;
}
.product-info > .left {
margin-right: 15px; float: left;
}
.product-info > .left + .right {
margin-left: 370px;
}
.product-info .image {
text-align: center; margin-bottom: 15px; float: left; position: relative;
}
.product-info .image_inside {
margin: 0px; padding: 0px; position: relative; z-index: 20;
}
.product-info .image .zoom_btn {
width: auto; height: 11px; right: 0px; bottom: 6px; position: absolute; z-index: 21;
}
.product-info #zoom-image .zoom_bttn {
background: url("images/zoom-plus.png") no-repeat 2px 2px rgb(255, 255, 255); padding: 1px 1px 1px 16px; color: rgb(171, 171, 171); text-transform: uppercase; line-height: 11px; font-size: 10px;
}
.product-info #zoom-image {
color: rgb(171, 171, 171);
}
.product-info .image-additional {
width: 355px; overflow: hidden; clear: both; margin-left: -7px;
}
.product-info .image-additional img {
width: 64px; display: block;
}
.product-info .image-additional a {
margin-bottom: 10px; margin-left: 7px; float: left; display: block;
}
.image-additional a:active {
outline: 0px;
}
.product-info .description {
padding: 5px 5px 10px; color: rgb(77, 77, 77); line-height: 20px; font-size: 13px; margin-bottom: 10px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.product-info .description span {
font-weight: bold;
}
.product-info .description a {
color: rgb(77, 77, 77); font-size: 13px; text-decoration: none;
}
.product-info .price {
padding: 0px 5px 10px; color: rgb(212, 92, 147); overflow: auto; font-size: 18px; font-weight: bold; margin-bottom: 10px;
}
.product-info .price-old {
color: rgb(255, 0, 0); font-weight: normal; text-decoration: line-through;
}
.product-info .price-new {
}
.product-info .price-tag {
background: url("images/price-tag.png") no-repeat left top rgb(212, 92, 147); padding: 0px 18px 0px 32px; border-radius: 0px 3px 3px 0px; height: 48px; color: rgb(255, 255, 255); line-height: 48px; font-size: 25px; font-weight: normal; display: inline-block; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px;
}
.product-info .price-tax {
color: rgb(153, 153, 153); font-size: 12px; font-weight: normal;
}
.product-info .price .reward {
color: rgb(153, 153, 153); font-size: 12px; font-weight: normal;
}
.product-info .price .discount {
color: rgb(77, 77, 77); font-size: 12px; font-weight: normal;
}
.product-info .options {
padding: 0px 5px 10px; color: rgb(51, 51, 51); margin-bottom: 10px;
}
.product-info .option-image {
margin-top: 3px; margin-bottom: 10px;
}
.product-info .option-image label {
width: 100%; height: 100%; display: block;
}
.product-info .option-image img {
border: 1px solid rgb(204, 204, 204); border-image: none; margin-right: 5px; cursor: pointer;
}
.product-info .cart {
padding: 15px 5px 10px; color: rgb(77, 77, 77); overflow: auto; margin-bottom: 20px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.product-info .cart div {
vertical-align: middle;
}
.product-info .cart div > span {
color: rgb(153, 153, 153); padding-top: 7px; display: block;
}
.product-info .cart div .qty {
padding: 5px 0px; margin-right: 15px; float: left;
}
.product-info .cart div .wishlist {
background: url("images/plus.png") no-repeat 0px 1px; padding-left: 15px; font-size: 11px; margin-top: 15px; display: inline-block;
}
.product-info .cart div .wishlist + .wishlist {
margin-left: 10px;
}
.product-info .cart #button-cart {
padding: 10px 12px; text-transform: uppercase;
}
.product-info .cart .minimum {
color: rgb(153, 153, 153); padding-top: 5px; clear: both; font-size: 11px;
}
.product-info .review {
color: rgb(77, 77, 77); margin-bottom: 10px;
}
.product-info .review a:hover {
color: rgb(212, 92, 147);
}
.product-info .review > div {
background: rgb(244, 243, 243); padding: 8px; line-height: 20px; overflow: auto;
}
.product-info .review > div > span {
color: rgb(56, 176, 227);
}
.product-info .review .share {
line-height: normal; overflow: auto;
}
.product-info .review .share a {
text-decoration: none;
}
.review-list {
padding: 10px; border: 1px solid rgb(238, 238, 238); border-image: none; overflow: auto; margin-bottom: 20px;
}
.review-list .author {
margin-bottom: 20px; float: left;
}
.review-list .rating {
margin-bottom: 20px; float: right;
}
.review-list .text {
clear: both;
}
.attribute {
width: 100%; margin-bottom: 20px; border-top-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-collapse: collapse;
}
.attribute thead td {
background: rgb(247, 247, 247); text-align: left; color: rgb(51, 51, 51); font-size: 14px; font-weight: bold;
}
.attribute thead tr td:first-child {
background: rgb(247, 247, 247); text-align: left; color: rgb(51, 51, 51); font-size: 14px; font-weight: bold;
}
.attribute tr td:first-child {
width: 20%; text-align: right; color: rgb(51, 51, 51); font-weight: bold;
}
.attribute td {
padding: 7px; text-align: center; color: rgb(77, 77, 77); vertical-align: top; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.compare-info {
width: 100%; margin-bottom: 20px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; border-collapse: collapse;
}
.compare-info thead td {
background: rgb(247, 247, 247); text-align: left; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; font-weight: normal;
}
.compare-info thead tr td:first-child {
background: rgb(247, 247, 247); text-align: left; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 14px; font-weight: normal;
}
.compare-info tr td:first-child {
text-align: right; color: rgb(51, 51, 51); font-weight: bold;
}
.compare-info td {
padding: 7px; width: 20%; text-align: center; vertical-align: top; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.compare-info td + td {
border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.compare-info thead td {
padding: 10px 7px;
}
.compare-info .name a {
font-weight: bold;
}
.compare-info .price-old {
color: rgb(255, 0, 0); font-weight: normal; text-decoration: line-through;
}
.compare-info .price-new {
font-weight: normal;
}
.qty strong {
margin-right: 10px;
}
.qty a {
background: url("images/plus.png") no-repeat left top; border: 1px solid rgb(254, 254, 254); transition:0.3s ease-in-out; border-image: none; top: 4px; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.qty a.mines {
background-position: left bottom;
}
.qty a:hover {
border: 1px solid rgb(204, 204, 204); transition:0.3s ease-in-out; border-image: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.login-content {
overflow: auto; margin-bottom: 20px;
}
.login-content .left {
width: 48%; float: left;
}
.login-content .right {
width: 48%; float: right;
}
.login-content .right b {
margin-bottom: 3px; display: inline-block;
}
.login-content .right a {
margin-top: 12px; display: inline-block;
}
.login-content .left .content {
min-height: 190px;
}
.login-content .right .content {
min-height: 190px;
}
.cart-info table {
width: 100%; margin-bottom: 30px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid; border-collapse: collapse;
}
.cart-info td {
padding: 7px;
}
.cart-info thead td {
padding: 10px 7px; color: rgb(0, 0, 0); text-transform: uppercase; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(247, 247, 247);
}
.cart-info thead .image {
text-align: center;
}
.cart-info thead .name {
text-align: left;
}
.cart-info thead .model {
text-align: left;
}
.cart-info thead .quantity {
text-align: left;
}
.cart-info thead .price {
text-align: right;
}
.cart-info thead .total {
text-align: right;
}
.cart-info tbody td {
border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.cart-info tbody .image {
text-align: center;
}
.cart-info tbody .name {
text-align: left;
}
.cart-info tbody .model {
text-align: left;
}
.cart-info tbody .quantity {
text-align: left;
}
.cart-info tbody .quantity input[type='image'] {
top: 4px; position: relative; cursor: pointer;
}
.cart-info tbody .quantity img {
top: 4px; position: relative; cursor: pointer;
}
.cart-info tbody .price {
text-align: right;
}
.cart-info tbody .total {
text-align: right;
}
.cart-info tbody span.stock {
color: rgb(255, 0, 0); font-weight: bold;
}
.cart-module > div {
display: none;
}
.cart-total {
overflow: auto; padding-top: 8px; margin-bottom: 15px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.cart-total table {
float: right;
}
.cart-total td {
padding: 3px; text-align: right;
}
.accordion-heading {
background: rgb(248, 248, 248); padding: 10px 8px; border: 1px solid rgb(219, 222, 225); border-image: none; color: rgb(85, 85, 85); font-size: 13px; font-weight: bold; margin-bottom: 15px; cursor: pointer;
}
.accordion-content {
padding: 0px 0px 15px; line-height: 18px; overflow: auto; display: none;
}
.checkout {
margin-bottom: 20px;
}
.checkout-heading {
padding: 15px 0px; color: rgb(51, 51, 51); text-transform: uppercase; font-size: 16px; font-weight: normal; border-bottom-color: rgb(219, 222, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.checkout-heading {
}
.checkout-heading a {
font-weight: normal; text-decoration: none; margin-top: 1px; float: right;
}
.checkout-content {
padding: 0px 0px 15px; overflow: auto; margin-top: 20px; display: none;
}
.checkout-content .left {
width: 48%; float: left;
}
.checkout-content .right {
width: 48%; float: right;
}
.checkout-content .buttons {
clear: both;
}
.checkout-product table {
border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; margin-bottom: 20px; border-collapse: collapse;
}
.checkout-product td {
padding: 7px;
}
.checkout-product thead td {
padding: 10px 7px; color: rgb(0, 0, 0); text-transform: uppercase; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(247, 247, 247);
}
.checkout-product thead .name {
text-align: left;
}
.checkout-product thead .model {
text-align: left;
}
.checkout-product thead .quantity {
text-align: right;
}
.checkout-product thead .price {
text-align: right;
}
.checkout-product thead .total {
text-align: right;
}
.checkout-product tbody td {
vertical-align: top; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.checkout-product tbody .name {
text-align: left;
}
.checkout-product tbody .model {
text-align: left;
}
.checkout-product tbody .quantity {
text-align: right;
}
.checkout-product tbody .price {
text-align: right;
}
.checkout-product tbody .total {
text-align: right;
}
.checkout-product tfoot td {
text-align: right; border-right-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid;
}
.contact-info {
overflow: auto;
}
.contact-info .left {
width: 48%; float: left;
}
.contact-info .right {
width: 48%; float: left;
}
.sitemap-info {
overflow: auto; margin-bottom: 40px;
}
.sitemap-info .left {
width: 48%; float: left;
}
.sitemap-info .right {
width: 48%; float: left;
}
.back-to-top {
display: none;
}
.back-to-top a {
background: url("http://www.variowinkel.nl/foto/1156/banner37.jpg") no-repeat left top rgba(250, 250, 250, 0.5); width: 35px; height: 35px; right: 20px; bottom: 20px; text-indent: -9999px; display: block; position: fixed;
}
.back-to-top a:hover {
background: url("http://www.variowinkel.nl/foto/1156/banner37.jpg") no-repeat left -35px rgb(212, 92, 147);
}
#footer .part3 {
width: 320px; float: left;
}
#footer .part3 + .part3 {
margin-left: 17px;
}
#footer .social-part {
margin: 0px; padding: 0px 0px 30px;
}
#footer .social-part::after {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
#footer #facebook {
position: relative;
}
#footer #facebook .line {
background: rgb(34, 34, 34); top: 92px; width: 100%; height: 6px; right: 0px; display: block; position: absolute; z-index: 1;
}
.facebook-outer {
width: 318px; height: 195px; overflow: hidden;
}
.facebook-inner {
margin: -10px 0px 0px -10px;
}
#footer #twitter_footer {
padding: 0px;
}
#footer .twitter_footer {
width: 318px; margin-top: -10px;
}
.style-2#footer .twitter_footer {
width: 235px;
}
.style-2#footer .facebook-outer {
width: 222px; height: 248px;
}
.style-3#footer .twitter_footer {
width: 300px;
}
.style-3#footer .facebook-outer {
width: 275px; height: 248px;
}
#footer {
background: rgb(34, 34, 34); color: rgb(153, 153, 153); overflow: auto; clear: both;
}
#footer .fpart-inner {
margin: 0px auto; padding: 20px 20px 0px; max-width: 1000px;
}
#footer a {
color: rgb(153, 153, 153);
}
#footer a:hover {
color: rgb(255, 255, 255);
}
#footer h3 {
margin: 0px 0px 10px; padding: 0px 0px 7px; color: rgb(187, 187, 187); text-transform: uppercase; font-size: 14px; font-weight: normal; border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: dotted;
}
#footer .column {
float: left; position: relative;
}
#footer .column + .column {
margin-left: 15px;
}
#footer .column ul {
padding: 0px; width: 170px;
}
#footer .column ul li {
list-style-type: none;
}
#footer .column a {
padding: 5px 0px; transition:0.3s ease-in-out; line-height: 18px; font-size: 12px; text-decoration: none; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .column a:hover {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .custom_column p {
margin: 0px; line-height: 18px;
}
#footer .contact {
margin-left: 15px; float: left;
}
#footer .contact ul {
width: 260px;
}
#footer .contact ul li {
padding: 0px 0px 0px 36px; line-height: 18px; font-size: 12px; margin-bottom: 7px; list-style-type: none; min-height: 30px;
}
#footer .contact_icon ul li {
background: url("http://www.variowinkel.nl/foto/1156/banner38.jpg") no-repeat left top;
}
#footer .contact_icon1 ul li {
background: url("images/contact-icon-1.png") no-repeat left top;
}
#footer .contact_icon2 ul li {
background: url("images/contact-icon-2.png") no-repeat left top;
}
#footer .contact_icon3 ul li {
background: url("images/contact-icon-3.png") no-repeat left top;
}
#footer .contact_icon4 ul li {
background: url("images/contact-icon-4.png") no-repeat left top;
}
#footer .contact_icon5 ul li {
background: url("images/contact-icon-5.png") no-repeat left top;
}
#footer .contact_icon6 ul li {
background: url("images/contact-icon-6.png") no-repeat left top;
}
#footer .contact_icon7 ul li {
background: url("images/contact-icon-7.png") no-repeat left top;
}
#footer .contact_icon8 ul li {
background: url("images/contact-icon-8.png") no-repeat left top;
}
#footer .contact_icon9 ul li {
background: url("images/contact-icon-9.png") no-repeat left top;
}
#footer .contact_icon10 ul li {
background: url("images/contact-icon-10.png") no-repeat left top;
}
#footer .contact ul li.address {
background-position: 0px 7px;
}
#footer .contact ul li.mobile {
background-position: 0px -48px; line-height: 25px;
}
#footer .contact ul li.email {
background-position: 0px -99px; line-height: 28px;
}
#footer .contact ul li.fax {
background-position: 0px -153px; line-height: 25px;
}
#footer .contact ul li a {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .contact ul li a:hover {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .payments_types {
padding: 8px 0px 0px; float: left;
}
#footer .payments_types img {
margin: 0px 3px 3px; transition:0.3s ease-in-out; vertical-align: middle; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .payments_types img:hover {
transition:0.3s ease-in-out; opacity: 0.7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .social {
margin: 0px; padding: 8px 0px 0px; text-align: right; float: right;
}
#footer .social a {
margin: 0px 0px 0px 5px; border-radius: 50%; display: inline-block;
}
#footer .social a img {
border-radius: 50%; transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer .social a img:hover {
border-radius: 50% 0%; transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer #powered {
padding: 10px 0px; line-height: 20px; font-size: 11px; margin-top: 15px; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: dotted;
}
#footer #powered a {
border-radius: 50%; transition:0.3s ease-in-out; font-size: 11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
#footer #powered a:hover {
transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
}
.style-2#footer .powered_text {
text-align: right;
}
#footer .powered_text {
text-align: center;
}
#footer .powered_text p {
margin: 0px; line-height: 18px;
}
#footer .box2 {
width: 490px; float: left;
}
#footer .box2 + .box2 {
margin-left: 20px;
}
#footer .box5 {
width: 235px; float: left;
}
#footer .box5 + .box5 {
margin-left: 15px;
}
.style-2#footer .column {
float: none;
}
.style-2#footer .custom_column p {
margin: 0px; line-height: 18px;
}
.style-2#footer .column + .column {
}
.style-2#footer .column ul {
width: auto;
}
.style-2#footer .social-part {
padding: 0px 0px 10px;
}
.style-2#footer #powered {
margin: 0px; padding: 15px 0px;
}
.style-2#footer .contact {
margin: 15px 0px 0px; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: dotted; float: none;
}
.style-2#footer .contact ul {
padding: 15px 0px; width: auto;
}
.style-2#footer .contact ul li {
margin: 15px 0px 15px 4px; width: 21%; height: 36px; vertical-align: middle; display: table-cell;
}
.style-2#footer .contact ul li.mobile {
background-position: 0px -44px; font-size: 15px;
}
.style-2#footer .contact ul li.fax {
background-position: 0px -148px; font-size: 15px;
}
.style-2#footer .contact ul li.email {
background-position: 0px -96px;
}
.style-2#footer .contact h3 {
display: none;
}
.style-2#footer #facebook {
height: 293px;
}
.style-2#footer .fpart_column ul li {
float: left; list-style-type: none;
}
.style-2#footer .fpart_column ul li a {
padding-right: 12px;
}
#footer .box3 {
width: 300px; float: left;
}
#footer .box3 + .box3 {
margin-left: 20px;
}
#footer .box3_1 {
width: 380px; float: left;
}
.style-3#footer .custom_column {
margin: 0px 0px 25px; float: none;
}
.style-3#footer .custom_column p {
margin: 0px;
}
.style-3#footer .column {
margin-right: 20px; min-height: 155px;
}
.style-3#footer .column + .column {
margin-left: 0px;
}
.style-3#footer .contact h3 {
display: none;
}
.style-3#footer .contact {
margin: 15px 0px 0px; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: dotted; float: none;
}
.style-3#footer .contact ul {
padding: 15px 0px; width: auto;
}
.style-3#footer .contact ul li {
margin: 15px 0px 15px 4px; width: 21%; height: 36px; vertical-align: middle; display: table-cell;
}
.style-3#footer .contact ul li.mobile {
background-position: 0px -44px; font-size: 15px;
}
.style-3#footer .contact ul li.fax {
background-position: 0px -148px; font-size: 15px;
}
.style-3#footer .contact ul li.email {
background-position: 0px -96px;
}
.style-3#footer #facebook {
height: 293px;
}
.style-3#footer .column a {
padding: 3px 0px;
}
.style-3#footer #powered {
margin: 0px; padding: 15px 0px;
}
.banner div {
width: 100%; text-align: center;
}
.banner div img {
margin-bottom: 20px;
}
.w30 {
width: 30px !important; text-align: center;
}
@media screen and (max-width:1024px)
{
.wrapper-box {
margin: 10px; width: auto;
}
.box-product > div {
margin-right: 2px;
}
.product-grid > div {
margin-right: 2px;
}
.main-wrapper {
margin: 0px; padding: 0px 10px;
}
#header #search {
right: 300px;
}
#footer .part3 {
width: 300px;
}
.facebook-outer {
width: 300px;
}
#footer .twitter_footer {
width: 300px;
}
#footer .column ul {
width: 155px;
}
.product-info .cart div {
margin-bottom: 10px; float: none;
}
.style-2#footer .box5 {
width: 225px;
}
.style-2#footer .twitter_footer {
width: 225px;
}
.style-2#footer .facebook-outer {
width: 224px;
}
.style-2#footer #footer .box2 {
width: 460px;
}
#footer .box3_1 {
width: 350px;
}
#footer .box3 {
width: 288px;
}
.style-3#footer .twitter_footer {
width: 285px;
}
#back-top {
display: none !important;
}
}
@media only screen and (min-width:801px)
{
#menures > ul {
display: block !important;
}
#footer ul {
display: block !important;
}
}
@media screen and (max-width:800px)
{
body {
-webkit-text-size-adjust: auto;
}
#header {
margin: 0px auto; padding: 0px; text-align: center; min-height: auto;
}
.style3#header #logo {
margin: 0px; padding: 20px 0px; float: none;
}
#header #logo {
margin: 0px; padding: 20px 0px; float: none;
}
.style3#header .hsecond {
min-height: auto;
}
.style3#header #language {
top: 0px; position: relative;
}
.style3#header #currency {
top: 0px; position: relative;
}
.style3#header .htop {
float: none; display: block;
}
.style3#header #language {
right: auto;
}
.style3#header #language ul {
left: 0px; right: auto;
}
.style3#header #currency ul {
left: 0px; right: auto;
}
.style3#header #language ul li {
text-align: left;
}
.style3#header #currency ul li {
text-align: left;
}
#header #language ul li {
text-align: left;
}
#header #currency ul li {
text-align: left;
}
.style3#header #search {
top: auto; display: inline-block;
}
.style3#header #cart {
top: auto; float: left; position: relative;
}
.style3#header #cart .content {
left: 0px;
}
#header #cart .content {
left: 0px;
}
#header #search {
top: auto; right: auto; float: right; position: relative;
}
#header #cart {
top: auto; float: left; display: inline-block; position: relative;
}
.style2#header #logo {
margin: 0px; width: auto;
}
.style2#header .htop {
margin-bottom: 0px;
}
.style3#header .links {
padding-right: 0px;
}
#footer {
width: auto !important;
}
#header {
width: auto !important;
}
.home {
display: none !important;
}
.banner {
display: none !important;
}
.back-to-top a {
display: none !important;
}
#column-right {
display: none !important;
}
#column-left {
display: none !important;
}
#header #welcome {
width: 100%; float: none;
}
h1 {
text-align: center;
}
.welcome {
text-align: center;
}
.login-content .left {
width: auto !important; float: none;
}
.login-content .right {
width: auto !important; float: none;
}
.checkout-content .left {
width: auto !important; float: none;
}
.checkout-content .right {
width: auto !important; float: none;
}
.login-content .left .content {
min-height: inherit;
}
.login-content .right .content {
min-height: inherit;
}
input[type='text'] {
width: 95%;
}
input[type='password'] {
width: 95%;
}
textarea {
width: 95%;
}
.breadcrumb a {
font-size: 11px; margin-bottom: 10px; display: inline-block;
}
.m-menures {
display: block;
}
#menures {
padding: 0px; height: auto; text-align: center;
}
#menures ul {
padding: 0px;
}
#menures > span {
background: url("images/mplus.png") no-repeat right 17px; margin: 0px; padding: 0px 15px 0px 8px; height: 45px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 45px; font-size: 16px; display: inline-block; cursor: pointer;
}
#menures > ul > li {
padding: 0px; float: none; display: none;
}
#menures > ul > li.categories {
display: block;
}
#menures > ul > li.categories > a {
display: none;
}
#menures > ul > li.categories > div > .column > a {
color: rgb(51, 51, 51) !important;
}
#menures > ul > li.categories > div {
display: block; position: relative;
}
#menures > ul > li.categories > div > .column > div {
left: auto; display: none; position: relative;
}
#menures > ul > li.categories > div > .column:hover div {
display: block;
}
#menures > ul > li.categories > div > .column:hover > div ul {
display: block;
}
#menures > ul > li.categories > div > .column > div ul li + li {
border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
#menures > ul {
background: rgb(255, 255, 255) !important; text-align: left; display: none; position: relative; z-index: 9;
}
#menures > ul > li > div {
display: block;
}
#menures > ul > li.categories > div > .column > a {
font-weight: bold;
}
#menures > ul > li.categories > div > .column > div {
padding: 0px; border: currentColor; border-image: none; margin-left: 20px; display: none; box-shadow: none;
}
#menures > ul > li.categories > div > .column:hover div {
display: none;
}
span.more {
background: url("images/mplus.png") no-repeat left -50px; top: 0px; width: 30px; height: 30px; text-align: center; right: 0px; color: rgb(194, 194, 194); line-height: 30px; font-size: 20px; font-weight: bold; display: block; position: absolute; cursor: pointer;
}
span.plus.more {
background-position: 0px -80px;
}
.product-info .cart div .qty {
padding: 0px; margin-bottom: 15px; float: none;
}
.product-info .cart div .wishlist {
margin: 0px;
}
.buttons .left {
margin: 10px 0px; text-align: center; float: none;
}
.buttons .right {
margin: 10px 0px; text-align: center; float: none;
}
.buttons .center {
margin: 10px 0px; text-align: center; float: none;
}
#footer {
padding: 0px !important;
}
#footer .fpart-inner {
padding: 10px 10px 0px;
}
#footer .column {
margin: 0px !important; width: auto; float: none; display: inline;
}
#footer h3 {
padding: 10px 0px; height: 32px; text-align: center; line-height: 32px; margin-bottom: 0px; border-top-color: rgb(68, 68, 68); border-bottom-color: currentColor; border-top-width: 1px; border-bottom-width: medium; border-top-style: dotted; border-bottom-style: none; display: block; cursor: pointer;
}
#footer .custom_column h3 {
border: currentColor; border-image: none;
}
#footer h3 + h3 {
border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: dotted;
}
#footer h3.active {
background-color: rgb(68, 68, 68);
}
#footer .column a {
background: none; padding: 3px 0px; height: 25px; line-height: 25px; font-size: 14px;
}
#footer .column:hover ul {
display: none;
}
#footer .column ul {
padding: 10px 0px; width: auto; bottom: 0px; display: none; position: relative;
}
#footer .column ul li {
text-align: center;
}
#footer .info {
width: auto; float: none; display: inline;
}
#footer .info h3 {
padding: 5px 0px;
}
#footer .about-text {
padding: 0px 10px; text-align: center; display: none;
}
#footer-top-outside {
display: none;
}
#footer .contact {
margin: 0px; float: none;
}
#footer .contact ul {
padding: 10px 0px; width: auto; display: none;
}
#footer .contact ul li.address {
background-position: 0px 0px;
}
#footer #powered {
margin-top: 0px;
}
#footer .payments_types {
padding: 0px 0px 10px; float: none;
}
#footer .part3 {
width: auto; float: none;
}
#footer .part3 + .part3 {
margin: 0px;
}
#footer .social {
padding: 12px 0px 0px; text-align: center; float: none;
}
.social_wrap {
display: none !important;
}
#powered {
width: 100%; height: auto !important; text-align: center; line-height: normal; padding-top: 10px;
}
#powered .fl {
float: none;
}
.payments_types {
margin: 10px 0px 0px; float: none;
}
.payments_types img {
margin-bottom: 10px;
}
#footer .box5 {
width: auto; float: none;
}
#footer .box2 {
width: auto; float: none;
}
#footer .box5 + .box5 {
margin: 0px;
}
#footer .box2 + .box2 {
margin: 0px;
}
.style-2#footer .box5 {
width: auto;
}
.style-2#footer .twitter_footer {
width: auto;
}
.style-2#footer .fpart_column ul li {
float: none; display: inline-block;
}
.style-2#footer .powered_text {
text-align: center; margin-top: 10px;
}
.style-2#footer .contact h3 {
display: block;
}
.style-2#footer .contact {
margin: 0px; border: currentColor; border-image: none; float: none;
}
.style-3#footer .contact {
margin: 0px; border: currentColor; border-image: none; float: none;
}
.style-2#footer .contact ul {
padding: 15px 0px; display: none;
}
.style-3#footer .contact ul {
padding: 15px 0px; display: none;
}
.style-2#footer .contact ul li {
margin: 0px; width: auto; line-height: 34px; display: block;
}
.style-3#footer .contact ul li {
margin: 0px; width: auto; line-height: 34px; display: block;
}
.style-2#footer .payments_types {
padding: 0px;
}
.style-2#footer #powered {
padding: 10px 0px;
}
.style-2#footer .custom-column-content {
padding: 0px 0px 15px;
}
#twitter_footer {
display: none;
}
#facebook {
display: none;
}
#footer .box3_1 {
width: auto; float: none;
}
.style-3#footer .custom_column {
margin: 0px 0px 15px;
}
.style-3#footer .contact h3 {
display: block;
}
#footer .contact ul li.address {
background-position: 0px 7px;
}
#column-right + #content {
margin-right: 0px !important;
}
#column-left + #content {
margin-left: 0px !important;
}
#column-left + #column-right + #content {
margin-left: 0px !important;
}
#column-left + #content {
margin-left: 0px !important;
}
.product-list .left {
width: auto; float: none;
}
.social {
margin: 10px; text-align: center; clear: both; float: none;
}
.social h3 {
display: none !important;
}
#footer .column a {
font-size: 13px;
}
.jcarousel-skin-opencart {
display: none !important;
}
.product-info > .left {
text-align: center; margin-right: 0px; float: none;
}
.product-info > .left + .right {
text-align: center; margin-left: auto;
}
.product-info .image {
float: none;
}
.mousetrap {
width: 99%;
}
.product-info .image-additional {
width: auto; margin-bottom: 10px; max-width: none;
}
.product-info .image-additional a {
float: none; display: inline-block;
}
.product-info .cart div {
margin-bottom: 15px; float: none;
}
.product-grid {
text-align: center;
}
.cart-info thead .price {
display: none;
}
.cart-info tbody .price {
display: none;
}
.sitemap-info .left {
width: auto; float: none;
}
.sitemap-info .right {
width: auto; float: none;
}
#content .content .left {
width: auto; float: none;
}
#content .content .right {
width: auto; float: none;
}
.cart-info thead .model {
display: none;
}
.cart-info tbody .model {
display: none;
}
.product-filter .sort select {
width: auto;
}
.pagination {
text-align: center; margin-bottom: 0px;
}
.pagination .links {
float: none;
}
.pagination .results {
margin-top: 5px; float: none;
}
.box .box-heading span {
padding: 0px 30px;
}
}
@media screen and (max-width:600px)
{
#language {
float: none; display: inline-block;
}
#currency {
float: none; display: inline-block;
}
#header .links {
float: none; display: inline-block;
}
#header .htop {
border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
}
@media screen and (max-width:480px)
{
.wrapper-box {
margin: 0px;
}
.product-info .image a img {
width: 100%;
}
.style3#header #search {
top: auto; float: none; display: block;
}
.style2#header #search {
top: auto; float: none; display: block;
}
#header #search {
top: auto; float: none; display: block;
}
#header #search input {
width: 93% !important;
}
.style3#header #cart {
margin-top: 10px; float: none;
}
.style2#header #cart {
margin-top: 10px; float: none;
}
#header #cart {
margin-top: 10px; float: none;
}
.style3#header #cart .content {
left: -95px;
}
.style2#header #cart .content {
left: -95px;
}
#header #cart .content {
left: -95px;
}
#header .links {
margin-right: 0px;
}
#header .links a#wishlist-total {
display: none;
}
.product-tab .tabs {
padding-left: 0px;
}
.product-tab .tabs li a {
padding: 7px 8px 6px; font-size: 12px;
}
.product-filter .display {
margin: 0px; width: auto; clear: both; float: none;
}
.product-filter .limit {
margin: 0px; width: auto; clear: both; float: none;
}
.product-filter .sort {
margin: 0px; width: auto; clear: both; float: none;
}
.product-filter .limit {
margin: 5px 0px;
}
.product-filter select {
width: auto;
}
.flex-control-nav {
display: none !important;
}
.flex-direction-nav li a.prev:hover {
display: none !important;
}
.contact ul li {
width: auto; float: none;
}
.category-list ul {
width: auto; margin-right: 0px; float: none;
}
.product-info .review > div {
overflow: inherit;
}
select {
width: 99%;
}
.cart-info thead .image {
display: none;
}
.cart-info tbody .image {
display: none;
}
.product-list .image {
float: none;
}
.product-list .left {
text-align: center;
}
.product-list .left .cart .button {
float: none;
}
.product-list .left .cart .wishlist {
float: none;
}
.product-list .left .cart .compare {
float: none;
}
}