#Shop #Breadcrumbs { background: #f2f2f2;padding: 5px 10px;color: #999;margin: 10px 0 20px;font-size: 14px;line-height: 20px; } #Shop #Breadcrumbs a.account { background: #4d4d4d;color: #fff;text-decoration: none;padding: 0 5px;text-align: center;margin-left: 10px;float: right; } #Shop #Breadcrumbs a.account:hover {background: #6defe6;color: #fff; } #Shop #Breadcrumbs a {color: #000;text-decoration: none;} #Shop #Breadcrumbs a:hover {color: #333;} #Shop #Breadcrumbs a i.fa {padding: 0 2px 0 0;} #Shop #Breadcrumbs span.separator {display: inline-block;font-size: 0;height: 20px;} #Shop #Breadcrumbs span.separator::after {content: '\f105';font-family: 'FontAwesome';font-size: 12px;padding: 0 10px;color: #999;} #Shop div#Head {display: none; position: absolute;z-index: 30;top: 0;right: 0;float: none;width: auto;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;background: #fff;padding: 5px;border: 5px solid #93bfba;text-align: center;} #Shop div#Head a.CartBtn {float: none;margin: 0;background: #4d4d4d;color: #fff;order: 2;-webkit-flex: 0 0 auto;margin: 5px 0;} #Shop div#Head a.CartBtn:first-child {margin: 0;order: 3;} #Shop div#Head a.CartBtn:hover {background: #6defe6;color: #fff;} #Shop div#Head #catalog_cart_mini {float: none;margin: 0;line-height: 35px;order: 1;-webkit-flex: 0 0 auto;font-size: 0;vertical-align: middle;} #Shop div#Head #catalog_cart_mini::before {content: '\f291';font-family: "FontAwesome";font-size: 24px;vertical-align: middle;} #Shop div#Head #catalog_cart_mini span {font-size: 14px;font-weight: bold;vertical-align: middle;} #Shop div#Head #catalog_cart_mini span#catalog_cart_mini-nbr-items {border-radius: 50%;color: #6defe6;background: #000;width: 35px;line-height: 35px;display: inline-block;margin: 0 5px;} #Shop #mobile-sidebar {background: none;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin: 0;padding: 0 0 15px;cursor: default;} #Shop #mobile-sidebar a {background: #000;color: #fff;text-decoration: none;box-shadow: 0 3px 0 #000;border-radius: 3px;font-size: 16px;line-height: 28px;font-weight: bold;text-align: center;display: inline-block;padding: 5px 10px;} #Shop #mobile-sidebar a i.fa {font-size: 16px;font-weight: normal;} #Shop div#Sidebar {position: fixed !important;right: -350px;top: 0;bottom: 0;overflow: auto;width: 300px !important;padding: 20px;background: #777777;color: #ccc;z-index: 120;transition: all .4s;display: -webkit-flex;display: flex;-webkit-flex-flow: column nowrap;flex-flow: column nowrap;float:none !important;} #Shop div#Sidebar.active {right: 0;} #Shop div#Sidebar h3 {-webkit-order: 1;order: 1;} #Shop div#Sidebar #catalog_cart_mini {-webkit-order: 2;order: 2;} #Shop div#Sidebar .caddy-list {-webkit-order: 3;order: 3;} #Shop div#Sidebar .CartBtn {-webkit-order: 4;order: 4;} #Shop div#Sidebar::after {content: '';display: block;border: 10px solid transparent;-webkit-order: 5;order: 5;} #Shop div#Sidebar a {color: #fff;} #Shop div#Sidebar h3 {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 22px;text-transform: uppercase;color: #fff;margin: 0 0 20px;border-bottom: 2px solid #999;padding-bottom: 5px;} #Shop div#Sidebar #catalog_cart_mini {font-size: 16px;padding: 5px 0 20px;color: #fff;} #Shop div#Sidebar ul.Cart li.row {background: none;border-top: 1px solid #666;padding: 15px 0px 15px 30px;margin: 0;font-size: 16px;} #Shop div#Sidebar ul.Cart li.row:first-child {border-top: 0;} #Shop div#Sidebar ul.Cart li.row span.cartQty {display: inline-block;padding: 0 1px;} #Shop div#Sidebar ul.Cart li.row span.cartQty + a {margin-left: 3px;} #Shop div#Sidebar ul.Cart li.row a {font-weight: bold;font-size: 17px;} #Shop div#Sidebar ul.Cart li.row strong.cartPrice {display: block;clear: both;text-align: right;font-size: 17px;} #Shop div#Sidebar ul.Cart li.row a.Remove {left: 0;top: 15px;padding: 0;color: #fff;background-size: 30%;border-radius: 50%;display: inline-block;width: 20px;height: 20px;text-align: center;} #Shop div#Sidebar ul.Cart li.row a.Remove::before {content: "\f00d"; font-family: "FontAwesome"; font-size: 1em; float: left; color: #000;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;} #Shop div#Sidebar ul.Cart li.row a.Remove:hover, #Shop div#Sidebar ul.Cart li.row a.Remove::before { color: #CCC; } #Shop div#Sidebar ul.Cart li.row a.Remove::after {content: none;} #Shop div#Sidebar .caddy-list a.CartBtn {display: none;} #Shop div#Sidebar a.CartBtn {background: #4d4d4d;color: #fff;float: none;clear: both;margin: 5px 0;font-size: 17px;font-weight: normal;text-transform: uppercase;padding: 5px;text-align: center;} #Shop div#Sidebar a.CartBtn::before {content: none;} #Shop div#Sidebar a.CartBtn:hover {background: #6defe6;color:#fff;} #mm-Sidebar.mm-menu .box {background: #fff;color: #999;margin-bottom: 20px;padding: 0px 20px 20px;} #mm-Sidebar.mm-menu .box.delivery, #mm-Sidebar.mm-menu .box.payment {line-height: 1.4em;} #mm-Sidebar.mm-menu .box.delivery .image-left, #mm-Sidebar.mm-menu .box.payment .image-left {margin-right: 10px;} #mm-Sidebar.mm-menu .box.delivery strong, #mm-Sidebar.mm-menu .box.payment strong {color: #545454;} #mm-Sidebar.mm-menu .box.delivery img {max-width: 100%;height: auto;} #mm-Sidebar.mm-menu .box.payment .payment-icons {margin: -5px;} #mm-Sidebar.mm-menu .box.payment .payment-icons td {padding: 5px;} #mm-Sidebar.mm-menu .box.payment .payment-icons img {width: 100%;height: auto;border-radius: 5px;} #mm-Sidebar.mm-menu .box.facebook {padding: 0;} #mm-Sidebar.mm-menu .box h2 {background: #000;color:#6defe6;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;padding: 15px 20px;font-weight: normal;font-size: 22px;text-transform: uppercase;border-bottom: none;margin: 0 -20px 20px;} #mm-Sidebar.mm-menu .box.facebook {text-align: center;} #mm-Sidebar.mm-menu .box.facebook h2 {margin: 0;text-align: left;} #mm-Sidebar.mm-menu form#mm-user-login {margin: 0 0 5px;} #mm-Sidebar.mm-menu form#mm-user-login::after {content: '';display: block;clear: both;} #mm-Sidebar.mm-menu form#mm-user-login input.field {background: #fff;border: 1px solid #ccc;height: 45px;padding: 5px 10px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;margin-bottom: 10px;display: block;width: 100%;} #mm-Sidebar.mm-menu form#mm-user-login input.field:focus {border-color: #999;} #mm-Sidebar.mm-menu form#mm-user-login a.Send {background: #4d4d4d;color: #fff;border-radius: 3px;box-shadow: 0 3px 0 #000;float: none;clear: both;margin: 10px 0 0;font-size: 16px;font-weight: 800;padding: 5px 15px;text-decoration: none;display: block;text-align: center;} #mm-Sidebar.mm-menu form#mm-user-login a.Send::before {content: none;} #mm-Sidebar.mm-menu form#mm-user-login a.Send:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent {width: auto;max-width: 100%;float: none;} #Shop div#ShopContent.fullwidth {width: auto;max-width: none;float: none;} #Shop div#ShopContent #article-content {padding-top: 0;} #Shop div#ShopContent #article-content > h1#Title {position: relative;font-size: 40px;line-height: 1.3;margin: 0;padding: 5px 0 25px;} .checkout #Shop div#ShopContent #article-content > h1#Title {padding-top: 25px;} #Shop div#ShopContent #article-content #CatSubCats {background: none;padding: 15px 0;} #Shop div#ShopContent #article-content #CatSubCats ul {margin: -10px;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .foto-sub {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 101%;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .foto-sub {opacity: 1;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle {position: absolute;left: 0;right: 0;padding: 13px 10px 15px;top: 65%;color: #000000;font-size: 18px;font-weight: 500;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;background: rgba(243,200,85,0.9);height: auto !important;word-wrap: break-word;bottom: inherit;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle::after {content: '';position: absolute;bottom: 8px;left: 50%;transform: translateX(-50%);width: 30px;height: 2px;background: #6defe6;pointer-events: none;opacity: .5;transition: opacity .4s;display:none;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle::after {opacity: 1;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle {background: #4d4d4d;color: #fff;} #Shop div#ShopContent #article-content div#CatContent h1 {margin-bottom: 25px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next {position: fixed;z-index: 30;left: 0;right: 0;top: 0;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt {position: fixed;top: 50%;transform: translateY(-50%);height: 80px;line-height: 80px;width: 40px;text-align: center;border: none;display: block;font-size: 0;text-decoration: none;color: #fff;background: rgba(0,0,0,.5);opacity: .5;padding:0;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext {right: 0;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt {left: 0;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover {background: #000;color:#6defe6;width: 60px;opacity: .9;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext span, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt span {display: none;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:after, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:after {font-family: 'FontAwesome';font-size: 30px;line-height: inherit !important;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:after {content: '\f105';padding-left: 5px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:after {content: '\f104';padding-right: 5px;} #Shop div#ShopContent #article-content div#CatContent .outer {margin: 0;width: 500px;} #Shop div#ShopContent #article-content div#CatContent.nophoto .outer {display: none;} #Shop div#ShopContent #article-content div#CatContent .outer > ul > li > img, #Shop div#ShopContent #article-content div#CatContent .outer > ul > li > a > img {display: none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery {margin-bottom: 20px;max-height: inherit;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container {border: 10px solid #d8d8d8;position: relative;height: 620px !important;width: 500px !important;overflow: hidden !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container::after {content: none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto {transition: transform .8s;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container img.medPhoto {transform: scale(1.3);} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs {margin-right: -20px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs::after {content: '';display: block;clear: both;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li {margin: 0 18px 18px 0;border: 1px solid #d8d8d8;transition: border .4s;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li:hover {border-color: #6defe6;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container {border: 2px solid #fff;width: 80px !important;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox {padding-left: 30px;overflow: hidden;} #Shop div#ShopContent #article-content div#CatContent.nophoto .articleInfoBox {padding-left: 0;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title {font-size: 28px;margin: 0;line-height: 1.2;font-weight: 700;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price {font-size: 28px;color: #000;margin: 0;padding: 10px 0 25px;font-weight: bold;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox.request h1#Title span#article-price {font-size: 14px;line-height: 20px;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price span.strikePrice {color: #b3b3b3;font-weight: normal;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price a {background: #4d4d4d;color: #fff;text-decoration: none;box-shadow: 0 3px 0 #000;border-radius: 3px;font-size: 17px;line-height: 28px;padding: 5px 10px;text-align: center;display: inline-block;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price a:hover {background:#6defe6;color:#fff;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .articleShortDesc {position: relative;padding: 0 0 25px;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .articleShortDesc p {margin: 0;padding: 0;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox form.articleInfoBox {padding: 15px 0;margin-bottom: 15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList label {margin-right: 10px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList select.spec {border: 1px solid #e5e5e5;padding: 2px 5px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices {display: inline-block;margin-bottom: 15px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice {font-size: 16px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice label {margin-right: 10px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty {border: 1px solid #e5e5e5;padding: 2px 5px;transition: all .4s;width: 50px;text-align: center;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty:focus {border-color: #9bccc6;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart {background: #4d4d4d;color: #fff;text-decoration: none;box-shadow: initial;border-radius: 0;font-size: 17px;line-height: 30px;font-weight: 800;padding: 5px 15px;height: auto;width: auto;text-align: center;display: inline-block;font-weight: normal;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #subArticleSpecErrors {color: #999;font-style: italic;font-size: 12px;} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox {margin: 25px 0;clear: both;} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox::before { display: none !important; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox .title { font-weight: bold; line-height: 32px; margin-right: 10px; float: left; } #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a:after {color: #4a4a4a;background: #f2f2f2;width: 32px;line-height: 32px;font-size: 14px;font-family: 'FontAwesome';display: inline-block;text-align: center;transition: background .5s, color .5s;} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a:hover:after {background: #6defe6;color: #fff;} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_facebook:after {content: '\f09a';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_twitter:after {content: '\f099';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_linkedin:after {content: '\f0e1';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_google_plusone_share:after {content: '\f0d5';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_email:after {content: '\f003';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_pinterest_share:after {content: '\f231';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a.addthis_button_google_plusone:after {content: '\f0d5';} #Shop div#ShopContent #article-content div#CatContent .addthis_toolbox a span {display: none;} #Shop div#ShopContent #article-content #Products form.categoryArticles-pager {padding: 0;margin: 0;} #Shop div#ShopContent #article-content #Products #Items {display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;margin: 0 -1.5%;} #Shop div#ShopContent #article-content #Products #Items .ProdItem {-webkit-flex: 0 0 22%;flex: 0 0 22%;background: #fff;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;float: none;margin: 20px 1.5%;min-height: 200px;border-bottom:none;padding-bottom: 50px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);} #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover {background: #fff;color: #23282f;} #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover>a .nailthumb-container span.nailthumb-title {background: #fff;color: #23282f;} #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo {padding-bottom: 50px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo::before {content: 'promo';position: absolute;right: 5px;top: 5px;background: #6defe6;display: block;text-transform: uppercase;font-size: 12px;color: #ffffff;font-weight: bold;border-radius: 50%;z-index: 15;width: 60px;line-height: 60px;pointer-events: none;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a {position: relative;color: #666666;padding: 0;position: static;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a::after {content: none;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdPhoto > img.fixedSize {display: none;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container {position: relative;width: auto!important;overflow: visible !important;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container {height: auto;padding-bottom: 0;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image {width: 100%!important;top: 0!important;left: 0!important;transition: all 0.7s;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container img.nailthumb-image {display: none!important;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title {position: relative;z-index: 50;left: 0;right: 0;bottom: 0;top: auto!important;width: auto!important;min-height: 65px;padding: 4px 10px;margin: 0;background: transparent;font-size: 14px;line-height: 1.4;font-weight: 700;text-align: center;text-transform: none;color: #23282f;display: grid;align-items: center;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice {position: relative;z-index: 20;padding: 5px 5px 0;color: #000;font-size: 18px;line-height: 22px;font-weight: 700;text-align: center;margin: 0;pointer-events: none;min-height: 66px;display: grid;align-items: center;} #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ProdPrice {color: #000;} #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ordering a:hover {background: #4d4d4d;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s {display: block;font-size: 94%;color: #000;font-weight: 300;margin-top: -22px;} #Shop div#ShopContent #relatedArticles #Items .ProdItem .ProdPrice {min-height: auto !important;display: block !important;padding: 5px !important;} #Shop div#ShopContent #relatedArticles #Items .ProdItem .ProdPrice.strikePrice {padding-top: 0 !important;font-size: 94% !important;font-weight: 300 !important;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering {position: relative;z-index: 20;left: auto;height: auto!important;margin: 0!important;right: 0;bottom: 0;padding: 0 0 10px;position: absolute;width: 100%;bottom: 40px;opacity: 0;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;background: #6defe6;color: #070707;font-size: 12px;font-weight: normal;border: none;display: block;padding: 15px;text-align: center;border-radius: 0;line-height: 28px;text-transform: uppercase;} #Shop div#ShopContent #article-content #Products #Items .ProdItem:hover .ordering {opacity:1;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a::before {content: none;} #Shop div#ShopContent #article-content #Products .pagesHolder a {background: #6defe6;color: #fff;} #Shop div#ShopContent #article-content #Products .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .pagesHolder a.jp-current {background: #4d4d4d;color:#fff;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation {margin: 0;padding: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li {float: none;display: inline-block;padding: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected {border: none;background: none;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a {position: relative;padding: 5px 10px;font-size: 17px;line-height: 30px;color: #999;margin: 0 10px;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li:first-child a {margin-left: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0px;background: #000;color:#6defe6;transition: all .4s;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected::after, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover::after {height: 3px;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover {background: none;border: none;color: #333;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent {border: none;border-top: 1px solid #e5e5e5;padding: 20px 0;background: transparent;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription > *:first-child, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra > *:first-child {padding-top: 0;margin-top: 0;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDescription ul, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#Tabextra ul {padding-left: 10px;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart {background: #4d4d4d;color: #fff;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a {background: #4d4d4d;color: #fff;} #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a:hover, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabRelated .pagesHolder a.jp-current, #Shop div#ShopContent #article-content #Products .Tabs div.TabContent#TabBundle .pagesHolder a.jp-current {background: #6defe6;color:#fff;} #Shop div#ShopContent #Checkout a.Checkout, #Shop div#ShopContent #Checkout a#checkoutContinue.Checkout, #Shop div#ShopContent #Checkout a.Send {background: #4d4d4d;color: #fff;text-decoration: none;box-shadow: 0;border-radius: 0;font-size: 14px;line-height: 24px;text-transform: uppercase;font-weight: normal;padding : 5px 14px;text-align: center;display: inline-block;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} #Shop div#ShopContent #Checkout a.Checkout{margin-top: 15px;padding : 10px 50px;} #Shop div#ShopContent #Checkout a.Checkout:hover, #Shop div#ShopContent #Checkout a.Send:hover {color: #fff;background: #6defe6;} #Shop div#ShopContent #Checkout ol li.Border {border: none;margin-bottom: 5px;} #Shop div#ShopContent #Checkout ol li.Border small {margin: 0;font-size: 85%;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle {padding: 10px 15px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;background: #f2f2f2;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a {margin: -10px -15px;padding: 10px 15px;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle.Active {background: #4d4d4d;color:#fff;font-size: 20px;font-weight: 800;text-transform: uppercase;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a {background: #6defe6;color: #fff;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a:hover {background: #4d4d4d;color:#fff;;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li {position: relative;padding: 10px 0;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li::after {content: '';display: block;clear: both;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div {width: auto;padding-right: 25px;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label {width: 25%;padding-left: 0px;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field {width: 75%;margin-bottom: 5px;} #Shop div#ShopContent #Checkout #checkout-user-login a.Send {margin-right: 25%;} #Shop div#ShopContent #Checkout ol li.Border label {width: 20%;min-width: 0;float: left;margin: 0;line-height: 40px;} #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type) {padding-left: 10px;} #Shop div#ShopContent #Checkout ol li.Border label span.required {color: #c00;} #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel {background: #ffffff;border: 1px solid #ccc;height: 40px;width: 30%;float: left;margin: 0;clear: none;font-weight: normal;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} #Shop div#ShopContent #Checkout ol li.Border select#countryKey, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker {width: auto;} #Shop div#ShopContent #Checkout ol li.Border input.timepicker {margin-left: 5px;} #Shop div#ShopContent #Checkout ol li.Border select#checkoutAddress {width: auto;float: none;} #Shop div#ShopContent #Checkout ol li.Border input.field:focus, #Shop div#ShopContent #Checkout ol li.Border input.Text:focus, #Shop div#ShopContent #Checkout ol li.Border select:focus, #Shop div#ShopContent #Checkout ol li.Border input.datepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.timepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.NomTel:focus {border-color: #4a4a4a;} #Shop div#ShopContent #Checkout ol table#checkoutAddress thead th, #Shop div#ShopContent #Checkout ol table#checkoutShippingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutBillingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutDetail tbody th {background: #f2f2f2;color: #4e4e4e;} #Shop div#ShopContent #Checkout ol table#checkoutAddress thead .Border, #Shop div#ShopContent #Checkout ol table#checkoutDetail thead tr {border: none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail thead th {background: #6defe6;color: #fff;border: none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode {font-weight: bold;display: block;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode + br {display: none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo {border: 1px solid #ccc;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;line-height: 30px;color: #666;padding: 5px 10px;outline: none !important;background: #fff;height: 35px;margin: 0px 10px 0px 0px;float: left;transition: all .4s;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo:focus{border-color: #4e4e4e;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit {margin: 0;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit {font-family: Arial, sans-serif;font-size: 14px;line-height: 24px;color: #fff;font-weight: bold;padding: 5px 10px;outline: none !important;background: #4d4d4d;border: 0;width: auto;display: inline-block;margin: 0 auto;height: auto;transition: all .4s;z-index: 5;cursor: pointer;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .messageCoupon {clear: both;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment {border-color: #ccc;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment:focus {border-color: #4e4e4e;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess {background: #6defe6;color: #fff;} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel {background: #ffffff;border: 1px solid #ccc;} #Shop div#ShopContent div#accountRegister ul li input.field:focus, #Shop div#ShopContent div#accountRegister ul li input.Text:focus, #Shop div#ShopContent div#accountRegister ul li select:focus, #Shop div#ShopContent div#accountRegister ul li input.datepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.timepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.NomTel:focus {border-color: #4e4e4e;} #Shop div#ShopContent div#accountRegister a.send {background: #4d4d4d;color: #fff;padding: 5px 10px;margin-top: 10px;} #Shop div#ShopContent div#accountRegister a.send:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent div#accountContent a#Print, #Shop div#ShopContent div#ProdContent a#Print, #Shop div#ShopContent div#accountContent a#PDF, #Shop div#ShopContent div#ProdContent a#PDF {background: #4d4d4d;color: #fff;} #Shop div#ShopContent div#accountContent a#Print:hover, #Shop div#ShopContent div#ProdContent a#Print:hover, #Shop div#ShopContent div#accountContent a#PDF:hover, #Shop div#ShopContent div#ProdContent a#PDF:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent div#accountContent ul#edit-adress li input, #Shop div#ShopContent div#ProdContent ul#edit-adress li input, #Shop div#ShopContent div#accountContent ul#edit-adress li select, #Shop div#ShopContent div#ProdContent ul#edit-adress li select {border: 1px solid #dddcdf;background: #ffffff;} #Shop div#ShopContent div#accountContent ul#edit-adress li input:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li input:focus, #Shop div#ShopContent div#accountContent ul#edit-adress li select:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li select:focus {border-color: #c4c1c7;} #Shop div#ShopContent div#accountContent a.btn, #Shop div#ShopContent div#ProdContent a.btn {background: #4d4d4d;color: #fff;} #Shop div#ShopContent div#accountContent a.btn:hover, #Shop div#ShopContent div#ProdContent a.btn:hover {background: #6defe6;color:#fff;} #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a:hover {background: #6defe6;color: #fff;border-color: #6defe6;} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input {border: 1px solid #dddcdf;background: #ffffff;} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input:focus {border-color: #c4c1c7;} .ui-widget .addSubToCart {background: #4d4d4d;color: #fff;} .ui-widget .addSubToCart:hover {background: #6defe6;color:#fff;} .ui-autocomplete {position: absolute !important;background: #fff !important;box-shadow: 0 3px 5px rgba(0,0,0,.25);} .ui-autocomplete li a {color: #636363!important;font-size: 13px!important;font-weight: 500!important;font-style: italic;font-family: Arial,Helvetica,sans-serif !important;} .ui-autocomplete li a:hover, .ui-autocomplete li a#ui-active-menuitem {background: #6defe6;color:#000!important;font-weight: 500!important;} #accountRegister ul li {margin-bottom: 0;margin-top: 0;clear: both;border-top: 1px solid #dddcdf;padding: 10px 0;width: 100%;} #accountRegister ul li:first-child {border-top: none;} #accountRegister ul li:after {content: '';display: block;clear: both;} #Shop div#ShopContent div#accountRegister ul li label {display: inline-block;width: 20%;float: left;margin: 0;line-height: 40px;} #Shop div#ShopContent div#accountRegister ul li label:not(:first-of-type) {padding-left: 10px;} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li:not(.fieldExtra) input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel {height: 40px;line-height: 30px;margin: 0;width: 30% !important;float: left;} .dialog-product-popup .dialog-product-added-inner h4, .dialog-product-popup .dialog-product-added-inner h5 {font-family: "Arial";color: #444 !important;font-size: 17px !important;margin-bottom: 10px !important;} #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage {position: absolute;z-index: 8;font-weight: bold;background-color: #000000;color: #ffffff;font-size: 19px !important;line-height: 30px;padding: 10px;width: 100%;bottom: 0;letter-spacing: 0.025em;font-family: Arial,Helvetica,sans-serif;} .displayMessageStockShortage>div {color: inherit !important;background-color: inherit !important;} .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {background: #848484;} span.noArticleFound {display: none;} .displayProduct {display: none !important;} #Shop div#Sidebar ul.Cart li.row a {color: #fff;} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container{padding-bottom: 0;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #add-favorite-button a {color: #6defe6;text-decoration: none;border: 1px solid #6defe6;border-radius: 3px;line-height: 28px;text-align: center;display: inline-block;padding: 0 10px;transition: color .6s, background .6s, border .6s;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox #stockInfo {margin: 0;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox .displayMessageStockShortage {background: #6defe6;font-weight: 700;padding: 5px 15px;color:#fff;} #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td {padding: 10px !important;} #Shop div#ShopContent #Checkout #catalog_cart_complete td {vertical-align: middle;} #Shop div#ShopContent #Checkout .Border {border-bottom: 1px solid #ccc;} #Shop div#ShopContent #Products form.categoryArticles-pager:not(:first-child) { display: none; } #Shop div#ShopContent #Products #dialogModal.show {position: fixed;z-index: 999;display: flex !important;justify-content: center;align-items: center;left: 0;right: 0;} #Shop div#ShopContent #Products #dialogModal .modal-dialog {position: fixed;z-index: 1;top: 40%;max-width: 90%;background: white;padding: 20px;} #Shop div#ShopContent #Products #dialogModal .modal-dialog .close {border: none;width: 1em;height: 1em;display: flex;justify-content: center;align-items: center;} #Shop div#ShopContent #Products #dialogModal .modal-dialog .addToCart {border: none;padding: 0 40px;} #Shop div#ShopContent #Products #dialogModal .form-inline .form-group label {color: black;pointer-events: none;} #Shop div#ShopContent #Products #dialogModal .form-inline .form-group input {color: black;display: block;clear: both;width: 100%;padding: 0 10px;} #Shop div#ShopContent #Products #dialogModal .form-inline .form-group input::placeholder {color: gray;} @media (min-width: 992px){ #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox {float: none !important;width: auto !important;} } @media (max-width: 1199px) { #Shop div#ShopContent #article-content #Products #Items .ProdItem {-webkit-flex: 0 0 23%;flex: 0 0 23%;margin: 20px 1%;} #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage {font-size: 17px !important;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice {float: none;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns {float: none;margin-left: 0;margin-top: 20px;clear: both;} #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td {padding: 5px !important;font-size : 13px} } @media (max-width: 992px) { #Shop div#ShopContent {width: auto;float: none;} #Shop #mobile-sidebar {display: block;} #Shop div#ShopContent #article-content > h1#Title{font-size:35px;} } @media (max-width: 991px) { #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage {font-size: 14px !important;} #Shop div#Sidebar, #Shop div#Sidebar.active {left: auto;} #Shop div#ShopContent #article-content #Products #Items .ProdItem > a .nailthumb-container span.nailthumb-title{font-size: 12px;min-height: 70px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice{font-size: 14px;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle{font-size: 16px;top: 55%;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title{font-size: 24px;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox h1#Title span#article-price{font-size: 24px;} #Shop div#ShopContent #article-content div#CatContent .outer {width: 350px !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container{height:434px !important;width: 350px !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto {left: 50%!important;top: 50%!important;margin: 0!important;transform: translate(-50%,-50%)!important;width: 100%!important;height: auto!important;position: absolute!important;} #Shop div#ShopContent #article-content #CatSubCats li{width: 33.333%;-webkit-flex: 0 0 33.3333%;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;} #Shop div#ShopContent #Checkout a.Checkout {padding: 8px 20px;} #Shop div#ShopContent #Checkout > form > table thead, #Shop div#ShopContent #Checkout table#checkoutDetail > tbody:first-of-type > tr:first-child {display: none;} #Shop div#ShopContent #Checkout > form > table td, #Shop div#ShopContent #Checkout table#checkoutDetail td {display: block;} #Shop div#ShopContent #Checkout > form > table td span.cell-label, #Shop div#ShopContent #Checkout table#checkoutDetail td span.cell-label {display: inline-block !important;font-weight: bold;padding-right: 5px;width: 100px;} #Shop div#ShopContent #Checkout .ProdPhoto, #Shop div#ShopContent #Checkout .ProdNoPhoto {float: none;} #Shop div#ShopContent #Checkout > ol > li.Border:first-child table td {width: 100%;display: block;margin-bottom: 20px;} td.posspricetaxincl.Border {border-bottom: 1px solid white !important;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div {width: auto;padding-right: 0;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field {width: 100%;margin-bottom: 5px;} #Shop div#ShopContent #Checkout #checkout-user-login a.Send {margin-right: 0;} } @media (max-width: 768px) { #mm-Sidebar.mm-menu.mm-offcanvas.mm-current.hide {display: block!important;} #Shop div#ShopContent #article-content #CatSubCats li {width: 25%;-webkit-flex: 0 0 25%;-ms-flex: 0 0 25%;flex: 0 0 25%;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] {background-size: 100%;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle {font-size: 15px;top: 50%;padding: 13px 5px 15px;} #Shop div#ShopContent #article-content div#CatContent .outer {width: 100%!important;float: none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .nailthumb-container {height: 400px!important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container {height: 400px !important;width: 323px !important;max-width: 100% !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto {left: 50%!important;top: 50%!important;margin: 0!important;transform: translate(-50%,-50%)!important;width: 100%!important;height: auto!important;position: absolute!important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs {margin: 0 0 20px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li {margin: 0 5px 10px;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox {padding-left: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li {padding: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a {font-size: 16px;margin: 0;} #Shop div#ShopContent #article-content #Products #Items .ProdItem {-webkit-flex: 0 0 30.33%;flex: 0 0 30.33%;} #Shop div#ShopContent div#accountRegister ul li label{width: 40%;margin-bottom:5px;} #Shop div#ShopContent div#accountRegister ul li label:not(:first-of-type) {padding-left: 0;} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{width: 60%!important;margin-bottom:5px;} #Shop div#ShopContent #Products #Items .ProdItem .displayMessageStockShortage {font-size: 11px !important;line-height: 20px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem{padding-bottom: 40px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem.promo {padding-bottom: 40px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering {padding: 0;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a {font-size: 11px;padding: 10px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice {font-size: 13px;min-height: 50px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ProdPrice s {margin-top: -15px;} #Shop div#ShopContent #Checkout th, #Shop div#ShopContent #Checkout td {padding: 4px !important;} #Shop div#ShopContent #Checkout a.Checkout {padding: 7px 15px;} td.posspricetaxincl.Border {border-bottom: 1px solid white !important;} } @media (max-width: 640px) { #Shop #Breadcrumbs a.account {float: none;margin: 0 10px 0 0;} #Shop div#ShopContent #article-content #CatSubCats li {width: 50%;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt {width: 30px;height: 55px;line-height: 55px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover {width: 40px;} #Shop div#ShopContent #Checkout ol li.Border label {width: 35%;} #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type) {padding-left: 0;} #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel {width: 65%;margin-bottom: 5px;} #Shop div#ShopContent #Checkout ol li.Border select#countryKey {width: 65%;} } @media (max-width: 480px) { #Shop div#ShopContent #article-content #CatSubCats li {width: 50%;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;} #Shop div#ShopContent #article-content #Products #Items .ProdItem {-webkit-flex: 0 0 47%;flex: 0 0 47%;float: none;margin: 10px 1.5%;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .nailthumb-container {height: 300px!important;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering a {font-size: 11px;padding: 10px;line-height: 16px;} #Shop div#ShopContent #article-content #Products #Items .ProdItem .ordering {padding: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li {display: block;padding: 0;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected, #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a.selected:hover {background: #6defe6;color: #fff;border-color: #6defe6;} #Shop div#ShopContent #article-content #Products .Tabs ul.tabNavigation li a:hover {background: #4d4d4d;color:#fff;border-color: #ffffff;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li {border: none;padding: 0;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label, #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field {width: 100%;} #Shop div#ShopContent #Checkout ol li.Border label {width: 100%;line-height: normal;padding: 5px 0;} #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel, #Shop div#ShopContent #Checkout ol li.Border select#countryKey {width: 100%;} #Shop div#ShopContent #Checkout ol li.Border input[type="radio"], #Shop div#ShopContent #Checkout ol li.Border input[type="checkbox"] {margin-bottom: 20px;} #Shop div#ShopContent div#accountRegister ul li label{width: 100%;margin-bottom:0;} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{width: 100%!important;margin-bottom:5px;} } @media (max-width: 380px) { #Shop div#ShopContent #article-content #CatSubCats li { width: 100%;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container { height: 345px !important;width: 278px !important;max-width: 100% !important;} }