/* Import fonts */ @import url(http://www.smart-trade-shop.co.uk/styles/lato.css); @import url(font-awesome.min.css); body {font: 13px Lato, Arial, Helvetica, sans-serif; color: #212121; margin: 0; padding: 0;} body.editor, body.popup {} tr, td {font: 12px Lato, Arial, Helvetica, sans-serif; color: #212121;} .middlenw {background-color: #EAEAEA;} .middlenw1 {background-color: #EAEAEA; } .middlebg {background: #E9E9E9;} .middlebg td {font-weight: bold;} .errorbg {background: #FFE0E0; border: 1px solid #c00; color: #c00; padding: 6px;} .popup .errorbg {padding: 4px;} .messagebg {color: #00c; font-weight: 700; padding: 6px;} .padding10px {padding: 10px;} .padding6px td {padding: 6px;} .block-product-details .padding6px td {padding: 6px 10px;} .padding6px td td {padding: 0;} .padding6px .padding4px td, .padding4px td {padding: 4px;} .padding4px td td {padding: 0px;} .paddingReviews td {padding: 0px 11px;} .paddingReviews td td {padding: 0px;} .paddingRev5px td {padding: 5px 11px;} .paddingRev3px td {padding: 3px 3px 3px 11px;} input {font: 14px Lato, Arial, Helvetica, sans-serif;} input.text, input.field, input.search, input.fieldSmall {border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 12px;} input.submit {background: #111111; border: 1px solid #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; padding: 12px 33px; margin: 0; text-transform: uppercase;} input#clear {color: #8A8A8A;} input#reset {color: #8A8A8A;} input#preview {color: #FF6C00;} input#cancel {color: #8A8A8A;} input#delete {color: #8A8A8A;} select, textarea {border: 1px solid #cbcbcc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 14px Lato, Arial, Helvetica, sans-serif; padding: 6px 12px;} select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;} @media screen and (-webkit-min-device-pixel-ratio:0) {select {background: #fff url(../images/arr-slct.png) no-repeat 100% 50%; padding-right: 20px !important; -webkit-appearance: none;}} button, input[type="button"], input[type="reset"], input[type="submit"] {background: #333333; border: 1px solid #333333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: inline-block; margin: 0; padding: .4em .8em; transition: all 0.4s ease 0s; -webkit-appearance: none;} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: #666666; border: 1px solid #66666; color: #fff;} form { margin: 0; padding: 0;} .productQty input[type="text"] {padding: 12px 9px; text-align: center; border: 1px solid #999;} a {color: #424242; outline: 0; text-decoration: none;} a:hover {text-decoration: underline;} a img {border: 0;} .articleDate {color: #7777CC; font-style: italic; } .comment {color: #7777CC;} .message {color: #0000CC;} .error {color: red; } .terms {height: 300px; width: 600px; overflow: auto; border: 1px solid silver; } .link {color: #2b2b2b; margin: 0 9px;} span.nobr {white-space: nowrap !important;} span.separator {margin: 0 5px;} /****** main styles ******/ .main {margin: 0 auto; padding: 0; width: 100%; /*max-width:1470px;*/} .mainTable {width: 100%;} .mainTableCellLeft {padding: 4px 8px 0 0; vertical-align: top;} .mainTableCellCenter {padding: 4px 0 0; vertical-align: top;} .mainTableCellRight {padding: 4px 0 0 8px; vertical-align: top;} .main-block {margin: 0 auto; max-width: 1470px; padding: 0 20px; position: relative; z-index: 888;} .main-block-left-side, .main-block-right-side, .main-block-center-side {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 0;} .main-block-left-side {padding: 10px 30px 10px 0;} .main-block-right-side {padding: 10px 0 10px 30px;} .index-page .main-block-center-side {padding: 0;} /*.index-page .main-block {max-width: none;}*/ .products-page .main-block-right-side {padding: 10px 0;} .clear {clear: both;} .shadow-layer {background: rgba(0, 0, 0, 0.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999;} /****** header ******/ .header-wrapper {position: relative; z-index: 1000; background: none repeat scroll 0 0 #000000; color: #ffffff; padding: 0 20px;} .header-wrapper a {color: #FFFFFF;} .header {margin: 0 auto; max-width: 1470px; position: relative; /*margin: 0 20px;*/} .header-contact {float: left; line-height: 2em; padding: 40px 0 20px;} .header-contact .contact {color: #304a4b; font-size: 13px; font-weight: 200;} .header-contact .call {text-transform: uppercase; color: #304a4b; font-size: 11px; text-decoration: none;} .header-contact .call span {font-weight: 900; font-size: 15px; margin-left: 5px;} .header-logo {float: left; padding: 7px 0; text-align: center; height: auto; max-width: 457px; min-width: 245px; width: 37%;} .header-logo img {max-width: 100%; height:auto;} .header-upper-menu {float: right; line-height: 2em; padding: 15px 0; color: #FFFFFF;} .header-upper-menu > div {display: inline-block; margin: 0 0 -6px 13px; position: relative;} .header-upper-menu > div > a {color: #FFFFFF; margin: 0 2px; text-transform: capitalize;} .header-upper-menu .accountDropDown, .header-upper-menu .searchDropDown, .header-cart .cartDropDown {background: #fff; border: 1px solid #808080; display: none; line-height: normal; margin: 7px -3px 0 0; padding: 6px; position: absolute; right: 0; top: 100%; width: 270px; z-index: 9999;} .header-upper-menu .accountDropDown:before, .header-upper-menu .searchDropDown:before, .header-cart .cartDropDown:before {border: 1px solid #808080; border-color: transparent transparent #808080; border-width: 0 12px 12px; content: ''; display: block; margin: -12px -12px 0 0; position: absolute; right: 25px; top: 0;} .header-upper-menu .searchDropDown:after, .header-upper-menu .accountDropDown:after, .header-cart .cartDropDown:after {border: 1px solid #fff; border-color: transparent transparent #fff; border-width: 0 11px 11px; content: ''; display: block; margin: -11px -11px 0 0; position: absolute; right: 25px; top: 0;} .header-upper-menu div:hover .accountDropDown, .header-cart.hover .cartDropDown, .header-upper-menu div:hover .searchDropDown {display: block;} .header-vat {float: right; padding: 0px 0 0px 20px; display: none;} .header-phone {font-size: 29px; color: #FFFFFF; font-weight: 900; float:left; padding-right: 20px;} .lines-open { font-size: 10px; float: right; line-height: 13px; text-transform: uppercase; text-align: center; letter-spacing: 2px;} .header-phone-separator {} .header-phone-separator hr {color: #FFFFFF;} .header-phone-cont {border-top: 1px solid #FFFFFF; padding-top: 3px;} .header-vat a {background: url(../images/smart/incex.gif) no-repeat 100% 6px; color: #fff; display: inline-block; font-size: 10px; margin: 0 0 0 5px; padding: 1px 18px 0 0; text-decoration: none; text-transform: uppercase;} .header-vat a.active {background: url(../images/smart/incex.gif) no-repeat 100% -21px;} .cart-left {float: left; border: 1px solid #8D8D8D; padding: 14px 0px 13px 18px; text-align: center; width: 180px;} .cart-right {float: right; background-color: #FA0000; padding: 15px 0px; font-size: 16px; width: 133px; text-align: center; letter-spacing: 1px;} .header-account {float: left; text-transform: uppercase; font-size: 10px;} .header-cart > div {text-transform: capitalize;} .header-cart .qty {color: #FFFFFF; font-weight: 700; text-align: center;} .header-cart > div {} .header-cart .cart > span {font-weight: 700;} .header-cart .cart > .qty:before {content: "(";} .header-cart .cart > .qty:after {content: ")";} .header-cart .cart > i {display: none;} .header-cart .cart {cursor: pointer;} .header-cart ul {max-height: 240px; overflow-y:auto; overflow-x:hidden;} .header-cart ul, .header-cart li {list-style: none; margin: 0; padding: 0;} .header-cart li {border-top: 1px solid #dcdcdc; margin: 8px 0 0; overflow: hidden; padding: 8px 0 0;} .header-cart li:first-child {border-top: 0; margin: 0; padding: 0;} .header-cart .cartDropDown .total {border-top: 1px solid #dcdcdc; color: #000; font-weight: 700; padding: 10px 0; text-align: right;} .header-cart .bx-wrapper {margin: 30px 0 !important; position: relative;} .header-cart .bx-prev, .header-cart .bx-next {background: #304a4b url(../images/icons/cntrls-crt-2.png) no-repeat; display: block; height: 22px; left: 0; padding: 0; position: absolute; text-align: left; text-indent: -9999px; width: 270px;} .header-cart .bx-prev {background-position: 50% 0%; top: -30px;} .header-cart .bx-next {background-position: 50% 100%; bottom: -30px;} .header-cart .bx-prev.disabled, .header-cart .bx-next.disabled {cursor: default;} .header-cart .cartDropDown .total {font-weight: 700; padding: 10px 0; color: #000;} .header-cart .buttonCart {background: #E8E8E8; /*border: 1px solid #424242; */color: #535353; display: inline-block; padding: 8px 18px; text-align: center; text-decoration: none;} .header-cart .buttonCart.button-view {padding: 8px 0; width: 129px;} .header-cart .buttonCart.button-check {background: #FF0000; color: #fff; padding: 8px 0; width: /*129px;*/ 266px;} .header-cart .cart b {background: url(http://www.smart-trade-shop.co.uk/images/homeandfurniture/bag.png) no-repeat; text-transform: capitalize; font-size: 1.1em; letter-spacing: 1px;} .cartDropDown li {height: 50px;} .cartDropDown li img {float: left; max-height: 50px; max-width: 50px; width: auto; height: auto;} .cartDropDown li .name, .cartDropDown li .qty, .cartDropDown li .price {color: #000; font-size: 12px; margin-left: 60px; text-align: left;} .cartDropDown li .name, .cartDropDown li .price {font-weight: 700;} .cartDropDown li .name {padding-top: 0.5em;} .cartDropDown li .priceQty, .total .totalQty {text-decoration: none; font-weight: normal; text-transform: none;} .header-menu > ul > li > ul { background-color: #FFFFFF; left: 0; margin-left: 0; padding: 0; position: absolute; top: 100%; } .header-menu > ul > li > a:hover {background-color: #FF0000; text-decoration: none; color: #FFFFFF;} .header-menu > ul > li > a.menuActive:hover {background-color: #FF0000; text-decoration: none; color: #FFFFFF;} .header-menu > ul > li > ul > li { display: block; float: left; padding: 0 10px; width: 170px; } .header-menu > ul > li > ul > li:nth-child(4n+1) { clear: left; } .header-menu-wrapper {clear: both; border: 1px solid #8d8d8d; border-bottom: 0; z-index: 998; position: relative; margin: 0 auto; max-width: 1470px;} .header-menu {float: left; width: 88%;} .header-menu ul {list-style: none; margin: 0; padding: 0; text-align: left;} .header-menu ul.tabletMainMenu {display:none;} .header-menu li {display: inline-block; position: relative;} .header-menu > ul > li {border-right: 1px solid #8D8D8D;} .header-menu > ul > li:hover {} .header-menu li > ul {background: #fff; left: 0; margin: 0; min-width: 185px; padding: 0; position: absolute; top: 100%; -webkit-box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.45); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.45);border: 2px solid #FA0000;border-top: none;} .header-menu li > ul li {display: block; padding: 0;} .header-menu li > ul li a.menu, .header-menu li > ul li a.menuActive {font-size: 1em; padding: 1em; width: 70%; text-align: left; text-transform: none; color: #000;} .header-menu li > ul > li ul {background: #fff; left: 100%; position: absolute; top: 0;} /* header menu */ a.menu, a.menuActive {color: #FFFFFF; display: inline-block; font-size: 15px; font-weight: 400; line-height: 1.5em; padding: 13px 1.2em; text-decoration: none; text-transform: uppercase;} a.menuActive {background: #efefef;} a.menu:hover, a.menuActive:hover {color: #FA0000; text-decoration: underline;} .catItem { border: 1px solid #e0e0e0; border-width: 0 1px 1px; font-size: 14px; font-weight: 700; padding: 1em 2.8em; text-align: left; } /****** Sub Menu ******/ .header-menu li .subMenuBlock {background: #fff; border-bottom: 5px solid #c50004; display: none; font-size: 0.8em; left: 0; line-height: 1.6em; margin: 0; padding: 10px 0 35px; position: absolute; right: 0; z-index: 2500; min-width: 200px;} .header-menu li .subMenuBlockContent {margin: 0 auto; max-width: 1400px;} .header-menu li .subMenuBlockColumn {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0 1em 0 0; text-align: left; width: 20%;} .header-menu li .subMenuItemLevelOne {padding-top: 15px; padding-left: 15px; min-width: 100%;} .header-menu li .subMenuItemLevelOne a {color: #c50004; font-weight: 900; font-size:13px;} .header-menu li .subMenuItemLevelTwo a {color: #606060; font-weight: 400;} /*a.subMenu {width: 150px; padding: 6px 20px 6px 10px;border-right: 1px solid #961212;border-bottom: 1px solid #961212;display:block;font: 12px Helvetica, verdana, sans-serif; color: #961212;text-decoration:none;text-align: left;background: url(http://www.smart-trade-shop.co.uk/images/ecommerce/submenu_bg.png) repeat;} a.subMenu:hover, a.subMenu:active {background: #fef18e; color: #000000;display:block;text-decoration:none;}*/ .header-search-mobile {clear: both; position: relative;} .header-search-mobile form[name=search] {background: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: none; padding: 8px 16px; position: absolute; right: 0; text-align: center; white-space: nowrap; width: 100%;} .header-search-mobile form[name=search] input[name=search_string] {height: 40px; vertical-align: middle; width: 90%;} .header-search-mobile form[name=search] button.submit {background: #e7e7e7; border: 1px solid #acacac; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 40px; padding: 10px 5px; vertical-align: middle; width: 10%;} .header-search {float: right; border-left: 1px solid #8d8d8d; border-width: 0 1px; width: 57px; text-align: center;} .header-search a {color: #FFFFFF; font-size: 16px; padding: 16px 0; display: block;} .header-home {float: left; border-right: 1px solid #8d8d8d; width: 57px; text-align: center;} .header-home a {color: #FFFFFF; font-size: 24px; padding: 12px 0; display: block;} .header-blocks-wrapper {position: relative; z-index: 997; clear: both;} .header-blocks {margin: 0 20px; overflow: hidden; position: relative;} .header-block {background: rgba(48, 74, 75, 0.7); box-sizing: border-box; color: #fff; float: left; font-size: 13px; letter-spacing: 0.04em; padding: 17px 14px; text-align: center; width: 30%; text-transform: uppercase;} .header-block a {color:#fff;} .header-block strong {font-weight: 900;} .header-block.second {margin: 0 .1%; width: 39.8%;} .compareTitle a {font-size: 17px; text-decoration: none;} .mainImgs img { height: auto; width: 100%; } .mainImgs ul { list-style: none; margin: 0; padding: 0; } .mainImgs .bx-wrapper .bx-controls-direction a { position: absolute; top: 11%; outline: 0; width: 46px; height: 136px; text-indent: -9999px; z-index: 9999; } .mainImgs .bx-wrapper .bx-prev { left: 20px; background: url(../images/smart/left-arrow.png) no-repeat; } .mainImgs .bx-wrapper .bx-next { right: 20px; background: url(../images/smart/right-arrow.png) no-repeat; } .mainImgs .bx-wrapper .bx-pager-item {display: none;} .mainImgs .bx-wrapper span {display: none;} .mainImgs .index-page .main-block-left-side > div, .index-page .main-block-right-side > div, .index-page .main-block-center-side > div { margin-left: auto; margin-right: auto; max-width: 1470px; } .mainTabsWrapper {padding: 102px 0 22px;} .mainTabs {text-align: center;} .mainTabs .splitbtn a {background: #fff; border: 1px solid #0b234a; color: #424242; display: inline-block; font-size: 13px; font-weight: 500; line-height: 1em; letter-spacing: 0.04em; margin: 0 5px; padding: 14px 0; text-align: center; text-transform: uppercase; width: 222px;} .mainTabs .splitbtn a:hover, .mainTabs .splitbtn a.active {background: #0b234a; color: #fff; font-weight: 700; text-decoration: none;} #cont1 {height: auto; visibility: visible;} .main-tab {margin: 0 auto; max-width: 1470px;} .main-tab .block-title { font-size: 18px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 16px 0px; color: #444444;} .main-tab .block-content {padding: 30px 0 25px; margin: 0;} .main-tab ul { list-style: none; margin: 0; padding: 0; } .main-tab ul li {list-style: none; margin: 0; padding: 0; text-align: center;} .main-tab .item { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: inline-block; margin: 0; padding: 0; text-align: center; } .filter-categories-list { padding: 20px 31px 20px 29px; border: 1px solid #cccccc; font-size: 19px; font-weight: 400; text-align: right; color: #5D5D5D; } .filter-categories-list .block-content { padding: 14px 0px 14px 12px;} .TitleFilBox {border: 1px solid #dcdcdc;} .main-tab .item-image {height: 205px; overflow: hidden;} .main-tab .top-item-prices {width: 90%;} .main-tab .item-image img {height: auto; max-width: 100%; /*border-bottom: 1px solid #c2c2c2;*/ max-height: 100%;} .main-tab .item-title, .main-tab .item-title h2 {color: #424242; font-size: 13px; font-weight: 400; height: 2.4em; line-height: 1.2em; margin: 0; overflow: hidden; letter-spacing: 1px;} .main-tab .item-title {margin: 18px 0; float: left; width: 64%; height: auto;} .main-tab .item-title a {color: #424242;} .main-tab .item-prices {} .main-tab .item-prices .priceBlockOld, .main-tab .item-prices .salesBlock, .main-tab .item-prices .priceBlock {display: inline-block; font-size: 17px; font-weight: bold; margin: 16px 0px;} .main-tab .item-prices .priceBlockOld, .main-tab .item-prices .salesBlock {color: #bc5959;} .main-tab .item-prices .priceBlockOld .title, .main-tab .item-prices .salesBlock .title, .main-tab .item-prices .priceBlock .title {} .main-tab .item-prices .priceBlockOld .tax-name, .main-tab .item-prices .salesBlock .tax-name, .main-tab .item-prices .priceBlock .tax-name {display: block;} .main-tab .item-add, .main-tab .item-buttons, .main-tab .item-description {display: none;} .block-top-sellers .bx-wrapper .bx-controls-direction a {background: rgba(255, 255, 255, .75); cursor: pointer; height: 32px; position: absolute; text-indent: -9999px;} .block-top-sellers .bx-wrapper .bx-controls-direction a.disabled {padding: 0;} .block-top-sellers .bx-wrapper .bx-controls-direction .bx-prev {left: 0;} .block-top-sellers .bx-wrapper .bx-controls-direction .bx-next {right: 0;} .block-top-sellers .bx-wrapper .bx-controls-direction a:before {color: #9e9c9d; display: inline-block; font: 5em/0.6 FontAwesome; margin-top: -3.5em; text-align: center; text-indent: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .block-top-sellers .bx-wrapper .bx-controls-direction .bx-prev:before {content: "\f104"; position: absolute; left: 15px;} .block-top-sellers .bx-wrapper .bx-controls-direction .bx-next:before {content: "\f105"; position: absolute; right: 15px;} .block-top-sellers .bx-wrapper .bx-pager-item {display: none;} .bx-wrapper span {display: none;} .block-top-sellers .item-prices span.price {display: block;} .block-top-sellers .index-page .main-block-left-side > div, .index-page .main-block-right-side > div, .index-page .main-block-center-side > div { margin-left: auto; margin-right: auto; max-width: 1470px; } .homeTopDealsPC .homeTopDeals {width: 100%; margin: 0 auto; overflow: hidden;} .homeTopDealsPC .homeTopDeals-item a {color: #FFFFFF; text-decoration: none;} .homeTopDealsPC .homeTopDeals-item {width: 32.66%; float:left; position:relative; color: #FFFFFF;} .homeTopDealsPC .homeTopDeals-item .left {background-color: #FF0000; padding: 15px; width: 50%;} .homeTopDealsPC .homeTopDeals-item .left b {color: #FFFFFF; font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .homeTopDealsPC .homeTopDeals-item .left .yellow {color: #FFDD30;} .homeTopDealsPC .homeTopDeals-item .left h2 {color: #FFFFFF; font-size: 30px;} .homeTopDeals-item .left .smallTXT {color: #FFFFFF; font-size: 12px; padding-bottom: 10px;} .homeTopDealsPC .homeTopDeals-item .left .shop-now-button {color: #FFFFFF; font-size: 10px; text-align: center; text-transform: uppercase; border: 2px solid #FFFFFF; padding: 8px 10px; width: 52%;} .homeTopDealsPC .homeTopDeals-item td img {width: 100%;} .homeTopDealsMobile .homeTopDeals-item {padding: 1%; width: 31%; float: left;} .homeTopDeals-item .imgBlk {text-align: center;} .homeTopDealsMobile .homeTopDeals-item .TxtBLK {background-color: #FF0000; padding: 15px; min-height: 168px;} .homeTopDealsMobile .homeTopDeals-item .TxtBLK b {color: #FFFFFF; font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .homeTopDealsMobile .homeTopDeals-item .TxtBLK .yellow {color: #FFDD30;} .homeTopDealsMobile.homeTopDeals-item .TxtBLK h2 {color: #FFFFFF; font-size: 30px;} .homeTopDealsMobile .homeTopDeals-item .TxtBLK .smallTXT {color: #FFFFFF; font-size: 12px; padding-bottom: 10px;} .homeTopDealsMobile .homeTopDeals-item .TxtBLK .shop-now-button {color: #FFFFFF; font-size: 10px; text-align: center; text-transform: uppercase; border: 2px solid #FFFFFF; padding: 8px 10px;} .txt-above-footer {color: #444444; font-size: 13px; line-height: 22px; padding: 25px 35px;} .txt-above-footer h2 {font-size: 14px; font-weight: 800; letter-spacing: 1px;} .txt-above-footer a {font-weight: bold; text-decoration: underline;} /****** breadcrumb ******/ .block-breadcrumb {margin: 0 0 1em; overflow: hidden;} .breadcrumb {color: #323232; font-size: 12px; line-height: 1.2em; padding: 0;} .breadcrumb a {color: #323232; text-decoration: underline;} .breadcrumb a:hover {text-decoration: none;} .breadcrumb a.treeItemLast {text-decoration: none; cursor: text;} .breadcrumb a.treeItemLast:hover {} .breadcrumb span:before {content: ' > ';} .breadcrumbRSS {float: right;} .block-checkout-breadcrumb .breadcrumb {padding: 20px 0 0; text-align: center;} .block-checkout-breadcrumb .breadcrumb span:before {content: '';} .block-checkout-breadcrumb .breadcrumb span.nonactive {font-size: 1.4em; color: #ccc; margin: 0 10px;} .block-checkout-breadcrumb .breadcrumb span.active {font-size: 1.4em; color: #999; margin: 0 10px; font-weight: bold;} /**** fieldset ****/ .block-title {font-size: 20px; font-weight: 500; line-height: 1em; margin: 15px 0; text-transform: uppercase;} .block-links {float: right; font-size: 18px; padding: 9px;} .block-links > a {color: inherit; margin: 0 0 0 6px;} .block-content {margin: 0 0 10px;} .block-custom-page-body img {height: auto; max-width: 100%;} /* custom blocks */ .mainBnr {position: relative;} .mainBnr ul, .mainBnr li {margin: 0; padding: 0;} .mainBnr li > img {height: auto; width: 100%;} .mainBnr .text {left: 0; position: absolute; right: 0; top: 0; text-align: center;} .mainBnr h2 {color: #fff; font-size: 64px; font-weight: 700; line-height: 1em; margin: 0; padding: 14% 0 2%; text-transform: uppercase;} .mainBnr p {color: #fff; font-size: 15px; font-weight: 400; margin: 0; text-transform: uppercase; line-height: 32px;} .mainBnr a.shop-dining {display: inline-block; text-decoration: none; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; border: 2px solid #fff; padding: 15px 60px; margin: 5% 0 0;} .mainBnr a.shop-dining:hover {background: rgba(48, 74, 75, 0.7);} .mainBnr .bx-controls {position: absolute; bottom: 30px; right: 50%; margin-right: -35px;} .mainBnr .bx-pager {padding: 6px 0; text-align: center;} .mainBnr .bx-pager-item {display: inline-block;} .mainBnr .bx-pager-link {display: inline-block; margin: 0 8px; text-indent: -9999px; height: 7px; width: 7px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} /* block-offers */ .block-offers {margin: 0 auto; max-width: 1200px;} .block-offers .block-title {text-align: center; font-weight: 900; font-size: 12px; line-height: 26px; color: #304a4b; margin: 0 0 2%;} .block-offers .block-title span {font-weight: 200; font-size: 26px;} .block-offers .block-content {padding: 0 0 60px;} .block-offers .items {overflow: hidden;} .block-offers .item {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; padding: 0 7px; text-align: center; width: 20%;} .block-offers .item-image {min-height: 176px;} .block-offers .item-image img {height: auto; max-width: 100%;} .block-offers .item-title, .block-offers .item-title h2 {color: #304a4b; font-size: 12px; font-weight: 900; height: 2.6em; line-height: 1.3em; margin: 0; overflow: hidden;} .block-offers .item-title {margin: 1em 0;} .block-offers .item-title a {color: #304a4b; text-transform: uppercase; line-height: 18px;} .block-offers .item-prices {} .block-offers .item-prices .priceBlockOld, .block-offers .item-prices .salesBlock, .block-offers .item-prices .priceBlock {display: inline-block; font-size: 16px; font-weight: 400; margin: 0 4px;} .block-offers .item-prices .priceBlockOld, .block-offers .item-prices .salesBlock {color: #bc5959;} .block-offers .item-prices .priceBlockOld .title, .block-offers .item-prices .salesBlock .title, .block-offers .item-prices .priceBlock .title {display: none;} .block-offers .item-prices .priceBlockOld .tax-name, .block-offers .item-prices .salesBlock .tax-name, .block-offers .item-prices .priceBlock .tax-name {display: none;} .block-offers .item-add, .block-offers .item-buttons, .block-offers .item-description {display: none;} .itemLabelSale { background-color: #FF0000; position: absolute; top: 0; left: 0; color: #fff; padding: 14px 10px; font-size: 15px; letter-spacing: 1px; text-transform: capitalize; font-weight: bold; } /* vintage-tearoom */ .vintage-tearoom {overflow: hidden;} .left-tearoom {width: 29%; float: left;} .right-tearoom {width: 29%; float: left;} .center-tearoom {width:40%; float:left; margin:0px 1%;} .tearoom {float: left; text-align: center; position: relative; overflow: hidden;} .tearoom img {height: 100%; width: 100%;} .tearoom1 {height: 250px; width: 100%; margin: 0 0 2%;} .tearoom2 {height: 250px; width: 100%;} .tearoom3 {height: 508px; width: 100%;} .tearoom4 {height: 254px; width: 100%;margin-bottom: 10px;} .tearoom5 {height: 244px; width: 100%;} .vintage-tearoom .link-box {position: absolute; bottom: 30px; left: 0; text-align: center; width: 100%;} .vintage-tearoom a {color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase;} .tearoom3 a {display: inline-block; text-decoration: none; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; border: 2px solid #fff; padding: 15px 60px;} .tearoom3 a:hover {background: rgba(48, 74, 75, 0.7);} /* main-text */ .main-text {margin: 4% 0 3% 0; text-align: center;} .main-text h2 {text-align: center; font-weight: 900; font-size: 12px; line-height: 26px; color: #304a4b; margin: 0 0 2%;} .main-text h2 span {font-weight: 200; font-size: 26px;} .main-text p {font-style: italic; font-size: 18px; text-align: center; color: #304a4b; line-height: 27px;} .main-text p b {font-weight: 900; font-style: normal; font-size: 12px;} .myclass:before { content: open-quote; } .myclass:after { content: close-quote; } /* social */ .social {margin: 0 auto; overflow: hidden; max-width: 1200px;} .social a {display: block; float: left; width: 16.66%; text-decoration: none; text-align: center; overflow: hidden;} .social img {height: auto; width: 97%;} /* mailing-list */ .mailing-list {background: #304a4b; padding: 25px 0; overflow: hidden; margin: 0.5% auto; max-width: 1200px;} .mailing-list p {text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 700; float: left; padding: 11px 0 11px 45px; margin: 0;} .mailing-list-form {float: right; padding-right: 20px;} .mailing-list-form form {background: #fff; overflow: hidden;} .mailing-list-form input.field {color: #5f5f5f; padding: 10px 12px; width: 280px; font-style: italic; border: none; float: left;} .mailing-list-form input.submit {background: #304a4b; color: #fff; font-weight: 700; border: 2px solid #fff; padding: 10px 26px; float: right;} .mailing-list-form input.submit:hover {background: #fff; color: #304a4b; border: 2px solid #304a4b;} /* main-furniture */ .main-furniture-wrapper {overflow: hidden; margin: 0 auto 4%; max-width: 1200px;} .main-furnitures {margin: 0 0 0 -0.5%; overflow: hidden;} .main-furniture {float: left; margin: 0 0 0 0.5%; padding: 0 0 12px; width: 32.83%; text-align: center;} .main-furniture-img {overflow: hidden; margin: 0 0 24px;} .main-furniture-img img {height: auto; width: 100%;} .main-furniture a {font-size: 14px; font-weight: 200; padding: 12px; color: #304a4b;} /* block-articles-top-viewed, block-products-recently-viewed, block-products-top-viewed, block-related, block-top-rated, block-top-viewed */ .top-position {display: none;} .top-position:after {content: '. ';} .top-rating:before, .total-views:before, .article-date:before {content: ' (';} .top-rating:after, .total-views:after, .article-date:after {content: ') ';} /* block-support */ .block-support .half {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 1%; width: 48%;} .block-support .introBlock { width:30%; float: left; margin-right:1%; } .block-support .supportForm { float:right; width:62%; padding:1%; border:1px solid #d7d7d7; margin-top:15px; margin: 10px; } .support-page .main .main-block { background:#fff; margin-top:10px } /* minus(-) [qty] (+)plus */ .basketQtyMinus, .basketQtyPlus { position: relative; background: #ebebeb; border: 1px solid #d5d5d5; color: #555; font-weight: 900; height: 43px; padding: 0; text-align: center; width: 36px; } /*input.basketQty {padding-right: 4px; padding-left: 4px; text-align: center; width: 40px;}*/ /* block-filter */ .filterItems {} .block-filter {overflow: hidden; border-top: 1px solid #e1e1e1; width: 100%; display: block; padding: 0 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .block-filter .blockTitle {display: inline-block; float: right; color: #5d5d5d; font-size: 19px; font-weight: 400; margin: 1em 0; text-transform: capitalize; text-align: right;} .block-filter .blockTitle > span {display: inline-block;} .block-filter .blockTitle span.angle {font-size: 20px; margin-left: 30px; float: none; color: #5d5d5d; width: auto;} .filterItem {margin: 10px; float: left;} .filterItemTitle {color: #404040; font-size: 14px; font-weight: 700; margin: 0 0 4px;} .filterItemValue a, .filterItemSelected b {color: #404040; display: inline-block; font-size: 12px; font-weight: 700; line-height: 2.1em;} .filterItemValue a {background: url(../images/smart/fltr-chck.gif) no-repeat 0 4px; padding: 0 0 0 24px;} .filterItemSelected b {background: url(../images/smart/fltr-chck.gif) no-repeat 0 -49px; padding: 0 0 0 24px;} .block-filter-title {color: #5d5d5d; display: inline-block; float: right; font-size: 19px; font-weight: 400;} .block-filter-title > span {display: inline-block; padding-top: 20px;} .block-filter-title span.angle {font-size: 20px; margin-left: 30px; float: none; color: #545454; width: auto;} #filters {display: none;} span.angle .fa-angle-up { color: #7a7a7a; display: none; } span.angle .fa { cursor: pointer; line-height: 0.8; } /* product list and details main styles */ .product-page .product-item-image img {height: auto; max-width: 100%;} .product-page .product-item-image .z {display: block;} .product-page .product-item-title {} .product-page .product-item-features {margin: 1em 0;} .product-page .product-item-parameters {} .product-page .product-item-purchase {margin: 3em 0; overflow: hidden;} .product-page .product-item-purchase .productQty {float: left;} .product-page .product-item-purchase .productQty span {font-size: 13px; text-transform: uppercase;} .block-products-list .product-item-parameters {display: none;} .block-products-list .product-item-description .button-more {display: none;} .block-products-list .product-item:hover {border-top: 1px solid #292929; border-left: 1px solid #292929; border-right: 1px solid #292929;} /* block-products-list */ .block-products-list .block-title {display: none;} .block-products-list .titleTopCenter {padding: 3px 2%;} .block-products-list .block-content {margin: 0;} .block-products-list .product-items {border: 1px solid #dcdcdc; border-width: 1px 0; overflow: hidden; margin: 0;} .block-products-list .product-item {float: left; margin: 1px 0 0; width: 20%; padding: 2% 1%; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;} .block-products-list .product-item:nth-child(5n+1) {clear: left;} .block-products-list .product-item-image {min-height: 235px; z-index: -1;} .block-products-list .product-item-title {font-size: 13px; font-weight: 500; height: 2.8em; line-height: 1.4em; margin: 6px 10px; overflow: hidden; /*float: left; width: 70%;*/ text-align: center;} .block-products-list .product-item-title a {color: #383838; font-size: 13px; font-weight: 600;} .block-products-list .product-item-description {color: #dd0f05; font-size: 11px; font-weight: 400; height: 2.5em; line-height: 1.2em; margin: 0 10px; overflow: hidden;} .block-products-list .product-item-description p {margin: 0;} .block-products-list .product-item-description .button-more {display: none;} .block-products-list .product-item-features {margin: 0;} .block-products-list .product-item-prices {margin: 6px 0px; font-size: 15px; /*float:right; width: 22%;*/ text-align: center; line-height: 1.2em;} .block-products-list .product-item-prices .priceBlock, .block-products-list .product-item-prices .salesBlock, .block-products-list .product-item-prices .priceBlockOld {display: inline;} .block-products-list .product-item-prices .priceBlockOld .price:before {content: "Was ";} .block-products-list .product-item-prices .priceBlockOld {font-size: 0.9em; font-weight: 500; color: #FF0000;} .block-products-list .product-item-prices .tax {font-size: 13px; font-weight: 600;} .priceBlock .tax .tax-price-name {font-weight: 600;} .block-products-list .liner {border-bottom: 1px solid #c2c2c2; height: 10px;} .block-products-list .product-item-parameters {display: none; margin: 0;} .block-products-list .product-item-purchase {display: none; margin: 0;} .block-products-list .product-item .compare {text-align: right; padding: 5px; float: right; border: 1px solid #eaeaea; width: 55%;} .compare-price {font-size: 30px; font-weight: bold;} .tax-name-compare {font-size: 14px; font-weight: 800;} .taxprice {font-size: 14px; font-weight: 800;} .compFulDesc {text-align: left; font-size: 15px; line-height: 21px;} .block-category-full-description {/*font-size: 10px !important;*/ border-top: 1px solid #dcdcdc;} .compare-readmore-button {font-size: 14px; font-weight: 800; color:#333333; background-color: #eaeaea; padding: 8px 20px; text-align: center; text-transform: uppercase;} .compare-readmore-button a {color:#333333; text-decoration: none;} .compare-x { color: #333333; background-color: #eaeaea; text-decoration: none; font-size: 13px; } .compare-remove {font-size: 13px; font-weight: 600; } /* lists */ .sortings form {display: inline-block;} #product-view-wrapper {background: rgba(0, 0, 0, 0.4); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;} #product-view-wrapper .product-view {background: #fff; border: 2px solid #d5d5d5; box-sizing: border-box; left: 50%; margin-left: -440px; padding: 0; position: absolute; top: 150px; width: 880px;} #product-view-wrapper .product-view .close_popup {color: #4d4d4d; font-size: 16px; font-weight: 900; line-height: 1em; position: absolute; right: 15px; top: 12px; z-index: 999;} #product-view-wrapper .product-view .left-side, #product-view-wrapper .product-view .right-side { box-sizing: border-box; float: left; width: 50%;} #product-view-wrapper .product-view .left-side {border-right: 2px solid #dddddd; margin: 0; padding: 30px 20px 40px 40px;} #product-view-wrapper .product-view .right-side {margin: 0 0 0 -2px; padding: 30px 20px 70px;} #product-view-wrapper .product-view .product-item {overflow: auto; position: relative; max-height: 520px;} #product-view-wrapper .product-view .product-item-images {padding: 0;} #product-view-wrapper .product-view .product-item-image {background: #f8f8f8; float: none; margin: 0 0 1em; text-align: center; width: 100%;} #product-view-wrapper .product-view .product-item-image a {display: inline-block; height: 100%; text-decoration: none; width: 100%;} #product-view-wrapper .product-view .product-item-image img {display: inline-block; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; width: auto;} #product-view-wrapper .product-view .product-tiny-images {bottom: auto; position: relative; right: auto; top: auto; width: 100%;} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction a {background: rgba(255, 255, 255, .75); bottom: 0; cursor: pointer; height: auto; left: auto; padding: 0 4px; position: absolute; right: auto; text-indent: -9999px; top: 0; width: 22px;} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction .bx-prev {left: 0;} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction .bx-next {right: 0;} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction a:before {color: #616161; display: inline-block; font: 2.8em/0.6 FontAwesome; left: 0; margin: -.3em 0 0; position: absolute; right: 0; text-align: center; text-indent: 0; text-rendering: auto; top: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction .bx-prev:before {content: "\f104";} #product-view-wrapper .product-view .product-tiny-images .bx-controls-direction .bx-next:before {content: "\f105";} #product-view-wrapper .block-product-details .mnf {display: none;} #product-view-wrapper .block-product-details .ttl {font-size: 23px; font-weight: 400; text-transform: uppercase; color: #363636;} #product-view-wrapper .product-item-purchase .productQty {width: 40%; float: left; padding-top: 20px; text-align: left;} #product-view-wrapper .block-product-details .productQty span {display: block; font-size: 14px; margin: 0 0 5px; text-transform: uppercase;} #product-view-wrapper .product-item-purchase .productBttns {width: 59%; float: left; margin: 26px 0 0; padding-top: 15px;} #product-view-wrapper .product-view a.button.button-details {background: #eaeaea; bottom: 0; box-sizing: border-box; color: #333333; font-size: 13px; font-weight: normal; margin: 0; padding: 20px 10px; right: 0; text-align: center; width: 100%; text-transform: capitalize;} #product-view-wrapper .desc-title {font-weight:bold; text-transform:uppercase;font-size:12px;} #product-view-wrapper .product-item-purchase {padding: 0; width: 100%; float: none; margin: 0;} .priceBlock-view .price-view {font-size: 37px; font-weight: 300; color: #363636;} .priceBlock-view.priceBlockOld .price-view:before {content: "Was ";} /* lists */ .sortings form {display: inline-block;} /* block-products-list */ .product-items {overflow: hidden; margin: 0 -1%;} .product-item {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0 1% 2%; width: 17%; position:relative;} .product-item .product-view-button { background: #292929; bottom: 0px; display: none; left: 0; padding: 8px; position: absolute; right: 0; text-align: center; text-decoration: none; text-transform: uppercase; color: #FFFFFF; font-size: 13px; cursor: pointer;} .product-item:hover .product-view-button {display: block; z-index:12; } .product-item .mask-over-items {position: absolute; width: 100%; height: 100%; display: none;} .product-item:hover .mask-over-items {margin: 0; padding: 0; bottom: 0px; left: 0px; display: block; z-index: 10; border: 1px solid #292929;} .product-item .VD-Button {position: absolute; display: none;} .product-item:hover .VD-Button {display: block; z-index: 13; background-color: #FFFFFF; top: 40%; color: #666666; font-size: 13px; position: absolute; left: 28%; padding: 5%;} .product-item-parameters input[type='radio'] {display:none;} .product-item-parameters img.rb_replacement {cursor:pointer; margin: 0px 4px 0px 4px; vertical-align: middle; height: 15px; width: 24px;} .product-item-parameters input[type="radio"]:checked + img.rb_replacement, .product-item-parameters img.rb_selected {border: 2px solid #696969;} .product-item-parameters span.rb_replacement { cursor:pointer; border: 1px solid #cbcbcb; margin: 6px 3px; padding: 15px 5px; vertical-align: middle; border-radius: 0px; min-width: 53px; display: inline-block; text-align: center; font-size: 12px;} .product-item-parameters input[type="radio"]:checked + span.rb_replacement, .product-item-parameters span.rb_selected {border: 2px solid #FF0000 !important; font-weight: 700; margin: 5px 2px;} .product-page .product-item-prices {} .propertylabel{font-size: 15px; color: #454545; font-weight: bold; padding-bottom: 10px; padding-top: 20px;} .productPrpt .acc {overflow: hidden; padding: 0 0 10px;} .productPrpt .acc input {float: left; margin: 20px 0 0;} .productPrpt .acc img {border: 1px solid #dcdcdc; float: left; margin: 0 20px 0 10px;} .productPrpt .acc .acc-price {display: block; font-size: 19px; font-weight: 700; margin: 12px 0 0;} .accessories .item-title {font-size: 15px; color: #363636;} .accessories .item-title a {font-size: 15px; color: #363636; text-decoration: none;} .accessories .price {font-size: 19px; color: #363636;} .accessories .item-description {display: none;} /* navigation */ .navigation {font-size: 16px; color: #dcdcdc; border: 1px solid #dcdcdc;} .navigation .sortings {border-right: 1px solid #dcdcdc; color: #989898; float: left; padding: 13px 18px;} .navigation .sortings span:after {content: " | "; margin: 0 0 0 8px;} .navigation .sortings select {border: 0; color: #989898; padding: 6px;} .navigation .sortings.total {padding: 16px 18px 17px;} .navigation .showall, .navigation .searchNav {display: none;} .navigation .navigator {float: right; font-size: 0; padding: 10px; text-align: center; border-left: 1px solid #dcdcdc;} .navigator b, .navigator a {color: #333333; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1em; padding: 11px 0; text-align: center; text-decoration: none; width: 28px; margin: 0 9px;} .navigator a:hover {background: #fff;} .navigator b {background: #fff; color: #000000; font-weight: 800;} .link.first, .link.prev, .link.before {border-width: 2px 0 2px 2px;} .link.after, .link.next, .link.last {border-width: 2px 2px 2px 0;} .link.prev, .link.next {position: relative; text-indent: -9999px;} .link.prev:before, .link.next:before {color: #333333; display: inline-block; font: 1.6em/0.8 FontAwesome; left: 0; position: absolute; right: 0; text-align: center; text-indent: 0; text-rendering: auto; top: 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .link.prev:before {content: "\f104";} .link.next:before {content: "\f105";} /* block-product-details */ .block-product-details {} .product-item-images {overflow: hidden; position: relative;} .product-item-image {text-align: center;} .product-item-image img {cursor: pointer; height: auto; max-width:100%;} .product-tiny-images + .product-item-image {float: left; width: 100%;} .product-tiny-images {margin: 1em 0 0 1em; text-align: left;} .product-tiny-images img {height: auto; max-width: 100%;} .product-tiny-images .bx-viewport {height: 100% !important} .product-tiny-images .bx-controls-direction a {background: rgba(255, 255, 255, .75); cursor: pointer; height: 22px; position: absolute; text-indent: -9999px;} .product-tiny-images .bx-controls-direction .bx-prev {left: 0;} .product-tiny-images .bx-controls-direction .bx-next {right: 0;} .product-tiny-images .bx-controls-direction a:before {color: #616161; display: inline-block; font: 2.8em/0.6 FontAwesome; margin-top: -1.7em; text-align: center; text-indent: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .product-tiny-images .bx-controls-direction .bx-prev:before {content: "\f104"; position: absolute; left: 30px;} .product-tiny-images .bx-controls-direction .bx-next:before {content: "\f105"; position: absolute; right: 30px;} .bx-controls-direction > a.disabled {display: none}; .product-image-caption {color: #616161; font-size: 13px; margin: 1em 0; text-align: center; display: none;} .product-tiny-images .slider .slide {height: 90px; width: 90px; display: inline-block; text-align: center; border: 1px solid #959496; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border .2s ease-in-out; -moz-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; vertical-align: top;} .product-tiny-images > .slider .slide {margin-left: -4px;} .product-tiny-images .slider .slide img {height: auto; width: auto; max-height: 100%; max-width: 100%;} .product-tiny-images .slider .slide:hover {border: 1px solid #2ca5ca;} .product-item .z {margin: 1em 0; text-align: center; color: #212121; font-size: 10px; text-transform: uppercase;} .product-page .fancybox-overlay {background: #fff;} .fancybox-lock .product-page .fancybox-overlay {bottom: 0; height: 100% !important; left: 0; overflow: hidden; right: 0; top: 0; width: 100% !important;} .product-page .fancybox-close {background: rgba(196, 196, 196, 0.5) url(../images/x.png) no-repeat 50% 50%; height: 34px; padding: 20px; position: fixed; right: 0; top: 0; width: 34px; z-index: 8040;} .product-page .fancybox-skin {background: #fff;} .product-page .fancybox-opened .fancybox-skin {box-shadow: none;} .product-page .fancybox-nav {background: rgba(196, 196, 196, 0.5); height: 135px; margin-top: -68px; position: fixed; top: 50%; width: 75px;} .product-page .fancybox-nav span {background-image: url(../images/cntrl.png); cursor: pointer; height: 65px; margin-top: -32px; position: absolute; top: 50%; visibility: visible; width: 29px; z-index: 8040;} .product-page .fancybox-prev span {background-position: 0 0; left: 50%; margin-left: -15px;} .product-page .fancybox-next span {background-position: -29px 0; margin-right: -15px; right: 50%;} .product-page .fancybox-title-inside-wrap {padding: 5px 0; text-align: center;} .product-page .fancybox-title-inside-wrap span {display: block;} .block-product-details .product-item {float: none; margin: 0; width: 100%;} .left-side {float: left; width: 41%;} .right-side {float: left; width: 55%; margin: 0px 2%;} .tabcontent {padding: 10px 0;} .tabcontent, .tabcontent li, .tabcontent font {font-size: 15px !important; line-height:20px;} .block-product-details .product-item-title {text-align: left; font-size: 30px; color: ##444444; margin: 0; line-height: 50px;} .block-product-details .productCode {padding: 5px 0px 10px 0px; font-size: 14px; color: #444444; font-weight: 400;} .block-product-details .product-item-prices {text-align: left;} .block-product-details .product-item-prices .priceBlockOld, .block-product-details .product-item-prices .salesBlock, .block-product-details .product-item-prices .priceBlock {font-size: 28px; font-weight: 900; display: inline-block !important; line-height: 1em; margin: 0 5px 0 0;} .block-product-details .product-item-prices .priceBlockOld .price:before {content: "Was ";} .block-product-details .product-item-prices .priceBlock {color: #4a4a4a; font-size: 38px;} .block-product-details .product-item-prices .salesBlock {color: #C30202;} .block-product-details .product-item-prices .priceBlock .tax {font-size: 22px; font-weight: 400;} .block-product-details .price {font-size: 30px !important;} .block-product-details .tax-name {font-size: 16px !important;} .priceBlock-view .price-view {font-size: 30px !important; font-weight: 900;} .priceBlock-view .tax-name {font-size: 16px !important;} .matrix {color: #4a4a4a;} .matrix .price {color: #4a4a4a; font-size: 22px !important; font-weight: 400; line-height: 1.4em;} .matrix .tax {display: block;} .matrix .tax:after {content: ' inc. VAT';} .priceBlock-view .salesBlock .price-view { color: #C30202!important; font-size: 25px; padding-top: 10px; font-weight: 700!important; } .priceBlock-view .salesBlock .tax-name { color: #C30202!important; font-size: 16px; padding-top: 10px; font-weight: 700!important; } .block-product-details .salesBlock { color: #C30202; font-size: 25px!important; padding-top: 10px; font-weight: 700!important; } .block-product-details .salesBlock .tax-price-name { font-size: 16px;} .block-product-details .salesBlock .sales-price { color: #C30202; font-size: 25px; padding-top: 10px; font-weight: 700; } .block-product-details .salesBlock .sales-tax-name { color: #C30202; font-size: 16px; padding-top: 10px; font-weight: 700; } .salesBlock {} .block-product-details .product-item-features {display: none;} .block-product-details .priceBlockOld .title, .block-product-details .salesBlock .title, .block-product-details .priceBlock .title {display: none;} /*.block-product-details .priceBlockOld .tax, .block-product-details .salesBlock .tax, .block-product-details .priceBlock .tax {display: none;}*/ .block-product-details .priceBlockOld .tax-name, .block-product-details .salesBlock .tax-name, .block-product-details .priceBlock .tax-name {font-size: 12px; text-transform: uppercase; color: #444444; font-weight: bolder;} .block-product-details .summary-statistic {text-align: left;} .block-product-details .summary-statistic:after {content: 'Be the first to review this'; display: inline-block; font-weight: 400; position: relative; top: -4px;} .block-product-details .custom-options {text-align: left; display: none;} .block-product-details .custom-options a.button {padding: 12px 20px; margin: 0;} .block-product-details .product-item-parameters {text-align: left;} .block-product-details .productPrpt {margin: 1em 0;} .block-product-details .productPrpt > b {display: block; font-weight: 900; margin: 0 0 0.5em; color: #444444; font-size: 14px; text-transform: capitalize; letter-spacing: 1px;} .block-product-details .productPrpt select {width: 100%; padding: 8px 12px;} .block-product-details .productQty {/*width: 5%;*/ text-align: left;} .block-product-details .productQty span {display: block; text-transform: uppercase; font-weight: 900; margin: 0 0 0.5em;} .block-product-details .productQty select {padding: 8px 12px;} .block-product-details .productBttns { float: left; width: 34%; margin-top: 22px; margin-left: 2%;} .block-product-details .productBttns a.button {width: 100%;} .block-product-details .prod-Seperator {padding: 20px 0 10px 0; border-bottom: 1px solid #555555;} #ask_login_wrapper {background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;} #ask_login {background: #fff; font-weight: bold; left: 50%; margin-left: -250px; padding: 60px 0; position: absolute; text-align: center; text-transform: uppercase; top: 30%; width: 500px;} #wishlist_message_wrapper { position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(0, 0, 0, 0.7); z-index:9999; } #wishlist_message { width:300px; background: #fff; border:1px solid red; position: absolute; top:30%; left:50%; padding: 15px; border-radius:10px; margin-left:-165px; text-align:center; font-weight: bold; text-transform: uppercase; } #wishlist_message.success {border: 1px solid green; } .block-product-details .button-add {background: #FF0000; font-size: 18px; color: #FFFFFF; text-align: center;} .restricted-options{display: none; background: #8c1700 !important; color: #fff; padding: 10px;} .restricted-options p {font-size: 14px; font-weight: bold;} .block-product-details .socials {color: #555555; font-size: 16px; font-weight: 700; padding: 8px 0; float: left; text-transform: capitalize !important;} .block-product-details .socials:before {content: 'SHARE THIS '; display: inline-block; font-weight: 700; vertical-align: middle;} .block-product-details .socials > div {display: inline-block; vertical-align: middle;} .block-product-details .socials a {color: #555555; margin: 0 0.4em;} .block-product-details .fa-star {margin-right: 5px;} .block-product-details a.button.button-wishlist {float: right; padding: 14px 0 14px 14px; margin-bottom: 20px; text-transform: uppercase; color: #4a4a4a; background-color: #fff;} .block-product-details a.button.button-wishlist:before {color: #4a4a4a; display: inline-block; font: 1.2em/0.6 FontAwesome; text-align: center; text-rendering: auto; content: "\f005"; position: relative; left: -5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .block-product-details .product-item-description {clear: both;} .block-product-details .product-item-images {} .block-product-details .product-item-image {height: 488px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .block-product-details .product-item-image img {height: auto; max-height: 100%; max-width: 100%; width: auto;} .block-product-details .product-item-rollover {margin: 1em 0 0; text-align: center;} .block-product-details .product-item-rollover a {display: inline-block; margin-left: -4px; width: 70px; height: 70px; padding: 8px; text-align: center; border: 1px solid #959496; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border .2s ease-in-out; -moz-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;} .block-product-details .product-item-rollover a:hover {border: 1px solid #2ca5ca;} .block-product-details .product-item-rollover img {height: auto; width: auto; max-height: 100%; max-width: 100%;} .block-product-details #acc {} .block-product-details .tabtitle {color: #000; font-size: 14px; font-weight: 900; padding: 1em 12px 1em 0; text-transform: uppercase; text-align: left; color: #4a4a4a;} .block-product-details .tabtitle:focus {outline: none;} .block-product-details .tabcontent {overflow-y:auto; text-align: justify;} .block-product-details .tabtitle i.fa-plus, .block-product-details .tabtitle i.fa-minus {color: #184901;} .block-product-details .tabcontent {display: none;} .block-product-details .tabtitle i.fa-minus {display: none;} .block-product-details .tabtitle-active + .tabcontent {display: block;} .block-product-details .tabtitle-active i.fa-plus {display: none;} .block-product-details .tabtitle-active i.fa-minus {display: inline;} .block-product-details .product-item-video {margin: 50px 0 0;} .block-product-details .product-item-video img {height: auto; max-height: 100%; max-width: 100%; width: auto;} .productNasw {display: none;} /* block-related-products */ .block-related-products {clear: both;} .block-related-products .block-title {border-top: 1px solid #ceccc9; font-size: 18px; margin: 0 0 1em; padding: 1em 0; text-align: left; color: #555555; font-weight: bold; letter-spacing: 1px;} .block-related-products .block-content {margin: 0 0 1em;} .items.related {overflow: hidden; padding: 0 0; text-align: center;} .item.related {display: inline-block; width: /*225px*/ 18%;} .item.related:not(:first-child) {margin-left: /*20px*/ 2%;} /*.item.related .item-image {height: 262px;}*/ .item.related .item-image img {height: auto; max-width: 100%;} .item.related .item-title {font-size: 14px; font-weight: 400; height: 2.4em; line-height: 1.2em; margin: .5em 0; overflow: hidden; float: left; width: 70%; text-align: left;} .item.related .item-title a {color: #2a2a2a;} .item.related .item-prices {font-size: 14px; float: right; width: 30%;} .item.related .item-prices > div {display: inline-block; margin: 5px 4px;} .item.related .item-parameters, .item.related .item-description {display: none;} .item.related .priceBlock { font-weight: 900; font-size: 19px; color: #2B2B2B; } .item.related .tax {display: none;} /* block-categories-catalog */ .block-categories-catalog .block-content {} .block-categories-catalog .itemTitle {border: 1px solid #cccccc; color: #2b2b2b; font-size: 13px; line-height: 1.4em; display: block; padding: 13px 0; text-decoration: none; text-align: center;} .block-categories-catalog .block-title {display: none;} .block-categories-catalog .catItems {overflow: hidden; margin: 0 -1% 0 0;} .block-categories-catalog .catItem {float: left; margin: 1% 1% 0 0; width: 24%; text-align: center;} .block-categories-catalog .itemImage {display: block; max-height: 276px; width: 100%; overflow: hidden;} .block-categories-catalog .itemImage img {height: auto; width: 100%;} .block-categories-catalog .itemContent {display: none;} /* subcategories-list-wrapper */ /*#subcategories-list-title {padding: 20px 0 0; font-size: 13px; font-weight: 800; color: #2b2b2b; text-transform: uppercase;}*/ #subcategories-list {margin: 0; padding: 0; list-style-type: none;} #subcategories-list .subcategories-list-item {margin: 3em 0;} #subcategories-list a {color: #202020; font-size: 14px; font-weight: 200;} /* block-category-description */ .block-category-image {text-align: center;} .block-category-image .block-title {display: none;} .block-category-image .block-content {margin: 0;} .block-category-image .padding10px {padding: 0;} .block-category-image img {height: auto; width: 100%;} .block-category-full-description {padding: 1% 0.5%;} .block-category-full-description .block-title {/*display: none;*/} .block-category-full-description .padding10px {padding: 1% 0;} .block-category-full-description p {font-size: 13px; font-weight: 200; line-height: 27px; color: #304a4b;} /* block-basket-recommended */ .block-basket-recommended a.button {margin: 10px 0;} /**** user home pages ****/ .block-user-home .block-title, .block-user-home .block-balance {display: none;} .block-user-home .block-content {background: #f3f3f3; padding: 20px;} .user-home-pages .user-home-title { font-size: 20px; font-weight: 500; line-height: 1em; margin: 15px 0; text-transform: uppercase; } .userHomeLogout {color: #636363; font-size: 12px; text-align: right;} .userHomeLogout a {} .userHomeWelcome {color: #383838; font-size: 44px; line-height: 1em; margin: 45px auto; text-align: right; text-transform: capitalize; width: 220px;} .userHomeWelcome i {display: block; font-size: 11px; line-height: 1em; font-style: normal; text-transform: uppercase;} .userHomes { margin: 0 auto; overflow: hidden; padding: 0 0 45px; width: 90%;} .userHome {float: left; min-height: 165px; padding: 0 1%; text-align: center; width: 23%;} .userHome a {display: block;} .userHome a i {display: block; font-size: 75px;} .userHome a.ttl {color: #383838; font-size: 11px; font-weight: 500; margin: 15px 0 0; text-decoration: none; text-transform: uppercase;} .userHome div {display: none;} .userHome i.orders {background-image: url(../images/icons/orders.gif);} .userHome i.profile {background-image: url(../images/icons/details.gif);} .userHome i.pswrd {background-image: url(../images/icons/security.gif);} .userHome i.arr {background-image: url(../images/icons/arr.gif);} .userHome i.support {background-image: url(../images/icons/admin_support.png);} .userHome i.forum {background-image: url(../images/icons/admin_forum.png);} .userHome i.products {background-image: url(../images/icons/admin_products.png);} .userHome i.pages {background-image: url(../images/icons/admin_pages.png);} .userHome i.salesorders {background-image: url(../images/icons/admin_salesorders.png);} .userHome i.merchant {background-image: url(../images/icons/admin_merchant.png);} .userHome i.affiliates {background-image: url(../images/icons/admin_affiliates.png);} .userHome i.payments {background-image: url(../images/icons/admin_payments.png);} .userHome i.carts {background-image: url(../images/icons/basket-acc.png);} .userHome i.wishlist {background-image: url(../images/icons/admin_wishlist.png);} .userHome i.reminders {background-image: url(../images/icons/admin_reminders.png);} .user-home-pages {background: #fff; border: 1px solid #dadada; color: #383838; padding: 5px 10px 15px;} .user-home-pages .userHomeLogout {float: right; line-height: 1em; padding: 16px 0 0;} .user-home-pages h2 {font-size: 20px; font-weight: 500; line-height: 1em; margin: 15px 0; text-transform: uppercase;} .user-home-pages .orderAdd {margin: 15px 0;} .user-home-pages .orderAddLine {margin: 5px 0;} .user-home-pages .orderAddLine label {float: left; width: 100px;} .user-home-pages .orderAddLine i {font-style: normal;} .user-home-pages td {color: #383838; line-height: 1.8em;} .user-home-pages .padding6px td {padding: 12px;} .user-home-pages .middlebg {background: #ededed;} .user-home-pages .middlebg td {font-weight: 500;} .user-home-pages .tblCart .usualbg td {border-bottom: 1px solid #ededed;} .user-home-pages .tblCart .usualbg td td {border-bottom: 0; padding: 0;} .user-home-pages .tblCart .middlebg td b {font-weight: 500;} .user-home-pages .tblPrsnlDtls td {padding-left: 200px;} .user-home-pages .tblPrsnlDtls strong {} .user-home-pages .tblPrsnlDtls span {display: none;} .user-home-pages .tblPrsnlDtls b {font-weight: 500;} .user-home-pages .tblOrdrs .usualbg td {border-bottom: 1px solid #ededed;} .user-home-pages .tblOrdrs .usualbg:hover td {background: #f3f3f3;} .form {} .form-line {margin: 15px 0; overflow: hidden;} .form-line label {float: left; margin-right: 2%; padding: 9px 0 0; width: 38%;} .form-line label b {font-weight: 500;} .form-line input[type="text"], .form-line input[type="email"], .form-line input[type="password"] {max-width: 59%; min-width: 40%} .form-check {} .form-submit {margin: 0 0 10px 40%; text-align: left;} .form-submit input[type="submit"] {min-width: 120px;} .form-submit a {text-decoration: underline;} /**** button links ****/ td.butTd span.spacer {display: none;} a.button {background: #042438; border: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; margin: 0 0 0 3px; padding: 14px 15px; text-decoration: none; letter-spacing: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.button:hover {} a.button.button-view, a.button.button-check, a.button.button-wishlist {background-color: #ccc; color: #333;} a.buttonBasket {background: #999; border: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; margin: 3px 0; padding: 7px 20px; text-decoration: none; text-transform: uppercase;} a.buttonBasket:hover {} a.buttonBasket.button-retrieve, a.buttonBasket.button-save, a.buttonBasket.button-clear {background-color: #ccc; color: #333;} a.button-more {} a.disabled {background: #999; border: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 700; margin: 0; padding: 7px 20px; text-decoration: none; text-transform: uppercase;} a.disabled:hover {} /**** footer ****/ .footer-top-wrapper {} .footer-top {} .footer-brnds-wrapper {margin: 2.6em 0; text-align: center;} .footer-brnds-wrapper img {margin: 8px 16px;} .footer-wrapper {background: #111111; border-bottom: 1px solid #959595; min-height: 136px;} .footer {margin: 0 auto; max-width: 1470px; position: relative;} .footer-newslttr-wrapper {box-sizing: border-box; float: right; padding: 25px 35px 0 0px; text-align: right; width: 70%;} .footer-newslttr-text {color: #FFFFFF; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.2em; margin: 0 16px 0 0; text-align: right; text-transform: capitalize; vertical-align: middle; width: 213px;} .footer-newslttr-form {display: inline-block;} .footer-newslttr-form input.field {height: 41px; width: 502px; border: 1px solid #636363; background-color: #636363; color: #FFFFFF; -webkit-appearance: none; border-radius: 0;} .footer-newslttr-form input.submit {height: 41px; padding: 13px 33px; -webkit-appearance: none; border-radius: 0;} .footer-soc-wrapper {border-width: 0 0 0 1px; box-sizing: border-box; padding:20px 0px 36px 34px; width: 30%;} .footer-soc-title {display: inline-block; font-size: 21px; font-weight: 700; letter-spacing: 0.04em; line-height: 1em; margin: 0 16px 0 0; text-transform: uppercase; vertical-align: middle;} .footer-soc {display: inline-block;} .footer-soc .fa-stack {color: #070707; height: 2.8em; line-height: 3.8em; width: 4.8em;} .footer-soc .fa-stack-2x {font-size: 2.8em;} .footer-soc .fa-stack-1x {color: #FFFFFF; font-size: 31px; border: 2px solid #FFFFFF} .footer-bot-wrapper{background: #000; overflow: hidden; position: relative; z-index: 777;} .footer-bot{ padding: 0px 30px; position: relative; max-width: 1470px; margin: 0 auto;} .footer-testimonial {background: #fff; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; float: right; margin: 10px 0 0; padding: 8px; position: relative; width: 362px;} .footer-testimonial:after {background: url(http://www.smart-trade-shop.co.uk/images/rdb/tstm-dck.gif); content: ''; display: block; height: 74px; margin: 0 -2px 0 0; position: absolute; right: 0; top: 100%; width: 57px;} .footer-test-img {float: left; width: 42%;} .footer-test-img img {height: auto; max-width: 100%;} .footer-test-text {background: url(http://www.smart-trade-shop.co.uk/images/rdb/tstm-ql.gif) no-repeat 0 0, url(http://www.smart-trade-shop.co.uk/images/rdb/tstm-qr.gif) no-repeat 100% 100%; color: #7a7a7a; margin-left: 46%; padding: 5px 0 20px; text-align: right;} .footer-test-text h2 {font-size: 16px; margin: 0;} .footer-test-text p {font-size: 12px; line-height: 1.5em; margin: 0;} .footer-links {float: left; padding: 0 0 30px; width: 20%; border-right: 1px solid #959595;} .footer-links h3 {color: #fff; font-size: 14px; font-weight: 800; line-height: 1.8em;} .footer-links a {color: #fff; font-size: 13px; line-height: 1.8em;} .footer-links .wrapper {overflow: hidden; padding-bottom: 30px;} .footer-links .half {float: left;} .footer-links-middle {float: left; width: 56%; border-right: 1px solid #959595; margin-left: 5%; padding-bottom: 29px;} .footer-links-middle h3 {color: #fff; font-size: 14px; font-weight: 800; line-height: 1.8em;} .footer-links-middle a {color: #fff; font-size: 13px; line-height: 1.8em;} .footer-links-middle .wrapper {overflow: hidden; padding: .5em 0 0;} .footer-links-middle .half {float: left; width: 33%;} .footer-links-right {float: left; text-align: right; width: 18%;} .footer-links-right h3 {color: #fff; font-size: 14px; font-weight: 800; line-height: 1.8em;} .footer-links-right {color: #fff; font-size: 13px; line-height: 1.8em;} .footer-links-right .wrapper {overflow: hidden; padding: .5em 0 0;} .footer-links-right .half {float: left; width: 33%;} .footer-links-right .footer-phone {font-size: 20px;} .footer-links-right .footer-phone a {color: #FFFFFF; text-decoration: none;} .footer-menu {font-size: 12px;} .footer-html {color: #fff; clear: left; font-size: 10px; font-weight: 400; padding: 0;} .footer-sayu {font: 10px "CenturyGothic", "Century Gothic", Arial, Helvetica, sans-serif; padding: 6px 0;} .footer-sayu a {color: #727272; text-decoration: none;} .footer-sayu b.i-sayu {background: url(../images/smart/sayu-logo.png) no-repeat 0 0; display: inline-block; height: 10px; text-indent: -9999px; vertical-align: middle; width: 36px;} .footer-final-bit {background-color: #ffffff; padding: 20px 35px; font-size: 12px; color: #363636; max-width: 1470px; margin: 0 auto;} .footer-final-bit .left {float: left; width: 50%;} .footer-final-bit .right {float: right; width: 50%; text-align: right;} /***** Visualisation tubs on product details *****/ td.tab {border: 1px solid #E9E9E9; border-bottom: none; background: none; padding: 0px;} td.tabActive {border: 1px solid #E9E9E9; border-bottom: none; background: #E9E9E9; padding: 0px;} a.tab {background: none; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tab:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tabActive {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} a.tabActive:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} .tabline {background: #E9E9E9;} /***** Visualisation tubs on product details *****/ /***** Visualisation tubs on UserHome pages *****/ .blockTDtabs table {width: 100%; margin-bottom: 10px;} div.adminTab {font: 11px Verdana, sans-serif; border: 1px solid #919B9C; border-bottom: none; padding: 3px 8px 2px 8px; margin: 0px 2px; cursor: pointer; background: #E9E9E9; white-space: nowrap;} div.adminTabActive {font: bold 11px Verdana, sans-serif; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; padding: 5px 9px 5px 9px; margin: 3px 0px 0px 0px; white-space: nowrap;} td.adminTab {border-bottom: 1px solid #919B9C; vertical-align: bottom;} td.adminTabActive {border: none;} td.beginTab {padding: 0px 4px; border-bottom: 1px solid #919B9C;} td.endTab {padding: 0px 4px; width: 90%; border-bottom: 1px solid #919B9C;} a.blackSm, a.blackSm:hover {text-decoration: none;} /***** Visualisation tubs on UserHome pages *****/ /***** Prices on the site *****/ .top-item-prices .priceBlockOld {display: none!important;} .top-item-prices .salesBlock .tax-name {font-size: 10px !important; font-weight: 800; text-transform: uppercase;} .priceBlock {font-weight: 900; font-size: 18px; color: #2B2B2B;} .priceBlock .tax-name, .priceBlock .tax-price-name {font-weight: 800; font-size: 10px; text-transform: uppercase;} .priceBlock .tax-name-vatfree, .priceBlock-view .tax-name-vatfree{color:red !important;} .priceBlock-view .tax span[id^="tax_price"]{ color: #363636; font-size: 20px; font-weight: 300;} .priceBlock-view .tax .tax-price-name{font-size: 13px; font-weight: initial;} .block-products-list .product-item-prices .priceBlockOld .price:before {content: "Was ";} .salesBlock {ont-weight: bold; border: none; background: transparent; color:#FF0000;} .salesBlock .tax {font-weight: 400;} .priceBlockHidden {display: none; font-weight: 700;} .priceBlockHidden .tax {font-weight: 400;} .priceBlockEdit {font-weight: 700;} .priceBlockEdit input.price {text-align: right; font-weight: 700; width: 60px; color: #4a4a4a; border: 1px solid #4a4a4a;} .priceSaveBlock {color: green; display: none; font-weight: 700;} .priceSaveBlock .percent {font-weight: 400;} /***** Prices on the site *****/ /***** Visualisation product list as table *****/ .productsTable th {padding: 3px;} .productsTable td {padding: 3px;} .productsCategory {font-size: 10pt; font-weight: bold; color: #1584D2; background: #E9E9E9; padding: 6px !important; } .productsDelimiter {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop img {height: 2px;} /***** Visualisation product list as table *****/ /***** Rating iamges *****/ .neutral {display: none; } .commend {background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;} * html .commend {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/commend.png,sizingMethod=crop);} .discommend {background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;} * html .discommend {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/discommend.png,sizingMethod=crop);} .not-rated {background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .not-rated {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/not-rated.png,sizingMethod=crop);} .rating-1 {background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-1 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-1.png,sizingMethod=crop);} .rating-2 {background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-2 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-2.png,sizingMethod=crop);} .rating-3 {background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-3 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-3.png,sizingMethod=crop);} .rating-4 {background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-4 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-4.png,sizingMethod=crop);} .rating-5 {background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;} * html .rating-5 {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/rating-5.png,sizingMethod=crop);} /***** Rating iamges *****/ /***** Wishlist pop-up window *****/ .wishlist-opacity {display: none; z-index: 900; filter: alpha(opacity=50); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1; moz-opacity: 0.5; opacity: 0.5;} .wishlist-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC;} .wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #78C7FF;} .wishlist-img-close img {margin: 10px 10px 5px 0px;} .wishlist-descr {padding: 0px 35px 20px 30px; font: 14px, sans-serif; text-align:justify;} /***** Wishlist pop-up window *****/ /***** New Product's icon *****/ .block-product-details .newProduct {display: block; position: relative; padding-right: 34px !important;} .block-product-details .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: absolute; bottom: -1px; margin: 0px 0px 0px 2px;} * html .block-product-details .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_l.png,sizingMethod=crop);} .block-products-list .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; bottom: -6px; margin: 0px 0px 0px 2px;} * html .block-products-list .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_l.png,sizingMethod=crop);} .newProduct img {background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .newProduct img {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/new_m.png,sizingMethod=crop);} /***** New Product's icon *****/ /***** Restricted Item's icon *****/ .block-products-list .restrictedItem img.restrictedItem {background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .block-products-list .restrictedItem img.restrictedItem {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock.png,sizingMethod=crop);} .restrictedItem img.restrictedItem {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .restrictedItem img.restrictedItem {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock-s.png,sizingMethod=crop);} .restrictedCategory img.restrictedCategory {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} * html .restrictedCategory img.restrictedCategory {background-image: none ! important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/icons/lock-s.png,sizingMethod=crop);} /***** Restricted Item's icon *****/ /***** Matrix price *****/ table.matrix { border: 1px solid gray; margin-bottom: 5px; margin-top: 5px; } th.matrixTop { padding-left: 5px; padding-right: 5px; border-bottom: 1px solid silver; } th.matrixBottom { padding-left: 5px; padding-right: 5px; } td.matrixTop { border-bottom: 1px solid silver; border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } td.matrixBottom { border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } /***** Matrix price *****/ /***** Custom filters *****/ .hide {display: none !important;} .allFilterTitle {font-size: 18px; margin: 0; padding: 10px 13px;} .filterItem {float: left;} .filterItem, .selectedFilters {padding: 4px 30px; max-height: 240px; overflow: auto; width: 12%;} .filterTitle {color: #2b2b2b; font-size: 14px; margin: 10px 0;} .filterTitle b {font-weight: 200;} .filterValues {margin: 10px 0;} .filterLine {color: #2b2b2b; margin: 1em 0; font-weight: 200;} .filterLine a {background: url(../images/filter_checkbox.gif) no-repeat 0 50%; padding: 0 20px 0 27px;} .filterLine a.selected {background: url(../images/filter_checkbox_checked.gif) no-repeat 0 50%;} .filterLine a.applied_list {background: url(../images/filter_ico_remove.png) no-repeat 0 50%;} .filterLine a span {color: #c6c6c8;} .filterLine span.off {background: url(../images/filter_checkbox_disabled.gif) no-repeat 0 50%; color: #c6c6c8; padding: 0 0 0 24px;} .filterLine span.selected {display: none;} .filterLine span.applied_list {display: none;} #filter_overlay {background: rgba(0,0,0,0.25) url("../images/filter_loading.gif") no-repeat 50% 50%; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1000;} /***** Custom filters *****/ div.popupContainer {background: #000; opacity: 0.7; filter:alpha(opacity=70); position: absolute; top: 0; left: 0; z-index: 1000;} div#terms_page_block {background: #fff; padding: 7px 27px 20px 27px; width: 800px; border-top: 1px solid #BEBFBF; border-right: 1px solid #A9ACAD; border-bottom: 1px solid #A9ACAD; border-left: 1px solid #BEBFBF; position: absolute; display: none; z-index: 1010;} div.terms_page_title {color: #1C478D; font-size: 26px; font-weight: bold; line-height: 33px; margin: 15px 0;} div.close_popup {font-weight: bold; color: #990000; text-align: right; cursor: pointer;} div.terms_page_content {height: 560px; overflow: auto;} /************ User Profile and Order Info *****************/ .login_information {} .billing_address {float: left; width: 50%;} .personal_details {float: left; width: 50%;} .cardholder_details {float: left; width: 50%;} .delivery_details {float: left; width: 50%;} .additional_details {clear: both;} .Personal td.noWrap {width: 150px;} .Personal td input.text {color: #7e7e7e; padding: 4px 6px; width: 296px;} .Personal td select {color: #7e7e7e; font-weight: 400; padding: 4px 6px; width: 310px;} .Personal td select.text {width: 310px;} .Personal td textarea {color: #7e7e7e; padding: 4px 6px; width: 296px;} .userProfile td.noWrap {white-space: nowrap; padding-left: 12px;} .userProfile td input.text {width: 208px;} .userProfile td select {width: 210px;} .userProfile td select.text {width: 210px;} .checkout-title {color: #968877; font: 500 24px Arial,Helvetica,sans-serif; margin: 0; padding: 15px 0;} .checkout-right {float: right; width: 49%;} .checkout-right .middlenw td {background-color: #f6f6f6;} .checkout-right .middlenw td span#order_total_desc {font-weight: bold;} .checkout-right .ordersum-title td {background: #cdcdcd url(../images/ttl-bg-os.gif) repeat-x 0 0; color: #636363; font-size: 14px; font-weight: bold;} .checkout-right .padding6px td {padding: 7px 10px;} .checkout-right .padding6px td span.usualprice {font-weight: bold;} .checkout-right .padding6px td span#shipping_cost_incl_tax_selected {font-weight: bold;} .checkout-right .padding6px table td {padding: 0 3px;} .checkout-right .usual1 img {border: 1px solid #acacac; height: auto; width: 46px;} .checkout-right .padding6px .paymet-img {background: #cdcdcd url(../images/ttl-bg-os.gif) repeat-x 0 0; padding: 0; text-align: right;} .checkout-right .paymet-title {color: #636363; font-size: 12px; font-weight: bold;} .checkout-right .fs13 {font-size: 13px;} .checkout-right .fs14 {font-size: 14px;} .checkout-left {float: left; width: 49%;} .Personal td.middlenw1 {font-size: 14px; padding: 12px 15px;} .Personal td.middlenw1 .req {float: right; font-size: 12px; font-weight: normal; padding-right: 10px;} .Personal td.usual, .Personal td.noWrap {color: #323232; padding-left: 15px;} .Personal td.middlenw1 label input {float: left; margin: 3px 10px 10px 0;} .border {border: 1px solid #e9e9e9; padding: 2px;} .editcard a {color: #8c8c8c; text-decoration: underline;} .proceed input.submit {padding: 6px 0; width: 100%;} .properties a {color: #0083ce;} .invis {display: none;} .prodtitlebg {background: url(../images/ttl-d-os.gif) repeat-y 100% 0;} div.popupContainer {background: #000; opacity: 0.7; filter:alpha(opacity=70); position: absolute; top: 0; left: 0; z-index: 8999;} #terms_page_block_wrapper { position:fixed; background:rgba(0, 0, 0, 0.5); top:0; bottom:0; left:0; right:0; z-index:9999; display:none;} div#terms_page_block {background: #fff; padding: 7px 27px 20px 27px; width: 800px; border-top: 1px solid #BEBFBF; border-right: 1px solid #A9ACAD; border-bottom: 1px solid #A9ACAD; border-left: 1px solid #BEBFBF; position: absolute;z-index: 9999; top:100px; left:50%; margin-left:-427px;} div.terms_page_title {font-size: 22px; margin: 15px 0;} div.close_popup {font-weight: bold; color: #900; text-align: right; cursor: pointer;} div.terms_page_content {height: 560px; overflow: auto;} /************ User Profile and Order Info *****************/ /************ block-basket block-checkout-login block-login-advanced userProfile *****************/ .block-basket {margin: 24px 0 159px; padding: 3px;} .block-basket .block-title {margin-bottom: 18px;} .coupon input.field {border: 1px solid #d9d9d9; border-radius: 6px; color: #6a6a6a; font: 13px Arial,Helvetica,sans-serif; margin: 0 0 4px; padding: 5px; width: 228px;} .coupon input.submit {background: #940202; border: none; border-radius: 6px; color: #fff; font: 13px Arial,Helvetica,sans-serif; margin: 0; padding: 6px 0; width: 240px;} .block-checkout-login, .block-login-advanced {margin: 0 auto; max-width: 999px; padding: 21px 0;} .block-checkout-login .block-title, .block-login-advanced .block-title {display: none;} .block-checkout-login .block-content, .block-login-advanced .block-content {margin-bottom: 20px;} .blockLogin {border: 1px solid #D9D9D9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 280px; position: relative;} .block-checkout-login .blockLogin {float: left; margin: 1%; width: 31.33%;} .block-login-advanced .blockLogin {float: left; margin: 1%; width: 48%;} .blockLoginTitle {background: #e9e9e9; color: #000; margin: 0; padding: 9px 16px; text-align: center;} .blockLoginContent {padding: 11px 29px;} .LoginButtonWrapper {position: absolute; bottom: 10px; left: 20px; right: 20px;} .blockLoginUser {text-align: center; background: #999; border-radius: 0; color: #fff; font: 700 12px/1em Arial,Helvetica,sans-serif; margin: 0 0 10px; padding: 7px; text-transform: uppercase;} .blockLoginUser a {color: #fff; display: block; text-decoration: none;} .blockLoginMsg {margin: 11px 0;} .blockLoginForm {} .blockLoginFormLine {margin: 15px 0; overflow: hidden;} .blockLoginFormLine label {float: left; padding: 9px 0 0; width: 38%;} .blockLoginFormLine input.text {float: right; width: 60%;} .blockLoginFormCheck {} .blockLoginFormSubmit {margin: 0 0 10px; text-align: center;} .blockLoginFormSubmit input.submit {width: 100%;} .blockLoginFormSubmit a {text-decoration: underline;} .userProfile {margin-bottom: 20px;} .userProfile .padding6px td {padding: 9px 6px;} .userProfile .padding6px td.noWrap {font-size: 13px; text-align: right;} .userProfile .padding6px td input.text, .userProfile .padding6px td select, .userProfile .padding6px td textarea {} .userProfile .padding6px td input.text {width: 100%;max-width: 400px;} .userProfile .padding6px td select {width: 100%;max-width: 400px;} .userProfile .padding6px td textarea {width: 280px;} .userProfile .middlenew div {margin: 29px 0;} .userProfile .middlenew div input {float: left; margin: 3px 0 0 -25px;} .userProfile .padding6px td span.submit {background: none; padding: 0 !important;} .userProfile .padding6px td input.submit {margin: 0 35px; width: 294px;} .userProfile .padding6px td input#cancel {display: none;} /************ block-basket block-checkout-login block-login-advanced userProfile *****************/ /**** fancy popup ****/ .hide_fancy_popup {display: none;} #fancy_popup .overlay {background-color: silver; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; opacity: 0.4; filter: alpha(opacity=50); width: 1000000px; height: 1000000px;} #fancy_popup .window {z-index: 1001; background-color: white; width: 320px; height: 135px; margin: 0 0 0 -150px; left: 50%; top: 310px; position: fixed; border: 2px solid rgb(138,138,138); border-radius:5px; text-align: center;} #fancy_popup .window.normal {z-index: 1001; background-color: white; width: 300px; height: 140px; margin: 0 0 0 -150px; left: 50%; top: 310px; position: fixed; border: 2px solid rgb(138,138,138); border-radius:5px; text-align: center;} #fancy_popup .message {font-size: 14px; color: #666666; padding: 20px; text-align: center; margin-bottom: 20px; } #fancy_popup .fbchk { font-size: 12px; background-color: rgb(34,145,245); padding: 6px 35px; color: #FFFFFF; margin: 10px 5px 0 5px; text-decoration: none; } #fancy_popup .fbcont { font-size: 12px; background-color: rgb(34,145,245); padding: 6px 15px; color: #FFFFFF; margin: 10px 5px 0 5px; text-decoration: none; } .show {display: block;} .hide {display: none !important;} /**** subscribe popup ****/ #darkBackground {background: rgba(36,39,36,0.7); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999;} #subscribePopUp {background: #fff no-repeat 67px 62px; color: #000; display: none; font-size: 24px; font-weight: 200; height: 142px; left: 50%; line-height: 1.6em; margin: -99px 0 0 -296px; padding: 54px 0 0 146px; position: fixed; top: 50%; width: 442px; z-index: 1000;} #subscribePopUp b {font-weight: 700;} #subscribe_mssg {margin: 8px 1px 0 0; padding: 5px 20px; position: relative;} #messageClose {cursor: pointer; float: right; font-weight: 800; margin: 0 -10px 0 0; padding: 0 6px;} #closePopUp{position: absolute;top: 6px;right: 10px; font-size: 13px;cursor: pointer;} /**** popup style ****/ #blackout {background: #000; position: absolute; top: 0; overflow: hidden; z-index: 1000 !important; left: 0; filter: alpha(opacity=50); opacity: 0.3; width: 100%; height: 100%;} div.popup-box {top: 50%; left:50%; margin-top: -100px; margin-left: -250px; width: 500px; height: 200px; position: absolute; z-index: 1001 !important; overflow: hidden;} div.close-popup-box {height: 13px; width: 466px; cursor: pointer; background: url("../images/close_popup_box.gif") no-repeat 100% 100%;} span.close-popup-box { font: 14px Lato, Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px 20px; display: inline-block; margin: 10px 0 0 0; cursor: pointer; background: #ab0000; background: linear-gradient(top, #ff2819, #ab0000); background: -moz-linear-gradient(top, #ff2819 0%, #ab0000); background: -webkit-gradient(linear, left top, left bottom, from(#ff2819), to(#ab0000)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #7d0000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); } a.ok-popup-box { text-decoration: none; font: 14px Lato, Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px 20px; display: inline-block; margin: 10px 40px 0 0; background: #00ab50; background: linear-gradient(top, #19ff34, #00ab50); background: -moz-linear-gradient(top, #19ff34 0%, #00ab50); background: -webkit-gradient(linear, left top, left bottom, from(#19ff34), to(#00ab50)); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #1f7d00; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7); } div.success_msg {border: 9px solid #ffffff; background: #eeeeee; padding: 0; margin: 0 auto; width: 470px; height: 174px;} div.success_msg p {width: 378px; margin: 0 auto; text-align: center;} p.success_title {border-bottom: 1px solid #989898; padding: 17px 0 20px 0; color: #636363; font: bold 30px "Lucida Grande", sans-serif; text-shadow: 0.1em 0.1em #ffffff;} p.success_info {border-top: 1px solid #F9F9F9; padding: 24px 0 0; color: #646464; font: 14px "Lucida Grande", sans-serif;} p.success_info span {color: #282828; margin-left: 10px;} p.success_text {border-top: 1px solid #F9F9F9; padding: 7px 0 0; color: #646464; font: 13px "Lucida Grande", sans-serif;} /****************** reviewPopup *****************/ div.popupContainer {background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 1000;} .reviewPopup {background: #fff; border: 1px solid #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #696969; clear: both; display: none; font-size: 13px; left: 50%; margin-left: -499px; padding: 27px 34px; position: absolute; top: 200px; width: 999px; z-index: 1001;} .reviewPopupInfo {float: left; width: 40%;} .reviewPopupInfo .product-item-title {margin-top: 0;} .reviewPopupInfo .avrRating {text-align: left;} .reviewPopupInfo > b, .reviewPopupInfo .avrRating b {display: block; margin: 18px 0 10px;} .reviewPopupInfo .avrRating img {margin: 0 10px -5px -2px;} .reviewPopupForm {float: right; width: 58%;} .reviewPopupForm .closeReviewPopup {background: #333; border: 0; border-radius: 50%; color: #fff; cursor: pointer; font: bold 16px/16px Tahoma,sans-serif; height: 18px; margin: 0; padding: 2px 4px 5px; position: absolute; right: -13px; text-align: center; top: -13px; width: 18px;} .reviewPopupForm .titlePopupForm {border: 1px solid #ddd; border-radius: 4px 4px 0 0; color: #565656; font-size: 13px; font-weight: 700; margin: 0; padding: 7px 32px;} .reviewPopupForm .reviewRating {margin: 0 0 20px -6px;} .reviewPopupForm form#review {padding: 10px 34px; border: 1px solid #E0E0E0; border-radius: 5px; border-top: 0; margin-top: -5px; position: relative;} .reviewPopupForm form#review label {display: block;} .reviewPopupForm form#review label img {margin: 7px 10px -2px 0;} .reviewPopupForm form#review span.submit {display: block; margin: 8px 0 0; text-align: center;} .reviewPopupForm form#review input.field {width: 100%;} .reviewPopupForm form#review input.textcode {width: 60%;} .reviewPopupForm form#review textarea {width: 100%; height: 45px;} .reviewPopup .expl {font-size: 11px !important;} .avrRating {cursor: pointer;} .avrRating img {margin: 0 10px -2px;} td.leftSide .avrRating {text-align: left;} td.leftSide .avrRating b {display: block; margin: 18px 0 10px 0; } td.leftSide .avrRating img {margin: 0 10px -5px -2px;} .review_error {border: 1px solid #f00; background-color:#fff; color: #f00; font-weight:bold; padding: 10px; margin: 10px 0; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .review_success {border: 1px solid #006633; background-color: #fff; color: #006633; font-weight:bold; padding: 10px; margin: 10px 0; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .review_hide {display: none;} .priceTaxMsg, .salesTaxMsg {color: #5D5D5D; font-size: 12px;} .reviewTtl {background: url(http://www.smart-trade-shop.co.uk/images/tfc/ttl.gif) no-repeat 9px 50%; color: #565656; font-size: 13px; font-weight: 700; padding: 17px 32px;} #reviews_data {padding: 0 0 17px;} .paddingReviews td {background: #f3f3f3; padding: 10px 14px;} .paddingRev5px td {padding: 5px 11px;} .paddingRev3px td {padding: 3px 3px 3px 11px;} .writeRev {background: #f9f9f9; border: 1px solid #a1a1a1; border-radius: 8px; color: #4b4b4b; display: inline-block; font-size: 11px; line-height: 12px; padding: 8px 10px 6px; text-decoration: none;} .paddingReviews {background: #f3f3f3; padding: 10px; overflow: hidden;} .reviews-left {float: left;} .reviews-left > div {padding: 5px 0 0; display: inline-block; vertical-align: middle;} .reviews-right {float: right;} .paddingRev5px {padding: 5px 10px;} .paddingRev5px > div {padding: 5px 0 0; display: inline-block; vertical-align: top; width: 32%;} .paddingRev5px .review-star, .paddingRev5px .forumGuest, .paddingRev5px .review-text {padding: 5px 0;} .catDescrCont {color: #565656; padding: 5px 10px; font-size: 11px; line-height: 19px;} .no_info {color: #CCCCCC;} #tabs_link{text-transform: uppercase} /**** buzzdub blog ****/ .buzzdubBlog {background: #ffffff; color: #666; font: 12px/18px Verdana,Geneva,sans-serif; margin: 0 auto; overflow: hidden; padding: 0; position: relative; text-align: left;} .buzzdubBlog a img {border: 0 none;} .buzzdubBlogNav {clear: both; color: #828282; font: 14px/30px Verdana,Geneva,sans-serif; margin: 10px 0; text-align: center;} .buzzdubBlogNav a {border: 1px solid #dbdbdb; color: #3678a7; display: inline-block; font-weight: 400; line-height: 1em; min-width: 20px; padding: 7px 4px; text-decoration: none;} .buzzdubBlogNav a:hover {background: none repeat scroll 0 0 #ececec; border: 1px solid #ececec;} .buzzdubBlogNav a.showMore {background-color: #eaeaea; font: 13px/1em Verdana,Geneva,sans-serif; padding: 12px 40px;} .buzzdubBlog {overflow: hidden; width: 100%;} .buzzdubBlog > div {float: left;} .buzzdubBlog > div:first-child {margin: 0;} .buzzdubBlog .galcolumn {margin: 0 0 0 2%; width: 32%;} .buzzdubBlog .galcolumn .item {background: #fff; border: 1px solid #dedede; margin: 0 0 20px;} .buzzdubBlog .galcolumn .item h1 {color: #666666; font: 400 30px Verdana,Geneva,sans-serif; margin: 0;} .buzzdubBlog .galcolumn .item h2 {background: #fff; display: block; font: 400 18px Tahoma,Geneva,sans-serif !important; margin: 0; padding: 16px 20px;} .buzzdubBlog .galcolumn .item h2 a {color: #212121; display: block; letter-spacing: 0; line-height: 25px; text-decoration: none;} .buzzdubBlog .galcolumn .item .content {background: #fff; overflow: hidden; width: auto;} .buzzdubBlog .galcolumn .item .content a.img {display: block; line-height: 0; overflow: hidden;} .buzzdubBlog .galcolumn .item .content img {height: auto; max-width: 100%;} .buzzdubBlog .galcolumn .item .content a:hover img {opacity: 0.8;} .buzzdubBlog .galcolumn .item .content .text {color: #949599; font: 400 12px/18px Arial,Geneva,sans-serif !important; letter-spacing: 0; margin: 0; padding: 16px 20px 6px;} .buzzdubBlog .galcolumn .item .content p.from {margin: 1em 0 0;} .buzzdubPopupBg {background: none repeat scroll 0 0 rgba(36, 39, 36, 0.8); color: #424242; font: 12px/18px Verdana,Geneva,sans-serif; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000;} .buzzdubPopup {background: #fff; left: 50%; margin: 0 0 0 -175px; position: fixed; text-align: left; top: 100px; width: 350px;} .buzzdubPopup .popupClose {color: #757575; cursor: pointer; float: right; font-size: 15px; line-height: 0.8em; padding: 10px;} .buzzdubPopup .item {background: none repeat scroll 0 0 #fff; border-color: #dedede; border-style: solid; border-width: 0; margin: 0;} .buzzdubPopup .item h2 {background-color: #f7f7f7; display: block; font: 400 18px Tahoma,Geneva,sans-serif !important; margin: 0; padding: 16px 20px;} .buzzdubPopup .item h2 a {color: #212121; text-decoration: none;} .buzzdubPopup .item .content {background-color: #f7f7f7; border: medium none; overflow: hidden; width: auto;} .buzzdubPopup .item .content img.article_image {height: auto; max-width: 350px;} .buzzdubPopup .item .content .text {color: #212121; font: 400 12px Arial,Geneva,sans-serif; margin: 0; padding: 17px;} .buzzdubPopup .smallImg .content img {float: left; margin: 0 20px 5px 0;} .buzzdubBlog .soc {background: #999; clear: both; margin: 0; overflow: hidden; padding: 0;} .buzzdubBlog .item .soc {margin: 0 -1px -1px;} .buzzdubPopup .item .soc {background: #999; margin: 0; overflow: hidden; padding: 0;} .soc .addthis_toolbox {float: none; margin: 0;} .soc .addthis_counter.addthis_bubble_style {margin: 8px 0 0 6px !important;} .soc .addthis_default_style > a {border-right: 1px solid #fff; float: left; padding: 0;} .soc .addthis_default_style > .addthis_counter.addthis_bubble_style {border: 0;} .soc .addthis_default_style > a > img {width: auto !important;} .goto {display: inline !important; width: auto !important;} .buzzdubBlog .item .content .from, .buzzdubPopup .item .content .from {color: #797979 !important; font-size: 12px;} .buzzdubBlog .item .content .from a, .buzzdubPopup .item .content .from a {color: #1079a9; text-decoration: underline;} .buzzdubBlog .copyright {background-color: #fafafa; border: 1px solid #d3d3d3; clear: both; font-size: 11px; padding: 16px 20px 20px; text-align: left;} .buzzdubBlog .copyright a {color: #ff8040;} .buzzdubBlog .small {font-size: 10px; line-height: 10px;} .buzzdubBlog .terms p {color: #666; padding: 5px;} .buzzdubBlog .blockCopy {position: relative;} .buzzdubBlog .imageCopy {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); bottom: 0; color: #666; display: none; font-size: 0.8em; font-weight: 100; left: 0; line-height: 28px; margin: 0; padding: 0 20px; position: absolute; right: 0; z-index: 100;} .buzzdubBlog .imageCopy a {color: #666; cursor: default; text-decoration: none;} .block-articles-details-buzz .soc {background: #999; clear: both; height: 31px; margin: 30px 0 0; padding: 0;} .block-articles-recent-list .today-posts {margin: 0 0 30px;} .block-articles-recent-list .today-posts a {border-top: 1px solid #ccc; color: #222; display: block; margin: 22px 0; overflow: hidden; padding: 22px 0 0; position: relative; text-decoration: none;} .block-articles-recent-list .today-posts a:first-child {border-top: 0; padding: 0;} .block-articles-recent-list .today-posts a img {float: left; height: auto; margin: 0 0 1em; max-width: 40%;} .block-articles-recent-list .today-posts a span {display: block; margin: 0 0 1em 45%;} .block-articles-recent-list .today-posts a i {clear: both; float: left;} .block-articles-recent-list .today-posts a b {float: right; font-size: 0.9em; font-weight: 700;} #subscribe_mssg {background: #fff; border:1px solid red; text-align:center; cursor:pointer; max-width:240px; position: absolute; z-index:1000;/*word-break:break-all; */} /**** popup block ****/ .loadingBlock{background-color: #E1E1E1; opacity: 0.5;} .popup-opacity {background: rgba(45, 45, 45, 0.7); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 988;} .popup-shadow {background: #fff; border: 1px solid #a8a8a8; display: none; left: 50% !important; margin-left: -215px; position: absolute; top: 0; width: 430px; z-index: 999;} .popup-block {} .popup-img-close {margin: 18px;} .popup-img-close a {color: #323232; font: 12px/1em Tahoma, Geneva, sans-serif; text-decoration: none;} .popup-descr {padding: 0px 25px 50px; font-size: 14px, sans-serif; text-align:center;} #popup_message {font-weight: 700; padding: 0 0 25px;} #popup_message p {font-weight: 400; margin: 1.4em 0 0;} #popup_buttons .btn {background: #000; border: 1px solid #000; box-sizing: border-box; color: #fff; cursor: pointer; font: 700 12px Arial, Helvetica, sans-serif; margin: 0; min-width: 114px; padding: 12px 18px; text-transform: uppercase;} .block-summary .form-group .shipping-cost span {display:none;} .block-summary .form-group .shipping-cost span.selected {display:block;} /* popup-contact */ #popup-contact-wrapper {position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, 0.5); z-index:9999; display:none;} .popup-contact {margin: 100px auto; width: 47%; overflow: hidden; background-color:#fff;} .popup-contact-header {background: #596d71; overflow: hidden; position: relative; color: #fff; text-transform: uppercase; padding: 0 7%; line-height: 4em;} .popup-contact-close {position: absolute; right: 0; top: 0; color: #fff; border-left: 1px solid #fff; padding: 0 20px; font-size: 15px; font-weight: 700; cursor: pointer;} .popup-contact-close:hover {color: #cecece;} .popup-contact-content {padding: 0 7% 4%; overflow: hidden;} .popup-contact-content h1 {border-bottom: 1px solid #cecece; color: #596d71; margin: 0; padding: 30px 0; font-size: 22px; font-weight: 200;} .contact-content {} .contact-content-left {float: left; width: 49%;} .contact-content-left h3 {color: #596d71; text-transform: uppercase; margin: 35px 0 15px; font-size: 14px; font-weight: 700;} .contact-content-left a {text-decoration: underline; color: #596d71; font-size: 16px; font-weight: 200; line-height: 24px;} .contact-content-left a.call-us-on {text-decoration: none;} .contact-content-left a:hover {text-decoration: none;} .contact-content-right {float: right; width: 49%;} .contact-content-right h3 {text-align: right; color: #596d71; text-transform: uppercase; margin: 35px 0 15px; font-size: 14px; font-weight: 700;} .contact-content-right div {border: 1px solid #ccdadd; padding: 5% 10%;} .contact-content-right p {overflow: hidden; color: #596d71; font-size: 13px; font-weight: 200;} .contact-content-right span.left {display: block; float: left;} .contact-content-right span.right {display: block; float: right;} .order-instructions-text {width: 60%; color: #304a4b;} .block-products-list2 .product-items {margin: 40px 0 0;} .product-item-title2 {margin: 0; background: #304a4b; color: #fff; font-weight: 400; padding: 12px 0;} .product-item-title2 span {margin: 0 12px;} .product-item-full {overflow: hidden;} .items-colors {width: 100%; margin: 2% 0;} .item-color {display: inline-block; vertical-align: top; width: 23%; padding: 1%;} .item-color img {height: auto; width: 100%; margin: 0 auto;} .item-color span {margin: 10px 0; width: 100%; text-align: center; display: inline-block; font-size: 14px;} .block-products-list .product-item-title2 span {font-size: 12px; line-height: 20px; font-weight: normal; color: #fff;} .block-product-details .product-item-title2 {padding: 0 100px 0 0;} .inner-page.site-page.custom-page .block-order-info-wrapper {overflow: hidden; padding: 1em 0;} .img-in-stock{ position: absolute; left: 0; top: 0; width: auto !important; height: auto !important; } .postcode-anywhere-block {padding: 5px; border: 1px solid #B1B1B1; background-color: #E2E2E2; line-height: 250%; overflow: auto; float:left; width:97%;} .postcode-anywhere-block input {width:97%} #details_shipping_cost{ margin-bottom: 20px; font-size: 14px; font-weight: bold; } #details_shipping_postcode{ margin-top: 20px; margin-bottom: 10px; } #paypal_iframe{ border: 0 none; display: block; height: 370px !important; margin: 20px auto; text-align: center; width: 490px !important; } span.angle {float: right; font-size: 1.6em; text-align: right; width: 3%;} span.angle .fa {cursor: pointer; line-height: 0.8;} .visible-phone {display: none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .visible-desktop {display: inherit !important;} .visible-desktop2 {display: none !important;} .login_information {width:50%;} .delivery_details {float: left; width: 50%;} .personal_details {float: left; width: 50%;} .loginINPUT {width:69%;float:left;} .loginLABEL {float:left;width:30%;margin-right:1%;} #faq_data div h3 { font-size:14px; padding-bottom: 5px; border-bottom: 1px solid #6D8080; } #faq_data div p { padding-bottom: 15px; } .galleryWrapper { max-width:930px; width:100%; margin:0 auto; font-family:'Lato', Arial, helvetica, Sans-Serif; } .galleryWrapper .header { background:#4e7175; width:100%; max-width:930px; text-align:center; color:#fff; padding:20px 0px; margin:0px; } .galleryWrapper .header h1 { font-size:32px; } .galleryWrapper .header p { font-size:13px; line-height:20px; } .galleryWrapper .contentSection .contentRow { margin-top:20px; } .galleryWrapper .contentSection .contentRow .contentObjectLeft, .galleryWrapper .contentSection .contentRow .contentObjectRight { width:100%; max-width:440px; height:auto; background:#c9d4d6; color:#323d3f; } .galleryWrapper .contentSection .contentRow .contentObjectLeft { float:left; } .galleryWrapper .contentSection .contentRow .contentObjectRight { float:right; } .galleryWrapper .contentSection .contentRow .contentImage { max-width:460px; width:100%; height:auto; } .galleryWrapper .contentSection .contentRow a { color:#323d3f; text-decoration:underline; } .galleryWrapper .contentSection .contentRow p { padding:5px 20px; } .galleryWrapper .contentSection .contentRow p span { font-size:20px; font-weight:700; } @media (max-width:915px) { .galleryWrapper .contentSection .contentRow .contentObjectLeft, .galleryWrapper .contentSection .contentRow .contentObjectRight { float:none; max-width:none; text-align:center; } .userHome { width: 48%; } } @media (min-width: 1025px) { .header-menu > ul > li > ul {background-position: 98.5% 5px !important; padding: 5px; width: 400px;} .header-menu > ul > li > ul > li {display: inline-block; float: none; vertical-align: middle;} .catItems {border: 1px solid #e0e0e0; border-width: 1px 1px 1px; overflow: hidden;} .catItem {border-width: 0 1px 1px 0; box-sizing: border-box; float: left; width: 33.3333%;} .catItem:nth-child(3n) {border-width: 0 0 1px;} .catItem .itemTitle {white-space: nowrap;} } .TearoomWrapper { max-width:777px; width:100%; margin:0 auto; font-family:'Lato', Arial, Helvetica, Sans-Serif; color:#fff; } .TearoomWrapper .LargeImage { max-width:777px; width:100%; height:auto; } .TearoomWrapper .mainContent .left { max-width:250px; width:100%; float:left; } .TearoomWrapper .mainContent .right { max-width:500px; width:100%; float:right; color:#000; font-size:22px; line-height:32px; } .TearoomWrapper .mainContent .right p span { font-size:28px; font-weight:700; } .TearoomWrapper .SmallImage { max-width:250px; width:100%; height:auto; } .TearoomWrapper .mainContent .left .SmallImage { float:left; } .TearoomWrapper .mainContent .left .addressBox { background:#324a4a; max-width:250px; width:100%; float:right; height:340px; line-height:24px; } .TearoomWrapper .mainContent .left .addressBox ul { list-style-type:none; padding:20px 10px; } @media (max-width:750px) { .TearoomWrapper .mainContent .left, .TearoomWrapper .mainContent .right { float:none; width:100%; max-width:none; } } .deliveryText { float:left; width: 60%; } .deliveryImage { float:right; max-width:376px; width:100%; } .productNotes table { width:66%; } .productNotes tr td { padding:10px; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } .productNotes tr:last-child td { border-bottom:none; } .productNotes tr td:last-child { border-right:none; } .productNotes tr td { padding-left:10px; } .financeButton { padding: 10px 30px; background: #304A4B; width: 105px; color: #fff; } .financeButton a { color:#fff; } .leftColumnBlock tr td { border-top:1px solid #6d8080; } .leftColumnBlock tr:last-child td { border-bottom:1px solid #6d8080; } .leftColumnBlock tr td p { font: 12px Lato, Arial, Helvetica, sans-serif; color:#8f9595; padding-left:5px; } .leftColumnBlock tr td p span { font-size:13px; } .userHome { width: 48%; } .guaranteeImageBlock { float: right; width: 40%; text-align: center; } .guaranteeImageBlock img { width: 66%; height: auto; } .guaranteeTextBlock { float: left; width: 50%; } .block-articles-list .comment {text-align: left;border: 1px solid #EFEFEF;} .block-articles-list h2.listing {color: #565654; font-size: 14px; font-weight: 200; line-height: 20px; margin: 5px 28px 0; padding: 7px 0; text-transform: uppercase;} .block-articles-list .commentContent {color: #565654; padding-left:10px; font-size: 14px; font-weight: 200; line-height: 20px; margin: 0 38px; position: relative; text-align:left;} .block-articles-list .commentContent:before {background: url(http://www.smart-trade-shop.co.uk/images/lq.gif) no-repeat 0 0; content: ''; height: 8px; left: -9px; position: absolute; top: 4px; width: 9px;} .block-articles-list .commentContent:after {background: url(http://www.smart-trade-shop.co.uk/images/rq.gif) no-repeat 0 0; bottom: 4px; content: ''; height: 8px; position: absolute; right: -9px; width: 10px;} .block-articles-list .commentContent font {font: 200 13px/1.4em "Proxima Nova",Arial,Helvetica,sans-serif;} .block-articles-list .sandn {border-width: 1px 0; margin: 10px 0 0;} .item-links-prev-next {clear: both; padding: 0 0 1em; overflow: hidden;} .item-links-prev-next a {display: block; text-decoration: none; background: #304a4b; color: #fff; width: 49%; padding: 10px 0; text-align: center; font-size: 14px; border: 1px solid #d0d0d0;} .item-links-prev-next a.prev-product {float: left;} .item-links-prev-next a.next-product {float: right;} .item-links-prev-next a i.fa-angle-left {margin: 0 0 0 10%; float: left;} .item-links-prev-next a i.fa-angle-right {margin: 0 10% 0 0; float: right;} .block-simple iframe { width:100%; max-height:300px; } .block-summary .paymet-img {text-align: center;} /*.block-summary .form-group label {width: 100% !important;}*/ .block-summary .p4loi {padding: 9px 26px;} .block-summary .p4lForm {padding: 9px 0;} .block-summary .p4lTypes {padding: 9px 0;} .block-summary .p4lTypes label {width: 100% !important; float: left;} @media (max-width: 1200px) { .block-products-list .product-item {width: 25%;} .block-products-list .product-item:nth-child(5n+1) {clear: none;} .block-products-list .product-item:nth-child(4n+1) {clear: both;} .cart-left { float: left; border: 1px solid #8D8D8D; padding: 14px 0px 13px 10px; text-align: center; width: 137px; } a.menu, a.menuActive {padding: 13px 0.8em;} } @media (max-width: 1024px) { .header-wrapper {padding: 0} .item.related .item-title { font-size: 14px; font-weight: 400; height: 2.4em; line-height: 1.2em; margin: .5em 0; overflow: hidden; float: none; width: 80%; text-align:center; } .block-products-list .product-item .compare { width: 60%; } .block-products-list .product-item:hover { border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF;} .item.related .item-prices { font-size: 14px; float: none; width: 80%; text-align: center; } .block-product-details .productBttns { float: right; width: 50%; margin-top: 22px; } .product-item:hover .product-view-button {display: none; } .product-item:hover .mask-over-items {display: none;} .product-item:hover .VD-Button {display: none;} .block-products-list .product-item-title {float: none; width: 100%;} .block-products-list .product-item-prices { margin: 6px 0px; font-size: 15px; float: none; width: 100%; text-align: center; } .footer-links-middle {margin-left: 0;} .footer-soc-wrapper {width: 100%; text-align: center;} .footer-newslttr-wrapper {float: none; padding: 0; text-align: center; width: 100%;} .footer-newslttr-text {width: 90%; padding-bottom: 10px; text-align: center;} .main-block-left-side, .main-block-right-side, .main-block-center-side {margin: 0; padding: 10px 0; width: 100% !important;} .mainImgs .bx-wrapper .bx-controls-direction a {display: none;} .mainImgs .bx-wrapper .bx-prev { display: none; } .mainImgs .bx-wrapper .bx-next { display: none; } .index-page .main-block {margin: 0 20px;} .header-logo {float: none; width: 100%; padding: 5px 0;} .header-logo img {width: 100%; height: auto;} .mobile-buttons {display: inline-block; margin: 0 0 0 100px; position: relative; text-align: right; z-index: 999;} .mobile-buttons > span > a {box-sizing: border-box; display: inline-block; color: #FFFFFF; font-size: 2em; height: 50px; line-height: 0; padding: .5em; text-align: center; text-decoration: none;} .mobile-buttons > span > a span {color: #FFFFFF; font-size: .75em; font-weight: 500; margin-left: 0.5em; text-transform: capitalize; vertical-align: middle;} .mobile-buttons > span > a i {vertical-align: middle;} .mobile-buttons > span > a b {font-size: .75em; font-weight: 500; line-height: 1em; vertical-align: middle;} .mobile-buttons > span > a b:before {content: "(";} .mobile-buttons > span > a b:after {content: ")";} .mobile-buttons > span > a.phone-link {border-left: 0;} .mobile-buttons > span > a.search-link {float: left;} .mobile-buttons > span.header-cart:before {display: none;} .mobile-buttons .cartDropDown {display: none;} .mobile-buttons .cartDropDown {background: #fff; border: 1px solid #808080; display: none; line-height: normal; margin: 4px -4px 0 0; padding: 6px; position: absolute; right: 0; top: 100%; width: 270px;} .mobile-buttons .cartDropDown:before {border: 1px solid #808080; border-color: transparent transparent #808080; border-width: 0 12px 12px; content: ''; display: block; margin: -12px -12px 0 0; position: absolute; right: 25px; top: 0;} .mobile-buttons .cartDropDown:after {border: 1px solid #fff; border-color: transparent transparent #fff; border-width: 0 11px 11px; content: ''; display: block; margin: -11px -11px 0 0; position: absolute; right: 25px; top: 0;} .header-search-wrapper form[name=search] input[name=search_string] {width:80%;} .header-search-wrapper form[name=search] button.submit {width: 20%;} .top-menu-toggle button {background: none; border: 0 none; color: #FFFFFF; font-size: 2em; padding: .5em; vertical-align: middle;} .top-menu-toggle span {color: #FFFFFF; font-size: 1.5em; font-weight: 500; margin-left: -0.5em; text-transform: capitalize; vertical-align: middle;} .header-menu-wrapper {float: none; height: 50px; position: relative;} .header-menu {position: absolute; top: 0; width: 480px;} #left-angle {color: #545454; font-size: 22px; left: 0; margin: 0; position: absolute; top: 46%;} #left-angle a {font-size: 32px; padding: 0.5em;} .header-menu ul {background: #000000; box-shadow: 1px 1px 2px rgba(0,0,0,0.5); padding: 20px 20px 20px 40px; text-align: left;} .header-menu li {padding: .5em 0 .5em;} .header-menu ul li {display: block; border-right: none;} .header-menu ul li a {display: block; padding: 0.5em;} .header-menu li > ul {background: #000000; border: 0; box-shadow: none; left: auto; margin-left: 0; padding: 0; position: relative; top: auto;} .header-menu > ul > li > ul {background-color: #000000; position: relative;} .header-menu > ul > li > ul > li {float: none; width: auto;} .header-menu > ul { border-color: #000000; border-style: solid; border-width: 0 8px 15px; box-shadow: 2px 2px 5px #A5A5A5; } .header-menu li > ul:before {display: none;} .header-menu li > ul li {border: 0; display: block; padding: 0;} .header-menu li > ul li a.menu, .header-menu li > ul li a.menuActive {font-size: 14px; margin: 9px 0; padding: 1em 0; width: 100%; color: #FFFFFF;} .header-menu li > ul > li ul {background: #fff; border: 0; box-shadow: none; left: auto; margin-left: 0; padding: 0; position: relative; top: auto;} .header-menu > ul > li[data-id^="c_"] > a.menu:after, .header-menu > ul > li[data-id^="c_"] > a.menuActive:after {display: none;} .header-menu > ul > li:hover {background: none;} a.menu:hover, a.menuActive:hover {background: none;} .mainImgs {margin: 0 -40px;} .block-categories-list, .block-categories-catalog {margin: 0 0 10px;} .block-categories-list .block-title, .block-categories-catalog .block-title {padding: 10px 13px; border-top: 1px solid #eaeaea;} .block-categories-list .block-content, .block-categories-catalog .block-content {border-top: 2px solid #f0f0f0;} .block-categories-list .catItems, .block-categories-catalog .catItems {margin: 10px 9px;} .block-categories-catalog {border: 0; margin: 0;} .block-categories-catalog .block-content {border: 0;} .block-categories-catalog .catItems {margin: 0;} .reviewPopup {left: 20%; margin-left: 0; top: 100px; width: 60%;} .reviewPopupInfo {float: none; margin: 0 0 2em; width: 100%;} .reviewPopupInfo .product-item-image {display: none;} .reviewPopupForm {float: none; margin: 0 -32px; width: auto;} .reviewPopupForm .closeReviewPopup {background: #fff; color: #333; right: 4px; top: 4px;} .reviewPopupForm .titlePopupForm {border: 0; font-size: 16px;} .reviewPopupForm form#review {border: 0;} #subcategories-list-wrapper {border: 2px solid #f0f0f0; margin: 0 0 10px; padding: 0;} #subcategories-list-title {padding: 10px 13px;} #subcategories-list {padding: 0 13px;} .footer-bot {margin: 0 20px;} .block-articles-recent-list .today-posts a {border: 0; float: left; margin: 22px 1%; padding: 0; width: 48%;} .block-articles-recent-list .today-posts a:nth-child(2n+1) {clear: left;} .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important ;} .visible-tablet {display: inherit !important;} .hidden-tablet {display: none !important;} .block-support .introBlock {width: 98%; float: right; margin: 0 auto; padding: 1%;} .block-support .supportForm {width: 93%;} .header-block {width: 100%; float: none; margin: 1% 0;} .header-block.second {width: 100%; margin: 1% 0;} .block-product-details .product-item-parameters, .block-product-details .product-item-purchase {float: none; width: 100%;} .block-product-details .product-item-purchase .productQty {text-align: left;} .block-product-details .product-item-custom a {display: block; width: 100%;} .block-product-details .product-item-custom a.print-separator {margin: 1em 0;} .allFilterTitle {border: 2px solid #f0f0f0; font-size: 18px; margin: 0; padding: 10px 13px;} .filterItem, .selectedFilters {border: 2px solid #f0f0f0; float: none; margin-top: -2px; max-height: none; padding: 4px 3px; width: auto;} .filterTitle {margin: 10px;} .filterValues {display: none; margin: 10px 9px;} /*.navigation { background:#666666;}*/ .navigation .sortings {color: #fff;} .header-contact {display: none;} .mailing-list {text-align: center;} .mailing-list p, .mailing-list-form {float: none; padding: 1% 2%;} .mailing-list-form form {width: 60%; margin: 0 auto;} .mainBnr h2 {font-size: 3em; padding: 5% 0 2%;} /* vintage-tearoom */ .tearoom1, .tearoom2 {height: 152px; width: 100%;} .tearoom3 {height: 308px; width:100%;} .tearoom4, .tearoom5 {height: 150px; width: 100%;} .footer {padding: 30px 10%;} .ten-year {float: left; padding: 0 0 45px;} .footer-links, .footer-mailing {float: left; margin: 0 1%;} .footer .soc {clear: left; float: left; padding: 0;} .block-product-details .product-item-image {max-height: 497px; height: auto;} .block-product-details .product-item-rollover a {max-height: 160px; width: 31.5%; height: auto;} .popup-contact {margin: 0 auto; width: 98%; overflow: hidden; background-color:#fff;} .contact-content-right {} .review_error {padding: 10px 1%; width: 98%;} .review_success {padding: 10px 1%; width: 98%;} .writeRev {padding: 8px 1px 6px;} .product-tiny-images .slider .slide {height: 112px;} .product-tiny-images .bx-controls-direction a {height: 112px;} .product-tiny-images .bx-controls-direction a:before {margin-top: 1.3em;} .delivery_details {float:none;width:98%;margin:1%;} .login_information {float:none;width:98%;margin:1%;} .personal_details {float:none;width:98%;margin:1%;} .userProfile .padding6px td input.submit {margin: 0 0px; width: 100%;} .deliveryText { float:left; width: 50%; } .deliveryImage { float:right; max-width:376px; width:100%; } } @media (max-width:830px) { .footer-soc-wrapper {padding: 0 0 10% 0;} .footer { padding: 2%; } .footer-links-middle {display: none;} .homeTopDealsMobile .homeTopDeals-item {padding: 1%; width: 70%; margin-left: 10%;} .footer-links, .footer-mailing {float: none; margin: 0;} .footer-links {float: none; width: 90%; border-right: none; padding: 0 10px;} .footer-links-right {float: none; text-align: left; width: 95%; padding: 0 10px;} .footer-bot {margin: 0; padding: 0;} .footer-newslttr-form input.field {width: 70%;} .footer-newslttr-form input.submit {height: 39px; padding: 12px;} .footer-final-bit .left {float: none; width: 100%; text-align: center;} .footer-final-bit .right {float: none; width: 100%; text-align: center;} .footer-final-bit .right img {width: 100%;} .deliveryText { float:left; width: 40%; } .deliveryImage { float:right; max-width:376px; width:100%; } .footer-newslttr-wrapper { float: none; padding: 20px 0; width: 100%; } @media (max-width: 768px) { .product-tiny-images .bx-controls-direction a:before {margin-top: 1em;} .deliveryText { float:none; width: 100%; } .deliveryImage { float:none; max-width:376px; width:100%; } .guaranteeImageBlock { float: none; width: 90%; } .guaranteeTextBlock { float: none; width: 90%; } } @media (max-width: 767px) { .mobile-buttons {float: right; margin: 0; position: relative; width: 80%; z-index: 888;} .mobile-buttons > span > a {float: left; padding: 0.5em 0; width: 25%;} .mobile-buttons > span > a span {display: none;} .mobile-buttons > span > a b {font-size: 0.6em; font-weight: 400; line-height: 1em;} .mobile-buttons > span > a b:before, .mobile-buttons > span > a b:after {content: "";} .mobile-buttons > span form[name=search] {top: 40px; width: 100%;} .top-menu-toggle button {box-sizing: border-box; width: 20%;} .top-menu-toggle span {display: none;} .block-products-list .product-items {margin: 0;} .block-products-list .product-item {margin: 0 1% 2%; width: 48%;} .block-products-list .product-item:nth-child(3n+1) {clear: none;} .block-products-list .product-item:nth-child(2n+1) {clear: left;} .block-categories-catalog .catItem {width: 49%;} .block-categories-catalog .catItem:nth-child(3n+1) {clear: none;} .block-categories-catalog .catItem:nth-child(2n+1) {clear: left;} .block-related-products .items.related {margin: 0;} .block-related-products .item.related {margin: 0 1% 2%; width: 48%;} .block-related-products .item.related:nth-child(3n+1) {clear: none;} .block-related-products .item.related:nth-child(2n+1) {clear: left;} .block-related-products .item-image {margin: 0 0 20px;} .left-side, .right-side {float: none; width: 100%; clear: both;} .right-side {padding-top: 15px;} .block-product-details .guarantee {top: 15px;} .block-product-details .product-item-parameters {margin: 4em 0 1em;} .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important;} .visible-phone {display: inherit !important;} .hidden-phone {display: none !important;} /* shop-apartments */ .shop {width: 49%;} .shop:nth-child(3) {clear: left;} .mailing-list-form form {width: 100%; margin: 0 auto;} .mainBnr a.shop-dining {margin: 2% 0 0; padding: 2% 5%;} .block-offers .item {width: 50%;} .block-offers .item:nth-child(3) {clear: left;} /* vintage-tearoom */ .left-tearoom, .right-tearoom {width: 100%; float: none;} .center-tearoom {width: 100%; float:left; margin:0px 1%; height:auto;} .tearoom1, .tearoom2 {width: 50%; margin: 0 0 1%;} .product-page .fancybox-close {padding: 10px;} .product-page .fancybox-nav {height: 115px; margin-top: -58px; width: 55px;} .navigation.top .navigator {display: none;} .navigation.bottom .sortings, .navigation.bottom .showall, .navigation.bottom .found {display: none;} .block-login-advanced .blockLogin {float: none; width: 98%;} .reviews-left > div {display: block;} .paddingRev5px > div {display: block; width: 100%;} .product-tiny-images .bx-controls-direction a {height: 162px;} .product-tiny-images .bx-controls-direction a:before {margin-top: 2em;} .block-summary .p4loi {padding: 9px 20px;} } @media (max-width: 500px) { .header-menu {width: 100%;} .block-products-list .product-item { width: 100%; border-bottom: 1px solid #C1B6AC; /*min-height: 422px;*/ } .block-filter-title span.angle {margin-left: 9px;} .block-filter-title > span {padding-top: 6px;} .block-filter-title {font-size: 15px;} .titleTopCenter h1 {font-size: 15px;} .block-product-details .button-add {font-size: 14px;} .block-products-list .product-item-image {z-index: 0;} .block-products-list .product-item .compare {display: none;} .block-products-list .liner {display: none;} .block-products-list .product-item-image { height: auto; position: relative; text-align: center; float: none; width: 100%; margin-right: 0px; } .block-products-list .product-item {margin: 0 1% 2%; width: 98%;} .block-products-list .product-item:nth-child(2n+1) {clear: none;} .navigation .showall { padding: 20px 10px 0px 0px; color: #fff;} .navigation .showall a {color: #fff;} /*.block-product-details .productBttns { float: right; width: 70%; margin-top: 22px; margin-right: 10px; }*/ .block-related-products .item.related {width: 98%;} .block-related-products .item.related:nth-child(2n+1) {clear: none;} .block-categories-catalog .catItem {width: 98%;} .block-categories-catalog .catItem:nth-child(2n+1) {clear: none;} .footer-html, .footer-sayu {float: none;} .block-articles-recent-list .today-posts a {border-top: 1px solid #ccc; float: none; margin: 22px 0; padding: 22px 0 0; width: 100%;} /* shop-apartments */ .shop-apartments {margin: 0;} .shop {float: none; width: 100%; margin: 2% 0;} .mainBnr h2 {font-size: 1.5em; padding: 1% 0;} .mainBnr p {font-size: 10px; line-height: 16px;} .mainBnr a.shop-dining {font-size: 10px;} .mainBnr .bx-controls {bottom: 1%;} .block-offers .item {width: 100%; float: none;} .social a {width: 50%;} .social a:nth-child(3), .social a:nth-child(5) {clear: left;} .left-tearoom, .right-tearoom {width: 100%; float: none;} .tearoom {width: 100%; float: none; height: auto; margin: 1% 0;} .tearoom img {height: auto; width: 100%;} .tearoom3 a {padding: 15px 0; width: 70%;} .ten-year, .footer-links, .footer-link, .footer .soc, .footer-mailing {float: none;} .ten-year {text-align: center; padding: 0;} .footer-link, .footer .soc {padding: 0; text-align: center; margin:0 auto;} .footer-mailing h3, .footer .soc h3 {text-align: center;} .footer .soc {width: 144px; margin: 0 auto;} .footer-mailing-form {padding: 0 2%;} .footer-mailing-form input.field {width: 100%;} .footer-html, .footer-sayu {float: none; text-align: center;} .footer-html img, .footer-html p {float: none;} .mailing-list-form input.field {width: 58%;} .main-furnitures {margin: 0;} .main-furniture {float: none; width: 100%; margin: 1% 0;} .block-product-details .product-item-title {padding: 0;} .reviewPopup {left: 0; width: 100%;} .reviewPopupForm form#review input.textcode {width: 40%;} .block-product-details .guarantee {position: static; margin: 20px auto;} .product-tiny-images .slider .slide {height: 75px;} .product-tiny-images .bx-controls-direction a {height: 75px;} .product-tiny-images .bx-controls-direction a:before {margin-top: 0.8em;} .loginLABEL {width:100%;float:left; text-align:left; margin-right:0;} .loginINPUT {width:100%;float:left;} .order-instructions-text {width: 100%;} .item-color {width: 48%;} } .visible-print {display: none !important;} @media print { .visible-print {display: inherit !important;} .hidden-print {display: none !important;} } #success-subscribe-wrapper { position: fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); z-index:9999; display:none; } #success-subscribe { position:absolute; top:150px; left:50%; padding:10px 15px; width:450px; margin-left:-240px; background: #fff; text-align:center; font-size:22px; } #subscribeClose {position:absolute; top:5px; right:5px; cursor:pointer;} .financePage { max-width:1400px; width:100%; margin:0 auto; } .financeOuter { max-width:750px; margin:0 auto; width:100%; } .financeStep { width:33%; max-width:241px; height:auto; float:left; margin-right:5px; } .financeImage { width: 100%; max-width: 239px; height:auto; } .spacer { clear:both; height:25px; } .financeFullWidth { width:100%; max-width:730px; margin:0 auto; border:1px solid #839d9e; } .financeFullWidth h3, .financeFullWidth p, .financeFullWidth ul li { padding:0px 10px; font-family:'Lato', Arial, Helvetica, Sans-Serif; list-style-type:none; line-height:20px; } .financeFullWidth h3 { background:#274648; margin:0 auto; padding:10px; color:#fff; } .financeStep .inner { border-left: 1px solid #839d9e; border-bottom: 1px solid #839d9e; border-right: 1px solid #839d9e; max-width: 237px; min-height: 92px; } .financeStep .inner h3 { font-family:'Lato', Arial, Helvetica, Sans-serif; text-align:center; margin:-5px auto; padding-top:10px; } .financeStep .inner p { text-align:center; color:#212121; font-family:'Lato', Arial, Helvetica, Sans-Serif; font-size:12px; line-height:18px; } @media screen and (max-width:768px) { .financeStep { text-align:center; float:none; width:100%; max-width:none; } .financeImage { max-width: 241px; } .financeStep .inner { width: 98%; max-width: 240px; margin:0 auto; } }