/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
(14218,1): run-time error CSS1019: Unexpected token, found '}'
*/
/* video embed */
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive.embed-responsive-4by3{padding-bottom:75%}
@media (max-width: 767px){
.video,
.separator{padding-top:1em;}
}
/* row no gutter */
.row.no-gutter {margin-left: 0;margin-right: 0;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {padding-right: 0;padding-left: 0;}
/* ends row no gutter */
/* caption with links and arrow for images */
.caption {position: relative;overflow: hidden;}
.caption__media {display: block;min-width: 100%;max-width: 100%;height: auto;}
.caption__overlay {position: absolute;bottom: 0;left: 0;padding:5px 1em;width:100%;color: white;background-color:rgba(0,0,0,0.50);}
h4.caption__overlay__title{font-size:1.2em;background:url(../img/essentials/arrow-right.png) no-repeat center right;width:100%;}
h4.caption__overlay__title span{max-width:95%;display:block;}
@media (max-width: 480px){
.caption__overlay{font-size:11.5px;}
.mod--guides .caption__overlay{position: static;display:block;background-color:rgba(0,0,0,1);}
}
.caption_highlight{background-color:rgba(255,75,128,0.90);}
.mod{margin-bottom:1.45em;clear:both;}
.mod:before, .mod:after { content: " "; display: table;}
.mod:after { clear: both; }
.mod--title,
.mod--title__special{color:#3a3a3a;text-align:center;font-size:1.5em;font-family:Helvetica,Arial,sans-serif;font-weight:bold;margin-bottom:1em;}
h1.mod--title,
h1.mod--title__special{font-size:2em;margin-bottom:0.4em;padding:0;}
.mod--title__special{background: url("/frontend2/img/essentials/title-bg.png") transparent repeat-x center left;}
.mod--title__special span{background-color:#fff;padding:0 1em;}
.mod--title__special span a.link-to-all{font-size:14px;color:#ff3399;padding-left:0.6em;}
/* row separator inside mods */
.row__separator-top{margin-top:1em;}
.row__separator-top[class*="col-"]{margin-top:1em;}
.row__separator{margin-bottom:1em;}
.row__separator[class*="col-"]{margin-bottom:1em;}
/* centering content inside columns */
.mod--SEO{}
.mod--SEO p{text-align:center;line-height:1.4;max-width:50em;margin:0 auto;}
.mod--SEO__hero{}
.mod--hero{}
.mod--hero__main{}
@media (max-width: 767px){
.mod--hero__side{padding-top:1em;}
}
.mod--hero__col_right_1,
.mod--hero__col_left_1{padding-bottom:10px}
.mod--hero__col_right_2{}
.mod--hero__col_left_2{}
.mod--subcategories{}
.mod--subcategories .category{min-height:420px !important;}
.mod--subcategories .subcategory{min-height:310px !important;}
.mod--subcategories__titles{}
.mod--subcategories .categories .category{}
.mod--subcategories .categories .category a:link{text-decoration:none;}
.mod--subcategories .categories .category .cat_header{background:none !important;font-size:1.1em;padding:0;min-height:30px;font-family: "StRydeBold", sans-serif;color:#3a3a3a;}
.mod--subcategories .categories .category .sub--categories{font-size:1em;}
.mod--subcategories .categories .category .sub--categories a:hover{text-decoration:underline;}
.mod--subcategories .categories .category .sub--categories a.see-all {color:#ff4b80;display:block;}
/* trying to remove the gap for second and 3rd level subcategories */
.mod--subcategories--level2 .category{min-height:290px !important;}
.mod--subcategories--level2 .subcategory{min-height:200px !important;}
@media (max-width: 959px){
.mod--subcategories .category {min-height:380px !important;}
.mod--subcategories .subcategory{min-height:310px !important;}
.mod--subcategories--level2 .category{min-height:235px !important;}
.mod--subcategories--level2 .subcategory{min-height:155px !important;}
}
@media (max-width: 480px){
.category_page .categories .category{width:100%;min-height:30px !important;}
.category_page .categories .cat_header:after{content:url(../img/essentials/arrow-right-aubergine.png);position:absolute;right:2%;}
.mod--subcategories .category img,
.mod--subcategories .category .sub--categories{display:none;}
}
@media (max-width: 380px){
.mod--subcategories .category{min-height:40px;}
}
.mod--subcategories__landing{}
@media (max-width: 480px){
.mod--subcategories__landing .xs-link .caption__media{display:none;}
.mod--subcategories__landing .xs-link .caption__overlay{display:block;position:static;background-color:rgba(255,255,255,1); }
.mod--subcategories__landing .xs-link .caption__overlay:after{content:url(../img/essentials/arrow-right-aubergine.png);position:absolute;right:2%;}
.mod--subcategories__landing .xs-link .caption__overlay__title{color:#3a3a3a;}
}
.mod--sale{}
.mod--brands{}
.mod--brands img{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
width: 100%; }
.mod--brands img:hover{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.mod--products{}
/* just in case we have a product with a long name .mod-products .product{min-height: 275px;} */
.mod--products .product a { border: 1px solid #d3d1d2; display: block; }
.mod--products .product a img { width: 100%; }
.mod--products .product_desc { margin-top: 20px; margin-bottom: 0; font-weight: bold; line-height: 1.3; }
.mod--products .product .price { font-size: 1.2em; font-weight: bold; line-height: 1.3; }
.mod--products .product .price.new { color: #ff4b80; }
.mod--products .price{font-size: 1.2em;font-weight: bold;line-height: 1.3;}
.mod--products .price.old{ color: #8d8d8d;font-size: 14px;font-weight: normal;padding-right: 10px;text-decoration: line-through;}
.mod--products .price.new {color: #ff4b80;}
.mod--inspiration .embed-reponsive{padding:15px !important;}
/* centering content inside the columns */
.content-center{margin: 0 auto !important;}
.mod--company .row{background-color:#eeeae1;}
.mod--company__reasons{background-color:#eeeae1;padding:2em 0 0 3em;}
.mod--company__reasons ul{list-style: none;padding:0;padding-left:1em;margin:0;}
.mod--company__reasons li{padding-left: 1.5em; line-height:1.6em;font-size:18px;font-family:Helvetica,Arial, sans-serif;}
.mod--company__reasons li:before{content: "• ";color: #ff4b80; }
.mod--guides{}
.mod--competitions{}
.mod--landing-promo .highlight{color:#ff4b80}
/* modules for the product listings */
.mod--listing{}
.mod--listing__intro{}
.category_page .categories .category {
padding: 0 10px 10px;
}
.category_page .categories .row {
margin-left: -10px;
margin-right: -10px;
}
.category_page .categories .cat_header {
font-weight: 700;
}
.category_page .infobox .text_wrapper {
width: 65%;
height: 150px;
overflow: hidden;
float: left;
background-size: 100% 150px;
}
.category_page .infobox .img_wrapper {
width: 35%;
float: left;
overflow: hidden;
}
.category_page .infobox .text_wrapper.no_image {
width: 100%;
height: auto;
}
@font-face {
font-family: 'fontawesome';
src:url('../fonts/fontawesome.eot');
src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
url('../fonts/fontawesome.svg#fontawesome') format('svg'),
url('../fonts/fontawesome.woff') format('woff'),
url('../fonts/fontawesome.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Reset */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* Header Style */
.codrops-top {
background: #fff;
background: rgba(255, 255, 255, 0.95);
text-transform: uppercase;
position: relative;
font-size: 0.68em;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
line-height: 2.2;
}
.codrops-top a {
padding: 0 1em;
letter-spacing: 0.1em;
color: #333;
display: inline-block;
}
.codrops-top a:hover {
background: rgba(255,255,255,0.99);
color: #000;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
float: left;
display: block;
}
/* Demo Buttons Style */
.codrops-demos {
padding-top: 1em;
font-size: 0.9em;
}
.codrops-demos a {
display: inline-block;
margin: 0.5em;
padding: 0.7em 1.1em;
border: 3px solid #b1aea6;
color: #b1aea6;
font-weight: 700;
}
.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
border-color: #89867e;
color: #89867e;
}
@media screen and (max-width: 46.0625em) {
.main {
padding: 0;
}
.column {
width: 100%;
min-width: auto;
min-height: auto;
padding: 3em 2em;
}
.column p {
text-align: left;
font-size: 1.5em;
}
.column:nth-child(2) {
box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
background-position: 90px 3em;
}
}
/* Reset - A few useful declerations to stop other peoples CSS interfering with our own */
.sxy-zoom-container .sxy-zoom-viewport img { max-width: none !important; border-radius: 0 !important; }
/* Global */
.sxy-zoom-container { /* -moz-box-shadow: 0 1px 6px #aaa; -webkit-box-shadow: 0 1px 6px #aaa; box-shadow: 0 1px 6px #aaa; */}
.sxy-zoom-container .sxy-zoom-viewport { z-index: 1000; }
.sxy-zoom-container img { border: 0; }
.sxy-zoom-container div { margin: 0; padding: 0; border: 0; }
.sxy-zoom-container .sxy-zoom-dragpad, .sxy-zoom-container .sxy-overlay, .sxy-zoom-container .inner-thumb, .sxy-zoom-container .sxy-zoom-bg { width: 100%; height: 100%; }
.sxy-zoom-bg { left: 0; top: 0; position: absolute; }
.sxy-zoom-container .sxy-controls { height: 100%; }
.sxy-zoom-container .overlay { height: 100%; }
.sxy-zoom-container .sxy-slider { height: 100%; }
.sxy-zoom-container .sxy-zoom-dragpad { position: absolute !important; left: 0; top: 0; }
/* Controls */
.sxy-zoom-container .sxy-controls
{
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
width: 26px;
left: -26px;
top: 0px;
position: absolute;
overflow: hidden;
filter:inherit;
}
.sxy-zoom-container .sxy-controls .overlay
{
position: absolute;
top: 0px;
left: 0px;
width: 26px;
border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px;
border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px;
background:#fff;
filter: inherit;
}
/*updated url properties due to bundling path change*/
.sxy-zoom-container .in { filter:inherit; left: 2px; width: 22px; height: 23px; background: url(/frontend2/js/vendor/swinxyzoom/controls.png) 0px -15px; position: relative; display: block; top: 3px;}
.sxy-zoom-container .out { filter:inherit; width: 22px; height: 23px; background: url(/frontend2/js/vendor/swinxyzoom/controls.png) 0px -38px; position: relative; left: 2px; display: block; }
.sxy-zoom-container .sxy-slider { filter:inherit; background: url(/frontend2/js/vendor/swinxyzoom/controls.png) -25px 0px repeat-y; position: relative;}
.sxy-zoom-container .sxy-handle { filter:inherit; left: 2px; width: 20px; height: 16px; background: url(/frontend2/js/vendor/swinxyzoom/controls.png) 0px 0px no-repeat; top: 20px; position: absolute;font-size: 0; }
/* Mode :: Common */
.sxy-zoom-container { position: relative; }
.sxy-zoom-container .sxy-zoom-viewfinder { position: absolute; border: 1px solid #d9cfba; border:1px solid rgba(255,255,255,0.4); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.sxy-zoom-container .inner-thumb { position: absolute; top: 0; left: 0; }
.sxy-zoom-container .sxy-zoom-dragpad { position: relative; }
.sxy-zoom-container .sxy-zoom-dragpad .sxy-overlay { position: absolute; top: 0px; left: 0px; }
.sxy-zoom-container .sxy-zoom-viewport { position: absolute; overflow: hidden; top:0; }
.sxy-zoom-container .sxy-zoom-viewport img { position: absolute; }
.sxy-zoom-container.sxy-zoom-loading .sxy-loading { background: #fff; padding: 5px; position: absolute; top:0; left:0; margin: 5px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); opacity: 0.35; filter: alpha(opacity = 35);}
.sxy-zoom-container.sxy-zoom-loading .sxy-loading span { background: url(/frontend2/js/vendor/swinxyzoom/loading.gif) no-repeat; width: 25px; height: 25px; display: block;}
/* Mode :: Dock */
.sxy-zoom-mode-dock .sxy-zoom-viewport { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #000; position: absolute; overflow: hidden; top:0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);}
.sxy-zoom-mode-dock .sxy-zoom-dragpad .sxy-overlay { background: #000000; opacity: 0.0; filter: alpha(opacity = 0); }
/* Mode :: Window */
.sxy-zoom-mode-window .sxy-zoom-viewfinder { z-index: 1001; }
/* Mode :: Lens */
.sxy-zoom-mode-lens .sxy-zoom-viewport { border: 1px solid #000; position: absolute; overflow: hidden; top:0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); }
/* Mode :: Slippy */
.sxy-zoom-mode-slippy .sxy-zoom-dragpad { cursor: pointer; }
.sxy-zoom-mode-slippy .sxy-zoom-dragpad.down { cursor: move; }
.dropdown-menu, .nav, ul {
list-style: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
body {
margin: 0
}
a {
background: 0 0
}
a:active, a:hover {
outline: 0
}
h1 {
margin: .67em 0
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
address, cite {
font-style: normal
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
margin-top: 20px;
margin-bottom: 20px
}
mark {
background: #ff0;
color: #000
}
.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .open .btn-danger.dropdown-toggle, .open .btn-default.dropdown-toggle, .open .btn-info.dropdown-toggle, .open .btn-primary.dropdown-toggle, .open .btn-success.dropdown-toggle, .open .btn-warning.dropdown-toggle {
background-image: none
}
code, kbd, pre, samp {
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0;
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.input-block-level, input[type=search] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
-webkit-tap-highlight-color: transparent
}
body {
font-size: 14px
}
button, input, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a:focus, a:hover {
color: #2a6496;
text-decoration: underline
}
a:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
pre code, table {
background-color: transparent
}
.img-circle {
border-radius: 50%
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.collapsing, .dropdown {
position: relative
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px
}
@media (min-width:768px) {
.lead {
font-size: 21px
}
.dropdown_menu.dl-menuwrapper {
margin-top: 10px
}
}
.small, small {
font-size: 85%
}
.text-muted {
color: #999
}
.text-primary {
color: #428bca
}
.text-primary:hover {
color: #3071a9
}
.text-warning {
color: #c09853
}
.text-warning:hover {
color: #a47e3c
}
.text-danger {
color: #b94a48
}
.text-danger:hover {
color: #953b39
}
.text-success {
color: #468847
}
.text-success:hover {
color: #356635
}
.text-info {
color: #3a87ad
}
.text-info:hover {
color: #2d6987
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue",Helvetica-,Arial,sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-weight: 400;
line-height: 1;
color: #999
}
legend, pre {
color: #333
}
h1, h2, h3 {
margin-top: 20px
}
h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
font-size: 65%
}
h4, h5, h6 {
margin-top: 10px
}
h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-size: 75%
}
.h1, h1 {
font-size: 36px
}
.h2, h2 {
font-size: 30px
}
.h3, h3 {
font-size: 24px
}
.h4, h4 {
font-size: 18px
}
.h5, h5 {
font-size: 14px
}
.h6, h6 {
font-size: 12px
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
blockquote p:last-child, ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
address, dl {
margin-bottom: 20px
}
ol, ul {
margin-top: 0;
margin-bottom: 7px
}
.list-inline, .list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
.list-inline > li:first-child {
padding-left: 0
}
dd, dt {
line-height: 1.42857
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
.dl-horizontal dd:after, .dl-horizontal dd:before {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
}
#contextBar h1, .add_to_basket .product_added:after, .basket .basket_wrapper:after, .basket-popup .products_list .product:after, .basketTotal li:after, .basket_right_column .description, .basket_right_column .gift_card:after, .basket_right_column .order_summary .total, .basket_title:after, .border_small_dot:after, .btn_wrap:after, .category_page .infobox:after, .category_page .special_offers .more_offers .offer_el a:after, .category_page .special_offers:after, .clear, .clearfix:after, .container:after, .delivery_form .store_finder_wrapper .store_finder_bg:after, .delivery_form .store_finder_wrapper:after, .delivery_form:after, .dotted_border:after, .dropdown-menu > li > a, .email_me .email_me_cont .cont_wrap:after, .favourite_craft .store_finder_wrapper .store_finder_bg:after, .favourite_craft .store_finder_wrapper:after, .favourite_craft:after, .form .formRow:after, .form .input-group:after, .form-group:after, .form-horizontal .form-group:after, .grey-box:after, .header .searchbox .search .searchahead-results .product:after, .header .searchbox:after, .my_account .item_list .item:after, .my_account .total_wrap:after, .my_addresses .right-sidebar .billing_address .title:after, .my_addresses .right-sidebar .delivery_addresses:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .now_open_wrap:after, .panel-body:after, .progressbar ul:after, .promotion_code:after, .row:after, .searchahead-results-container, .single_product .included:after, .single_product .product_short_desc .product_prices:after, .single_product .product_short_desc .product_stars:after, .single_product:after, .slider:after, .small_dotted_border:after, .special_offers .specialoffers_wrapper .offer_el a:after, .store.store_finder .slider_wrap:after, .store_finder .store_facilities:after, .subtotal_wrap:after, .summaryArea li:after, hr {
clear: both
}
abbr[data-original-title], abbr[title] {
cursor: help;
border-bottom: 1px dotted #999
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eee
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25
}
address, blockquote small, pre {
line-height: 1.42857
}
blockquote small {
display: block;
color: #999
}
blockquote small:before {
content: '\2014 \00A0'
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0
}
blockquote.pull-right .small, blockquote.pull-right p, blockquote.pull-right small {
text-align: right
}
blockquote.pull-right .small:before, blockquote.pull-right small:before {
content: ''
}
blockquote.pull-right .small:after, blockquote.pull-right small:after {
content: '\00A0 \2014'
}
blockquote:after, blockquote:before {
content: ""
}
code, kbd, pre, samp {
font-family: Monaco,Menlo,Consolas,"Courier- New",monospace
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
white-space: nowrap;
border-radius: 4px
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px
}
.container:after, .container:before, .row:after, .row:before {
display: table;
content: " "
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
border-radius: 0
}
.btn, .dropdown-menu > li > a {
font-weight: 400;
white-space: nowrap
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
input[type=file], legend {
display: block
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width:768px) {
.container {
width: 750px
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width:992px) {
.container {
width: 970px
}
.col-md-1, .col-md-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
.btn-block, .table, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block, legend {
width: 100%
}
table {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%
}
th {
text-align: left
}
.table {
margin-bottom: 20px
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.btn, .caret, .checkbox, .checkbox-inline, .form-control, .radio, .radio-inline, .table td, output {
vertical-align: middle
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
border-top: 0
}
.table > tbody + tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
padding: 5px
}
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: 1px solid #ddd
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom-width: 2px
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
background-color: #f5f5f5
}
table col[class*=col-] {
float: none;
display: table-column
}
table td[class*=col-], table th[class*=col-] {
float: none;
display: table-cell
}
.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
background-color: #dff0d8
}
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
background-color: #d0e9c6
}
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
background-color: #f2dede
}
.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
background-color: #ebcccc
}
.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
background-color: #fcf8e3
}
.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
background-color: #faf2cc
}
@media (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
-webkit-overflow-scrolling: touch
}
.table-responsive > .table {
margin-bottom: 0
}
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
white-space: nowrap
}
.table-responsive > .table-bordered {
border: 0
}
.table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0
}
.table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0
}
.table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0
}
}
fieldset, legend {
padding: 0;
border: 0
}
fieldset {
margin: 0
}
legend {
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
margin-bottom: 5px
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: border-box
}
input[type=checkbox], input[type=radio] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal
}
select[multiple], select[size] {
height: auto
}
select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit
}
.form-control, output {
font-size: 14px;
line-height: 1.42857;
color: #555;
display: block
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
output {
padding-top: 7px
}
.form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc
}
.form-control:focus {
border-color: #66afe9;
outline: 0
}
.form-control:-moz-placeholder {
color: #999
}
.form-control::-moz-placeholder {
color: #999
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee
}
textarea.form-control {
height: auto
}
.checkbox, .radio {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px
}
.checkbox label, .radio label {
display: inline;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
float: left;
margin-left: -20px
}
.checkbox + .checkbox, .radio + .radio {
margin-top: -5px
}
.checkbox-inline, .radio-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
margin-top: 0;
margin-left: 10px
}
.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
cursor: not-allowed
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
select.input-sm {
height: 30px;
line-height: 30px
}
textarea.input-sm {
height: auto
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33
}
select.input-lg {
height: 45px;
line-height: 45px
}
textarea.input-lg {
height: auto
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
color: #c09853
}
.has-warning .form-control {
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e
}
.has-warning .input-group-addon {
color: #c09853;
border-color: #c09853;
background-color: #fcf8e3
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
color: #b94a48
}
.has-error .form-control {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392
}
.has-error .input-group-addon {
color: #b94a48;
border-color: #b94a48;
background-color: #f2dede
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
color: #468847
}
.has-success .form-control {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b
}
.has-success .input-group-addon {
color: #468847;
border-color: #468847;
background-color: #dff0d8
}
.form-control-static {
margin-bottom: 0;
padding-top: 7px
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width:768px) {
.form-inline .form-group, .navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control, .navbar-form .form-control {
display: inline-block
}
.form-inline .checkbox, .form-inline .radio, .navbar-form .checkbox, .navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0
}
.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
float: none;
margin-left: 0
}
.form-horizontal .control-label {
text-align: right
}
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px
}
.form-horizontal .form-group:after, .form-horizontal .form-group:before {
content: " ";
display: table
}
.btn, div#spinner {
text-align: center
}
.btn {
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.btn:focus {
outline: #333 dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn:focus, .btn:hover {
color: #333;
text-decoration: none
}
.btn.active, .btn:active {
outline: 0
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65)
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
/* Commented code on 29/03/2019 to check if is not in use can be removed after few days if not unsommented
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .btn-default.dropdown-toggle {
color: #333;
background-color: #ebebeb;
border-color: #adadad
}*/
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .btn-primary.dropdown-toggle {
color: #fff;
background-color: #3276b1;
border-color: #285e8e
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #428bca;
border-color: #357ebd
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ed9c28;
border-color: #d58512
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .btn-danger.dropdown-toggle {
color: #fff;
background-color: #d2322d;
border-color: #ac2925
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .btn-success.dropdown-toggle {
color: #fff;
background-color: #47a447;
border-color: #398439
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .btn-info.dropdown-toggle {
color: #fff;
background-color: #39b3d7;
border-color: #269abc
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-link {
color: #428bca;
font-weight: 400;
cursor: pointer
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
border-color: transparent
}
.btn-link:focus, .btn-link:hover {
color: #2a6496;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
color: #999;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33
}
.btn-sm, .btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.btn-xs {
padding: 1px 5px
}
.btn-block {
display: block;
padding-left: 0;
padding-right: 0
}
.btn-block + .btn-block {
margin-top: 5px
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.basket_right_column .gift_card .expander, .fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
.collapsing {
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box
}
.dropdown-header, .dropdown-menu > li > a {
display: block;
padding: 3px 20px;
line-height: 1.42857
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu > li > a {
color: #333
}
.close, div#spinner, div.input.select label, div.input.text label {
font-weight: 700
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca
}
.dropdown-header, .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .nav > li.disabled > a {
color: #999
}
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
text-decoration: none;
background-color: transparent;
filter: progid:DXImage-transform@mixin Microsoft.gradient(enabled = false);
cursor: not-allowed
}
.open > .dropdown-menu {
display: block
}
.open > a {
outline: 0
}
.dropdown-header {
font-size: 12px
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right > .dropdown-menu {
right: 0;
left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-top: 0 dotted;
border-bottom: 4px solid #000;
content: ""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
float: right
}
}
.nav {
margin-bottom: 0;
padding-left: 0
}
.nav:after, .nav:before {
content: " ";
display: table
}
.nav > li, .nav > li > a {
display: block;
position: relative
}
.nav > li > a {
padding: 10px 15px
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
background-color: #eee
}
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
color: #999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: #eee;
border-color: #428bca
}
.nav .open > a .caret, .nav .open > a:focus .caret, .nav .open > a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav > li > a > img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs > li {
float: left;
margin-bottom: -1px
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-pills > li {
float: left
}
.nav-justified > li, .nav-stacked > li, .nav-tabs.nav-justified > li {
float: none
}
.nav-pills > li > a {
border-radius: 4px
}
.nav-pills > li + li {
margin-left: 2px
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #fff;
background-color: #428bca
}
.nav-pills > li.active > a .caret, .nav-pills > li.active > a:focus .caret, .nav-pills > li.active > a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0
}
.nav-justified, .nav-tabs.nav-justified {
width: 100%
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-justified > li, .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-bottom: 0
}
}
.basket_right_column .gift_card.applied .hide_on_applied, .tab-content > .tab-pane, div#spinner {
display: none
}
.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border-bottom-color: #fff
}
}
.tab-content > .active {
display: block
}
.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
content: " ";
display: table
}
.nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca
}
.nav a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent
}
.navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
.navbar-header {
float: left
}
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
.navbar-collapse.in {
overflow-y: auto
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0
}
}
body, html {
overflow-x: hidden
}
.container > .navbar-collapse, .container > .navbar-header {
margin-right: -15px;
margin-left: -15px
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px
}
.navbar-fixed-bottom, .navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0
}
.navbar-brand {
float: left;
padding: 15px;
font-size: 18px;
line-height: 20px
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none
}
@media (min-width:768px) {
.container > .navbar-collapse, .container > .navbar-header {
margin-right: 0;
margin-left: 0
}
.navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
border-radius: 0
}
.navbar > .container .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px
}
@media (min-width:768px) {
.navbar-toggle {
display: none
}
}
.clearfix:after, .clearfix:before, .panel-body:after, .panel-body:before {
content: " ";
display: table
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
background-image: none
}
}
@media (min-width:768px) {
.navbar-left, .navbar-nav > li {
float: left
}
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px
}
.navbar-right {
float: right
}
}
.navbar-form {
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
margin: 8px -15px
}
@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
}
@media (min-width:768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-text {
margin-left: 15px;
margin-right: 15px
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px
}
.navbar-text {
float: left;
margin-top: 15px;
margin-bottom: 15px
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ccc
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav > .dropdown > a:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #333;
border-bottom-color: #333
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color: #e7e7e7;
color: #555
}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .open > a:hover .caret {
border-top-color: #555;
border-bottom-color: #555
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #777;
border-bottom-color: #777
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-inverse {
background-color: #222;
border-color: #090909
}
.navbar-inverse .navbar-brand {
color: #999
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
color: #999
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
background-color: #090909;
color: #fff
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #999;
border-bottom-color: #999
}
.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret {
border-top-color: #fff;
border-bottom-color: #fff
}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #999
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.panel-heading > .dropdown .dropdown-toggle, .panel-title > a {
color: inherit
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-title, .panel > .list-group, .panel > .table, .panel > .table-responsive {
margin-bottom: 0
}
.panel-body {
padding: 15px
}
.panel > .list-group .list-group-item {
border-width: 1px 0
}
.panel > .list-group .list-group-item:last-child, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th {
border-bottom: 0
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
border-top: 1px solid #ddd
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0
}
.panel-footer, .panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #ddd
}
.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0
}
.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-title {
margin-top: 0;
font-size: 16px
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
overflow: hidden
}
.panel-group .panel + .panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ddd
}
.panel-default > .panel-heading > .dropdown .caret {
border-color: #333 transparent
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #428bca
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca
}
.panel-primary > .panel-heading > .dropdown .caret {
border-color: #fff transparent
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca
}
.panel-success {
border-color: #d6e9c6
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6
}
.panel-success > .panel-heading > .dropdown .caret {
border-color: #468847 transparent
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6
}
.panel-warning {
border-color: #faebcc
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #faebcc
}
.panel-warning > .panel-heading > .dropdown .caret {
border-color: #c09853 transparent
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ebccd1
}
.panel-danger > .panel-heading > .dropdown .caret {
border-color: #b94a48 transparent
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1
}
.panel-info {
border-color: #bce8f1
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1
}
.panel-info > .panel-heading > .dropdown .caret {
border-color: #3a87ad transparent
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1
}
.close {
float: right;
font-size: 21px;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20)
}
.close:focus, .close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50)
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.hidden, .visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs {
display: none !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.btn, .btn.brown-btn, .btn.submit, .form-submit .button, .header, .header .searchbox .dropdown_menu, .special_btn, body, h1, h2, h3, h4, h5, html body {
font-family: Helvetica,Arial,sans-serif
}
.hidden {
visibility: hidden !important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
tr.visible-xs {
display: table-row !important
}
td.visible-xs, th.visible-xs {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-xs.visible-sm {
display: block !important
}
tr.visible-xs.visible-sm {
display: table-row !important
}
td.visible-xs.visible-sm, th.visible-xs.visible-sm {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-xs.visible-md {
display: block !important
}
tr.visible-xs.visible-md {
display: table-row !important
}
td.visible-xs.visible-md, th.visible-xs.visible-md {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-xs.visible-lg {
display: block !important
}
tr.visible-xs.visible-lg {
display: table-row !important
}
td.visible-xs.visible-lg, th.visible-xs.visible-lg {
display: table-cell !important
}
}
.visible-sm, td.visible-sm, th.visible-sm, tr.visible-sm {
display: none !important
}
@media (max-width:767px) {
.visible-sm.visible-xs {
display: block !important
}
tr.visible-sm.visible-xs {
display: table-row !important
}
td.visible-sm.visible-xs, th.visible-sm.visible-xs {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
tr.visible-sm {
display: table-row !important
}
td.visible-sm, th.visible-sm {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-sm.visible-md {
display: block !important
}
tr.visible-sm.visible-md {
display: table-row !important
}
td.visible-sm.visible-md, th.visible-sm.visible-md {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-sm.visible-lg {
display: block !important
}
tr.visible-sm.visible-lg {
display: table-row !important
}
td.visible-sm.visible-lg, th.visible-sm.visible-lg {
display: table-cell !important
}
}
.visible-md, td.visible-md, th.visible-md, tr.visible-md {
display: none !important
}
@media (max-width:767px) {
.visible-md.visible-xs {
display: block !important
}
tr.visible-md.visible-xs {
display: table-row !important
}
td.visible-md.visible-xs, th.visible-md.visible-xs {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-md.visible-sm {
display: block !important
}
tr.visible-md.visible-sm {
display: table-row !important
}
td.visible-md.visible-sm, th.visible-md.visible-sm {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block !important
}
tr.visible-md {
display: table-row !important
}
td.visible-md, th.visible-md {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-md.visible-lg {
display: block !important
}
tr.visible-md.visible-lg {
display: table-row !important
}
td.visible-md.visible-lg, th.visible-md.visible-lg {
display: table-cell !important
}
}
.visible-lg, td.visible-lg, th.visible-lg, tr.visible-lg {
display: none !important
}
@media (max-width:767px) {
.visible-lg.visible-xs {
display: block !important
}
tr.visible-lg.visible-xs {
display: table-row !important
}
td.visible-lg.visible-xs, th.visible-lg.visible-xs {
display: table-cell !important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-lg.visible-sm {
display: block !important
}
tr.visible-lg.visible-sm {
display: table-row !important
}
td.visible-lg.visible-sm, th.visible-lg.visible-sm {
display: table-cell !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-lg.visible-md {
display: block !important
}
tr.visible-lg.visible-md {
display: table-row !important
}
td.visible-lg.visible-md, th.visible-lg.visible-md {
display: table-cell !important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block !important
}
tr.visible-lg {
display: table-row !important
}
td.visible-lg, th.visible-lg {
display: table-cell !important
}
}
.hidden-xs {
display: block !important
}
tr.hidden-xs {
display: table-row !important
}
td.hidden-xs, th.hidden-xs {
display: table-cell !important
}
@media (max-width:767px) {
.hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg {
display: none !important
}
}
.hidden-sm {
display: block !important
}
tr.hidden-sm {
display: table-row !important
}
td.hidden-sm, th.hidden-sm {
display: table-cell !important
}
@media (max-width:767px) {
.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg {
display: none !important
}
}
.hidden-md {
display: block !important
}
tr.hidden-md {
display: table-row !important
}
td.hidden-md, th.hidden-md {
display: table-cell !important
}
@media (max-width:767px) {
.hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg {
display: none !important
}
}
.hidden-lg {
display: block !important
}
tr.hidden-lg {
display: table-row !important
}
td.hidden-lg, th.hidden-lg {
display: table-cell !important
}
@media (max-width:767px) {
.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs {
display: none !important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm {
display: none !important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md {
display: none !important
}
}
@media (min-width:1200px) {
.hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg {
display: none !important
}
}
.visible-print, td.visible-print, th.visible-print, tr.visible-print {
display: none !important
}
@media print {
.visible-print {
display: block !important
}
tr.visible-print {
display: table-row !important
}
td.visible-print, th.visible-print {
display: table-cell !important
}
.hidden-print, td.hidden-print, th.hidden-print, tr.hidden-print {
display: none !important
}
}
.triangle-border {
position: relative;
padding: 15px;
margin: 1em 0 3em;
border: 1px solid #ccc;
color: #333;
background: #fff;
-moz-box-shadow: #ccc 0 1px 8px -2px;
-webkit-box-shadow: #ccc 0 1px 8px -2px;
box-shadow: #ccc 0 1px 8px -2px
}
.triangle-border::after, .triangle-border::before {
content: "";
border-style: solid;
width: 0;
display: block;
position: absolute
}
.triangle-border.top::before {
top: -12px;
bottom: auto;
left: auto;
right: -1px;
border-width: 0 0 12px 17px
}
.triangle-border::before {
bottom: -20px;
left: 40px;
border-width: 20px 20px 0;
border-color: #ccc transparent
}
.triangle-border.top::after {
top: -10px;
bottom: auto;
left: auto;
right: 0;
border-width: 0 0 10px 15px
}
.triangle-border::after {
bottom: -13px;
left: 47px;
border-width: 13px 13px 0;
border-color: #fff transparent
}
.triangle-border-full {
position: relative;
margin: 0 0 3em;
border: 1px solid #ccc;
border-top: none;
color: #333;
background: #fff;
-moz-box-shadow: #ccc 0 1px 8px -2px;
-webkit-box-shadow: #ccc 0 1px 8px -2px;
box-shadow: #ccc 0 1px 8px -2px
}
.prepend-top {
margin-top: 10px !important
}
.prepend-top-2 {
margin-top: 20px !important
}
.prepend-top-3 {
margin-top: 30px !important
}
.prepend-top-4 {
margin-top: 40px !important
}
.prepend-top-5 {
margin-top: 50px !important
}
.prepend-top-6 {
margin-top: 60px !important
}
.append-bottom {
margin-bottom: 10px !important
}
.append-bottom-2 {
margin-bottom: 20px !important
}
.append-bottom-3 {
margin-bottom: 30px !important
}
.append-bottom-4 {
margin-bottom: 40px !important
}
.append-bottom-5 {
margin-bottom: 50px !important
}
.append-bottom-6 {
margin-bottom: 60px !important
}
.pull-up {
margin-top: -10px !important
}
.non-clickable {
cursor: default
}
.pull-up-2 {
margin-top: -20px !important
}
.pull-up-3 {
margin-top: -30px !important
}
.pull-up-4 {
margin-top: -40px !important
}
.pull-up-5 {
margin-top: -50px !important
}
.pull-up-6 {
margin-top: -60px !important
}
.input-block-level {
display: block;
width: 100%;
min-height: 28px;
box-sizing: border-box
}
div#spinner {
width: 120px;
height: 80px;
position: fixed;
top: 50%;
left: 50%;
background: url(/frontend2/img/loading2.gif) center no-repeat;
padding: 50px 10px 0 0;
color: #fff;
font-size: 20px;
text-shadow: #000 1px 1px 1x;
margin-left: -50px;
margin-top: -50px;
z-index: 2;
overflow: auto
}
i.iconblock {
display: inline-block;
margin-bottom: -5px
}
.icons-account, .icons-account_opt, .icons-arow_left_grey, .icons-arow_right, .icons-arrow-right-grey, .icons-arrow_down, .icons-arrow_left, .icons-arrow_up, .icons-basket, .icons-basket-green, .icons-basket_large, .icons-black_arrow_down, .icons-black_arrow_right, .icons-c-multi, .icons-c-multi2, .icons-c-multi3, .icons-camara, .icons-check, .icons-check-green, .icons-check-green2, .icons-check-grey, .icons-check-pink, .icons-close-btn, .icons-close-icon, .icons-close-icon-big, .icons-crafty-cat, .icons-current_loc, .icons-dots-large, .icons-dropdown_arrow_dark, .icons-dropdown_arrow_dark-left, .icons-dropdown_arrow_dark_open, .icons-facebook, .icons-facilities-baby, .icons-facilities-coffee, .icons-facilities-craftroom, .icons-facilities-garden, .icons-facilities-hearing, .icons-facilities-kids, .icons-facilities-lift, .icons-facilities-parking-free, .icons-facilities-parking-pay, .icons-facilities-toilets, .icons-facilities-wheelchair, .icons-finger-no, .icons-finger-ok, .icons-footer_menu_bg, .icons-gift_card, .icons-gift_card_icon, .icons-google, .icons-heart, .icons-heart-icon, .icons-home_delivery, .icons-home_delivery_brown, .icons-home_delivery_grey, .icons-icon-click, .icons-icon-envelope, .icons-icon-fb, .icons-icon-google, .icons-icon-home_delivery_grey, .icons-icon-in-store, .icons-icon-inter-delivery, .icons-icon-pin, .icons-icon-return, .icons-icon-share, .icons-icon-tele, .icons-icon-twitter, .icons-in_store, .icons-input-button-checked, .icons-input-button-unchecked, .icons-input-checkbox-checked-green, .icons-input-checkbox-unchecked-green, .icons-inputfield-error, .icons-loopicon, .icons-loupe-greybg, .icons-maestro, .icons-mail, .icons-map_open_stores, .icons-map_opening_soon, .icons-mastercard, .icons-mastercard_new, .icons-menu, .icons-mobile_arrow_next, .icons-mobile_arrow_prev, .icons-mouse, .icons-open_store, .icons-opening_soon, .icons-pagination-active, .icons-pay_securely_padlock, .icons-paypal, .icons-paypal_img, .icons-paypal_new, .icons-phone, .icons-pinterest, .icons-qualbar, .icons-remove, .icons-returns, .icons-search, .icons-sign_out, .icons-slider_arow_left_grey, .icons-slider_arow_right_grey, .icons-slider_tablet_arow_left_grey, .icons-slider_tablet_arow_right_grey, .icons-sm-facebook, .icons-sm-google, .icons-sm-more, .icons-sm-pinterest, .icons-sm-twitter, .icons-so_icon, .icons-sort-bg, .icons-special-offer, .icons-special-offer-20, .icons-special-offer-25, .icons-special-offer-2for1, .icons-special-offer-3for2, .icons-sprite, .icons-star, .icons-stars-4, .icons-stars-five, .icons-stars-four, .icons-stars-fourhalf, .icons-stars-one, .icons-stars-onehalf, .icons-stars-three, .icons-stars-threehalf, .icons-stars-two, .icons-stars-twohalf, .icons-store_delivery, .icons-stores, .icons-students_discount, .icons-thumbnails_arrow_botton, .icons-thumbnails_arrow_left, .icons-thumbnails_arrow_right, .icons-thumbnails_arrow_top, .icons-tick-red, .icons-twitter, .icons-ul-bullet, .icons-verisign, .icons-verisign_new, .icons-verisign_new_big, .icons-visa, .icons-visa_new, .icons-wool, .icons-youtube {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-repeat: no-repeat
}
.icons-2x-account, .icons-2x-account_opt, .icons-2x-arow_left_grey, .icons-2x-arow_right, .icons-2x-arrow-right-grey, .icons-2x-arrow_down, .icons-2x-arrow_left, .icons-2x-arrow_up, .icons-2x-basket, .icons-2x-basket-green, .icons-2x-basket_large, .icons-2x-black_arrow_down, .icons-2x-black_arrow_right, .icons-2x-c-multi, .icons-2x-c-multi2, .icons-2x-c-multi3, .icons-2x-camara, .icons-2x-check, .icons-2x-check-green, .icons-2x-check-green2, .icons-2x-check-grey, .icons-2x-check-pink, .icons-2x-close-btn, .icons-2x-close-icon, .icons-2x-close-icon-big, .icons-2x-crafty-cat, .icons-2x-current_loc, .icons-2x-dots-large, .icons-2x-dropdown_arrow_dark, .icons-2x-dropdown_arrow_dark-left, .icons-2x-dropdown_arrow_dark_open, .icons-2x-facebook, .icons-2x-facilities-baby, .icons-2x-facilities-coffee, .icons-2x-facilities-craftroom, .icons-2x-facilities-garden, .icons-2x-facilities-hearing, .icons-2x-facilities-kids, .icons-2x-facilities-lift, .icons-2x-facilities-parking-free, .icons-2x-facilities-parking-pay, .icons-2x-facilities-toilets, .icons-2x-facilities-wheelchair, .icons-2x-finger-no, .icons-2x-finger-ok, .icons-2x-footer_menu_bg, .icons-2x-gift_card, .icons-2x-gift_card_icon, .icons-2x-google, .icons-2x-heart, .icons-2x-heart-icon, .icons-2x-home_delivery, .icons-2x-home_delivery_brown, .icons-2x-home_delivery_grey, .icons-2x-icon-click, .icons-2x-icon-envelope, .icons-2x-icon-fb, .icons-2x-icon-google, .icons-2x-icon-home_delivery_grey, .icons-2x-icon-in-store, .icons-2x-icon-inter-delivery, .icons-2x-icon-pin, .icons-2x-icon-return, .icons-2x-icon-share, .icons-2x-icon-tele, .icons-2x-icon-twitter, .icons-2x-in_store, .icons-2x-input-button-checked, .icons-2x-input-button-checked2X, .icons-2x-input-button-unchecked, .icons-2x-input-button-unchecked2X, .icons-2x-input-checkbox-checked-green, .icons-2x-input-checkbox-unchecked-green, .icons-2x-inputfield-error, .icons-2x-loopicon, .icons-2x-loupe-greybg, .icons-2x-maestro, .icons-2x-mail, .icons-2x-map_open_stores, .icons-2x-map_opening_soon, .icons-2x-mastercard, .icons-2x-mastercard_new, .icons-2x-menu, .icons-2x-mobile_arrow_next, .icons-2x-mobile_arrow_prev, .icons-2x-mouse, .icons-2x-open_store, .icons-2x-opening_soon, .icons-2x-pagination-active, .icons-2x-pay_securely_padlock, .icons-2x-paypal, .icons-2x-paypal_img, .icons-2x-paypal_new, .icons-2x-phone, .icons-2x-pinterest, .icons-2x-qualbar, .icons-2x-remove, .icons-2x-returns, .icons-2x-search, .icons-2x-sign_out, .icons-2x-slider_arow_left_grey, .icons-2x-slider_arow_right_grey, .icons-2x-slider_tablet_arow_left_grey, .icons-2x-slider_tablet_arow_right_grey, .icons-2x-sm-facebook, .icons-2x-sm-google, .icons-2x-sm-more, .icons-2x-sm-pinterest, .icons-2x-sm-twitter, .icons-2x-so_icon, .icons-2x-sort-bg, .icons-2x-special-offer, .icons-2x-special-offer-20, .icons-2x-special-offer-25, .icons-2x-special-offer-2for1, .icons-2x-special-offer-3for2, .icons-2x-sprite, .icons-2x-star, .icons-2x-stars-five, .icons-2x-stars-four, .icons-2x-stars-fourhalf, .icons-2x-stars-one, .icons-2x-stars-onehalf, .icons-2x-stars-three, .icons-2x-stars-threehalf, .icons-2x-stars-two, .icons-2x-stars-twohalf, .icons-2x-store_delivery, .icons-2x-stores, .icons-2x-students_discount, .icons-2x-thumbnails_arrow_botton, .icons-2x-thumbnails_arrow_left, .icons-2x-thumbnails_arrow_right, .icons-2x-thumbnails_arrow_top, .icons-2x-tick-red, .icons-2x-twitter, .icons-2x-ul-bullet, .icons-2x-verisign, .icons-2x-verisign_new, .icons-2x-verisign_new_big, .icons-2x-visa, .icons-2x-visa_new, .icons-2x-wool, .icons-2x-youtube {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-repeat: no-repeat
}
.icons-account {
background-position: 0 0;
height: 38px;
width: 43px
}
.icons-account_opt {
background-position: 0 -48px;
height: 18px;
width: 18px
}
.icons-arow_left_grey {
background-position: 0 -76px;
height: 12px;
width: 6px
}
.icons-arow_right {
background-position: 0 -98px;
height: 13px;
width: 8px
}
.icons-arrow-right-grey {
background-position: 0 -121px;
height: 12px;
width: 8px
}
.icons-arrow_down {
background-position: 0 -143px;
height: 8px;
width: 13px
}
.icons-arrow_left {
background-position: 0 -161px;
height: 13px;
width: 8px
}
.icons-arrow_up {
background-position: 0 -184px;
height: 8px;
width: 13px
}
.icons-basket-green {
background-position: 0 -202px;
height: 20px;
width: 29px
}
.icons-basket {
background-position: 0 -232px;
height: 38px;
width: 40px
}
.icons-basket_large {
background-position: 0 -280px;
height: 26px;
width: 30px
}
.icons-black_arrow_down {
background-position: 0 -316px;
height: 8px;
width: 14px
}
.icons-black_arrow_right {
background-position: 0 -334px;
height: 14px;
width: 8px
}
.icons-c-multi {
background-position: 0 -358px;
height: 22px;
width: 22px
}
.icons-c-multi2 {
background-position: 0 -390px;
height: 24px;
width: 24px
}
.icons-c-multi3 {
background-position: 0 -424px;
height: 24px;
width: 24px
}
.icons-camara {
background-position: 0 -458px;
height: 16px;
width: 28px
}
.icons-check-green {
background-position: 0 -484px;
height: 20px;
width: 20px
}
.icons-check-green2 {
background-position: 0 -514px;
height: 16px;
width: 20px
}
.icons-check-grey {
background-position: 0 -540px;
height: 20px;
width: 20px
}
.icons-check-pink {
background-position: 0 -570px;
height: 32px;
width: 40px
}
.icons-check {
background-position: 0 -612px;
height: 29px;
width: 21px
}
.icons-close-btn {
background-position: 0 -651px;
height: 22px;
width: 22px
}
.icons-close-icon-big {
background-position: 0 -683px;
height: 16px;
width: 16px
}
.icons-close-icon {
background-position: 0 -709px;
height: 13px;
width: 12px
}
.icons-crafty-cat {
background-position: 0 -732px;
height: 166px;
width: 186px
}
.icons-current_loc {
background-position: 0 -908px;
height: 21px;
width: 21px
}
.icons-dots-large {
background-position: 0 -939px;
height: 18px;
width: 11px
}
.icons-dropdown_arrow_dark-left {
background-position: 0 -967px;
height: 13px;
width: 8px
}
.icons-dropdown_arrow_dark {
background-position: 0 -990px;
height: 8px;
width: 13px
}
.icons-dropdown_arrow_dark_open {
background-position: 0 -1008px;
height: 8px;
width: 13px
}
.icons-facebook {
background-position: 0 -1026px;
height: 31px;
width: 32px
}
.icons-facilities-baby {
background-position: 0 -1067px;
height: 42px;
width: 42px
}
.icons-facilities-coffee {
background-position: 0 -1119px;
height: 32px;
width: 54px
}
.icons-facilities-craftroom {
background-position: 0 -1161px;
height: 48px;
width: 50px
}
.icons-facilities-garden {
background-position: 0 -1219px;
height: 46px;
width: 53px
}
.icons-facilities-hearing {
background-position: 0 -1275px;
height: 46px;
width: 43px
}
.icons-facilities-kids {
background-position: 0 -1331px;
height: 46px;
width: 43px
}
.icons-facilities-lift {
background-position: 0 -1387px;
height: 53px;
width: 39px
}
.icons-facilities-parking-free {
background-position: 0 -1450px;
height: 42px;
width: 33px
}
.icons-facilities-parking-pay {
background-position: 0 -1502px;
height: 42px;
width: 34px
}
.icons-facilities-toilets {
background-position: 0 -1554px;
height: 35px;
width: 40px
}
.icons-facilities-wheelchair {
background-position: 0 -1599px;
height: 41px;
width: 37px
}
.icons-finger-no {
background-position: 0 -1650px;
height: 17px;
width: 21px
}
.icons-finger-ok {
background-position: 0 -1677px;
height: 18px;
width: 21px
}
.icons-footer_menu_bg {
background-position: 0 -1705px;
height: 12px;
width: 11px
}
.icons-gift_card {
background-position: 0 -1727px;
height: 38px;
width: 44px
}
.icons-gift_card_icon {
background-position: 0 -1775px;
height: 32px;
width: 48px
}
.icons-google {
background-position: 0 -1817px;
height: 31px;
width: 32px
}
.icons-heart-icon {
background-position: 0 -1858px;
height: 22px;
width: 19px
}
.icons-heart {
background-position: 0 -1890px;
height: 16px;
width: 16px
}
.icons-home_delivery {
background-position: 0 -1916px;
height: 28px;
width: 46px
}
.icons-home_delivery_brown {
background-position: 0 -1954px;
height: 28px;
width: 38px
}
.icons-home_delivery_grey {
background-position: 0 -1992px;
height: 28px;
width: 39px
}
.icons-icon-click {
background-position: 0 -2030px;
height: 36px;
width: 30px
}
.icons-icon-envelope {
background-position: 0 -2076px;
height: 18px;
width: 29px
}
.icons-icon-fb {
background-position: 0 -2104px;
height: 21px;
width: 20px
}
.icons-icon-google {
background-position: 0 -2135px;
height: 16px;
width: 22px
}
.icons-icon-home_delivery_grey {
background-position: 0 -2161px;
height: 20px;
width: 30px
}
.icons-icon-in-store {
background-position: 0 -2191px;
height: 23px;
width: 35px
}
.icons-icon-inter-delivery {
background-position: 0 -2224px;
height: 26px;
width: 30px
}
.icons-icon-pin {
background-position: 0 -2260px;
height: 21px;
width: 20px
}
.icons-icon-return {
background-position: 0 -2291px;
height: 27px;
width: 30px
}
.icons-icon-share {
background-position: 0 -2328px;
height: 14px;
width: 14px
}
.icons-icon-tele {
background-position: 0 -2352px;
height: 26px;
width: 30px
}
.icons-icon-twitter {
background-position: 0 -2388px;
height: 20px;
width: 22px
}
.icons-in_store {
background-position: 0 -2418px;
height: 23px;
width: 36px
}
.icons-input-button-checked {
background-position: 0 -2451px;
height: 18px;
width: 18px
}
.icons-input-button-unchecked {
background-position: 0 -2479px;
height: 18px;
width: 18px
}
.icons-input-checkbox-checked-green {
background-position: 0 -2507px;
height: 18px;
width: 18px
}
.icons-input-checkbox-unchecked-green {
background-position: 0 -2535px;
height: 18px;
width: 18px
}
.icons-inputfield-error {
background-position: 0 -2563px;
height: 12px;
width: 12px
}
.icons-loopicon {
background-position: 0 -2585px;
height: 30px;
width: 30px
}
.icons-loupe-greybg {
background-position: 0 -2625px;
height: 14px;
width: 14px
}
.icons-maestro {
background-position: 0 -2649px;
height: 36px;
width: 59px
}
.icons-mail {
background-position: 0 -2695px;
height: 13px;
width: 24px
}
.icons-map_open_stores {
background-position: 0 -2718px;
height: 11px;
width: 10px
}
.icons-map_opening_soon {
background-position: 0 -2739px;
height: 11px;
width: 10px
}
.icons-mastercard {
background-position: 0 -2760px;
height: 36px;
width: 59px
}
.icons-mastercard_new {
background-position: 0 -2806px;
height: 34px;
width: 55px
}
.icons-menu {
background-position: 0 -2850px;
height: 21px;
width: 22px
}
.icons-mobile_arrow_next {
background-position: 0 -2881px;
height: 60px;
width: 36px
}
.icons-mobile_arrow_prev {
background-position: 0 -2951px;
height: 60px;
width: 36px
}
.icons-mouse {
background-position: 0 -3021px;
height: 35px;
width: 38px
}
.icons-open_store {
background-position: 0 -3066px;
height: 12px;
width: 12px
}
.icons-opening_soon {
background-position: 0 -3088px;
height: 13px;
width: 12px
}
.icons-pagination-active {
background-position: 0 -3111px;
height: 22px;
width: 25px
}
.icons-pay_securely_padlock {
background-position: 0 -3143px;
height: 28px;
width: 22px
}
.icons-paypal {
background-position: 0 -3181px;
height: 36px;
width: 58px
}
.icons-paypal_img {
background-position: 0 -3227px;
height: 28px;
width: 99px
}
.icons-paypal_new {
background-position: 0 -3265px;
height: 34px;
width: 61px
}
.icons-phone {
background-position: 0 -3309px;
height: 20px;
width: 20px
}
.icons-pinterest {
background-position: 0 -3339px;
height: 31px;
width: 32px
}
.icons-qualbar {
background-position: 0 -3380px;
height: 8px;
width: 188px
}
.icons-remove {
background-position: 0 -3398px;
height: 14px;
width: 14px
}
.icons-returns {
background-position: 0 -3422px;
height: 36px;
width: 34px
}
.icons-search {
background-position: 0 -3468px;
height: 21px;
width: 21px
}
.icons-sign_out {
background-position: 0 -3499px;
height: 15px;
width: 15px
}
.icons-slider_arow_left_grey {
background-position: 0 -3524px;
height: 47px;
width: 26px
}
.icons-slider_arow_right_grey {
background-position: 0 -3581px;
height: 46px;
width: 25px
}
.icons-slider_tablet_arow_left_grey {
background-position: 0 -3637px;
height: 30px;
width: 16px
}
.icons-slider_tablet_arow_right_grey {
background-position: 0 -3677px;
height: 30px;
width: 16px
}
.icons-sm-facebook {
background-position: 0 -3717px;
height: 22px;
width: 14px
}
.icons-sm-google {
background-position: 0 -3749px;
height: 16px;
width: 17px
}
.icons-sm-more {
background-position: 0 -3775px;
height: 16px;
width: 15px
}
.icons-sm-pinterest {
background-position: 0 -3801px;
height: 22px;
width: 19px
}
.icons-sm-twitter {
background-position: 0 -3833px;
height: 14px;
width: 16px
}
.icons-so_icon {
background-position: 0 -3857px;
height: 26px;
width: 26px
}
.icons-sort-bg {
background-position: 0 -3893px;
height: 40px;
width: 270px
}
.icons-special-offer-20 {
background-position: 0 -3943px;
height: 57px;
width: 57px
}
.icons-special-offer-25 {
background-position: 0 -4010px;
height: 57px;
width: 57px
}
.icons-special-offer-2for1 {
background-position: 0 -4077px;
height: 57px;
width: 57px
}
.icons-special-offer-3for2 {
background-position: 0 -4144px;
height: 57px;
width: 57px
}
.icons-special-offer {
background-position: 0 -4211px;
height: 57px;
width: 57px
}
.icons-star {
background-position: 0 -4278px;
height: 18px;
width: 19px
}
.icons-stars-4, .icons-stars-five, .icons-stars-four, .icons-stars-fourhalf, .icons-stars-one, .icons-stars-onehalf, .icons-stars-three, .icons-stars-threehalf, .icons-stars-two, .icons-stars-twohalf {
height: 14px;
width: 87px
}
.icons-stars-4 {
background-position: 0 -4306px
}
.icons-stars-five {
background-position: 0 -4330px
}
.icons-stars-four {
background-position: 0 -4354px
}
.icons-stars-fourhalf {
background-position: 0 -4378px
}
.icons-stars-one {
background-position: 0 -4402px
}
.icons-stars-onehalf {
background-position: 0 -4426px
}
.icons-stars-three {
background-position: 0 -4450px
}
.icons-stars-threehalf {
background-position: 0 -4474px
}
.icons-stars-two {
background-position: 0 -4498px
}
.icons-stars-twohalf {
background-position: 0 -4522px
}
.icons-store_delivery {
background-position: 0 -4546px;
height: 30px;
width: 39px
}
.icons-stores {
background-position: 0 -4586px;
height: 38px;
width: 41px
}
.icons-students_discount {
background-position: 0 -4634px;
height: 40px;
width: 48px
}
.icons-thumbnails_arrow_botton {
background-position: 0 -4684px;
height: 25px;
width: 52px
}
.icons-thumbnails_arrow_botton.thumbnails_arrow_botton-hover, .icons-thumbnails_arrow_botton:hover {
background-position: 0 -4719px
}
.icons-thumbnails_arrow_left {
background-position: 0 -4754px;
height: 46px;
width: 26px
}
.icons-thumbnails_arrow_left.thumbnails_arrow_left-hover, .icons-thumbnails_arrow_left:hover {
background-position: 0 -4810px
}
.icons-thumbnails_arrow_right {
background-position: 0 -4867px;
height: 46px;
width: 26px
}
.icons-thumbnails_arrow_right.thumbnails_arrow_right-hover, .icons-thumbnails_arrow_right:hover {
background-position: 0 -4923px
}
.icons-thumbnails_arrow_top {
background-position: 0 -4980px;
height: 25px;
width: 52px
}
.icons-thumbnails_arrow_top.thumbnails_arrow_top-hover, .icons-thumbnails_arrow_top:hover {
background-position: 0 -5015px
}
.icons-tick-red {
background-position: 0 -5050px;
height: 18px;
width: 18px
}
.icons-twitter {
background-position: 0 -5078px;
height: 31px;
width: 32px
}
.icons-ul-bullet {
background-position: 0 -5119px;
height: 10px;
width: 11px
}
.icons-verisign {
background-position: 0 -5139px;
height: 36px;
width: 81px
}
.icons-verisign_new {
background-position: 0 -5185px;
height: 34px;
width: 54px
}
.icons-verisign_new_big {
background-position: 0 -5229px;
height: 56px;
width: 109px
}
.icons-visa {
background-position: 0 -5295px;
height: 36px;
width: 58px
}
.icons-visa_new {
background-position: 0 -5341px;
height: 34px;
width: 57px
}
.icons-wool {
background-position: 0 -5385px;
height: 75px;
width: 73px
}
.icons-youtube {
background-position: 0 -5470px;
height: 32px;
width: 32px
}
.icons-2x-account {
background-position: 0 0;
height: 75px;
width: 83px
}
.icons-2x-account_opt {
background-position: 0 -85px;
height: 36px;
width: 36px
}
.icons-2x-arow_left_grey {
background-position: 0 -131px;
height: 24px;
width: 12px
}
.icons-2x-arow_right {
background-position: 0 -165px;
height: 26px;
width: 16px
}
.icons-2x-arrow-right-grey {
background-position: 0 -201px;
height: 24px;
width: 16px
}
.icons-2x-arrow_down {
background-position: 0 -235px;
height: 16px;
width: 26px
}
.icons-2x-arrow_left {
background-position: 0 -261px;
height: 26px;
width: 16px
}
.icons-2x-arrow_up {
background-position: 0 -297px;
height: 16px;
width: 26px
}
.icons-2x-basket-green {
background-position: 0 -323px;
height: 40px;
width: 58px
}
.icons-2x-basket {
background-position: 0 -373px;
height: 76px;
width: 81px
}
.icons-2x-basket_large {
background-position: 0 -459px;
height: 52px;
width: 60px
}
.icons-2x-black_arrow_down {
background-position: 0 -521px;
height: 16px;
width: 28px
}
.icons-2x-black_arrow_right {
background-position: 0 -547px;
height: 28px;
width: 16px
}
.icons-2x-c-multi {
background-position: 0 -585px;
height: 44px;
width: 44px
}
.icons-2x-c-multi2 {
background-position: 0 -639px;
height: 48px;
width: 48px
}
.icons-2x-c-multi3 {
background-position: 0 -697px;
height: 48px;
width: 48px
}
.icons-2x-camara {
background-position: 0 -755px;
height: 32px;
width: 56px
}
.icons-2x-check-green {
background-position: 0 -797px;
height: 40px;
width: 40px
}
.icons-2x-check-green2 {
background-position: 0 -847px;
height: 32px;
width: 40px
}
.icons-2x-check-grey {
background-position: 0 -889px;
height: 40px;
width: 40px
}
.icons-2x-check-pink {
background-position: 0 -939px;
height: 64px;
width: 80px
}
.icons-2x-check {
background-position: 0 -1013px;
height: 58px;
width: 42px
}
.icons-2x-close-btn {
background-position: 0 -1081px;
height: 44px;
width: 44px
}
.icons-2x-close-icon-big {
background-position: 0 -1135px;
height: 32px;
width: 32px
}
.icons-2x-close-icon {
background-position: 0 -1177px;
height: 26px;
width: 24px
}
.icons-2x-crafty-cat {
background-position: 0 -1213px;
height: 332px;
width: 372px
}
.icons-2x-current_loc {
background-position: 0 -1555px;
height: 42px;
width: 42px
}
.icons-2x-dots-large {
background-position: 0 -1607px;
height: 36px;
width: 22px
}
.icons-2x-dropdown_arrow_dark-left {
background-position: 0 -1653px;
height: 26px;
width: 16px
}
.icons-2x-dropdown_arrow_dark {
background-position: 0 -1689px;
height: 16px;
width: 26px
}
.icons-2x-dropdown_arrow_dark_open {
background-position: 0 -1715px;
height: 16px;
width: 26px
}
.icons-2x-facebook {
background-position: 0 -1741px;
height: 62px;
width: 64px
}
.icons-2x-facilities-baby {
background-position: 0 -1813px;
height: 84px;
width: 84px
}
.icons-2x-facilities-coffee {
background-position: 0 -1907px;
height: 64px;
width: 108px
}
.icons-2x-facilities-craftroom {
background-position: 0 -1981px;
height: 96px;
width: 100px
}
.icons-2x-facilities-garden {
background-position: 0 -2087px;
height: 92px;
width: 106px
}
.icons-2x-facilities-hearing {
background-position: 0 -2189px;
height: 92px;
width: 86px
}
.icons-2x-facilities-kids {
background-position: 0 -2291px;
height: 92px;
width: 86px
}
.icons-2x-facilities-lift {
background-position: 0 -2393px;
height: 106px;
width: 78px
}
.icons-2x-facilities-parking-free {
background-position: 0 -2509px;
height: 84px;
width: 66px
}
.icons-2x-facilities-parking-pay {
background-position: 0 -2603px;
height: 84px;
width: 68px
}
.icons-2x-facilities-toilets {
background-position: 0 -2697px;
height: 70px;
width: 80px
}
.icons-2x-facilities-wheelchair {
background-position: 0 -2777px;
height: 82px;
width: 74px
}
.icons-2x-finger-no {
background-position: 0 -2869px;
height: 34px;
width: 42px
}
.icons-2x-finger-ok {
background-position: 0 -2913px;
height: 36px;
width: 42px
}
.icons-2x-footer_menu_bg {
background-position: 0 -2959px;
height: 12px;
width: 11px
}
.icons-2x-gift_card {
background-position: 0 -2981px;
height: 76px;
width: 88px
}
.icons-2x-gift_card_icon {
background-position: 0 -3067px;
height: 64px;
width: 96px
}
.icons-2x-google {
background-position: 0 -3141px;
height: 62px;
width: 64px
}
.icons-2x-heart-icon {
background-position: 0 -3213px;
height: 44px;
width: 38px
}
.icons-2x-heart {
background-position: 0 -3267px;
height: 32px;
width: 32px
}
.icons-2x-home_delivery {
background-position: 0 -3309px;
height: 56px;
width: 92px
}
.icons-2x-home_delivery_brown {
background-position: 0 -3375px;
height: 56px;
width: 76px
}
.icons-2x-home_delivery_grey {
background-position: 0 -3441px;
height: 56px;
width: 78px
}
.icons-2x-icon-click {
background-position: 0 -3507px;
height: 72px;
width: 60px
}
.icons-2x-icon-envelope {
background-position: 0 -3589px;
height: 36px;
width: 58px
}
.icons-2x-icon-fb {
background-position: 0 -3635px;
height: 42px;
width: 40px
}
.icons-2x-icon-google {
background-position: 0 -3687px;
height: 32px;
width: 44px
}
.icons-2x-icon-home_delivery_grey {
background-position: 0 -3729px;
height: 40px;
width: 60px
}
.icons-2x-icon-in-store {
background-position: 0 -3779px;
height: 46px;
width: 72px
}
.icons-2x-icon-inter-delivery {
background-position: 0 -3835px;
height: 52px;
width: 60px
}
.icons-2x-icon-pin {
background-position: 0 -3897px;
height: 42px;
width: 40px
}
.icons-2x-icon-return {
background-position: 0 -3949px;
height: 54px;
width: 60px
}
.icons-2x-icon-share {
background-position: 0 -4013px;
height: 28px;
width: 28px
}
.icons-2x-icon-tele {
background-position: 0 -4051px;
height: 52px;
width: 60px
}
.icons-2x-icon-twitter {
background-position: 0 -4113px;
height: 40px;
width: 44px
}
.icons-2x-in_store {
background-position: 0 -4163px;
height: 46px;
width: 72px
}
.icons-2x-input-button-checked {
background-position: 0 -4219px;
height: 36px;
width: 36px
}
.icons-2x-input-button-checked2X {
background-position: 0 -4265px;
height: 36px;
width: 36px
}
.icons-2x-input-button-unchecked {
background-position: 0 -4311px;
height: 36px;
width: 36px
}
.icons-2x-input-button-unchecked2X {
background-position: 0 -4357px;
height: 36px;
width: 36px
}
.icons-2x-input-checkbox-checked-green {
background-position: 0 -4403px;
height: 36px;
width: 36px
}
.icons-2x-input-checkbox-unchecked-green {
background-position: 0 -4449px;
height: 36px;
width: 36px
}
.icons-2x-inputfield-error {
background-position: 0 -4495px;
height: 24px;
width: 24px
}
.icons-2x-loopicon {
background-position: 0 -4529px;
height: 60px;
width: 60px
}
.icons-2x-loupe-greybg {
background-position: 0 -4599px;
height: 28px;
width: 28px
}
.icons-2x-maestro {
background-position: 0 -4637px;
height: 72px;
width: 118px
}
.icons-2x-mail {
background-position: 0 -4719px;
height: 26px;
width: 48px
}
.icons-2x-map_open_stores {
background-position: 0 -4755px;
height: 22px;
width: 20px
}
.icons-2x-map_opening_soon {
background-position: 0 -4787px;
height: 22px;
width: 20px
}
.icons-2x-mastercard {
background-position: 0 -4819px;
height: 72px;
width: 118px
}
.icons-2x-mastercard_new {
background-position: 0 -4901px;
height: 68px;
width: 110px
}
.icons-2x-menu {
background-position: 0 -4979px;
height: 50px;
width: 52px
}
.icons-2x-mobile_arrow_next {
background-position: 0 -5039px;
height: 120px;
width: 72px
}
.icons-2x-mobile_arrow_prev {
background-position: 0 -5169px;
height: 120px;
width: 72px
}
.icons-2x-mouse {
background-position: 0 -5299px;
height: 70px;
width: 76px
}
.icons-2x-open_store {
background-position: 0 -5379px;
height: 24px;
width: 24px
}
.icons-2x-opening_soon {
background-position: 0 -5413px;
height: 26px;
width: 24px
}
.icons-2x-pagination-active {
background-position: 0 -5449px;
height: 44px;
width: 50px
}
.icons-2x-pay_securely_padlock {
background-position: 0 -5503px;
height: 56px;
width: 44px
}
.icons-2x-paypal {
background-position: 0 -5569px;
height: 72px;
width: 116px
}
.icons-2x-paypal_img {
background-position: 0 -5651px;
height: 56px;
width: 198px
}
.icons-2x-paypal_new {
background-position: 0 -5717px;
height: 68px;
width: 122px
}
.icons-2x-phone {
background-position: 0 -5795px;
height: 40px;
width: 40px
}
.icons-2x-pinterest {
background-position: 0 -5845px;
height: 62px;
width: 64px
}
.icons-2x-qualbar {
background-position: 0 -5917px;
height: 16px;
width: 376px
}
.icons-2x-remove {
background-position: 0 -5943px;
height: 28px;
width: 28px
}
.icons-2x-returns {
background-position: 0 -5981px;
height: 72px;
width: 68px
}
.icons-2x-search {
background-position: 0 -6063px;
height: 42px;
width: 42px
}
.icons-2x-sign_out {
background-position: 0 -6115px;
height: 30px;
width: 30px
}
.icons-2x-slider_arow_left_grey {
background-position: 0 -6155px;
height: 94px;
width: 52px
}
.icons-2x-slider_arow_right_grey {
background-position: 0 -6259px;
height: 92px;
width: 50px
}
.icons-2x-slider_tablet_arow_left_grey {
background-position: 0 -6361px;
height: 60px;
width: 32px
}
.icons-2x-slider_tablet_arow_right_grey {
background-position: 0 -6431px;
height: 60px;
width: 32px
}
.icons-2x-sm-facebook {
background-position: 0 -6501px;
height: 44px;
width: 28px
}
.icons-2x-sm-google {
background-position: 0 -6555px;
height: 32px;
width: 34px
}
.icons-2x-sm-more {
background-position: 0 -6597px;
height: 32px;
width: 30px
}
.icons-2x-sm-pinterest {
background-position: 0 -6639px;
height: 44px;
width: 38px
}
.icons-2x-sm-twitter {
background-position: 0 -6693px;
height: 28px;
width: 32px
}
.icons-2x-so_icon {
background-position: 0 -6731px;
height: 52px;
width: 52px
}
.icons-2x-sort-bg {
background-position: 0 -6793px;
height: 80px;
width: 540px
}
.icons-2x-special-offer-20 {
background-position: 0 -6883px;
height: 114px;
width: 114px
}
.icons-2x-special-offer-25 {
background-position: 0 -7007px;
height: 114px;
width: 114px
}
.icons-2x-special-offer-2for1 {
background-position: 0 -7131px;
height: 114px;
width: 114px
}
.icons-2x-special-offer-3for2 {
background-position: 0 -7255px;
height: 114px;
width: 114px
}
.icons-2x-special-offer {
background-position: 0 -7379px;
height: 114px;
width: 114px
}
.icons-2x-star {
background-position: 0 -7503px;
height: 36px;
width: 38px
}
.icons-2x-stars-five {
background-position: 0 -7549px;
height: 28px;
width: 174px
}
.icons-2x-stars-four {
background-position: 0 -7587px;
height: 28px;
width: 174px
}
.icons-2x-stars-fourhalf {
background-position: 0 -7625px;
height: 28px;
width: 174px
}
.icons-2x-stars-one {
background-position: 0 -7663px;
height: 28px;
width: 174px
}
.icons-2x-stars-onehalf {
background-position: 0 -7701px;
height: 28px;
width: 174px
}
.icons-2x-stars-three {
background-position: 0 -7739px;
height: 28px;
width: 174px
}
.icons-2x-stars-threehalf {
background-position: 0 -7777px;
height: 28px;
width: 174px
}
.icons-2x-stars-two {
background-position: 0 -7815px;
height: 28px;
width: 174px
}
.icons-2x-stars-twohalf {
background-position: 0 -7853px;
height: 28px;
width: 174px
}
.icons-2x-store_delivery {
background-position: 0 -7891px;
height: 60px;
width: 78px
}
.icons-2x-stores {
background-position: 0 -7961px;
height: 77px;
width: 84px
}
.icons-2x-students_discount {
background-position: 0 -8048px;
height: 80px;
width: 96px
}
.icons-2x-thumbnails_arrow_botton {
background-position: 0 -8138px;
height: 50px;
width: 104px
}
.icons-2x-thumbnails_arrow_botton.thumbnails_arrow_botton-hover, .icons-2x-thumbnails_arrow_botton:hover {
background-position: 0 -8198px
}
.icons-2x-thumbnails_arrow_left {
background-position: 0 -8258px;
height: 88px;
width: 50px
}
.icons-2x-thumbnails_arrow_left.thumbnails_arrow_left-hover, .icons-2x-thumbnails_arrow_left:hover {
background-position: 0 -8356px
}
.icons-2x-thumbnails_arrow_right {
background-position: 0 -8456px;
height: 88px;
width: 50px
}
.icons-2x-thumbnails_arrow_right.thumbnails_arrow_right-hover, .icons-2x-thumbnails_arrow_right:hover {
background-position: 0 -8554px
}
.icons-2x-thumbnails_arrow_top {
background-position: 0 -8654px;
height: 50px;
width: 104px
}
.icons-2x-thumbnails_arrow_top.thumbnails_arrow_top-hover, .icons-2x-thumbnails_arrow_top:hover {
background-position: 0 -8714px
}
.icons-2x-tick-red {
background-position: 0 -8774px;
height: 36px;
width: 36px
}
.icons-2x-twitter {
background-position: 0 -8820px;
height: 62px;
width: 64px
}
.icons-2x-ul-bullet {
background-position: 0 -8892px;
height: 20px;
width: 22px
}
.icons-2x-verisign {
background-position: 0 -8922px;
height: 72px;
width: 162px
}
.icons-2x-verisign_new {
background-position: 0 -9004px;
height: 68px;
width: 108px
}
.icons-2x-verisign_new_big {
background-position: 0 -9082px;
height: 112px;
width: 218px
}
.icons-2x-visa {
background-position: 0 -9204px;
height: 72px;
width: 116px
}
.icons-2x-visa_new {
background-position: 0 -9286px;
height: 68px;
width: 114px
}
.icons-2x-wool {
background-position: 0 -9364px;
height: 150px;
width: 146px
}
.icons-2x-youtube {
background-position: 0 -9524px;
height: 64px;
width: 64px
}
.alert {
margin-top: 10px
}
td > form {
margin: 0
}
div.input {
margin-top: 10px
}
input.text {
width: 300px;
height: 32px
}
textarea {
width: 450px;
height: 90px
}
body input, body textarea {
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #ccc;
-webkit-appearance: none;
border-radius: 0
}
body .adyen-checkout__input-wrapper input, body .adyen-checkout__input-wrapper textarea {
margin-bottom: 0;
}
.details input[type=checkbox], .resend_check_box {
-webkit-appearance: checkbox
}
.form.newcustomerForm {
background-image: none;
padding-bottom: 0
}
.form .formRow, .form .input-group {
margin-bottom: 20px
}
.form .formRow:after, .form .formRow:before, .form .input-group:after, .form .input-group:before {
content: " ";
display: table
}
.form .formRow, .form .input-group.formRow {
width: 100%
}
.form .checkbox.formRow, .form .input-group.checkbox, .form .input-group.radio, .form .radio.formRow {
display: block;
float: left;
width: 100%
}
.form .checkbox.formRow label, .form .input-group.checkbox label, .form .input-group.radio label, .form .radio.formRow label {
padding-left: 1em;
text-align: left
}
.form .input-group.radio, .form .radio.formRow {
padding-left: 30%
}
.form .input-group.radio label, .form .radio.formRow label {
width: 70%
}
.form .checkbox.formRow label, .form .input-group.checkbox label {
width: 30%;
padding-left: 0;
padding-right: 30px
}
.form .formRow select {
border-color: #ccc
}
.form label {
float: left;
width: 30%;
text-align: right;
padding-right: 30px;
font-weight: 400
}
.form input, .form textarea {
width: 36%;
margin-bottom: 0
}
.form input[type=checkbox], .form input[type=radio], .form textarea[type=checkbox], .form textarea[type=radio] {
width: auto;
margin-left: 0
}
.form select {
width: 36%;
float: left;
height: 30px
}
.form .birthday select, .form .date select {
width: 10%;
min-width: 80px;
margin-right: 3%
}
.form .desc {
width: 70%;
float: right;
color: #999
}
.form .medium, .form .textField {
height: 32px;
line-height: 32px;
padding-left: 10px;
padding-right: 10px
}
.form .short-input {
width: 49%;
margin-right: 2%;
margin-bottom: 10px;
float: left
}
.form .short-input:nth-of-type(2n) {
margin-right: 0
}
.form .short-input#cvvNo {
width: 75px;
padding: 0 20px
}
.form .input_btn input {
width: 15%;
margin-right: 2%;
float: left
}
.form .btn_wrap {
padding-left: 30%;
float: none
}
.form .btn_wrap.backinstock, .right {
float: right
}
.form .btn_wrap .btn {
margin-bottom: 0;
margin-top: -2px
}
.formRow.two .inpt-desc-wrap label {
text-align: left;
color: #999;
font-size: .95em;
margin-bottom: 2px
}
input.wider {
padding: 0 5px;
height: 25px;
line-height: 25px;
font-size: .9em
}
.form-input, .form-label, .form-textarea, fieldset {
max-width: 100%;
display: block
}
.btn.submit, .form-submit .button {
background-color: #8ecc0f;
color: #fff;
text-transform: uppercase;
border: 0;
padding: 0;
height: 32px;
line-height: 32px;
margin-bottom: 0
}
.form-group {
margin-bottom: 0
}
.form-group:after, .form-group:before {
content: " ";
display: table
}
li {
line-height: 1.3
}
ul {
padding-left: 0
}
.bulleted li {
background: url(/frontend2/img/ul-bullet.png) left no-repeat;
padding-left: 18px;
margin: 4px 0
}
.menu-primary li {
display: inline-block
}
.left, .right, .wider {
display: block
}
img {
max-width: 100%
}
a, a:hover {
color: #421c29
}
a {
text-decoration: none
}
a:hover {
text-decoration: underline
}
.link {
font-weight: 700;
font-size: .9em;
text-decoration: none
}
.link:hover {
text-decoration: underline
}
.left {
float: left
}
.smaller_whitespaces_tb {
margin-top: 5px;
margin-bottom: 5px
}
.grey-box, .whitespace-bt {
margin-bottom: 15px
}
.with-arrow .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -143px;
background-repeat: no-repeat;
height: 8px;
width: 13px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.with-arrow .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -118px;
height: 8px;
width: 13px
}
}
.wider {
width: 100%
}
.ul-bullet {
float: left;
margin-top: 3px;
margin-right: 5px;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5119px;
background-repeat: no-repeat;
height: 10px;
width: 11px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.ul-bullet {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4446px;
height: 10px;
width: 11px
}
}
.grey-text {
color: #999;
font-weight: 400
}
.grey-box {
background-color: #e8e7e4;
padding: 5px
}
.grey-box:after, .grey-box:before {
content: " ";
display: table
}
.success {
background-color: #e6f4c1;
border-color: #99d30c
}
.info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1
}
.error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
.basket_right_column input.textField {
padding: 3px 6px
}
.basket_right_column .expander_wrap a.expander:hover {
cursor: pointer
}
.basket_right_column h3 {
display: block;
text-align: left;
line-height: 1em;
margin: 0
}
.basket_right_column p {
margin: 0;
padding: 0
}
.basket_right_column .description {
margin-left: 26px;
font-size: .8em;
font-weight: 400;
line-height: 1
}
.basket_right_column .delivery_options h3 {
font-size: 1.6em;
margin: 0;
padding: 10px 0 0 10px;
line-height: 40px
}
.basket_right_column .delivery_options label {
display: block;
margin: 0;
font-weight: 400;
cursor: pointer
}
.basket_right_column .delivery_options .alert, .basket_right_column .delivery_options .error, .basket_right_column .delivery_options .info, .basket_right_column .delivery_options .success {
margin: 0;
padding: 6px 10px
}
.basket_right_column .delivery_options .alert .description, .basket_right_column .delivery_options .error .description, .basket_right_column .delivery_options .info .description, .basket_right_column .delivery_options .success .description {
line-height: 1.5em
}
.basket_right_column .delivery_options .content_row {
padding: 5px 10px 8px;
border-bottom: 1px solid #d1d0ce
}
.basket_right_column .delivery_options .content_row input[type=radio] {
float: left;
margin: 4px 6px 0 0
}
.basket_right_column .delivery_options .content_row .title {
float: left;
font-size: 14px
}
.basket_right_column .delivery_options .content_row .price {
float: right;
padding: 5px 0 0;
color: inherit;
font-size: 1em;
font-weight: 400;
line-height: 1em
}
.basket_right_column .delivery_options .content_row.last {
border: 0
}
.basket_right_column .delivery_options .content_row.active, .basket_right_column .delivery_options .content_row:hover {
color: inherit;
background: #fdfdfd;
cursor: pointer
}
.basket_right_column .delivery_options .content_row.active .price, .basket_right_column .delivery_options .content_row:hover .price {
color: #ff4b80;
font-weight: 700
}
.basket_right_column .gift_card, .basket_right_column .promo_code {
margin: 0;
padding: 0
}
.basket_right_column .gift_card h3, .basket_right_column .promo_code h3 {
font-size: 14px;
text-align: right;
cursor: pointer
}
.basket_right_column .gift_card input, .basket_right_column .promo_code input {
width: 100%;
border: 1px solid #ccc
}
.basket_right_column .gift_card button, .basket_right_column .promo_code button {
width: 100%;
background: #ff4b80
}
.basket_right_column .gift_card .subscribe, .basket_right_column .promo_code .subscribe {
padding: 7px;
background: #ede9f8;
border: 1px solid #c8bbe6
}
.basket_right_column .promotion_code.promo_code {
text-align: right
}
.basket_right_column .special_from_btn.btn {
width: 100%;
background: #E9E9E7;
color: #000;
text-transform: none;
border: 1px solid #d1d0ce
}
.basket_right_column .pomcode_wrap input {
margin: 0
}
.basket_right_column .gift_card {
position: relative
}
.basket_right_column .gift_card:after, .basket_right_column .gift_card:before {
content: " ";
display: table
}
.basket_right_column .gift_card .show_on_applied, .basket_right_column .gift_card .show_on_open {
position: absolute;
overflow: hidden;
padding: 5px 10px 10px;
height: 0;
max-height: 0;
-moz-transition: max-height 1s;
-o-transition: max-height 1s;
-webkit-transition: max-height 1s;
transition: max-height 1s;
text-align: left
}
.basket_right_column .gift_card.open {
overflow: hidden
}
.basket_right_column .gift_card.open .expander_wrap {
height: auto
}
.basket_right_column .gift_card.open .expander {
opacity: 1;
margin: 0
}
.basket_right_column .gift_card.open .show_on_open {
margin: 0;
position: static;
height: auto;
max-height: inherit
}
.basket_right_column .gift_card.applied .show_on_applied {
height: auto;
max-height: inherit;
padding: 5px 10px 0
}
.basket_right_column .gift_card .expander_wrap {
width: 100%;
margin-bottom: 0;
padding: 2px 10px 5px;
text-align: right;
overflow: hidden;
border-bottom: 1px solid #cbcbcb
}
.basket_right_column .gift_card .expander_wrap .expander {
position: relative;
top: 8px
}
.basket_right_column .gift_card .expander_wrap h3 {
padding: 2px 0 6px
}
.basket_right_column .gift_card .expander_wrap .icon-gift-card {
float: left;
display: inline-block;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1775px;
background-repeat: no-repeat;
height: 32px;
width: 48px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.basket_right_column .gift_card .expander_wrap .icon-gift-card {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1534px;
height: 32px;
width: 48px
}
}
.basket_right_column .gift_card .gift_card_wrap .description {
margin: 7px 0 0;
line-height: 1.3em;
color: #999
}
.basket_right_column .gift_card .gift_card_wrap input.textField {
margin: 0
}
.basket_right_column .gift_card .gift_card_wrap .submit.btn {
margin: 7px 0 0
}
.basket_right_column .gift_card .gift_card_wrap .submit.btn:hover {
color: #000
}
.basket_right_column .gift_card label {
font-size: 14px;
font-weight: 400;
margin: 0
}
.basket_right_column .gift_card .show_on_open {
border-bottom: 1px solid #cbcbcb
}
.basket_right_column .gift_card .show_on_applied {
position: static
}
.basket_right_column .gift_card .textField {
display: block
}
.basket_right_column .gift_card .field_card_number {
width: 90%
}
.basket_right_column .gift_card .field_pin_number {
width: 35%
}
.basket_right_column .order_summary {
margin: 15px 0 0;
text-align: right
}
.basket_right_column .order_summary .containerbox {
overflow: hidden;
display: block
}
.basket_right_column .order_summary .containerbox .left, .basket_right_column .order_summary .containerbox .right {
float: left;
width: 60%;
padding: 0;
font-weight: 700;
line-height: 1.5em;
overflow: hidden
}
.basket_right_column .order_summary .containerbox .right {
float: right;
width: 40%;
padding: 0 10px
}
.basket_right_column .order_summary .total {
margin: 10px;
padding: 4px 0;
font-weight: 700;
border-top: 1px solid #959186;
border-bottom: 1px solid #959186;
overflow: hidden
}
.basket_right_column .order_summary .total_title {
float: left;
width: 60%;
font-size: 18px
}
.basket_right_column .order_summary .total_value {
float: right;
width: 40%;
color: #ff4b80;
font-size: 20px
}
.basket_right_column .summaryHeading {
margin: 0 0 10px
}
.summaryHeading {
padding: 12px 12px 12px 20px;
font-size: 18px;
border-bottom: 1px solid #cbcbcb
}
.summaryHeading .icon-basket {
position: relative;
top: -7px;
left: -10px;
display: block;
float: left;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -280px;
background-repeat: no-repeat;
height: 26px;
width: 30px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.summaryHeading .icon-basket {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -230px;
height: 26px;
width: 30px
}
}
.button_pay {
color: #fff;
margin: 25px 0 20px;
padding: 15px 30px;
text-align: center;
background: #99d30c;
cursor: pointer
}
.button_pay:hover {
color: #fff;
text-decoration: none
}
.button_pay h3 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 700;
text-align: center
}
.button_pay .padlock {
float: left;
position: relative;
top: -5px;
left: 0;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3143px;
background-repeat: no-repeat;
height: 28px;
width: 22px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.button_pay .padlock {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2752px;
height: 28px;
width: 22px
}
}
.button_pay .arrow {
float: right;
position: relative;
top: 2px;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -98px;
background-repeat: no-repeat;
height: 13px;
width: 8px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.button_pay .arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -83px;
height: 13px;
width: 8px
}
}
.basket_right_column .button_pay {
margin: 0 auto 10px;
max-width: 220px
}
.paymentAddressLeft .button_pay {
display: block
}
.icon_arrow, .icon_arrow_white {
display: inline-block;
margin-left: 6px;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -990px;
background-repeat: no-repeat;
height: 8px;
width: 13px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.icon_arrow, .icon_arrow_white {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -845px;
height: 8px;
width: 13px
}
}
.credit_cards {
margin-bottom: 10px
}
.credit_cards ul {
text-align: center
}
.credit_cards ul li {
display: inline-block
}
.store_finder_wrapper.widget {
margin: 0;
padding: 10px;
background-color: #fff
}
.store_finder_wrapper.widget .store_finder_bg {
background: 0 0;
padding: 0 0 0 10px
}
.store_finder_wrapper.widget .finder_form_wrap {
float: none;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden
}
.store_finder_wrapper.widget .finder_form_wrap h4 {
font-size: 14px;
margin: 0 0 8px
}
.store_finder_wrapper.widget .finder_form_wrap .btn.current_loc {
display: block;
width: 100%;
padding: 0;
text-align: center
}
.store_finder_wrapper.widget .finder_form_wrap .or {
display: block;
text-align: center;
width: 100%
}
.store_finder_wrapper.widget .finder_form_wrap input.search {
display: inline-block;
margin: 0 0 10px;
width: 100%;
height: 32px
}
.store_finder_wrapper.widget .store_finder_info {
float: none;
margin: 5px 0 0
}
.store_finder_wrapper.widget .store_finder_results {
overflow: hidden;
padding: 0 0 0 5px;
margin: 10px 0 0
}
.store_finder_wrapper.widget .store_finder_results .result_row {
float: none;
width: auto;
height: auto;
min-height: auto;
margin: 0;
padding: 8px 0;
border-top: 1px solid #fff;
background: 0 0;
overflow: hidden
}
.sign_out .icon, h1 .check_green {
background-repeat: no-repeat;
display: block
}
.store_finder_wrapper.widget .store_finder_results .result_row .result_row_internal {
position: relative;
left: 0;
width: auto;
margin: 0 0 0 30px
}
.store_finder_wrapper.widget .store_finder_results .result_row h4 {
font-size: 1.1em;
font-weight: 700;
margin: 0
}
.store_finder_wrapper.widget .store_finder_results .result_row input.select {
position: absolute;
top: 45%;
left: -25px;
margin: 0
}
.store_finder_wrapper.widget .store_finder_results .result_row .right {
float: right;
width: 80%
}
.store_finder_wrapper.widget .store_finder_results .result_row:last-child {
border-bottom: 1px solid #fff
}
.store_finder_wrapper.widget .store_finder_results .read_more {
position: static;
display: block;
width: 100%;
margin: 0;
padding: 8px 0;
text-align: left;
text-transform: uppercase
}
.caption, body {
position: relative
}
.btn, .btn.square-btn.special_btn {
text-transform: none
}
.store_finder_wrapper.widget .store_finder_results a.read_more {
text-decoration: none
}
.addresses h3 {
margin-top: 0
}
.basket.confirm {
width: 100%
}
.basket.confirm th {
font-weight: 400
}
.basket.confirm tr {
border-bottom: 1px solid #e8e7e4
}
.basket.confirm td p {
font-size: .9em;
color: #696763
}
.basketTotal {
padding-bottom: 15px
}
.input.radio legend {
border: none;
font-size: 1em;
font-weight: 700;
margin-left: -20px;
line-height: 1
}
body, body .site.container {
line-height: 1.7
}
div.input.radio {
margin-bottom: 10px
}
div.input.radio label {
padding: 0 3em 0 .2em;
float: left;
display: block
}
div.input.radio input[type=radio], input.radio {
margin: 2px 0 0 2px;
float: left;
display: block
}
.underline, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #000
}
.indent {
padding-left: 20px
}
.postdent {
padding-right: 20px
}
body {
background-color: #fff;
padding-top: 0;
color: #421c29
}
.her-unit h1, h1, h2, h3, h4, h5 {
line-height: 1.2
}
h1, h2, h3, h4, h5 {
font-weight: 400
}
h1 a, h2 a, h3 a, h4 a, h5 a {
color: #222;
text-decoration: none
}
h1 {
font-size: 2.2em
}
h2 {
font-size: 1.9em
}
h1 .check_green {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -612px;
height: 29px;
width: 21px;
float: left;
margin-right: 10px;
margin-top: 3px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
h1 .check_green {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -507px;
height: 29px;
width: 21px
}
}
.required {
color: inherit
}
.required:before {
content: "* ";
color: red
}
.btn.smaller, .btn.smaller:hover, .btn:hover, .caption__overlay {
color: #fff
}
.tabs-bordered > .nav-tabs {
margin-right: -1px
}
.tabs-bordered > .tab-content > .tab-pane {
padding: 10px 20px;
margin-bottom: 30px;
border: 1px solid #ddd
}
.sign_out .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3499px;
height: 15px;
width: 15px;
float: left;
margin: 2px 5px 0 0
}
.border_small_dot:after, .border_small_dot:before, .delivery_form:after, .delivery_form:before, .dotted_border:after, .dotted_border:before, .favourite_craft:after, .favourite_craft:before, .my_addresses .right-sidebar .delivery_addresses:after, .my_addresses .right-sidebar .delivery_addresses:before {
display: table;
content: " "
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.sign_out .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3058px;
height: 15px;
width: 15px
}
}
.dotted_border, .favourite_craft, .my_addresses .right-sidebar .delivery_addresses {
border-image: url(/frontend2/img/dots-large.gif) 0 0 10 0 round;
border-bottom-width: 5px;
padding-bottom: 20px
}
.store_finder .stores_map .map_wrapper {
border-image: url(/frontend2/img/slider_border.png) 5 5 5 5 fill repeat
}
.border_small_dot {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #d1d1d1
}
.starbox.simple h2 {
font-size: 20px;
padding-bottom: 17px
}
.big_list > li {
font-size: 1.5em;
padding-bottom: 20px
}
#contextBar h1 {
padding: 10px 20px
}
h1 .traffic_circle_large {
margin-right: 10px;
margin-bottom: -5px
}
.mega_text {
font-size: 7em;
line-height: 1.2em
}
.btn, .btn.brown-btn {
height: 32px;
line-height: 32px;
color: #fff
}
hr {
margin: 20px 0;
border: 0;
border-top: none;
border-bottom: 1px solid #b2b3b2
}
hr.hr2 {
border-bottom-style: dotted
}
hr.dashed {
border-bottom: 2px dashed #c3937f
}
hr.dashed.grey {
border-bottom-color: #d5d2ca
}
.inspiration-list {
float: left
}
.caption__overlay {
position: absolute;
bottom: 0;
left: 0;
padding: 5px 1em;
width: 100%;
background-color: #421c29
}
h4.caption__overlay__title {
font-size: .9em;
background: url(/frontend2/img/essentials/arrow-right.png) center right no-repeat;
width: 100%
}
.btn .paypal-icon, .btn.continue-btn .icon {
background-repeat: no-repeat;
display: block
}
.rBox {
-moz-border-radius: 5px;
-webkit-border-radius: 5px 5px;
border-radius: 5px
}
.iconBox {
margin-top: 20px;
position: relative
}
.iconBox .icon {
position: absolute;
top: -15px;
left: -15px
}
td.icon_wrap {
width: 40px
}
.btn {
background-color: #8ecc0f;
border: 1px solid #989c8e;
text-decoration: none;
font-size: 1.2em;
padding: 0 15px;
margin-bottom: 10px
}
.btn.full-screen-size {
width: 100%;
margin-left: 0;
margin-right: 0
}
.btn.new.special_btn {
background-color: #ff4b80
}
.btn.brown-btn {
background-color: #491d2c;
padding: 0 10px;
font-size: 1em;
position: relative
}
.btn.btn-grey {
background-color: #edebdf;
color: #421c29
}
.btn.white-grey-btn {
background-color: #fff;
border: 1px solid #ccc;
color: #421c29
}
.btn.continue-btn:hover, .checkout.btn, .checkout.btn:hover, .special_btn {
color: #fff
}
.btn .paypal-icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3265px;
height: 34px;
width: 61px;
float: right
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.btn .paypal-icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2859px;
height: 34px;
width: 61px
}
}
.btn.continue-btn {
padding: 0 10px;
font-size: 1.1em;
height: 35px;
line-height: 35px;
color: #fff;
background-color: #421c29
}
.btn.continue-btn .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -161px;
height: 13px;
width: 8px;
float: left;
margin-top: 11px;
margin-right: 5px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.btn.continue-btn .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -131px;
height: 13px;
width: 8px
}
}
.btn.white-btn.large, .special_btn {
height: 45px;
line-height: 45px;
padding: 0 10%
}
.btn.white-btn {
background: 0 0;
border: 1px solid #d1d1d1
}
.btn.white-btn:hover {
background-color: #f4f3f4
}
.special_btn {
background-color: #8ecc0f
}
.special_btn.square-btn.visible-xs {
margin-bottom: 25px
}
.list_element .btn {
border: 1px solid #979797;
height: 40px;
line-height: 40px
}
.list_element .btn {
width: 100%
}
.btn-white {
background: 0 0;
border: 1px solid #d1d1d1
}
.btn-white:hover {
background-color: #f4f3f4
}
.footer, .header, .heading_box {
text-align: center
}
.dropdown_arrow_dark {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -990px;
background-repeat: no-repeat;
height: 8px;
width: 13px;
display: block;
cursor: pointer
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.dropdown_arrow_dark {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -845px;
height: 8px;
width: 13px
}
}
.open .dropdown_arrow_dark {
-moz-transform: rotatex(160deg);
-ms-transform: rotatex(160deg);
-webkit-transform: rotatex(160deg);
transform: rotatex(160deg)
}
.dropdown .btn-grey {
font-size: 1em;
text-align: left
}
.dropdown .btn-grey .dropdown_arrow_dark {
margin-top: 12px;
margin-left: 10px
}
.dropdown .btn-grey + .dropdown-menu {
position: relative;
border: 0;
width: 100%
}
.dropdown .btn-grey + .dropdown-menu .form {
background-image: none;
padding-bottom: 0
}
.header {
padding-top: 20px;
background-color: #FFF
}
.progressbar ul li, .progressbar ul li:nth-child(1), .progressbar ul li:nth-child(2), .progressbar ul li:nth-child(3), .progressbar ul li:nth-child(4) {
background-color: transparent
}
.header .logo {
margin-bottom: 10px
}
.header .logo img {
max-width: 100%
}
.header .main_nav {
text-align: right
}
.header .main_nav .tablet_basket {
float: right;
width: 100px;
margin-top: -8px
}
.header .main_nav .tablet_basket .basket_wrapper {
width: 100%
}
.header .main_nav li {
position: relative
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.header .main_nav li .nav_dot {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -804px;
height: 18px;
width: 11px
}
}
.header .main_nav li:first-child {
padding-left: 0
}
.header .main_nav li:first-child .nav_dot {
display: none
}
.header .main_nav a {
color: #421c29
}
.header .searchbox {
display: block;
line-height: 45px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.header .searchbox:after, .header .searchbox:before {
content: " ";
display: table
}
.header .searchbox > .row {
margin: 0
}
.header .searchbox .dropdown_menu .drop_menu_title .text {
float: left
}
.header .searchbox .search .form-group {
width: 100%;
display: block
}
.header .searchbox .search .input_search {
position: relative;
margin: 4px 0 0;
width: 100%;
display: block;
float: left;
-webkit-appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 15px;
height: 47px;
line-height: 32px
}
.header .searchbox .search .input_search ::-webkit-input-placeholder {
line-height: 32px
}
.header .searchbox .search .input_search :-moz-placeholder {
line-height: 32px
}
.header .searchbox .search .input_search ::-moz-placeholder {
line-height: 32px
}
.header .searchbox .search .input_search :-ms-input-placeholder {
line-height: 32px
}
.header .searchbox .search .submit {
position: absolute;
right: 0;
margin-top: 4px;
text-transform: capitalize;
height: 47px;
padding: 0;
width: 9.5%
}
.header .searchbox .search .searchahead-results {
position: absolute;
left: 0;
width: 100%;
text-align: left;
font-size: .95em;
z-index: 99998
}
.header .searchbox .search .searchahead-results .product {
padding: 15px 0;
border-bottom: 1px solid #d9d9d9;
text-align: left;
line-height: 1.5
}
.header .searchbox .search .searchahead-results .product:after, .header .searchbox .search .searchahead-results .product:before {
content: " ";
display: table
}
.header .searchbox .search .searchahead-results .product .image {
width: 18%;
float: left;
padding-right: 7px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.header .searchbox .search .searchahead-results .product .image img {
border: 1px solid #d9d9d9
}
.header .searchbox .search .searchahead-results .product:first-child {
padding-top: 0
}
.header .searchbox .search .searchahead-results .product:last-child {
margin-bottom: 20px
}
.header .searchbox .search .searchahead-results .category .element {
padding-bottom: 10px
}
.header .searchbox .search .searchahead-results .category .element:last-child {
padding-bottom: 0
}
.header .searchbox .search .searchahead-results .suggestions {
padding: 10px 0;
border-bottom: 1px solid #e4e4e4;
text-align: left;
line-height: 1.2em
}
.header .searchbox .search .searchahead-results .suggestions:last-child {
border: none
}
.header .searchbox .search .searchahead-results h5 {
color: #a6a6a6;
font-size: 1.1em;
z-index: 999;
padding: 0 0 10px 15px;
border-bottom: 1px solid #e4e4e4;
margin: 0
}
.header .searchbox .search .searchahead-results a {
padding: 10px 10px 5px
}
.header .searchbox .search .triangle-border-full.top::before {
left: 18px;
right: auto
}
.header .searchbox .search .triangle-border-full.top::after {
left: 20px;
right: auto
}
.header .searchbox .basket .basket_wrapper {
width: 100%;
position: relative;
z-index: 9999
}
.header .searchbox .basket .basket_wrapper .basket_text {
font-weight: 700;
font-size: .9em;
float: right;
line-height: 37px;
margin-right: 30px
}
.header .searchbox .basket .basket_wrapper .basket_text a {
color: #421c29;
text-decoration: none
}
.header .basket_wrapper {
position: relative;
z-index: 99
}
.header .basket_wrapper .dropdown_arrow_dark {
display: block;
border: 0;
height: 100%;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
background-image: none;
background-color: transparent
}
.header .basket_wrapper .dropdown_arrow_dark .arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
display: inline-block;
background-position: 0 -990px;
background-repeat: no-repeat;
height: 8px;
width: 13px;
margin-bottom: 5px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.header .basket_wrapper .dropdown_arrow_dark .arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -845px;
height: 8px;
width: 13px
}
}
.header .basket_wrapper.open .dropdown_arrow_dark .arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -990px;
background-repeat: no-repeat;
height: 8px;
width: 13px;
margin-bottom: 0
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.header .basket_wrapper.open .dropdown_arrow_dark .arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -858px;
height: 8px;
width: 13px
}
}
.widget.hidden {
display: none
}
.widget.invisible {
visibility: hidden
}
.progressbar {
border: 0;
background-image: none;
position: relative
}
.progressbar .no-check {
margin-bottom: 5px;
height: 32px;
line-height: 32px;
font-size: 1.5em
}
.progressbar.step2 li:first-of-type .no-check, .progressbar.step3 li .no-check {
height: 32px;
width: 40px;
display: block;
text-indent: -999999;
margin: 0 auto 5px;
background-repeat: no-repeat
}
.progressbar.step1 li:first-of-type, .progressbar.step2 li {
color: #ff4b80
}
.progressbar.step2 li:last-of-type {
color: #421c29
}
.progressbar.step2 li:first-of-type .no-check {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -570px;
color: transparent
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.progressbar.step2 li:first-of-type .no-check {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -470px;
height: 32px;
width: 40px
}
}
.progressbar.step3 li {
color: #ff4b80
}
.progressbar.step3 li .no-check {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -570px;
color: transparent
}
.basket .basket_wrapper:after, .basket .basket_wrapper:before, .progressbar ul:after, .progressbar ul:before {
display: table;
content: " "
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.progressbar.step3 li .no-check {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -470px;
height: 32px;
width: 40px
}
}
.progressbar h3 {
margin-top: 0
}
.progressbar ul {
text-align: center;
border-top: 1px solid #e2e3db;
border-bottom: 1px solid #e2e3db;
margin-top: 10px;
padding: 10px 20%
}
.progressbar ul li {
width: 33%;
float: left;
border: 0;
background-image: none
}
.progressbar ul li a, .progressbar ul li span {
font-family: Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 1.2em;
position: relative
}
.basket-popup .summation .how_much, .basket-popup .summation .total {
font-weight: 700
}
.searchahead-results {
position: absolute;
left: 0;
max-width: 100%
}
.searchahead-results-container {
position: relative;
padding: 0
}
.header .dl-menuwrapper {
z-index: 100;
text-align: left
}
.header .dl-menuwrapper a, .header .dl-menuwrapper button.dl-active li a, .header .dl-menuwrapper button:hover li a {
color: #491927
}
.header .dl-menuwrapper .dl-menu {
margin-left: -15px;
margin-top: 0;
background-color: #f8f7f5;
border: 1px solid #d3d2cd;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
.header .dl-menuwrapper li.dl-back:after, .header .dl-menuwrapper li > a:not(:only-child):after {
line-height: 40px
}
.basket .basket_wrapper {
position: relative
}
.basket .basket_wrapper .basket_icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -280px;
background-repeat: no-repeat;
height: 26px;
width: 30px;
display: block;
position: absolute;
z-index: 1;
margin-top: 3px;
cursor: pointer
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.basket .basket_wrapper .basket_icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -230px;
height: 26px;
width: 30px
}
}
.basket .basket_wrapper .items_number {
position: absolute;
top: 0;
left: 26px;
color: #fff;
line-height: 20px;
height: 20px;
min-width: 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
font-size: .75em;
background-color: #4e3038;
z-index: 9999;
text-align: center;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.basket-popup, .basket-popup .products_list .product .image img {
border: 1px solid #d9d9d9
}
.mobile_basket .basket_wrapper {
margin-right: 10px
}
.mobile_basket .basket_wrapper .basket_icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -232px;
background-repeat: no-repeat;
height: 38px;
width: 40px
}
.dropdown_arrow {
display: block;
float: right;
margin-top: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.mobile_basket .basket_wrapper .basket_icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -187px;
height: 38px;
width: 40.5px
}
}
.basket-popup {
position: absolute;
width: 285px;
top: 130px;
line-height: 1.4em;
font-size: .95em;
z-index: 9999
}
.basket-popup .popup_wrapper {
background-color: #fff
}
.basket-popup .products_list {
padding: 0 15px;
border-bottom: 1px solid #d9d9d9
}
.basket-popup .products_list .product {
padding: 15px 0;
border-bottom: 1px solid #d9d9d9;
text-align: left
}
.basket-popup .products_list .product:after, .basket-popup .products_list .product:before {
content: " ";
display: table
}
.basket-popup .products_list .product .image {
width: 18%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 7px 7px 0
}
.basket-popup .products_list .product:last-child {
border-bottom: 0
}
.basket-popup .products_list .product .desc {
width: 55%;
float: left
}
.basket-popup .products_list .product .price_qty {
width: 25%;
float: right;
text-align: right
}
.basket-popup .products_list .product .price_qty .qty {
padding-bottom: 15px;
display: block
}
.basket-popup .summation {
padding: 15px
}
.basket-popup .summation .sub_total {
padding-bottom: 10px;
color: #989896
}
.basket-popup .summation .total .amount {
color: #df507e
}
.basket-popup .summation .amount.free {
color: #00da04;
text-transform: uppercase;
font-weight: 700
}
.basket-popup .summation .sub_total, .basket-popup .summation .total {
width: 100%;
text-align: right
}
.basket-popup .summation .title {
float: left
}
.basket-popup .summation .message {
margin-top: 10px;
text-align: left;
font-size: .9em
}
.basket-popup .summation .message.free {
padding-top: 10px;
margin-bottom: 10px
}
.basket-popup .summation .message.increase {
color: #827d79;
padding: 4px
}
.basket-popup .summation .message.increase .check {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -540px;
background-repeat: no-repeat;
height: 20px;
width: 20px;
float: left;
margin-top: 7px;
margin-right: 5px;
margin-bottom: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.basket-popup .summation .message.increase .check {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -445px;
height: 20px;
width: 20px
}
}
.basket-popup .summation .message.free p, .basket-popup .summation .message.increase p {
width: 100%;
height: auto;
min-height: 20px;
margin: 0
}
.basket-popup .summation .submit {
background-color: #df507e;
padding: 0 15%;
text-transform: capitalize;
margin: 10px auto 0;
display: inline-block
}
.basket-popup .summation .submit:hover {
color: #fff
}
.basket-popup .summation .checkout_message {
color: #989896;
width: 100%;
display: block;
margin-top: 10px;
font-size: .85em
}
.summaryArea {
background: #FDFDFD;
border: 1px solid #d0d0d0;
color: #3a3a3a
}
.summaryArea .summaryHeading {
margin: 0
}
.basketTotal .promo-code, .summaryArea .promo-code {
color: #5bd647
}
.basketTotal li, .summaryArea li {
border-bottom: 1px solid #b1aea5;
margin-bottom: 5px;
padding: 5px;
font-size: .95em
}
.basketTotal li:after, .basketTotal li:before, .summaryArea li:after, .summaryArea li:before {
content: " ";
display: table
}
.basketTotal .summaryAreaHeader, .summaryArea .summaryAreaHeader {
font-size: .9em;
overflow: hidden;
margin: 0
}
.basketTotal .summaryAreaHeader li, .summaryArea .summaryAreaHeader li {
float: left;
text-transform: uppercase;
padding-top: 0;
padding-bottom: 0
}
.basketTotal .summaryAreaHeader .summaryAreaHeaderItem, .basketTotal .summaryAreaHeader .summaryAreaHeaderPrice, .summaryArea .summaryAreaHeader .summaryAreaHeaderItem, .summaryArea .summaryAreaHeader .summaryAreaHeaderPrice {
line-height: 30px;
font-size: 12px;
font-family: Arial,sans-serif
}
.basketTotal .summaryAreaHeader .summaryAreaHeaderPrice, .summaryArea .summaryAreaHeader .summaryAreaHeaderPrice {
font-weight: 400
}
.basketTotal .summaryAreaHeaderItem, .basketTotal .summaryAreaProduct, .summaryArea .summaryAreaHeaderItem, .summaryArea .summaryAreaProduct {
width: 72%;
display: block;
float: left;
line-height: 1
}
@media (min-width:768px) and (max-width:1024px) {
.basketTotal .summaryAreaHeaderItem, .basketTotal .summaryAreaProduct, .summaryArea .summaryAreaHeaderItem, .summaryArea .summaryAreaProduct {
width: 55%
}
}
.basketTotal .summaryAreaHeaderPrice, .basketTotal .summaryAreaProductPrice, .summaryArea .summaryAreaHeaderPrice, .summaryArea .summaryAreaProductPrice {
width: 28%;
display: block;
float: left;
text-align: right;
font-weight: 700;
font-size: 1.05em
}
@media (min-width:768px) and (max-width:1024px) {
.basketTotal .summaryAreaHeaderPrice, .basketTotal .summaryAreaProductPrice, .summaryArea .summaryAreaHeaderPrice, .summaryArea .summaryAreaProductPrice {
width: 45%
}
}
.basketTotal .product-code, .summaryArea .product-code {
width: 100%;
display: block;
float: left;
margin-top: 10px;
color: #666;
font-size: .85em
}
.basketTotal .summaryAreaMoney, .summaryArea .summaryAreaMoney {
font-weight: 700
}
.basketTotal .summaryAreaMoney li, .summaryArea .summaryAreaMoney li {
border-bottom: 0;
text-align: right
}
.basketTotal .summaryAreaMoney .desc, .summaryArea .summaryAreaMoney .desc {
font-weight: 400
}
.basketTotal .accent, .basketTotal .summaryAreaMoney .accent, .summaryArea .accent, .summaryArea .summaryAreaMoney .accent {
color: #ff4b80
}
.basketTotal {
font-size: 1em
}
.basketTotal.bigger-text {
overflow: hidden;
padding: 10px 0;
border-top: 1px solid #b1aea5;
border-bottom: 1px solid #b1aea5;
margin: 10px 5px;
line-height: 2em
}
.basketTotal .summaryAreaProduct {
text-align: right;
line-height: 30px
}
.basketTotal .summaryAreaProductPrice {
line-height: 30px;
font-size: 1.4em
}
@media (max-width:1024px) {
.basketTotal .summaryAreaProductPrice {
font-size: 1.2em
}
}
.special_offers {
display: block;
float: left;
width: 100%;
margin: 10px 0;
padding: 0 5px
}
.category_page .special_offers .more_offers, .special_offers .specialoffers_wrapper {
background: url(/frontend2/img/brush-large.jpg) no-repeat;
-moz-background-size: 100% 42px;
-o-background-size: 100% 42px;
-webkit-background-size: 100% 42px;
background-size: 100% 42px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
padding: 0 10px;
display: block;
float: left;
width: 100%;
height: 42px;
text-align: left;
text-transform: uppercase;
line-height: 1.1;
font-size: .85em;
font-weight: 700
}
/*.breadcrumbs, .category_page .special_offers .more_offers .offer_el .desc .subtitle, .special_offers .specialoffers_wrapper .offer_el .desc .subtitle {
font-size: .9em
}*/
.category_page .special_offers .more_offers .offer_el, .special_offers .specialoffers_wrapper .offer_el {
height: 42px
}
.category_page .special_offers .more_offers .offer_el a, .special_offers .specialoffers_wrapper .offer_el a {
display: block;
color: #421c29;
text-decoration: none
}
.category_page .special_offers .more_offers .offer_el a:after, .category_page .special_offers .more_offers .offer_el a:before, .special_offers .specialoffers_wrapper .offer_el a:after, .special_offers .specialoffers_wrapper .offer_el a:before {
content: " ";
display: table
}
.category_page .special_offers .more_offers .offer_el a:hover, .special_offers .specialoffers_wrapper .offer_el a:hover {
filter: alpha(Opacity=60);
opacity: .6;
text-decoration: none
}
.category_page .special_offers .more_offers .offer_el .icon, .special_offers .specialoffers_wrapper .offer_el .icon {
margin-right: 5px;
display: block;
float: left
}
.category_page .special_offers .more_offers .offer_el .desc, .special_offers .specialoffers_wrapper .offer_el .desc {
margin-top: 7px;
display: block;
font-size: .9em
}
.category_page .special_offers .more_offers .offer_el .desc .title, .special_offers .specialoffers_wrapper .offer_el .desc .title {
width: 100%;
display: block
}
.category_page .special_offers .more_offers .offer_el.free_click .icon, .special_offers .specialoffers_wrapper .offer_el.free_click .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3021px;
background-repeat: no-repeat;
height: 35px;
width: 38px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .special_offers .more_offers .offer_el.free_click .icon, .special_offers .specialoffers_wrapper .offer_el.free_click .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2650px;
height: 35px;
width: 38px
}
}
.category_page .special_offers .more_offers .offer_el.free_home .icon, .special_offers .specialoffers_wrapper .offer_el.free_home .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1916px;
background-repeat: no-repeat;
height: 28px;
width: 46px;
margin-top: 6px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .special_offers .more_offers .offer_el.free_home .icon, .special_offers .specialoffers_wrapper .offer_el.free_home .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1655px;
height: 28px;
width: 46px
}
}
.category_page .special_offers .more_offers .offer_el.free_returns .icon, .special_offers .specialoffers_wrapper .offer_el.free_returns .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3422px;
background-repeat: no-repeat;
height: 36px;
width: 34px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .special_offers .more_offers .offer_el.free_returns .icon, .special_offers .specialoffers_wrapper .offer_el.free_returns .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2991px;
height: 36px;
width: 34px
}
}
.category_page .special_offers .more_offers .offer_el.gift_cards .icon, .special_offers .specialoffers_wrapper .offer_el.gift_cards .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1727px;
background-repeat: no-repeat;
height: 38px;
width: 44px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .special_offers .more_offers .offer_el.gift_cards .icon, .special_offers .specialoffers_wrapper .offer_el.gift_cards .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1491px;
height: 38px;
width: 44px
}
}
.category_page .special_offers .more_offers .offer_el.for_students .icon, .special_offers .specialoffers_wrapper .offer_el.for_students .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4634px;
background-repeat: no-repeat;
height: 40px;
width: 48px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .special_offers .more_offers .offer_el.for_students .icon, .special_offers .specialoffers_wrapper .offer_el.for_students .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4024px;
height: 40px;
width: 48px
}
}
.site .best_offers .homepage-offer a img, .site .products_list a img, .slider, .slider img {
width: 100%
}
.slider {
height: auto;
overflow: hidden
}
/**/
.slider:after, .slider:before {
content: " ";
display: table
}
.slider .container {
background-color: #fff
}
/*.breadcrumbs a, .breadcrumbs a:hover {
color: #421c29;
text-decoration: none
}
.breadcrumbs a {
text-decoration: underline
}
.breadcrumbs a:hover {
text-decoration: underline
}
.breadcrumbs .arrow {
font-weight: 700;
color: #ff4b80
}
.breadcrumbs .actual_loc {
font-weight: 700
}*/
.site {
margin-bottom: 20px
}
.site .best_offers .homepage-offer {
padding-bottom: 20px
}
.site .best_offers .homepage-offer a {
padding: 5px;
border: 1px solid #d3d1d2;
display: block
}
.site .products_list a {
border: 1px solid #d3d1d2;
display: block
}
.site .products_list .product {
border-right: 1px dashed #cacbc5;
padding-bottom: 20px
}
.site .products_list .product:last-child {
border: 0
}
.site .products_list .product .product_desc {
margin-top: 20px;
margin-bottom: 0;
font-size: .85em;
font-weight: 700;
line-height: 1.3
}
.site .products_list .product .price {
font-size: 1.2em;
font-weight: 700;
line-height: 1.3
}
.site .products_list .product .price.new {
color: #ff4b80
}
.check {
float: left;
display: block;
margin-right: 15px;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -484px;
background-repeat: no-repeat;
height: 20px;
width: 20px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.check {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -399px;
height: 20px;
width: 20px
}
}
.not-check .check {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5050px;
background-repeat: no-repeat;
height: 18px;
width: 18px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.not-check .check {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4387px;
height: 18px;
width: 18px
}
}
.not-check .check_cont {
opacity: .5
}
.not-check .check_cont .img {
opacity: .95
}
.check_wrap {
display: block;
float: left;
width: 100%
}
.quantity-widget .minus, .quantity-widget .plus {
cursor: pointer;
background-color: #dd4379;
color: #fff;
float: left;
width: 25px;
height: 25px;
line-height: 23px;
vertical-align: middle;
text-align: center;
font-size: 1.7em;
margin-right: 7px
}
.quantity-widget .quan {
width: 40px;
height: 25px;
line-height: 20px;
text-align: center;
-moz-appearance: textfield
}
.basket_item .note_box {
width: 80%;
float: left;
font-size: .9em;
padding: 5px;
margin-left: 10%;
margin-right: 10%;
border-width: 1px;
border-style: solid;
line-height: 1.4em
}
.special_sale {
height: 32px;
line-height: 32px;
color: #ff4b80;
background-color: #efede1;
float: left;
padding: 0 10px;
margin: 10px 0
}
.add_to_basket .basket_item .special_sale {
margin-top: 15px
}
.remove {
width: 100%;
cursor: pointer;
font-weight: 700;
font-size: .9em
}
.remove:hover {
text-decoration: underline
}
.remove .icon {
display: block;
float: left;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3398px;
background-repeat: no-repeat;
height: 14px;
width: 14px;
margin: 5px 7px 0 0
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.remove .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2972px;
height: 14px;
width: 14px
}
}
.in_stock, .out_of_stock {
font-weight: 700;
font-size: 1.2em;
color: #8ed014
}
.out_of_stock {
color: #ff4b80
}
.low_stock {
color: #ffa405
}
.only_x_instock {
color: #c09853
}
.add_to_wishlist {
background-color: #491d2c;
color: #fff;
font-family: Helvetica,Arial,sans-serif;
height: 32px;
line-height: 32px;
font-size: 1em;
position: relative;
padding: 0 10px 0 35px;
float: right
}
.contact_us, .my_account .item_list .item .item_details_wrap {
font-size: .9em
}
.add_to_wishlist .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1890px;
background-repeat: no-repeat;
height: 16px;
width: 16px;
display: block;
position: absolute;
top: 7px;
left: 10px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.add_to_wishlist .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1634px;
height: 16px;
width: 16px
}
}
.by_current_loc .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -908px;
background-repeat: no-repeat;
height: 21px;
width: 21px;
display: block;
float: left;
margin-right: 7px;
margin-top: 4px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.by_current_loc .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -778px;
height: 21px;
width: 21px
}
}
.contact_us {
line-height: 1.4
}
.my_account .left-sidebar ul li {
margin-bottom: 10px
}
.my_account .left-sidebar ul li.active a {
font-weight: 700
}
.my_account .left-sidebar ul a {
text-decoration: none
}
.my_account .left-sidebar .account_opt_btn.visible-xs {
background: url(/frontend2/img/trivia-bg-2.png) center 34px repeat-x #e5e5e5;
padding: 5px 10px;
margin-bottom: 15px;
font-family: Helvetica,Arial,sans-serif;
text-decoration: none;
cursor: pointer
}
.my_account .list_element .remove:hover, .store_finder .regions a {
text-decoration: underline
}
.my_account .left-sidebar .account_opt_btn.visible-xs .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -48px;
background-repeat: no-repeat;
height: 18px;
width: 18px;
display: block;
float: right;
margin-top: 2px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.my_account .left-sidebar .account_opt_btn.visible-xs .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -43px;
height: 18px;
width: 18px
}
}
.my_account .item_list, .my_account .item_list .list_row {
width: 100%;
display: block
}
.my_account .listing .list_element .el_wrap {
min-height: 300px;
padding-bottom: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.my_account .list_element {
position: relative
}
.my_account .list_element .remove {
position: absolute;
bottom: 40px
}
.my_account .list_element .remove .icon {
margin-top: 0
}
.my_account .order_details {
display: table;
padding: 10px 20px 0;
font-size: .9em
}
.my_account .order_details .details_row {
display: table-row
}
.my_account .order_details .detail {
display: table-cell;
padding: 0 20px 20px 0;
line-height: 1.2
}
.my_account .order_details .title {
font-weight: 700
}
.my_account .item_list .list_title {
padding: 0 10px;
display: block;
float: left;
width: 100%;
height: 42px;
line-height: 40px;
font-weight: 700
}
.my_account .item_list .item_cell, .my_account .item_list .title {
display: block;
float: left
}
.my_account .item_list .item_details_wrap, .my_account .item_list .items_list_title {
width: 60%
}
.my_account .item_list .price_wrap, .my_account .item_list .quantity_wrap {
width: 15%;
text-align: center
}
.my_account .item_list .items_list_title.title, .my_account .item_list .quantity_wrap.title {
border-right: 2px solid #fff
}
.my_account .item_list .item {
padding: 20px 10px;
background: url(/frontend2/img/dots-small.gif) bottom left repeat-x;
float: left
}
.my_account .item_list .item:after, .my_account .item_list .item:before {
content: " ";
display: table
}
.my_account .item_list .item .item_details_wrap img {
display: block;
float: left;
margin-right: 15px;
width: 25%
}
.my_account .item_list .item .item_details_wrap .item_title {
display: block;
width: 100%;
font-weight: 700;
font-size: 1.15em
}
.my_account .item_list .item .item_details_wrap .product_desc {
display: block;
line-height: 1.2
}
.my_account .item_list + .btn_wrap a {
font-size: .9em;
font-weight: 700;
line-height: 1
}
.my_account table {
background: url(/frontend2/img/brush-large.jpg) no-repeat;
-moz-background-size: 100% 42px;
-o-background-size: 100% 42px;
-webkit-background-size: 100% 42px;
background-size: 100% 42px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
padding: 0 10px;
float: left;
width: 100%;
height: 42px;
height: auto;
display: table
}
.my_account table tr {
background: url(/frontend2/img/dots-small.gif) bottom repeat-x;
line-height: 36px
}
.my_account table tr:first-child {
width: 100%;
height: 42px;
line-height: 1;
float: none;
background: 0 0
}
.my_account table th {
font-weight: 700;
border-right: 1px solid #fff
}
.my_account table th:last-child {
border-right: 0
}
.my_account table td, .my_account table th {
text-align: center
}
.my_account table td:first-child, .my_account table th:first-child {
padding-left: 10px;
font-weight: 700
}
.my_account .total_wrap {
max-width: 200px;
width: 100%;
margin-top: 10px
}
.my_account .total_wrap:after, .my_account .total_wrap:before {
content: " ";
display: table
}
.my_account .total_wrap .price, .my_account .total_wrap .title {
width: 50%;
float: left;
text-align: center
}
.login .formRow, .login .formRow.checkbox, .my_account .total_wrap .total {
float: left;
width: 100%;
display: block
}
.my_account .total_wrap .price {
font-weight: 700
}
.my_account .total_wrap .total {
line-height: 40px;
font-weight: 700;
margin-top: 10px
}
.my_account .total_wrap .delivery_total {
line-height: 30px
}
.my_account .text-left {
text-align: left
}
.newsletter {
padding-bottom: 30px
}
.newsletter .right-sidebar h3 {
font: 1.2em Helvetica,Arial,sans-serif;
margin-top: 0
}
.newsletter .right-sidebar h4 {
font: 700 1em Helvetica,Arial,sans-serif
}
.login h3, .login h4, .right-sidebar h3, .right-sidebar h4, .special_list {
font-family: Helvetica,Arial,sans-serif
}
.newsletter .right-sidebar p, .newsletter .right-sidebar ul {
font-size: .9em
}
.newsletter .right-sidebar .favourite_craft p {
font-size: 1em
}
.login .btn_wrap .btn {
padding: 0 30px
}
.login .address, .right-sidebar .address {
display: block;
line-height: 1
}
.login .pagination_wrapper .pagination li, .right-sidebar .pagination_wrapper .pagination li {
padding-left: 0
}
.login .line_wrapper, .login .listing, .right-sidebar .line_wrapper, .right-sidebar .listing {
float: left
}
.login .btn_wrap {
text-align: center;
margin-top: 20px;
padding-left: 25%
}
.login .btn_wrap .btn, .right-sidebar .btn_wrap .btn {
margin-top: 10px;
color: #fff
}
.login .formRow {
margin-bottom: 10px
}
.login .formRow.checkbox {
padding-left: 22%
}
.login .formRow.checkbox label {
width: 70%;
padding-left: 7%;
text-align: left
}
.login #ctl00_con1_login1_DvpLabel2 {
width: 70%;
float: right;
font-size: .9em
}
.login .forgot-password {
width: 70%;
float: right
}
.login .special_list {
margin-top: 20px
}
.special_list {
display: block;
float: left;
padding-left: 30%;
font-size: 1.5em
}
.gift_carts_wrap {
display: block;
float: left;
width: 100%;
margin-bottom: 15px
}
.giftcards .right-sidebar {
font-size: .95em;
line-height: 1.4
}
.giftcards .right-sidebar h2 {
font-size: 1.8em
}
.giftcards .right-sidebar h3 {
font: 1.4em Helvetica,Arial,sans-serif
}
.hedding_dotted, .my_addresses .right-sidebar .address_title, .my_addresses h3, .other_products h3, .special_from_btn, .special_from_btn.btn, .store.store_finder h3, .store_finder .email, .store_finder .search_quest, .store_finder .search_quest strong, .store_finder .tel_no, .workshops_events .hedding_dotted {
font-family: Helvetica,Arial,sans-serif
}
.text-left {
text-align: left
}
.my_addresses h3 {
font-size: 1.4em
}
.my_addresses .right-sidebar .address, .my_addresses .right-sidebar a {
font-size: .9em
}
.my_addresses .right-sidebar .btn {
font-size: 1.15em
}
.my_addresses .right-sidebar .special_from_btn {
font-size: 1em
}
.my_addresses .right-sidebar .address {
display: block;
float: left;
line-height: 1
}
.my_addresses .right-sidebar .address_title {
font-size: 1.2em;
line-height: 1.3;
margin-right: 20px;
margin-bottom: 15px;
display: block;
float: left
}
.my_addresses .right-sidebar .delivery_addresses {
padding-bottom: 10px
}
.my_addresses .right-sidebar .delivery_addresses .radio {
margin-bottom: 0;
margin-top: 30px;
font-size: .9em
}
.my_addresses .right-sidebar .billing_address .title:after, .my_addresses .right-sidebar .billing_address .title:before {
content: " ";
display: table
}
.my_addresses .right-sidebar .billing_address .title h3 {
float: left;
margin-right: 20px;
margin-bottom: 20px
}
.my_addresses .right-sidebar .billing_address .title a {
margin-top: 15px;
display: block;
float: left;
line-height: 40px
}
.other_products {
margin-top: 80px
}
.other_products h3 {
margin-top: 0
}
.other_products .product {
border-right: 1px dashed #421c29;
border-color: #ccc;
margin-bottom: 15px;
min-height: 275px
}
.other_products .product .img_wrap {
display: block;
width: 100%
}
.other_products .product img {
max-height: 170px;
display: block;
margin: 0 auto 10px
}
.other_products .product_desc {
max-height: 60px;
overflow: hidden;
font-size: .85em;
font-weight: 700
}
.other_products .slider_container .product_desc {
white-space: pre-wrap;
height: 50px
}
.other_products .price.new {
font-weight: 700;
font-size: 1.2em;
color: #ff4b80
}
.store_finder .stores_map .map_wrapper {
margin-bottom: 10px;
padding: 5px;
-moz-border-image: url(/frontend2/img/slider_border.png) 5 5 5 5 fill repeat;
-o-border-image: url(/frontend2/img/slider_border.png) 5 5 5 5 fill repeat;
-webkit-border-image: url(/frontend2/img/slider_border.png) 5 5 5 5 fill repeat;
border-width: 5px;
border-style: solid;
border-color: #fff;
margin-top: 20px;
display: block;
width: 100%;
height: 365px
}
.store_finder .stores_map .map_wrapper img {
cursor: pointer
}
.store_finder #gmaps_holder {
height: 100%
}
.store_finder .legend {
text-align: center
}
.store_finder .legend .open, .store_finder .legend .soon {
display: inline-block;
margin: 0 15px;
font-size: .9em;
padding-left: 20px;
position: relative
}
.store_finder .legend .open .icon, .store_finder .legend .soon .icon {
position: absolute;
left: 0;
top: 5px
}
.store_finder .legend .open .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3066px;
background-repeat: no-repeat;
height: 12px;
width: 12px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .legend .open .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2690px;
height: 12px;
width: 12px
}
}
.store_finder .legend .soon .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3088px;
background-repeat: no-repeat;
height: 13px;
width: 12px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .legend .soon .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2707px;
height: 13px;
width: 12px
}
}
.store_finder .storefind_desc h2 {
margin-top: 10px
}
.store_finder .storefind_desc .btn_wrap .search_inp_wrap, .store_finder .storefind_desc .btn_wrap a, .store_finder .storefind_desc .btn_wrap input, .store_finder .storefind_desc .btn_wrap span {
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.store_finder .storefind_desc .btn_wrap .or {
width: 8%;
text-align: center
}
.store_finder .storefind_desc .btn_wrap input {
margin-right: 1%;
width: 80%;
height: 30px;
padding: 0 10px;
font-size: .9em
}
.store_finder .storefind_desc .btn_wrap .by_current_loc {
padding-left: 35px;
width: 37%
}
.store_finder .storefind_desc .btn_wrap .by_current_loc > span {
margin: 0 auto;
position: relative;
color: #fff
}
.store_finder .storefind_desc .btn_wrap .by_current_loc > span .icon {
position: absolute;
left: -25px
}
.store_finder .storefind_desc .btn_wrap .search_inp_wrap {
width: 55%
}
.store_finder .storefind_desc .btn_wrap .search_inp_wrap .btn {
width: 19%;
padding: 0;
text-align: center;
color: #fff
}
.store_finder .or {
text-align: center;
display: block
}
.store_finder .select_region {
margin: 10px 0;
font-weight: 700;
display: block;
font-size: 1.2em
}
.store_finder .regions {
font-size: 1em
}
.store_finder .regions li {
margin-bottom: 7px
}
.store_finder .regions a:hover {
text-decoration: none
}
.store_finder .search_quest {
font-size: 1.2em;
margin-bottom: 25px;
display: block
}
.store_finder .search_quest strong {
font-weight: 400
}
.store_finder .stores_list .store {
font-size: .9em;
margin-bottom: 15px;
border-right: 1px dotted #ccc;
min-height: 250px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 60px
}
.store_finder .stores_list .store h4 {
font-size: .1 .3em
}
.store_finder .stores_list .store span {
line-height: 1.2
}
.store_finder .stores_list .store .store_detail {
margin-bottom: 15px
}
.store_finder .stores_list .store .store_detail .btn {
line-height: 25px;
height: 27px
}
.store_finder .stores_list .store .btn.wider {
position: absolute;
bottom: 5px;
width: 60%;
color: #fff
}
.store_finder .stores_list .store .distance {
margin-bottom: 10px;
display: block;
width: 100%;
color: #ff4b80
}
.store_finder .read_more_wrap, .store_finder .search_again_wrap {
float: left
}
.store_finder .read_more_wrap {
margin-bottom: 15px
}
.store_finder .search_again.wider.btn {
width: 310px;
max-width: 100%;
display: block
}
.store_finder .opening_hours {
margin-top: 0
}
.store_finder .opening_hours dt {
display: block;
float: left;
margin-right: 15px;
min-width: 100px;
font-weight: 400
}
.store_finder .email, .store_finder .tel_no {
float: left;
text-decoration: none;
font-size: 1.2em;
font-weight: 700
}
.store_finder .email .icon, .store_finder .tel_no .icon {
display: block;
float: left;
margin-right: 7px;
margin-top: 4px
}
.store_finder .email:hover, .store_finder .tel_no:hover {
text-decoration: underline
}
.store_finder .tel_no {
margin-bottom: 15px;
margin-right: 15px;
padding-left: 10px
}
.store_finder .tel_no .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3309px;
background-repeat: no-repeat;
height: 20px;
width: 20px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .tel_no .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2898px;
height: 20px;
width: 20px
}
}
.store_finder .email .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2695px;
background-repeat: no-repeat;
height: 13px;
width: 24px;
margin-top: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .email .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2360px;
height: 13px;
width: 24px
}
}
.store_finder .link {
font-weight: 400
}
.store.store_finder .directions > ol > li, .workshops_events .read_more {
font-weight: 700
}
.store_finder .stores_nearby {
margin: 15px 0
}
.store_finder .stores_nearby .near_store {
margin-right: 30px
}
.store_finder .store_facilities {
border: 2px dotted #ccc;
padding: 7px 15px
}
.store_finder .store_facilities:after, .store_finder .store_facilities:before {
content: " ";
display: table
}
.store_finder .store_facilities .facil {
width: 50%;
float: left;
padding-right: 15px;
min-height: 56px
}
.store_finder .store_facilities .facil .icon {
display: block;
float: left;
margin-right: 15px
}
.store_finder .store_facilities .baby .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1067px;
background-repeat: no-repeat;
height: 42px;
width: 42px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .baby .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -907px;
height: 42px;
width: 42px
}
}
.store_finder .store_facilities .toilets .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1554px;
background-repeat: no-repeat;
height: 35px;
width: 40px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .toilets .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1349px;
height: 35px;
width: 40px
}
}
.store_finder .store_facilities .craft_room .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1161px;
background-repeat: no-repeat;
height: 48px;
width: 50px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .craft_room .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -991px;
height: 48px;
width: 50px
}
}
.store_finder .store_facilities .free_parking .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1450px;
background-repeat: no-repeat;
height: 42px;
width: 33px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .free_parking .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1255px;
height: 42px;
width: 33px
}
}
.store_finder .store_facilities .coffee .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1119px;
background-repeat: no-repeat;
height: 32px;
width: 54px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .coffee .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -954px;
height: 32px;
width: 54px
}
}
.store_finder .store_facilities .pay_parking .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1502px;
background-repeat: no-repeat;
height: 42px;
width: 34px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .pay_parking .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1302px;
height: 42px;
width: 34px
}
}
.store_finder .store_facilities .kids_room .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1331px;
background-repeat: no-repeat;
height: 46px;
width: 43px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .kids_room .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1146px;
height: 46px;
width: 43px
}
}
.store_finder .store_facilities .hearing_aid .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1275px;
background-repeat: no-repeat;
height: 46px;
width: 43px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .hearing_aid .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1095px;
height: 46px;
width: 43px
}
}
.store_finder .store_facilities .garden .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1219px;
background-repeat: no-repeat;
height: 46px;
width: 53px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .garden .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1044px;
height: 46px;
width: 53px
}
}
.store_finder .store_facilities .wheelchair_access .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1599px;
background-repeat: no-repeat;
height: 41px;
width: 37px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .wheelchair_access .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1389px;
height: 41px;
width: 37px
}
}
.store_finder .store_facilities .lift .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1387px;
background-repeat: no-repeat;
height: 53px;
width: 39px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.store_finder .store_facilities .lift .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1197px;
height: 53px;
width: 39px
}
}
.store.store_finder .store_detail {
margin-bottom: 10px
}
.store.store_finder h3 {
font-size: 1.4em
}
.store.store_finder .slider_wrap {
margin-top: 20px;
margin-bottom: 20px;
display: block
}
.store.store_finder .slider_wrap:after, .store.store_finder .slider_wrap:before {
content: " ";
display: table
}
.store.store_finder ol {
padding-left: 20px;
padding-right: 20px
}
.store.store_finder .directions {
display: block;
float: left
}
.now_open_wrap:after, .now_open_wrap:before, .small_dotted_border:after, .small_dotted_border:before {
display: table;
content: " "
}
.store.store_finder .directions > ol ol li {
padding-bottom: 15px
}
.hedding_dotted {
font-size: 1.6em;
background: url(/frontend2/img/dots-large.gif) bottom left repeat-x;
padding-bottom: 10px
}
.now_open .now_open_img {
margin: 0 15px 15px 0;
float: left
}
.now_open .open_store_desc {
font-size: .95em;
line-height: 1.3
}
.now_open_wrap {
background: url(/frontend2/img/dots-small.gif) bottom left repeat-x
}
.small_dotted_border {
border: 1px dotted #000;
padding: 1em
}
.workshops_events {
margin-top: 20px;
display: block;
float: left
}
.workshops_events .event_title {
color: #009de0
}
.workshops_events .event_wrap {
min-height: 150px;
line-height: 1.3;
margin-top: .3em;
margin-bottom: .7em;
font-size: 14px
}
.workshops_events .event_wrap .wrap_desc {
width: 30%;
float: left;
padding-right: 20px
}
.special_from_btn, .special_from_btn.btn {
background-color: #491d2c;
line-height: 32px;
font-size: 1em;
padding: 0 10px;
color: #fff
}
.workshops_events .event_wrap .description {
width: 70%;
float: right
}
.special_from_btn .icon, .special_from_btn.btn .icon {
width: 16px;
display: block;
top: 7px;
left: 10px;
background-repeat: no-repeat
}
.single_product .col-xs-12, .single_product .product_descript, .single_product .slider_wrap {
float: left
}
.workshops_events p {
margin-bottom: 0
}
.special_from_btn {
height: 32px;
position: relative
}
.special_from_btn .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1890px;
height: 16px;
position: absolute
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.special_from_btn .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1634px;
height: 16px;
width: 16px
}
}
.special_from_btn.btn {
height: 32px;
position: relative
}
.special_from_btn.btn:hover {
color: #fff
}
.special_from_btn.btn .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1890px;
height: 16px;
position: absolute
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.special_from_btn.btn .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1634px;
height: 16px;
width: 16px
}
}
.single_product:after, .single_product:before {
content: " ";
display: table
}
.single_product .other_products, .single_product .panel-dropdown, .single_product .product_descript, .single_product .product_short_desc, .single_product .product_title, .single_product .slider_wrap {
width: 100%;
padding: 15px;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.single_product .product_short_desc .product_prices:after, .single_product .product_short_desc .product_prices:before, .single_product .product_short_desc .product_stars:after, .single_product .product_short_desc .product_stars:before {
display: table;
content: " "
}
.single_product .other_products, .single_product .product_short_desc {
float: right
}
.single_product .product_title {
padding-bottom: 0;
box-sizing: border-box;
float: right;
margin: 0 0 5px
}
.single_product .product_short_desc .form .form-group:first-of-type, .single_product .product_short_desc .product_stars {
margin-bottom: 10px
}
.single_product .product_short_desc {
padding-top: 0
}
.single_product .product_short_desc .price {
float: left;
line-height: 30px
}
.single_product .product_short_desc .price.new {
color: #ff4b80;
margin-right: 15px;
font-size: 1.4em;
font-weight: 700
}
.single_product .product_short_desc .stars_wrap {
display: block;
float: left;
margin-right: 10px
}
.single_product .product_short_desc .star {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4278px;
background-repeat: no-repeat;
height: 18px;
width: 19px;
display: block;
float: left;
margin-right: 2px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .product_short_desc .star {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3752px;
height: 18px;
width: 19px
}
}
.single_product .product_short_desc .product_mark {
float: left;
margin-right: 15px
}
.single_product .product_short_desc .read_all {
display: block;
float: left;
text-decoration: underline;
font-size: .9em
}
.single_product .product_short_desc .read_all:hover {
text-decoration: none
}
.single_product .product_short_desc .read_more {
color: #73253f;
text-decoration: underline
}
.single_product .product_descript .nav-tabs a, .single_product .product_short_desc .read_more:hover {
text-decoration: none
}
.single_product .product_short_desc .form {
display: block;
float: left;
width: 100%;
line-height: 32px
}
.single_product .product_short_desc .form input, .single_product .product_short_desc .form label, .single_product .product_short_desc .form select {
margin-right: 15px;
padding-right: 0;
float: left;
font-weight: 400;
width: auto
}
.single_product .product_short_desc .form select {
width: 40%;
height: 32px
}
.single_product .product_short_desc .form .pp-details-input select {
width: 100%
}
.single_product .product_short_desc .form .in_stock {
font-weight: 700
}
.single_product .product_short_desc .short_desc_text {
margin-bottom: 15px;
padding-bottom: 15px;
font-size: .9em;
border-bottom: 2px dotted #e3e3e3
}
.single_product .product_short_desc .add_to_basket {
background-color: #8ecc0f;
color: #fff;
font-family: Helvetica,Arial,sans-serif;
height: 45px;
line-height: 45px;
padding: 0 20%
}
.single_product .product_descript .panel-default {
border: 0;
margin-top: 0
}
.single_product .product_descript .panel-default .desc {
border: 1px dashed #ccc;
border-top: 0;
margin-bottom: 3px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.single_product .product_descript .nav-tabs, .single_product .product_descript .panel-heading a {
background: url(/frontend2/img/trivia-bg-2.png) center 34px repeat-x;
color: #4b1f2e;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.single_product .product_descript .nav-tabs {
background-color: #f2f2f2;
border: 0
}
.single_product .product_descript .nav-tabs > li {
width: 33.33333%;
border-right: 1px solid #fff;
font: 1.1em Helvetica,Arial,sans-serif
}
.single_product .product_descript .nav-tabs > li > a {
border: 0;
height: 42px;
margin: 0
}
.single_product .product_descript .nav-tabs > li > a:hover {
background-color: transparent;
text-decoration: underline
}
.single_product .product_descript .nav-tabs > li.active, .single_product .product_descript .nav-tabs > li:hover {
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0
}
.single_product .product_descript .nav-tabs > li.active > a, .single_product .product_descript .nav-tabs > li.active > a:focus, .single_product .product_descript .nav-tabs > li.active > a:hover, .single_product .product_descript .nav-tabs > li:hover > a, .single_product .product_descript .nav-tabs > li:hover > a:focus, .single_product .product_descript .nav-tabs > li:hover > a:hover {
border: 0;
background: url(/frontend2/img/trivia-bg-2.png) center 34px repeat-x #d9d9d9;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.single_product .product_descript .nav-tabs > li:last-child {
border-right: 0
}
.single_product .product_descript .panel-heading {
padding: 0
}
.single_product .product_descript .panel-heading a {
background-color: #d9d9d9;
margin-top: 1px;
height: 40px;
line-height: 40px;
padding: 0 15px;
display: block;
position: relative
}
.single_product .product_descript .panel-heading a .arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -990px;
background-repeat: no-repeat;
height: 8px;
width: 13px;
position: absolute;
top: 15px;
right: 15px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .product_descript .panel-heading a .arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -845px;
height: 8px;
width: 13px
}
}
.single_product .product_descript .panel-heading a.collapsed {
background-color: #f2f2f2;
margin-top: 1px
}
.single_product .product_descript .panel-heading a.collapsed .arrow {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.single_product .product_descript .nav-tabs, .single_product .product_descript .tab-content {
display: block;
float: left;
width: 100%
}
.single_product .product_descript .tab-content .panel-body {
border-top: 0
}
.single_product .product_descript .tab-content .panel-body ul {
margin-top: 15px
}
.single_product .product_descript .tab-content .panel-body ul li {
background: url(/frontend2/img/ul-bullet.png) left no-repeat;
padding-left: 18px;
margin: 4px 0
}
.single_product .included {
padding: 10px 15px;
border: 2px dotted #e3e3e3;
margin-bottom: 20px;
float: left;
width: 100%
}
.single_product .included:after, .single_product .included:before {
content: " ";
display: table
}
.single_product .included .inc_el {
margin-bottom: 20px
}
.single_product .included .buy_in_store, .single_product .included .inc_el:last-child {
margin-bottom: 0
}
.single_product .included .img {
display: block;
float: left;
margin-top: -2px;
margin-right: 10px
}
.single_product .included .home_delivery .img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1992px;
background-repeat: no-repeat;
height: 28px;
width: 39px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .included .home_delivery .img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1721px;
height: 28px;
width: 39px
}
}
.single_product .included .store_delivery .img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4546px;
background-repeat: no-repeat;
height: 30px;
width: 39px;
margin-top: -5px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .included .store_delivery .img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3946px;
height: 30px;
width: 39px
}
}
.single_product .included .buy_in_store .img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2418px;
background-repeat: no-repeat;
height: 23px;
width: 36px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .included .buy_in_store .img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2082px;
height: 23px;
width: 36px
}
}
.single_product .socials {
text-align: center;
width: 100%;
float: left
}
.single_product .socials li {
display: inline-block;
margin-right: 3px;
margin-bottom: 5px
}
.single_product .socials li a {
display: block;
position: relative;
height: 30px;
line-height: 30px;
padding: 0 5px 0 25px;
color: #fff;
text-decoration: none;
font-size: .8em;
font-weight: 700
}
.single_product .socials li a.pinterest {
background-color: #c62d27
}
.single_product .socials li a.pinterest .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3801px;
background-repeat: no-repeat;
height: 22px;
width: 19px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .socials li a.pinterest .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3320px;
height: 22px;
width: 19px
}
}
.single_product .socials li a.facebook {
background-color: #2e5797
}
.single_product .socials li a.facebook .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3717px;
background-repeat: no-repeat;
height: 22px;
width: 14px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .socials li a.facebook .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3251px;
height: 22px;
width: 14px
}
}
.single_product .socials li a.twitter {
background-color: #32a6d9
}
.single_product .socials li a.twitter .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3833px;
background-repeat: no-repeat;
height: 14px;
width: 16px;
top: 8px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .socials li a.twitter .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3347px;
height: 14px;
width: 16px
}
}
.single_product .socials li a.google {
background-color: #c95138
}
.single_product .socials li a.google .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3749px;
background-repeat: no-repeat;
height: 16px;
width: 17px;
top: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .socials li a.google .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3278px;
height: 16px;
width: 17px
}
}
.single_product .socials li a.more {
background-color: #f76c41
}
.single_product .socials li a.more .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3775px;
background-repeat: no-repeat;
height: 16px;
width: 15px;
top: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.single_product .socials li a.more .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3299px;
height: 16px;
width: 15px
}
}
.single_product .socials li a .icon {
display: block;
position: absolute;
left: 5px;
top: 3px
}
.product-image-holder, .slider_container {
position: relative;
cursor: pointer
}
.single_product .socials li:last-child {
margin-right: 0
}
.single_product .recent_items h3 {
float: left;
margin-top: 0;
margin-right: 30px
}
.single_product .recent_items .remove {
float: left;
width: auto;
margin-top: 2px
}
.single_product .recent_items .recent_item_wrap .item img, .slider_content.horizontal_scroll {
width: 100%
}
.single_product .recent_items .recent_item_wrap {
border: 2px solid #eee;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 15px;
float: left;
width: 100%
}
.single_product .recent_items .recent_item_wrap .item {
border-right: 1px dashed #ccc
}
.single_product .recent_items .recent_item_wrap .item:last-child {
border-right: 0
}
#delivery_returns .panel-body table td:last-child {
padding-left: 15px
}
.slider_content {
overflow: hidden;
white-space: nowrap;
float: left;
max-width: 100%;
cursor: pointer
}
.slider_content.vertical_scroll {
height: 455px;
max-width: 98px
}
.slider_content.horizontal_scroll .item {
display: block;
float: left
}
.slider_content .item {
padding: 5px;
border: 1px solid #ccc;
margin-bottom: 10px;
margin-right: 10px
}
.slider_content .item {
padding: 0;
margin-right: 15px;
}
.product-image-holder .first-image {
width: 579px;
height: 579px
}
@media screen and (max-width:767px) {
.product-image-holder .first-image {
width: 223px;
height: 223px
}
}
.mobile-image-blocker, .product-image-holder img.inner-thumb {
height: 100%;
width: 100%
}
.product-image-holder .sxy-zoom-container {
position: absolute;
left: 50%;
right: 50%;
top: 50%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 100%;
max-height: 100%
}
.mobile-image-blocker {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
overflow: hidden;
background-color: #fff
}
.mobile-image-blocker img {
position: absolute;
width: 100%;
height: 100%;
background: #fff
}
.store .product-image-holder {
max-height: 440px
}
.store .product-image-holder img {
height: auto;
display: block;
margin: 0 auto
}
.slider_wrap {
padding-bottom: 0
}
.store_selected {
padding: 10px 0 0 20px
}
.store_selected .store {
font-style: italic
}
.store_selected .change_store {
text-decoration: underline
}
.store_selected .change_store:hover {
text-decoration: none
}
.out_of_stock_info {
font-size: .9em;
margin-bottom: 10px;
margin-left: 57px
}
.btn_wrap {
display: block;
width: 100%;
float: right
}
.myaccount.btn_wrap {
float: none;
text-align: center
}
.btn_wrap:after, .btn_wrap:before {
content: " ";
display: table
}
.add_to_basket.added .btn_wrap {
width: 128px;
float: right
}
.add_to_basket.added .btn_wrap .btn, .add_to_basket.added .btn_wrap .continue_shopping.btn {
float: none
}
.add_to_basket.added .btn_wrap .checkout {
width: 100%
}
.product_code {
display: block;
width: 100%;
color: #421c29;
font-size: .8em;
margin-top: 20px
}
.add_to_basket .product_added {
padding: 15px 0 0;
margin: 15px 0 0;
border-top: 1px solid #d1d1d1
}
.add_to_basket .product_added:after, .add_to_basket .product_added:before {
content: " ";
display: table
}
.add_to_basket .product_added h2 {
margin: 0;
font-size: 1.4em
}
.add_to_basket .product_added .basket_short_desc {
width: 65%;
float: left
}
.add_to_basket .product_added .basket_short_desc .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -484px;
background-repeat: no-repeat;
height: 20px;
width: 20px;
float: left;
margin-top: 15px;
margin-right: 15px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.add_to_basket .product_added .basket_short_desc .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -399px;
height: 20px;
width: 20px
}
}
.add_to_basket .product_added .basket_short_desc .was_added {
font-family: Helvetica,Arial,sans-serif;
float: left;
width: 85%
}
.add_to_basket .product_added .price_qty_wrap {
width: 20%;
float: left
}
.add_to_basket .product_added .price_qty_wrap .price_wrap, .add_to_basket .product_added .price_qty_wrap .qty_wrap {
width: 50%;
line-height: 40px;
float: left
}
.add_to_basket .product_added .basket_btn_wrap .checkout {
width: 100%;
margin: 0
}
.email_me {
margin-left: 57px;
float: left;
width: 350px
}
.email_me + .btn_wrap {
width: auto
}
.email_me .email_me_title {
width: 100%;
text-align: left;
position: relative;
padding-left: 50px
}
.email_me .email_me_title .envelope {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2695px;
background-repeat: no-repeat;
height: 13px;
width: 24px;
display: block;
position: absolute;
left: 15px;
top: 8px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.email_me .email_me_title .envelope {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2360px;
height: 13px;
width: 24px
}
}
.email_me .email_me_cont {
max-height: 0;
overflow: hidden;
margin-top: -17px;
margin-bottom: 15px;
border: 1px solid #ccc;
-moz-transition-property: max-height;
-o-transition-property: max-height;
-webkit-transition-property: max-height;
transition-property: max-height;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-webkit-transition-duration: 2s;
transition-duration: 2s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.email_me .email_me_cont .cont_wrap {
height: 300px;
padding: 20px 15px 15px
}
.email_me .email_me_cont .cont_wrap:after, .email_me .email_me_cont .cont_wrap:before {
content: " ";
display: table
}
.email_me .email_me_cont .cont_wrap label {
text-align: left;
font-weight: 700
}
.email_me .email_me_cont .cont_wrap input {
margin-bottom: 20px
}
.email_me .email_me_cont .email_info {
font-size: .9em;
margin-bottom: 10px
}
.email_me .email_me_cont .form input {
width: 100%;
height: 30px
}
.email_me .email_me_cont .form > label {
width: 100%
}
.email_me .email_me_cont .form .submit {
display: block;
margin: 0 auto 10px;
width: 65%;
text-transform: inherit
}
.email_me.open .email_me_cont {
max-height: 600px
}
.email_me_framed .form input {
width: auto;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #ccc
}
.email_me_framed .form label {
display: inline-block;
margin-bottom: 5px;
padding-right: 1px;
font-weight: 700;
width: auto
}
.sxy-controls {
display: none !important
}
.horizontal_scroll.no-horizontal-next .arrow_next, .horizontal_scroll.no-horizontal-prev .arrow_prev, .prom_code_added, .vertical_scroll.no-vertical-next .arrow_next, .vertical_scroll.no-vertical-prev .arrow_prev {
display: none
}
.sxy-zoom-dragpad {
z-index: 10
}
.horizontal_scroll, .vertical_scroll {
position: relative
}
.horizontal_scroll .arrow_next, .horizontal_scroll .arrow_prev, .vertical_scroll .arrow_next, .vertical_scroll .arrow_prev {
position: absolute;
padding: 5px;
background-color: rgba(0,0,0,.25)
}
.horizontal_scroll .arrow_next:hover, .horizontal_scroll .arrow_prev:hover, .vertical_scroll .arrow_next:hover, .vertical_scroll .arrow_prev:hover {
background-color: rgba(0,0,0,.45)
}
.vertical_scroll {
position: relative
}
.vertical_scroll .arrow_next, .vertical_scroll .arrow_prev {
left: 46%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.vertical_scroll .arrow_prev {
top: 0
}
.vertical_scroll .arrow_prev .arrow_img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4980px;
background-repeat: no-repeat;
height: 25px;
width: 52px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.vertical_scroll .arrow_prev .arrow_img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4327px;
height: 25px;
width: 52px
}
}
.vertical_scroll .arrow_prev .arrow_img:hover {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5015px;
background-repeat: no-repeat;
height: 25px;
width: 52px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.vertical_scroll .arrow_prev .arrow_img:hover {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4357px;
height: 25px;
width: 52px
}
}
.vertical_scroll .arrow_next {
bottom: 0
}
.vertical_scroll .arrow_next .arrow_img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4684px;
background-repeat: no-repeat;
height: 25px;
width: 52px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.vertical_scroll .arrow_next .arrow_img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4069px;
height: 25px;
width: 52px
}
}
.vertical_scroll .arrow_next .arrow_img:hover {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4719px;
background-repeat: no-repeat;
height: 25px;
width: 52px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.vertical_scroll .arrow_next .arrow_img:hover {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4099px;
height: 25px;
width: 52px
}
}
.slider_arrow.arrow_next.no-horizontal-next, .slider_arrow.arrow_prev.no-horizontal-prev {
visibility: hidden !important
}
.horizontal_scroll .arrow_next, .horizontal_scroll .arrow_prev {
top: 45%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.horizontal_scroll .arrow_prev {
left: 0
}
.horizontal_scroll .arrow_prev .arrow_img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4754px;
background-repeat: no-repeat;
height: 46px;
width: 26px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.horizontal_scroll .arrow_prev .arrow_img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4129px;
height: 44px;
width: 25px
}
}
.horizontal_scroll .arrow_prev .arrow_img:hover {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4810px;
background-repeat: no-repeat;
height: 47px;
width: 26px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.horizontal_scroll .arrow_prev .arrow_img:hover {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4178px;
height: 45px;
width: 25px
}
}
.horizontal_scroll .arrow_next {
right: 0
}
.horizontal_scroll .arrow_next .arrow_img {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4867px;
background-repeat: no-repeat;
height: 46px;
width: 26px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.horizontal_scroll .arrow_next .arrow_img {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4228px;
height: 44px;
width: 25px
}
}
.horizontal_scroll .arrow_next .arrow_img:hover {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4923px;
background-repeat: no-repeat;
height: 47px;
width: 26px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.horizontal_scroll .arrow_next .arrow_img:hover {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4277px;
height: 45px;
width: 25px
}
}
.heading_underline, .listing_menu .facetedSearch {
border-image: url(/frontend2/img/divider-938.jpg) 0 0 10 0 round;
border-image-width: 12px;
padding-bottom: 23px
}
.add_to_basket .price {
color: #ff4b80;
font-weight: 700;
font-size: 1.2em
}
.add_to_basket .btn_wrap {
margin-bottom: 10px
}
.add_to_basket .btn_wrap .empty_basket {
text-decoration: underline
}
.add_to_basket .btn_wrap .empty_basket:hover {
text-decoration: none
}
.add_to_basket .btn_wrap .continue_shopping {
padding: 0 20px;
display: inline-block;
float: left
}
.add_to_basket .btn_wrap .total {
display: inline-block;
float: right;
width: auto
}
.add_to_basket .other_products h3 {
font-family: Helvetica,Arial,sans-serif;
font-size: 1.3em
}
.add_to_basket .other_products .product:nth-child(3n) {
border-right: 1px dashed #ccc
}
.add_to_basket .other_products .product:last-child {
border-right: 0
}
.add_to_basket .btn_wrapper.visible-xs {
text-align: center;
margin: 15px 0 30px
}
.add_to_basket .btn_wrapper.visible-xs .continue_shopping {
padding: 0 40px
}
.basket_title {
margin-top: 20px
}
.basket_title:after, .basket_title:before {
content: " ";
display: table
}
.basket_title h1 {
margin-top: 0;
width: 73%;
float: left
}
.basket_title .btn.checkout {
width: 25%;
float: right;
padding: 0
}
.basket_title .alert, .basket_title .error, .basket_title .info, .basket_title .success {
width: 100%;
float: left
}
.free_delivery_message {
float: left;
width: 100%
}
.free_delivery_message strong {
color: #ff4b80
}
.basket_item {
float: left;
width: 100%;
padding: 10px 0;
margin-bottom: 1px solid #d1d1d1
}
.basket_item .item_title {
font-weight: 700
}
.basket_item .img_wrap {
display: block;
float: left;
margin: 0 15px 7px 0
}
.basket_item .remove {
position: absolute;
bottom: 0;
left: 0
}
.basket_item .price.old {
padding-right: 0
}
.basket_item .basket_short_desc {
display: block;
float: left;
position: relative;
width: 60%;
padding-bottom: 30px
}
.basket_item .basket_short_desc .price {
position: absolute;
right: 0;
top: 17px;
padding-left: 20px;
background-color: #fff
}
.basket_item .amound {
padding-bottom: 20px;
display: block
}
.basket_item hr.dotted {
position: absolute;
top: 30px;
right: 0;
left: 0;
margin: 0;
background: url(/frontend2/img/dots-small.gif) bottom left repeat-x;
height: 2px;
border: 0
}
.basket_item .small_price {
font-size: .9em
}
.basket_item .sum {
width: 100%;
text-align: right
}
.added .basket_item {
padding-bottom: 30px
}
.added .basket_item:last-of-type {
margin-bottom: 30px
}
.added .basket_item .img_wrap {
padding: 4px;
border: 1px solid #ccc
}
.subtotal_wrap {
float: left
}
.subtotal_wrap:after, .subtotal_wrap:before {
content: " ";
display: table
}
.subtotal_wrap .subtotal_bg {
float: right;
background: url(/frontend2/img/brush-217.jpg) no-repeat;
-moz-background-size: 100% 42px;
-o-background-size: 100% 42px;
-webkit-background-size: 100% 42px;
background-size: 100% 42px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
display: block;
height: 40px;
padding: 0 40px;
line-height: 42px;
font-weight: 700
}
.subtotal_wrap .subtotal_bg .title_sub {
margin-right: 20px
}
.subtotal_wrap.total {
font-size: 1.1em
}
.alert, .error, .info, .success {
margin-bottom: 15px;
padding: 6px 10px;
border-style: solid;
border-width: 1px
}
.alert .so_title, .error .so_title, .info .so_title, .success .so_title {
color: #421c29;
font: 700 1em Helvetica,Arial,sans-serif;
line-height: 26px;
padding-right: 30px
}
.category_page .categories h3, .category_page .special_offers .more_offers, .category_page h1, .delivery_form .store_finder_wrapper .find, .dl-all, .favourite_craft .store_finder_wrapper .find, .footer .footer_menu_wrapper, .footer .footer_menu_wrapper .submit, .footer .footer_menu_wrapper h3, .listing .filters-slide, .listing_menu h4, .listing_menu h5, .offers .offer h4, .offers h1 .subtitle, .offers h3 {
font-family: Helvetica,Arial,sans-serif
}
.favourite_craft, .italic {
font-style: italic
}
.delivery_form, .delivery_title, .promotion_code {
display: block;
float: none;
width: 100%
}
.delivery_form .store_finder_wrapper .store_finder_bg:after, .delivery_form .store_finder_wrapper .store_finder_bg:before, .delivery_form .store_finder_wrapper:after, .delivery_form .store_finder_wrapper:before, .favourite_craft .store_finder_wrapper .store_finder_bg:after, .favourite_craft .store_finder_wrapper .store_finder_bg:before, .favourite_craft .store_finder_wrapper:after, .favourite_craft .store_finder_wrapper:before {
display: table;
content: " "
}
.favourite_craft {
padding-bottom: 0;
margin-bottom: 5px
}
.delivery_form .delivery_price, .favourite_craft .delivery_price {
float: right;
background-color: #fff;
padding-left: 10px
}
.delivery_form .checkbox, .delivery_form .radio, .favourite_craft .checkbox, .favourite_craft .radio {
background: url(/frontend2/img/dots-small.gif) left 16px repeat-x;
padding-left: 0;
position: relative
}
.delivery_form .checkbox input[type=checkbox], .delivery_form .checkbox input[type=radio], .delivery_form .radio input[type=checkbox], .delivery_form .radio input[type=radio], .favourite_craft .checkbox input[type=checkbox], .favourite_craft .checkbox input[type=radio], .favourite_craft .radio input[type=checkbox], .favourite_craft .radio input[type=radio] {
background-color: #fff;
margin-right: 0;
margin-left: 0;
position: absolute
}
.delivery_form .checkbox > label, .delivery_form .radio > label, .favourite_craft .checkbox > label, .favourite_craft .radio > label {
background-color: #fff;
padding: 0 10px 0 20px
}
.delivery_form input[type=radio]:checked ~ .delivery_price, .favourite_craft input[type=radio]:checked ~ .delivery_price {
color: #ff4b80;
font-weight: 700
}
.delivery_form .store_finder_wrapper, .favourite_craft .store_finder_wrapper {
position: relative
}
.delivery_form .store_finder_wrapper .store_finder_bg, .favourite_craft .store_finder_wrapper .store_finder_bg {
background: 0 0
}
.delivery_form .store_finder_wrapper .finder_form_wrap, .favourite_craft .store_finder_wrapper .finder_form_wrap {
float: none;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden
}
.delivery_form .store_finder_wrapper .finder_form_wrap h4, .favourite_craft .store_finder_wrapper .finder_form_wrap h4 {
font-size: 14px;
margin: 0 0 8px
}
.delivery_form .store_finder_wrapper .finder_form_wrap .btn.current_loc, .favourite_craft .store_finder_wrapper .finder_form_wrap .btn.current_loc {
display: block;
width: 100%;
padding: 0;
text-align: center
}
.delivery_form .store_finder_wrapper .finder_form_wrap .or, .favourite_craft .store_finder_wrapper .finder_form_wrap .or {
display: block;
text-align: center;
width: 100%
}
.delivery_form .store_finder_wrapper .finder_form_wrap .search, .favourite_craft .store_finder_wrapper .finder_form_wrap .search {
position: static;
display: block;
float: left;
margin: 0;
width: 55%
}
.delivery_form .store_finder_wrapper .finder_form_wrap .btn.find, .favourite_craft .store_finder_wrapper .finder_form_wrap .btn.find {
display: block;
float: right;
font-size: 12px;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.delivery_form .store_finder_wrapper .store_finder_info, .favourite_craft .store_finder_wrapper .store_finder_info {
font-size: .85em;
line-height: 1.5;
float: left
}
.delivery_form .store_finder_wrapper .current_loc, .favourite_craft .store_finder_wrapper .current_loc {
text-transform: inherit
}
.delivery_form .store_finder_wrapper .or, .favourite_craft .store_finder_wrapper .or {
padding: 0 10px
}
.delivery_form .store_finder_wrapper .search, .favourite_craft .store_finder_wrapper .search {
padding: 0 5px
}
.delivery_form .store_finder_wrapper .find, .favourite_craft .store_finder_wrapper .find {
font-size: 1em;
margin-top: 5px
}
.delivery_form .store_finder_wrapper .read_more, .favourite_craft .store_finder_wrapper .read_more {
text-decoration: underline;
position: absolute;
bottom: 20px;
right: 20px;
line-height: 1.3;
font-size: .9em;
font-weight: 700;
margin-top: 20px
}
.delivery_form .store_finder_wrapper .read_more:hover, .favourite_craft .store_finder_wrapper .read_more:hover {
text-decoration: none
}
.delivery_form .store_finder_wrapper .result_row, .favourite_craft .store_finder_wrapper .result_row {
width: 30%;
min-height: 100px;
float: left;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
margin-top: 20px;
background: url(/frontend2/img/dots-small-horizontal.gif) top right repeat-y;
font-size: .85em;
line-height: 1.3
}
.delivery_form .store_finder_wrapper .result_row h4, .favourite_craft .store_finder_wrapper .result_row h4 {
font-size: 1.35em;
margin-top: 0
}
.delivery_form .store_finder_wrapper .result_row .distance, .favourite_craft .store_finder_wrapper .result_row .distance {
color: #ff4b80
}
.delivery_form .radio input[type=radio] {
left: 0
}
.favourite_craft {
margin-top: 20px;
border-image: url(/frontend2/img/dots-large.gif) 10 0 10 0 round;
border-top-width: 5px;
padding-top: 10px
}
.favourite_craft .accent {
text-align: left;
color: #ff4b80
}
.favourite_craft .checkbox > label {
padding-left: 0
}
.favourite_craft .checkbox input[type=checkbox] {
right: 0;
top: 3px
}
.singup_newsletter {
margin-top: 20px
}
.singup_newsletter .checkbox {
padding-right: 30px
}
.errorMessage {
display: none;
font-size: 12px
}
.expander_wrap {
margin: 10px 0;
padding: 0 10px
}
.promotion_code {
position: relative
}
.promotion_code:after, .promotion_code:before {
content: " ";
display: table
}
.promotion_code .show_on_applied, .promotion_code .show_on_open {
position: absolute;
overflow: hidden;
padding: 5px 10px 10px;
height: 0;
max-height: 0;
-moz-transition: max-height 1s;
-o-transition: max-height 1s;
-webkit-transition: max-height 1s;
transition: max-height 1s;
text-align: left
}
.promotion_code .expander {
opacity: 1
}
.promotion_code.open {
overflow: hidden
}
.promotion_code.open .expander_wrap {
height: auto
}
.promotion_code.open .expander {
opacity: 1;
margin: 0
}
.promotion_code.open .show_on_open {
margin: 0;
position: static;
height: auto;
max-height: inherit
}
.promotion_code.applied .hide_on_applied {
display: none
}
.promotion_code.applied .show_on_applied {
height: auto;
max-height: inherit;
padding: 5px 10px 0;
opacity: 1;
position: static
}
.promotion_code .promotion_quest {
float: none;
margin: 0
}
.promotion_code .expander_wrap {
width: 100%;
margin-bottom: 0;
padding: 0 10px;
text-align: right;
border-bottom: 1px solid #cbcbcb;
overflow: hidden
}
.promotion_code .expander_wrap h3 {
line-height: 41px
}
.promotion_code .prom_code_added > label {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1em;
font-weight: 400;
text-align: right
}
.promotion_code .prom_code_added > label span {
font-weight: 700;
color: #428a1c
}
.promotion_code .prom_code_added p.submit {
display: block;
margin: 5px 0 0;
padding: 0;
color: inherit;
font-size: 12px;
line-height: 1em;
text-align: right;
text-transform: none;
text-decoration: underline;
background-color: inherit;
cursor: pointer
}
.category_page .category_menu li a, .category_page .category_menu li a:hover, .category_page .special_offers .more_offers a, .category_page .special_offers .more_offers a:hover {
text-decoration: none;
color: #421c29
}
.promotion_code .add_prom_code .submit {
text-transform: uppercase;
padding-left: 10px;
float: none;
margin: 12px 2px 8px 0
}
.promotion_code .add_prom_code .submit:hover {
color: #000
}
.promotion_code .add_prom_code .textField {
height: 28px;
line-height: 28px
}
.promotion_code .show_on_open {
display: none
}
.promotion_code.open .pomcode_wrap.add_prom_code {
display: block
}
.promotion_code.open .promotion_quest .btn .new .full-screen-size {
height: 2em
}
.promotion_code.open .show_on_open {
display: block;
border-bottom: 1px solid #cbcbcb
}
.promotion_code.applied .pomcode_wrap.add_prom_code {
display: none
}
.promotion_code.applied .prom_code_added {
display: block
}
.promotion_code.error_state .errorMessage {
display: inline-block;
padding: 0 0 0 15px;
background: url(/frontend2/img/icons/inputfield-error.png) left center no-repeat
}
.gift_card .show_on_open {
display: none;
margin: 0
}
.gift_card.open .gift_card_wrap, .gift_card.open .show_on_open {
display: block
}
.gift_card.applied .gift_card_wrap, .gift_card.open .show_on_applied {
display: none
}
.gift_card.applied .show_on_applied {
display: block
}
.gift_card.applied .show_on_applied label {
display: block;
width: 100%;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1em;
font-weight: 400;
text-align: right
}
.gift_card.applied .show_on_applied label span {
font-weight: 700;
color: #428a1c
}
.gift_card.error_state .description {
display: none
}
.gift_card.error_state .errorMessage {
display: inline-block
}
.error_state input.textField {
width: 100%;
height: 100%;
background: url(/frontend2/img/icons/inputfield-error.png) 98% center no-repeat;
border: 1px solid red
}
.error_state .errorMessage {
display: none;
color: red
}
.category_page h1 {
font-size: 1.35em
}
.category_page .listing_menu h1.facetedSearch, .category_page h1.heading_underline, .listing_menu .category_page h1.facetedSearch {
border-image-width: 5px;
padding-bottom: 5px
}
.category_page .category_menu li {
padding: 0 0 5px;
margin: 8px 0;
background: url(/frontend2/img/dots-small.gif) left bottom repeat-x
}
.category_page .category_menu li .ul-bullet {
float: left;
margin-top: 3px;
margin-right: 5px;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5119px;
background-repeat: no-repeat;
height: 10px;
width: 11px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.category_page .category_menu li .ul-bullet {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4446px;
height: 10px;
width: 11px
}
}
.category_page .category_menu .submenu {
padding: 10px 0
}
.category_page .category_menu .submenu li {
background: 0 0;
padding: 0 0 0 30px;
font-size: .95em
}
.category_page .special_offers {
text-align: center
}
.category_page .special_offers:after, .category_page .special_offers:before {
content: " ";
display: table
}
.category_page .special_offers p {
font-weight: 700;
line-height: 1;
font-size: .9em;
min-height: 26px
}
.category_page .special_offers .higher_img {
margin-bottom: -10px
}
.category_page .special_offers .more_offers {
float: left;
line-height: 42px;
margin-bottom: 20px;
text-align: center;
text-transform: none;
font-size: 2em
}
.category_page .special_offers .more_offers .arrow {
padding-left: 15px;
font-size: 1.2em
}
.category_page .categories {
position: relative;
display: block;
float: left;
width: 100%
}
.category_page .categories h3 {
position: relative;
z-index: 99999;
min-height: 30px;
margin-bottom: 20px;
font-size: 1.3em
}
.category_page .categories h3 .heading_text {
background-color: #fff;
padding-right: 3px;
position: absolute;
z-index: 9999
}
.category_page .categories .sep_line {
position: absolute;
top: 15px;
left: 0;
right: 0;
z-index: 1;
background: url(/frontend2/img/subsection-bg.gif) repeat-x;
height: 3px
}
.category_page .categories .row {
margin-left: -10px;
margin-right: -10px
}
.category_page .categories .category {
padding: 0 10px 10px;
min-height: 220px
}
.category_page .categories .category img {
width: 100%
}
.category_page .categories .category a, .category_page .categories .category a:hover {
color: #421c29
}
.category_page .categories .cat_header {
padding: 5px;
background: url(/frontend2/img/dots-small.gif) bottom repeat-x #e5e5e5;
max-height: 52px;
display: block;
overflow: hidden;
font-size: .9em;
font-weight: 700
}
.category_page .infobox {
margin: 25px 0 15px
}
.category_page .infobox:after, .category_page .infobox:before {
content: " ";
display: table
}
.category_page .infobox .text_wrapper {
width: 65%;
height: 150px;
line-height: 1.5;
padding: 15px;
overflow: hidden;
float: left;
font-size: 14px;
-moz-background-size: 100% 150px;
-o-background-size: 100% 150px;
-webkit-background-size: 100% 150px;
background-size: 100% 150px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc)
}
.category_page .infobox .text_wrapper.no_image {
width: 100%;
height: auto
}
.category_page .infobox .img_wrapper {
width: 35%;
float: left;
overflow: hidden
}
.category_page .infobox .img_wrapper img {
width: 300px;
max-width: none;
height: 150px
}
.product-image-holder {
border-image: none;
border: 0;
padding: 0;
margin: 0 auto;
float: none;
}
@media (min-width:768px) and (max-width:991px) {
.header .searchbox .search .submit {
width: 14%
}
}
@media screen and (max-width:767px) {
.header .searchbox .search .submit {
width: 15.5%
}
}
#crumbTrail ul, .no-decoration {
list-style: none
}
.left-pnl .whitebox-greybord ul li, .login .whitebox-greybord ul li, .my_account .whitebox-greybord ul li {
padding-left: 0;
list-style: none
}
.add_to_basket.added .other_products, .add_to_basket.basketpage .other_products, .page-container .other_products {
float: right;
width: 100%;
margin-top: 0;
padding-top: 0
}
.deliveryAddressContainer.open, .footer_checkout .footerNav, .listing .filters-wrap:after, .listing .price_wrap:after, .listing:after {
clear: both
}
/*html.only-filters .breadcrumbs, html.only-filters .breadcrumbs-mobile, html.only-filters .footer, html.only-filters .header, html.only-filters .listing-content {
display: none !important
}*/
.listing:after, .listing:before {
content: " ";
display: table
}
.listing a, .listing a:hover {
color: #222
}
/*.listing .breadcrumbs a:hover {
text-decoration: underline
}*/
.listing :focus, .listing a:focus, .listing div:focus, .listing input:focus, .listing span:focus {
outline: 0
}
.listing h1, .listing h1 a, .listing h1 a:hover, .listing h2, .listing h2 a, .listing h2 a:hover, .listing h3, .listing h3 a, .listing h3 a:hover, .listing h4, .listing h4 a, .listing h4 a:hover {
color: #222
}
.listing .col-xs-12 {
float: left;
color: #222
}
.listing .filters-slide {
line-height: 28px;
height: 28px;
background-color: #541f33;
-moz-box-shadow: 1px -1px 1px 1px #d1d1d1;
-webkit-box-shadow: 1px -1px 1px 1px #d1d1d1;
box-shadow: 1px -1px 1px 1px #d1d1d1;
font-size: 1em
}
@media screen and (min-width:992px) {
.listing .slide-content {
margin-left: 15px;
width: 862px
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.listing .slide-content {
width: 712px
}
.listing .listing-content .list_element {
min-height: 450px
}
.listing .listing-content .list_element:nth-of-type(3) {
border-right: 1px solid #ccc
}
.listing .listing-content .list_element:nth-of-type(4n) {
border-right: 0
}
.listing .listing-content .list_element .el_wrap {
min-height: 320px
}
.listing .listing-content .list_element .promot_info_btn {
padding: 0
}
}
.listing .listing_menu_wrap {
padding: 0 15px;
margin-top: 0;
background-image: none
}
.listing .filters-wrap, .listing .listing-content, .listing .listing_menu {
border: 1px solid #d1d1d1;
background: #fff;
padding: 10px
}
.listing .filters-wrap, .listing .listing_menu {
margin-bottom: 20px
}
.listing .filters-wrap {
display: none;
position: relative
}
.listing .filters-wrap:after, .listing .filters-wrap:before {
content: " ";
display: table
}
.listing .filters-wrap h4 {
padding-bottom: 10px;
border-bottom: 1px solid #7a5f68;
margin-top: 10px;
font-weight: 700
}
.listing .filters-wrap h5 {
font-weight: 700;
float: left;
width: 100%
}
.listing .filters-wrap .clear-all {
position: absolute;
top: 15px;
right: 10px;
cursor: pointer;
padding: 0 10px;
background: #fbfaf8;
border: 1px solid #d2d2d2
}
.listing .filters-wrap .filters-list {
margin-bottom: 0
}
.listing .filters-wrap .filters-list li {
display: inline-block;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background: #fbfaf8;
padding: 0 30px 0 10px;
border: 1px solid #d2d2d2;
line-height: 27px;
position: relative
}
.listing .filters-wrap .filters-list li.no-border {
border: 0;
background-color: transparent;
padding: 0
}
.listing .filters-wrap .filters-list li .clear-all {
background-image: none;
width: auto;
line-height: 27px;
color: #222;
position: initial;
margin: 0;
height: 30px
}
.listing .filters-wrap .filters-list a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -709px;
background-repeat: no-repeat;
height: 13px;
width: 12px;
display: block;
float: right;
margin-top: 7px;
margin-left: 7px;
color: transparent;
line-height: 1;
top: 0;
right: 9px;
position: absolute
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .filters-wrap .filters-list a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -589px;
height: 13px;
width: 12px
}
}
.listing .filter-checked .filters-wrap {
display: block
}
@media screen and (max-width:767px) {
.listing .slide-side-menu .filters-wrap.active-filters {
display: none !important
}
}
.listing .listing_menu .checked h4::before {
content: '';
display: block;
float: left;
margin-right: 10px;
margin-top: 2px;
width: 10px;
height: 10px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
background-color: #ff4b80
}
.listing .listing_menu .checked.open h4::before {
display: none
}
.listing .listing_menu {
margin-right: 0;
padding: 10px 10px 0;
width: 100%
}
.listing .listing_menu h3 {
font-weight: 700;
font-size: 1.75em
}
.listing .listing_menu h4 {
font-weight: 400;
font-size: 1.25em;
padding-right: 0
}
.listing .listing_menu a:focus {
color: #222
}
.listing .listing_menu .close_btn {
background: url(/frontend2/img/icons-sf81648885b.png) 0 -683px no-repeat #fff;
color: transparent;
border: 0;
height: 16px;
width: 16px;
display: block;
float: left;
padding: 0;
right: 20px;
top: 20px;
min-width: 16px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .listing_menu .close_btn {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -568px;
height: 16px;
width: 16px
}
}
.listing .facetedSearch .show-less, .listing .show-more {
margin: 10px auto 0;
border: 1px solid #d1d1d1;
padding: 5px 0;
width: 40%;
min-width: 100px;
position: initial;
text-align: center
}
.listing .facetedSearch .show-less.toggle, .listing .show-more.toggle {
text-decoration: none
}
.listing .facetedSearch .show-less:hover, .listing .show-more:hover {
background-color: #f4f3f4
}
.listing .listing_menu .facetedSearch .show-less, .listing .listing_menu .facetedSearch .show-more {
background-color: #fbfaf8
}
.listing .listing_menu .facetedSearch .show-less:hover, .listing .listing_menu .facetedSearch .show-more:hover {
background-color: #fff
}
.listing .facetedSearch .show-less {
display: none
}
.listing .filter-checked .product-nr-btn {
display: block
}
.listing .product-nr-btn {
font-weight: 700;
display: none;
margin: 0 auto;
background-color: #ff4b80;
width: 290px;
height: 60px;
line-height: 60px;
max-height: 75%;
max-width: 100%;
padding: 0 20px
}
.listing .sidebar-ad-wrap {
margin-top: 20px;
margin-bottom: 20px
}
.listing .sidebar-ad-wrap img {
margin: 0 auto;
float: none;
display: block
}
@media screen and (min-width:0\0) {
.listing .sort_wrapper .sort {
position: relative;
display: inline-block;
border: 1px solid #ccc;
border-radius: 2px;
z-index: 0
}
.listing .sort_wrapper .sort select {
z-index: 1;
border: 0 !important
}
}
.listing .sort_wrapper .sort #sortBySelect {
-moz-appearance: none;
-webkit-appearance: none;
background: url(/frontend2/img/icons/black_arrow_down.png) 96% 10px no-repeat;
width: 100%;
cursor: pointer;
float: left;
font-size: 1.1em;
height: 30px;
line-height: 29px;
padding-top: 0;
padding-bottom: 0
}
.listing .stars {
display: block;
float: left;
color: transparent;
margin-right: 10px;
margin-top: 1px
}
.listing .stars.onestars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4402px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.onestars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3832px;
height: 14px;
width: 87px
}
}
.listing .stars.onehalfstars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4426px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.onehalfstars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3851px;
height: 14px;
width: 87px
}
}
.listing .stars.twostars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4498px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.twostars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3908px;
height: 14px;
width: 87px
}
}
.listing .stars.twohalfstars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4522px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.twohalfstars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3927px;
height: 14px;
width: 87px
}
}
.listing .stars.threestars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4450px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.threestars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3870px;
height: 14px;
width: 87px
}
}
.listing .stars.threehalfstars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4474px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.threehalfstars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3889px;
height: 14px;
width: 87px
}
}
.listing .stars.fourstars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4354px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.fourstars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3794px;
height: 14px;
width: 87px
}
}
.listing .stars.fourhalfstars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4378px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.fourhalfstars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3813px;
height: 14px;
width: 87px
}
}
.listing .stars.fivestars {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -4330px;
background-repeat: no-repeat;
height: 14px;
width: 87px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .stars.fivestars {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -3775px;
height: 14px;
width: 87px
}
}
.listing .stars.none {
color: #9b9b9b;
font-size: .85em
}
.listing .line_wrapper {
float: left;
position: relative
}
.listing .line_wrapper.with_wool {
padding-top: 25px;
padding-bottom: 25px
}
.listing .line_wrapper .wool {
position: absolute;
right: 0;
top: 0;
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5385px;
background-repeat: no-repeat;
height: 75px;
width: 73px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .line_wrapper .wool {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4682px;
height: 75px;
width: 73px
}
}
.listing .list_element {
padding-bottom: 30px;
line-height: 1.2em
}
.listing .list_element a, .listing .list_element a:hover {
text-decoration: none
}
.listing .list_element .productName {
font-size: .93em;
height: 60px;
display: block;
overflow: hidden;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
font-weight: 400;
color: #222
}
.listing .list_element .el_wrap {
position: relative;
display: block;
padding-bottom: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
.listing .list_element img {
display: block;
margin: 0 auto;
max-height: 170px;
max-width: 100%;
padding-bottom: 5px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.listing .list_element .btn {
border: 1px solid #989c8e;
background: #99D20B;
height: 40px;
line-height: 40px;
margin-top: 45px;
font-weight: 700
}
.listing .list_element .btn.buy-now-button:hover {
background-color: #8ecc0f
}
.listing .list_element .btn.buy-now-button:focus {
color: #fff
}
.listing .list_element .btn.out-of-stock-btn {
background-color: #c5c5c5;
border-color: #bbb
}
.listing .list_element .btn.out-of-stock-btn:hover {
background-color: #c1c1c1
}
.listing .list_element .btn-wrap:focus, .listing .list_element .buy-now-button:focus, .listing .list_element .promot_info_btn.btn:focus {
outline: 0
}
.listing .list_element .bazaarvoice_rating {
margin-bottom: 10px
}
.listing .list_element .in_stock, .listing .list_element .low_stock, .listing .list_element .not-yet, .listing .list_element .out_of_stock {
color: #2EBF2E;
width: 100%;
font-size: .85em;
font-weight: 400;
margin-bottom: 10px
}
.listing .list_element .not-yet, .listing .list_element .out_of_stock {
color: #9b9b9b
}
.listing .list_element .low_stock {
color: #ffa405
}
.listing .list_element .only_x_instock {
color: #C09853
}
.listing .list_element .offer {
position: absolute;
top: -10px;
left: -10px;
padding: 10px 15px;
background: #f84831;
min-height: 30px;
line-height: 1.3;
color: #fff;
font-size: .85em;
min-width: 70px;
text-align: left
}
.listing .list_element .offer.new, .single_product .offer.new {
background: #b8b8b8;
text-transform: uppercase
}
.single_product .offer.new.left {
position: absolute;
top: 0;
left: 0;
right: unset
}
.listing .list_element .offer .offerImage {
display: block;
font-weight: 700
}
.listing .btn-wrap {
display: block;
position: absolute;
left: 10px;
right: 10px;
bottom: 5px
}
.listing .btn-wrap .promot_info_btn {
position: absolute;
top: -45px;
left: 0
}
.listing .promot_info_btn.btn {
width: 100%;
text-align: center;
border: 1px solid;
height: 30px;
line-height: 30px;
color: #d61f35;
background: #fff;
font-size: .9em
}
.listing .promot_info_btn.btn:hover {
color: #b00015
}
.listing .price_wrap {
width: 100%
}
.listing .price_wrap:after, .listing .price_wrap:before {
content: " ";
display: table
}
.listing .price {
font-weight: 700;
font-size: 1.3em;
color: #222;
margin-right: 10px
}
.listing .price, .listing .was_price {
display: block;
float: left;
margin-bottom: 5px;
margin-top: 5px
}
.listing .was_price {
font-size: .85em;
font-weight: 400;
color: #9B9B9B
}
.listing .listing-content {
padding: 0 10px;
color: #222
}
.listing .listing-content .row{
margin-left: -10px;
margin-right: -10px
}
.listing .listing-content .col-md-3, .listing .listing-content .col-md-6, .listing .listing-content .col-sm-4, .listing .listing-content .col-xs-12, .listing .listing-content .col-xs-6 {
padding: 0 10px
}
.listing .listing-content h1 {
margin-top: 10px;
font-weight: 700;
font-size: 1.6em
}
.listing .listing-content .infobox {
margin-top: 0
}
.listing .listing-content .infobox .text_wrapper {
padding: 0 15px 0 0;
font-size: .95em;
line-height: 1.7
}
.listing .listing-content .listing-content {
border: 0
}
.listing .listing-content .sort_wrapper {
background: 0 0;
padding-top: 10px;
padding-left: 10px
}
.listing .listing-content .sort_wrapper fieldset {
background: 0 0;
float: left
}
@media screen and (max-width:767px) {
.listing .listing-content .sort_wrapper #sortBySelect, .listing .listing-content .sort_wrapper fieldset {
width: 100%
}
.listing .listing-content .sort_wrapper #sortBySelect {
background-position: 99% 10px
}
}
.listing .listing-content .refineby_wrap .filters-slide {
width: 100%;
padding-left: 10px;
padding-right: 0;
text-align: left;
background: #efeee3;
color: #222;
font-size: .85em;
height: 30px;
border: 1px solid
}
.listing .listing-content .refineby_wrap .filters-slide .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -334px;
background-repeat: no-repeat;
height: 14px;
width: 8px;
display: block;
float: right;
margin: 7px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.listing .listing-content .refineby_wrap .filters-slide .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -274px;
height: 14px;
width: 8px
}
}
.listing .listing-content .filters-wrap {
border: 0
}
.listing .listing-content .list_element {
border-right: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
margin-right: 0;
margin-bottom: -1px;
padding-top: 10px;
min-height: 455px
}
.listing .listing-content .list_element:nth-of-type(1), .listing .listing-content .list_element:nth-of-type(2) {
border-top: 0
}
@media screen and (min-width:571px) and (max-width:767px) {
.listing .listing-content .list_element:nth-of-type(3) {
border-top: 0
}
.listing .listing-content .list_element:nth-of-type(3n) {
border-right: 0
}
}
@media (min-width:992px) {
.listing .listing-content .col-md-3 {
width: 25%
}
.listing .listing-content .list_element:nth-of-type(3) {
border-top: 0
}
.listing .listing-content .list_element:nth-of-type(4) {
border-top: 0;
border-right: 0
}
}
.listing .pagination .view-all {
padding-right: 30px;
vertical-align: top;
line-height: 25px
}
.listing .pagination .next, .listing .pagination .previous {
line-height: 23px;
width: 25px;
text-decoration: none;
border: 1px solid #e4e4e4;
font-size: 1.5em;
vertical-align: top
}
.listing .pagination .pagin-tablet {
text-transform: uppercase;
margin: 0 10px;
line-height: 28px
}
.listing .listing-content .pagination_wrapper {
padding-top: 5px;
padding-bottom: 5px
}
.listing .listing-content .pagination_wrapper + .col-xs-12 {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4
}
.listing .listing-content .pagination_wrapper .items-number_wrapper {
line-height: 37px
}
.listing .listing-content .pagination_wrapper .items-number_wrapper span {
float: right;
margin-left: 5px
}
.listing .listing-content .filters-wrap + .pagination_wrapper {
padding-top: 10px
}
.listing .pagination_wrapper .pagination {
padding-top: 5px
}
.listing .pagination_wrapper .pagination ul {
line-height: 23px;
height: 23px;
padding: 0 7px;
vertical-align: top
}
.listing .pagination_wrapper .pagination ul li {
background: 0 0;
margin-right: 5px;
display: block;
float: left;
height: 25px;
width: 25px
}
.listing .pagination_wrapper .pagination ul li.active {
background-image: none;
background-color: #f4f3f4;
border: 1px solid #e4e4e4;
height: 25px;
vertical-align: top;
padding-top: 0
}
.listing .pagination_wrapper .pagination ul li.active a {
margin-top: 0;
line-height: 23px;
height: 100%;
vertical-align: top
}
.listing .pagination_wrapper .pagination ul li:last-of-type {
margin-right: 3px
}
.listing .pagination_wrapper .pagination ul li a {
line-height: 25px;
text-decoration: none
}
.listing .pagination_wrapper .pagination ul li a:hover, {
text-decoration: underline
}
.listing .price_wrap .was_price {
line-height: 1.5
}
.listing .listing_menu h4 {
font-weight: 700
}
.listing .btn-wrap {
position: relative;
left: 0;
top: 0;
height: 100px
}
.listing .btn-wrap .promot_info_btn.btn {
position: absolute;
margin-top: 0;
margin-bottom: 0;
bottom: 60px;
top: auto;
padding: 7px 5px;
height: auto;
max-height: 46px;
line-height: 1.2;
white-space: pre-line
}
.listing .btn-wrap .buy-now-button.btn, .listing .btn-wrap .out-of-stock-btn.btn {
position: absolute;
bottom: 0
}
.listing .list_element .el_wrap {
min-height: 340px
}
.facetedSearch.contracted .checkboxes {
max-height: 10em;
overflow: hidden
}
.facetedSearch.contracted .show-more {
display: inline-block
}
.facetedSearch.contracted .show-less {
display: none
}
.facetedSearch .colors-list .color_box {
display: block;
float: left;
padding: 1px;
border: 1px solid #9b9b9b;
margin-right: 10px;
margin-left: 10px;
margin-top: 2px;
background: #fff
}
.facetedSearch .colors-list .color_box .color {
width: 22px;
height: 22px;
display: block
}
.facetedSearch .red .color {
background-color: red
}
.facetedSearch .blue .color {
background-color: #4a90e2
}
.facetedSearch .green .color {
background-color: #417505
}
.facetedSearch .multi .color {
background-color: #4f4693;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF4F4693', endColorstr='#FFB877D1');
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNDY5MyIvPjxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjYWRiNjMzIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmI2NjgiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzgyOTVhZiIvPjxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjODI5NWFmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjg3N2QxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,#4f4693),color-stop(12%,#adb633),color-stop(40%,#66b668),color-stop(60%,#8295af),color-stop(82%,#8295af),color-stop(100%,#b877d1));
background-image: -moz-linear-gradient(left top,#4f4693 0,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%);
background-image: -webkit-linear-gradient(left top,#4f4693 0,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%);
background-image: linear-gradient(to right bottom,#4f4693 0,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%)
}
.facetedSearch .multi2 .color {
background-color: #3228b1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3228B1', endColorstr='#FFADE75E');
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMjhiMSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjNTZhMmY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRlNzVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#3228b1),color-stop(55%,#56a2f9),color-stop(100%,#ade75e));
background-image: -moz-linear-gradient(left,#3228b1 0,#56a2f9 55%,#ade75e 100%);
background-image: -webkit-linear-gradient(left,#3228b1 0,#56a2f9 55%,#ade75e 100%);
background-image: linear-gradient(to right,#3228b1 0,#56a2f9 55%,#ade75e 100%)
}
.facetedSearch .multi3 .color {
background-color: #3726b0;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3726B0', endColorstr='#FFC16AD5');
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MjZiMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzU0NWMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzE2YWQ1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(0,#3726b0),color-stop(50%,#7545c1),color-stop(100%,#c16ad5));
background-image: -moz-linear-gradient(left top,#3726b0 0,#7545c1 50%,#c16ad5 100%);
background-image: -webkit-linear-gradient(left top,#3726b0 0,#7545c1 50%,#c16ad5 100%);
background-image: linear-gradient(to right bottom,#3726b0 0,#7545c1 50%,#c16ad5 100%)
}
.facetedSearch .cream .color {
background-color: #fef2bc
}
.facetedSearch .yellow .color {
background-color: #f8e71c
}
.facetedSearch .white .color {
background-color: #fff
}
.facetedSearch .violet .color {
background-color: #bd10e0
}
.facetedSearch .black .color {
background-color: #000
}
.facetedSearch .green-l .color {
background-color: #7ed321
}
.facetedSearch .brown .color {
background-color: #8b572a
}
.facetedSearch .turquoise .color {
background-color: #50e3c2
}
.facetedSearch .lilac .color {
background-color: #8e8bc2
}
.facetedSearch .orange .color {
background-color: #fad760;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAD760', endColorstr='#FFF76E1E');
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZDc2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3NmUxZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#fad760),color-stop(100%,#f76e1e));
background-image: -moz-linear-gradient(top,#fad760 1%,#f76e1e 100%);
background-image: -webkit-linear-gradient(top,#fad760 1%,#f76e1e 100%);
background-image: linear-gradient(to bottom,#fad760 1%,#f76e1e 100%)
}
.facetedSearch .red-gr .color {
background-color: #f34f5e;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF34F5E', endColorstr='#FFA1061D');
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzNGY1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExMDYxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#f34f5e),color-stop(100%,#a1061d));
background-image: -moz-linear-gradient(top,#f34f5e 0,#a1061d 100%);
background-image: -webkit-linear-gradient(top,#f34f5e 0,#a1061d 100%);
background-image: linear-gradient(to bottom,#f34f5e 0,#a1061d 100%)
}
.facetedSearch .navyblue .color {
background-color: #4763b5
}
.facetedSearch .gris .color {
background-color: #9b9b9b
}
.facetedSearch .olive .color {
background-color: #b4b409
}
.facetedSearch .show-more {
display: none
}
.facetedSearch .show-less {
display: inline-block
}
.price.old, .site .products_list .product .price.old, .was_price {
color: #9B9B9B;
font-size: 14px;
font-weight: 400;
padding-right: 10px
}
.listing_menu {
font-size: .85em;
width: 160px;
padding-left: 15px
}
.listing_menu h3 {
padding-bottom: 20px;
border-bottom: 1px solid #7a5f68;
margin-bottom: 0;
margin-top: 10px
}
.listing_menu h4, .listing_menu h5 {
font-weight: 700
}
.listing_menu h4 {
cursor: pointer;
z-index: 9999;
margin: 0;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #f5f5f5
}
.listing_menu h5 {
font-size: 12px
}
.listing_menu .checkboxes {
margin-top: 0;
display: none
}
.listing_menu .facetedSearch .checkboxes {
margin-left: -10px;
margin-right: -10px;
padding: 0;
margin-top: 0
}
.listing_menu .facetedSearch .checkboxes li {
margin: 10px 0
}
@media screen and (min-width:768px) {
.listing_menu .facetedSearch .checkboxes li:hover {
background-color: #ff4b80
}
.listing_menu .facetedSearch .checkboxes li:hover a, .listing_menu .facetedSearch .checkboxes li:hover label {
color: #fff
}
}
.listing_menu .facetedSearch .checkboxes li a, .listing_menu .facetedSearch .checkboxes li label {
padding: 8px 20px 8px 40px;
font-size: 13px;
line-height: 13px;
display: block
}
.listing_menu .facetedSearch .checkboxes li.checked {
border-left: 10px solid #ff4b80;
background: #efeee3;
height: 30px
}
.listing_menu .facetedSearch .checkboxes li.checked:hover {
background-color: #efeee3
}
.listing_menu .facetedSearch .checkboxes li.checked:hover a, .listing_menu .facetedSearch .checkboxes li.checked:hover label {
color: #222
}
.listing_menu .facetedSearch .checkboxes li.checked label {
padding-left: 30px
}
.listing_menu .facetedSearch .checkboxes li.checked input[type=checkbox] {
margin-left: 5px
}
.listing_menu .facetedSearch .checkboxes input[type=checkbox] {
margin-left: 15px;
margin-right: 10px;
margin-top: 7px;
width: 14px;
height: 14px;
position: relative
}
.listing_menu .facetedSearch .checkboxes input[type=checkbox]::before {
content: '';
cursor: pointer;
position: absolute;
width: 15px;
height: 15px;
top: -1px;
left: -1px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
border: 1px solid #ccc
}
.listing_menu .facetedSearch .checkboxes input[type=checkbox]::after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: 0 0;
top: 3px;
left: 2px;
border: 2px solid #333;
border-top: none;
border-right: none;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.listing_menu .facetedSearch .checkboxes input[type=checkbox]:checked:after {
opacity: 1
}
.listing_menu .facetedSearch .checkboxes.colors-list li.checked {
border-left-width: 9px
}
.listing_menu .facetedSearch .checkboxes.colors-list li.checked .color_box {
margin-left: 1px
}
.listing_menu .facetedSearch .checkboxes.colors-list .color_box {
z-index: 0;
display: block;
position: relative
}
.listing_menu .facetedSearch .checkboxes.colors-list li a {
position: relative
}
.listing_menu .facetedSearch .show-more {
display: none
}
.listing_menu .facetedSearch.open .checkboxes, .listing_menu .facetedSearch.open.contracted .show-more {
display: block
}
.listing_menu .checkbox {
margin: 0;
padding-left: 9px;
line-height: 1.7;
font-size: 14px
}
.listing_menu .checkbox a {
text-decoration: none
}
.listing_menu .checkbox input[type=checkbox] {
margin-left: -9px
}
.listing_menu .toggle {
text-decoration: underline;
font-weight: 700;
font-size: 12px
}
.listing_menu .toggle:hover {
text-decoration: none
}
.listing_menu .facetedSearch {
border-image-width: 5px;
position: relative;
border-image: none;
padding: 0
}
.listing_menu .facetedSearch.contracted .checkboxes {
max-height: 17em
}
.listing_menu .facetedSearch:last-of-type .show-less, .listing_menu .facetedSearch:last-of-type .show-more {
margin-bottom: 10px
}
.listing_menu .facetedSearch:last-of-type h4 {
border: none
}
.listing_menu .facetedSearch.open:last-of-type h4 {
border-bottom: 1px solid #f5f5f5
}
.listing_menu .return_links_wrapper {
padding-top: 10px;
padding-bottom: 20px
}
.listing_menu .return_links_wrapper .link_wrap {
width: 100%;
display: block
}
.listing_menu .dropdown_arrow_dark {
float: right;
margin-top: 5px;
margin-right: 0;
border: 0;
z-index: 0;
outline: 0;
background: url(/frontend2/img/svg/icon-arrow-down.svg) no-repeat;
width: 13px;
height: 9px
}
.listing_menu .dropdown_arrow_dark {
padding: 0;
right: 0
}
@media screen and (max-width:767px) {
.listing .listing_menu .dropdown_arrow_dark {
margin-right: 0
}
}
.offers {
margin-bottom: 40px
}
.offers h1 {
text-align: center
}
.offers h3 {
margin-bottom: 30px;
font-size: 1.15em
}
.offers .offerlist {
padding-bottom: 20px;
border-bottom: 2px dashed #c3937f
}
.offers .offerlist.last-child {
border: 0
}
.offers .offer {
font-size: .85em;
width: 45%;
float: left;
min-height: 180px
}
.offers .offer:nth-child(2n) {
float: right
}
.offers .offer img {
float: left;
padding: 0 15px 15px 0
}
.offers .offer h4 {
margin-top: 0;
font-size: 1.3em
}
.offers .offer p {
line-height: 1.3em
}
.offers .offer a.btn {
float: right;
font-size: 1em;
font-weight: 700;
height: 28px;
line-height: 28px;
min-width: 160px
}
.sort_wrapper .sort {
float: left;
background: url(/frontend2/img/sort-bg.jpg) center center no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
margin: 0;
font-size: .8em
}
.sort_wrapper .sort label {
font-weight: 400;
margin-bottom: 0;
margin-top: 3px
}
.sort_wrapper .sort #sortBySelect {
padding: 3px 5px;
float: right;
margin-right: 30PX;
border: 1px solid #ccc
}
.sort_wrapper .sort #sortBySelect option {
border-right: 1px solid #ccc
}
.pagination_wrapper {
float: left;
line-height: 2.7em;
font-size: .85em
}
.pagination_wrapper .items-number_wrapper {
display: inline-block;
float: left;
line-height: 35px
}
.pagination_wrapper .pagination {
text-align: right;
float: right;
margin: 0
}
.pagination_wrapper .pagination .show-per-page, .pagination_wrapper .pagination li, .pagination_wrapper .pagination span, .pagination_wrapper .pagination ul {
display: inline-block;
margin: 0
}
.credit_cards .mastercard.new, .credit_cards .verisign.new, .credit_cards .visa.new {
background-repeat: no-repeat;
margin-right: 10px
}
.pagination_wrapper .pagination a {
text-decoration: underline;
line-height: 35px;
text-align: center;
display: inline-block
}
.footer a, .pagination_wrapper .pagination a:hover {
text-decoration: none
}
.pagination_wrapper .pagination li a {
min-width: 20px;
text-align: center
}
.pagination_wrapper .pagination li.active {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3111px;
background-repeat: no-repeat;
height: 22px;
width: 25px;
padding-top: 4px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.pagination_wrapper .pagination li.active {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2725px;
height: 22px;
width: 25px
}
}
.pagination_wrapper .pagination li.active a {
text-decoration: none;
font-weight: 700;
width: 100%;
margin-top: -10px
}
.slide-side-menu {
padding: 0;
-moz-transition: max-width 1s;
-o-transition: max-width 1s;
-webkit-transition: max-width 1s;
transition: max-width 1s;
margin-top: 50px;
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iI2Q3ZDdkNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,rgba(0,0,0,0)),color-stop(91%,rgba(215,215,215,0)),color-stop(100%,rgba(236,236,236,.65)));
background-image: -moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(215,215,215,0) 91%,rgba(236,236,236,.65) 100%);
background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(215,215,215,0) 91%,rgba(236,236,236,.65) 100%);
background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(215,215,215,0) 91%,rgba(236,236,236,.65) 100%)
}
.slide-content {
-moz-transition: margin-left 1s;
-o-transition: margin-left 1s;
-webkit-transition: margin-left 1s;
transition: margin-left 1s;
background-color: #fff
}
.credit_cards {
text-align: right
}
.credit_cards .paypal {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3181px;
background-repeat: no-repeat;
height: 36px;
width: 58px
}
.credit_cards .amazon {
background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/amazonservices/payments/website/White-M._V526156459_.png);
height: 36px;
width: 58px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .paypal {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2785px;
height: 36px;
width: 58px
}
}
.credit_cards .paypal.new {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3265px;
background-repeat: no-repeat;
height: 34px;
width: 61px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .paypal.new {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2859px;
height: 34px;
width: 61px
}
}
.credit_cards .visa {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5295px;
background-repeat: no-repeat;
height: 36px;
width: 58px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .visa {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4602px;
height: 36px;
width: 58px
}
}
.credit_cards .visa.new {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5341px;
height: 34px;
width: 57px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .visa.new {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4643px;
height: 34px;
width: 57px
}
}
.credit_cards .mastercard {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2760px;
background-repeat: no-repeat;
height: 36px;
width: 59px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .mastercard {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2410px;
height: 36px;
width: 59px
}
}
.credit_cards .mastercard.new {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2806px;
height: 34px;
width: 55px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .mastercard.new {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2451px;
height: 34px;
width: 55px
}
}
.credit_cards .maestro {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2649px;
background-repeat: no-repeat;
height: 36px;
width: 59px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .maestro {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2319px;
height: 36px;
width: 59px
}
}
.credit_cards .verisign {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5139px;
background-repeat: no-repeat;
height: 36px;
width: 81px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .verisign {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4461px;
height: 36px;
width: 81px
}
}
.credit_cards .verisign.new {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5185px;
height: 34px;
width: 54px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.credit_cards .verisign.new {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4502px;
height: 34px;
width: 54px
}
}
.maestro, .mastercard, .paypal, .verisign, .visa {
background-repeat: no-repeat;
height: 36px
}
.paypal, .visa {
width: 58px
}
.credit_cards .card {
display: inline-block
}
.paypal {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3181px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.paypal {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2785px;
height: 36px;
width: 58px
}
}
.visa {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5295px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.visa {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4602px;
height: 36px;
width: 58px
}
}
.maestro, .mastercard {
width: 59px
}
.mastercard {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2760px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.mastercard {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2410px;
height: 36px;
width: 59px
}
}
.maestro {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2649px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.maestro {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2319px;
height: 36px;
width: 59px
}
}
.verisign {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5139px;
width: 81px;
display: block
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.verisign {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4461px;
height: 36px;
width: 81px
}
}
.card {
display: inline-block
}
.footer {
background-color: #edeae1
}
.footer a {
color: gray
}
.footer a:hover {
text-decoration: underline
}
.footer .terms, .footer .terms:hover {
margin-right: 20px;
color: #421c29
}
.footer .footerNav ul li a, .footer .footer_menu_wrapper .menu-primary li a {
color: #fff
}
.footer .footerNav {
background-image: url(/frontend2/img/footerNav-border.png),url(/frontend2/img/footerNav-border.png);
background-position: top left,bottom left;
background-repeat: repeat-x,repeat-x;
background-color: #4c3138
}
.footer .footer_menu_wrapper {
background: url(/frontend2/img/footer_menu_bg.png) repeat-x #4e3038;
min-height: 70px;
padding: 35px 0 15px;
color: #fff;
text-align: left;
font-size: .85em;
line-height: 2em
}
.footer .footer_menu_wrapper h3 {
margin-top: 0;
font-size: 1.4em
}
.footer .footer_menu_wrapper .menu-primary li {
display: block;
padding: 0;
line-height: 2em
}
.footer .footer_menu_wrapper .input_email {
height: 32px;
line-height: 32px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
display: block;
float: left;
padding-right: 10px;
padding-left: 10px;
width: 82%;
margin-right: -4%
}
.footer .footer_menu_wrapper .input_email ::-webkit-input-placeholder {
line-height: 32px
}
.footer .footer_menu_wrapper .input_email :-moz-placeholder {
line-height: 32px
}
.footer .footer_menu_wrapper .input_email ::-moz-placeholder {
line-height: 32px
}
.footer .footer_menu_wrapper .input_email :-ms-input-placeholder {
line-height: 32px
}
.footer .footer_menu_wrapper .submit {
width: 20%;
height: 32px;
line-height: 32px
}
.footer .footer_menu_wrapper .socials li {
display: inline-block;
margin-right: 8px
}
.footer .footer_menu_wrapper .socials li.facebook a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1026px;
background-repeat: no-repeat;
height: 31px;
width: 32px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .socials li.facebook a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -871px;
height: 31px;
width: 32px
}
}
.footer .footer_menu_wrapper .socials li.twitter a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5078px;
background-repeat: no-repeat;
height: 31px;
width: 32px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .socials li.twitter a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4410px;
height: 31px;
width: 32px
}
}
.footer .footer_menu_wrapper .socials li.youtube a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5470px;
background-repeat: no-repeat;
height: 32px;
width: 32px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .socials li.youtube a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4762px;
height: 32px;
width: 32px
}
}
.footer .footer_menu_wrapper .socials li.pinterest a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3339px;
background-repeat: no-repeat;
height: 31px;
width: 32px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .socials li.pinterest a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2923px;
height: 31px;
width: 32px
}
}
.footer .footer_menu_wrapper .socials li.google a {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -1817px;
background-repeat: no-repeat;
height: 31px;
width: 32px
}
.footer .footer_menu_wrapper .socials li.instagram a {
background-image: url(/images/Instagram.png);
background-repeat: no-repeat;
height: 32px;
width: 32px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .socials li.google a {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1571px;
height: 31px;
width: 32px
}
}
.footer .footer_menu_wrapper .socials li a {
display: block;
float: left;
text-indent: -999999px
}
.footer .footer_info_wrapper {
color: #4e3038;
padding: 10px 0 80px
}
.footer .footer_info_wrapper .footer_info {
line-height: 35px;
font-size: .85em;
text-align: left
}
.footer-stemp {
padding-top: 20px;
background: url(/frontend2/img/footer-bg-checkout.png) repeat-x #fff;
text-align: center
}
.footer-stemp li {
display: inline-block;
border-right: 1px solid;
padding-right: 5px
}
.footer-stemp li:last-child {
border-right: 0
}
#crumbTrail {
font-size: .9em;
padding: 10px 20px
}
#crumbTrail ul {
margin: 0;
padding: 0
}
#crumbTrail ul li {
float: left
}
#crumbTrail ul li .divider {
padding-left: 10px;
padding-right: 10px
}
@media screen and (min-width:992px) and (max-width:1199px) {
.my_account .right-sidebar .form .birthday select {
width: 11.35%;
margin-right: 1%;
padding-left: 7px;
padding-right: 7px
}
.listing_menu .facetedSearch .checkboxes li:hover {
background-color: transparent
}
.listing_menu .facetedSearch .checkboxes li:hover a, .listing_menu .facetedSearch .checkboxes li:hover label {
color: #222
}
.listing .sort_wrapper .sort #sortBySelect {
width: 90%
}
}
@media (min-width:992px) {
.favourite_craft .accent, .paymentAddressLeft .creditCards .card {
text-align: center
}
.other_products .product:nth-child(3n) {
border-right: 0
}
.special_offers .col-md-2 {
width: 20%
}
.favourite_craft .checkbox {
width: 49%;
float: left;
margin-top: 0
}
.favourite_craft .checkbox + .checkbox {
margin-top: 0
}
.favourite_craft .checkbox:nth-of-type(2n-1) {
margin-right: 2%
}
.singup_newsletter .checkbox {
margin-left: 170px;
width: 650px;
line-height: 1.2
}
.singup_newsletter .checkbox label {
padding-top: 5px;
display: block;
padding-left: 15px
}
.paymentAddressLeft .button_pay, .paymentAddressLeft .creditCards .card {
width: 50%
}
}
@media (min-width:992px) and (max-width:1199px) {
.header .logo {
margin-left: 0;
margin-right: 0
}
}
@media (min-width:1200px) {
.listing .list_element {
padding-bottom: 30px;
width: 21%;
margin-right: 5%
}
.listing .list_element:nth-child(4n) {
border-right: 0
}
.single_product .product_short_desc {
min-height: 565px;
padding-bottom: 0
}
.category_page .categories .category {
min-height: 270px
}
.store_finder .storefind_desc .wider {
display: block;
width: 60%
}
.store_finder .stores_list .store:nth-child(4n) {
border: 0
}
}
@media (max-width:1199px) {
.email_me, .out_of_stock_info {
margin-left: 0
}
.basket_item .img_wrap {
width: 30%
}
.added .basket_item .img_wrap {
width: 13%
}
.sort_wrapper .sort #sortBySelect {
margin-right: 5%
}
.category_page .categories .category {
min-height: 230px
}
}
@media (min-width:768px) {
.slider .container {
padding-top: 10px;
padding-bottom: 10px
}
.slider .main_slider_img {
padding-right: 0
}
.slider .small_slider_img .first_img {
padding-bottom: 15px
}
.single_product .product_descript {
min-height: 505px
}
.btn_wrap .gift_card > span {
width: 100%;
display: block
}
.paymentAddressLeft .button_pay, .paymentAddressLeft .creditCards .card {
display: block;
margin: 0 auto;
}
.checkoutHeading .basket_items_list .item_details_wrap, .checkoutHeading .basket_items_list .items_list_title {
width: 65%
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.header .searchbox .basket {
padding-left: 7px
}
.header .searchbox .basket .basket_wrapper .basket_text {
margin-right: 20px;
font-size: .8em;
padding-right: 0
}
.special_offers .col-md-2 {
padding: 0 0 0 5px;
font-size: .9em
}
.special_offers .col-md-2:last-child {
padding-right: 5px
}
.category_page .infobox .text_wrapper {
width: 60%
}
.category_page .infobox .img_wrapper {
width: 40%
}
.category_page .infobox .img_wrapper img {
max-width: 135px
}
.listing.category_page .infobox .img_wrapper img {
max-width: 100%
}
.listing_menu {
width: 210px
}
.single_product .product_descript .nav-tabs > li > a {
font-size: .9em;
padding: 10px 5px;
text-align: center
}
.single_product .slider_wrap .swinxyzoom_container {
width: 330px
}
.single_product .slider_content.vertical_scroll {
height: 350px
}
.email_me {
width: 300px
}
.basket_items_list .quantity_wrap {
width: 17%
}
.basket_items_list .price_wrap {
width: 7%
}
.basket_items_list .subtotal_wrap {
width: 10%
}
.basket_items_list .list_title .title.price_wrap {
width: 12%;
margin-left: -2%
}
.basket_items_list .list_title .title.quantity_wrap {
width: 14%
}
.delivery_form .store_finder_wrapper .read_more {
right: 0
}
.store_finder .stores_list .store:nth-child(3n) {
border-right: 0
}
.store_finder .storefind_desc .btn_wrap .by_current_loc {
width: 43%
}
.store_finder .storefind_desc .btn_wrap .search_inp_wrap {
width: 49%
}
}
@media screen and (min-width:1009px) and (max-width:1199px) {
.slider_wrap .sxy-zoom-container .inner-thumb, .slider_wrap .sxy-zoom-container .sxy-zoom-bg {
max-width: 100%;
max-height: 100%
}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.single_product .product_short_desc {
min-height: 460px
}
.category_page .infobox .text_wrapper {
width: 60%
}
.category_page .infobox .img_wrapper {
width: 40%
}
}
@media (min-width:768px) and (max-width:979px) {
.email_me {
width: 100%
}
.sxy-zoom-container .inner-thumb, .sxy-zoom-container .sxy-zoom-bg {
width: auto;
height: auto
}
.paymentAddressLeft .button_pay, .paymentAddressLeft .creditCards .card {
width: 70%
}
.paymentAddressLeft .creditCards .card {
text-align: left
}
.single_product .other_products.panel-content {
padding: 0
}
.single_product .other_products.panel-content .item.product {
margin-right: 0
}
.single_product .other_products.panel-content .slider_arrow {
background: 0 0
}
}
@media (max-width:991px) {
#side-menu.dl-menu.dl-menuopen, .mobile_wider {
display: block
}
.site .best_offers .row {
margin-left: -9px;
margin-right: -9px
}
.site .best_offers .row .offer {
padding: 0 9px 18px
}
.site .best_offers .row .offer a {
padding: 3px
}
.slide-side-menu {
position: absolute;
max-width: 0;
padding: 0;
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body.side-menu-shown .slide-side-menu {
position: absolute;
max-width: 45%;
width: 35%;
padding-right: 15px
}
body.side-menu-shown .slide-content {
margin-left: 43%;
padding-left: 30px
}
body.side-menu-shown .listing .slide-content {
padding-left: 10px
}
.other_products .product:nth-child(2n) {
border-right: 0
}
.single_product .slider_wrap .swinxyzoom_container {
width: 100%
}
.listing_menu {
width: 280px;
position: relative
}
.listing_menu .checkbox {
margin: 0
}
.listing_menu .checkbox input[type=checkbox] {
margin-top: 10px
}
.listing_menu .close_btn {
position: absolute;
right: 15px;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.2em;
min-width: 35px;
text-align: center;
line-height: 35px;
cursor: pointer;
background-color: #541f33
}
.listing_menu .toggle {
background-position: left 24px;
line-height: 35px
}
.listing .listing_menu .toggle {
line-height: 1.7
}
.listing .listing-content .sort_wrapper fieldset {
width: 100%
}
.sort_wrapper .sort {
float: right
}
.checkout-billing .button_pay.paypal-btn {
padding: 0
}
.single_product .included {
font-size: .9em
}
.delivery_form .store_finder_wrapper .store_finder_bg {
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
width: 590px;
max-width: 100%
}
.delivery_form .store_finder_wrapper .finder_form_wrap {
padding-bottom: 0
}
.delivery_form .store_finder_wrapper .store_finder_info {
margin: 8px 0 0;
line-height: 1.5
}
.delivery_form .store_finder_wrapper .result_row {
min-height: 100px
}
.added .basket_item .img_wrap {
width: 19%
}
.added .basket_item .basket_short_desc {
width: 53%
}
.add_to_basket .product_added .price_qty_wrap {
width: 15%
}
.add_to_basket .product_added .price_qty_wrap .price_wrap, .add_to_basket .product_added .price_qty_wrap .qty_wrap {
width: 100%;
line-height: 20px
}
.store_finder .stores_list .store:nth-child(2n) {
border-right: 0
}
.store_finder .search_again {
margin: 0 auto
}
.mobile_wider {
float: left;
text-align: center
}
.store_finder .storefind_desc .btn_wrap .mobile_wider {
width: 100%
}
.store_finder .storefind_desc .btn_wrap .by_current_loc > span {
float: none
}
.my_account .right-sidebar .form .desc, .my_account .right-sidebar .form input, .my_account .right-sidebar .form label {
width: 100%;
text-align: left
}
.my_account .right-sidebar .form .checkbox label, .my_account .right-sidebar .form input[type=checkbox] {
width: auto
}
.my_account .form .birthday select {
width: 20%;
min-width: 80px;
margin-right: 5px
}
.my_account .form .birthday select:last-of-type {
margin-right: 0
}
.my_account .right-sidebar .form select {
width: 100%
}
.my_account .right-sidebar .form .input_btn input {
width: 35%
}
.dl-animate-out-hobbycraft {
-webkit-animation-name: MenuAnimOutHc;
-webkit-animation-duration: .3s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: MenuAnimOutHc;
-moz-animation-duration: .3s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: 1;
-o-animation-name: MenuAnimOutHc;
-o-animation-duration: .3s;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: 1;
animation-name: MenuAnimOutHc;
animation-duration: .3s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@-webkit-keyframes MenuAnimOutHc {
100% {
opacity: 0
}
}
@-moz-keyframes MenuAnimOutHc {
100% {
opacity: 0
}
}
@-ms-keyframes MenuAnimOutHc {
100% {
opacity: 0
}
}
@keyframes MenuAnimOutHc {
100% {
opacity: 0
}
}
.dl-animate-in-hobbycraft {
-webkit-animation-name: MenuAnimInHc;
-webkit-animation-duration: .3s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: MenuAnimInHc;
-moz-animation-duration: .3s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: 1;
-o-animation-name: MenuAnimInHc;
-o-animation-duration: .3s;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: 1;
animation-name: MenuAnimInHc;
animation-duration: .3s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1
}
@-webkit-keyframes MenuAnimInHc {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes MenuAnimInHc {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes MenuAnimInHc {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes MenuAnimInHc {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
}
.mobile_main_nav .hc-mob-basket, .mobile_main_nav .hc-mob-menu, .mobile_main_nav .hc-mob-search {
background-repeat: no-repeat;
background-size: contain
}
.mobile_main_nav {
background-color: #4a1c2c;
position: fixed;
top: 0;
left: 0;
z-index: 9989;
min-height: 48px;
padding: 8px 0 0
}
.hc-menu-right-container {
width: 74px;
float: right
}
.mobile_main_nav .hc-mob-basket-wrap, .mobile_main_nav .hc-mob-menu, .mobile_main_nav .hc-mob-search {
min-height: 32px;
float: left;
width: 32px;
padding: 0;
cursor: pointer
}
.mobile_main_nav .hc-mob-menu {
background-image: url(/frontend2/img/MenuIcon.png)
}
.mobile_main_nav .hc-mob-store, .mobile_main_nav .hc-mob-store:hover {
display: block;
width: 32px;
min-height: 32px;
background-repeat: no-repeat;
background-image: url(/frontend2/img/StoreLocation.png);
background-size: contain;
cursor: pointer;
padding: 0;
float: left;
text-decoration: none;
margin-left: 10px
}
.mobile_main_nav .hc-mob-search {
background-image: url(/frontend2/img/SearchIcon.png)
}
.mobile_main_nav .hc-mob-basket-wrap {
margin-left: 10px
}
.mobile_main_nav .hc-mob-basket {
background-image: url(/frontend2/img/BasketIcon.png);
width: 32px;
height: 32px
}
.mobile_main_nav .hc-logo-center {
margin-top: 10px;
padding: 0
}
.mobile_main_nav .hc-logo-center.top-margin {
margin-top: 5px
}
.mobile_main_nav .hc-logo-center img {
max-width: none
}
@media (max-width:767px) {
.dl-menuwrapper {
float: left;
position: relative;
-moz-perspective: 1000px;
-webkit-perspective: 1000px;
perspective: 1000px;
-moz-perspective-origin: 50% 200%;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.dl-menuwrapper li {
position: relative;
border-bottom: 1px solid #ddd;
background-color: #fff
}
.header .dl-menuwrapper li a {
color: #220b12
}
.dl-menuwrapper li a {
display: block;
position: relative;
font-size: 15px;
line-height: 40px;
min-height: 40px;
font-weight: 300;
outline: 0;
color: #491927;
padding: 0 15px;
text-decoration: none
}
.dl-menuwrapper li a:hover {
background-color: #f13977;
color: #fff;
text-decoration: none;
-moz-transition: all .2s ease-out .3s;
-o-transition: all .2s ease-out .3s;
-webkit-transition: all .2s ease-out;
-webkit-transition-delay: .3s;
transition: all .2s ease-out .3s
}
.dl-menuwrapper li:nth-child(12) {
color: red
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-size: 1.5em;
speak: none;
-webkit-font-smoothing: antialiased;
content: ">"
}
.dl-menuwrapper li.dl-back {
background-color: #e9e5d5;
color: #666;
min-height: 50px
}
.dl-menuwrapper li.dl-back > a {
padding-left: 40px;
color: #666;
display: inline-block;
min-height: unset;
height: 30px;
line-height: 15px
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
top: -10px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
font-size: Helvetica,Arial,sans-serif;
font-size: 1.8em;
color: #666
}
.dl-menuwrapper .dl-submenu li.dl-back:after {
top: 0
}
.dl-menuwrapper .dl-menu-child2 li.dl-back:after {
top: -10px
}
.dl-menuwrapper li > a:not(:only-child):after {
right: 10px
}
.dl-menuwrapper .dl-menu {
margin: 5px 0 0;
position: absolute;
width: 100%;
opacity: 0;
pointer-events: none;
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0)
}
.header .dl-menuwrapper li a:hover, .header .dl-menuwrapper li.dl-back a {
color: #666
}
.dl-menuwrapper li .dl-submenu {
display: none;
position: absolute;
top: -10000px
}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview > a, .dl-menu.dl-subview li.dl-subviewopen > a {
display: none
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
position: static;
top: auto;
padding: 5px 0
}
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li.dl-back {
margin-top: -10px;
padding-top: 15px
}
.dl-menu.dl-subview li.dl-subviewopen > .dl-menu-child2 > li.dl-back {
margin-top: -20px
}
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 39px;
left: 0;
margin: 0;
border: 1px solid #d3d2cd
}
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block
}
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li.list-image-right, .no-js .dl-menuwrapper li.dl-back {
display: none
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,.1)
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: ''
}
.add_to_basket.added .whitebox-greybord {
margin-top: 15px
}
.header .dl-menuwrapper .dl-menu {
margin-top: 30px
}
.footer .footer_menu_wrapper {
background-color: #4a1c2c;
background-image: none
}
.dl-menuwrapper li.parent-menu-item {
padding: 5px 0
}
}
.wider-desc-wrap .btn, .wider-desc-wrap input, .wider-desc-wrap input.textField, .wider-desc-wrap label {
width: 100%
}
.wider-desc-wrap label {
display: block;
width: 100%;
text-align: left
}
.wider-desc-wrap .text-field-desc {
display: block
}
@media (min-width:768px) {
.wider-desc-wrap {
width: 50%;
margin: 0 auto 40px
}
.wider-desc-wrap .btn-grey {
background-color: #fff;
font-weight: 700;
font-style: italic;
padding: 0;
width: auto
}
.column-left {
width: 70%;
float: left
}
.column-right {
width: 30%;
float: left;
padding-left: 20px
}
.form .grey-box .formRow, .grey-box .form .formRow, .grey-box .formRow.input-group {
width: 33.3333333%;
float: left;
padding-right: 20px
}
.form .grey-box .formRow:nth-of-type(3n), .grey-box .form .formRow:nth-of-type(3n), .grey-box .formRow.input-group:nth-of-type(3n) {
padding-right: 0
}
.form .grey-box .formRow .textField, .form .grey-box .formRow label, .grey-box .form .formRow .textField, .grey-box .form .formRow label, .grey-box .formRow.input-group .textField, .grey-box .formRow.input-group label {
width: 100%
}
.form .grey-box .formRow .btn, .grey-box .form .formRow .btn, .grey-box .formRow.input-group .btn {
margin-top: 20px
}
.desc-inp60, .form select.desc-inp60, .formRow .textField.short-input.desc-inp60 {
width: 60%
}
.basket_items_list .list_title .item_details_title_wrap {
width: 40%
}
.basket_items_list .list_title .item_details_desc {
width: 60%
}
.basket_items_list .img_wrap {
width: 40%;
padding-right: 15px;
margin-right: 0
}
}
@media (min-width:768px) and (max-width:991px) {
.listing .list_element:nth-of-type(2n), .single_product .recent_items .recent_item_wrap .item:nth-child(5), .site .products_list .product:nth-child(4) {
border-right: 0
}
.header .logo {
padding-right: 10px
}
.header .main_nav .tablet_basket {
display: inline-block !important
}
.listing .filters-wrap + .pagination_wrapper .pagination .pagin-tablet + ul, .listing .listing-content .infobox .img_wrapper {
display: none
}
.listing::before {
top: 180px
}
.listing .slide-side-menu {
position: relative;
max-width: 100%
}
.listing .filters-wrap + .pagination_wrapper .pagination {
margin-top: 5px
}
.listing .filters-wrap + .pagination_wrapper .pagination .view-all {
line-height: 27px
}
.listing .filters-wrap + .pagination_wrapper .pagination .next, .listing .filters-wrap + .pagination_wrapper .pagination .pagin-tablet, .listing .filters-wrap + .pagination_wrapper .pagination .previous, .listing .filters-wrap + .pagination_wrapper .pagination .view-all {
float: left
}
.listing .listing-content .infobox .text_wrapper {
line-height: 1.6;
width: 100%;
padding-right: 0;
height: auto
}
.listing .sort_wrapper .sort #sortBySelect {
width: 85%
}
body.side-menu-shown .listing .slide-side-menu {
max-width: 100%;
position: relative;
width: 33.3%
}
body.side-menu-shown .listing .slide-content {
margin-left: 0;
float: left;
padding-left: 10px
}
.listing_menu .facetedSearch .checkboxes li:hover {
background-color: transparent
}
.listing_menu .facetedSearch .checkboxes li:hover a, .listing_menu .facetedSearch .checkboxes li:hover label {
color: #222
}
.single_product .recent_items .recent_item_wrap .item {
width: 20%
}
.single_product .product_short_desc .add_to_basket {
width: 100%
}
}
@media (min-width:768px) and (max-width:991px) {
.basket_items_list .item_details_wrap {
width: 50%
}
.basket_items_list .quantity_wrap {
width: 22%
}
.delivery_form .store_finder_wrapper .read_more {
right: 0
}
.delivery_form .store_finder_wrapper .result_row {
width: 29%
}
.delivery_form .store_finder_wrapper .result_row .select {
margin-top: 10px;
float: left;
position: initial
}
.promotion_code.open .add_prom_code label {
font-size: .9em
}
.basket_right_column .gift_card h3, .basket_right_column .promo_code h3 {
font-size: 12px
}
.basket_right_column .button_pay {
padding-left: 14px;
padding-right: 14px
}
.basket_items_list .list_title .title.price_wrap {
width: 15%;
margin-left: -3%
}
.basket_items_list .list_title .title.quantity_wrap {
width: 18%
}
.footer .footer_menu_wrapper .socials li {
margin-right: 20px
}
.footer .submenus_col {
min-height: 155px
}
}
@media (max-width:767px) {
.header .searchbox .dropdown_menu .drop_menu_title, .hide_mobile {
display: none
}
.container {
padding: 0 1em
}
.basket .basket_wrapper .items_number {
background-color: #e63f76
}
.header .mobile_main_nav .basket_wrapper .items_number {
left: 18px
}
.header .searchbox > .row {
position: relative;
z-index: 999
}
.header .searchbox > .row .dl-menuwrapper {
position: static;
-moz-perspective: none;
-webkit-perspective: none;
perspective: none
}
.header .searchbox > .row .dl-menuwrapper .dl-menu {
width: 100%;
display: block;
position: absolute;
left: 15px;
right: 15px
}
.header .dl-menuwrapper li a:hover {
background-color: transparent;
color: #421c29
}
.header .dl-menuwrapper li a:active {
background-color: #f13977;
color: #fff
}
.category_page .special_offers .more_offers .offer_el, .special_offers .specialoffers_wrapper .offer_el {
max-width: 240px;
margin: 0 auto
}
.slider {
padding-bottom: 0;
margin-bottom: 10px
}
.slider .small_slider_img .first_img {
padding-right: 7px
}
.slider .small_slider_img .second_img {
padding-left: 7px
}
.slider .main_slider_img {
padding-bottom: 10px
}
.category_page .special_offers {
font-size: .9em
}
.category_page .special_offers .more_offers {
font-size: 1.5em
}
.category_page .categories .category {
min-height: 295px
}
.email_me {
width: 69%
}
.email_me + .btn_wrap {
width: 29%
}
.email_me + .btn_wrap .add_to_wishlist {
max-width: 100%
}
.offers .offer {
min-height: 220px
}
.listing {
overflow-x: hidden
}
.listing h2 {
margin-top: 10px
}
.listing::before {
top: 100px
}
.listing .price_wrap .was_price {
font-size: .95em
}
.listing .listing_menu {
height: 73%;
border: 0;
margin: 0 auto;
padding-left: 13px;
padding-right: 13px
}
.listing .listing_menu .filters-list-scroll {
height: 80%;
height: -webkit-calc(100% - 54px);
height: calc(100% - 54px);
overflow-y: scroll;
overflow-x: hidden;
width: 100%
}
.listing .listing_menu .filters-list-scroll::-webkit-scrollbar {
width: 4px;
background: #fff
}
.listing .listing_menu .filters-list-scroll::-webkit-scrollbar-thumb {
background: #4d4d4d;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px
}
.listing .pagination_wrapper .pagination {
margin: 0 auto;
text-align: center;
float: none
}
.listing .pagination_wrapper .pagination ul {
padding-top: 0;
line-height: 30px
}
.listing .pagination_wrapper .pagination ul li {
width: 30px;
height: 30px
}
.listing .pagination_wrapper .pagination ul li.active {
height: 30px;
padding-top: 7px
}
.listing .pagination_wrapper .pagination ul li a {
line-height: 28px
}
.listing .filters-wrap {
margin-bottom: 0
}
.listing .listing-content h1 {
margin-top: 15px;
margin-bottom: 5px
}
.listing .listing-content .list_element {
min-height: 460px
}
.listing .listing-content .list_element .productName {
min-height: 40px
}
.listing .listing-content .filters-wrap + .pagination_wrapper {
padding-top: 0
}
.listing .listing_menu_wrap.slide-side-menu {
position: fixed;
top: 0;
z-index: 9999999999;
margin-top: 0;
width: 101%;
max-width: 101%;
height: 100%;
padding-right: 0;
background: #fff;
display: none
}
.listing .listing_menu_wrap.slide-side-menu .listing_menu {
margin-bottom: 0;
height: 73%;
border: 0
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-wrap {
border-top: 1px solid #ccc;
background: #fff;
height: 27%;
padding-top: 2%;
position: absolute;
width: 100%;
bottom: 0
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-btn {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 92%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #fff;
height: 60px;
line-height: 60px
}
.side-menu-shown {
overflow-y: hidden
}
.side-menu-shown .listing_menu_wrap.slide-side-menu {
display: block
}
body.side-menu-shown .listing .slide-content {
margin-left: 0
}
.listing .line_wrapper.with_wool {
padding-top: 0;
padding-bottom: 0
}
.listing .listing_menu_wrap {
margin-top: 20px;
padding: 0
}
.listing .listing_menu_wrap .filters-list-scroll ul {
padding: 0 10px
}
.listing_menu .facetedSearch.contracted .checkboxes {
padding-right: 0;
width: 100%;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.scroll-feature .dropdown_arrow_dark {
margin-right: 10px !important
}
/*.breadcrumbs {
display: none
}*/
.slide-side-menu {
background-image: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,rgba(0,0,0,0)),color-stop(95%,rgba(224,224,224,0)),color-stop(100%,rgba(236,236,236,.65)));
background-image: -moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(224,224,224,0) 95%,rgba(236,236,236,.65) 100%);
background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(224,224,224,0) 95%,rgba(236,236,236,.65) 100%);
background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(224,224,224,0) 95%,rgba(236,236,236,.65) 100%)
}
body.side-menu-shown .slide-side-menu {
width: 55%;
max-width: 55%;
margin-top: 30px
}
body.side-menu-shown .slide-content {
margin-left: 58%
}
.listing_menu {
width: 280px
}
.breadcrumbs-mobile {
line-height: 30px
}
.breadcrumbs-mobile .arrow-left {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -76px;
background-repeat: no-repeat;
height: 12px;
width: 6px;
display: block;
float: left;
margin-top: 9px;
margin-right: 10px
}
}
@media only screen and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:767px) and (-moz-min-device-pixel-ratio:2),only screen and (max-width:767px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-device-pixel-ratio:2) {
.breadcrumbs-mobile .arrow-left {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -66px;
height: 12px;
width: 6px
}
}
.product_added .basket_short_desc .content {
padding: 0 20px 0 80px
}
@media (max-width:767px) {
.single_product .product_short_desc .special_sale {
float: right
}
.single_product .other_products, .single_product .product_descript, .single_product .product_short_desc, .single_product .product_title, .single_product .slider_wrap {
width: 100%
}
.basket_items_list .quantity_wrap {
width: 20%
}
.basket_items_list .subtotal_wrap {
width: 10%
}
.basket_items_list .quantity_wrap.title {
width: 18%
}
.basket_items_list .subtotal_wrap.title {
width: 12%
}
.basket_items_list .items_list_title.title {
float: left;
width: 70%
}
.basket_item .img_wrap {
width: 20%
}
.basket_item .img_wrap img {
max-width: 75px
}
.basket_item .basket_short_desc {
font-size: .9em
}
.basket_item .remove .icon {
margin-top: 2px
}
.paymentAddressLeft .button_pay, .paymentAddressLeft .button_pay.full-width-mob {
max-width: 450px;
display: block;
margin: 20px auto
}
.grey-box .formRow label {
width: 100%;
float: left
}
.grey-box .formRow .textField {
width: 70%;
margin-bottom: 0
}
.grey-box .formRow span.visible-xs {
margin-bottom: 20px;
line-height: 1.2
}
.alert .so_title, .error .so_title, .info .so_title, .success .so_title {
width: 100%;
display: block
}
.promotion_code {
margin-top: 15px
}
.promotion_code .gift_card {
width: 100%
}
.promotion_code.open .gift_card > span {
width: auto;
font-size: .8em
}
.promotion_code.open .add_prom_code {
text-align: left
}
.promotion_code.open .add_prom_code .textField, .promotion_code.open .add_prom_code > label {
width: 100%
}
.promotion_code.open .subscribe {
display: none
}
.promotion_code.applied .pomcode_wrap.add_prom_code {
display: block
}
.promotion_code.applied .prom_code_added label {
display: block;
padding: 10px 0;
text-align: center;
background: #ffffcb;
border: 1px solid gray
}
.add_to_basket .btn_wrap .empty_basket, .promotion_code.applied .prom_code_added p.submit {
display: none
}
.gift_card.open, .promotion_code.open {
margin: 0
}
.delivery_form .store_finder_wrapper .finder_form_wrap {
max-width: 100%
}
.delivery_form .store_finder_wrapper .finder_form_wrap h4 {
margin-bottom: 10px
}
.delivery_form .store_finder_wrapper .current_loc, .delivery_form .store_finder_wrapper .find, .delivery_form .store_finder_wrapper .or, .delivery_form .store_finder_wrapper .search {
float: left;
margin-top: 0
}
.delivery_form .store_finder_wrapper .current_loc {
height: 30px
}
.delivery_form .store_finder_wrapper .search {
margin-right: 10px;
margin-bottom: 15px
}
.delivery_form .store_finder_wrapper .read_more {
position: initial;
float: right
}
.add_to_basket .btn_wrap .continue_shopping, .product-image-holder {
float: none
}
.delivery_form .store_finder_wrapper .result_row {
width: 50%;
min-height: 100%
}
.delivery_form .store_finder_wrapper .result_row:nth-child(2n) {
background-image: none
}
.delivery_form .store_finder_wrapper .result_row .select {
position: initial;
margin-top: 10px
}
.subtotal_wrap .subtotal_bg {
width: 100%;
text-align: right
}
.add_to_basket h1 {
margin-top: 0;
font-size: 2em
}
.add_to_basket .special_offer {
font-size: .85em
}
.add_to_basket .btn_wrap .subtotal_bg {
width: 100%;
text-align: right
}
.add_to_basket .btn_wrap .total {
width: 100%
}
.workshops_events .event_wrap .description, .workshops_events .event_wrap .wrap_desc {
width: 100%;
padding-right: 0
}
.add_to_basket .btn_wrap .total .subtotal_bg {
text-align: center
}
.add_to_basket.added .basket_item {
padding-bottom: 10px
}
.add_to_basket.added .basket_item .img_wrap {
float: left;
background-color: #fff;
width: auto;
position: relative;
z-index: 9999;
padding: 0 15px 10px 0;
border: 0;
margin: 0
}
.add_to_basket.added .basket_item .img_wrap img {
border: 1px solid #ccc;
padding: 4px
}
.add_to_basket.added .basket_item .basket_short_desc {
width: 100%;
float: none
}
.add_to_basket.added .basket_item .basket_btn_wrap {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 0
}
.add_to_basket.added .basket_item .continue_shopping {
min-width: 30%
}
.add_to_basket .product_added .basket_btn_wrap {
width: 100%
}
.add_to_basket .product_added .basket_short_desc, .add_to_basket .product_added .price_qty_wrap {
width: 100%;
margin-bottom: 10px
}
.add_to_basket .product_added .price_qty_wrap {
padding-left: 80px
}
.product_added .basket_short_desc .content {
width: 100%
}
.add_to_basket .product_added .basket_btn_wrap .checkout {
width: 60%;
margin: 0 auto;
display: block
}
.basket_item .item_title {
font-weight: 400;
font-size: 1.1em
}
.footer .footer_menu_wrapper .container {
padding: 0 2em
}
.footer .footer_menu_wrapper .container > .row {
margin-left: -10px;
margin-right: -10px
}
.footer .footer_menu_wrapper .menu-primary {
-moz-transition-property: max-height;
-o-transition-property: max-height;
-webkit-transition-property: max-height;
transition-property: max-height;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-webkit-transition-duration: 2s;
transition-duration: 2s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
max-height: 0;
overflow: hidden
}
.footer .footer_menu_wrapper .menu-primary li:first-child {
padding-top: 20px
}
.footer .footer_menu_wrapper .submenus_col {
border-bottom: 1px solid #fff;
position: relative;
cursor: pointer;
padding-top: 10px
}
.footer .footer_menu_wrapper .submenus_col h3 {
padding-right: 20px;
margin-bottom: 0
}
.footer .footer_menu_wrapper .submenus_col.open .menu-primary {
max-height: 400px;
margin-bottom: 10px
}
.footer .footer_menu_wrapper .submenus_col.open .dropdown_arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -184px;
background-repeat: no-repeat;
height: 8px;
width: 13px
}
}
@media only screen and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:767px) and (-moz-min-device-pixel-ratio:2),only screen and (max-width:767px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-device-pixel-ratio:2) {
.footer .footer_menu_wrapper .submenus_col.open .dropdown_arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -149px;
height: 8px;
width: 13px
}
}
@media (max-width:767px) {
.basket_items_list .basket_item > .price_wrap, .header .main_nav {
margin-top: 0
}
.footer .footer_menu_wrapper .submenus_col .dropdown_arrow {
position: absolute;
top: 7px;
right: 15px
}
.footer .footer_menu_wrapper .submenus_col:first-child {
padding-top: 0
}
.footer .footer_menu_wrapper .submenus_col:first-child .dropdown_arrow {
top: 0
}
.footer .footer_menu_wrapper .mobile_pad_top {
padding-top: 10px
}
.footer .footer_info_wrapper {
padding-bottom: 20px
}
.footer .footer_info_wrapper .credit_cards {
text-align: center;
padding-top: 10px
}
.footer .footer_info_wrapper .footer_info {
position: initial;
text-align: center
}
.basket_items_list {
border-top: 1px solid #e6e6e6
}
.basket_items_list .item_details_wrap {
width: 100%;
padding-right: 30px
}
.basket_items_list .basket_item {
position: relative
}
.basket_items_list .basket_item > .price_wrap, .basket_items_list .basket_item > .quantity_wrap {
margin-left: 22%;
width: 78%;
text-align: left
}
.basket_items_list .basket_item > .price_wrap .quantity-widget, .basket_items_list .basket_item > .quantity_wrap .quantity-widget {
text-align: left
}
.basket_items_list .basket_item .title {
float: left;
margin-right: 10px;
color: #666;
font-size: .9em;
font-weight: 700
}
.basket_items_list .basket_item .product_code {
margin-top: 5px;
font-size: .9em
}
.basket_items_list .basket_item .quantity_wrap {
margin-top: 10px;
width: 78%
}
.basket_items_list .basket_item .quantity_wrap .update {
margin-left: 65px
}
.basket_items_list .close_btn {
position: absolute;
top: 0;
right: 0
}
.basket_item .note_box {
margin-right: 0;
width: 95%;
margin-left: 5%
}
.basket_items_list .basket_item .subtotal_wrap {
float: right;
margin: 0 0 -60px;
position: relative;
top: -102px
}
.basket_items_list .basket_item .subtotal_wrap .item_price {
color: #ff4b80;
font-weight: 700;
font-size: 1.2em
}
.other_products {
margin-top: 50px
}
.continue-btn {
width: 100%
}
}
@media screen and (min-width:481px) and (max-width:767px) {
.category_page .categories .category {
width: 33.33333%
}
.single_product .recent_items .recent_item_wrap .item:nth-child(4) {
border-right: 0
}
}
@media screen and (min-width:481px) {
.formRow.two .inpt-desc-wrap {
width: 15%;
float: left;
margin-right: 2%
}
.formRow.two .inpt-desc-wrap select, .formRow.two .inpt-desc-wrap select.short-input {
width: 100%
}
.formRow.two > label.alignBottom {
padding-top: 27px
}
.formRow .textField {
width: 60%
}
.formRow .textField.short-input {
width: 51%
}
.formRow .inline {
margin-left: 30%
}
.btn.square-btn.special_btn {
margin: 0 auto
}
.btn.square-btn.special_btn.visible-xs {
margin-bottom: 25px
}
.creditCards .card {
display: block;
text-align: center;
margin-top: 15px
}
.form input.nomo-marg-left, .nomo-marg-left {
display: block;
margin-left: 30%
}
}
@media screen and (min-width:571px) and (max-width:767px) {
.listing .list_element {
width: 33.33333%
}
.store_finder .storefind_desc .wider {
display: block;
margin: 0 auto 10px;
width: 65%
}
}
@media screen and (min-width:571px) and (max-width:991px) {
.my_account .listing .list_element {
width: 33.33333%;
margin-right: 0
}
}
@media (max-width:700px) {
.category_page .categories .category {
min-height: 270px
}
}
@media (max-width:620px) {
.header .logo {
width: 46%
}
.category_page .infobox .text_wrapper, .single_product .product_short_desc .add_to_basket {
width: 100%
}
.category_page .categories .category {
min-height: 240px
}
.category_page .infobox .img_wrapper {
display: none
}
.offers .offer {
min-height: 270px
}
.basket_items_list .list_title {
font-size: .9em
}
.basket_items_list .basket_item .quantity_wrap .update {
margin-left: 35px
}
}
@media (max-width:570px) {
.offers .offer {
min-height: 320px
}
.delivery_form .store_finder_wrapper .finder_form_wrap .search {
width: 70%
}
.content .button_pay.paypal-btn .icon {
margin-left: 2px
}
.listing .list_element:nth-of-type(2n) {
border-right: 0
}
}
@media (max-width:560px) {
.gift_card, .promotion_code .gift_card {
text-align: center
}
body.side-menu-shown .slide-side-menu {
width: 70%;
max-width: 100%
}
body.side-menu-shown .slide-content {
margin-left: 75%
}
.listing_menu {
width: 320px
}
.add_to_basket .product_added .basket_btn_wrap .checkout, .basket_title .btn.checkout, .basket_title h1, .checkout, .gift_card, .promotion_code .add_prom_code, .promotion_code.open .pomcode_wrap .textField {
width: 100%
}
.promotion_code.open .pomcode_wrap {
display: table;
width: 100%;
margin-bottom: 20px;
padding-right: 2px
}
.promotion_code.open .pomcode_wrap .btn.special_from_btn, .promotion_code.open .pomcode_wrap .textField {
margin-bottom: 0
}
}
@media (max-width:480px) {
.listing .pagination .view-all {
display: none
}
.header .searchbox .dropdown_menu {
padding-left: 10px;
padding-right: 10px
}
.header .searchbox .search .submit.visible-xs {
width: 22%
}
.content.checkout-billing .button_pay {
width: 100%;
margin-right: 0
}
.content.checkout-billing .button_pay.paypal-btn {
margin-top: 20px
}
.form input, .form select, .form textarea {
width: 100%
}
.form .checkbox.formRow, .form .input-group.checkbox, .form .input-group.radio, .form .radio.formRow {
padding-left: 0
}
.form .checkbox.formRow label, .form .input-group.checkbox label, .form .input-group.radio label, .form .radio.formRow label {
width: 90%;
padding-left: 1em;
text-align: left
}
.form label {
text-align: left;
width: 100%
}
.form .desc {
width: 100%;
float: left
}
.form .birthday select, .form .date select {
width: auto
}
.grey-box .formRow .textField {
width: 63%
}
.grey-box .formRow label {
font-size: .85em;
width: 37%
}
.formRow.two .inpt-desc-wrap {
width: 30%;
float: left;
margin-right: 15px;
padding-bottom: 30px;
position: relative
}
.formRow.two .inpt-desc-wrap label {
position: absolute;
bottom: 0;
left: 0
}
.formRow.two .inpt-desc-wrap select {
width: 100%;
margin-bottom: 0
}
.category_page .infobox .text_wrapper {
height: 190px;
-moz-background-size: 100% 190px;
-o-background-size: 100% 190px;
-webkit-background-size: 100% 190px;
background-size: 100% 190px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc)
}
.category_page .categories .category {
min-height: 270px
}
body.side-menu-shown .slide-side-menu {
width: 80%
}
body.side-menu-shown .slide-content {
margin-left: 86%
}
.email_me, .email_me + .btn_wrap {
width: 100%
}
.listing_menu {
width: 300px
}
.listing .list_element img {
max-width: 100%;
max-height: 100%
}
.listing .list_element .productName {
min-height: 60px
}
.listing .list_element .promot_info_btn {
padding: 0;
font-size: .85em;
margin-bottom: 15px
}
.listing .listing-content .list_element {
min-height: 465px
}
.my_account table {
font-size: 12px
}
.sort_wrapper {
width: 70%;
padding-left: 0;
margin-bottom: 10px
}
.sort_wrapper .sort {
width: 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-ms-behavior: url(/frontend2/backgroundsize.min.htc);
padding-top: 10px;
padding-bottom: 10px
}
.sort_wrapper .sort label {
width: 100%
}
.sort_wrapper .sort #sortBySelect {
width: 100%;
margin-right: 0
}
.listing .sort_wrapper {
width: 100%
}
.offers .offer {
width: 100%;
min-height: 0;
padding-bottom: 10px
}
.single_product .recent_items .recent_item_wrap .item {
width: 50%;
margin-bottom: 15px
}
.single_product .recent_items .recent_item_wrap .item:nth-child(2n) {
border-right: 0
}
.delivery_form .radio {
background-image: none
}
.delivery_form .radio:after, .delivery_form .radio:before {
content: " ";
display: table
}
.delivery_form .radio:after {
clear: both
}
.delivery_form .radio.checked label {
font-weight: 700
}
.delivery_form .radio.checked .delivery_price, .delivery_form .radio.checked input[type=radio]:checked ~ .delivery_price {
font-weight: 400
}
.delivery_form .radio .delivery_price {
width: 100%;
padding-left: 20px
}
.add_to_basket.added .basket_item .img_wrap {
width: 35%
}
.add_to_basket.added .basket_item .amound {
min-height: 65px
}
.add_to_basket.added .basket_item hr.dotted {
top: 55px
}
.add_to_basket.added .basket_item .price {
top: 44px
}
.add_to_basket.added .basket_item .btn_wrap .checkout {
width: 100%
}
.add_to_basket .product_added h2 {
font-size: 1.3em
}
.basket_item .item_details_wrap {
width: 100%;
padding-right: 30px
}
.basket_item .item_details_wrap .img_wrap {
float: left;
margin-right: 5px;
display: block;
position: relative;
z-index: 9999
}
.basket_item .item_details_wrap .basket_short_desc {
display: block;
float: none;
z-index: 1;
width: 100%
}
.basket_item .item_details_wrap .basket_short_desc:after, .basket_item .item_details_wrap .basket_short_desc:before {
content: " ";
display: table
}
.basket_item .item_details_wrap .basket_short_desc:after {
clear: both
}
.site .products_list .product {
min-height: 270px
}
.other_products .product .product_desc {
overflow: hidden;
line-height: 1.3
}
.my_account .order_details {
padding: 0
}
.my_account .order_details .detail {
width: 60%;
display: block;
float: left
}
.my_account .order_details .title {
width: 40%
}
.progressbar li, .progressbar ul {
padding: 2%
}
.progressbar li span, .progressbar ul span {
display: block;
width: auto;
height: auto
}
.basket_item .img_wrap {
width: 30%
}
.basket_items_list .basket_item > .price_wrap, .basket_items_list .basket_item > .quantity_wrap {
margin-left: 30%;
width: 70%
}
}
@media (max-width:420px) {
.basket_items_list .quantity_wrap {
width: 15%
}
.basket_items_list .quantity_wrap.title {
width: 18%
}
.basket_items_list .subtotal_wrap {
width: 14%
}
}
@media (max-width:380px) {
body.side-menu-shown .slide-side-menu {
width: 100%
}
body.side-menu-shown .slide-content {
margin-left: 94%
}
.listing_menu {
width: 300px
}
.listing .listing-content .list_element {
min-height: 455px
}
.single_product .included .buy_in_store .img {
margin-bottom: 20px
}
.single_product .included .inc_el {
margin-bottom: 10px
}
.category_page .categories .category {
min-height: 220px
}
.other_products .product {
min-height: 230px
}
.add_to_basket .product_added .basket_short_desc .icon {
margin-right: 10%
}
.add_to_basket .product_added .basket_short_desc .was_added {
width: 100%
}
}
@media (max-width:340px) {
.category_page .infobox .text_wrapper {
height: 230px;
-moz-background-size: 100% 230px;
-o-background-size: 100% 230px;
-webkit-background-size: 100% 230px;
background-size: 100% 230px;
-ms-behavior: url(/frontend2/backgroundsize.min.htc)
}
.category_page .infobox {
font-size: .85em
}
.category_page .categories .category {
min-height: 200px
}
.listing_menu {
width: 260px
}
.other_products .product {
min-height: 210px
}
.listing .list_element .el_wrap {
min-height: 290px
}
.listing .list_element .productName {
font-size: .85em;
max-height: 85px
}
.listing .list_element .promot_info_btn {
font-size: .8em
}
}
@media (min-width:768px) {
.basket-popup {
overflow: hidden;
border: 0
}
.basket-popup .popup_wrapper {
margin-top: -140%;
border: 1px solid #d9d9d9;
-moz-transition: margin-top 1s;
-o-transition: margin-top 1s;
-webkit-transition: margin-top 1s;
transition: margin-top 1s
}
}
@media (min-width:768px) and (max-width:991px) {
.basket-popup {
z-index: 9999;
border-top: 0;
right: 15px;
-moz-transition: border-top 1s;
-o-transition: border-top 1s;
-webkit-transition: border-top 1s;
transition: border-top 1s
}
.basket-popup.open .popup_wrapper {
margin-top: -1px
}
.store_finder .store_facilities .facil {
line-height: 1
}
.btn.find_action {
font-size: 12px
}
.finder_form_wrap input.search {
margin: 0 2% 0 0
}
}
@media (min-width:992px) {
.basket-popup {
right: 15px
}
.product.recs-small {
margin-right: 10px;
width: 152px
}
.slider_content.recs-small {
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px)
}
}
@media (min-width:768px) {
.basket-popup.open .popup_wrapper {
margin-top: 0
}
.progressbar > h3 {
position: absolute;
left: 50%;
top: -30px;
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
}
@media (max-width:767px) {
.basket-popup {
right: 0;
top: 50px;
z-index: 9999;
width: 0;
display: block;
overflow: hidden;
border-color: transparent;
-moz-transition: width 1s,border-color 1s;
-o-transition: width 1s,border-color 1s;
-webkit-transition: width 1s,border-color 1s;
transition: width 1s,border-color 1s
}
.basket-popup .products_list, .basket-popup .summation {
width: 313px
}
.basket-popup.open {
width: 315px;
border-color: #d9d9d9
}
.progressbar.step1 ul {
border-bottom: 2px solid #999;
padding-bottom: 5px
}
.creditCards {
margin-bottom: 30px;
text-align: center
}
.creditCards .card {
margin-top: 0
}
}
@media (max-width:480px) {
.full-width-mob {
width: 100%
}
.totals {
text-align: right
}
.totals .amount {
display: inline-block
}
.basket.confirm td:last-of-type {
width: 15%;
text-align: right
}
.mob-pad-left {
padding-left: 40px
}
}
@media (min-width:560px) {
.checkout .grey-box {
padding: 10px
}
.checkout .grey-box .address-item, .checkout .grey-box .info-item {
display: block;
float: left;
width: 30%
}
.checkout .grey-box .info-item {
width: 30%;
margin: 0 10% 0 30px
}
}
@media (max-width:559px) {
.checkout .grey-box {
padding: 10px 0
}
.checkout .grey-box .address-item, .checkout .grey-box .info-item {
display: block;
float: none;
width: 100%;
padding: 5px 10px;
border-top: 1px solid #fff
}
.checkout .grey-box .address-item label h3, .checkout .grey-box .info-item label h3 {
margin: 0
}
.checkout .grey-box .address-item .address-item:last-child, .checkout .grey-box .address-item .info-item:last-child, .checkout .grey-box .info-item .address-item:last-child, .checkout .grey-box .info-item .info-item:last-child {
border-bottom: 1px solid #fff
}
}
@media (max-width:767px) {
.formRow {
width: 100%
}
.formRow .special_btn {
width: 100%;
padding: 0
}
.footer {
background-color: #edeae1
}
.footer_checkout {
margin: 80px 0 0
}
.footer_checkout .footerNav {
clear: both
}
}
.custom-icon input[type=checkbox], .custom-icon input[type=radio] {
display: none
}
.custom-icon input[type=checkbox] + p {
cursor: pointer
}
.custom-icon input[type=checkbox] + p span, .custom-icon input[type=radio] + p span {
display: inline-block;
width: 18px;
height: 18px;
margin: -1px 8px 0 0;
vertical-align: middle;
cursor: pointer
}
.custom-icon input[type=radio] + p span {
background: url(/frontend2/img/icons/input-button-unchecked.png) left top no-repeat
}
.custom-icon input[type=radio]:checked + p span {
background: url(/frontend2/img/icons/input-button-checked.png) left top no-repeat
}
.custom-icon input[type=checkbox] + p span {
background: url(/frontend2/img/icons/input-checkbox-unchecked-green.png) left top no-repeat
}
.custom-icon input[type=checkbox]:checked + p span {
background: url(/frontend2/img/icons/input-checkbox-checked-green.png) left top no-repeat
}
.checkout .grey-box .bold {
font-weight: 700
}
.checkout .grey-box .address-item h3, .checkout .grey-box .address-item h4, .checkout .grey-box .info-item h3, .checkout .grey-box .info-item h4 {
margin: 0 0 10px;
font-size: 1.3em;
font-weight: 700
}
.checkout .grey-box .address-item h4, .checkout .grey-box .info-item h4 {
margin: 0 0 5px;
font-size: 1.2em
}
.checkout .grey-box .address-item label, .checkout .grey-box .info-item label {
font-weight: 400;
cursor: pointer
}
.checkout .grey-box .address-item label .title, .checkout .grey-box .info-item label .title {
font-size: 1.3em;
font-weight: 700
}
.billing-address-check label, label {
font-weight: 400
}
.checkout .grey-box .address-item label address, .checkout .grey-box .info-item label address {
position: relative;
left: 25px;
margin: 0 30px 0 0
}
.checkout .grey-box .add-address {
clear: both;
display: block;
float: left;
margin: 20px 0 0 25px
}
.checkout .grey-box .info-item address {
position: static
}
.checkout .grey-box .info-item li {
width: 100%;
font-size: .95em
}
.checkout .grey-box .info-item li span {
float: right
}
.checkout .grey-box .info-item:last-child {
margin: 0
}
.checkout .formRow .special_btn {
width: 60%;
padding: 0
}
.checkout fieldset.creditCards {
width: 60%
}
.billing-address-check {
margin: 0 0 20px 10px
}
.checkout.header .verisign {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -5229px;
background-repeat: no-repeat;
height: 56px;
width: 109px;
display: block
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.checkout.header .verisign {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -4541px;
height: 56px;
width: 109px
}
}
.progressbar h3 {
font-size: 18px
}
.btn.dropdown-toggle .dropdown_arrow_dark {
display: inline-block
}
#emailRegister.textField {
background: url(/frontend2/img/icons/check-green2.png) 98% center no-repeat
}
.footer_checkout {
margin: 80px 0 0
}
.footer_checkout .footerNav ul {
margin: 0;
padding: 12px 0;
text-align: center
}
.footer_checkout .footerNav ul li {
background: 0 0;
display: inline;
list-style-type: none;
margin: 0;
padding: 0
}
.footer_checkout .footerNav ul li a {
background: 0 0;
border-right: 1px solid #fff;
font-weight: 400;
margin-right: 15px;
padding-right: 15px
}
.footer_checkout .footerNav ul li:last-child a {
border-right: medium none;
margin-right: 0;
padding-right: 0
}
.footer_checkout .footer_copyrights {
padding: 10px 0
}
.footer_checkout .footer_copyrights p {
margin: 0
}
@media (max-width:767px) {
.basket_right_column_content.affix-bottom {
position: static !important
}
.basket_right_column_content.affix {
position: relative !important
}
}
@media (min-width:768px) {
.basket_right_column_content.affix-top {
position: static !important
}
.basket_right_column_content.affix {
position: fixed !important;
width: 220px;
top: 10px
}
.basket_right_column_content.affix-bottom {
position: relative !important
}
}
@media (min-width:991px) {
.basket_right_column_content.affix {
width: 293px
}
}
@media (min-width:1200px) {
.basket_right_column_content.affix {
width: 263px
}
}
.billingAddressContainer, .deliveryAddressContainer {
display: none
}
.billingAddressContainer.open, .deliveryAddressContainer.open {
display: block
}
@media (max-width:767px) {
.orderSummary {
display: none
}
.orderSummary.open {
display: block
}
}
@media (min-width:768px) {
.orderSummary {
display: block
}
}
.billingAddressOpener, .deliveryAddressOpener {
display: block;
width: 100%;
margin-right: 5px;
text-align: left
}
.billingAddressOpener input, .deliveryAddressOpener input {
margin-right: 10px
}
.billingAddressOpener p, .deliveryAddressOpener p {
cursor: pointer
}
.append-top {
margin: 50px 0 0
}
.checkoutForm h4 {
margin-bottom: 20px;
font-size: 16px
}
.button_pay.paypal-btn {
margin: 0;
background: #ffcd58;
display: block;
padding: 0 30px;
font-size: 14px;
font-weight: 700;
color: #414342;
text-shadow: 0 1px 0 #fff
}
.button_pay.paypal-btn .icon {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -3227px;
background-repeat: no-repeat;
height: 28px;
width: 99px;
display: inline-block;
margin: 10px 0 -10px 10px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.button_pay.paypal-btn .icon {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -2826px;
height: 28px;
width: 99px
}
}
.checkout-billing .button_pay {
display: inline-block;
width: 50%;
height: 45px;
margin: 0
}
.checkout-billing .button_pay:nth-child(2n) {
margin-right: 0
}
.checkout-billing .button_pay.btnOrderSummary {
float: none
}
.checkout-billing.paypal-btn {
margin: 0
}
.button_pay.full-width-mob {
display: block;
width: 100%;
margin: 20px 0
}
.basket_right_column .button_pay.paypal-btn {
margin-bottom: 15px
}
.summaryAreaMoney_wrap {
margin-top: 20px;
text-align: right
}
.summaryAreaMoney_wrap hr {
display: inline-block;
width: 45%;
margin: 10px 0
}
@media screen and (min-width:993px) {
.summaryAreaMoney_wrap {
width: 50%
}
}
@media screen and (min-width:770px) and (max-width:992px) {
.summaryAreaMoney_wrap {
width: 100%
}
}
@media screen and (min-width:481px) {
.formRow.two input.short-input, .formRow.two select.short-input {
width: 29%
}
.formRow.two input.brown-btn, .formRow.two select.brown-btn {
width: 60%;
margin-left: 30%
}
label.move-right {
width: auto;
margin: 0 0 0 30%;
padding: 0
}
}
@media screen and (max-width:480px) {
.button_pay {
display: block;
width: 100%;
margin: 0 0 15px
}
.formRow.two input.short-input, .formRow.two select.short-input {
width: 100%
}
.formRow.two input.brown-btn, .formRow.two select.brown-btn {
width: 100%;
margin-left: 0
}
.checkoutForm input[type=checkbox] + p {
margin: 0;
padding: 0
}
.footer_checkout .footerNav ul li {
display: block;
width: 100%;
line-height: 1.6em
}
.footer_checkout .footerNav ul li a {
border-right: 0;
margin-right: 0;
padding-right: 0
}
}
select {
background: #fff;
border: 1px solid #ccc
}
.grey-box .form .formRow {
float: none;
padding-right: 0
}
.deliveryAddressContainer.open {
padding: 0 25px;
overflow: hidden
}
.deliveryAddressContainer.open .form .formRow {
width: 100%
}
.deliveryAddressContainer.open .form label {
width: 30%
}
.deliveryAddressContainer.open .formRow .textField {
width: 60%
}
.deliveryAddressContainer.open .formRow.two .short-input {
width: 29%
}
@media (max-width:559px) {
.deliveryAddressContainer.open .form label {
width: 100%;
text-align: left
}
.deliveryAddressContainer.open .formRow .textField, .deliveryAddressContainer.open .formRow.two .short-input {
width: 100%
}
.formRow.two input.brown-btn, .formRow.two select.brown-btn {
margin-left: 0;
width: 100%
}
}
.dropdown_arrow, .open .dropdown_arrow {
height: 8px;
width: 13px;
background-repeat: no-repeat
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input, select, textarea {
font-size: 16px
}
}
.btnOrderSummary {
background-color: #491d2c
}
.dropdown_arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -143px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.dropdown_arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -118px;
height: 8px;
width: 13px
}
}
.open .dropdown_arrow {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -184px
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.open .dropdown_arrow {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -149px;
height: 8px;
width: 13px
}
}
input[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio
}
a.link-underline {
text-decoration: underline;
font-size: .9em
}
.icon-in-store {
background-image: url(/frontend2/img/icons-sf81648885b.png);
background-position: 0 -2191px;
background-repeat: no-repeat;
height: 23px;
width: 35px;
display: inline-block
}
@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (-webkit-min-device-pixel-ratio:2) and (min-resolution:192dpi),only screen and (min-device-pixel-ratio:2) {
.icon-in-store {
background-image: url(/frontend2/img/icons-2x-s878c5eb377.png);
background-size: 270px 4794px;
background-position: 0 -1890px;
height: 23px;
width: 36px
}
}
@media screen and (max-device-width:480px) {
.listing .listing-content .refineby_wrap .filters-slide, .listing .sort_wrapper .sort #sortBySelect, .listing .sort_wrapper .sort #sortBySelect option, .listing .sort_wrapper .sort #sortBySelect:focus, input:focus, select:focus, textarea:focus {
font-size: 16px !important
}
}
@media (max-width:767px) {
body .site.container {
margin-top: 37px
}
.invisible-xs {
visibility: hidden !important
}
.header .searchbox {
padding: 0;
height: 59px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none
}
.searchahead-results-container {
position: relative;
clear: none
}
.header .searchbox .search .input_search {
margin: 0;
height: 59px
}
.mob-search-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 59px;
left: 0;
background: hsla(0,0%,73%,.5);
transition: opacity .3s ease-out;
display: none
}
.btn-mob-search, .menu-close-header, .search-close {
background-repeat: no-repeat;
background-size: contain;
width: 32px
}
.search-close-wrapper {
padding: 0;
height: 47px;
cursor: pointer
}
.btn-mob-search, .search-close {
height: 32px;
margin: 10px auto 0
}
.search-close {
background-image: url(/frontend2/img/CloseArrowWhite.png)
}
.btn-mob-search {
background-image: url(/frontend2/img/SearchIconWhite.png)
}
.menu-close-wrapper {
padding: 0;
height: 47px;
cursor: pointer
}
.menu-close-header {
background-image: url(/frontend2/img/closeIcon.png);
height: 32px;
margin: 10px 0 0 auto
}
.head-icon-text {
display: inline-block;
color: #fff;
font-size: 7px;
margin-top: 30px;
margin-bottom: 10px
}
}
@media screen and (min-height:400px),screen and (max-width:480px) {
.listing .listing_menu_wrap.slide-side-menu .listing_menu {
height: 78%
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-wrap {
height: 22%
}
}
@media screen and (min-height:440px),screen and (max-width:480px) {
.listing .listing_menu_wrap.slide-side-menu .listing_menu {
height: 80%
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-wrap {
height: 20%
}
}
@media screen and (max-width:480px),screen and (min-height:500px) {
.listing .listing_menu_wrap.slide-side-menu .listing_menu {
height: 82%
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-wrap {
height: 18%
}
}
@media screen and (max-width:480px),screen and (min-height:600px) {
.listing .listing_menu_wrap.slide-side-menu .listing_menu {
height: 85%
}
.listing .listing_menu_wrap.slide-side-menu .product-nr-wrap {
height: 15%
}
}
.panel-dropdown .special-panel-content {
border: none;
overflow: hidden !important;
height: 0;
display: block !important;
margin-top: 20px
}
@media screen and (max-width:767px) {
.panel-dropdown .special-panel-content {
margin-top: 0
}
.header .dl-menuwrapper {
position: absolute;
top: -30px;
z-index: 99999
}
.dl-menuwrapper li.cat-nav-mob-head {
width: 100%;
height: 57px;
background-color: #4a1c2c
}
.header .dl-menuwrapper .cat-nav-mob-head a, .header .dl-menuwrapper .cat-nav-mob-head a:hover {
color: #fff;
text-decoration: underline;
line-height: 18px;
font-size: 12px;
padding: 0;
min-height: unset
}
.cat-nav-mob-head .head-text {
color: #fff;
font-size: 15px;
line-height: 20px;
font-weight: 700;
margin-top: 10px
}
}
.my-basket .line-item a:hover, a.tooltip:hover {
text-decoration: none
}
.panel-dropdown + .open .special-panel-content {
height: auto !important;
display: block !important;
overflow: auto !important
}
.scroll-toggle .slider_dots {
display: none
}
.open .slider_dots {
display: block !important
}
.header .basket-green {
display: block;
background-color: #8ecc0f;
float: right;
font-weight: 500;
width: 90%;
height: 47px;
border: 1px solid #8ecc0f;
padding-top: 2px;
line-height: 40px
}
.header .empty-basket {
background-color: #BFBFBF;
color: #BFBFBF;
border-color: #BFBFBF;
padding-top: 0;
line-height: 45px
}
.green-basket-items {
display: inline-block;
background: #fff;
color: #8ecc0f;
font-weight: 700;
width: 54%;
height: 41px;
margin: 0 2px;
padding-top: 1px;
-webkit-font-smoothing: antialiased;
cursor: pointer;
float: left
}
.header .empty-basket .green-basket-items {
background-image: url(//d1m54pdnjzjnhe.cloudfront.net/pngineer/5c991aa0-7fd8-11e6-abf3-df83425f3cd2.png);
background-repeat: no-repeat;
background-position: 10px;
color: #8E8E8E;
height: 45px;
text-align: left;
padding: 0 0 0 40px;
margin: 0
}
.header .basket-green a {
color: #fff;
font-weight: 100;
float: right;
height: 100%;
width: 40%
}
.dl-menuwrapper .screan-overlay {
position: fixed;
display: block;
visibility: hidden;
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,.5)
}
.dl-menu-child1 .list-image-bottom, .dl-menu-child1 .list-image-right {
display: none
}
@media (min-width:768px) {
.header .searchbox .dropdown_menu .drop_menu_title {
display: none
}
.header .searchbox .dropdown_menu {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin-top: 10px;
background-color: #fff
}
.header .dl-menuwrapper .dl-menu {
display: table;
margin: 0;
background-color: #fff;
border: 0;
width: 100%;
height: 100%;
z-index: 998
}
.header .dl-menuwrapper.menuactive:hover .screan-overlay {
visibility: visible
}
.header .dl-menuwrapper.menuactive .screan-overlay:hover {
visibility: hidden
}
.header .dl-menuwrapper .dl-menu .parent-menu-item {
display: table-cell;
color: #45132C;
font-weight: 600;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
background-image: url(/frontend2/img/divider.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 5px;
text-align: center
}
.header .dl-menuwrapper.menuactive .dl-menu:hover {
background-color: #BFBFBF
}
.header .dl-menuwrapper .dl-menu .dl-menu-child1 {
position: absolute;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
left: 0;
top: 28px;
width: 100%;
background-color: #fff;
color: #000;
text-align: left;
display: none
}
.header .dl-menuwrapper.menuactive .dl-menu .parent-menu-item:hover {
background-color: #fff
}
.sub1-menu-item {
display: list-item;
width: 20%;
padding: 10px 0 10px 10px
}
.dl-menu-child1 .list-image-right {
position: absolute;
top: 0;
right: 0
}
.dl-menu-child1 .list-image-bottom {
position: absolute;
bottom: 0;
left: 0
}
.sub1-menu-item .dl-menu-child2 {
margin-top: 5px
}
.sub1-menu-item .dl-menu-child2:last-child {
margin-bottom: 5px
}
.sub1-menu-item .dl-menu-child2:first-child .sub2-menu-item {
padding-top: 5px
}
.sub1-menu-item .dl-menu-child2 .sub2-menu-item {
font-weight: 100;
font-size: 12px;
line-height: 25px
}
.sub1-menu-item .dl-menu-child2 .sub2-menu-item a {
color: #7f8081
}
.header .dl-menuwrapper .dl-menu .parent-menu-item:nth-child(2) {
background-image: none
}
.header .dl-menuwrapper.menuactive .dl-menu .parent-menu-item:hover .dl-menu-child1 {
background-color: #fff;
border: 10px solid #fff;
display: flex
}
.dl-menu-child1 .list-image-right .img-wrapper {
display: inline-block
}
.dl-menu-child1 .list-image-bottom .img-wrapper {
display: block;
width: 100%;
text-align: center
}
.dl-menu-child1 .img-wrapper .img-container {
position: relative
}
.dl-menu-child1 .img-wrapper .img-container .img-overlay {
position: absolute;
border: 4px solid #fff;
background: rgba(255,255,255,.7);
height: 90px;
width: 190px;
top: 50%;
right: 50%;
margin-top: -45px;
margin-right: -95px;
padding: 7px 25px;
font-size: 19px;
text-align: center;
font-weight: 100;
line-height: 1.7
}
.dl-menu-child1 .img-wrapper .img-container .img-overlay:hover {
opacity: .75
}
.header .dl-menuwrapper .dl-menu .dl-menu-child1 .dl-all, .header .dl-menuwrapper .dl-menu .dl-menu-child1 .dl-back {
display: none;
margin-top: 10px
}
.header .dl-menuwrapper .dl-menu .dl-menu-parent .sub1-menu-item a {
color: #45132C
}
.parent-menu-item .mi-color-red a {
color: #FF2436
}
.parent-menu-item .mi-color-green a {
color: #8ecc0f
}
.parent-menu-item .mi-color-green a:hover, .parent-menu-item .mi-color-red a:hover {
color: #491927
}
.dl-all-top-cat {
margin-left: 10px
}
.header .dl-menuwrapper .dl-menu .parent-menu-item.hidden-item {
display: none
}
}
@media (min-width:768px) and (max-width:991px) {
.header .dl-menuwrapper .dl-menu .parent-menu-item {
font-size: 12px
}
.header .dl-menuwrapper .dl-menu .dl-menu-child1 {
top: 40px
}
.hide-on-tablet {
display: none
}
.cat-pappercraft, .cat-sewing {
height: 460px
}
.cat-baking {
height: 300px
}
.cat-kids {
height: 420px
}
.cat-knit {
height: 250px
}
.cat-essentials {
height: 700px
}
.cat-art {
height: 420px
}
.cat-decor {
height: 490px
}
.cat-easter, .cat-occasion {
height: 250px
}
.cat-wedding {
height: 380px
}
.cat-christmas {
height: 330px
}
.cat-dig-cutting {
height: 250px
}
}
@media (min-width:992px) {
.cat-pappercraft, .cat-sewing {
height: 460px
}
.cat-baking {
height: 300px
}
.cat-kids {
height: 420px
}
.cat-knit {
height: 250px
}
.cat-essentials {
height: 700px
}
.cat-art {
height: 420px
}
.cat-decor {
height: 430px
}
.cat-easter, .cat-occasion {
height: 250px
}
.cat-wedding {
height: 380px
}
.cat-christmas {
height: 330px
}
.cat-dig-cutting {
height: 250px
}
}
@media (min-width:1200px) {
.header .dl-menuwrapper .dl-menu .dl-menu-child1 {
top: 28px
}
.header .dl-menuwrapper .dl-menu .parent-menu-item:hover .dl-menu-child1 {
background: url(/frontend2/img/menubck.png) repeat-y #fff
}
.dl-menu-child1 .list-image-right {
display: list-item
}
}
@media (min-width:768px) and (max-width:1199px) {
.header .dl-menuwrapper .dl-menu .parent-menu-item .open {
background-image: none
}
.dl-menu-child1 .list-image-bottom {
display: list-item;
width: 100%
}
.sub1-menu-item {
width: 25%
}
.img-bottom-height {
padding-bottom: 50px
}
.img-bottom-2height {
padding-bottom: 100px
}
}
.my-basket .basket-item-header {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
padding: 7px 0
}
.my-basket .basket-item-header .line-head {
font-weight: 700;
padding: 0 5px
}
.row.no-margin {
margin: 0
}
.my-basket .line-item {
padding: 10px 0;
border-bottom: 1px solid #d1d1d1
}
.my-basket .line-item .item-img-wrap, .my-basket .remove-wrapper, .no-padding {
padding: 0
}
.modal-body .btn-remove, .my-basket .line-item .btn-remove {
border: 1px solid #ccc;
width: 30px;
height: 30px;
background: #f4f3f4;
color: #000;
text-align: center;
line-height: 27px;
vertical-align: middle;
float: right
}
.my-basket .line-item .small-font {
font-size: .7em
}
.my-basket .quantity-widget {
float: none;
width: 90px;
margin: 0
}
.modal-body .quantity-widget {
float: right;
width: 90px;
margin: 0
}
.modal-body .quantity-widget .minus, .modal-body .quantity-widget .plus, .modal-body .quantity-widget .quan, .my-basket .quantity-widget .minus, .my-basket .quantity-widget .plus, .my-basket .quantity-widget .quan {
width: 30px;
height: 30px;
line-height: 27px;
margin: 0
}
.modal-body .quantity-widget .quan, .my-basket .quantity-widget .quan {
font-size: 12px
}
.modal-body .quantity-widget .plus, .my-basket .quantity-widget .plus {
float: right
}
.modal-body .qty-widget-acction, .my-basket .qty-widget-acction {
width: 90px;
border: 1px solid #ccc;
margin-top: 10px
}
.modal-body .qty-widget-acction .update, .my-basket .qty-widget-acction .update {
height: 28px;
line-height: 27px;
margin: 0;
background: #f4f3f4;
text-align: center;
font-size: .9em
}
.modal-body input[type=number]::-webkit-inner-spin-button, .modal-body input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.modal-body input[type=number] {
-moz-appearance: textfield
}
.modal-body .qty-widget-acction {
cursor: pointer;
float: right
}
.modal-body a, .modal-body a:hover {
text-decoration: none;
cursor: pointer
}
.no-padding-right {
padding-right: 0
}
.no-padding-left {
padding-left: 0
}
.basket-footer {
margin-top: 10px
}
.no-breadcrumbs {
padding-top: 10px
}
.whitebox-greybord.right-panel {
padding: 0
}
.right-panel .alert.desc, .right-panel .info.desc, .right-panel .success.desc {
line-height: 1.5em;
font-size: .8em
}
.btn.btn-find-location {
background: #E9E9E7;
border: 1px solid #E9E9E7;
width: 100%
}
.btn.btn-find-store {
color: #fff;
border: 0;
width: 100%
}
.btn.btn-find-store:hover, .button_pay h3, .button_pay h3:hover {
color: #fff
}
.line-item .item-title a {
font-weight: 700
}
.btn-pay-wraper {
margin: 0 10px
}
.btn-continue-wrap, .btn.continue-btn.only-mobile {
max-width: 220px
}
.my-basket .line-item .item-price {
font-size: 14px;
font-weight: 700
}
.my-basket .line-item .item-price-wrap {
max-width: 55px
}
.my-basket .line-item .item-price-wrap .price {
padding: 0;
margin: 0;
line-height: normal
}
.extended_item a {
display: inline-block;
border: 1px solid #d1d1d1;
color: #000;
padding: 5px 20px;
margin-right: 10px;
font-weight: 700
}
.extended_item.link-red a {
color: #ff4b80;
border-color: #ff4b80
}
.extended_item.last {
margin-right: 60px
}
.height-310 {
min-height: 310px
}
.my_account .btn.new.smaller {
color: #fff
}
.address-acctions {
width: 100%;
text-align: right;
font-weight: 700
}
.listing.wishlist {
border-top: 1px solid #d1d1d1;
padding-top: 10px
}
.recs-buynow-btn {
margin-top: 10px;
text-align: center;
width: 100%;
float: left
}
.top-level-text {
display: none
}
.whitebox-greybord.right-panel.low-margin {
margin-bottom: 10px
}
.hedding-separator {
border-bottom: 1px solid #7a5f68
}
.newsletter.btn_wrap {
float: none;
text-align: center
}
.newsletter .checkbox input[type=checkbox] {
-webkit-appearance: checkbox
}
.no-decoration {
padding-left: 0
}
.grey-pay-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: url(/images/ajax-loader.gif) center no-repeat rgba(0,0,0,.5)
}
.summaryArea .basket_items_list .list_title {
padding: 12px 0;
float: left;
width: 100%;
height: auto;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-weight: 700;
text-align: left;
line-height: 1.5em
}
.summaryArea .basket_items_list .price_wrap {
width: 10%;
float: left
}
.summaryArea .basket_items_list .quantity_wrap {
width: 15%;
float: left
}
.summaryArea .basket_items_list .subtotal_wrap {
width: 10%
}
.link.near_store {
font-size: 1em
}
.loading-wrapper {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: rgba(0,0,0,.5)
}
.loading-spinner {
position: fixed;
left: 50%;
top: 50%
}
.reg-store-container {
border-top: 1px solid #dedede;
padding: 10px
}
.favourite_craft .sectionheader {
text-align: center;
font-style: normal
}
.btn.add_to_basket.grey-btn {
background-color: #c5c5c5;
border-color: #bbb
}
.button_pay.pay-disabled {
cursor: default;
color: #ff4b80;
background-color: #fff;
border: 1px solid #ff4b80
}
.infocode {
background-color: red;
color: #fff;
width: 100%;
font-weight: bolder
}
.infocode p {
margin: 5px;
text-align: center
}
.disabled {
opacity: .65;
cursor: not-allowed
}
.form .pp-details-input.addEcard {
text-align: center;
margin-top: 15px
}
.single_product .product_short_desc .form .pp-details-input input {
width: 100%
}
.single_product .product_short_desc .form .pp-details-input textarea {
width: 100%;
line-height: 1.5;
font-size: 1em
}
.pp-details-error {
font-size: 12px;
color: #ff4b80;
display: none
}
.single_product .product_short_desc .form .pp-details-input.date-pick {
position: relative;
width: 100%
}
.single_product .product_short_desc .form .pp-details-input.date-pick input {
display: block;
width: 100%;
box-sizing: border-box;
padding-left: 40px
}
.single_product .product_short_desc .form .pp-details-input.date-pick img {
position: absolute;
top: 6px;
left: 6px;
width: 22px;
cursor: pointer
}
.basket-cd-label {
min-width: 70px;
font-weight: 700;
padding: 0;
margin: 0;
border: 0
}
.basket-cd-container {
padding: 0;
margin: 0;
border: 0;
line-height: 1.5
}
.btn.grey-btn {
background-color: #f4f3f4;
border: 1px solid #ccc;
font-size: 1em;
padding: 5px 15px;
line-height: 20px
}
.basket-long-msg {
position: relative;
height: 35px;
padding-right: 15px;
background-color: #fff;
overflow: hidden
}
.basket-long-msg.cd-long-msg-open {
height: auto
}
.baskekt-cd-arrow {
position: absolute;
top: 0;
right: 0;
display: none
}
.form .add_to_basket.edit {
padding: 0;
margin-bottom: 20px;
max-width: 350px;
float: none
}
.mobile-banner {
max-width: 320px;
margin: 10px auto
}
.desktop-banner {
max-width: 836px;
margin: 10px auto
}
.login-amazon-btn {
width: 30%;
margin-top: 10px;
float: left
}
.login-amazon-text {
width: 70%;
padding: 5px 15px;
float: left
}
#addressBookWidgetDiv, #walletWidgetDiv {
min-width: 300px;
width: 100%;
max-width: 900px;
min-height: 228px;
height: 240px;
max-height: 400px
}
#readOnlyAddressBookWidgetDiv, #readOnlyWalletWidgetDiv {
min-width: 266px;
width: 100%;
max-width: 900px;
min-height: 145px;
height: 165px;
max-height: 180px
}
.amazon-disabled {
cursor: not-allowed
}
a.tooltip {
outline: 0
}
a.tooltip strong {
line-height: 30px
}
a.tooltip span {
z-index: 10;
display: none;
padding: 14px 20px;
margin-top: 60px;
margin-left: -160px;
width: 300px;
line-height: 16px;
border-radius: 2px;
box-shadow: 0 0 8px 4px #666
}
a.tooltip:hover span {
display: inline;
position: absolute;
border: 2px solid #FFF;
color: #EEE;
background: url(/images/css-tooltip-gradient-bg.png) repeat-x #333
}
.callout {
z-index: 20;
position: absolute;
border: 0;
top: -14px;
left: 120px
}
.left-margin30 {
margin-left: 30px
}
.vertical-margin {
margin-bottom: 10px;
margin-top: 10px
}
.button_pay.amazon {
margin: 0;
padding: 15px 15px 5px;
width: 250px;
float: right
}
.line-grey {
border-bottom: 1px solid #e2e3db
}
.swiper-slide img:hover {
cursor: pointer
}
/*.OLD AS IF IS USED WHILE STYLES ARE BEING MIGRATED*/
/* used for ajax loader */
.processMessage
{
position: fixed;
top: 50%;
left: 50%;
z-index: 10003;
}
.progressBackgroundFilter
{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
padding: 0;
margin: 0;
background-color: #000000;
filter: alpha(opacity=60);
opacity: 0.60;
z-index: 10002;
}
/***** google maps **/
.store-finder-map {
height: 354px;
margin-bottom: 10px;
padding: 0 0 26px;
}
.mapItself {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
height: 406px;
margin: 0;
width: 410px;
background: url('/frontend/img/map-bg.jpg') left top no-repeat;
}
.directions .showMap{
background: none repeat scroll 0 0 #DE4C7D !important;
}
/** BEGIN -Loading maps for region-Need one for Each region else will display country map **/
.mapContainer .east-of-england{
background: url('/frontend/img/east-england.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .east-midlands{
background: url('/frontend/img/east-midlands.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .london{
background: url('/frontend/img/london.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .north-east{
background: url('/frontend/img/north-east.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .north-west{
background: url('/frontend/img/north-west.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .scotland{
background: url('/frontend/img/scotland.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .south-east{
background: url('/frontend/img/south-east.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .south-west{
background: url('/frontend/img/south-west.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .wales{
background: url('/frontend/img/wales.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .west-midlands{
background: url('/frontend/img/west-midlands.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
.mapContainer .yorkshire-and-humberside{
background: url('/frontend/img/yorkshire-humberside.jpg') left 1px no-repeat !important;
width: 100%;
height: 100%;
}
/*END -Loading maps for region*/
.storeOpenings ul li.hiderow
{
display:none;
}
.mapContainer .redPin,.mapContainer .bluePin
{
margin-top:23px;
}
/*** Product Details Page Error Message ***/
.other .error {
color: #f00;
padding: 0 0 0 16px;
background: url('/frontend/img/error-alert-small.gif') left 1px no-repeat;
}
/*** Error Message Span ***/
.content .error {
color: #f00;
padding: 0 0 0 16px;
background: url('/frontend/img/error-alert-small.gif') left 1px no-repeat;
}
.hobbies-msg {
padding-top: 10px;
}
.myaccount-msg1
{
display: block;
padding-top: 10px;
}
.myaccount-msg2
{
font-size: 1.167em;
color: #ff0000;
display: block;
padding-top: 10px;
}
.sep {
padding-bottom: 10px;
background: url('/frontend/img/dots-large.gif') left bottom repeat-x;
}
.postcodelabel
{
margin-top:-142px;
vertical-align:text-top;
}
.disablebutton
{
background-color:#EEEAE1;
}
.hideme
{
display:none;
}
.skipContent
{
display:none;
}
.pinkButton input
{
padding-top:18px;
}
.deliveryOptions ul li .selected span
{
width:auto !important;
}
/*HTML WYSIWYG Editor for store events and team contents*/
.rightColumn .tabs .tab .tabContent td.teamcontent-para1,.rightColumn .tabs .tab .tabContent td.teamcontent-para2
{
padding-bottom:20px;
}
/*Forgot pwd pop-up*/
.popupContent .initial-one
{
width:393px;
}
.pop-password-fields dt {
clear: left;
float: left;
padding: 5px 0 0 36px;
width: 161px;
}
.pop-password-fields dd {
padding: 0 0 10px;
position: relative;
}
.pop-password-fields .text
{
width:160px;
}
h3.all-stores-header {
color: #000000;
background-image:none !important;
}
.middle .logo_payments
{
margin-top:20px;
}
.product_prices .offer {
display: block;
width: 57px;
height: 57px;
background: url('/frontend/img/special-offer.png');
text-indent: -9999px;
overflow: hidden;
}
.select-amount {
width: 20% !important;
}
.other-amount-box {
margin-bottom: 0px !important;
}
.store_finder_info.error
{
font-weight: bold;
color: red;
}
.added_to_wishlist {
padding-left: 50px;
}
.category_page h1.heading_underline
{
font-family: "StRydeBold",sans-serif;
font-size: 1.35em;
}
.category_heading {
font-size: 1.8em;
}
.error {
color: #ff0000;
/* Fix conflict with bootstrap css*/
background-color: transparent !important;
border-color: transparent !important;
}
.postcode-list select {
height: 100% !important;
}
.contact_us_new .form .input-group.radio label {
text-align: right;
width: 30%;
}
.contact_us_new .form .input-group.radio
{
padding-left: 0px;
}
@media (max-width: 480px)
{
.response-type {
margin-top: 20px;
margin-left: 20px;
}
}
.store_events .tabContent .events {
margin: 0;
padding: 0;
}
.store_events .tabContent .events li {
margin: 0 !important;
min-height: 154px;
height: auto !important;
height: 154px;
padding: 20px 10px 20px 167px !important;
border-bottom: 1px solid #d1d1d1;
}
.store_events .tabContent .events img {
box-shadow: 0 0 1px #B6B3AC;
padding: 4px;
position: absolute;
margin-left: -167px;
}
.store_events .tabContent .events h3 {
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1.167em;
margin-bottom: 3px;
}
.store_events .tabContent .events dl {
margin: 0;
padding: 0;
}
.store_events .tabContent .events dt {
float: left;
clear: left;
margin: 0 10px 3px 0;
}
.store_events .tabContent .events dd {
margin: 0;
float: left;
font-weight: bold;
}
.store_events .tabContent .events p {
clear: both;
}
.store_events .tabContent .button, .store_events .tabContent .button:hover {
background: none repeat scroll 0 0 #4a1c2c;
border: medium none;
border-radius: 5px;
box-shadow: 2px -2px 0 #e0e0e0;
color: #fff;
cursor: pointer;
font-family: "StRydeBold",Arial,Helvetica,sans-serif;
font-size: 1.167em;
font-weight: normal;
padding: 5px 10px;
max-width: none;
}
.event_wrap .description ul {
list-style-type : disc;
padding-left: 20px;
}
span.no_stock {
color: #ff0000 !important;
font-weight: bold;
}
@media screen and (max-width: 1199px) {
.theme-grey-bg .bazaarvoice_rating.search {
margin-right: 0px;
min-height: 30px;
margin-top: 5px;
}
}
@media screen and (min-width: 1200px) {
.theme-grey-bg .bazaarvoice_rating.search {
margin-right: 0px;
min-height: 10px;
margin-top: 5px;
}
}
.facetedSearch .stars, p .stars {
display: inline-block;
margin: 0;
background: url('stars.gif') left no-repeat;
width: 87px;
height: 14px;
text-indent: -9999px;
overflow: hidden;
display: block;
position: relative;
top: 2px;
margin: 2px 0 0;
float: left;
}
.facetedSearch .halfstars {
background-position: 1px -28px;
}
.facetedSearch .onestars {
background-position: -65px 0px;
}
.facetedSearch .twostars {
background-position: -48px 0px;
}
.facetedSearch .threestars {
background-position: -31px 0px;
}
.facetedSearch .fourstars {
background-position: -14px 0px;
}
.facetedSearch .fivestars {
background-position: 3px 0px;
}
.before_product_added .icon { background-image: url('/frontend2/img/icons-s7c4738472e.png'); background-position: 0 -242px; background-repeat: no-repeat; height: 20px; width: 20px; float: left; margin-right: 15px; }
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi), only screen and (min-device-pixel-ratio: 2) { /* line 3091, sass/_custom_site.scss */
.before_product_added .icon { background-image: url('/frontend2/img/icons-2x-s25e824837d.png'); background-size: 270px 3327px; background-position: 0 -202px; height: 20px; width: 20px; } }
.product_added .basket_short_desc .img{
float: left;
}
.basket-popup .summation .submit {
background-color: #8ecc0f;
}
.address-item .edit-link {
left: 25px;
}
.footer .footer_info_wrapper .info-tm {
font-size: .85em;
text-align: left;
}
/*AM0004998 -ECOM036 Rich snippets and SEO changes */
.single_product .product_short_desc span.price_new_currencysymbol {
float: left;
color: #ff4b80;
font-size: 1.4em;
font-weight: bold;
line-height: 30px;
}
.single_product .product_short_desc span.price_old_currencysymbol {
float: left;
color: #8d8d8d;
font-size: 14px;
font-weight: normal;
line-height: 30px;
}
.single_product .included .buy_in_store {
margin-bottom: 20px;
}
.single_product .included .telephone_ordering {
margin-bottom: 20px;
visibility: hidden;
}
.single_product .included .telephone_ordering .img {
background-image: url('/frontend2/img/icons-s7c4738472e.png');
background-position: 0 -1449px;
background-repeat: no-repeat;
height: 23px;
width: 36px;
}
.modal-content .modal-body .modal-row-02 .basket-logo{
background-image: url("/frontend2/img/icons-s7c4738472e.png");
background-position: 0px -206px;
background-repeat: no-repeat;
height: 26px;
width: 30px;
display: block;
float:left;
}
.buy-now-container{
background: transparent url("/frontend2/img/dots-small.gif") repeat-x scroll left bottom;
min-height: 42px;
}
.buy-now-container .buy-now-button{
margin-left:40px;
}
.modal-content .modal-footer .go-to-basket{
background-color:#8ECC0F;
width: 100%;
}
.modal-content .modal-body .modal-row-02{
border-top: 1px solid #e5e5e5;
padding-top:10px;
}
.buy-now-basketbutton{
margin:10px 0 0 30px;
bottom:0;
}
.other_products .recommended-product-details{
min-height:270px;
}
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 15px;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
z-index: 1050;
width: auto;
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media screen and (min-width: 768px) {
.modal-dialog {
right: auto;
left: 50%;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}
.modal-dialog .modal-content .item-is-price {
font-size: large;
}
.modal-dialog .modal-content .item-total-saving {
font-size:smaller;
font-weight: bold;
color: #000;
width: 70px;
}
.modal-dialog .modal-content .item-image {
margin-bottom: 20px;
}
.modal-dialog .modal-content .item-short-description {
padding-top: 30px;
}
.modal-dialog .modal-content .item-was-price {
font-size:smaller;
}
.promotion_code_old, .promotion_quest_old {
float: left;
}
.gift_card_old {
font-size: .9em;
text-align: right;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.btn_wrap .gift_card_old > span {
width: 100%;
display: block;
}
}
@media (min-width: 1200px) {
.single_product .product_short_desc { min-height: 500px; }
.my-address-err{margin-left: 280px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
.single_product .product_short_desc{min-height:395px;}
}@media (max-width: 767px){
.single_product .other_products{margin-top:0}
.chat_window_position{display: none;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.my-address-err{margin-left: 200px;}
}
@media (max-width: 991px) {
.my-address-err{margin-left: 5px;}
.theme-grey-bg .single_product .product_short_desc .larger{
width: 100%;
}
}
@media (max-width: 1199px){
.venue_event_link{clear: both; padding-top: 20px;}
}
.eventsItemRow{ padding: 10px 10px 30px 10px; border-bottom: 3px solid #B6B3AC; }
.eventColumn{ padding-top: 30px; }
.store_eventtime_icon { background-image: url('/frontend2/img/icons/icon-clock-15px.png'); background-position: 0 5px; background-repeat: no-repeat; height: 35px; padding: 2px 0 10px 25px; font-weight: bold;}
.store_eventdate_icon { background-image: url('/frontend2/img/icons/icon-calendar-15px.png'); background-position: 0 5px; background-repeat: no-repeat; height: 35px; padding: 2px 0 10px 25px; font-weight: bold;}
.chat_window_position{
position: fixed;
bottom: 0px;
right: 0px;
z-index: 10000;
}
.chat_window_position a[data-type="offline"]{
display: none;
}
.sw-btn{
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -22px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
font-size: 25px;
font-weight: bold;
text-align: center;
cursor: pointer;
z-index: 10;
}
.sw-btn-prev{
left: 10px;
right: auto;
}
.sw-btn-next{
right: 10px;
left: auto;
}
.swiper-pagination{
background-color: rgba(0, 0, 0, 0);
}
.custom-icon p span, .custom-icon span {
display: inline-block;
width: 18px;
height: 18px;
margin: -1px 8px 0 0;
vertical-align: middle;
cursor: pointer;
}
.gle_delivery_link{
text-align: center;
font-size: 0.8em;
border-bottom: 1px solid #d1d0ce;
}
.header-info{
text-align: right;
padding-right: 10px;
}
.listing-rpt-frame{
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.search-listing {
background-color: #e4e4e4;
padding-left: 25px !important; /*Override no gutter style*/
padding-right: 25px !important;
}
.search-listing .result-title {
font-size: 1.3em;
}
.search-listing .view-all-results {
display: table;
margin: 0 auto;
padding: 10px;
}
.search-listing .view-all-results .btn {
border: none;
font-size: 1em;
box-shadow: 0px 1px 2px #d2d6d5;
}
.listing .list_element .productName, .theme-grey-bg .list_element .productName.search {
height: 35px;
}
.facetedSearch .listing-cr{
top: 0;
margin-top: -2px;
}
.listing .filters-wrap .filters-list .cr-container {
padding: 6px 30px 6px 10px;
}
.bottommargin{
margin-bottom: 20px;
}
.theme-grey-bg .single_product .product_short_desc .sort_wrapper_sm{
float: left;
width: 50%;
margin: 0;
}
.listing .btn-wrap .btn-bottom {
color: #ffffff;
position: absolute;
bottom: 0;
}
.product_short_desc .btn_wrap .download{
width: 100%;
color: #ffffff;
}
.prod-attr-label {
padding-left: 0;
font-weight: bold;
}
.prod-attr-value{
padding-right: 0;
}
.theme-grey-bg .whitebox-greybord .form .k3-color-list {
display: block;
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.k3-color-list-hide{
overflow: hidden;
height: 50px;
}
.theme-grey-bg .whitebox-greybord .form .k3-color-list .k3-color-item {
padding: 3px;
margin: 2px;
display: inline-block;
width: 46px;
border: solid 1px #ccc;
}
.theme-grey-bg .whitebox-greybord .form .k3-variant-list .k3-variant-item {
padding: 3px;
margin: 2px;
display: inline-block;
width: 85px;
border: solid 1px #ccc;
}
.theme-grey-bg .whitebox-greybord .form .k3-variant-list .k3-variant-item:hover {
cursor: pointer;
}
.theme-grey-bg .whitebox-greybord .form .k3-variant-list .k3-variant-item.k3-color-selected:hover {
cursor: default;
}
.theme-grey-bg .whitebox-greybord .form .k3-color-list .k3-color-selected, .theme-grey-bg .whitebox-greybord .form .k3-variant-list .k3-color-selected {
border: solid 1px #000000;
}
@media (max-width: 767px) {
.k3-color-list-hide{
height: 69px;
}
.theme-grey-bg .whitebox-greybord .form .k3-color-list .k3-color-item {
width: 65px;
}
.theme-grey-bg .whitebox-greybord .form .k3-variant-list .k3-variant-item {
width: 85px;
}
}
.k3-toggle-container{
clear: both;
margin: 0;
padding-top: 10px;
width: 100%;
}
.k3-toggle-more{
max-width: 120px;
line-height: normal;
text-align: center;
font-weight: bold;
font-size: 12px;
padding: 10px 0;
margin: 10px auto;
border: 1px solid #d1d1d1;
background-color: #fbfaf8;
cursor: pointer;
}
.prod-attr-value .k3-wc{
float: left;
width: 25px;
height: 25px;
margin: 3px;
background-image: url('/frontend2/img/washcareicons.png');
background-repeat: no-repeat;
}
.color-item-wrapper{
position: relative;
width: 100%;
}
.k3-color-nostock{
background-color: rgba(255, 255, 255, 0.5);
width: 100%;
height: 17px;
font-size: 9px;
text-align: center;
position: absolute;
top: 10px;
left: 0;
z-index: 99;
}
@media (max-width: 767px) {
.k3-color-list-hide{
height: 69px;
}
.theme-grey-bg .whitebox-greybord .form .k3-color-list .k3-color-item {
width: 65px;
}
.k3-color-nostock{
top: 20px;
}
}
.k3-link-black{
text-decoration: underline;
color: #000;
}
.k3-link-black:hover{
text-decoration: none;
}
.k3-wc-30{background-position: -150px -31px;}
.k3-wc-30m{background-position: -60px -60px;}
.k3-wc-30vm{background-position: -240px -60px;}
.k3-wc-40{background-position: -180px -30px;}
.k3-wc-40m{background-position: -90px -60px;}
.k3-wc-40vm{background-position: 0 -88px;}
.k3-wc-60{background-position: -240px -30px;}
.k3-wc-60m{background-position: -150px -60px;}
.k3-wc-95{background-position: -30px -60px;}
.k3-wc-hand{background-position: -30px -30px;}
.k3-wc-nowash{background-position: -60px -30px;}
.k3-wc-bleach-any{background-position: -90px -118px;}
.k3-wc-bleach-no{background-position: -120px -118px;}
.k3-wc-bleach-oxy{background-position: -150px -118px;}
.k3-wc-iron-one{background-position: 0 -118px;}
.k3-wc-iron-two{background-position: -30px -118px;}
.k3-wc-iron-three{background-position: -60px -118px;}
.k3-wc-iron-no{background-position: -240px -88px;}
.k3-wc-dc-a{background-position: -60px -148px;}
.k3-wc-dc-all{background-position: -178px -119px;}
.k3-wc-dc-f{background-position: 0 -148px;}
.k3-wc-dc-fm{background-position: 0 -208px;}
.k3-wc-dc-no{background-position: -210px -118px;}
.k3-wc-dc-p{background-position: -240px -118px;}
.k3-wc-dc-pm{background-position: -120px -206px;}
.k3-wc-dc-pw{background-position: -30px -147px;}
.k3-wc-dc-pwm{background-position: -30px -206px;}
.k3-wc-dc-pwno{background-position: -90px -208px;}
.k3-wc-dc-pwvm{background-position: -60px -208px;}
.k3-wc-td-one{background-position: -1px -178px;}
.k3-wc-td-two{background-position: -29px -178px;}
.k3-wc-td-no{background-position: -240px -149px;}
.k3-wc-dry-fd{background-position: -179px -1px;}
.k3-wc-dry-fdd{background-position: -149px -208px;}
.k3-wc-dry-fdds{background-position: -179px -208px;}
.k3-wc-dry-fds{background-position: -209px -208px;}
.k3-wc-dry-ld{background-position: -149px -178px;}
.k3-wc-dry-ldd{background-position: -179px -178px;}
.k3-wc-dry-ldds{background-position: -209px -178px;}
.k3-wc-dry-lds{background-position: -240px -178px;}
.pdf-download-badge{
padding: 10px 0 10px 35px;
width: 150px;
height: 40px;
font-size: 12px;
color: #421c29;
background-image: url('/frontend2/img/icons/download.png');
background-repeat: no-repeat;
background-position-x: 3px;
background-position-y: 3px;
}
.pdf-left {
float: left;
margin-top: 10px;
}
.pdf-product{
line-height: 1.95;
margin-top: 0;
margin-bottom: 10px;
width: 178px;
}
@media screen and (min-width: 768px) and (max-width: 991px){
.pdf-product {
width: 120px;
padding-top: 5px;
line-height: normal;
}
}
/*-------------------------------------------------*/
.facetedSearch .white .color, .theme-grey-bg .white .color { background-color: #fff; }
.facetedSearch .brown .color, .theme-grey-bg .brown .color { background-color: #8b572a; }
.facetedSearch .black .color, .theme-grey-bg .black .color { background-color: #000; }
.facetedSearch .blue .color, .theme-grey-bg .blue .color { background-color: #4a90e2; }
.facetedSearch .clear .color, .theme-grey-bg .clear .color { background-color: #fff; }
.facetedSearch .cream .color, .theme-grey-bg .cream .color { background-color: #fef2bc; }
.facetedSearch .pink .color, .theme-grey-bg .pink .color { background-color: #ffc0cb; }
.facetedSearch .silver .color, .theme-grey-bg .silver .color { background-color: #c0c0c0; }
.facetedSearch .green .color, .theme-grey-bg .green .color { background-color: #417505; }
.facetedSearch .red .color, .theme-grey-bg .red .color { background-color: #ff0000; }
.facetedSearch .gold .color, .theme-grey-bg .gold .color { background-color: #ffd700; }
.facetedSearch .purple .color, .theme-grey-bg .purple .color { background-color: #800080; }
.facetedSearch .grey .color, .theme-grey-bg .grey .color { background-color: #808080; }
.facetedSearch .natural .color, .theme-grey-bg .natural .color { background-color: #966f33; }
.facetedSearch .yellow .color, .theme-grey-bg .yellow .color { background-color: #f8e71c; }
.facetedSearch .copper .color, .theme-grey-bg .copper .color { background-color: #c87533; }
.facetedSearch .bronze .color, .theme-grey-bg .bronze .color { background-color: #cd7f32; }
.facetedSearch .multicoloured .color, .theme-grey-bg .multicoloured .color { background-color: #4f4693; *zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF4F4693', endColorstr='#FFB877D1');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNDY5MyIvPjxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjYWRiNjMzIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM2NmI2NjgiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzgyOTVhZiIvPjxzdG9wIG9mZnNldD0iODIlIiBzdG9wLWNvbG9yPSIjODI5NWFmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjg3N2QxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #4f4693),color-stop(12%, #adb633),color-stop(40%, #66b668),color-stop(60%, #8295af),color-stop(82%, #8295af),color-stop(100%, #b877d1));
background-image: -moz-linear-gradient(left top, #4f4693 0%,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%);
background-image: -webkit-linear-gradient(left top, #4f4693 0%,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%);
background-image: linear-gradient(to right bottom, #4f4693 0%,#adb633 12%,#66b668 40%,#8295af 60%,#8295af 82%,#b877d1 100%);
}
.facetedSearch .assorted .color, .theme-grey-bg .assorted .color { background-color: #3228b1; *zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF3228B1', endColorstr='#FFADE75E');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMjhiMSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjNTZhMmY5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRlNzVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3228b1),color-stop(55%, #56a2f9),color-stop(100%, #ade75e));
background-image: -moz-linear-gradient(left, #3228b1 0%,#56a2f9 55%,#ade75e 100%);
background-image: -webkit-linear-gradient(left, #3228b1 0%,#56a2f9 55%,#ade75e 100%);
background-image: linear-gradient(to right, #3228b1 0%,#56a2f9 55%,#ade75e 100%);
}.facetedSearch .orange .color, .theme-grey-bg .orange .color { background-color: #fad760; *zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFAD760', endColorstr='#FFF76E1E');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZDc2MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3NmUxZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #fad760),color-stop(100%, #f76e1e));
background-image: -moz-linear-gradient(top, #fad760 1%,#f76e1e 100%);
background-image: -webkit-linear-gradient(top, #fad760 1%,#f76e1e 100%);
background-image: linear-gradient(to bottom, #fad760 1%,#f76e1e 100%);
}
.errorcc{
color: #ff0000;
font-size: 0.8em;
padding-left: 25px;
}
.header .main_nav{
margin-bottom: 7px;
}
.header .main_nav a:hover{
text-decoration: underline;
}
.header .main_nav .sub-menu li{
display: inline-block;
font-size: 13px;
}
.header .main_nav .sub-menu .navmenu-divider{
height: 8px;
margin-left: 3px;
margin-right: 3px;
}
.header .navmenu-divider {
display: block;
border-left: 1px solid #000;
display: inline-block;
height: 10px;
margin-left: 5px;
margin-right: 7px;
}
.header .offers-bar{
display: block;
border-bottom: 1px solid #CFD1D1;
border-top: 1px solid #CFD1D1;
width: 100%;
display: block;
clear: both;
text-align: center;
font-size: 12px;
color: #525252;
-webkit-font-smoothing: antialiased;
padding: 6px 0px;
margin-bottom: 10px;
}
.header .offers-bar .item-with-separator{
border-left: 1px solid #909292;
padding-left: 18px;
margin-left: 14px;
}
.searchahead-results-container .btn-default.submit {
border-left: transparent;
height: 42px;
border-radius: 0;
text-transform: capitalize;
padding: 0 15px;
}
.header .searchbox .basket{
margin-top: 4px;
padding: 0;
}
.b2b-radio label {
float: right;
width: 200px;
text-align: left;
padding-left: 10px;
}
.select-order input[type="checkbox"], .my_account input[type="checkbox"], .login input[type="checkbox"] {
-webkit-appearance: checkbox;
}
.errorAlert {
color: #ff0000;
background-color: #f2dede;
border-color: #eed3d7;
padding: 6px 10px;
border-style: solid;
border-width: 1px;
}
.video-with-thumb {
display: inline-block;
position: relative;
border: 1px solid #d1d1d1;
padding: 5px;
width: 100px;
margin: 3px 2px;
}
.video-play {
position: absolute;
left: 30%;
top: 25%;
}
.btn.continue-btn.purple {
background-color: #421c29;
}
.content-right {
text-align: right;
}
.modal-close-text {
font-size: 14px;
line-height: 21px;
vertical-align: text-bottom;
}
/*input type did not find element - use class structure'*/
.BVCheckboxField .BVFieldCheckbox {
-webkit-appearance: checkbox;
}
.ellipsis-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*Keep bootstrap columns equal height*/
.row.equal {
display: flex;
flex-wrap: wrap;
}
.search-listing .suggested-product-single {
padding: 3px 3px 20px 3px;
background-color:#99cd00;
margin-bottom:10px
}
.search-listing .suggested-product {
padding:0;
background-color:transparent;
}
.suggested-product .product-area, .suggested-product-single .product-area {
margin:2px;
background-color:white;
padding-bottom:5px;
}
.suggested-product-single .view-product {
text-align: center;
margin-top: 15px;
color: white;
font-size: 1.3em;
font-weight: 600;
}
.suggested-product-single .view-link{
padding: 0 !important;
}
.whitebox-greybord.small-slider {
width: 100%;
padding: 0 20px;
}
.h1-header {
font-size: 1.7em;
font-weight: 400;
font-family: Helvetica, Arial, sans-serif;
margin: 3px 0 7px 0;
color: #222;
line-height: 1.2;
}
.theme-grey-bg .other_products .product.small-slider{
border: 0;
padding: 0;
width: 155px;
margin-bottom: 0;
margin-right: 10px;
min-height: 260px;
}
.theme-grey-bg .other_products .product.small-slider .product-br {
border-color: #f4f4f4;
}
.theme-grey-bg .single_product .other_products.small-slider {
margin: 0;
padding: 0;
}
.theme-grey-bg .horizontal_scroll.small-slider {
margin-right: 20px;
float: right;
width: 330px;
padding: 0;
}
.theme-grey-bg .slider_container .arrow_next.small-slider, .theme-grey-bg .slider_container .arrow_prev.small-slider {
width: 30px;
height: 245px;
padding: 0;
float: left;
cursor: pointer;
}
.theme-grey-bg .slider_container .arrow_prev.small-slider {
left: 215px;
}
.theme-grey-bg .slider_container .arrow_next.small-slider {
right: 0;
}
.bundle-details {
width: 215px;
height: 244px;
float: right;
border: 1px solid #f4f4f4;
padding: 10px;
float: left;
}
.bundle-details .bd-title {
margin-bottom: 5px;
min-height: 72px;
}
.bundle-details .bd-price {
font-size: 1.5em;
font-weight: bold;
margin-bottom: 5px;
}
.bundle-details .bd-saving {
vertical-align: middle;
text-transform: none;
font-family: Helvetica, Arial, sans-serif;
background-color: #fff;
width: 100%;
text-align: center;
border: 1px solid #d61f35;
font-size: 0.9em;
padding: 5px;
line-height: normal;
white-space: normal;
height: auto;
color: #d61f35;
margin-bottom: 5px;
margin-top: 35px;
}
.btn.small-slider {
margin: 5px 0 0 50px;
}
.theme-grey-bg .panel-content .bazaarvoice_rating.small-slider {
margin-right: 0;
}
.slider_container.small-slider {
cursor: default;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.theme-grey-bg .other_products .product.small-slider {
width: 125px;
min-height: 230px;
}
.theme-grey-bg .horizontal_scroll.small-slider {
width: 270px;
}
.theme-grey-bg .slider_container .arrow_prev.small-slider {
left: 172px;
}
.theme-grey-bg .slider_container .arrow_next.small-slider {
right: 0;
}
.slider_dots.small-slider {
width: 250px;
}
.bundle-details .bd-title {
margin-bottom: 0;
}
.bundle-details .bd-price {
margin-bottom: 0;
}
.bundle-details .bd-saving {
margin-top: 0;
margin-bottom: 0;
}
.theme-grey-bg .single_product .btn.small-slider {
height: 32px;
line-height: 32px;
margin-top: 5px;
font-size: 1em;
}
.bundle-details {
height: 214px;
width: 170px;
}
.theme-grey-bg .slider_container .arrow_next.small-slider, .theme-grey-bg .slider_container .arrow_prev.small-slider {
height: 215px;
}
.btn.small-slider {
margin-left: 37px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.bundle-details {
width: 305px;
height: 135px;
float: left;
margin: 0 30px;
}
.bundle-details .bd-title {
margin-bottom: 0;
min-height: 48px;
}
.bundle-details .bd-price {
margin-bottom: 0;
width: 145px;
float: left;
}
.bundle-details .bd-saving {
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
width: 190px;
float: left;
}
.theme-grey-bg .single_product .btn.small-slider {
height: 32px;
line-height: 32px;
font-size: 1em;
}
.btn.small-slider {
margin: 0;
}
.theme-grey-bg .other_products .product.small-slider {
width: 152px;
}
.theme-grey-bg .horizontal_scroll.small-slider {
width: 305px;
float: left;
margin-left: 30px;
}
.theme-grey-bg .slider_container .arrow_next.small-slider, .theme-grey-bg .slider_container .arrow_prev.small-slider {
height: 245px;
margin-top: 135px;
}
.theme-grey-bg .slider_container .arrow_prev.small-slider {
left: 0;
}
.theme-grey-bg .slider_container .arrow_next.small-slider {
right: 0;
}
}
@media screen and (max-width: 767px) {
.theme-grey-bg .horizontal_scroll.small-slider {
float: none;
margin: 0 auto;
max-width: 280px;
}
.bundle-details {
width: 280px;
height: 135px;
float: none;
margin: 0 auto;
}
.theme-grey-bg .other_products .product.small-slider{
width: 140px;
min-height: 230px;
margin: 0;
}
.bundle-details .bd-title {
margin-bottom: 0;
min-height: 48px;
}
.bundle-details .bd-price {
margin-bottom: 0;
width: 50%;
float: left;
}
.bundle-details .bd-saving {
margin-top: 0;
margin-bottom: 0;
width: 51%;
float: left;
}
.theme-grey-bg .single_product .btn.small-slider {
height: 32px;
line-height: 32px;
font-size: 1em;
float: right;
}
.btn.small-slider {
margin: 0;
}
.theme-grey-bg .other_products.small-slider {
border: 0;
}
.theme-grey-bg .whitebox-greybord .product.small-slider .product-br {
height: 230px;
}
.slider_dots.small-slider {
float: none;
width: 100%;
margin: 0;
}
.theme-grey-bg .whitebox-greybord.panel-dropdown.open .panel-content .bazaarvoice_rating.small-slider{
display: block;
}
}
.gc-container {
padding: 10px;
line-height: 2;
}
.gc-container .gc-item-label {
display: inline-block;
width: 150px;
}
.gc-container .gc-transactions {
float: none;
position: inherit;
background-image: none;
}
.gc-container .gc-transactions th {
border: 1px solid #d1d1d1;
}
.bsk-qty-info {
padding-left: 20px;
}
.bsk-gc-edit {
text-align: left;
}
.gc-info-text {
border: 1px solid #d1d1d1;
line-height: 1.5;
padding: 10px;
}
.sm-top-level {
font-weight: bold;
padding: 10px 0;
line-height: 1.5;
}
.sm-first-child {
font-weight: normal;
padding: 0 0 0 10px;
line-height: 1.5;
}
.sm-last-child {
padding-bottom: 0;
padding: 0 0 0 10px;
line-height: 1.5;
}
.check-store-container {
float: left;
margin-bottom: 15px;
width: 100%;
}
.check-store-btn {
text-align: center;
border: 1px solid #9b9b9b;
background-color: #f4f3f4;
cursor: pointer;
}
.check-store-btn.no-active {
cursor: default;
}
.check-store-btn.pnl {
cursor: default;
text-align: left;
padding-left: 10px;
}
.stock-my-location {
display: inline-block;
float: left;
}
.stock-find-divider {
display: inline-block;
padding-top: 8px;
}
.stock-find-store {
display: inline-block;
float: right;
}
.stock-current-location {
padding: 8px 20px;
border: 0;
background-color: #8ecc0f;
color: #fff;
}
.stock-find-btn {
padding: 8px 20px 6px 20px;
border: 1px solid #421c29;
background-color: #421c29;
color: #fff;
margin-left: -5px;
}
.modal-body.stock-container{
padding: 10px 10px 15px 10px;
background-color: #e5e5e5;
text-align: center;
}
.modal-footer.stock-container {
padding: 0;
line-height: normal;
font-size: 12px;
}
#stockCheckResult {
padding: 0 10px;
}
.stock-error-msg {
padding-top: 10px;
color: #d61f35;
margin-bottom: -5px;
}
.stock-find-store input {
padding: 5px;
margin: 0;
width: 200px;
}
.store-name {
font-weight: bold;
text-transform: uppercase;
font-size: 1.3em;
}
.store-row {
padding-bottom: 5px;
margin-bottom: 10px;
}
.stock-message {
margin-bottom: 10px;
background-color: #e5e5e5;
padding: 5px 10px;
text-align: center;
line-height: normal;
}
.store-divider-line {
border-bottom: 1px solid #d1d1d1;
text-align: center;
margin-bottom: 10px;
}
.store-show-details {
font-weight: bold;
font-size: 12px;
text-align: center;
cursor: pointer;
padding-bottom: 10px;
display: inline-block;
}
.store-row dt {
font-weight: normal;
font-size: 13px;
display: inline-block;
}
.store-row dd {
display: inline-block;
float: right;
font-size: 13px;
}
.store-open-hours {
font-weight: bold;
text-align: left;
text-transform: uppercase;
}
.store-details-hide {
display: none;
}
.show-more-arrow {
display: inline-block;
width: 13px;
height: 10px;
background: url(/frontend2/img/svg/icon-arrow-down.svg) no-repeat;
}
.rotate-arrow {
-moz-transform: rotateX(160deg);
-ms-transform: rotateX(160deg);
-webkit-transform: rotateX(160deg);
transform: rotateX(160deg);
}
.store-department {
text-align: left;
padding: 10px;
}
.stock-icon {
width: 30px;
height: 30px;
margin: 0 auto;
background-repeat: no-repeat;
background-size: contain;
}
.stock-description {
font-size: 1.2em;
text-align: center;
line-height: normal;
padding-top: 7px;
}
.in-stock .stock-icon { background-image: url('../images/in_stock.png'); }
.low-stock .stock-icon { background-image: url('../images/low_stock_v3.png'); }
.out-stock .stock-icon { background-image: url('../images/not_in_stock.png'); }
.not-available-stock .stock-icon { display: none; }
.not-available-stock .stock-description {
display: inline-block;
margin: 0 auto;
width: 100%;
vertical-align: middle;
}
.add-continue-btn {
background-color: #fff;
height: 35px;
padding: 0 10px;
font-size: 1.1em;
line-height: 35px;
color: #000;
}
.add-continue-btn:hover {
color: #000;
}
#decreaseQty.disabled {
cursor : not-allowed;
}
#decreaseQty.disabled .minus {
color: #e5e5e5;
cursor : not-allowed;
}
.theme-grey-bg .quantity-widget .minus.disabled {
color: #e5e5e5;
cursor : not-allowed;
}
.btn.white-btn {
background-color: #fff;
color: #000;
height: 42px;
line-height: 32px;
font-size: 1.2em;
padding: 5px 10px;
margin-bottom: 10px;
}
.btn.clear {
border: 0;
background-color: #fff;
color: #4a90e2;
}
@media (max-width: 519px) {
.stock-find-store input {
width: 130px;
}
}
@media (max-width: 499px) {
.stock-current-location { padding: 8px 5px; }
.stock-find-btn { padding: 8px 5px 6px 5px; }
}
.pp-wrapper-checkout {
margin: 10px auto;
max-width: 220px;
}
.pp-hidden, .amazon-hidden {
display: none;
}
.pp-button-disabled {
background-color: #ffc439;
color: #111;
text-align: center;
cursor: not-allowed;
padding-top: 7px;
border-radius: 6px;
}
.amazon-pay-disabled {
cursor: not-allowed;
}
.btn-pp-image {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICAgIDxwYXRoIGZpbGw9IiMwMDljZGUiIGQ9Ik0gMjAuOTA1IDkuNSBDIDIxLjE4NSA3LjQgMjAuOTA1IDYgMTkuNzgyIDQuNyBDIDE4LjU2NCAzLjMgMTYuNDExIDIuNiAxMy42OTcgMi42IEwgNS43MzkgMi42IEMgNS4yNzEgMi42IDQuNzEgMy4xIDQuNjE1IDMuNiBMIDEuMzM5IDI1LjggQyAxLjMzOSAyNi4yIDEuNjIgMjYuNyAyLjA4OCAyNi43IEwgNi45NTYgMjYuNyBMIDYuNjc1IDI4LjkgQyA2LjU4MSAyOS4zIDYuODYyIDI5LjYgNy4yMzYgMjkuNiBMIDExLjM1NiAyOS42IEMgMTEuODI1IDI5LjYgMTIuMjkyIDI5LjMgMTIuMzg2IDI4LjggTCAxMi4zODYgMjguNSBMIDEzLjIyOCAyMy4zIEwgMTMuMjI4IDIzLjEgQyAxMy4zMjIgMjIuNiAxMy43OSAyMi4yIDE0LjI1OCAyMi4yIEwgMTQuODIxIDIyLjIgQyAxOC44NDUgMjIuMiAyMS45MzUgMjAuNSAyMi44NzEgMTUuNSBDIDIzLjMzOSAxMy40IDIzLjE1MyAxMS43IDIyLjAyOSAxMC41IEMgMjEuNzQ4IDEwLjEgMjEuMjc5IDkuOCAyMC45MDUgOS41IEwgMjAuOTA1IDkuNSI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzAxMjE2OSIgZD0iTSAyMC45MDUgOS41IEMgMjEuMTg1IDcuNCAyMC45MDUgNiAxOS43ODIgNC43IEMgMTguNTY0IDMuMyAxNi40MTEgMi42IDEzLjY5NyAyLjYgTCA1LjczOSAyLjYgQyA1LjI3MSAyLjYgNC43MSAzLjEgNC42MTUgMy42IEwgMS4zMzkgMjUuOCBDIDEuMzM5IDI2LjIgMS42MiAyNi43IDIuMDg4IDI2LjcgTCA2Ljk1NiAyNi43IEwgOC4yNjcgMTguNCBMIDguMTczIDE4LjcgQyA4LjI2NyAxOC4xIDguNzM1IDE3LjcgOS4yOTYgMTcuNyBMIDExLjYzNiAxNy43IEMgMTYuMjI0IDE3LjcgMTkuNzgyIDE1LjcgMjAuOTA1IDEwLjEgQyAyMC44MTIgOS44IDIwLjkwNSA5LjcgMjAuOTA1IDkuNSI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSA5LjQ4NSA5LjUgQyA5LjU3NyA5LjIgOS43NjUgOC45IDEwLjA0NiA4LjcgQyAxMC4yMzIgOC43IDEwLjMyNiA4LjYgMTAuNTEzIDguNiBMIDE2LjY5MiA4LjYgQyAxNy40NDIgOC42IDE4LjE4OSA4LjcgMTguNzUzIDguOCBDIDE4LjkzOSA4LjggMTkuMTI3IDguOCAxOS4zMTQgOC45IEMgMTkuNTAxIDkgMTkuNjg4IDkgMTkuNzgyIDkuMSBDIDE5Ljg3NSA5LjEgMTkuOTY4IDkuMSAyMC4wNjMgOS4xIEMgMjAuMzQzIDkuMiAyMC42MjQgOS40IDIwLjkwNSA5LjUgQyAyMS4xODUgNy40IDIwLjkwNSA2IDE5Ljc4MiA0LjYgQyAxOC42NTggMy4yIDE2LjUwNiAyLjYgMTMuNzkgMi42IEwgNS43MzkgMi42IEMgNS4yNzEgMi42IDQuNzEgMyA0LjYxNSAzLjYgTCAxLjMzOSAyNS44IEMgMS4zMzkgMjYuMiAxLjYyIDI2LjcgMi4wODggMjYuNyBMIDYuOTU2IDI2LjcgTCA4LjI2NyAxOC40IEwgOS40ODUgOS41IFoiPjwvcGF0aD4KPC9zdmc+Cg==");
width: 15px;
height: 21px;
background-size: contain;
display: inline-block;
}
.btn-paypal-image {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMTAwIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPgogICAgPHBhdGggZmlsbD0iIzAwMzA4NyIgZD0iTSAxMiA0LjkxNyBMIDQuMiA0LjkxNyBDIDMuNyA0LjkxNyAzLjIgNS4zMTcgMy4xIDUuODE3IEwgMCAyNS44MTcgQyAtMC4xIDI2LjIxNyAwLjIgMjYuNTE3IDAuNiAyNi41MTcgTCA0LjMgMjYuNTE3IEMgNC44IDI2LjUxNyA1LjMgMjYuMTE3IDUuNCAyNS42MTcgTCA2LjIgMjAuMjE3IEMgNi4zIDE5LjcxNyA2LjcgMTkuMzE3IDcuMyAxOS4zMTcgTCA5LjggMTkuMzE3IEMgMTQuOSAxOS4zMTcgMTcuOSAxNi44MTcgMTguNyAxMS45MTcgQyAxOSA5LjgxNyAxOC43IDguMTE3IDE3LjcgNi45MTcgQyAxNi42IDUuNjE3IDE0LjYgNC45MTcgMTIgNC45MTcgWiBNIDEyLjkgMTIuMjE3IEMgMTIuNSAxNS4wMTcgMTAuMyAxNS4wMTcgOC4zIDE1LjAxNyBMIDcuMSAxNS4wMTcgTCA3LjkgOS44MTcgQyA3LjkgOS41MTcgOC4yIDkuMzE3IDguNSA5LjMxNyBMIDkgOS4zMTcgQyAxMC40IDkuMzE3IDExLjcgOS4zMTcgMTIuNCAxMC4xMTcgQyAxMi45IDEwLjUxNyAxMy4xIDExLjIxNyAxMi45IDEyLjIxNyBaIj48L3BhdGg+CiAgICA8cGF0aCBmaWxsPSIjMDAzMDg3IiBkPSJNIDM1LjIgMTIuMTE3IEwgMzEuNSAxMi4xMTcgQyAzMS4yIDEyLjExNyAzMC45IDEyLjMxNyAzMC45IDEyLjYxNyBMIDMwLjcgMTMuNjE3IEwgMzAuNCAxMy4yMTcgQyAyOS42IDEyLjAxNyAyNy44IDExLjYxNyAyNiAxMS42MTcgQyAyMS45IDExLjYxNyAxOC40IDE0LjcxNyAxNy43IDE5LjExNyBDIDE3LjMgMjEuMzE3IDE3LjggMjMuNDE3IDE5LjEgMjQuODE3IEMgMjAuMiAyNi4xMTcgMjEuOSAyNi43MTcgMjMuOCAyNi43MTcgQyAyNy4xIDI2LjcxNyAyOSAyNC42MTcgMjkgMjQuNjE3IEwgMjguOCAyNS42MTcgQyAyOC43IDI2LjAxNyAyOSAyNi40MTcgMjkuNCAyNi40MTcgTCAzMi44IDI2LjQxNyBDIDMzLjMgMjYuNDE3IDMzLjggMjYuMDE3IDMzLjkgMjUuNTE3IEwgMzUuOSAxMi43MTcgQyAzNiAxMi41MTcgMzUuNiAxMi4xMTcgMzUuMiAxMi4xMTcgWiBNIDMwLjEgMTkuMzE3IEMgMjkuNyAyMS40MTcgMjguMSAyMi45MTcgMjUuOSAyMi45MTcgQyAyNC44IDIyLjkxNyAyNCAyMi42MTcgMjMuNCAyMS45MTcgQyAyMi44IDIxLjIxNyAyMi42IDIwLjMxNyAyMi44IDE5LjMxNyBDIDIzLjEgMTcuMjE3IDI0LjkgMTUuNzE3IDI3IDE1LjcxNyBDIDI4LjEgMTUuNzE3IDI4LjkgMTYuMTE3IDI5LjUgMTYuNzE3IEMgMzAgMTcuNDE3IDMwLjIgMTguMzE3IDMwLjEgMTkuMzE3IFoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IiMwMDMwODciIGQ9Ik0gNTUuMSAxMi4xMTcgTCA1MS40IDEyLjExNyBDIDUxIDEyLjExNyA1MC43IDEyLjMxNyA1MC41IDEyLjYxNyBMIDQ1LjMgMjAuMjE3IEwgNDMuMSAxMi45MTcgQyA0MyAxMi40MTcgNDIuNSAxMi4xMTcgNDIuMSAxMi4xMTcgTCAzOC40IDEyLjExNyBDIDM4IDEyLjExNyAzNy42IDEyLjUxNyAzNy44IDEzLjAxNyBMIDQxLjkgMjUuMTE3IEwgMzggMzAuNTE3IEMgMzcuNyAzMC45MTcgMzggMzEuNTE3IDM4LjUgMzEuNTE3IEwgNDIuMiAzMS41MTcgQyA0Mi42IDMxLjUxNyA0Mi45IDMxLjMxNyA0My4xIDMxLjAxNyBMIDU1LjYgMTMuMDE3IEMgNTUuOSAxMi43MTcgNTUuNiAxMi4xMTcgNTUuMSAxMi4xMTcgWiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iIzAwOWNkZSIgZD0iTSA2Ny41IDQuOTE3IEwgNTkuNyA0LjkxNyBDIDU5LjIgNC45MTcgNTguNyA1LjMxNyA1OC42IDUuODE3IEwgNTUuNSAyNS43MTcgQyA1NS40IDI2LjExNyA1NS43IDI2LjQxNyA1Ni4xIDI2LjQxNyBMIDYwLjEgMjYuNDE3IEMgNjAuNSAyNi40MTcgNjAuOCAyNi4xMTcgNjAuOCAyNS44MTcgTCA2MS43IDIwLjExNyBDIDYxLjggMTkuNjE3IDYyLjIgMTkuMjE3IDYyLjggMTkuMjE3IEwgNjUuMyAxOS4yMTcgQyA3MC40IDE5LjIxNyA3My40IDE2LjcxNyA3NC4yIDExLjgxNyBDIDc0LjUgOS43MTcgNzQuMiA4LjAxNyA3My4yIDYuODE3IEMgNzIgNS42MTcgNzAuMSA0LjkxNyA2Ny41IDQuOTE3IFogTSA2OC40IDEyLjIxNyBDIDY4IDE1LjAxNyA2NS44IDE1LjAxNyA2My44IDE1LjAxNyBMIDYyLjYgMTUuMDE3IEwgNjMuNCA5LjgxNyBDIDYzLjQgOS41MTcgNjMuNyA5LjMxNyA2NCA5LjMxNyBMIDY0LjUgOS4zMTcgQyA2NS45IDkuMzE3IDY3LjIgOS4zMTcgNjcuOSAxMC4xMTcgQyA2OC40IDEwLjUxNyA2OC41IDExLjIxNyA2OC40IDEyLjIxNyBaIj48L3BhdGg+CiAgICA8cGF0aCBmaWxsPSIjMDA5Y2RlIiBkPSJNIDkwLjcgMTIuMTE3IEwgODcgMTIuMTE3IEMgODYuNyAxMi4xMTcgODYuNCAxMi4zMTcgODYuNCAxMi42MTcgTCA4Ni4yIDEzLjYxNyBMIDg1LjkgMTMuMjE3IEMgODUuMSAxMi4wMTcgODMuMyAxMS42MTcgODEuNSAxMS42MTcgQyA3Ny40IDExLjYxNyA3My45IDE0LjcxNyA3My4yIDE5LjExNyBDIDcyLjggMjEuMzE3IDczLjMgMjMuNDE3IDc0LjYgMjQuODE3IEMgNzUuNyAyNi4xMTcgNzcuNCAyNi43MTcgNzkuMyAyNi43MTcgQyA4Mi42IDI2LjcxNyA4NC41IDI0LjYxNyA4NC41IDI0LjYxNyBMIDg0LjMgMjUuNjE3IEMgODQuMiAyNi4wMTcgODQuNSAyNi40MTcgODQuOSAyNi40MTcgTCA4OC4zIDI2LjQxNyBDIDg4LjggMjYuNDE3IDg5LjMgMjYuMDE3IDg5LjQgMjUuNTE3IEwgOTEuNCAxMi43MTcgQyA5MS40IDEyLjUxNyA5MS4xIDEyLjExNyA5MC43IDEyLjExNyBaIE0gODUuNSAxOS4zMTcgQyA4NS4xIDIxLjQxNyA4My41IDIyLjkxNyA4MS4zIDIyLjkxNyBDIDgwLjIgMjIuOTE3IDc5LjQgMjIuNjE3IDc4LjggMjEuOTE3IEMgNzguMiAyMS4yMTcgNzggMjAuMzE3IDc4LjIgMTkuMzE3IEMgNzguNSAxNy4yMTcgODAuMyAxNS43MTcgODIuNCAxNS43MTcgQyA4My41IDE1LjcxNyA4NC4zIDE2LjExNyA4NC45IDE2LjcxNyBDIDg1LjUgMTcuNDE3IDg1LjcgMTguMzE3IDg1LjUgMTkuMzE3IFoiPjwvcGF0aD4KICAgIDxwYXRoIGZpbGw9IiMwMDljZGUiIGQ9Ik0gOTUuMSA1LjQxNyBMIDkxLjkgMjUuNzE3IEMgOTEuOCAyNi4xMTcgOTIuMSAyNi40MTcgOTIuNSAyNi40MTcgTCA5NS43IDI2LjQxNyBDIDk2LjIgMjYuNDE3IDk2LjcgMjYuMDE3IDk2LjggMjUuNTE3IEwgMTAwIDUuNjE3IEMgMTAwLjEgNS4yMTcgOTkuOCA0LjkxNyA5OS40IDQuOTE3IEwgOTUuOCA0LjkxNyBDIDk1LjQgNC45MTcgOTUuMiA1LjExNyA5NS4xIDUuNDE3IFoiPjwvcGF0aD4KPC9zdmc+Cg==");
width: 65px;
height: 21px;
background-size: contain;
display: inline-block;
}
.btn-paypal-text {
display: inline-block;
vertical-align: top;
position: relative;
top: 50%;
text-align: left;
font-size: 0.85em;
}
.modal-header .close.dark {
opacity: .6;
}
.store-select-btn {
display: inline-block;
border: 1px solid #8ed014;
background-color: #8ed014;
color: #fff;
padding: 5px 10px;
margin: 0 auto;
cursor: pointer;
line-height: normal;
}
.stock-center-text {
height: 53px;
line-height: 53px;
}
.stock-center-text > div {
vertical-align: middle;
}
.store-content {
display: inline-block;
line-height: normal;
}
.with-spacing {
line-height: 1.4;
}
.change-store-btn {
text-align: center;
width: 70px;
padding: 2px;
line-height: normal;
border-left: 1px solid #979797;
float: right;
cursor: pointer;
background-color: #8ecc0f;
color: #fff;
}
.sp-click {
color: #3228b1;
text-decoration: underline;
cursor: pointer;
}
.tooltip {
position: relative;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 200px;
text-align: center;
padding:14px 20px;
box-shadow: 0px 0px 8px 4px #666;
line-height:16px;
border:2px solid #FFF;
color:#EEE;
background:#333 url(/images/css-tooltip-gradient-bg.png) repeat-x 0 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 30%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.store-image-wraper {
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
}
.sw-thumb .swiper-wrapper img {
border: 1px solid #ccc;
}