html { margin: 0px; padding: 0px; } body { background: url("http://www.variowinkel.nl/2102/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: 0px auto; border-top-color: rgb(85, 85, 85); border-top-width: 2px; border-top-style: solid; max-width: 988px; 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: 980px; } #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/2102/banner34.jpg") no-repeat right; padding: 0px 12px 0px 0px; } #currency span b { background: url("http://www.variowinkel.nl/foto/2102/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: -60px; right: 0px; line-height: 25px; position: absolute; background: transparant; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)'; } #header #cart .heading { padding: 0px; position: relative; } #header #cart .heading h4 { background: transparant; margin: 4px 0px 0px; padding: 0px; width: 32px; height: 32px; float: left; position: relative; z-index: 1012; } #header #cart .heading a { padding: 0px 7px 0px 2px; height: 36px; 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/2102/banner34.jpg") no-repeat right 11px; padding-right: 12px; margin-top: 5px; display: inline-block; } #header #cart .content { 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: -452px; right: 30px; position: absolute; } #header .button-search { background: url("http://www.variowinkel.nl/foto/2102/banner35.jpg") no-repeat center; width: 34px; height: 34px; right: 0px; float: right; position: absolute; cursor: pointer; } #header #search input { } .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/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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/2102/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/2102/banner37.jpg") no-repeat left -35px rgb(212, 92, 147); } #footer .part3 { width: 300px; 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: 160px; } #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: 240px; } #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/2102/banner38.jpg") no-repeat left top; } #footer .contact_icon1 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-1.png") no-repeat left top; } #footer .contact_icon2 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-2.png") no-repeat left top; } #footer .contact_icon3 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-3.png") no-repeat left top; } #footer .contact_icon4 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-4.png") no-repeat left top; } #footer .contact_icon5 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-5.png") no-repeat left top; } #footer .contact_icon6 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-6.png") no-repeat left top; } #footer .contact_icon7 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-7.png") no-repeat left top; } #footer .contact_icon8 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-8.png") no-repeat left top; } #footer .contact_icon9 ul li { background: url("http://www.variowinkel.nl/2102/images/contact-icon-9.png") no-repeat left top; } #footer .contact_icon10 ul li { background: url("http://www.variowinkel.nl/2102/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; margin-top: 15px; background: rgb(255, 255, 255); } #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("http://www.variowinkel.nl/2102/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("http://www.variowinkel.nl/2102/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; } }