/* FONT PATH -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot?v=4.0.3'); src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-phone-square:before {content: "\f098";} .fa-bookmark-o:before { content: "\f097";} .fa-shield:before { content: "\f132";} /* Global Resets */ * { margin: 0; padding: 0; outline: none; } /* General ********************************************************************** */ body { background-color: #e1e1e1; color: #464646; font-size:12px; font-family: Roboto,Arial, Sans-Serif; font-weight: normal; letter-spacing: 0.02em; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ } .page {margin: 0 auto; overflow-x: hidden;} .no-sel { height: auto;line-height: inherit;} p { line-height: 1.5; margin-bottom:15px;} a { text-decoration: none;font-weight: inherit; color: #000;} a:hover{ text-decoration: none; color: #ae895d;} .page-content #LayoutColumn2 a.pname:hover { background-color: transparent;} strong, b {font-weight: bold;} .header-logo h1 { font-size: 40px;} /* Headings */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0; padding: 0; line-height: 1.3; color: #000; font-family: 'Montserrat', sans-serif; letter-spacing: 0.08em;} h1, .h1 { font-size: 24px; font-weight: 700; padding: 0 0 20px 0; text-transform: capitalize; letter-spacing: normal;} h2, .h2 { font-size: 20px; font-weight: 700; padding: 0 0 20px 0; text-transform: uppercase;} h3, .h3 { font-size: 18px; font-weight: 700; padding: 0 0 20px 0;} h4, .h4 { font-size: 13px; font-weight: 700; padding: 0 0 20px 0; text-transform: uppercase;} h5, .h5 { font-size: 12px; font-weight:700; padding: 0 0 20px 0;} img{height: auto; max-width: 100%; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } img:hover{} img, img a { border: 0; max-width: 100%;} a {-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} ul, ol { margin: 0 0 20px 20px;} ul ul ul{} li { margin: 0; padding: 0;} blockquote { margin-left: 28px;} select option { margin-right: 10px;} hr { margin: 20px 0; padding: 0; height: 1px; background: none; border-width: 1px 0 0 0;} .dropdown-menu { -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border: none;} .container {padding-right: 0; padding-left: 0;} .only-mobile {display: none !important} input.Textbox, textarea, input[type="text"], input[type="password"], select { padding: 10px 5px; line-height: 26px; background: #fff; border: 1px solid #dedede; } input.Textbox, input[type="text"], input[type="password"] {height: 36px; width: 428px; max-width: 100%; line-height: 1;} select {height: 36px; width: 340px; max-width: 100%; line-height: 1;} textarea {height: 136px; width: 428px; max-width: 100%; line-height: 1.2;} input[type="radio"], input[type="checkbox"] {margin-top: 0;} label {color: #000;} /* Utilities -------------------------------------------------------------- */ /* Spacing */ /* spacing helpers p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical s,m,l,n = small(10px),medium(20px),large(40px),none(0px) */ .ptn,.pvn,.pan{padding-top:0px} .pts,.pvs,.pas{padding-top:10px} .ptm,.pvm,.pam{padding-top:20px} .ptl,.pvl,.pal{padding-top:40px} .prn,.phn,.pan{padding-right:0px} .prs,.phs,.pas{padding-right:10px} .prm,.phm,.pam{padding-right:20px} .prl,.phl,.pal{padding-right:40px} .pbn,.pvn,.pan{padding-bottom:0px} .pbs,.pvs,.pas{padding-bottom:10px} .pbm,.pvm,.pam{padding-bottom:20px } .pbl,.pvl,.pal{padding-bottom:40px} .pln,.phn,.pan{padding-left:0px} .pls,.phs,.pas{padding-left:10px} .plm,.phm,.pam{padding-left:20px} .pll,.phl,.pal{padding-left:40px} .mtn,.mvn,.man{margin-top:0px } .mts,.mvs,.mas{margin-top:10px } .mtm,.mvm,.mam{margin-top:20px} p.mtm {margin-top: 0;} .mtl,.mvl,.mal{margin-top:40px } .mrn,.mhn,.man{margin-right:0px} .mrs,.mhs,.mas{margin-right:10px} .mrm,.mhm,.mam{margin-right:20px} .mrl,.mhl,.mal{margin-right:40px} .mbn,.mvn,.man{margin-bottom:0px} .mbs,.mvs,.mas{margin-bottom:10px } .mbm,.mvm,.mam{margin-bottom:20px} .mbl,.mvl,.mal{margin-bottom:40px} .mln,.mhn,.man{margin-left:0px } .mls,.mhs,.mas{margin-left:10px } .mlm,.mhm,.mam{margin-left:20px} .mll,.mhl,.mal{margin-left:40px } .mra,.mha{margin-right:auto } .mla,.mha{margin-left:auto } /* Original helpers */ .MB10 {margin-bottom:10px;} .MT0 {margin-top:0px;} .LH140 {line-height:140%;} .PLRB5 {padding:0px 5px 5px 5px;} .PLR10 {padding:0px 10px 0px 10px;} .PL20 {padding:0px 0px 0px 20px;} .PL40 {padding:0px 0px 0px 40px;} .ML20 {margin:0px 0px 0px 20px;} .MT10 {margin-top:10px;} .PL10 {padding-left:10px;} .PB2 {padding-bottom:2px;} .PTB20 {padding: 20px 0;} .NoMarginBottom {margin-bottom: 0;} .HideElement {display: none;} .FloatRight {float: right;} .FloatLeft {float: left;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clear {clear:both;overflow: hidden;} .clear.ProductList {overflow: visible;} .txtC {text-align: center;} .txtL {text-align: left;} .txtR {text-align: right;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .HL-ColLeft {float: left;} .HL-ColRight {float: right;} .BoldUpper, .BoldUpper + a {font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;} /* =Plugins -------------------------------------------------------------- */ /* ----- UniForm ----- */ div.selector, div.selector span, div.checker span, div.radio span, div.button, div.button span {background-image: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon_sprite.png?t=1537411322);background-repeat: no-repeat;-webkit-font-smoothing: antialiased;} .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * {margin: 0;padding: 0;} /* INPUT & TEXTAREA */ input.text, input.email, input.password, textarea.uniform {color: #444440;font-size: 12px;font-weight: normal;font-style: normal;padding: 3px;border-top: solid 1px #aaa;border-left: solid 1px #aaa;border-bottom: solid 1px #d6d6d6;border-right: solid 1px #d6d6d6; outline: 0;} input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus { border-color: #999;} #FormField_13 , #FormField_21, #FormField_23{min-width: 428px;} #certificate_amount {min-width: 218px;} /* SPRITES */ /* Select */ div.selector, div.selector span {line-height: 34px;height: 34px;} div.selector select { /* change these to adjust positioning of select element */top: 0; right: 0; bottom: 0; left: 0;} /* Checkbox */ div.checker {height: 15px;width: 15px;} div.checker input {height: 15px;width: 15px;} div.checker span {background-position: 0px -55px;height: 15px;width: 15px;} div.checker span.checked, div.checker:active span.checked, div.checker.active span.checked, div.checker.focus span.checked, div.checker:hover span.checked {background-position: -22px -55px;} /* Radio */ div.radio {width: 18px;height: 18px;background: none;} div.radio input {width: 18px;height: 18px;} div.radio span {height: 16px;width: 16px;background-position: 0px -82px;} div.radio span.checked, div.radio:active span.checked, div.radio.active span.checked, div.radio.focus span.checked, div.radio:hover span.checked {background-position: -22px -82px;} /* Uploader */ div.uploader {background-color: #fff;height: 35px;position: relative;overflow: hidden;width: 300px;} div.uploader span.action {background-color: #fff;height: 35px;line-height: 35px;float: right;padding: 0 10px;overflow: hidden;cursor: pointer;font-size: 11px;font-weight: bold;} div.uploader span.filename {height: 37px;line-height: 37px;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: default;padding-left: 10px;} div.uploader input {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0; position: absolute;font-size: 100px;top: 0;right: 0;bottom: 0;float: right;height: 100px;border: none;cursor: default;} /* Uploader */ div.uploader span.filename {color: #777;font-size: 11px;} div.uploader.disabled span.action {color: #aaa;} div.uploader.disabled span.filename {border-color: #ddd;color: #aaa;} div.uploader.focus, div.uploader.hover, div.uploader:hover {background-position: 0px -353px;} div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {background-position: right -437px;} div.uploader.active span.action, div.uploader:active span.action {background-position: right -465px;} div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {background-position: right -493px;} div.uploader.disabled {background-position: 0px -325px;} div.uploader.disabled span.action {background-position: right -381px;} div.button {background-position: 0px -523px;} div.button span {background-position: right -643px;} div.button.focus, div.button:focus, div.button:hover, div.button.hover {background-position: 0px -553px;} div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span {background-position: right -673px;} div.button.active, div.button:active {background-position: 0px -583px;} div.button.active span, div.button:active span {background-position: right -703px;color: #555;} div.button.disabled, div.button:disabled {background-position: 0px -613px;} div.button.disabled span, div.button:disabled span {background-position: right -733px;color: #bbb;cursor: default;} /* PRESENTATION */ /* Button */ div.button {height: 30px;} div.button span {margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-size: 12px; text-transform: uppercase; padding-left: 2px; padding-right: 15px;} /* Select */ div.selector {font-size: 14px; background: #ffffff url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon_arrow_down.png?t=1537411322) no-repeat right center !important; height: 36px; line-height: 36px; max-width: 100%; border: 1px solid #ccc;} div.selector select {font-size: 12px;line-height: 34px;border: solid 1px #fff;width: 100%;} div.selector span {padding: 5px 45px 5px 10px !important; cursor: pointer; background: none;line-height: 24px; position: relative;} div.selector span:before {position: absolute; content: ""; /*background: #cacaca;*/ width: 1px; height: 100%; right: 35px; top: 0;} div.selector.disabled span {color: #bbb;} /* Checker */ div.checker {margin-right: 5px;} /* Radio */ div.radio {margin-right: 3px;} /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .selector, .checker, .button, .radio, .uploader {display: -moz-inline-box;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;} .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {outline: 0;} /* Button */ div.button a, div.button button, div.button input {position: absolute;} div.button {cursor: pointer;position: relative;} div.button span {display: -moz-inline-box;display: inline-block;line-height: 1;text-align: center;} /* Select */ div.selector {float: none;position: relative;display: inline-block;*display: inline;*zoom: 1; padding: 0 !important; width: 340px; } div.selector span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-left: 10px;} div.selector select {position: absolute;opacity: 0;filter:alpha(opacity=0);/* use '=' here, not ':' */-moz-opacity: 0;border: none;background: none;cursor: pointer;height: 100%;} /* Checker */ div.checker {position: relative;} div.checker span {display: -moz-inline-box;display: inline-block;text-align: center;} div.checker input {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;display: inline-block;background: none;} /* Radio */ div.radio {position: relative;} div.radio span {display: -moz-inline-box;display: inline-block;text-align: center;} div.radio input {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;text-align: center;display: inline-block;background: none;} /* Table */ table {margin: 0px 0 20px; border: 1px solid #e0e0df; border-collapse: inherit;} table thead tr th, table tr td { padding: 12px 30px; text-align: center;} table thead tr th{color: #000; text-transform: uppercase; font-size: 13px;position: relative; letter-spacing: 0.08em;} table thead tr th:before{position: absolute;content: ""; left: 0; bottom: 0px; width: 100%; height: 1px; background: #e0e0df;} table tr td{border-top: 1px solid #e0e0df;} table tbody tr:first-child td{border-top: none;} table tr th:first-child, table tr td:first-child{text-align: left;} table tr th:last-child, table tr td:last-child{text-align: right;} table.General, table.CartContent, table.CartContents {} /* Buttons */ .btn, .ModalContent .btn, .HL-ViewDetail { cursor: pointer; display: inline-block; *display: inline; *zoom:1; text-align: center; font-size: 11px; line-height: 36px; padding: 0 25px; vertical-align: middle; text-transform: uppercase; color: #fff; background: #000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance: none;-moz-appearance: none;appearance: none; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;border: 2px solid #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; letter-spacing: 0.08em;} .btn:hover, .ModalContent .btn:hover { background-color: #ae895d; color: #fff;} .ModalContent .btn {line-height: 36px;} .btn.alt, #ProductReviews a.btn, .HL-ViewDetail, .DropdownCart .updateCart .btn {background: none; color: #000; border: 2px solid #000; line-height: 32px;} .btn.alt:hover, #ProductReviews a.btn:hover, .HL-ViewDetail:hover, .DropdownCart .updateCart .btn:hover {background-color: #000; color: #fff; border-color: #000;} .CompareButton .btn.alt {background-color: #ae895d; border-color: #ae895d; color: #fff;} .CompareButton .btn.alt:hover {background-color: #000; border-color: #000; color: #fff;} .ProductActionAdd {clear: both; text-align: center; height: 20px;} .ProductActionAdd > a.btn {font-size: 0; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/i-cart.png?t=1537411322) center center no-repeat; border: none; padding: 0; display: inline-block; position: relative; vertical-align: top; padding: 0 10px; margin-top: -4px; height: 18px; width: 18px;} .ProductList li .ProductActionAdd > a.btn {margin-top: 1px;} .ProductActionAdd > a:before {} .ProductActionAdd > a span {display: none;} .ProductActionAdd > a:hover span {} #ModalContainer .ProductActionAdd > a {background: none; border: none;} .ProductList.owl-theme .owl-controls{margin: 0;} .ProductList.owl-theme .owl-controls .owl-pagination {display: none;} .ProductList.owl-theme .owl-controls {margin: 0; } .owl-theme .owl-controls .owl-buttons div{position: absolute; top: 28%;} .owl-theme .owl-controls .owl-buttons div, #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {width: 32px; height: 32px; margin: 1px; -moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; font-size: 0; background: none; } .owl-theme .owl-controls .owl-buttons div.owl-prev {left: -40px;} .owl-theme .owl-controls .owl-buttons div.owl-next {right: -40px; left: auto;} .owl-theme .owl-controls .owl-buttons div:before, #ProductDetails #ImageScrollPrev:before, #ProductDetails #ImageScrollNext:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; color: #000; line-height: 24px;} .owl-theme .owl-controls .owl-buttons div.owl-prev:before, #ProductDetails #ImageScrollPrev:before {content: "\f104";} .owl-theme .owl-controls .owl-buttons div.owl-next:before, #ProductDetails #ImageScrollNext:before {content: "\f105"; } .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, #ProductDetails #ImageScrollPrev:hover{ } .owl-theme .owl-controls .owl-buttons div.owl-next:hover, #ProductDetails #ImageScrollNext:hover {} .btn.add-to-cart {} .CheckoutButton .btn, .BottomPaymentButton .btn{background: #e82b1a;} .CheckoutButton .btn:hover, .BottomPaymentButton .btn:hover{background: #df4534;} .add-to-cart {line-height: 47px !important; padding-top: 0; padding-bottom: 0; padding-left: 50px; padding-right: 50px;} .add-to-cart span { font-size: 13px; font-weight: 700; border: none; font-family: "Montserrat",sans-serif; -webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none;} .fastCartSummaryBox .CheckoutButton .btn { font-size: 13px; font-weight: 700; line-height: 52px;font-family: "Montserrat",sans-serif; display: block; width: 100%; padding: 0 10px; color: #fff !important;} .CheckoutButton .btn, .BottomPaymentButton .btn {line-height: 52px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; color: #fff; border: none; padding: 0 65px;} #CreateAccountForm .Submit .btn {line-height: 36px; font-weight: 700;} .CreateAccount ul li {padding-bottom: 10px;} /* icons */ .icon {display: inline-block;width: 16px;height: 14px;vertical-align: middle;} .icon-add {position: absolute;right: 0;top: 0;height: 36px;width: 36px;margin: 0 !important;padding: 0 !important; transition: background-color 150ms ease 0s; -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease;-o-transition: background-color 150ms ease; transition: background-color 150ms ease;} .icon-add:hover { -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease;} .icon-delete, .icon-edit, .icon-share, #WishLists .txt-hide a {float: left;width: 18px;height: 21px;margin-right: 10px;background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icons_off.png?t=1537411322) no-repeat -170px -152px;} .icon-delete:hover, .icon-edit:hover, .icon-share:hover, #WishLists .txt-hide a:hover, #WishLists .txt-hide .icon-delete:hover, #WishLists .txt-hide .icon-edit:hover {background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icons_on.png?t=1537411322) no-repeat -170px -152px;background-color: transparent !important;} .icon-edit, .icon-edit:hover, #WishLists .txt-hide .icon-edit, #WishLists .txt-hide .icon-edit:hover {background-position: -140px -152px;} .icon-delete, .icon-delete:hover, #WishLists .txt-hide .icon-delete, #WishLists .txt-hide .icon-delete:hover {background-position: -108px -152px;} .InfoMessage {background-color: #f5f5f5;} /* btn styles */ .Button a {color: #ffffff!important;} .full-width {display: block;clear: both;padding: 0;} .full-width .zeroLeft {padding-left: 0 !important} .cpage .Content.Wide {padding: 30px 0 0 45px;border-left: 1px solid #e8e8e8;} .mtop {margin-top: 27px;} h3 + .mtop {margin-top: 0;} .pbtm {padding-bottom: 30px;} .no-ptop {padding-top: 0!important;} .list {margin: 0;padding: 0 0 10px 0;list-style: none;} .list-icon, .list-news {margin: 0;padding: 0;list-style: none;} .list-icon li {line-height: 23px;padding: 0 0 10px 0;} .list-icon .icon {width: 23px;height: 23px;margin: 0 15px 0 0;background-position: -41px 0;} .list-news li p {margin-bottom: 10px;} .txt-hide {text-indent: -999px;overflow: hidden;color: #ffffff;} #LoginButton, dd .btn{margin-right: 20px;} #LoginButton + a, .Submit .btn + a{text-transform: lowercase; text-transform: capitalize;} /* title */ .FeaturedProducts h2, .TopSellers h2, .NewProducts h2, #SimilarProductsByCustomerViews h2, #SideProductRelated h2, #SimilarMultiProductsByCustomerViews h4, .BlockTilte h3, .SaleProducts h2 {color: #000; font-size:20px; text-align: center; text-transform: uppercase; letter-spacing: 0.08em;} #SimilarProductsByCustomerViews h2, #SideProductRelated h2 { border-top: 1px solid #d7d7d7; padding-top: 30px; padding-bottom: 20px;} .ProductPrice {font-family: 'Montserrat', sans-serif; color: #000;} .productPage .ProductPrice, .QuickViewModal .ProductPrice { font-size: 24px; font-weight: 700; font-family: 'Montserrat', sans-serif;} em.ProductPrice {font-size: 14px; font-style: normal;} .productPage .SalePrice .ProductPrice, .QuickViewModal .SalePrice .ProductPrice { color: #e04534; } .productPage .ProductPrice.RetailPrice, .QuickViewModal .ProductPrice.RetailPrice { color: #9c9c9c; font-weight: 400; font-size: 20px;} .productPage .ProductPrice.RetailPrice strike { margin-right: 10px;} .TitleHeading { text-transform: uppercase; font-size: 20px; letter-spacing: 0.08em; font-weight: 700; padding-bottom: 30px;} .TitleHeading.zero { margin-bottom: 0;} #CartHeader .TitleHeading, .TitleHeading.HL-TitleHeading, #CreateAccountForm .TitleHeading {border-bottom: none !important; margin-bottom: 0;} .Breadcrumb + .Widest .TitleHeading {margin-top: -5px;} .HL-TitleHeadingBlog {padding-bottom: 15px; padding-top: 12px;} #PurchaseGiftCertificate > h2 {border-bottom: 1px solid #e0e0df; margin-bottom: 20px; padding-bottom: 9px; padding-top: 0px; margin-top: -5px;} #ContainerLower { clear: both; float: left; width: 100%; padding: 0 0 20px 0;} /* Outer Content Wrapper (Surrounds header & content) */ #Outer { clear: both;} .centerer { margin:0 auto; text-align: center;} /* flexslider */ #HomeSlideShow {margin-bottom: 0px !important; margin-left: auto; margin-right: auto; max-width: 1480px;} .flexslider:hover .flex-prev{left: 40px;} .flexslider:hover .flex-next {right: 40px;} .flexslider:hover .flex-prev, .flexslider:hover .flex-next {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .flex-direction-nav a {width: 60px; height: 60px; margin-top: -35px; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon_sprites.png?t=1537411322) 0 -82px no-repeat;} .flex-direction-nav a.flex-prev { } .flex-direction-nav a.flex-next {background-position: 0 -192px; } .flex-direction-nav a.flex-prev:hover {} .flex-direction-nav a.flex-next:hover {} .flex-control-paging li a {width: 12px; height: 12px; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; background: #858483; border: 3px solid #858483; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .flex-control-paging li a:hover, .flex-control-paging li a.flex-active {background: none; border-color: #fff; } /* Owl Button */ .HL-Brandslider.owl-theme .owl-controls .owl-buttons div {background-color: transparent; position: absolute; top: 50%; margin-top: -16px; border-bottom: none;} .HL-Brandslider.owl-theme .owl-controls .owl-buttons div.owl-prev {left: 0; background-position: 0 -752px !important; background-color: transparent !important; } .HL-Brandslider.owl-theme .owl-controls .owl-buttons div.owl-next {right: 0; background-position: 21px -948px !important; background-color: transparent !important;} /* Product Listings */ .ProductList {font-size: 0; padding: 0; width: auto; margin: 0 -15px;} .ProductList li{ display: block; *display: inline; *zoom: 1; list-style: none; height: auto !important; margin: 0; font-size: 14px; vertical-align: top; width: 25%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;} .ProductList li:nth-child(4n+1){clear: left;} .Widest .ProductList li {width: 100%;} .ProductList li > div, .ProductList .owl-item > div{ padding: 15px; float: left;} .ProductList .ProductImage a img {margin: 0 auto;} .ProductList .ProductDetails {padding:0; word-wrap: break-word; position: relative; min-height: 0 !important;} .ProductList .ProductActionAdd {position: absolute; top: -20px; width: 100%; left: 0;} .ProductList .ProductActionAdd a.btn:hover {} .ProductList em {display: block; margin-bottom: 10px; font-weight: 400; font-style: normal; font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000;} .ProductList em strike, .ProductPrice strike {color: #aaaaaa; padding-right: 10px; font-size: 12px; font-weight: 400;} .ProductList em .SalePrice, .ProductPrice .SalePrice {color: #e82b1a;} .ProductList .Rating {display: block; } .ProductList .ProductCompareButton {margin-bottom: 10px; float: right;} .ProductList .ProductCompareButton label {margin-bottom: 0px; color: #2d2d2d; text-transform: uppercase; font-size: 11px;} .ProductList .pname, #shareText, .OrderItemList li {display: block; line-height: 1.6; font-size: 13px; font-weight: 500;font-family: 'Montserrat', sans-serif; margin-bottom: 10px; letter-spacing: 0.02em; color: #000;} .ProductList .ProductPriceRating { margin-bottom: 10px; float: left;} .brand-img, .ProductList .ProductImage, #ProductDetails .ProductThumbImage, .HL-Brandslider .owl-item > div { overflow: hidden; text-align: center; display: table; table-layout: fixed; width: 100%; position: relative; } #ProductDetails .ProductThumbImage > a { padding-bottom: 36px; } .ProductList .ProductImage {border: 1px solid #e5e5e5; margin-bottom: 30px;} .ProductList .ProductImage a, .ProductThumbImage a, .HL-Brandslider .owl-item > div > a { display: table-cell; width: 100%; vertical-align: middle; line-height: 0;} .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img { max-height: 100%; max-width: 100%; line-height: 1.5em; /* If the image takes a while to load or doesn't load at all the alt text will display. This spaces this text. */ } .ProductList .ProductImage img {display: inline-block;} .ProductList .p-name { font-weight: 600;} .ProductList .ProductRightCol {float: left;} #SimilarMultiProductsByCustomerViews .ProductList li { width: 20%;} .saleItem {position: absolute; left: 0; bottom: 0; line-height: 22px; padding: 0 10px; color: #fff; font-size: 10px; text-transform: uppercase; font-weight: 700; background: #fe5239;} .ProductList .ProductDescription {display: none;} .WrapperProductDetails {} /* Owl Slider */ /* Product Listings - Horizontal */ .ProductList.List { margin: 0;} .ProductList.List li:first-child {border-top: none; padding-top: 0; } .ProductList.List li { display: block; margin-bottom: 0; padding: 0; position: relative; width: auto; clear: both; padding-top: 20px; min-height: 0 !important;} .ProductList.List li > div {border: none !important; margin: 0 !important; padding: 0 0 20px 0 !important; float: none;} .ProductList.List li:hover > div {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .ProductList.List .ProductImage { float: left; width: 190px; overflow: hidden; margin-right: 30px;} .ProductList.List .ProductDetails {overflow: hidden; border-top: none !important; padding-top: 6px;} .ProductList.List .ProductQty { margin-left: 10px;} .ProductList.List .QuickViewBtn {text-align: center; border-right: none; } .ProductList.List li:first-child .ProductDetails {border-top: none;} .ProductList.List .pname {margin-bottom: 20px;} .ProductList.List li:hover .ProductImage {border: 1px solid #e5e5e5;} .ProductList.List .owl-item .ProductImage {float: none; width: 100%;} .ProductList.List .owl-item .ProductDetails { overflow: visible;} .ProductList.List .productWishlist, .ProductList.List li:hover .productWishlist {position: relative; text-indent: 0; width: auto; height: auto; border: none; background: none !important; left: 0; right: 0; top: 0; padding-left: 0px; margin-right: 0; margin-left: 0px; float: left; margin-top:7px; clear: both; display: block;} .ProductList.List .productWishlist a {font-size: 13px; text-transform: uppercase;} .ProductList.List .productWishlist a:hover {text-decoration: underline;} .ProductList.List .productWishlist a:before {left: 0; margin: 0 5px 0 0; top: 3px; font-size: 15px;} .ProductList.List .ProductDescription {display:block; font-size: 12px;} .ProductList.List .ProductActionAdd > a {display: inline-block; border: none; background: none; padding: 0; line-height: 30px; font-size: 12px; padding: 0 10px; background: #000; width: auto; height: auto;} .ProductList.List .ProductActionAdd > a:before {color: #fff; line-height: 30px; vertical-align: top; margin-right: 5px;} .ProductList.List .ProductActionAdd > a span {display: inline-block;} .ProductList.List .ProductCompareButton {float: left; margin-top: 1px; display: block; float: left;} .ProductList.List .ProductPriceRating {margin-right: 15px;} .ProductList.List li .saleItem, .ProductList.List li:hover .saleItem {} .ProductList.List .WrapperProductDetails {overflow: hidden;} .ProductList.List .ProductActionAdd {position: static; text-align: left; margin-bottom: 20px; visibility: visible; height: auto;} .ProductList.List .ProductActionAdd .colorVarian_addon.view {display: block !important; text-align: left; padding-bottom: 15px;} /* Block */ .Content .Block { clear: both;} .Block { margin-top: 0; margin-bottom: 20px;} .BlockContent img {max-height: 100%; max-width: 100%;} .BlockCustom .btn {width: 100%;} .BlockCustom p {font-style: italic;} .BlockCustom .HLAction {padding-top: 7px;} /* Miscellaneous Definitions */ .Left .FeedLink, .Right .FeedLink { float: left; margin: 0 7px 0 0;} .Content .FeedLink { display: none;} .CompareButton {text-align: right;margin-bottom: 20px;} .Required { color: #ff0000;} /* Page Breadcrumbs */ .Breadcrumb { padding: 0!important; margin-bottom: 0px;} .Breadcrumb ul{ padding: 17px 0 35px; list-style-type: none; overflow: hidden; margin: 0 auto; width: 1170px;} .main .Breadcrumb {margin-top: -30px; } .Breadcrumb li {list-style-type: none; font-size: 12px; font-weight: 400; display: block; float: left; background: none; color: #787878;} .Breadcrumb ul li a {padding-right: 28px;display: inline-block; *display: inline; *zoom: 1; color: #787878; position: relative;} .Breadcrumb ul li a:before {position: absolute; content: "/"; height: 0; width: 0; top: 0px; right: 17px;} .top-title {position: relative;} .top-title h2 {margin: 0;} .productlist-page .top-title{ margin-bottom: 0;} .Left .afterSideShopByBrand{ padding: 8px 0 0 0; display: block;} /* Helpers */ .hide-visually { overflow: hidden; position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0);} /* Clear fix */ .cf:before, .cf:after { content: " "; display: table;} .cf:after { clear: both;} /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1;} .borderB { border-bottom: 1px solid #d6d6d6;} .borderR { border-right: 1px solid #d6d6d6;} /* It is added because the app is generating the class 'ClearLeft'. For example this class is being generated on the BPAY confirmation page */ .ClearLeft{ clear: left;} /* required */ .quick-view-product-details-container .required, .quick-view-product-details-container .Required, .ProductMain .Required, .required {color: #f1172f !important; display: inline !important; left: -12px; position: static !important; top: 0; font-weight: bold;} /* recapcha */ .recaptchatable .recaptcha_image_cell center {height: auto !important;} .recaptchatable .recaptcha_image_cell center img { height: auto !important; max-width: 238px !important;} .recaptchatable #recaptcha_response_field { width: 220px !important;} .recaptchatable #recaptcha_image { height: auto !important; width: auto !important;} .recaptchatable .recaptcha_image_cell {width: 240px !important;} .recaptchatable #recaptcha_response_field {width: 220px !important;} #recaptcha_reload_btn {display: block; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/recapRefresh.png?t=1537411322) 0 0 no-repeat !important;} #recaptcha_reload_btn img {visibility: hidden;} #recaptcha_switch_audio_btn {display: block; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/recapAudio.png?t=1537411322) 0 0 no-repeat !important;} #recaptcha_switch_audio_btn img {visibility: hidden;} #recaptcha_whatsthis_btn {display: block; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/recapHelp.png?t=1537411322) 0 0 no-repeat !important;} #recaptcha_whatsthis_btn img {visibility: hidden;} .zoomWindow {left: 0 !important; top: -1px !important;} .zoomWrapper {position: relative; z-index: 110;} /* Toolbar */ .SortBox div.selector, .SearchSortingSelectContainer div.selector {padding-top: 0 !important; padding-bottom: 0 !important;} .SortBox, .SearchSorting {font-size: 13px; margin: 0; padding: 0px;} .SortBox {float: right; padding-bottom: 20px;} .SortBox label, .SearchSorting label, .product-nav label {float: left; font-size: 11px; padding: 0px 10px 0 0; font-weight: 700; text-transform: uppercase; color: #000; margin: 0; letter-spacing: 0.08em;} .SortBox label{padding-top: 10px;} .SortBox div.selector, .SearchSorting div.selector {float: right; line-height: 30px; min-height: 30px !important; padding: 0; font-size: 12px; width: 190px;height: 32px;} div.selector select {font-size: 12px;} #uniform-revrating {width: 428px !important; max-width: 100%;} .SortBox div.selector span, .SearchSorting div.selector span {line-height: 22px; height: 30px; padding-right: 10px;} .SortBox div.selector span:before {background: #cacaca; right: 0;} .SortBox div.selector span {background: #f5f5f5; margin-right: 35px; padding-right: 0 !important;} /* Pagging */ .CategoryPagination .HL-PaddingLabel {display: inline-block; color: #000; margin-right: 5px; margin-bottom: 5px;} .CategoryPagination .HL-PaddingLabel:after {content: ":";} .nav-prev, .nav-next {float: left;color: #999;} .nav-prev {margin-right: 5px;} .nav-next {} a.nav-next:hover, a.nav-prev:hover {color: #333;} .PagingList { float: left; margin-left: 0; margin-bottom: 0;} .PagingList .ActivePage { margin: 0 12px; border-bottom: 1px solid #000; } .PagingList a, .nav-prev, .nav-next { color: #000; font-size: 11px; text-transform: uppercase; padding: 0 12px; } .PagingList a:hover {color: #312E29 ;} .nav-prev, .nav-next, .PagingList li {padding: 0 12px; margin-left: 5px; display: inline-block; font-weight: 700; margin-bottom: 5px; letter-spacing: 0.08em;} .nav-prev{margin-left: 0; margin-right: 0;} .nav-prev, .nav-next {text-decoration: none; position: relative;} .nav-prev:before {content: ""; border: 4px solid transparent; border-right-color: inherit; top: 3px; position: absolute; left: 0;} .nav-next:after {content: ""; border: 4px solid transparent; border-left-color: inherit; top: 3px; position: absolute; right: 0;} .nav-prev:after, .nav-next:before {content: ""; position: absolute; left: 12px; right: 12px; height: 1px; border-bottom: 1px solid #000; bottom: 0;} .PagingList li {padding: 0; line-height: 1.2;} .PagingList .icon { display: none;} /** Currency Selector **/ .CurrencyList dl { margin: 0; padding: 0;} .currency-converter .CurrencyList dd { margin: 0px;clear: both; border: none;padding-top: 3px;} .CurrencyList dd:hover { background-color: #fff;} .CurrencyList a { display: block; padding: 5px 0px; font-size: 11px;} .selected-currency .Flag, .CurrencyList a .Flag { float: left; margin-right: 10px;} .CurrencyList img { vertical-align: middle;} .currency-converter {position: relative; text-align: left; z-index: 60;} .currency-converter > a { line-height: 11px; display: inline-block; position: relative; } .currency-converter > a:before {position: absolute; content: ""; height: 0; width: 0; top: -2px; right: 14px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: 13px;} .currency-converter > a img {vertical-align: top; margin-right: 3px;} .currency-converter:hover .CurrencyChooser {} .currency-converter p { margin: 0;} .CurrencyChooser { display: none; position: absolute; float: none; right: 0; top: 100%; padding: 15px 20px; background: #ffffff; min-width: 150px; left: auto;} .CurrencyChooser h2 { font-size: 12px; font-weight: normal; padding: 0 0 10px 0; text-transform: uppercase;} .CurrencyChooser a span { font-size: 11px; line-height: 22px;} .selected-currency { cursor: pointer; padding: 10px 20px 10px 10px !important; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon_arrow_down.png?t=1537411322) no-repeat right center;} .TopMenu .selected-currency { display: none; } .selected-currency span { font-size: 11px;} .CurrencyChooser .BlockContent { position: relative;} .CurrencyChooser .BlockContent .CurrencyList { display: block; border: none; margin-bottom: 0;} .js-drawermenu-currency-converter {color: #ccc; font-size: 12px; padding: 15px 0;} .currency-converter > span {display: none;} /* Layout ******************************************************************** */ .main {padding-top: 30px; padding-bottom: 30px;max-width: 1480px; background: #fff; margin: 0 auto; overflow-x: hidden;} #home .main {padding-top: 0; padding-bottom: 0;} .Left {float: left; width: 20.5%; padding-right: 30px;} .Right, .CartCode {float: right; width: 20.5%; padding-left: 30px;} .Content {float: left; width:59%;} /* width for content of layout column 3 */ .Content.Wide, #CartContent {float: left; width: 79.5%} /* width for content of layout column 2*/ .Content.Widest {float: none; width: 100%} /* width for content of layout column 1*/ .inner:after { clear: both; content: ""; display: table;} .TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {margin: 0 auto;} /* Header ********************************************************************** */ /* Top Navigational Menu */ header {max-width: 1480px; background: #fff; margin: 0 auto;} .TopMenu {font-size: 12px; margin: 0; padding-top: 36px; z-index: 2; position: relative; padding-bottom: 34px; float: right;} .TopMenu .container { position: relative;} .TopMenu ul { padding: 0; margin: 0; text-align: right;} .TopMenu ul.TopLink { padding-top: 18px; float: right; position: relative;} .TopMenu li { display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; list-style: none; margin: 0; line-height: 11px; padding:0 10px;} .TopMenu li .icon { margin-right: 5px;} .TopMenu li.First a { border-left: 0;} .TopMenu li.last{} .TopMenu a { padding: 0; margin: 0; position: relative; color: #000; font-size: 11px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; letter-spacing: 0.08em;} .TopMenu li.last a { display: inline-block; *display: inline; *zoom: 1;} .TopMenu li.last a .icon{ position: absolute; left: 0; top: -2px;} .TopMenu .customer-area .dropdown-menu {display: block;} .TopMenu .dropdown-menu > li > a {color: #787878; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 0;} .TopMenu .js-drawermenu-currency-converter {padding-right: 0;} .TopMenu .TopLink .last {} .TopMenu .TopLink .last .HL-Login {float: right; border-right: 1px solid #e6e6e6; padding-right: 15px; line-height: 21px;} .TopMenu .TopLink .last .HL-Login a, .CartLink a#ShowDropdownCart { font-size: 12px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; line-height: 21px;} .TopMenu .HL-Login, .TopMenu .TopLink .last .HL-Login a {font-size: 0; line-height: 1;} .TopMenu .TopLink .last .HL-Login a:first-child {font-size: 12px;} .TopMenu .TopLink .last .CartLink {position: relative;} .TopMenu .currency-converter > a {color: #000; padding: 0 22px 0 0;} /** Top Right Locale Chooser (list of flags) **/ .TopMenu li.Flag div { border: 0;} .TopMenu li.Flag img { margin: 3px;} .TopMenu li.Flag img.Last { margin-right: 0px;} .TopMenu li.Flag img.Selected { margin: 1px 3px;} .TopMenu li .HL-Login a {display: none;} .TopMenu li .HL-Login a:first-child {display: inline;} .TopLink-area li{border-left: 1px solid #5c5c5c;} .TopLink-area li:first-child{border-left: none;} .CartLink a#ShowDropdownCart {position: relative; } .CartLink a#ShowDropdownCart:before {position: absolute; content: ""; width: 26px; height: 29px; top: -4px; right: 0px; } .CartLink #ShowDropdownCart span span{ width: auto; display: inline-block; *display: inline; zoom: 1;} /* Navigation ....................................................................... */ .PageMenu { position: relative; margin: 0; background: #f5f5f5;} .PageMenu .inner {background: #2f2f2f; text-align: center; padding: 5px 0px;} .PageMenu ul { border-bottom: none; padding: 0; margin: 0; /*position: relative;*/ display: inline;} .PageMenu li { position: relative; /*z-index: 1;*/ padding:0; display: inline-block; *display: inline; *zoom: 1; margin: 0;} .PageMenu li a { line-height: 1.5;} .PageMenu li a:hover {color: inherit;} .PageMenu .CategoryList .Home li a {font-size: 0;} .PageMenu .CategoryList .Home li a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f015"; font-size: 15px;} .PageMenu .CategoryList > div > div {line-height: 0; position: relative;} .PageMenu .CategoryList > div > div > ul > li {display: inline-block; float: none;} .PageMenu .CategoryList > div > div > ul > li.menu-parent.NoCategoryMegamenu.NoColRightMegamenu:hover{border-color: transparent; background-color:transparent;} .PageMenu .CategoryList > div > div > ul > li.menu-parent.NoCategoryMegamenu.NoColRightMegamenu:hover > a, .PageMenu .CategoryList > div > div > ul > li.menu-parent.NoCategoryMegamenu.NoColRightMegamenu:hover > a:hover {background-color:transparent; color:#16bcf9} .PageMenu .CategoryList > div > div > ul > li > a { font-size: 13px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.8; padding: 11px 15px 9px; display: block; color: #000;} .PageMenu .CategoryList > div > div > ul > li > a {} .PageMenu .CategoryList > div > div > ul > li.menu-parent > a {-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; letter-spacing: 0.08em; position: relative;} .PageMenu .CategoryList > div > div > ul > li.menu-parent > a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f078"; font-weight: 400; vertical-align: top; padding-top: 7px; padding-left: 10px;} .PageMenu .CategoryList > div > div > ul > li.menu-parent:hover > a {z-index: 999; } .PageMenu .CategoryList > div > div > ul.sf-menu > li > a:before {content: ""; position: absolute; bottom: 12px; left: 15px; right: 15px; height: 1px;} .PageMenu .CategoryList > div > div > ul.sf-menu > li.active > a:before, .PageMenu .CategoryList > div > div > ul.sf-menu > li:hover > a:before {background-color: #000;} .PageMenu .CategoryList > div > div > ul.sf-menu > li.menu-parent > a:before {right: 30px;} .PageMenu .sf-menu a.sf-with-ul {padding-right: 10px;} /* Level 1 */ .PageMenu li ul { display:none; position: absolute; z-index: 10; top: 100% !important; width: 210px; left: -1px; list-style-image: none; padding: 10px 0; background: #fafafa;} .PageMenu li:hover > ul, .PageMenu li.sfHover ul { display:block;} .PageMenu .CategoryList > div > div > ul > li:hover > ul, .PageMenu .CategoryList > div > div > ul > li.sfHover > ul {left: -1px; top: 43px !important; visibility: visible !important; max-height: 770px; display: block !important;} .PageMenu .CategoryList > div > div > ul > li.HL-HasMegamenu.sfHover > ul {left: 0px; } .PageMenu li li{ clear: both; display: block; float: none; font-size: 13px; margin: 0; padding: 0px; text-align: left; width: auto; position: static; padding: 0 20px;} .PageMenu li li.menu-parent:before{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; font-weight: 400; vertical-align: top; position: absolute; right: 20px; top: 12px;} .PageMenu li li a { float: none; width: auto; margin: 0; display: inline-block; line-height: 2.5; font-size: 12px; text-align: left; font-weight: normal; text-transform: capitalize; color: #2d2d2d; position: relative; padding: 0 0px;} .PageMenu li li:hover > a {} .PageMenu li li a::before {position: absolute; content: ""; height: 1px; left: 0px; top: 22px; right: 0px; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .PageMenu li li a.hasSub::before {right: 10px;} .PageMenu li li:hover > a::before { background: #464646;} /* Level 2 */ .PageMenu li ul ul { display: none;} .PageMenu .CategoryList > div > div > ul > li > ul li:hover > ul, .PageMenu .CategoryList > div > div > ul > li > ul li.sfHover > ul {left: 100%; top: 0px !important;} .PageMenu #SideCategoryList li ul li ul, .PageMenu #SideCategoryList .sf-menu li ul li ul {border: none;} .sf-sub-indicator { display:none !important;} .PageMenu .sf-menu li.sfHover ul { left: 9999px; } /* fix hover */ /* mega menu ******************************************************************************************* */ @media screen and (min-width: 768px){ /* Layout */ .Wrapper-Megamenu .WrapperCategory {float: left !important; width: 66%; clear: none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:10px 0 !important} .Wrapper-Megamenu.StandardMegamenu .WrapperCategory {width: 100%;} .Wrapper-Megamenu.StandardMegamenu .WrapperCategory > ul > li {width: 25%;} .NoCategoryMegamenu .Wrapper-Megamenu .large-banner {width: 100%;} .NoCategoryMegamenu .Wrapper-Megamenu .WrapperCategory {display: none;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .WrapperCategory > ul > li {width: 25%;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .large-banner {width: 0;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .WrapperCategory {width: 100%;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .large-banner {display: none;} .PageMenu .HL-HasMegamenu.NoCategoryMegamenu.NoColRightMegamenu:hover > ul {display: none !important;} /* */ .HL-HasMegamenu > ul {display: none !important;} .PageMenu .side-menu > ul > li.HL-HasMegamenu ul {max-height: 550px; overflow-y: auto;} .PageMenu .sf-menu li:hover ul, .PageMenu .sf-menu li.sfHover ul {left: -999em;} .PageMenu li.HL-HasMegamenu > ul > li { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display: block;float: left;clear: none;} .Wrapper-Megamenu .WrapperCategory > ul > li {width: 33%; float: left; clear: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .HL-HasMegamenu:hover > ul.Wrapper-Megamenu {display: block !important; visibility: visible !important; width: 1035px !important;} .PageMenu .HL-HasMegamenu:hover > ul li ul {display: block !important; visibility: visible !important; position: static; border: none !important; width: auto !important; position: static !important;} .PageMenu .HL-HasMegamenu > ul {width: 100% !important; top: 42px !important;} .PageMenu .HL-HasMegamenu > ul ul {background: none; border: none !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size:0;} /* css */ /*.PageMenu .HL-HasMegamenu:hover .WrapperCategory { display: block !important;} .PageMenu .HL-HasMegamenu:hover .large-banner { display: block !important;}*/ /* Level 1 */ .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li {border-top: none; padding-bottom: 20px; float: none; display: inline-block; vertical-align: top; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; transition:none !important;} .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li:before {content: "";} .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li > a {color: #000; font-weight: 700; font-size: 12px; text-transform: uppercase; display: block; border-bottom: 1px solid #e3e3e3; padding: 0;} .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li > a:before {background: none;} .PageMenu li.HL-HasMegamenu li:hover ul, .PageMenu li.HL-HasMegamenu li ul {left: 0px !important; top: 0px !important;} .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul { border: 0; } /* Level 2 */ .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li li{padding: 0;} .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > ul { position: static; display: block !important; visibility: visible !important; border: 0; width: auto !important; } .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > ul > li { border: 0; padding: 0; } .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > ul > li a { color: #555555 !important; line-height: 25px; } .Wrapper-Megamenu .WrapperCategory > ul > li {padding-right: 0px !important; padding-left: 20px !important;} .Wrapper-Megamenu .large-banner {float: left !important; width: 34%; clear: none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top: 10px; padding-bottom: 10px;} .HL-HasMegamenu .WrapperCategory ul {display: block !important; visibility: visible !important;} /* Coll Right Megamenu */ .PageMenu li li.large-banner > a {padding-left: 20px; padding-right: 20px; margin-right: 0;} .PageMenu li li.large-banner:hover a:before {border: none; background: none;} .PageMenu li li.large-banner:hover a {border: none;} .PageMenu li li.large-banner li {border: none;} .PageMenu li li.large-banner a:before {border: none; background: none;} /* Megamenu Style 1 */ .StylesMegamenu-1.Wrapper-Megamenu .WrapperCategory {width: 59%;} .StylesMegamenu-1.Wrapper-Megamenu .large-banner {width: 41%;} .StylesMegamenu-1.Wrapper-Megamenu .large-banner a{width: 50%; padding-left: 0; float: left; margin-bottom: 20px;} .StylesMegamenu-1.Wrapper-Megamenu .WrapperBrands {padding: 20px;} .HLBrandsContent {clear: both;} .WrapperBrands .HLBrandTilte{border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-bottom: 5px; margin-bottom: 15px;} .WrapperBrands .HLBrandTilte > h4 {float: left; padding-top: 5px;} .WrapperBrands .HLBrandTilte > a {float: right;} .WrapperBrands .HLBrandTilte > a:after {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; margin-left: 4px; vertical-align: top; padding-top: 8px;} .WrapperBrands .HLBrandsContent > div{width: 33.3%; float: left; padding: 10px;} /* Megamenu Style 2 */ .StylesMegamenu-2:before {content: ""; width: 1px; left: 23%; top: 20px; bottom: 30px; position: absolute; border-left: 1px solid #e3e3e3;} .HL-HasMegamenu:hover > ul.Wrapper-Megamenu.StylesMegamenu-2 {width: 880px !important} .StylesMegamenu-2.Wrapper-Megamenu .WrapperCategory {width: 23%; float: left; display: block;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner {width: 77%; float: left; display: block; padding-bottom: 30px;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner ul {width: 100%; line-height: 1.2;} .StylesMegamenu-2.Wrapper-Megamenu .WrapperCategory li {width: 100%;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner h2 , .StylesMegamenu-2.Wrapper-Megamenu .large-banner strong {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; color: #000; display: block; text-align: center;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner h2 {padding-bottom: 10px;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner strong {padding-top: 10px;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner span {font-size: 12px; font-style: italic;} .StylesMegamenu-2.Wrapper-Megamenu .large-banner ul li {width: 33.3%; float: left; clear: none; text-align: center;} } @media (min-width: 992px) and (max-width: 1199px) { .HL-HasMegamenu:hover > ul.Wrapper-Megamenu {width: 970px !important;} } @media (min-width: 768px) and (max-width: 991px) { .HL-HasMegamenu:hover > ul.Wrapper-Megamenu {width: 750px !important;} .HL-HasMegamenu:hover > ul.Wrapper-Megamenu.StylesMegamenu-2 {width: 750px !important} } @media screen and (min-width: 992px){ .fixed.header .PageMenu li.HL-HasMegamenu ul { top: 39px !important;} } @media (max-width: 767px) { .NoCategoryMegamenu .Wrapper-Megamenu .large-banner {width: 100%;} .NoCategoryMegamenu .Wrapper-Megamenu .WrapperCategory {display: none;} #DrawerMenu .HL-HasMegamenu .drawer-subcat.expanded {max-height: 0 !important;} #DrawerMenu .HL-HasMegamenu .Wrapper-Megamenu.expanded , #DrawerMenu .HL-HasMegamenu .Wrapper-Megamenu .drawer-subcat.expanded {max-height: 2000px !important;} #DrawerMenu .HL-HasMegamenu .Wrapper-Megamenu {display: block !important;} #DrawerMenu .HL-HasMegamenu .Wrapper-Megamenu.expanded .WrapperCategory > .drawer-subcat {display: block !important; max-height: 2000px; visibility: visible !important;} #DrawerMenu li.HL-HasMegamenu ul ul li a {background: none;font-size: 12px;font-weight: bold;text-decoration: none !important;text-transform: uppercase;color: #000;} #DrawerMenu .HL-HasMegamenu .drawer-subcat .drawer-subcat li a {padding-left: 35px;} #DrawerMenu .HL-HasMegamenu .drawer-subcat .drawer-subcat .drawer-subcat li a {padding-left: 45px;} #DrawerMenu li.HL-HasMegamenu ul ul ul li a {background: none;color: #000;font-size: 12px;font-weight: normal;text-transform: none;} #DrawerMenu li.HL-HasMegamenu ul li.activeBg > a {background: none; color: #000 !important;} #DrawerMenu li.HL-HasMegamenu li img { margin: 0px 0;} #DrawerMenu li.HL-HasMegamenu li.image_bottom a {background: none;} #DrawerMenu li.HL-HasMegamenu .WrapperCategory > .drawer-subcat > li { border:none;} #DrawerMenu li.HL-HasMegamenu .WrapperCategory > .drawer-subcat > li > a { border-top: 1px solid #e5e5e5;} #DrawerMenu li.HL-HasMegamenu .WrapperCategory > .drawer-subcat > li:first-child > a { border-top: none;} .WrapperCategory {border-bottom: none !important;} #DrawerMenu li.HL-HasMegamenu ul li p {padding: 20px 30px;} #DrawerMenu .large-banner .drawer-subcat {max-height: 100%;} #DrawerMenu .large-banner h2, #DrawerMenu .large-banner .drawer-subcat span {padding-left: 35px; padding-bottom: 10px; display: block;} #DrawerMenu .large-banner .drawer-subcat img + strong {display: block;} /* Brands */ .WrapperBrands .HLBrandTilte h4, .StylesMegamenu-2.Wrapper-Megamenu .large-banner h2, .StylesMegamenu-2.Wrapper-Megamenu .large-banner strong, .WrapperBrands .HLBrandTilte > h4 {padding-top: 20px; font-size: 14px;} #DrawerMenu .WrapperBrands .HLBrandTilte a {padding-left: 0; padding-right: 0;} #DrawerMenu .WrapperBrands .HLBrandsContent a {padding-left: 0; padding-right: 0; text-align: left;} } @media (max-width: 480px) { .Wrapper-Megamenu .WrapperCategory > ul > li {width: 100%;} .Wrapper-Megamenu .WrapperCategory { width: 100%;} .Wrapper-Megamenu .large-banner { width: 100%;} .PageMenu .HL-HasMegamenu.menu-parent {position: relative;} .PageMenu .HL-HasMegamenu > ul:before {background: none;} .PageMenu .HL-HasMegamenu > ul > li > ul > li > ul > li {border: none;} .PageMenu .sf-menu > li:hover > a.hasSub {background: none; } .PageMenu .sf-menu > li:hover > a.hasSub:before{border: none;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .WrapperCategory > ul > li { width: 100%;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu .WrapperCategory:before {background: none;} .Wrapper-Megamenu .WrapperCategory:before, .Wrapper-Megamenu .WrapperCategory:after {background: none !important;} .PageMenu .HL-HasMegamenu .Wrapper-Megamenu:before {background: none !important; border: none !important;} } /* End Mega Menu ********************************************************************************************* */ /* Header */ #Header { margin-top: 52px; float: left; margin-bottom: 10px;} #Header .container { position: relative;} .HeaderStorePhoneNumber { font-weight: 700; text-transform: uppercase; font-size: 11px; } #Header .HeaderStorePhoneNumber {display: none; } .header-secondary {padding-top: 10px;} /* Main Categories Menu */ #HeaderLower #SideCategoryList .SideCategoryListClassic li a { width: auto; margin: 15px 10px; padding: 0 0 0 0px; font-size: 14px; line-height: 20px; text-transform: uppercase;} #HeaderLower #SideCategoryList .SideCategoryListClassic li:before { float: left; margin-top: 16px; content: "|";} #HeaderLower #SideCategoryList .SideCategoryListClassic ul:first-child { color: #fff;} /* Horizontal Category List (Default & Flyout) */ #SideCategoryList h2 { display: block;} /* Logo */ .header-logo { float: left; padding-left: 0; padding-top: 1px;} .header-logo img { display: block;} /* Top Search Form */ #SearchForm{ position: static; } #SearchForm form { padding: 0; margin: 0;} #SearchForm label {text-transform: uppercase;font-family: 'Montserrat', sans-serif; cursor: pointer;} #SearchForm label:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; margin-right: 7px;} #SearchForm input#search_query { font-size: 12px; height: 44px; padding: 8px 45px 8px 15px; margin: 0; width: 100%; color: #787878; text-transform: lowercase; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #SearchForm input#search_query:focus {-moz-box-shadow: 2px 0px 8px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 0px 8px rgba(0,0,0,0.1);box-shadow: 2px 0px 8px rgba(0,0,0,0.1);} #SearchForm .Button { cursor: pointer; border: 0 !important; vertical-align: top; margin: 0; width: 34px; height: 34px; padding: 0; position: absolute; top: 5px; right: 5px; -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease; background: #493c3c;} #SearchForm .Hl-icon-search { position: absolute; right: 13px; top: 14px; width: 15px; height: 16px; } #SearchForm .Hl-icon-search:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; color: #fff;} #SearchForm p { display: none; font-size: 0.85em; margin: 5px 0 0 0;} #SearchForm .dropdown-menu {margin-top: 10px; width: 100%; background: none; -moz-box-shadow: 0px 3px 9px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.2);box-shadow: 0px 3px 9px rgba(0,0,0,0.2); padding: 0;} .HL-LogoScroll {display: none;} /* Header Fix */ @media (min-width: 1200px) { .fixed.header .PageMenu .container {padding-top: 0; padding-bottom: 0;} .fixed.header .TopMenu ul.TopLink {padding: 0; position: static;} .fixed.header .PageMenu #SideCategoryList, .fixed.header .PageMenu .pages-menu { padding-top: 3px; text-align: center;} .fixed.header { background-color: #ffffff; position: fixed; top: 0; width: 100%; z-index: 99; max-width: 100%;} .fixed.header .header-logo { background-color: #ffffff; position: fixed; top: 0; width: 100%; z-index: 999;} .fixed.header .header-logo, .fixed.header .header-secondary, .fixed.header .TopMenu .customer-area, .fixed.header .TopMenu .TopLink .last .HL-Login, .fixed.header .TopMenu .TopLink li { display: none;} .fixed.header .TopMenu .TopLink li.last { display: block; top: 17px; right: 20px; min-width: 0; position: absolute; z-index: 90;} .fixed.header .TopMenu .TopLink li.last:before { display: block; top: -17px; left: 0; min-width: 0; border-left: 1px solid #595959; position: absolute; content: "";height: 100%; width: 1px; height: 52px; } .fixed.header .TopMenu {margin: 0; padding: 0; position: static;} .fixed.header .TopMenu .container{position: static;} .fixed.header .CartLink a#ShowDropdownCart{ padding-right: 0;} .fixed.header .CartLink a#ShowDropdownCart:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f07a"; font-size: 16px; color: #fff; position: static; margin-right: 10px;} .fixed.header .CartLink a#ShowDropdownCart{font-size: 0; } .fixed.header .CartLink a#ShowDropdownCart #items-count{font-size: 0; } .fixed.header .CartLink a#ShowDropdownCart #items-count span{font-size: 12px; color: #fff; } .fixed.header { -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; } .fixed.header #Header {margin: 0;} .fixed.header #Header {margin: 0;} .fixed.header .PageMenu {background-color: rgba(47,47,47,1); min-height: 52px; padding: 0 150px; width: 100%; float: left;} .fixed.header .PageMenu .container {background: none ; width: auto;} .fixed.header .HL-LogoScroll {display: block; padding:7px 10px; margin-left: -150px; min-height: 54px; float: left; overflow: hidden;} .fixed.header .HL-LogoScroll img {max-width: 200px; max-height: 80px;} .fixed.header .PageMenu .inner {background: none; padding-top: 0; padding-bottom: 0;} .fixed.header .PageMenu .sf-menu > li > a {color: #fff; letter-spacing: normal;} .fixed.header .TopLink-area {display: none;} .fixed.header .PageMenu .CategoryList .Home li a:before {color: #fff;} .fixed.header .PageMenu .CategoryList > div > div > ul.sf-menu > li.active > a:before, .fixed.header .PageMenu .CategoryList > div > div > ul.sf-menu > li:hover > a:before {background-color: #fff;} } /* Footer ********************************************************************************* */ footer {max-width: 1480px; background: #fff; margin: 0 auto;} .footer {text-align: left;overflow: hidden; /*border-top: 1px solid #e5e5e5;*/} .footer .CategoryList ul ul {display: none !important;} .footer-main h4 { color: #000; letter-spacing: 0.08em; padding-bottom: 20px; font-size: 13px;} .footer-main h4.HL-SocialTitle {text-transform: capitalize; font-family: Roboto,Arial, Sans-Serif; font-size: 12px; letter-spacing: -0.02em; padding-bottom: 15px;} .footer-main a { color: #464646; letter-spacing: 0.02em;} .footer-middle {text-align: center; background: #272727; color: #fff; font-size: 14px; line-height: 38px; padding: 26px 0;} .footer-middle a {color: #fff;} .footer-middle .HL-LiveChat {font-family: 'Montserrat', sans-serif;} .footer-middle .HL-LiveChat a:hover {color: #ae895d;} .footer-middle .HL-LiveChatLink {border: 2px solid #afea03; color: #fff; font-size: 13px; text-transform: uppercase; line-height: 36px; padding: 0 17px 0 35px; display: inline-block; margin-left: 5px; font-family: 'Montserrat', sans-serif; font-weight: 700;} .footer-middle .HL-LiveChat .HL-LiveChatLink:hover {color: #afea03;} footer #SideShopByBrand h3 , footer .CategoryList h4 {display: none;} .subscribe_form ul {text-align: right;} .subscribe_form li {display: inline-block;vertical-align: top;} .footer #SideCategoryList li ul, .footer #SideCategoryList .sf-menu li ul {display: none!important;} .footer .subtitle {display: none;} .footer ul, .footer-links ul, .footer #SideCategoryList ul {float: left;width: 100% !important;margin: 0;list-style: none;} .footer .footer-columns li {padding: 5px 0;} .footer-main {padding-top: 46px; padding-bottom: 50px;} .footer-main #socnet {padding-top: 0px; float: left; width: 100%; margin-bottom: 10px;} .footer-links { overflow: hidden; padding-bottom: 49px; padding-top: 33px; background: #f5f5f5;} .footer-links ul {} .footer-links .PageMenu {border: none;} .footer-links .PageMenu .icon {display: none;} .footer-links .PageMenu a {font-size: 12px;} .footer-links .PageMenu ul {float: left;margin-top: 0!important;padding-bottom: 15px!important;border-bottom: 1px solid #6a6a6a;} .footer-links .PageMenu ul ul {display: none!important;} .footer-links .PageMenu li {float: left;width: auto!important;margin: 0;padding: 0 8px!important;border-left: 1px solid #6a6a6a;text-transform: none!important;} .footer-links .PageMenu #Menu > ul > li > a {padding: 0;} .footer-links .PageMenu #Menu > ul > li > a:hover {border-bottom: 0 none;} .footer-links .PageMenu li:first-child {border-left: 0;padding-left: 0 !important;} .footer-links .PageMenu ul ul {display: none;width: 250px !important;top: 30px;left: 50%;margin-left: -125px !important;} .footer-links .PageMenu ul li.over ul {display: block !important;} .footer-links .PageMenu ul ul li {float: none;} .footer-links .PageMenu ul ul li a {padding: 5px 0 !important;} .footer-links .PageMenu li.First {border-left: none;padding-left: 0!important;} .footer-links .PageMenu > div {display: block;} .footer-links p {display: block; padding: 0px 0; margin: 0; font-size: 12px;} .footer .powered-by {float: right; letter-spacing: 0.02em;} .footer .powered-by a {border-bottom: 1px solid #000;} .footer-main .sf-menu a.sf-with-ul {padding-right: 0 !important;} .footer-main li {padding-bottom: 6px;} .footer-main li a:hover {color: #ae895d;} .footer .sf-menu li {float: none; clear: both; display: block;} .HL-FooterLinkBottom {padding-bottom: 30px;} .HL-FooterLinkBottom li {display: inline-block;} .HL-FooterLinkBottom li:before {content:"|"; padding-right: 10px; padding-left: 10px;} .HL-FooterLinkBottom li:first-child:before {content:""; padding-right: 0px; padding-left: 0px;} .HL-FooterLinkBottom li a {color: #464646; letter-spacing: 0.02em;} footer address {margin-bottom: 7px; letter-spacing: 0.02em;} .HL-IconPayment li { margin-right: 10px; margin-bottom: 10px; float: left;display: block; } .HL-IconPayment li a {display: block; text-indent: -999em; height: 22px; } .HL-IconPayment li.PaymentVisa {background-position: 0 -1260px;} .HL-IconPayment li.PaymentVisaElectron {background-position: 0 -1291px;} .HL-IconPayment li.PaymentMasterCard {background-position: 0 -1322px;} .HL-IconPayment li.PaymentMaestro {background-position: 0 -1352px;} .HL-IconPayment li.PaymentAmericanExpress {background-position: 0 -1381px;} .HL-IconPayment li.PaymentSolo {background-position: 0 -1410px;} .HL-IconPayment li.PaymentPaypal {background-position:0 -1440px;} .HLFooterExtra {background: #d54d4d;} .HLFooterExtra {font-size: 11px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 0.2em;} .HLFooterExtra .InnerFooterExtra {padding: 20px 30px; max-width: 1480px; margin: 0 auto; position: relative;} .HLFooterExtra p {margin-bottom: 0; letter-spacing: 0.2em;} .HLFooterExtra .HLClose {font-size: 0; position: absolute; top: 15px; right: 10px; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/list-sprite.png?t=1537411322) 9px -3119px no-repeat; width: 30px; height: 30px;} /* Live Chat */ .HL-LiveChatCode {display: inline-block;} /* Newsletter Subscription Form */ .footer-main #SideNewsletterBox {padding-bottom: 27px; background: none;} .newsletter-subscription h4 {} .newsletter-subscription .inner { padding: 20px 0;} .newsletter-subscription label { display: none;} .HL-SubTitle {font-size: 12px;/* color: #555;*/ margin-bottom: 16px;} #subscribe_form .btn, #embed-newsletter .btn {position: absolute; right: 0px; top: 0px; font-size: 12px; text-transform: uppercase; padding: 0 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; background-color: #000;} #subscribe_form .btn {padding: 0 20px;} #subscribe_form .Textbox, #embed-newsletter .Textbox {display: inline-block; background: none; height: 36px; padding:0 15px; color:#bababb; text-transform: lowercase; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border: 1px solid #d3d3d3; line-height: 36px;} #subscribe_form #nl_first_name, #embed-newsletter .name {width: 90px; border-right: 1px solid #e9e9e9; position: absolute; left: 10px; top: 8px; display: none;} #subscribe_form #nl_email{width:260px} #embed-newsletter .email {width: 280px;} #subscribe_form , #embed-newsletter {position: relative;} footer .subscribe_form {margin-top: 3px;} /* Left Content Area **************************************************************************************** */ .HLLeftTitle {font-size: 16px; text-transform: capitalize; padding-top: 6px; letter-spacing: 0.02em;} .Left > div { margin-bottom: 32px;} .Left > .BlockLeftBanner {border: none; padding: 0; margin-bottom: 55px;} .Left .banner_category_page_top {padding: 0; border: none;} .Left .banner_category_page_top .BlockLeftBanner {display: block !important;} .Left > div > h3, .Left > div > h2, .Left .facet-header .facet-header-title { padding:0 0 13px 0; margin: 0 0 9px; color: #000; border-bottom: 1px solid #e5e5e5; font-size: 13px; text-transform: uppercase; font-weight: 700;} .Left .BlockContent {padding-top: 9px;} .Left ul { margin: 0; padding: 0;} .Left li { clear: both; list-style: none; margin: 0 0 12px 0; padding: 0;} .Left #SideCategoryList .sf-menu li li { padding-left: 10px;} .Left li li a { margin: 0; font-size: 12px;} .Left .sf-menu li { float: none;} .Left #SideCategoryList { display: block;} .Left #SideCategoryList .BlockContent {} .Left #SideCategoryList ul ul { background: none; float: none; margin-bottom: 10px !important; position: static; width: auto; margin-left: 20px; list-style-type: circle; list-style-position: outside; padding-top: 8px;} .Left #SideCategoryList ul li { margin: 0; position: relative; color: #c3c3c3; list-style: inherit; padding-top: 0;} .Left #SideCategoryList ul li a { color: #000; font-size: 12px; font-weight: 400; padding:6px 0px 8px 0px; display: inline-block; margin-right: 5px; letter-spacing: 0.02em; position: relative;} .Left #SideCategoryList ul li a:hover, .Left #SideCategoryList ul li a:focus {background: none; } .Left #SideCategoryList ul li .toogleClick { position: absolute; display: block; width: 25px; height: 20px; top: 7px; right: 0px; cursor: pointer; font-size: 0;} .Left #SideCategoryList ul li .toogleClick:before { position: absolute; content: "\f078"; right: 10px; top: -4px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 9px; color: #000;} .Left #SideCategoryList ul li li .toogleClick:before {top: 3px;} .Left #SideCategoryList .BlockContent > div > ul > li > .toogleClick {top: 15px;} .Left #SideCategoryList .BlockContent div > ul > li.active > .toogleClick:before {content: "\f077";} .Left #SideCategoryList .BlockContent div > ul > li.active ul {display: block;} .Left #SideCategoryList .BlockContent > div > ul > li {} .Left #SideCategoryList .BlockContent > div > ul > li:first-child {border-top: none; } .Left #SideCategoryList .BlockContent > div > ul > li > a { font-size: 11px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; padding-top: 8px; padding-bottom: 8px; letter-spacing: 0.08em;} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li > a { font-size: 11px; text-transform: uppercase; font-weight: 700; color: #000; letter-spacing: 0.08em;} .Left #SideCategoryList .BlockContent li.ActivetoogleClick > a { position: relative; } .Left #SideCategoryList .BlockContent li.ActivetoogleClick > a:before, .Left #SideCategoryList .BlockContent li.ActivetoogleClick a.active:before, .Left #SideCategoryList .BlockContent li.ActivetoogleClick a:hover:before {content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: #000; bottom: 8px; } .Left #SideCategoryList .BlockContent > div > ul > li > ul > li:hover > a, .Left #SideCategoryList .BlockContent > div > ul > li > ul > li:hover > a:hover {} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li li a {} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li li li a {} .Left #SideCategoryList .BlockContent, .Left .slist .BlockContent {overflow: hidden;} .Left .slist li li a { font-weight: normal; font-size: 13px; margin-bottom: 5px;} .Left .ProductList {margin: 0;} .Left #SideTopSellers {padding-bottom: 0; padding-left: 0px; padding-right: 0px; margin-bottom: 39px;} .Left #SideTopSellers h2 {margin-left: 0; margin-right: 0; border-bottom: 1px solid #e0e0df; font-size: 13px; text-align: left;} .Left #SideTopSellers .ProductList.owl-carousel .owl-wrapper-outer { padding-left: 0px; padding-right: 0px; margin: 0; padding-bottom: 0; padding-top: 0;} .Left #SideTopSellers .ProductList .owl-item > div { border: none; padding-left: 25px; padding-right: 25px; margin: 0;} .Left #SideTopSellers .ProductList .ProductDetails, .Left #SideTopSellers .ProductList .p-price, .Left #SideTopSellers .ProductList .ProductPriceRating, .Left #SideTopSellers .ProductList .productWishlist {margin-left: -25px; margin-right: -25px;} .Left #SideTopSellers .ProductList .owl-item > div .ProductActionAdd { display: none !important; } .Left #SideTopSellers .ProductList .ProductImage { margin-bottom: 20px;} .Left #SideTopSellers .ProductList .owl-item:before {content: "1"; position: absolute; top: 15px; left: 0; width: 26px; height: 26px; background: #ae895d; color: #fff; line-height: 26px; font-size: 14px; text-align: center; z-index: 2;} .Left #SideTopSellers .ProductList .owl-item:nth-child(1):before {content: "1";} .Left #SideTopSellers .ProductList .owl-item:nth-child(2):before {content: "2";} .Left #SideTopSellers .ProductList .owl-item:nth-child(3):before {content: "3";} .Left #SideTopSellers .ProductList .owl-item:nth-child(4):before {content: "4";} .Left #SideTopSellers .ProductList .owl-item:nth-child(5):before {content: "5";} .Left #SideTopSellers .ProductList .owl-item:nth-child(6):before {content: "6";} .Left #SideTopSellers .ProductList .owl-item:nth-child(7):before {content: "7";} .Left #SideTopSellers .ProductList .owl-item:nth-child(8):before {content: "8";} .Left #SideTopSellers .ProductList .owl-item:nth-child(9):before {content: "9";} .Left #SideTopSellers .ProductList .owl-item:nth-child(10):before {content: "10";} .Left #SideTopSellers .ProductList .owl-item:nth-child(11):before {content: "11";} .Left #SideTopSellers .ProductList .owl-item:nth-child(12):before {content: "12";} .Left #SideTopSellers .ProductList .owl-item:nth-child(13):before {content: "13";} .Left #SideTopSellers .ProductList .owl-item:nth-child(14):before {content: "14";} .Left #SideTopSellers .ProductList .owl-item:nth-child(15):before {content: "15";} .Left #SideTopSellers .ProductList .owl-item:nth-child(16):before {content: "16";} .Left #SideTopSellers .ProductList .owl-item:nth-child(17):before {content: "17";} .Left #SideTopSellers .ProductList .owl-item:nth-child(18):before {content: "18";} .Left #SideTopSellers .ProductList .owl-item:nth-child(19):before {content: "19";} .Left #SideTopSellers .ProductList .owl-item:nth-child(20):before {content: "20";} .Left #SideTopSellers .ProductList .owl-item:nth-child(21):before {content: "21";} .Left #SideTopSellers .ProductList .owl-item:nth-child(22):before {content: "22";} .Left #SideTopSellers .ProductList .owl-item:nth-child(23):before {content: "23";} .Left #SideTopSellers .ProductList .owl-item:nth-child(24):before {content: "24";} .Left #SideTopSellers .ProductList .owl-item:nth-child(25):before {content: "25";} .Left #SideTopSellers .ProductList .owl-item:nth-child(26):before {content: "26";} .Left #SideTopSellers .ProductList .owl-item:nth-child(27):before {content: "27";} .Left #SideTopSellers .ProductList .owl-item:nth-child(28):before {content: "28";} .Left #SideTopSellers .ProductList .owl-item:nth-child(29):before {content: "29";} .Left #SideTopSellers .ProductList .owl-item:nth-child(30):before {content: "30";} .Left #SideTopSellers .ProductList .QuickViewBtn {top: -82% !important;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons {border-bottom:2px solid #f5f5f5;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div {margin: 0; width: 50%; background: none; font-size: 11px; text-transform: uppercase; color: #000; text-align: center; font-weight: 700; border: 1px solid #d4d4d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: static; line-height: 27px; height: 35px; position: relative; left: auto; right: auto;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-prev { border-right: none; text-indent: 15px;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: ""; border: 4px solid transparent; border-right-color: #000; width: 0; height: 0; position: absolute; left: 50%; top: 12px; margin-left: -24px;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-next { background: #f5f5f5 !important; text-indent: -15px; } .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: ""; border: 4px solid transparent; border-left-color: #000; width: 0; height: 0; position: absolute; right: 50%; top: 12px; margin-right: -24px; } .Left #SideTopSellers .ProductList .productWishlist {display: none !important;} .Left #SideTopSellers .ProductActionAdd > a span {} .Left #SideTopSellers .ProductList .owl-item .saleItem {} .Left #SideTopSellers .ProductList .ProductImage:hover > a img:not(:first-child) {display: none;} .Left #SideTopSellers .ProductList .ProductImage.HasSwapImage:hover a .HL-ProductImageContent, .Left #SideTopSellers .ProductList .ProductImage.HasSwapImage a .HL-ProductImageContent {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} .Left #SideTopSellers .ProductList .ProductImage.HasSwapImage:hover a .HL-ProductImageContent img.front-image {visibility: visible;} .Left #SideTopSellers .ProductList .owl-item:hover .ProductImage {border-color: #e5e5e5;} .Left .ProductList.List .ProductDetails {border-top: none;} .HL-AllBrand {font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; margin-top: 15px; display: inline-block;} .Left .BlockLeftBanner a {margin-bottom: 30px; display: block;} .Left .pages-menu {display: none;} .HL-AllBrand {text-transform: uppercase; font-size: 11px; position: relative; padding-left: 12px; } .HL-AllBrand:before {content: ""; border: 4px solid transparent; border-left-color: inherit; height: 0; width: 0; position: absolute; top: 3px; left: 0; } /* Right Content Area *************************************************************************************** */ .Right .Block { padding: 0 0 10px 0;} .Right .BlockContent { margin: 0 10px 0 10px;} .Right ul { margin: 0; padding: 0;} .Right li { clear: both; list-style: none; margin: 0; padding: 5px 0 7px 0;} .Left .ProductList li, .Right .ProductList li { margin-bottom: 10px;} .Left .ProductList .ProductImage, .Right .ProductList .ProductImage {} /* Primary Content Area ************************************************************************************* */ /* Home Page -------------------------------------------------------------- */ .HL-HeaderShipping {list-style: none; margin-bottom: 0; } .HL-HeaderShipping li {text-align: center; } .HL-HeaderShipping li a {display: block; background-color: #56556b; color: #fff; font-size: 11px; line-height: 1.2; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; padding-bottom: 14px; padding-top: 14px; letter-spacing: 0.08em; } .HL-HeaderShipping li:nth-child(2) a {background-color: #80608a; } .HL-HeaderShipping li:nth-child(3) a {background-color: #4fa099; } .row {list-style: none;} .banner_home_page_bottom {margin-bottom: 0;} .HL-HomeTwoBanner {padding-bottom: 15px;} .HL-HomeTwoBanner li {margin-bottom: 10px; position: relative;} .HL-HomeTwoBanner ul {margin-bottom: 0;} .HL-HomeTwoBanner img:nth-child(1), .HLBannerBottomImage img:nth-child(1) {-webkit-transition: all 1000ms ease 0s; -moz-transition: all 1000ms ease 0s; -ms-transition: all 1000ms ease 0s; -o-transition: all 1000ms ease 0s; transition: all 1000ms ease 0s;} .HL-HomeTwoBanner li:hover img:nth-child(1), .HLBannerBottomImage li:hover img:nth-child(1) { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .HL-HomeTwoBanner img:hover, .HLBannerBottomImage img:hover {moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .HL-HomeTwoBanner li a, .HLBannerBottomImage li a { position: relative; overflow: hidden; display: block;} .HL-HomeTwoBanner img:nth-child(2), .HLBannerBottomImage img:nth-child(2) {position: absolute; top: 0; right: 0; left: 0; bottom: 0;} .HLBannerBottomImage {padding-bottom: 5px;} .HLBannerBottomImage li {padding-bottom: 30px;} .HL-BotttomBanner-Row2:before {background: #f5f5f5; left: -100%; right: -100%; top: 0; height: 100%; content: ""; position: absolute;} .HL-BotttomBanner-Row2 {position: relative; padding: 88px 0 70px; margin-bottom: 50px; display: none;} .HL-BotttomBanner-Row2 .fa {font-size: 0} .HL-BotttomBanner-Row2 .fa:before {font-size: 20px} .HL-BotttomBanner-Row2 h2 {text-align: center; letter-spacing: 0.1em;} .HL-BotttomBanner-Row2 p {text-align: center; color: #464646; line-height: 1.7;} .HL-WrapperBrandslider {position: relative; padding-bottom: 40px; margin-bottom: 45px; margin-top: -50px;} .HL-WrapperBrandslider:before { background: #e5e5e5; left: -100%; right: -100%; bottom: 0; height: 1px; content: ""; position: absolute; } .HL-WrapperBrandslider .BlockTilte {text-align: center; padding-bottom: 25px;} .HL-WrapperBrandslider .BlockTilte h3 {display: inline-block; background: #ae895d; line-height: 30px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 0 30px; letter-spacing: 0.1em;} .HL-Brandslider .owl-carousel .owl-wrapper-outer {margin: 0; padding: 0;} .HL-Brandslider {padding: 21px 40px; } .HL-Brandslider .owl-item > div {text-align: center; border: none;} .HL-Brandslider .owl-pagination {display: none;} .HL-Brandslider.owl-theme .owl-controls {margin: 0;} /* News Lists */ #HomeRecentBlogs ul { padding-left: 0; margin-left: 0;} #HomeRecentBlogs li { list-style: none; padding: 5px 0 5px 10px; margin: 0;} #LowerRight .FeedLink { float: left; margin: 6px 4px 0 0;} /* instagram */ .HLInstagram {padding-bottom: 40px;} .HLInstagram .BlockTilte h3 {letter-spacing: 0.1em;} #instafeed { margin: 0 -15px; } .HLInstagram .owl-carousel .owl-wrapper-outer {padding: 0;width: 100%; margin: 0;} #instafeed .owl-item a {display: block; margin: 8px 15px;} #instafeed .owl-pagination {display: none;} #instafeed.owl-theme .owl-controls .owl-buttons div {top: 50%; margin-top: -5px;} /* Category Page -------------------------------------------------------------- */ .HL-GridList { float: left; padding:0px; position: relative; width: 150px;} .HL-GridList ul { display: block; padding:13px 0px 3px; margin: 0; width: 211px; border: 1px solid #e5e5e5; float: left; position: absolute; top: 45px;left: 0; background: #fff; z-index: 999; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);} .HL-GridList li {list-style: none; display: block; width: 100%; padding-bottom: 10px; border-top: 1px solid #e5e5e5; padding-top: 12px; padding-right: 20px; padding-left: 20px;} .HL-GridList li:first-child {border-top: none; padding-top: 0; } .HL-GridList span {text-indent: 0; cursor: pointer; display: block; line-height: 15px;} .HL-GridList .icon {border: 3px solid #000; height: 36px; width: 36px; position: relative; margin-right: 10px; } .HL-GridList .icon.grid, .HL-GridList #Grid {margin-left: 0; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/list-sprite.png?t=1537411322) 8px -1503px no-repeat;} .HL-GridList .icon.list, .HL-GridList #List {background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/list-sprite.png?t=1537411322) 8px -1659px no-repeat;} .HL-GridList #Grid {padding-left: 20px; background-position: 0 -1511px;} .HL-GridList #List {padding-left: 20px; background-position: 0 -1666px;} .HL-GridList label {float: none; cursor: pointer;} .HL-GridList label:after {display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; content: "\f107"; margin-left: 5px; line-height: 15px; vertical-align: top;} .CategoryDescription .TitleHeading { margin-bottom: 15px; padding-bottom: 13px;} .CategoryDescription img {padding-bottom: 12px;} .image-container-centered { display: table-cell; vertical-align: middle; text-align: center; float: none !important;} .category-featured .image-container-centered { width: 320px; height: 264px;} .category-featured .image-container-centered img { max-width: 320px; max-height: 264px;} .category-featured h3 { text-transform: uppercase;} #CategoryHeading {width: 100%; float: left;} .product-nav { margin-bottom: 0; clear: both;} .product-nav.btm {float: left; padding: 12px 0 0;} .product-nav.btm + .CompareButton {float: right;} .CategoryContent .ProductList {padding-bottom: 25px; clear: both; display: block;} #CategoryHeading .TitleHeading {float: left; padding-top: 4px;} .productlist-page {padding-top: 0px;} .productlist-page .TitleHeading {float: left;} /* Product Page -------------------------------------------------------------- */ .PrimaryProductDetails {padding-top: 10px !important;} .ProductDetails .ProductThumb p { margin-top: 10px; font-size: 0.9em;} .ProductReviewList { clear: both;} .ProductReviewList .ReviewTitle img { margin-top: -4px; margin-left: 5px;} .ProductReviewList li { padding: 0 0 10px 0; border-bottom: 1px solid #dadada;} .ProductReviewList li:last-child { border: 0;} .SoldOut { color: #999;} .AddToWishlistLink { position: relative; margin: 0;float: left; clear: none !important; padding-bottom: 15px;} .AddToWishlistLink .wishlist-button { position: absolute; top: -70px; left: 165px; font-weight: bold; cursor: pointer; color: @primary-color; background: #fff; border: 0;} /* sizing and positioning of the inside part of a swatch */ /* position the label in the left-padding area of the row */ .productAttributeList {padding-top: 8px;} .productAttributeList .productAttributeLabel { margin: 0 !important; float: none !important; width: auto !important; padding-top: 0 !important;} .productAttributeList .productAttributeLabel label { display: block; margin-bottom: 7px; position: relative;} /* Below is required to overwrite __Master defaults */ .productAttributeList .productAttributeRow, .productAttributeRow { padding-left: 0 !important; margin: 0 0 0px 0 !important; clear: both;} .productAttributeList li { margin-bottom: 0px; padding-right: 6px;} .productAttributeList ul.list-horizontal { margin: 0;} .productOptionViewProductPickListWithImage { border-color: #ddd !important; margin-bottom: 20px;} .productOptionViewProductPickListWithImage .scrollContainer { max-height: 250px !important;} .productOptionViewProductPickListWithImage td { padding: 10px 5px !important; vertical-align: middle !important;} .productOptionViewRectangle .option label { background-color: #fff; padding: 5px 10px !important; min-width: 34px; text-align: center; height: 34px;} .productOptionViewRectangle .option.selectedValue label { /* background-color: #6a6a6a; color: #fff; */} .productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour { display: inline-block; width: 34px !important; height: 34px !important; vertical-align: middle; border:none; margin-bottom: 0;} .productOptionPickListSwatch .selectedValue .thumbnail, .productOptionPickListSwatch .selectedValue .swatchColour { width: 30px !important; height: 30px !important;} .ProductDetailsGrid .productOptionPickListSwatch .selectedValue .textureContainer, .ProductDetailsGrid .productOptionPickListSwatch .selectedValue .swatchColours {border-width: 3px !important;} .productOptionPickListSwatch ul { margin-bottom: 20px;} .productOptionPickListSwatch li .validation {top: 5px; left: 5px;} .productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours { display: inline-block !important; margin: 0 !important; padding: 0px !important;} .productAttributeValue { clear: both; display: block !important; padding-bottom: 16px;} .productAttributeValue .productOptionViewSelect div.selector {width: 100%;} .productAttributeValue .ui-datepicker-trigger { display: none;} .ShippingProviderList li { list-style: none; margin: 0 0 10px 0;} .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p { margin: 0; float: none !important; padding: 0;} /** Product image gallery **/ .ProductTinyImageList ul li div { text-align: center; border: none !important;} #ProductDetails .ProductTinyImageList ul { margin: 0; padding: 0; list-style-type: none; text-align: left;} .ProductTinyImageList ul li img{ width: auto;} .carousel { position: relative; visibility: hidden; left: -5000px;width: 180px;} .ImageCarouselBox { padding-left: 0!important; margin-bottom: 10px; position: relative;} #ProductDetails .ImageCarouselBox { margin: 16px auto 0;} #ProductDetails .ImageCarouselBox br { display: none; /* TODO once the JS that inserts the BR is removed, remove this style */} .productOptionPickListSwatch ul { margin: 0; padding: 0; list-style: none;} #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext { /* Vertically center the control arrow icons */ position: absolute; bottom: -55px; margin-top: 0px; float: left; margin-top:16px;cursor:pointer;display: none; } #ProductDetails #ImageScrollPrev img, #ProductDetails #ImageScrollNext img {display: none;} #ProductDetails #ImageScrollPrev { right: 50%;} #ProductDetails #ImageScrollNext { left: 50%;} /**/ .tiny-images.owl-theme .owl-controls .owl-buttons > div {top: 50%; margin-top: -16px;} .ProductTinyImageList .owl-carousel .owl-wrapper-outer, #tabvideo2 .owl-carousel .owl-wrapper-outer {margin: 0; padding: 0;} .ProductTinyImageList .owl-pagination {display: none;} .ProductTinyImageList .TinyOuterDiv {width: 100% !important; height: 100% !important; border: none !important; table-layout: fixed; display: table; text-align: center;} .ProductTinyImageList .TinyOuterDiv a {width: 100% !important;display: table-cell; vertical-align: middle; padding: 0 !important; } .ProductTinyImageList .owl-carousel .owl-wrapper-outer {} .ProductTinyImageList .owl-carousel .owl-item {} .ProductTinyImageList .owl-carousel .owl-item > div, #tabvideo2 #VideoList .owl-item >div {border: 1px solid #e4e4e4; margin: 1px 6px; overflow: hidden;} .ProductTinyImageList .owl-carousel .owl-item:hover > div, #tabvideo2 #VideoList .owl-item:hover >div {-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);} #ProductDetails .ProductTinyImageList ul li { border: 1px solid #e4e4e4; background-color: #fff; display: inline-block; margin: 0 14px 0 0; padding: 0;list-style-image: none;} #ProductDetails .ProductTinyImageList, #tabvideo2 #VideoList { white-space: nowrap; margin: 0; padding: 0 57px; height: 80px} .ProductTinyImageList ul.cf > div {display: inline-block;} #myTabsVideo {position: absolute;left: 0; bottom: 95px; width: 100%; z-index: 2; margin: 0; display: none;} .HasVideo #myTabsVideo {display: block;} #myTabsVideo>li {width: 50%;} #myTabsVideo>li>a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-right: 0; text-align: center; color: #a0a0a0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.02em; border: 1px solid #e5e5e5; background: #f9f9f9;} #myTabsVideo>li:first-child>a {margin-right: -1px;} #myTabsVideo>li.active>a, #myTabsVideo>li.active>a:hover, #myTabsVideo>li.active>a:focus {background: #fff; border-top-color:transparent; color: #464646; font-weight: 700;} #tabvideo2 {position: relative;} .left-content .tab-content {padding-top: 0;} #tabvideo2 .owl-controls .owl-pagination {display: none;} #tabvideo2 #VideoList {margin-top: 16px;} #tabvideo2 .VideoPreviewSize {width: 100%; height: 100%; padding: 0;} #tabvideo2 #ProductVideos {margin-bottom: 0;} /**/ .DetailRow {clear: both;} .ProductDetailsGrid .DetailRow .Value, .ProductDetailsGrid .s-price .Value {padding-bottom: 10px; display: inline-block;} .ProductDetailsGrid .DetailRow .Value span.VariationProductInventory {background: #e04534; padding:5px 8px; color: #fff;} .ProductDetailsGrid .HL-ProductRatting {display: block !important;} .ProductDetailsGrid .HL-ProductRatting .Value {padding-bottom: 12px;} .ProductDetailsGrid .DetailRow .BrandName {padding: 0;} .DetailRow .BrandName a {font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: normal; color: #a0a0a0; font-family: 'Montserrat', sans-serif;} .ProductDetailsGrid .DetailRow.nop { padding: 0;} .ProductDetailsGrid .Label{ font-weight: bold; margin: 0 0 5px 0; line-height: 20px; text-align: left !important; position: relative; display: inline-block; min-width: 110px; color: #000; font-size: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif;} .ProductDetailsGrid .Label.QuantityInput{ text-transform: capitalize; color: #000; font-weight: 700; margin-bottom: 10px; display: block; } .ProductAddToCart .productAttributeLabel {color: #000; font-size: 13px; font-weight: 700; text-transform: capitalize; text-align: left !important; font-family: 'Montserrat', sans-serif;} .s-price .RetailPrice {margin-top: -12px; } .s-price .YouSave {font-weight: 300; margin: -6px 0 25px; color: #9c9c9c; display: block;clear: both;} .DetailRow.RetailPrice {width: auto; overflow: hidden;} .DetailRow.RetailPrice .Label { margin: 0 10px 0 0;} .DetailRow.qty {padding-bottom: 15px;} html.javascript .productOptionViewRectangle .list-horizontal .selectedValue label {background: none !important; color: inherit !important;} html.javascript .productOptionViewRectangle li {display: inline-block !important; border: 2px solid transparent; margin-bottom: 5px; padding: 0;} html.javascript .productOptionViewRectangle li:hover, html.javascript .productOptionViewRectangle li.selected, html.javascript .productOptionViewRectangle li.selectedValue {border-color: #000;} html.javascript .productOptionViewRectangle .option label{border-color:#e7e7e7 !important; margin-bottom: 0 !important;} html.javascript .productOptionViewRectangle .option label:hover, html.javascript .productOptionViewRectangle .option.selected label, html.javascript .productOptionViewRectangle .option.selectedValue label{border-color:#000 !important; } /* override invalid width set by uniform jq-plugin on firefox */ .CartItemQuantity .selector { width: 75px !important;} .DetailRow.qty .selector { width: 102px !important;} .CartItemQuantity div.selector span, .DetailRow.qty .selector span { margin: 0px 0 0 0;} /* Product Details Price */ .DetailRow.SalePrice {margin-top: -5px;} .ProductOptionList ul, .ProductOptionList li { list-style: none; margin: 0; padding: 0;} .ProductOptionList li { margin-bottom: 3px;} .ProductOptionList input { vertical-align: middle;} .HL-ProductRatting img {margin-right: 10px; vertical-align: top; margin-bottom: 5px;} .HL-ProductRatting .HL-Reviewlinks {font-size: 12px; margin-right: 20px; text-transform: capitalize;} .HL-ProductRatting .HL-WriteReviewLink {padding-left: 0px; } .HL-ProductRatting .HL-WriteReviewLink a {font-size: 12px; white-space: nowrap;} #prodAccordion{ padding-bottom: 30px; border-top: 1px solid #d6d6d6;} #prodAccordion .current .subtitle { } #prodAccordion .subtitle { margin: 15px 0 !important; border: solid 0px !important; font-size: 16px !important; padding: 0 30px 0 0 !important; float: none; cursor: pointer;} .prodAccordionContent { border-top: 0px solid #EAEAEA;} #SimilarProductsByCustomerViews .btn { display: none;} .addto {float: left; margin-right: 10px; } .addto #SideProductAddToWishList {display: inline-block;} #SideProductAddToWishList .btn.alt { font-size: 13px; text-transform: uppercase; font-weight: 700; line-height: 44px; padding-left: 35px; padding-right: 35px;} .ProductAddToCart .BulkDiscount { margin-bottom: 10px;} .ProductAddToCart .BulkDiscount .btn.add-to-cart {} .ProductAddToCart .BulkDiscount .btn.add-to-cart:hover {} .AddThisButtonBox { float: left !important; margin: 8px 10px 20px 0 !important; display: block; *display: inline; *zoom: 1;} .PinterestButtonContainer { margin: 8px 0 23px;} #ProductDetailsBulkDiscountThickBox {display: block !important; margin-top: 10px;} #ProductDetailsBulkDiscountThickBox .ModalButtonRow {display: none !important;} .PrimaryProductDetails .BulkDiscount .DetailRow {position: relative; margin: 0 0 20px 0px;} .PrimaryProductDetails .BulkDiscount .DetailRow:before{border-top:1px solid #fa832c; border-top-right-radius: 4px; border-top-left-radius: 4px; content: ""; height: 1px; left: 1px; position: absolute; right: 1px; top: 1px; width: 99%; z-index: 2;} .ProductAddToCart dd.AddCartButton div.BulkDiscount {display: inline-block; float: left;} .ProductAddToCart .BulkDiscount {clear: both;} #ProductDetailsBulkDiscountThickBox .ModalContent{padding: 0 !important;} #ProductDetailsBulkDiscountThickBox .ModalContent > p {display: none;} #ProductDetailsBulkDiscountThickBox ul{margin-left: 0px; border: 1px solid #d0d0d0; } #ProductDetailsBulkDiscountThickBox ul li, .HL-QuickviewBulkPrice ul li{ list-style: none; font-size: 12px; line-height: 24px; color: #616161; } #ProductDetailsBulkDiscountThickBox ul li {color: #2d2d2d !important; border-bottom: 1px solid #d0d0d0; padding: 6px 15px;} #ProductDetailsBulkDiscountThickBox ul li:last-child {border-bottom: none;} /* tabs */ .HL-ProductTabs .nav-tabs {margin: 0; border-bottom: 1px solid #e5e5e5;} .HL-ProductTabs .nav-tabs > li { margin-bottom: 0;} .HL-ProductTabs .nav-tabs > li > a { border: 1px solid #e5e5e5; margin-right: -1px; font-weight: 700; font-size: 13px; color: #2f2f2f; text-transform: uppercase; border-bottom: none !important; font-family: 'Montserrat', sans-serif; padding: 11px 20px; letter-spacing: 0.08em; -webkit-border-radius: 0px; -moz-border-radius:0px; border-radius: 0px; background-color: #f9f9f9;} .HL-ProductTabs .nav-tabs > li:first-child > a {} .HL-ProductTabs .nav-tabs > li:last-child > a {} .HL-ProductTabs .nav-tabs > li > a:hover, .HL-ProductTabs .nav-tabs > li > a:focus, .HL-ProductTabs .nav-tabs > li.active > a {background: #fff; margin-bottom: -1px; padding-bottom: 12px;} .HL-ProductTabs #third h4 {padding-top: 20px; text-transform: capitalize;} .tab-content {padding-top: 30px;} .subtitle {padding-bottom: 27px; font-size: 18px;} .ProductDescriptionContainer h4 {text-transform: capitalize; font-size: 14px;} .ProductDescriptionContainer h5 {padding-bottom: 15px;} .ProductDescriptionContainer p {line-height: 1.7; margin-bottom: 25px;} .ProductDescriptionContainer strong {} #ProductDescription .subtitle {display: none;} /* Preview Tab */ #rating_box + p {padding-top: 10px;} #rating_box > h4 {padding-top: 11px; padding-bottom: 22px;} #rating_box > h5 {font-size: 14px; color: #2f2f2f; font-weight: 400; padding-bottom: 23px;} .VerticalFormContainer dt {color: #000; margin-bottom: 10px;} .VerticalFormContainer dd {margin-bottom: 16px;} #ProductReviews .btn { margin-bottom: 20px; float: left; margin-top: 20px;} #ProductReviews .subtitle { padding-bottom: 0;} #ProductReviews p.Submit {margin-bottom: 0;} #ProductReviews p.Submit .btn { float: none; margin-bottom: 20px;} /**/ #SimilarProductsByCustomerViews, #SideProductRelated { clear: both; margin-bottom: 0;} #SimilarProductsByCustomerViews .ProductList .Rating, #SideProductRelated .ProductList .Rating { display: none;} #SimilarProductsByCustomerViews .ProductList .owl-item > div, #SideProductRelated .ProductList .owl-item > div, .WishlistProductList > li > div {/*border-color: transparent !important;*/} /* Popup Cart */ .cart-detail-metadata {font-style: italic;} .cart-detail-metadata + a.btn {margin-bottom: 10px;} .modalClose { float: left; text-indent: 999px; overflow: hidden; right: -10px !important; } #ModalTitle, .ModalTitle { display: none!important;} #ModalContainer { position: fixed !important; /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */ height: auto !important; left: 0 !important; margin: 0 auto !important; max-height: 95% !important; max-width: 920px !important; overflow-x: hidden; overflow-y: auto !important; padding: 0 !important; right: 0 !important; top: 20px !important; width: 100% !important; z-index: 110 !important; } div#fancy_overlay, #ModalOverlay { background: #000 !important; opacity: 0.7 !important; z-index: 100 !important;} #ModalContentContainer {box-shadow: none !important; background: #fff;} #ModalContent, .ModalContent {padding:50px 20px 20px !important; border: none!important; font-size: inherit;} #ModalContent:after, .ModalContent:after {content: ""; display: table; clear: both;} #ModalButtonRow, .ModalButtonRow { background: none !important; border: none !important; padding: 15px !important; height: auto !important;} #ModalContainer .modalClose {top: 0px !important; right: 0px !important; padding-right: 0 !important; } #ModalContainer .modalClose:before { /* display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; color: #000; position: absolute;top: 0; right: 0;*/} #fastCartContainer {margin: 0px auto 0 auto;} #fastCartContainer .ProductList {} #fastCartContainer .ProductList li, #home #fastCartContainer .ProductList li {height: auto !important; margin: 0; width: 25%; overflow: visible; visibility: visible !important;} #fastCartContainer .ProductList li > div, #home #fastCartContainer .ProductList li > div {background: none; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #fastCartContainer .ProductList li > div {} #fastCartContainer .ProductList li > div .ProductImage:hover a, #home #fastCartContainer .ProductList li > div .ProductImage:hover a {transform:none; -ms-transform:none; -webkit-transform:none; /* Safari and Chrome */} #fastCartContainer .ProductList li .productWishlist {display: none !important;} #fastCartContainer .ProductList li .ProductPriceRating {margin-top: 0;} .fastCartThumb, .fastCartItemBox, .fastCartSummaryBox { width: 33.333333%; max-width: none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none;} .fastCartSummaryBox .ProceedToCheckout {float: none; } .fastCartItemBox > p:first-child {} .fastCartItemBox > p:first-child:before {} .fastCartItemBox > p:first-child strong {font-size: 14px; font-weight: 400; color: #2d2d2d;} .fastCartTop .fastCartItemBox a {font-size: 14px; font-weight: 700;} .fastCartThumb {text-align: center;} .fastCartThumb img{ border: 1px solid #e5e5e5;} .fastCartItemBox { margin-left: 0; padding: 0 20px;} .fastCartItemBox p.Quantity {padding-top: 10px; margin-bottom: 10px;} .fastCartItemBox .ProductPrice { font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif;} .fastCartItemBox a + small {display: block;} .fastCartSummaryBox { padding: 0 20px 20px; text-align: center; background: none !important; } .fastCartSummaryBox .CheckoutButton { padding-bottom: 10px;} .fastCartSummaryBox .ProceedToCheckout .PayPalExpressCheckout p, .AlternativeCheckout .PTB20 > span {margin-bottom: 10px;} .fastCartSummaryBox .ProceedToCheckout {margin: 0 0 20px; overflow: hidden;} .fastCartSummaryBox .ProceedToCheckout a { display: block;} .fastCartSummaryBox .subtotal {border-bottom: 1px solid #e0dfdf; padding-bottom: 11px; /* These are overrides for __Master */ clear: none; font-size: inherit; font-weight: normal; margin: 0 0 20px 0;} .fastCartSummaryBox .subtotal > span:first-child {color: #000; font-size: 12px; font-weight: 700;} .fastCartSummaryBox .subtotal span {font-style: normal;} .fastCartSummaryBox .subtotal .ProductPrice { word-wrap: break-word; display: block; padding-top: 5px; font-size: 24px;} .fastCartSummaryBox .actionLink { margin: 0 0 20px 0; padding-bottom: 7px; } .fastCartSummaryBox .actionLink { line-height: 1.5em;} .fastCartSummaryBox .actionLink .btn {width: 100%;} .fastCartSummaryBox .actionLink .btn:hover {} .fastCartSummaryBox .PayPalExpressCheckout { width: 100%; padding-bottom: 7px;} /* Add to cart popup __master overrides */ .fastCartContent { min-height: 0; width: auto;} #fastCartContainer .ProductList .ProductImage { height: auto; /* Have to keep to override master */ width: 100%; /* Have to keep to override master */} .continuation-label {text-transform: uppercase; color: #555555; font-style: italic; display: block; padding: 10px 0; display: none;} .fastCartBottom {padding: 0;} .fastCartBottom > h4 {border-top: 1px solid #e0dfdf; margin: 0 0px; padding: 25px 30px 0 50px; color: #27272b; font-size: 20px; text-align: center;} .fastCartBottom .ProductList .pname {} /* End Popup Cart */ /* Popup Quickview */ .addToCart .add-to-cart {display: inline-block; max-width: 250px; margin-right: 20px;min-width: 150px;} .addToCart .add-to-cart + span , .addToCart .HL-ViewDetail {display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase;vertical-align: top;} .addToCart .HL-ViewDetail {line-height: 43px; padding: 0 19px; font-size: 13px; min-width: 150px; height: 47.5px;} .addToCart .add-to-cart + span {display: none;} #QuickViewContent .productWishlist a { font-size: 11px; font-weight: 700; text-transform: uppercase;} #QuickViewContent .productAttributeValue .btn.add-to-cart {margin-bottom: 10px; padding: 0 25px;} .quick-view-product-details-container .ProductAddToCart ul {margin-bottom: 0;} .quick-view-product-details-container .s-price .Label, .quick-view-product-details-container .s-price .Value { float: none; min-width: 0;} /* End Popup Quickview */ #SideProductRelated .ProductList .owl-item:hover > div, #SimilarProductsByCustomerViews .ProductList .owl-item:hover > div, #WishListItems .WishlistProductList > li:hover > div { -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; padding-bottom: 15px; margin-bottom: 0;} #SideProductRelated .ProductList.owl-carousel .owl-wrapper-outer, #SimilarProductsByCustomerViews .ProductList.owl-carousel .owl-wrapper-outer { padding-bottom: 15px;} .SubBrandListGrid .RowDivider { display: none!important;} .brand-img { float: left; width: 100%; padding: 5px 0; text-align: center;} .brand-img img { width: auto;} .ShippingAddressList, .ShippingAddressList li { list-style: none; margin: 0; padding: 0;} .ShippingAddressList li { width: 30%; float: left; margin-right: 10px; margin-bottom: 20px;} #ProductDetails h1 { padding: 0; margin: -5px 0 9px 0; word-wrap: break-word; text-transform: none; letter-spacing: 0.02em;} #ProductDetails h1:first-letter { text-transform: uppercase;} .PrimaryProductDetails .ProductThumb { width: auto !important; height: auto !important; text-align: center;} .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad { float: none; display: inline-block; *display: inline; *zoom: 1;} .PrimaryProductDetails .ProductMain { overflow: hidden;padding: 0 0 42px 40px; float: right; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .PrimaryProductDetails .ProductThumb p a { font-weight: bold;} .ProductThumbImage>a {border: 1px solid #e4e4e4;} /**/ .ProductThumbImage .saleItem {left: auto; right: 0; bottom: auto;top: 0;} /**/ .HLProductFreeShipping:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d1"; font-size: 16px; margin-right: 5px;} .HLProductFreeShipping {font-size: 11px; font-weight: 700; text-transform: uppercase; color: #000; letter-spacing: 0.08em; margin-top: 62px;} /* Product Review */ #ProductReviews .ProductReviewList {border-top: 1px solid #e5e5e5; padding-top: 30px; margin-left: 0; padding-left: 30px; } /**/ .SideRelatedProducts .owl-theme .owl-controls .owl-buttons , #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons {position: absolute; top: -43px; right:15px;} .SideRelatedProducts .owl-theme .owl-controls .owl-buttons:before , #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons:before {position: absolute; content: ""; background-color: #f5f5f5; height: 2px; left: 1px; right: 1px; bottom: -1px;} .SideRelatedProducts .owl-theme .owl-controls .owl-buttons div, #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons div {border: 1px solid #d4d4d4; top: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: static;} .SideRelatedProducts .owl-theme .owl-controls .owl-buttons div:hover , #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons div:hover {background-color: #f5f5f5;} .SideRelatedProducts .owl-theme .owl-controls .owl-buttons div.owl-prev , #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons div.owl-prev { margin-right: -2px;} .SideRelatedProducts .owl-theme .owl-controls .owl-buttons div.owl-next, #SimilarProductsByCustomerViews .owl-theme .owl-controls .owl-buttons div.owl-next {left: auto; right: 0px;} /* Cart Page -------------------------------------------------------------- */ /* Cart Contents Table */ .CartContents {width: 100%; margin-bottom: 30px;} .CartContents tbody td { border-bottom: 0;} .CartContents thead tr th:first-child, .CartContents .ProductName {text-align: left;} .CartContents .ProductName {padding-left: 0; padding-right: 0;} .CartContents .ProductName a { font-weight:700;} .CartContents .ProductName a.HL-ProductName {font-size: 14px; color: #000;} .CartContents thead { background: #f5f5f5;} .CartContents tbody tr td { padding: 30px 30px 20px;} .CartContents tbody tr td.CartItemQuantity { padding-top: 40px; padding-left: 20px; padding-right: 20px;} .CartContents tbody tr td.CartItemQuantity > div { margin-top: -10px;} .CartContents tbody tr td.CartItemRemove { padding-left: 0px; padding-right: 0px;} .CartContents tbody tr td:first-child { text-align: left;} .CartContents tbody tr td em {font-style: normal;} .CartContents tfoot .SubTotal td { font-weight: 400;} .CartContents tfoot .SubTotal td em {font-style: normal; font-size: 16px; padding-left: 10px;} table.CartContents tfoot .SubTotal td div {font-size: 14px; font-family: 'Montserrat', sans-serif; color: #2f2f2f; padding: 0px 0;overflow: visible;} table.CartContents tfoot .SubTotal.gtotal td div {font-size: 16px; font-weight: 700;} table.CartContents tfoot .SubTotal.gtotal td div .ProductPrice {font-size: 24px;} .CartContents tfoot .SubTotal td div.EstimateShipping {max-width: 490px; float: right;} .HL-ProductNameGift {padding-left: 30px; padding-top: 5px; color: #585858;} .HL-ProductNameGift a {color: #000;} .CartItemIndividualPrice, .CartItemTotalPrice {font-size: 14px; font-family: 'Montserrat', sans-serif; color: #000;} .CartContents tbody tr td.CartItemIndividualPrice, .CartContents tbody tr td.CartItemTotalPrice {padding-top: 37px;} .productAttributes {margin: 15px 0 0;font-size: 12px; border: none;} .CartContents .productAttributes td {border: none; text-align: left; display: inline;} .productAttributes label, .productAttributes span {white-space: nowrap; font-weight: 400;} #ChooseShippingAddress .icon-add {top: 45px;} .ShipperPrice {font-size: 14px; font-weight: 700; font-style: normal; color: #000; padding-left: 5px;} .ShipperName {font-size: 13px; font-weight: 400; font-family: 'Montserrat', sans-serif;} .CartContents .CartItemImage { margin-right: 20px; max-width: 64px; display: block; float: left;} .CartContents .CartItemDes {} .CartContents .CartItemDes strong {color: #000;} .CartContents .CartPrice, .CartContents .CartPriceTotal, .CartContents .CartPriceTotal em{color: #000; font-size: 14px; font-weight: 700; font-style: normal;} .WrappingOptions { font-size: 12px; margin-top: 10px; padding-left: 30px; background: url('//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/GiftWrappingAvailable.png?t=1537411322') no-repeat; padding-bottom: 4px; line-height: 1.6; padding-top: 3px;} .CartRemoveLink {display: block; width: 20px; height: 20px; margin-top: 8px; background: #f14d48;} .CartRemoveLink:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00d"; color: #fff;width: 20px; text-align: center;line-height: 20px;} .DropdownCart .CartRemoveLink {background: none;} .DropdownCart .CartRemoveLink:before {color: #f14d48; } .CartContents thead th.last {text-align: right !important;} .CartContents tfoot .SubTotal td { border-top: 1px solid #e0e0df; padding:20px 30px; vertical-align: middle;} .CartContents tfoot td div, .CartContents tfoot td em {display: inline-block;} .CartContents tfoot td em , .CartContents tfoot .SubTotal td .titGTotal em{ margin-right: 0; padding-right: 0; min-width: 150px;} .CartContents tfoot .gtotal.SubTotal td { font-size: 17px; text-transform: capitalize; padding-bottom: 12px; padding-top: 12px;} #CheckoutStepConfirmation .SubTotal td em.ProductPrice {font-size: 20px; font-weight: 700; font-style: normal; color: #000;} #CheckoutStepConfirmation .SubTotal.uno td em.ProductPrice {font-size: 16px;} #CheckoutStepConfirmation .SubTotal.dos td em.ProductPrice {font-size: 14px;} #OrderConfirmationForm .CheckoutOrderComments .PTB20 {padding: 16px 0; clear: left;} #OrderConfirmationForm .HearFromUsViaEmail .PTB20 { padding-top: 36px;} #share-product ul.tabs li { display: inline-block; line-height: 18px;} #share-product ul.tabs li img { vertical-align: top; top: 1px;} #share-product ul.tabs li.active {margin-bottom: -1px; padding-bottom: 7px; border-bottom: none;} #share-product ul.tabs {position: static; border:none;} /* Shipping Estimation on Cart Contents Page */ .EstimateShipping { padding: 20px !important;} .EstimateShipping label { display: block; margin-bottom: 5px;} .EstimatedShippingMethods { clear: both; padding: 20px 0 0 0 !important; text-align: left;} .ShippingMethodList { padding: 0 !important;} .EstimatedShippingMethods table { margin: 0 !important; width: 100%; border-collapse: collapse;} .EstimatedShippingMethods .Submit { text-align: right; padding-top: 20px;} .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {text-align: left;} .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price { text-align: right;} .SharePublicWishList { padding:5px;} .EstimateShippingButtons { text-align: left;} .EstimateShippingButtons input {margin-bottom: 15px;} .EstimateShipping .form dt {width: 105px;float: left;} .EstimateShipping .form dd {margin-left: 125px;} table.CartContents tfoot .SubTotal td div.EstimateShipping div {display: block; padding: 0;} #shippingZoneZip {max-width: 100%;} .EstimateShipping .EstimateShippingButtons {margin-bottom: 5px;} .EstimateShipping .EstimateShippingButtons .btn {background: #ae895d; border: none; color: #fff;margin-bottom: 10px; line-height: 38px;} .EstimateShipping .EstimateShippingButtons .btn.txt-link {background: none; border: none; color: #000; padding: 0; text-decoration: underline; font-size: 13px; font-family: 'Montserrat', sans-serif; text-transform: capitalize; line-height: 30px; } .EstimateShipping dl {margin-bottom: 0;} .EstimateShippingLink, .EstimateShipping {margin: 14px 0 10px;} .KeepShopping, .updateCart {float: left; margin-right: 20px; margin-bottom: 20px;} .AlternativeCheckout .PTB20 > span { display: block; float: right; text-align: center; width: 119px;} .AlternativeCheckout a {clear: both; display: inline-block; float: none; margin-bottom: 4px;} .AlternativeCheckout a strong {font-weight: 400;} .ProceedToCheckout {float: right; text-align: center;} .ProceedToCheckout, .KeepShopping { text-align: right;} .ProceedToCheckout .PayPalExpressCheckout p, .AlternativeCheckout .PTB20 > span { font-size: 11px; font-style: italic; margin-bottom: 10px; text-transform: uppercase;} .AlternativeCheckout .PTB20 > span{display: block; width: 100%; margin-bottom: 0;} .DropdownCart .AlternativeCheckout .PTB20 > span{display: none;} .DropdownCart .CartContents .ProductName .CustomizeItemLink{display: none;} .ProceedToCheckout .FloatRight, .ProceedToCheckout .FloatLeft {text-align: center;} .ProceedToCheckout.btm { padding: 0 20px 30px 20px;} .ProceedToCheckout.btm .CheckoutButton {padding-bottom: 20px;} .AlternativeCheckout {clear: both;float: none; display: block !important; text-align: center;} .CartCode {margin-bottom: 20px;} .CartCode > .CouponCode, .CartCode > .GiftCertificate { } .CartCode > .CouponCode h3, .CartCode > .GiftCertificate h3 { display: inline-block; font-size: 13px; text-transform: uppercase; padding-bottom: 12px; position: relative; margin-bottom: 17px; } .CartCode > .CouponCode h3:before, .CartCode > .GiftCertificate h3:before {height: 2px; width: 32px; background: #ae895d; position: absolute; bottom: 0; left: 0; content: "";} .CartCode > .CouponCode p, .CartCode > .GiftCertificate p { margin-bottom: 15px;} .ProceedToCheckout .CheckoutButton {padding-bottom: 10px; } .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn {min-width: 35px; padding: 0 13px; text-align: center; margin: 0px 0 40px; display: block; float: right;} .CartCode .GiftCertificate input[type="text"], .CartCode .CouponCode input[type="text"] {width: 150px;} /*dropdown cart*/ .cart-no-items {background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/cart_empty.png?t=1537411322) no-repeat 50% 50%; width:160px; height:40px;} .DropdownCart { display: none; float: left; min-height: 40px; min-width: 160px; padding:0; position: absolute; right:-20px; top: 30px; z-index: 99999; max-height: 600px; overflow-x: hidden; overflow-y: auto !important; } .DropdownCart > div { background-color:#FFF; border: 1px solid #e0e0df;} .DropdownCart .CartContents {margin:0; border: none;margin-top: -11px;} .DropdownCart .CartContents th {background: #f6f6f6; color: #000; font-size: 11px; padding-left: 20px; padding-right: 20px;} /*.DropdownCart .CartContents th.HL-ItemPrice {padding-left: 0 !important;}*/ .DropdownCart .CartContents th.HL-Remove {display: none;} .DropdownCart .CartThumb a {border: 1px solid #e5e5e5;} .DropdownCart .CartThumb img {max-width: 64px;} .DropdownCart .CartContents td.CartThumb, .DropdownCart .CartContents td.ProductName, .DropdownCart .CartContents td.CartItemQuantity, .DropdownCart .CartContents td.CartItemIndividualPrice, .DropdownCart .CartContents td.CartItemTotalPrice {padding: 20px !important; font-size: 13px;} .DropdownCart input[type="text"] {height: 25px; font-weight: normal; text-align: center; width: 45px; margin-top: 4px;} .DropdownCart .colEstShip, .DropdownCart .KeepShopping, .DropdownCart .ProceedToCheckout .txtInfo-2 {display: none;} .DropdownCart .updateCart {margin-right: 210px; text-align: right; float: none;padding-left: 10px;} .DropdownCart .AlternativeCheckout {text-align: right; clear: both; padding-bottom: 0px; position: relative;} .DropdownCart .CheckoutButton .btn { margin-bottom: 5px; font-size: 13px; padding:0 18px; display: block; line-height: 36px;} .DropdownCart .CheckoutButton .btn:hover { color: #FFF;} .DropdownCart .updateCart .btn {height: 36px; font-size: 13px; font-weight: 700; width: 145px; padding: 0;} .DropdownCart .CartContents tfoot .SubTotal td {padding: 15px 20px;} .DropdownCart .CartContents tfoot .SubTotal td.HL-ShoppingCartShippingEstimator {display: none;} .DropdownCart .AlternativeCheckout p a:focus {text-decoration: none;} .DropdownCart .AlternativeCheckout p a span {font-size: 13px;letter-spacing: 0.02em; color: #000; font-weight: 300; position: relative; padding-left: 15px;text-transform: none;} .DropdownCart .AlternativeCheckout p a span::before {position: absolute; content: ''; width: 0; height: 0; left: 0; top: 4px; border: 5px solid transparent; border-left-color: #313131; } .DropdownCart .CartContents td.CartItemIndividualPrice, .DropdownCart .CartContents td.CartItemTotalPrice {padding-top: 30px !important;} /*.DropdownCart .CartContents td.CartItemIndividualPrice{padding-left: 0 !important;}*/ .DropdownCart .CartContents td.CartItemTotalPrice, .DropdownCart .CartContents th:last-child {} .DropdownCart .CartContents td.CartItemTotalPrice .ProductPrice {font-size: 13px; font-weight: 400;} .DropdownCart .CartContents tfoot .SubTotal td .titTotal {font-size: 12px; text-transform: none; color: #646464;} .DropdownCart .CartContents tfoot .SubTotal td .titTotal em {width: auto; padding-left: 6px; font-size: 16px; color: #000;} .DropdownCart .CartContents td.ProductName {padding: 20px 10px 20px 0 !important;font-family: 'Roboto', sans-serif;font-size: 12px;} .DropdownCart .CartContents td.ProductName a {letter-spacing: 0; white-space: normal;line-height: 18px; min-width: 170px; font-weight: normal; text-transform: none; font-size: 12px; font-family: 'Roboto', sans-serif; padding-bottom: 10px;} .DropdownCart #CartFormContainer {background: #FFF; min-height: 30px;} .DropdownCart .CartContents th:first-child {text-align: left !important; padding-left: 20px;} .DropdownCart .ProceedToCheckout {padding: 0 20px 10px 0; margin-top: -58px; width: 100%;} .DropdownCart #DropdownCartForm {position: relative;} .DropdownCart .CartRemoveLink { margin-top: 20px; } .DropdownCart .CartRemoveLink::before { font-size: 13px; } .DropdownCart .ProductName .productAttributes, .DropdownCart .ProductName .CustomizeItemLink {display: none;} .DropdownCart .CartContents tbody tr td.CartItemQuantity {padding-top: 28px !important;padding-right: 10px !important; padding-left: 10px !important;} .DropdownCart .CartContents tbody tr td.CartItemQuantity > .hide {display: block !important;} .DropdownCart .CartContents tbody tr td.CartItemRemove {display: none;} .DropdownCart .WrappingOptions {display: none;} .DropdownCart .HL-ShoppingCartLink { position: absolute;left: 20px; top: -42px;} .DropdownCart .ProceedToCheckout .CheckoutButton { max-width: 260px; float: right; padding-top: 2px;} .DropdownCart .ProceedToCheckout .CheckoutButton a[title="Click here to proceed to checkout"] { font-size: 0;width: 175px; height: 36px; } .DropdownCart .ProceedToCheckout .CheckoutButton a[title="Click here to proceed to checkout"]::before { content: "CHECKOUT"; font-size: 13px; } .DropdownCart table.CartContents tfoot .SubTotal td div {font-size: 13px; font-weight: 400;} .DropdownCart table.CartContents tfoot .SubTotal td div em {font-size: 13px; min-width: 140px;} table.CartContents tfoot .SubTotal.gtotal td {padding-top: 24px; padding-bottom: 24px; } table.CartContents tfoot .SubTotal.gtotal td div .ProductPrice {font-size: 20px; } .ProceedToCheckout .FloatRight {clear: both;} /* Gift Wrapper */ .HorizontalFormContainer dd div#uniform-giftwrapping_all {width: auto !important;} /* Checkout */ #CheckoutGuestForm label {font-weight: 400;} a.ChangeLink { top: 12px; right: 10px;} .HorizontalFormContainer dd div.selector {width: 428px !important; min-width: 250px; max-width: 100%;} .HorizontalFormContainer dd div#uniform-creditcard_ccexpy, .HorizontalFormContainer dd div#uniform-creditcard_ccexpm { min-width: 100px; max-width: 212px;} .ExpressCheckoutContent { padding: 30px 45px;} .ExpressCheckoutContent > .CreateAccount, .ExpressCheckoutContent > .AccountLogin { display: inline-block; width:49%; vertical-align: top; text-transform: capitalize;} .ExpressCheckoutContent > .CreateAccount{ padding-right: 30px;} .ExpressCheckoutContent > .AccountLogin {padding-left: 45px; border-left: 1px solid #e0e0df; position: relative;} .ExpressCheckoutContent > .AccountLogin:before {content: "Or"; width: 28px; height: 28px; background: #fff; text-align: center;line-height: 28px; position: absolute; left: -14px; top: 50%; margin-top: -14px; color: #b4b4b4; font-size: 11px; text-transform: uppercase; font-weight: 700;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dt {display: block; float: left; width: auto; text-align: right; min-width: 130px; padding-right: 20px; padding-top: 7px;} .ExpressCheckoutContent > .AccountLogin .HL-Action a {display: block; clear: both; margin-top: 20px;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dt:first-child + dd + dt + dd + dt {padding: 0;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dd{ margin-left: 0; padding-bottom: 0; margin-bottom: 15px;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dd.HL-Action{/*margin-top: -30px;*/} #LoginForm em.required {position: static; display: inline-block; padding-right: 3px; font-style: normal; color: #f1172f;} .ExpressCheckoutContent > .CreateAccount h4, .ExpressCheckoutContent > .AccountLogin h4 {color: #2f2f2f; font-size: 14px; text-transform: capitalize; padding-bottom: 10px;} #CheckoutStepConfirmation .SubTotal td strong, #CheckoutStepConfirmation .SubTotal td em { display: inline-block; padding-top: 0; font-weight: 400;} #CheckoutStepConfirmation .SubTotal:last-child td strong, #CheckoutStepConfirmation .SubTotal:last-child td em {font-weight: 700;} #CheckoutStepConfirmation .SubTotal .Block { margin-bottom: 0;} #CheckoutStepConfirmation .SubTotal.st td { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;} .AccountMessageList { margin: 0; padding: 0; list-style: none;} .AccountMessageList li { padding: 0 0 20px 0; margin: 0; border-bottom: 1px solid #d6d6d6;} .AccountMessageList .by { position: relative; display: block; padding: 0 0 0 25px;} .AccountMessageList .by img { position: absolute; left: 0; top: 2px;} .AccountMessageList blockquote { margin-left: 0; padding-top: 5px;} .AccountOrderStatusList { margin: 0; padding: 0; list-style: none;} .Meta { font-size: 12px;} .OrderItemList { margin: 10px 0px;} .AccountOrderStatusList li,.AccountOrdersList li { position: relative;} .li-list { padding: 20px 0; border-bottom: 1px solid #d6d6d6;} .AccountOrderStatusList .box1 { padding: 0 10px 0 20px;} .btns { position: absolute; right: 0; top: 20px; float: left; z-index: 2; color: #5e5c5c; font-size: 13px;line-height: 28px; font-weight: normal;} .btns form { display: inline; float: right;} .btns span.FloatRight { padding: 0 5px;} .btns .btn-clear { float: left; clear: none;} .bg-gray {float: left; padding: 20px; width: 90%; background: #ededed; display: block; margin-bottom: 20px;} .ShippingMethodList table { clear: both; padding-top: 20px; width: 100%;} .ShippingMethodList table td {padding: 15px 10px 10px 10px!important;} /* Express Checkout */ .ExpressCheckoutBlock, .ExpressCheckoutContent, .full-width > #ChooseShippingAddress, .full-width > #ChooseBillingAddress {border: 1px solid #d7d7d7; margin-bottom: 15px; background: #fff;} .ExpressCheckout .ExpressCheckoutBlock .ExpressCheckoutTitle { background-color: #fff; position: relative; margin: 0; padding: 10px 20px; cursor: auto; font-weight: bold; text-transform: uppercase; border: none !important; color: #000; font-size: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif; background: #f5f5f5; letter-spacing: 0.08em;} .ExpressCheckout .ExpressCheckoutBlock .ExpressCheckoutTitle .titStep {margin: -10px 20px -15px -20px; min-width: 60px; border-right: 1px solid #d7d7d7; padding: 10px 20px 11px 20px; display: inline-block; background: #fff;} .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCompleted .ExpressCheckoutTitle , .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {/* background: none;*/} .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCompleted .ExpressCheckoutTitle .titStep { margin-bottom: -10px;} .ExpressCheckoutBlock h3 a { font-size: 12px;} .ExpressCheckoutBlock .ExpressCheckoutCompletedContent { display: none;} .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { display: inline; font-size: 12px; font-weight: normal; font-style: normal; top: 0; padding: 9px; white-space: nowrap; text-transform: none;color: #bebebe; min-height: 48px;} .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent { display: none;} a.ChangeLink { position: absolute; right: 15px;} .ExpressCheckoutContent .FloatLeft {float: none;} .ExpressCheckoutBlock a.ChangeLink { display: none;} .ExpressCheckoutBlockCompleted a.ChangeLink { display: inline; top: 12px; right: 20px; font-size: 11px;} .ExpressCheckoutCompletedContent { position: absolute; left: 350px;} .ExpressCheckoutBlock .ExpressCheckoutContent { border: none; border-top: 1px solid #e0e0df;} /* Step: 5 */ .BlockPaymentOptions {} #OrderConfirmationForm .BlockPaymentOptionsInner {float: left; margin-bottom: 5px;} #OrderConfirmationForm .CheckoutRedeemCoupon {margin-bottom: 20px;} #OrderConfirmationForm .CheckoutOrderComments {} #OrderConfirmationForm .PTB20 {padding: 12px 0 ;} #payment_options .PTB20 {padding-bottom: 7px;} #payment_options .PTB20 strong, #OrderConfirmationForm .CheckoutOrderComments .PTB20 strong , #OrderConfirmationForm .HearFromUsViaEmail .PTB20 strong , #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon h4{font-size: 12px; text-transform: uppercase; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon {background: #f5f5f5; border: 1px solid #dbdbdb; max-width: 450px; padding: 30px 25px;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon h4 {} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon p {margin-bottom: 15px;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon p strong {float: left; line-height: 38px; padding-right: 10px;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon .CouponCodeTitle {float: left; padding-right: 10px; line-height: 42px; } #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon .CouponCodeInner { max-width: 311px; overflow: hidden; position: relative;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon .CouponCodeInner #couponcode {background: #fff; border: 1px solid #d0d0d0; height: 42px; max-width: 311px; padding-right: 70px; width: 100% !important;} #OrderConfirmationForm .FloatRight.CheckoutRedeemCoupon .CouponCodeInner #apply_code {color: #fff; background: #333333; border: none; height: 32px; line-height: 32px; padding: 0 15px; position: absolute; right: 5px; top: 5px; font-family: 'Montserrat', sans-serif;} #OrderConfirmationForm .BottomPaymentButton {text-align: left !important; border-top: 1px solid #dbdbdb; padding-top: 25px;} .CheckoutRedeemCoupon h4 { padding-bottom: 10px;} .CheckoutRedeemCoupon p { margin-top: 0px; margin-bottom: 0;} /* table cart checkout */ .CartContents tbody tr td.HL-CartFirst + td {padding-top: 39px} #CheckoutStepPaymentDetails input[type=submit] {margin: 0 10px;} .HorizontalFormContainer dd > em.ProductPrice { display: inline-block; font-weight: 700; padding-top: 8px;} .chooseAnotherToShare {padding-left: 20px;} /* Multi Checkout */ .ExpressCheckoutContent {} .full-width > .ExpressCheckoutBlock , .full-width > #ChooseShippingAddress, .full-width > #ChooseBillingAddress {position: relative; overflow: hidden; padding: 20px;} #ChooseBillingAddress label, #ChooseShippingAddress label {display: block;} .SelectBillingAddress, .SelectShippingAddress {margin-bottom: 20px;} #multiAddressForm div.selector {width: 450px;} .Right hr { margin: 5px 0 0;} .ComparisonCheckbox { float: left;} .SideRecentlyViewed .ProductList li { margin-left: 0;} .SideRecentlyViewed .ProductDetails { margin-left: 20px;} /* Product Comparisons */ .ComparisonTable { table-layout: fixed; width: 100%;} .ComparisonTable tr th:last-child{text-align: center;} .ComparisonTable tr td:last-child {text-align: left;} .ComparisonTable tbody tr:nth-child(1) td a{color: #ae895d; font-family: "Raleway",sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.6;} .ComparisonTable img { max-height: 100%; max-width: 100%; padding-top: 2px; vertical-align: top;} .ComparisonTable td { font-size: 14px; padding: 10px; vertical-align: center; text-align: left;} .ComparisonTable tbody tr:nth-child(1) td.CompareFieldName a { border-bottom: none !important; font-family: 'Montserrat', sans-serif; color: #000; font-weight: 700; font-size: 13px; text-transform: uppercase;} table .CompareFieldName { width: 95px; border-bottom: none !important; font-family: 'Montserrat', sans-serif; color: #000; font-weight: 700; font-size: 13px; text-transform: uppercase;} table .CompareFieldTop { text-align: center; font-family: 'Montserrat', sans-serif; color: #e04534; font-weight: 700; font-size: 11px; text-transform: uppercase;} table .CompareFieldTop:first-child { text-align: center;font-family: 'Montserrat', sans-serif; color: #000; font-size: 13px; } .CompareFieldTop a { font-size: 14px;} table .CompareFieldTop a { text-align: center;font-family: 'Montserrat', sans-serif; color: #e04534; font-weight: 700; font-size: 11px; text-transform: uppercase;} table .CompareFieldTop:last-child {text-align: center;} .ComparisonTable tbody tr:nth-child(4) td, .ComparisonTable tbody tr:nth-child(4) td a{font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 13px; } .ComparisonTable tbody tr:nth-child(5) td , .ComparisonTable tbody tr:nth-child(7) td , .ComparisonTable tbody tr:nth-child(8) td {font-size: 12px; line-height: 18px;} .CompareLeft { padding:5px 10px 5px 10px;} .CompareCenter { padding: 5px;} .CompareRating { text-align:center; padding-top:8px; vertical-align:middle;} .CompareProductOption { margin-left:20px; padding-left:5px;} .Availability { color:gray;} .LittleNote { color:gray; font-size: 0.85em;} .ViewCartLink { padding-left: 30px; padding-top: 10px; padding-bottom: 10px;} .HorizontalFormContainer dt, .HorizontalFormContainer dd, .form dt, .form dd {font-family: 'Montserrat', sans-serif; font-size: 13px;} .HorizontalFormContainer dd .selector span, .form dd .selector span {font-family: 'Roboto', sans-serif; font-size: 12px;} .HorizontalFormContainer dd, .form dd {padding-bottom: 15px; margin-left: 0; overflow: hidden;} .HorizontalFormContainer dt, .form dt { width: 190px; text-align: left; padding-bottom: 10px; float: left; padding-top: 8px; padding-right: 20px;} .HorizontalFormContainer dd.pbn div{display: block;} .HorizontalFormContainer dd.pbn small{color: #818181; font-style: italic; display: inline-block; padding-top: 6px;} .ProductOptionList, .ProductOptionList li { list-style: none; margin: 0; padding: 0;} .ProductOptionList li { margin-bottom: 3px; margin-left: 2px;} .MiniCart h3 { font-size: 1.3em;} .MiniCart .SubTotal { text-align: center; font-size: 1.1em;} .JustAddedProduct { width: 128px; overflow: hidden; margin: auto; text-align: center; padding: 5px; margin-bottom: 10px;} .JustAddedProduct strong, .JustAddedProduct a { font-size: 1em;font-weight: normal;display: block; margin-bottom: 3px;} .JustAddedProduct .ProductDetails {font-size: 1.2em; padding-bottom: 10px;} /* Quick Search */ .QuickSearch { background-color: #fff; margin: 0; min-width: 400px; position: absolute; top: 100%; right: 0; width: 100%; z-index: 9999;} .RatingIMG { display: none;} .QuickSearchTitle td, .QuickSearchAllResults td { font-weight: bold; padding: 4px; font-size: 12px;} .QuickSearchResult td { font-size: 12px; padding: 0 10px; cursor: pointer;} .QuickSearchResultImage {margin-left: 4px; margin-right: 10px; text-align: center; background: #fff !important;} .QuickSearchResultNoImage {padding-top: 10px;color: #777;} .QuickSearchResultName { display: block; padding-bottom: 5px;} .QuickSearchResult .Price { font-weight: bold; font-size: 12px; padding-right: 5px;} .QuickSearchHover{ background: #D6D6D6;} .QuickSearchAllResults {text-indent: 0; padding: 0; line-height: 20px;} .QuickSearch .QuickSearchAllResults a, .QuickSearch .QuickSearchAllResults a:hover { height: 30px; line-height: 30px; display: inline-block;} .QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none;} #SearchPageHeader {padding: 0;} /* Brand Tag Clouds */ .BrandCloud .smallest { font-size:12px;} .BrandCloud .small { font-size:15px;} .BrandCloud .medium { font-size:18px;} .BrandCloud .large { font-size:20px;} .BrandCloud .largest { font-size:26px;} .BrandCloud a { padding-right: 5px;} .DownloadExpires { padding-top: 3px; font-style: italic; color: gray;} .DownloadExpiresToday { color: red;} .BillingDetails { float: left; width: 48%; margin-right: 10px; margin-bottom: 15px;} .ShippingDetails { float: left; width: 48%; margin-bottom: 15px;} .ProductDetailsGrid dt { width: 140px; margin-bottom: 6px; float: left; font-weight: bold;} .ProductDetailsGrid dd { margin-left: 140px; margin-bottom: 6px;} .SubCategoryList { margin-bottom: 20px;} .SubCategoryList ul, .SubCategoryList li { list-style: none; margin-left: 0;} /*# MOBILE SUBCATEGORY #*/ .js-mobile-sub-category-menu { display: none;} .js-mobile-sub-category-menu .selector { display: block; } .js-mobile-sub-category-menu .selector span { font-size: 12px; height: auto; } .SearchTips .Examples { padding: 8px; color: #555; margin-left: 30px; margin-bottom: 10px;} .LoadingIndicator { margin-left: 10px;} .LoadingIndicator img { vertical-align: middle; margin-right: 10px;} .HL-LiveChat img { vertical-align: middle;} .SubCategoryListGrid { border-bottom: 1px solid #d6d6d6; margin-bottom: 20px;} .SubCategoryListGrid ul, .SubCategoryListGrid li {list-style: none; margin: 0;} .SubCategoryListGrid .sub-cat-name { display: block;} .SubCategoryListGrid > ul li { display: inline-block; margin: 0 20px 20px 0; vertical-align: bottom; text-align: center; width: 150px;} .SubCategoryListGrid > ul li img {max-width: 100%} .SubCategoryListGrid ol { clear: both;} .ProductAddToCart dt { float: left; font-weight: bold; width: 140px; margin-bottom: 4px;} .ProductAddToCart dd { margin-left: 140px; margin-bottom: 4px;} .ProductAddToCart.cannot-purchase .add-to-cart { display: none;} .ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required { width: 8px;} .ProductAddToCart textarea, #CartEditProductFieldsForm textarea { width:183px; height: 50px;} /* .OutOfStockMessage { display: none;} */ .CartContents .CartProductFieldsLink { font-size: 11px; color: #666; margin-top: 6px; padding-left: 22px; background: url('//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/GiftWrappingAvailable.png?t=1537411322') no-repeat; padding-bottom: 4px;} .ProductFields dd { margin-bottom: 4px;} .ProductFields { margin-bottom: 15px;} .ProductFields input.Textbox { width:100%;} .ProductFields .TextArea { width:100%;} .CartContents .CartProductFieldsRow { border-top: 0;} .CartContents .CartProductFieldsRow dl { margin-top:15px;} p.QuantityInput, p.AddCartButton { text-align: center;} .ProductAddToCart dt.QuantityInput { margin-top: 4px;} .ProductAddToCart dd.AddCartButton span { margin-top: 4px; padding-right: 5px;} .TagList { margin-top: 20px;} .CartThumb { text-align: center; width: 1px;} .ViewAllLink a { padding-top: 10px; display: block;} /* Tabbed Navigation */ .TabNav, .TabNav li { list-style: none; margin: 0; padding: 0;} .TabNav { font-size: 12px; padding: 0 20px; margin-bottom: 20px;} .TabNav li { margin-bottom: -1px; display: inline-block; *display: inline; *zoom: 1;} .TabNav li a { display: block; line-height: 41px; padding:0 16px; height: 41px; font-weight: 600; font-size: 14px; background: #f9f9f9; margin: 0 4px; color: #a1a1a1;} .TabNav li.Active a { background: #fff; border-bottom: 1px solid #fff;} .ProductAddToCart dd.AddCartButton div.BulkDiscount {display: inline-block; float:left;} .ProductAddToCart .BulkDiscount { clear: both;} .TransitTime { font-weight: normal; color: gray;} .ContentList { list-style-type: none; margin: 20px 0 0 0; padding: 0; list-style-image: none;} .ContentList li { list-style-type: none; margin: 0 0 20px 0;border-top: 0;} .OrderItemMessage { padding:7px; margin:10px 0px 10px 0px;} /* Custom Fields - Start */ .LittleNotePassword { color:gray; font-size: 0.85em; font-weight: normal; padding:2px 0px 2px;} .RequiredClear {visibility: hidden;} /* Custom Fields - End */ /** Search All Form Result - Start **/ .SearchPaging { float: right; font-size: 0.95em;} .SearchSorting { float: right; font-size: 0.95em; margin: 8px 0px;} #SearchResultsCategoryAndBrand { margin: 20px 0;} .ContentList em, .QuickSearchResultMeta em { font-size: 0.8em;} .QuickSearchResultMeta { text-align: left !important;} .QuickSearchResultMeta .Price {text-align: left;} /** Search All Form Result - End **/ /** AJAX loading box - Start **/ #AjaxLoading { background-color: rgba(0,0,0,.5); color: #fff; padding: 10px 20px; display: none; position: fixed; text-align: center; z-index: 10000000000; line-height: 32px; left: 0; right: 0;} #AjaxLoading img { vertical-align: bottom; margin-right: 5px;} /** AJAX loading box - End **/ /***** Product Attribute List *****/ /* set up the row for css table-like alignment */ .ProductMain table.ExpectedReleaseDate { margin-top: 0;} #tabcontent {} #tabcontent .photo { margin-right: 20px; float: left; width: 200px;} #tabcontent .photo img { height: auto; max-height: 100%; max-width: 100%;} #tabcontent #url { margin-bottom: 20px;} ul.tabs li {} /* Product Videos */ .previewImageContainer { height: 30px; width: 50px;} .videoRow img { float: left; padding-right: 5px;} .videoRowTitle { font-weight: bold;} .videoRowDescription { max-height: 50px; } .VideoOverlay { background-image: url('//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/VideoOverlay.png?t=1537411322'); background-position: center center;position: absolute;left: 0; height: 100%;width: 100%; top: 0;} .VideoContentContainer { position: relative; margin-left: 3px; display: none;} /** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/ .VideoPreviewSize { width: 92px; height: 69px;} .videoRowLength { padding-left: 4px;} .videoRow, .videoRowTitle, .videoRow img, .videoRowLength { cursor: pointer;} #VideoList ul { position: relative; overflow-y: auto; padding:0; margin: 0; width: 240px; height: 265px;} #VideoContainer { padding: 5px 0 5px 5px; height: 265px;} .VideoSingleTitle { font-weight: bold;} .VideoSingleDescription { margin-bottom: 20px;} .Left #VideoMiddleContainer, .Right #VideoMiddleContainer { display: none;} .Content #VideoSideContainer { display: none;} #VideoSideContainer ul { text-align: center;} #VideoSideContainer ul li { margin-bottom: 5px;} .VideoSideDescription { padding: 2px 10px;} .VideoImageContainer { position: relative;} .ToggleSearchFormLink { position: relative; overflow: hidden; z-index: 2;} .ToggleSearchFormLink a { color: #fff;} .Panel#ProductTabs { padding-top: 0px;} /* Accordion for product page ....................................................................... */ #prodAccordion .Block { padding: 0 !important; margin: 0 !important; border-bottom: 1px solid #d6d6d6;} .prodAccordionContent { display: block;} .prodAccordionContent .BlockContent { clear: both;} .current .prodAccordionContent { display: block;} .inner .Block { display: block; clear: both;} .FeaturedProducts, .NewProducts, .TopSellers{ margin-bottom: 20px;} .NewProducts {padding-top: 33px;} .BlockContent .CartThumb img { max-width: 100px; height: auto; border: 1px solid #e5e5e5;} #SharingDataWrapper { height: auto;} #SharingDataChoices { float: none;} #SharingDataChoices li { width: auto; height: auto;} #uniform-sel_billing_address { width: auto; margin-bottom: 10px;} .left-content { float: left; width: 50%; position: relative;} .left-content .ProductList { margin: 0 0 10px -10px;} .left-content .ProductList li { width: 20%; padding: 0 0 10px 10px;} .left-content .ProductList .ProductImage a { height: 100px;} .left-content .ProductList .ProductDetails { font-size: 12px; margin: 0; padding: 10px 10px 0 0; word-wrap: break-word;} .left-content .ProductList .ProductDetails .pname { border: solid 0px; font-size: 12px; line-height: 17px;} .left-content .ProductList .ProductPriceRating { display: none;} .left-content .ProductList em.p-price { font-size: 12px; padding-left: 0; padding-left: 0; padding-top: 0; margin-top: 0;} #recaptcha_area { max-width: 100%; margin-right: auto;} ul.AccountOrdersList { list-style: none outside none; margin: 0; padding: 0; list-style-image: none;} .AccountOrderStatusList li { position: relative; list-style-image: none;} #LayoutColumn1 .h3tt { display: none;} #LayoutColumn2 .multiStep { display: none;} .banner_category_page_top { position: relative;} .banner_category_page_top h2 { font-weight: normal !important; line-height: 1.25 !important; position: relative; clear: both; color: #312E29 !important; display: block; font-size: 34px !important; font-weight: 600 !important; text-transform: uppercase !important; bottom: 75px; left: 50px; position: absolute;} .HowToPay, .NotifyMessage { margin: 0 0 15px 0;background: none repeat scroll 0 0 #fff; padding: 20px; border-color: #dadada;} .HowToPay p { margin: 0; padding: 0;} .OrderItem1 .selector, .OrderItem2 .selector { width: 75px;} /* fancybox */ #fancy_bg { display: none !important;} div#fancy_outer { position: fixed !important; /* The below need importants because we can't stop edit imodal. May be able to replace with another modal popup and implement it better. */ top: 20px !important; bottom: 20px !important; left: 0 !important; right: 0 !important; overflow-y: auto; overflow-x: hidden; margin: 0 auto !important; max-width: 920px !important; width: 95% !important; padding: 0 !important; z-index: 110 !important;} #fancy_close { background: url("//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon-close.png?t=1537411322") no-repeat scroll 0 0 transparent !important; height: 20px !important; top: 10px !important; right: 10px !important; text-indent: 999px; width: 20px !important;} .PageMenu h3 { display: none !important;} .AddBillingAddress dt, .AddShippingAddress dt {} .AddBillingAddress dd, .AddShippingAddress dd {} .Content .Button, .form .Button { display: inline-block;} .QuickSearch tbody tr { display: block; padding: 10px;} .QuickSearch tbody tr td { border: none; vertical-align: text-top;} .QuickSearch tbody tr.QuickSearchResult:hover { background-color: #ededed;} .QuickSearchResult .QuickSearchResultImage { width: 70px; height: 65px; vertical-align: middle; text-align: center; padding: 0;} .FormContainer .box { display: block; clear: both; width: 100%; float: left; padding: 0px 30px 30px 30px; border: 1px solid #d7d7d7; margin-bottom: 30px;} .FormContainer .box > h3 { color: #000000; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 16px 30px; margin: 0 -30px 22px; background: #f5f5f5;position: relative; font-size: 13px;} .FormContainer .box > h3 + p {margin-bottom: 27px;} .FormContainer .box > h3:before {background: #e0e0df; height: 1px; width: 100%; left: 0; bottom: 1px; position: absolute; content: "";} #message_content { height: 240px;} .UtilityLinks { float: left; width: 100%; clear: both; margin: 20px 0 5px 0;} ul.ShippingAddressList h4 { display: block; clear: both; padding-bottom: 8px;} .HorizontalFormContainer {max-width: 100% !important;} .HorizontalFormContainer dd div.PasswordRequirements {display: block; max-width: 378px; position: static;} .HorizontalFormContainer dd div.PasswordRequirements .PasswordRequirementsContent {display: block; max-width: 378px; position: static; background: none; line-height: normal; padding: 10px 0 0; color: inherit; font-size: 11px;} .HorizontalFormContainer dd div.PasswordRequirementsContent:before {border: none; } .SubTotal td { padding: 20px 0 0 0;} .boxin { display: block; width: 100%; padding: 20px 0; border-bottom: 1px solid #6a6a6a;} .boxin .mtop { margin-top: 20px;} .GiftCertificateThemeList { line-height: 28px !important;} .GiftCertificateThemeList label { float: left; clear: both;} .video-wrapper {position: relative;height: 0;padding-bottom: 56.25%; /* 16:9 ratio */margin-bottom: 52px;} .video-wrapper iframe {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:999;} #VideoContainer {padding: 0;border: solid red 0px;height: auto;} #VideoSideContainer {display: none;} #FeaturedVideo {float: none;clear: both;border: solid red 0px;} #VideoList {float: none;clear: both;padding: 0;} #VideoList ul {height: auto;width: auto;} #VideoList li {padding: 10px;height: 69px;margin: 0;border: solid #fff 0px;} .currentVideo {background-color: #fff;border: 0px;} .fullwidth{padding: 0 !important;} #ProductBreadcrumb ul.last {display: block;} .Message{padding: 20px;} .ccode label{float: left;width: 200px;padding: 0 20px;text-align: center;} /* zoom overrides */ .ProductThumbImage .zoomWindow {margin-left: -1px;} #provider_list {line-height: 200%;} #cookieNotification {max-height: 88px;} #cookieNotification .cookie-inner {max-width: 940px;width: 100%;} #cookieNotification p {float: none;} #cookieNotification button {float: right;margin: 17px 0 0 0;} select.JSHidden {opacity: 0 !important;filter:alpha(opacity=0) !important;} .zoomWindow {width: 100%;} #uniform-eway_ccexpm, #uniform-eway_ccexpy {width: 75px !important;} .blockquote {margin: 0;} #uniform-EventDateMonth, #uniform-EventDateDay, #uniform-EventDateYear {width: auto !important;} /* Over writes of defaults */ .sf-menu a.sf-with-ul {min-width: 0 !important;} .product-nav-box {padding-top: 20px; padding-bottom: 25px; width: 100%;float: left;} .product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination {margin: 0;} .product-nav #CategoryPagingTop {float: right; clear: none; padding-top: 9px;} .fastCartTop {padding: 0 10px 0 0;} .FormFieldLabel {margin-right: 5px;} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {margin: 0 5px 0 0;padding: 0;} #ModalContent .btn, .ModalContent .btn, #ModalContent .btn:hover, .ModalContent .btn:hover {} /* Brand Page ********************************************************************************* */ .SubBrandList ul, .SubBrandList li { list-style: none; margin-left: 0;} .SubBrandList li { margin-bottom: 4px; padding-left: 25px; background: url('//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/SubBrand.gif?t=1537411322') no-repeat 3px 50%;} .SubBrandListGrid ul, .SubBrandListGrid li { list-style: none; margin-left: 0;} .SubBrandListGrid li { padding: 0 15px 30px 15px; display: inline-block; vertical-align: top; width: 33.3%; margin: 0; text-align: center; float: none;} .SubBrandListGrid .brand-name { float: none; display: block; text-align: center; padding-left: 0; padding-right: 0;} .SubBrandListGrid ol { clear: both;} .SubBrandListGrid ul { padding: 0; margin: 0 -15px; font-size: 0;} .SubBrandListGrid ul li > div { border:1px solid #e2e2e2; margin: 0px; } .SubBrandListGrid ul li:hover > div { border:1px solid #000; margin: 0;} .SubBrandListGrid ul li .brand-img { height: 85px;} .SubBrandListGrid ul li .brand-img > a { display: table-cell; vertical-align: middle;width: 100%; text-align: center;} .SubBrandListGrid ul li .brand-img img {padding: 15px 10px 0;} .SubBrandListGrid ul li .brand-name{ padding:15px 10px; color: #646464; font-weight: 700; text-transform: uppercase; display: inline-block; font-size: 12px;} /* End Brand Page ********************************************************************************* */ #fastCartWrapper {padding: 0;} html.javascript .productOptionViewRectangle input, html.javascript .productOptionPickListSwatch input {left: -10000px !important;opacity: 0 !important;} #WishLists {position: relative;} #sel_billing_address {margin-bottom: 20px;} /* QuickViewContent */ .QuickViewBtn{ top:auto !important; left: 50% !important; display: none !important; bottom: 0 !important; width: 100px; margin-left: -50px !important; border: 1px solid #000 !important; color: #000 !important; background: #fff !important; padding: 0 !important; height: 22px; line-height: 21px; text-transform: uppercase; font-size: 11px !important; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; } .QuickViewBtn:hover{} .ProductList .productWishlist { position: absolute; top: 25px; left: 25px; display: none; min-width: 21px;} .ProductList .productWishlist a:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08a"; font-size: 20px;} .ProductList .productWishlist a {font-size: 0;} #QuickViewContent .ProductThumbImage {border: none;} /* Popup Newsletter */ #tinymce #email-modal, #tinymce #email-modal .modal-window { display:block !important; } #email-modal { display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:500; } #email-modal .modal-overlay { background:#000; height:100%; position:absolute; width:100%; } #email-modal .modal-overlay { opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=50); zoom:1; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";*/ } #email-modal .modal-window { display:none; /*height:320px;*/ margin:0 auto; position:relative; top:25%; /* width:847px;*/ max-width:90%;} #email-modal .window-border { background:#111; left:0; position:absolute; top:0;} #email-modal .window-window { padding:0; position:relative; text-align: center;} #email-modal .window-window .window-background { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90);} #email-modal .window-window .window-content { padding:0; position:relative; background: #fff; border-bottom: 1px solid #79757b; display: inline-block; } #email-modal .window-window .window-content .btn.close, #ModalContainer .modalClose {height: 33px !important; width: 33px !important; cursor: pointer; opacity: 1; padding: 12px; border: none; font-size: 0; background-image: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icon_sprites.png?t=1537411322); background-position: 0 0 !important; background-repeat: no-repeat;} #email-modal .window-window .window-content .btn.close, #ModalContainer .modalClose {background-color: #000;} #email-modal .window-window .window-content .btn.close{position: absolute; right: 0; top: 0;} #email-modal .window-window .window-content .btn.close:before {} #email-modal .window-window .window-content .btn.close:hover {} #email-modal .window-window .window-content .title, #email-modal .window-window .window-content .message {border-top: none;color: #272e31; font-family:Roboto, Helvetica, sans-serif;text-transform:uppercase; font-family: Roboto;} #email-modal .window-window .window-content .title {font-size: 20px; font-weight: 700; padding-top: 16px;font-family: 'Montserrat', sans-serif; position: relative;} #email-modal .window-window .window-content .title:before {position: absolute; content: ""; height: 2px; width: 40px; background: #ae895d; top: 0; left: 0; } #email-modal .window-window .window-content .title span {font-size:12px; text-transform: none; display: block; font-weight: 400; letter-spacing: normal; padding-top: 15px; font-family: Roboto,Arial, Sans-Serif;} #email-modal .window-window .window-content .message {clear: both; color: #8d8d8d; font-size: 12px; font-weight: 400; letter-spacing: normal; line-height: 20px; padding: 10px 0 20px; text-transform: capitalize; font-style: italic; } .imgEmail {float: right; /*width:360px;*/ text-align: right;} .imgEmail img:hover {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .wrapEmail {float: left; width:530px; padding: 36px 60px 0px 60px; text-align: left;} #embed-newsletter .email {} #embed-newsletter .button {} #embed-newsletter .button:hover {} #email-modal #socnet {overflow: hidden;} .HLNotShow {padding-top: 40px; clear: both;} .HLNotShow label {color: #8d8d8d; font-size: 12px; font-style: italic; font-weight: 400;} /* Custom.css -------------------------------------------------------------- */ .brand-name{padding: 5px 0 5px 4%;text-align: left;min-height: 30px;} .right{float: right;} .txt24{font-weight: 400;margin: 0 0 20px 0;} .txt24 em {font-style: normal !important;} .p-relative {position: relative;} .p-absolute {position: absolute;left: 50px;bottom: 33%;} .c-wrap {width: 980px;margin: 0 auto;display: block;clear: both;} .txt-center{text-align: center!important;} .txt-left{text-align: left!important;} .txt-right{text-align: right!important;} small{font-size: 12px!important;} .multiStep, .multiStep li {list-style-type: none;margin: 0;padding: 0;list-style-image: none;} .multiStep {text-align: center;position: relative;min-height: 1px;zoom: 1;} .multiStep li {margin: 0 20px;position: relative;display: inline-block;*display: inline;*zoom: 1;} .multiStep li.ActivePage h4 {padding-bottom: 0;margin-bottom: 1em;} .multiStep li .icon {background: url("//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/nav_active.png?t=1537411322") no-repeat;display: block;float: left;height: 8px;left: 50%;margin-left: -7px;position: absolute;bottom: -5px;width: 13px;} .li-list {border-bottom: 1px solid #d6d6d6;padding: 20px 0;} .li-list h4 {position: relative;z-index: 1;} .li-list form {position: relative;z-index: 10;} .left-content .ProductList .p-name {float: left;font-size: 12px;margin: 5px 0 25px 0;padding: 5px 0 3px 5%;border-left: 2px solid #d6d6d6;} a.CustomizeItemLink {font-size: 11px; color: #ae895d;} .CartContents .ProductName .CustomizeItemLink {font-weight: 700; font-style: italic; margin-bottom: 10px; display: inline-block;} #CartHeader {position: relative; margin-bottom: 0;} #CartHeader + #yazmpa_txt + .txtR {display: none;} #CartHeader + .txtR {display: none;} #CartHeader .btn {top:50%;right: 0;margin-top: -20px !important;position: absolute;} .recaptcha_widget_div {margin-bottom: 20px;} .recaptchatable {background-color: #fff;} .productAttributeConfigurablePickListSet ul {margin: 0;} html.javascript .productOptionViewRectangle label {margin: 0 0 5px 0 !important; line-height: 24px;} .fileInput {margin-bottom: 10px;} #TabContentAddressMultiple {padding-top: 20px;} /* Gave strike through to text of out of stock options except rectangle styled */ label.outStock span.name {text-decoration: line-through;} .productOptionViewRectangle label.outStock span.name {text-decoration: none;} /* Gave out of stock lists and radio selects 50% transparency */ .productOptionViewRadio .outStock span.name, .productOptionViewProductPickList .outStock span.name, .productOptionViewProductPickListWithImage .outStock span.name, .productOptionViewRectangle .option label.outStock { opacity: 0.5; -ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; *zoom: 1;} /* Made the container of the strike through image relative */ .productOptionPickListSwatch .outStock .swatchColour, .productOptionPickListSwatch .outStock .thumbnail, .productOptionViewRectangle .outStock .name {position: relative;} /* Gave out of stock swatches a strike through background image */ .productOptionPickListSwatch .outStock .swatchColour:after, .productOptionPickListSwatch .outStock .thumbnail:after, .productOptionViewRectangle .outStock .name:after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url("//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/out-of-stock-bg.png?t=1537411322") center no-repeat;z-index: 90;content: "";} #ToggleMenu, #DrawerMenu, #cart-amount {display:none;} /* Toggle menu -------------------------------------------------------------- */ #Header, .page { -webkit-transition: -webkit-transform 100ms ease-out; -ms-transition: -ms-transform 100ms ease-out; transition: transform 100ms ease-out; } .page.off-screen { -webkit-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); position: fixed; overflow-y: hidden; width: 100%;} #Header.off-screen { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);} /*---------------------------------------------------------------------------------------------------------- ############################################# DRAWER MENU ----------------------------------------------------------------------------------------------------------*/ #DrawerMenu {position: absolute; bottom: 0; top: 0; z-index: 0; width: 250px; background-color: #fff; color: #000; -webkit-box-shadow: inset -9px 0px 26px -13px rgba(0,0,0,0.5); -moz-box-shadow: inset -9px 0px 26px -13px rgba(0,0,0,0.5); box-shadow: inset -9px 0px 26px -13px rgba(0,0,0,0.5); } #DrawerMenu.on-screen {display: block;position: absolute;overflow-y: auto;} #DrawerMenu div {margin :0; padding: 0;} #DrawerMenu h3 {background: #666;color: #fff;font-size: 0.8em;font-weight: normal;padding: 10px 15px;text-transform: uppercase; display: none;} #DrawerMenu ul {list-style: none;margin: 0;} #DrawerMenu li {float: none;border-bottom: 1px solid #e5e5e5;list-style: none outside none;} #DrawerMenu a {font-family: 'Montserrat', sans-serif; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: block;color: #000; font-size: 1.1em; font-weight: normal; padding: 15px 40px 15px 15px;} #DrawerMenu .sf-menu > li > a, #DrawerMenu .main-menu > li > a{ text-transform: uppercase; font-weight: 700; } #DrawerMenu li > ul a { padding-top: 15px; padding-bottom: 15px;} #DrawerMenu li > ul ul a {padding-left: 30px; } #DrawerMenu li > ul ul ul a {padding-left: 45px; } /*# Drawermenu "sign in" options have fixed html, so to align the "or" text, do these terrible things. #*/ #DrawerMenu li > div {padding: 0 15px;} #DrawerMenu li > div > a {margin: 0 -15px;} /*# DRAWERMENU EXPANDER #*/ #DrawerMenu .subcat-expand {position: absolute; right: 0; top: 0; height: 59px; width: 55px; cursor: pointer;} #DrawerMenu .drawer-subcat .subcat-expand {height: 48px;} #DrawerMenu .subcat-expand:after {color: #000;content: "";display: block; font-size: 16px;text-align: center;position: relative;top: 37%; height: 0; width: 0; border: 5px solid transparent; border-top-color: #000; -ms-transform: translateX(20px); /* IE 9 */ -webkit-transform: translateX(20px); /* Chrome, Safari, Opera */ transform: translateX(20px);} #DrawerMenu .subcat-expand.subcat-expanded:after { border-bottom-color: #000; border-top-color: transparent; margin-top: -8px;} #DrawerMenu .subcat-expand.subcat-expanded + .drawer-subcat .subcat-expand:after {top: 45%;} /*# DRAWERMENU SUB MENUS #*/ #DrawerMenu .drawer-subcat {background: none; display: block !important;max-height: 0;overflow: hidden;left: auto;top: auto;position: relative;visibility: visible !important;-webkit-transition: all 200ms ease-in;transition: all 200ms ease-in;width: 100%; } #DrawerMenu .drawer-subcat.expanded {max-height: 1000px;} #DrawerMenu .drawer-subcat.expanded li:first-child { border-top: 1px solid #e5e5e5;} #DrawerMenu li div.WrapperBrands {overflow: hidden; padding-left: 35px;} #DrawerMenu li.large-banner a {padding-left: 35px; padding-right: 15px;} /*# DRAWER MENU CURRENCY SELECTOR #*/ #SideAccountNavigation .CurrencyChooser {background: none; border: none; display: block; float: none; left: auto; margin-top: 15px !important; padding: 0;position: relative;padding-bottom: 30px;right: auto;top: auto;} #SideAccountNavigation #change-currency, #SideAccountNavigation h2 {display: none} #SideAccountNavigation .selected-currency {background-color: #474747;border: 1px solid #5c5c5c;} #SideAccountNavigation .selected-currency .Text {padding: 0 0 0 5px;} #SideAccountNavigation .CurrencyList {display: none;} #SideAccountNavigation .CurrencyList.open {display: block;} #SideAccountNavigation .CurrencyList dd {border: none;} #SideAccountNavigation .CurrencyList a {background: #474747;border-bottom: 1px solid #383838;display: block;font-size: 11px;height: 35px;line-height: 35px;overflow: hidden;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap; -moz-transition: all 60ms ease; -webkit-transition: all 60ms ease; -o-transition: all 60ms ease; transition: all 60ms ease;} #SideAccountNavigation .CurrencyList a:hover { background-color: none} #SideAccountNavigation .CurrencyList .Flag {display: inline-block;float: none;margin-top: 0;padding: 0;text-align: left;vertical-align: middle;zoom: 1;} #SideAccountNavigation .CurrencyList .Text {color: #ccc !important; display: inline-block; overflow: hidden; padding: 0 0 0 5px !important; vertical-align: middle; white-space: nowrap; } .productPage div#fancy_outer { height: auto!important;} #back-top {display: none;} #back-top {bottom: 30px; margin: 0; position: fixed; right: 30px; z-index: 9999;} #back-top a { display: block; height: 52px; outline: 0 none;font-size: 0; width: 52px ; border: 2px solid #000; text-align: center; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/list-sprite.png?t=1537411322) 11px -521px no-repeat; } #back-top a:hover {background-position: 11px -629px; background-color: #000;} /* Contact Form */ .HL-ContactForm {padding-top: 10px;} .HL-ContactForm .HL-ColLeft {width: 50%; max-width: 540px;padding-right: 30px;} .HL-ContactForm .HL-ColRight {width: 50%; max-width: 470px; } .mapContact {margin: 0 -155px 40px;} /* Block Custom */ .HL-BlockCustom .BlockTitle {text-transform: uppercase; font-size: 13px;} .HL-BlockCustom .BlockContent p.HL-Email, .HL-BlockCustom .BlockContent p.HL-Phone {display: block; padding: 0 0px; } .HL-BlockCustom .BlockContent p.HL-Phone {background-position: 0 -2504px; padding-right: 0; } .HL-BlockCustom .BlockContent p label {display: block;} /* Blog */ .e-content {clear: both;} .BlogPostContent {clear: both; border-top: 1px solid #e0e0df; padding-top: 18px;} .BlogPostContent h3 {padding-bottom: 9px;} #NewsContent .p-name a, .BlockContent.PageContent .BlogPostContent h3 a {font-size: 20px; color: #2f2f2f;} #NewsContent .p-name a:hover, .BlockContent.PageContent .BlogPostContent h3 a:hover {color: #ae895d;} .BlockContent.PageContent .BlogPostContent .HL-ReadMore a {font-size: 11px; font-weight: 700; color: #000; text-transform: uppercase;} .BlockContent.PageContent .BlogPostContent .HL-ReadMore a:hover {color: #ae895d;} ul.blog-tags li {background: #f7f7f7; border-bottom: 1px solid #e5e5e5; color: #000; font-style: italic; font-size: 11px; text-transform: capitalize; margin-top: 0;} .HL-PostDate {color: #787878; margin-bottom: 28px;} .BlogPostContent .bfc {display: block; width: auto;} .BlogPostContent .HL-ReadMore {padding-bottom: 7px;} ul.blog-tags {margin-top: 0;} .BlogShare {margin: 0;} #NewsContent .p-name {padding-bottom: 8px;} .BlogPostContent .thumbnail {height: auto !important;} /* My Account */ .OrderItemOptions {display: block; padding-left: 20px; padding-top: 5px;} .YourAccount .list > li { border-top: 1px solid #d7d7d7; padding-top: 20px; margin-top: 20px;} .YourAccount .list > li:first-child { border-top: none; padding-top: 0px; margin-top: 0px;} .YourAccount .list > li > h4 {padding-bottom: 12px; color: #000;} .YourAccount .list > li > h4 a { color: #000 !important;} .btns .alt {margin-right: 18px;} .HowToPay {font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; } .HowToPay span {font-size: 12px; font-weight: 400; text-transform: none; font-family: 'Roboto Condensed', sans-serif;} .OrderItemList li small {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; font-weight: 400; color: #000;} /*Gift Certificate Page */ #PurchaseGiftCertificate .BlockContent > p {margin-bottom: 30px;} #PurchaseGiftCertificate label {font-weight: 400;} #PurchaseGiftCertificate .BlockContent > p > strong {font-weight: 400;} #frmGiftCertificate input[type="button"]{margin-bottom: 10px;} #frmGiftCertificate input[type="submit"]{background: #ae895d; border: none; margin-bottom: 10px;} #frmGiftCertificate input[type="submit"]:hover{background: #000;} .ProductList li .ProductActionAdd + .productWishlist {display: none !important;} .ProductList li:hover .ProductActionAdd + .productWishlist {display: none !important;} .ProductList.List li .ProductActionAdd + .productWishlist {display: block !important;} .TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner {width:auto !important; max-width: 100% !important;} /* THE END ************************************************************************************************************** ************************************************************************************************************************* */ /* css for only ie8*/ @media \0screen { .container {width: 1180px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left;} .col-sm-12{width:100%} .col-sm-11{width:91.66666667%} .col-sm-10{width:83.33333333%} .col-sm-9{width:75%} .col-sm-8{width:66.66666667%} .col-sm-7{width:58.33333333%} .col-sm-6{width:50%} .col-sm-5{width:41.66666667%} .col-sm-4{width:33.33333333%} .col-sm-3{width:25%} .col-sm-2{width:16.66666667%} .col-sm-1{width:8.33333333%} /* Hover Effect */ /* Owlslider */ .owl-carousel .owl-wrapper-outer {width: auto; margin: 0 -16px; padding: 0 16px;} .HL-HasFeaturedProduct .FeaturedProducts + div { margin-top: -95px; clear: none;} .HL-HasNewProduct .HL-ProductList + div li { margin-top: -95px; clear: none;} .ProductList .owl-item{position: relative;} .ProductList .owl-item:hover, .ProductList li:hover{z-index: 2;} .ProductList li > div , .ProductList .owl-item > div { border: 1px solid transparent; position: relative; /*-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;*/ } .ProductList li:hover > div, .ProductList .owl-item:hover > div {border-color:#bfbfbf; background: #FFF; padding: 35px 35px 0; margin: -20px -20px 0; margin-bottom: -75px; padding-bottom: 90px; -moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.1);box-shadow: 0px 0px 50px rgba(0,0,0,0.1);} .ProductList .owl-item:hover > div {padding-left: 30px; padding-right: 30px; margin-left:-15px; margin-right:-15px;} .ProductList li:hover .ProductCompareButton {visibility: visible;} .CompareButton {display: block;} .ProductList .ProductImage, .brand-img, #ProductDetails .ProductThumbImage {padding-bottom: 0px;} .ProductList li .ProductActionAdd {left: 0; bottom: -40px; width: 100%; transition: bottom 500ms ease 0s; -webkit-transition:bottom 500ms ease 0s; -moz-transition:bottom 500ms ease 0s; -ms-transition:bottom 500ms ease 0s; -o-transition:bottom 500ms ease 0s; transition:bottom 500ms ease 0s;} .ProductList li:hover .ProductActionAdd { bottom: -96px; } .ProductList .ProductActionAdd {left: 0; bottom: -96px; width: 100%; -moz-opacity: 0; opacity:0; filter:alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .ProductList .ProductActionAdd > a {border: 1px solid #bfbfbf; background: #f7f7f7; text-align: center; display: block; line-height: 52px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .ProductList li > div{} .ProductList li:hover .productWishlist, .ProductList li:hover .QuickViewBtn, .ProductList li:hover .ProductActionAdd , .ProductList li:hover .ProductCompareButton, .ProductList .owl-item:hover .productWishlist, .ProductList .owl-item:hover .QuickViewBtn , .ProductList .owl-item:hover .ProductActionAdd , .ProductList .owl-item:hover .ProductCompareButton {display: block !important; -moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .ProductList li:hover .ProductActionAdd, .ProductList .owl-item:hover .ProductActionAdd{visibility: visible; } .ProductList .owl-item:hover .saleItem, .ProductList li:hover .saleItem {right: 20px; top: 20px;} .ProductList.owl-carousel .owl-wrapper-outer { padding-top: 20px; } #SimilarMultiProductsByCustomerViews {} .ProductActionAdd > a {color: #000 !important; border: none;} .ProductActionAdd > a span {background-position:0 -1958px !important;} .ProductList .ProductCompareButton {margin-bottom: 10px;} .ProductList .ProductPriceRating {margin-bottom: 10px;} /* End hover effect */ .nav-prev, .nav-next {height: auto !important;} input.quantityInput {display: block;} .CartRemoveLink {height: 20px !important} .titStep {width: 85px;} #SearchForm input {line-height: 28px; display: inline-block;} input.Textbox, textarea, input[type="text"], input[type="password"] {line-height: 31px;} #frmGiftCertificate .FormContainer dd textarea {max-width: 540px;} .TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner { max-width: 1180px !important; width: 1180px !important;} .footer-bottom {padding-bottom: 20px;} .HL-GridList {min-width: 170px;} .SortBox {min-width: 300px;} #SideProductRelated .owl-carousel .owl-wrapper-outer, #SimilarProductsByCustomerViews .owl-wrapper-outer {margin: 0 -16px;} .DropdownCart .ProceedToCheckout {margin-top: -37px;} .CartItemQuantity .selector, .DetailRow.qty .selector {width: auto !important;} } /* End css for only ie8 ************************************************************************************ */ /* Fix cloud zoom */ .cloudzoom-zoom-inside img:hover {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } .cloudzoom-lens img:hover {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } .cloudzoom-zoom-inside img {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } .cloudzoom-lens img {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } .cloudzoom-zoom img {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s; } /* End Fix Cloudzoom ********************************************************************************************************************** */ /* Fix image in safari */ .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img {max-height: 100%;} .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img, .ProductList .ProductImage img:before, #ProductDetails .ProductThumbImage img:before, .ProductList .ProductImage img:after, #ProductDetails .ProductThumbImage img:before, .ProductList .ProductImage img, #ProductDetails .ProductThumbImage img, .ProductList .ProductImage, #ProductDetails .ProductThumbImage, .ProductList .ProductImage:before, #ProductDetails .ProductThumbImage:after , .ProductList .ProductImage > a, #ProductDetails .ProductThumbImage > a, .ProductList .ProductImage > a:after, #ProductDetails .ProductThumbImage > a:after, .ProductList .ProductImage > a:before, #ProductDetails .ProductThumbImage > a:before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} /* End Fix safari ********************************************************************************************************************** */ /* SwapImage */ .ProductImage > a img:not(:first-child) {display:none} .ProductImage:hover > a img:not(:first-child) {display:block;} /* Fixed: Live Chat */ body > #olark + iframe {display: none;} /*Fixed Radio */ .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {margin-left: -10px;} .zoomWindow {background: none !important;} /* End Fixed: Live Chat ***************************************************************************** */ /* ADD-ON: Out Of Stock */ .ob_outEmail {width: 100%; float: left; margin-bottom: 23px;} .ob_outEmail *{box-sizing:border-box;} .ob_outEmail label {color: #2d2d2d; margin-bottom:15px; padding-left: 25px; } .ob_outEmail .view{padding:13px 0px; border-top: 1px solid #d0d0d0;} .ob_outEmail .view input.text{width:60%; float: left; height: 46px; line-height:46px; padding:0px 15px; color: #969696;} .ob_outEmail .view input.button {width: 37.6%; float: left; height: 46px; line-height:46px; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; background: -webkit-linear-gradient(#ea4f35, #e54a35, #e14634); background: -o-linear-gradient(#ea4f35, #e54a35, #e14634); background: -moz-linear-gradient(#ea4f35, #e54a35, #e14634); background: linear-gradient(#ea4f35, #e54a35, #e14634); position: relative; border: none; box-shadow: none; margin-left: 10px;} .productAddToCartRight .InfoMessage {display: none;} /* End Out Of Stock ************************************************************************************** */ /* ADD-ON: Request A Quote */ .div_button_require_form {height: 46px; line-height: 46px; padding: 0 15px; margin-top: 5px; margin-bottom: 10px; cursor: pointer; background: #fff; border: 2px solid #000; position: relative;} .div_button_require_form:before {color: #000; content:"Request A Quote For Delivery"; position: absolute; top: 0; left: 50%; width: 228px; height:0px; margin-left: -114px; text-transform: uppercase; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 700;} #ProductOtherDetails {display: none;} .div_button_require_form:hover {background: #454545; border-color: #454545;} .div_button_require_form:hover:before {color: #fff;} /* End Request A Quote ************************************************************************************** */ /* Product Filter */ .Left .facet-container .facet-body {padding-top: 20px;} .js-facet-wrapper {clear: both;position: relative;} .facet-container {-moz-opacity: 1; opacity:1; filter:alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .Left .facet-header.js-facet-accordion-action {padding: 0;} .Left .facet-header .facet-header-title {display: block; margin: 0;} .facet-container {float: none;} .Left .facet-container .facet-header {padding: 0; margin-top: 10px;} .Left .js-faceted-search-container {border: none; padding: 0;} .Left .facet-container .facet-body {} .Left .facet-container.open .facet-body, .Left .js-faceted-showing-container .facet-body {border-top: none; clear: both; } .Left .facet-container .facet-option label, .Left .facet-container .facet-option a {line-height: 1.8; font-weight: 400; font-size: 12px;} .Left .facet-header.js-facet-accordion-action:after {font-size: 14px; right: 15px; top: 4px;} .Left .js-faceted-showing-container {padding: 0; border: none;} .Left .facet-container .btn-facet-more-options {border: none; padding-top: 20px;} .Left .facet-container .facet-form .btn {line-height: 24px; border: none; width: 100%; margin: 10px 0 0;} .Left .facet-container-category .facet-category-option-has-children:before { right: 0px; top: -3px;} .Left .facet-container-category .facet-option {position: relative;} .Left .facet-container .facet-form input {width: 47%;} .ProductList li {width: 25%;} .ProductList.List li {width: 100%;} .facet-header .js-facet-clear { position: absolute; bottom: -30px; right: 0px;} .close .facet-header .js-facet-clear {display: none;} .open .facet-header .js-facet-clear {display: block;} /* Theme social icons *************************************************************************************************** */ .icon-social-theme { width: 38px; height: 38px; background: url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/icons-social.png?t=1537411322) no-repeat 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color: #2a2a2e;} .icon-social-theme:hover {-moz-opacity: 0.6; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */} .icon-social-theme.icon-facebook { background-position: 15px 11px; } .icon-social-theme.icon-googleplus { background-position: -41px 10px; } .icon-social-theme.icon-tumblr { background-position: -101px 10px; } .icon-social-theme.icon-twitter { background-position: -215px 13px; } .icon-social-theme.icon-pinterest { background-position:-332px 11px; } .icon-social-theme.icon-stumbleupon { background-position: -157px 10px; } .icon-social-theme.icon-youtube { background-position: -392px 10px; } .icon-social-theme.icon-linkedin { background-position: -275px 10px; } .icon-social-theme.icon-rss { background-position: -448px 10px; } /* Theme's custom social icons. Can modify below */ /* Social icons */ .SocialConnect ul { text-align: left; } .SocialConnect li { display: inline-block !important; float: none; margin-right: 10px; margin-bottom: 10px; width: auto; padding-bottom: 0; } .footer-main .SocialConnect li:last-child { margin-right: 0; } .icon-social { display: inline-block; text-align: left; text-indent: -9999px; vertical-align: middle; } .icon-social.icon-social-theme { } /* Social icons custom */ .icon-social-theme.icon-vimeo { background-position: -496px 14px; } .icon-social-theme.icon-instagram { background-position: -553px 13px; } .footer-main .SocialConnect ul {text-align: left;} /* Color Varian */ .colorVarian_addon {display:inline-block; line-height: 0;} .colorVarian_addon span {display:inline-block; padding:0 0; width:10px !important; height:10px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden; margin:0px 3px; line-height: 1; border: none; -webkit-box-shadow: none; box-shadow:none;} .tab-content>div { display: none; } .tab-content>.active { display: block; } /* Count Down */ .allcountdown {border:1px solid #e5e5e5; float: left; width: 100%; margin-bottom: 20px; } .allcountdown:before {content: "Limited-Time Offer Ends In"; display: block; width: 100%; background: #f5f5f5; text-align: center; padding: 10px; border-bottom: 1px solid #e5e5e5; font-style: italic;} .allcountdown .countdownspan {display:block; display:inline-block; padding-bottom:20px; position:relative;} .allcountdown .countdownspan span, .allcountdown span.dot{display:block;display:inline-block;padding:7px 0px;text-align:center;margin:0px 2px;} .allcountdown span.dot{background:none; display: none !important;} .allcountdown .countdownspan {width: 33.3%; float: left; text-align: center; border-left: 1px solid #e5e5e5; padding-bottom: 5px; display: block; overflow: hidden; padding-bottom: 0px;} .allcountdown .countdownspan.day {width: 25%;} .allcountdown .countdownspan.day + .dot + .hours {width: 25%;} .allcountdown .countdownspan.day + .dot + .hours + .dot + .minutes {width: 25%;} .allcountdown .countdownspan.day + .dot + .hours + .dot + .minutes + .dot + .seconds {width: 25%;} .allcountdown .countdownspan:first-child {border-left: none;} .allcountdown .countdownspan span {background:none; color: #000; font-size: 24px; font-family: 'Montserrat', sans-serif;} .allcountdown .countdownspan:after {display:block; content:''; /* position:absolute; */ width:100%; bottom:0px; left:0px; text-align:center; line-height:20px;font-style: italic; padding-bottom: 20px; display: block; float: left; width: 100%; } .allcountdown .countdownspan.hours:after {content:'Hour'; } .allcountdown .countdownspan.minutes:after {content:'Minute';} .allcountdown .countdownspan.seconds:after {content:'Second';} .allcountdown .countdownspan.year:after {content:'Year';} .allcountdown .countdownspan.month:after {content:'Month';} .allcountdown .countdownspan.day:after {content:'Day';} /* End Count Down */ .HLCompareNumber {float: right; padding-top: 28px;} .HLCompareNumber .env_button_compare {color: #000; font-size: 11px; text-transform: uppercase; font-weight: 700; } .HLCompareNumber + .product-nav {float: left; width:calc(100% - 150px); clear: none;} .HLCompareNumber + .product-nav #CategoryPagingTop {width:calc(100% - 150px); text-align: center;} .HLCompareNumber + .product-nav #CategoryPagingTop .CategoryPagination {display: inline-block;} .ProductActionAdd > a.btn.icon-Choose {display: none;} .ProductActionAdd .colorVarian_addon.view {display: inline-block !important;} .ProductActionAdd .colorVarian_addon {display: inline-block !important; position: static; width: auto;} .ProductActionAdd .colorVarian_addon ~ a.btn.icon-Choose {display: inline-block; } .facet-container .facet-option * { margin-top: 3px; vertical-align: top;} .HLProductItem {max-width: 280px; float: left;} .owl-item .HLProductItem {max-width: none; float: none;} .slide-show .slide-overlay { margin-left: auto; margin-right: auto;} .slide-show h2, .slide-show .slide-text, .slide-show .slide-button .btn {text-shadow: none; font-family: 'Montserrat', sans-serif;} .slide-show h2{font-size: 30px; font-weight: 700;} .slide-show .slide-text {font-size: 13px; font-weight:400; max-width: 370px; margin-bottom: 30px; } .slide-show .slide-button {clear: both;} .slide-show .slide-button .btn {font-size: 13px; font-weight:700; clear: both; background: none !important;} .slide-overlay.left .slide-text {} .slide-overlay.center .slide-text {margin-left: auto; margin-right: auto;} .slide-overlay.right .slide-text {float: right;} .Left .facet-header.js-facet-accordion-action:after {content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 9px;} .Left .facet-container.open .js-facet-accordion-action:after {content: "\f077";} .Left .facet-container .facet-form .btn {background-color: #000;} .AccountLogin input[type="email"], .AccountLogin input[type="password"] {width: 100%;} .addthis_button_facebook_like {width: auto !important;} /* New Label */ .ProductList .list_label {padding:0 !important; overflow: unset !important; position: absolute !important; bottom: 22px; left: 0px;} .ProductList .sale-label .list_label {bottom: 55px;} .list_label .label_new {background: #5bcbcc; width: auto !important; line-height: 14px !important; top: 0 !important; left: 0 !important; padding: 0 11px !important;} .list_label .label_new::before {line-height: 22px; color: #fff; font-size: 10px; text-transform: uppercase;} .list_label .label_sale, .list_label .label_feature {display: none;} .envora_popup >table>tbody>tr>td>.envora_popup_contents>.envora_popup_content {-moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.4); padding: 40px 40px 50px !important;} .envora_popup >table>tbody>tr>td>.envora_popup_bg {background-color: rgba(0,0,0,0.15) !important; opacity: 1 !important;} .envora_popup >table>tbody>tr>td>.envora_popup_contents>.envora_popup_close:before {z-index: 999; border-radius: 0 !important; top: 0 !important; right: 0 !important; background: #000 url(//cdn11.bigcommerce.com/s-64sf5roj/templates/__custom/images/list-sprite.png?t=1537411322) -41px -2299px no-repeat !important; content: "" !important; width: 33px !important; height: 33px !important;} .ENV_cus_login h2 {position: relative; padding-top: 5px; padding-bottom: 5px;} .ENV_cus_login h2:before {content: ""; height: 3px; top: -10px; left: 0; width: 40px; background: #ae895d; position: absolute;} .ENV_cus_login .div_submit .LoginButton + br + div > a {font-size: 12px !important;} .ENV_cus_login .env_line {font-size: 11px !important; margin-bottom: 15px;} #HL-DisplaySidebar {display: none;} /* Popup SignIn */ .HL-PopupSignIn {display: none;}