/* Global Resets */ * { margin: 0; padding: 0; outline: none; } /* General ********************************************************************** */ body { background-color: #fff; font-size: 12px; color: #2d2d2d; font-family: Roboto,Arial, Sans-Serif; font-weight: normal; -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ color: #2d2d2d; } .no-sel { height: auto;line-height: inherit;} p { line-height: 1.5; margin-bottom:15px;} a { text-decoration: none;font-weight: inherit;} a:hover{ text-decoration: none;} .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: #2f2f2f; font-family: 'Montserrat', sans-serif;} 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{-moz-opacity: 0.6; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */} 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{ list-style-image: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/bullet_line.png?t=1472761990);} 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; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; 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 #d0d0d0; } input.Textbox, input[type="text"], input[type="password"] {height: 36px; width: 378px; max-width: 100%; line-height: 1; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} select {height: 36px; width: 340px; max-width: 100%; line-height: 1;} textarea {height: 136px; width: 449px; max-width: 100%;} 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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icon_sprite.png?t=1472761990);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; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;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: 378px;} #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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icon_arrow_down.png?t=1472761990) 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; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} 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; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} table thead tr th, table tr td { padding: 15px 30px; text-align: center;} table thead tr th{color: #787878; text-transform: uppercase; font-size: 11px;position: relative;} table thead tr th:before{position: absolute;content: ""; left: 0; bottom: 1px; 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: center;} table tr th:last-child, /*changed right to center on last child and left to center for first child for homepage table*/ table tr td:last-child{text-align: center;} table.General, table.CartContent, table.CartContents {} table tbody tr:first-child td {text-align: inherit; } /* Buttons */ .btn { cursor: pointer; display: inline-block; *display: inline; *zoom:1; text-align: center; border: none; font-size: 11px; line-height: 36px; padding: 0 25px; vertical-align: middle; text-transform: uppercase; color: #fff; background: #2f2f2f; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-appearance: none;-moz-appearance: none;appearance: none; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -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;} .btn.alt {border: none; line-height: 40px;} .btn.text {background:none; outline: 0;} .ProductActionAdd {clear: both;} .ProductActionAdd > a {font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 40px; transition: none;} .ProductActionAdd > a span { /*background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0 -1958px no-repeat; padding-left: 20px; */} .ProductActionAdd > a:hover span { background-position: 0 -2020px;} .ProductList.owl-theme .owl-controls{margin: 0;} .ProductList.owl-theme .owl-controls .owl-pagination {display: none;} .ProductList.owl-theme .owl-controls {margin: 0; position: absolute; right: 0; top: -50px;} .owl-theme .owl-controls .owl-buttons div, #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {width: 32px; height: 32px; background:#f7f7f7 url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) no-repeat 0 0; border-bottom: 1px solid #e6e6e6; text-indent: -999em; margin: 1px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -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; } .owl-theme .owl-controls .owl-buttons div.owl-prev, #ProductDetails #ImageScrollPrev {background-position: 11px -245px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .owl-theme .owl-controls .owl-buttons div.owl-next, #ProductDetails #ImageScrollNext {background-position: 11px -362px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:hover, #ProductDetails #ImageScrollPrev:hover{background-color: #3863ca; border-bottom-color: #000; background-position: 11px -302px; } .owl-theme .owl-controls .owl-buttons div.owl-next:hover, #ProductDetails #ImageScrollNext:hover {background-color: #3863ca; border-bottom-color: #000; background-position: 11px -423px;} .btn.add-to-cart {width: 100%;} .CheckoutButton .btn, .BottomPaymentButton .btn{ background: #e3562d; /* Old browsers */ background: -moz-linear-gradient(top, #e3562d 0%, #e24f30 51%, #e24f30 53%, #df4534 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3562d), color-stop(51%,#e24f30), color-stop(53%,#e24f30), color-stop(100%,#df4534)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3562d 0%,#e24f30 51%,#e24f30 53%,#df4534 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3562d 0%,#e24f30 51%,#e24f30 53%,#df4534 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3562d 0%,#e24f30 51%,#e24f30 53%,#df4534 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3562d 0%,#e24f30 51%,#e24f30 53%,#df4534 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3562d', endColorstr='#df4534',GradientType=0 ); /* IE6-9 */ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} .CheckoutButton .btn:hover, .BottomPaymentButton .btn:hover{ background: #df4534; /* Old browsers */ background: -moz-linear-gradient(top, #df4534 0%, #e24f30 51%, #e24f30 53%, #e3562d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4534), color-stop(51%,#e24f30), color-stop(53%,#e24f30), color-stop(100%,#e3562d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #df4534 0%,#e24f30 51%,#e24f30 53%,#e3562d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #df4534 0%,#e24f30 51%,#e24f30 53%,#e3562d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #df4534 0%,#e24f30 51%,#e24f30 53%,#e3562d 100%); /* IE10+ */ background: linear-gradient(to bottom, #df4534 0%,#e24f30 51%,#e24f30 53%,#e3562d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4534', endColorstr='#e3562d',GradientType=0 ); /* IE6-9 */ } .add-to-cart {line-height: 52px !important; padding-top: 0; padding-bottom: 0;} .add-to-cart span { color: #fff; font-size: 13px; font-weight: 700; border: none; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0px -2020px no-repeat; padding-left: 20px; 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: 48px; font-weight: 700;} /* icons */ .icon {display: inline-block;width: 16px;height: 14px;background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icon_sprite.png?t=1472761990) no-repeat 0 -27px;vertical-align: middle;} .icon-add {position: absolute;right: 0;top: 0;height: 36px;width: 36px;margin: 0 !important;padding: 0 !important; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; 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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icons_off.png?t=1472761990) 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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icons_on.png?t=1472761990) 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; color: #2d2d2d; text-transform: capitalize;} /* title */ .FeaturedProducts h2, .TopSellers h2, .NewProducts h2, #SimilarProductsByCustomerViews h2, #SideProductRelated h2, #SimilarMultiProductsByCustomerViews h4 {color: #2f2f2f; padding-right: 67px; font-size: 20px;} #SimilarProductsByCustomerViews h2, #SideProductRelated h2 { border-top: 1px solid #d7d7d7; padding-top: 28px;} .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: #3863ca; } .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; border-bottom: none !important;} .TitleHeading.zero { margin-bottom: 0;} .Content .TitleHeading { border-bottom: 1px solid #e0e0df !important; margin-bottom: 17px;} #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;} .Block.Moveable.Panel > h2 {font-size: 16px; padding-bottom: 15px; padding-top: 15px;} #PurchaseGiftCertificate > h2 {border-bottom: 1px solid #e0e0df; margin-bottom: 20px; padding-bottom: 15px; padding-top: 12px;} #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: 30px !important;} .flexslider:hover .flex-prev{left: 0;} .flexslider:hover .flex-next {right: 0;} .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: 50px; height: 70px; background: #fff url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 13px -2894px no-repeat; margin-top: -35px;} .flex-direction-nav a.flex-prev { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .flex-direction-nav a.flex-next { background-position: -63px -2894px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .flex-direction-nav a.flex-prev:hover {background-color: #000; background-position: 13px -2950px;} .flex-direction-nav a.flex-next:hover {background-color: #000; background-position: -63px -2950px;} .flex-control-paging li a {width: 13px; height: 13px; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) -23px -3347px no-repeat; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;} .flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) -2px -3347px no-repeat; } /* Owl Button */ .HL-Brandslider.owl-theme .owl-controls .owl-buttons div, .Left #SideTopSellers .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 #SideTopSellers .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, .Left #SideTopSellers .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;} .ProductList li{ display: inline-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;} .Widest .ProductList li {width: 16.6%;} .ProductList li > div{ padding: 15px;} .ProductList .ProductDetails {padding: 10px 0 0 0; word-wrap: break-word;} .ProductList em {display: block; margin-bottom: 10px; font-weight: 400; font-style: normal; font-family: 'Montserrat', sans-serif; font-size: 14px;} .ProductList em strike, .ProductPrice strike {color: #9c9c9c; padding-right: 10px;} .ProductList em .SalePrice, .ProductPrice .SalePrice {color: #e04534;} .ProductList .Rating {display: block; } .ProductList .ProductCompareButton {margin-bottom: 20px; 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: 14px; font-weight: 500; font-family: 'Raleway', sans-serif; margin-bottom: 10px; letter-spacing: 0.02em; color: #228dd6;} .ProductList .ProductPriceRating { margin-bottom: 20px; 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;} #productPageThumImage {width: 500px; height: 500px; } .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; right: 0; top: 0; line-height: 22px; padding: 0 10px; color: #fff; font-size: 10px; text-transform: uppercase; font-weight: 700; background: #fe5239; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .ProductList .ProductDescription {display: none;} /* Owl Slider */ .ProductList .owl-item > div {padding: 15px 15px 15px;} .ProductList .owl-item .saleItem {right: 15px; top: 15px;} /* 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;} .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; padding-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; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .ProductList.List li:first-child .ProductDetails {border-top: none;} .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: 20px; margin-right: 0; margin-left: 0px; float: left; margin-top: 17px; clear: both; display: block;} .ProductList.List .productWishlist a {} .ProductList.List .productWishlist a:hover {text-decoration: underline;} .ProductList.List .productWishlist a:before {left: 0; margin: 0; top: 3px;} .ProductList.List .ProductDescription {display:block; font-size: 12px;} .ProductList.List .HL-wrapperAction {margin: 0 !important; float: left;} .ProductList.List .HL-wrapperAction .ProductActionAdd, .ProductList.List .HL-wrapperAction .ProductPriceRating, .ProductList.List .HL-wrapperAction .ProductCompareButton {display: block !important; position: static;} .ProductList.List .ProductActionAdd > a {display: inline-block; border:none; background: none; padding: 0; line-height: 1.2;} .ProductList.List .HL-wrapperAction .ProductActionAdd { clear: left; float: left; width: 218px; text-align: center;} .ProductList.List .ProductCompareButton {float: left; margin-top: 1px;} .ProductList.List .HL-wrapperAction .ProductPriceRating {margin-right: 20px;} .ProductList.List li .saleItem, .ProductList.List li:hover .saleItem {left: 0; right: auto; top: 20px;} .ProductList.List .ProductCompareButton, .ProductList.List .ProductPriceRating {margin-bottom: 30px;} .ProductList.List .WrapperProductDetails {overflow: hidden;} /* Block */ .Content .Block { clear: both;} .Block { margin-top: 0; margin-bottom: 20px;} .BlockContent img {max-height: 100%; max-width: 100%; } /* Miscellaneous Definitions */ .Left .FeedLink, .Right .FeedLink { float: left; margin: 0 7px 0 0;} .Content .FeedLink { display: none;} .SortBox { font-size: 0.95em; color: @primary-color; padding: 12px 5px 0 0;} .CompareButton {text-align: right;margin-bottom: 20px;} .Required { color: #ff0000;} /* Page Breadcrumbs */ .Breadcrumb { padding: 0!important; margin-bottom: 0px;} .Breadcrumb ul{ padding: 21px 0; list-style-type: none; overflow: hidden;} .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: 5px; right: 7px; border: 4px solid transparent; border-left-color: #d0d0d0; } .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;} .Breadcrumb ul {margin: 0 auto; width: 1170px;} .Breadcrumb {margin-top: -30px; } /* 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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/recapRefresh.png?t=1472761990) 0 0 no-repeat !important;} #recaptcha_reload_btn img { visibility: hidden;} #recaptcha_switch_audio_btn { display: block; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/recapAudio.png?t=1472761990) 0 0 no-repeat !important;} #recaptcha_switch_audio_btn img { visibility: hidden;} #recaptcha_whatsthis_btn { display: block; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/recapHelp.png?t=1472761990) 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: 8px;} .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; line-height: 40px;} .SortBox div.selector, .SearchSorting div.selector { float: right; line-height: 40px; min-height: 40px !important; padding: 0; font-size: 12px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; width: 190px;} div.selector select { font-size: 12px;} #uniform-revrating { width: 200px !important;} .SortBox div.selector span, .SearchSorting div.selector span { line-height: 28px; height: 38px; padding-right: 10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} /* Pagging */ .CategoryPagination .HL-PaddingLabel {display: inline-block; border: 1px solid #cacaca; padding: 0 17px; color: #3863ca; line-height: 38px; margin-right: 5px; margin-bottom: 5px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} .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;} .PagingList .ActivePage {color: #fff; background-color: #3863ca; border-color: #2f2f2f; padding: 0 17px; } .PagingList a, .nav-prev, .nav-next { color: #3863ca; font-size: 11px; text-transform: uppercase; padding: 0 17px; } .PagingList a:hover {color: #312E29 ;} .nav-prev, .nav-next, .PagingList li {padding: 0 24px; border: 1px solid #cacaca; margin-left: 5px; display: inline-block; font-weight: 700; line-height: 38px; margin-bottom: 5px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} .nav-prev{margin-left: 0; margin-right: 0;} .PagingList li {padding: 0; line-height: 37px;} .PagingList .icon { display: none;} /** Currency Selector **/ .CurrencyList dl { margin: 0; padding: 0;} .currency-converter .CurrencyList dd { margin: 0px;clear: both; border: none;} .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 {background: #f7f7f7; border-bottom: 1px solid #e6e6e6; line-height: 11px; display: inline-block; position: relative; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} .currency-converter > a:before {position: absolute; content: ""; height: 0; width: 0; top: 12px; right: 10px; border: 4px solid transparent; border-top-color: #000; } .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(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icon_arrow_down.png?t=1472761990) 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;} #home .main {padding-top: 0; padding-bottom: 0;} .Left {float: left; width: 25.7%; padding-right: 30px;} .Right, .CartCode {float: right; width: 25.7%; padding-left: 30px;} .Content {float: left; width: 48%;} /* width for content of layout column 3 */ #CartContent_modified {float: left; width: 100%} /* width for content of layout column 2*/ /*Previously it was 74.3% on cartcontent, now it is cartcontent_modified*/ .Content.Wide, #CartContent {float: left; width: 74.3%} /* 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 */ .TopMenu { font-size: 12px; margin: 0 0 5px 0; padding-top: 20px; z-index: 2; position: relative; padding-bottom: 12px;} .TopMenu .container { position: relative;} .TopMenu ul { padding: 0; margin: 0; text-align: left;} /*Previously it was text-align- right*/ .TopMenu li { display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; list-style: none; margin: 0; line-height: 14px; padding:0 10px; border-right: none !important;} .TopMenu li .icon { margin-right: 5px;} .TopMenu li.First a { border-left: 0;} .TopMenu li.last{ padding-right: 0; border-right: none;} .TopMenu a { padding: 0; margin: 0; position: relative; color: #787878; font-size: 11px; text-transform: uppercase; font-weight: 700;} .TopMenu li.last a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .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 {position: absolute; right: -30px; top: 40px; min-width: 230px;} /*It was right: 0; top: 67px;*/ .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 {color: #313130; 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} .TopMenu .TopLink .last .HL-Login a:first-child {font-size: 12px;} .TopMenu .TopLink .last .CartLink {float: right; padding-left: 15px;} .TopMenu .currency-converter > a {color: #000; padding: 9px 30px 8px 10px;} /** 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;} .CartLink a#ShowDropdownCart {padding-right: 40px; position: relative; } .CartLink a#ShowDropdownCart:before {background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0 -151px no-repeat; position: absolute; content: ""; width: 26px; height: 29px; top: -4px; right: 0px; } .CartLink #ShowDropdownCart span span{ width: auto; display: inline-block; *display: inline; zoom: 1; color: #787878; font-weight: 400;} /* Navigation ....................................................................... */ .PageMenu li ul li { display: inline-block; width: 215px; } .PageMenu { position: relative; margin: 0; background-color: rgb(56,99,202); width: 100%; } .PageMenu .inner {background: #2f2f2f; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; 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: #16bcf9;} .PageMenu .CategoryList > div > div {line-height: 0; position: relative;} .PageMenu .CategoryList > div > div > ul > li {display: inline-block; border: 1px solid transparent; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; float: none;} .PageMenu .CategoryList > div > div > ul > li.menu-parent:hover{border-color: #fff; background-color: rgb(56,99,202);} .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: 12px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.8; padding: 10px 10px; display: block;} .PageMenu .CategoryList > div > div > ul > li.menu-parent > a {-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} .PageMenu .CategoryList > div > div > ul > li.menu-parent:hover > a {background-color: rgb(56,99,202);color: #fff; z-index: 999; /*margin-bottom: -3px; padding-bottom: 13px; */ } .PageMenu .CategoryList > div > div > ul > li.menu-parent:hover > a, .PageMenu .CategoryList > div > div > ul > li.menu-parent:hover > a:hover{background-color: rgb(56,99,202);color: #fff; } .PageMenu .CategoryList > div > div > ul > li > a:hover, .PageMenu .CategoryList > div > div > ul > li:hover > a {color: #fff; } /* Level 1 */ .PageMenu li ul {display:none; position: absolute; z-index: 10; top: 100% !important; width: 440px; left: -1px; list-style-image: none; /*padding: 10px 0;*/ background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/blue/shadow-horizontal.png?t=1465835355); background-repeat: repeat-x; background-position: center top; background-color: rgb(88, 126, 213); border-style: solid; border-color: rgb(56, 99, 202); border-width: 7px 0 4px; border-image: none; #margin: 12px 0; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; } .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: 42px !important; visibility: visible !important; overflow-x: hidden; max-height:none;} .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;} .PageMenu li li a { float: none; width: auto; margin: 0; display: block !important; line-height: 2.5; font-size: 12px; text-align: left; font-weight: normal; text-transform: capitalize; color: #2d2d2d; position: relative; padding: 0 5px;} .PageMenu li li:hover > a {/*padding-left: 35px;color: #16bcf9; padding-right: 30px; margin-right: -10px; */ background-color:rgb(56,99,202); } .PageMenu li li a:before {position: absolute; /* content: ""; */ width: 0; height: 0; border: 4px solid transparent; left: 20px; top: 11px; -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:hover > a:before { border-left-color: #878787;} /* 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: 101%; top: 0px !important;} .PageMenu #SideCategoryList li ul li ul, .PageMenu #SideCategoryList .sf-menu li ul li ul {border: 1px solid #ccc;} .sf-sub-indicator { display:none !important;} .PageMenu .sf-menu li.sfHover ul { left: 9999px; } /* fix hover */ /* mega menu */ @media screen and (min-width: 768px){ .sf-menu > li > ul {max-height: 550px; overflow-x: hidden;} .PageMenu .sf-menu li:hover ul, .PageMenu .sf-menu li.sfHover ul {left: -999em;} .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li {border-top: none; padding-bottom: 20px; float: none; display: inline-block; vertical-align: top;} .PageMenu li.HL-HasMegamenu .WrapperCategory > ul > li > a {color: #228dd6; font-weight: 700; font-size: 12px; text-transform: uppercase;} .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; } .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li { padding: 0px 0 8px; margin: 0px 0px 0; float: none; vertical-align: top; display: inline-block; } .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li:first-child > a, .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li:first-child + li > a, .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li:first-child + li + li > a { border-top: 0; padding-top: 2px; } .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li img {margin-top: 10px;} .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > a { text-transform: uppercase; color: #000000 !important; font-weight: bold; line-height: 25px; padding-top: 8px;} .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li a:hover {color: #25bfed !important;} .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > a:before, .PageMenu .side-menu > ul > li.HL-HasMegamenu .WrapperCategory > ul > li > a:after {display: none;} .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; } .HL-HasMegamenu > ul {display: none !important;} .HL-HasMegamenu:hover > ul.Wrapper-Megamenu {display: block !important; visibility: visible !important; width: 921px !important; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;} .PageMenu .HL-HasMegamenu:hover > ul li ul {display: block !important; visibility: visible !important; position: static; border: none !important; width: auto !important;} .PageMenu .HL-HasMegamenu > ul {width: 100% !important; top: 42px !important;} .PageMenu .HL-HasMegamenu > ul > li { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display: block;float: left;clear: none;} .PageMenu .HL-HasMegamenu > ul > li.large-banner { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .PageMenu .HL-HasMegamenu > ul > li:first-child {border-left: none;} .PageMenu .HL-HasMegamenu > ul li ul {background: none; border: none !important; padding-top: 0 !important; padding-bottom: 0 !important; font-size:0;} .PageMenu .HL-HasMegamenu > ul ul li {padding: 0; clear: none;float: left; transition: none !important;} .PageMenu .HL-HasMegamenu > ul li ul li a.hasSub {background: none;} .PageMenu .HL-HasMegamenu > ul > li > ul > li > a {} .PageMenu .HL-HasMegamenu > ul > li > ul > li > ul > li {clear: both;} .PageMenu .HL-HasMegamenu > ul > li > ul > li > ul > li > a {} .PageMenu .HL-HasMegamenu > ul li ul li a { padding: 0; margin: 0;} .PageMenu .HL-HasMegamenu > ul > li > ul > li:hover > a:before { border: none;} .PageMenu .HL-HasMegamenu > ul li ul li li > a:before { left: 0;} .PageMenu .HL-HasMegamenu > ul li ul li li:hover > a { padding-left: 20px;} .PageMenu .HL-HasMegamenu > ul img {padding-bottom: 10px; max-width: 100%; } .PageMenu .HL-HasMegamenu.menu-parent {/* position: static; */} .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 .WrapperCategory:hover {width: 66%;} .Wrapper-Megamenu.StandardMegamenu .WrapperCategory {width: 100%;} .Wrapper-Megamenu.StandardMegamenu .WrapperCategory > ul > li {width: 25%;} .Wrapper-Megamenu .WrapperCategory > ul > li {padding-right: 20px !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;} .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;} .PageMenu .HL-HasMegamenu.NoColRightMegamenu .Wrapper-Megamenu:before {background: none; border-left: 1px solid #f5f5f5; width: 25%;} .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 > ul.HL-ContentHTML:before {background: none;} .Wrapper-Megamenu.HL-ContentHTML .large-banner {width: 100%;} .PageMenu .HL-HasMegamenu .col-1 , .PageMenu .HL-HasMegamenu .col-2 , .PageMenu .HL-HasMegamenu .col-3 , .PageMenu .HL-HasMegamenu .col-4 {width: 25%; display: inline-block;padding: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .NoCategoryMegamenu .Wrapper-Megamenu .large-banner {width: 100%;} .NoCategoryMegamenu .Wrapper-Megamenu .WrapperCategory {display: none;} .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;} .PageMenu .HL-HasMegamenu.NoCategoryMegamenu.NoColRightMegamenu:hover > ul {display: none !important;} } @media screen and (min-width: 992px){ .fixed.header .PageMenu li.HL-HasMegamenu ul { top: 39px !important;} } @media (max-width: 767px) { #its-categories-list{ padding: 13px 0; margin: 0; list-style: none; line-height: 1; background-repeat: repeat-x; background-position: center center; background-color: rgb(56,99,202); overflow: hidden; } .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-color: #2f2f2f;font-size: 12px;font-weight: bold;text-decoration: none !important;text-transform: uppercase;color: #fff;} #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-color: #242424;color: #b4b4b4;font-size: 12px;font-weight: normal;text-transform: none;} #DrawerMenu li.HL-HasMegamenu ul li.activeBg > a {background-color: #1fade6; color: #ffffff !important;} #DrawerMenu li.HL-HasMegamenu li img { margin: 10px 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 #3f3f3f;} #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;} } @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-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;} .header-logo img { display: block;} /* Top Search Form */ #SearchForm{ position: relative; } #SearchForm form { padding: 0; margin: 0;} #SearchForm label { display: none;} #SearchForm input#search_query { font-size: 12px; height: 42px; padding: 8px 45px 8px 15px; margin: 0; width: 100%; max-width: 370px; color: #787878; text-transform: lowercase; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #f9f9f9 26%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(26%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#f9f9f9 26%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#f9f9f9 26%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#f9f9f9 26%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#f9f9f9 26%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-border-radius:5px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; -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: 42px; height: 42px; padding: 0; position: absolute; top: 0; right: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-transition: background-color 150ms ease; -webkit-transition: background-color 150ms ease; -o-transition: background-color 150ms ease; transition: background-color 150ms ease;} #SearchForm .Hl-icon-search { position: absolute; right: 13px; top: 13px; width: 15px; height: 16px; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0 0 no-repeat; } #SearchForm p { display: none; font-size: 0.85em; margin: 5px 0 0 0;} .HL-LogoScroll {display: none;} /* Header Fix */ @media (min-width: 1200px) { .fixed.header .PageMenu .container {padding-top: 0; padding-bottom: 0;} .fixed.header .PageMenu #SideCategoryList, .fixed.header .PageMenu .pages-menu { padding-top: 3px;} .fixed.header { background-color: #ffffff; position: fixed; top: 0; width: 100%; z-index: 99;} .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;} .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;} .fixed.header .TopMenu .container{position: static;} .fixed.header .CartLink a#ShowDropdownCart{padding-left: 35px; padding-right: 0;} .fixed.header .CartLink a#ShowDropdownCart:before{right: auto; left: 0; top: -5px; } .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: rgb(56,99,202);/*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: 10px; margin-left: -150px; min-height: 54px; float: left; overflow: hidden;} .fixed.header .HL-LogoScroll img {max-width: 200px; max-height: 40px;} .fixed.header .PageMenu .inner {background: none; padding-top: 0; padding-bottom: 0;} .fixed.header .PageMenu .sf-menu > li > a {color: #fff;} } /* Footer ********************************************************************************* */ .footer {text-align: left;overflow: hidden;} .footer .CategoryList ul ul {display: none !important;} .footer-main h4 { color: #000; letter-spacing: normal; padding-bottom: 14px;} .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: #228dd6;} .footer-middle .HL-LiveChatLink {border: 2px solid #afea03; color: #fff; font-size: 13px; text-transform: uppercase; line-height: 36px; padding: 0 17px 0 35px; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 8px -1107px no-repeat; display: inline-block; margin-left: 5px; font-family: 'Montserrat', sans-serif; font-weight: 700; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} .footer-middle .HL-LiveChat .HL-LiveChatLink:hover {color: #afea03;} .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: 40px;} .footer-main #socnet {padding-top: 10px;} .footer-links { overflow: hidden; padding-bottom: 60px; padding-top: 37px;} .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;} .footer-main .sf-menu a.sf-with-ul {padding-right: 0 !important;} .footer-main li {padding-bottom: 8px;} .footer-main li a:hover {color: #3998d9;} .footer .sf-menu li {float: none; clear: both; display: block;} address span {display: block; padding-top: 6px;} .HL-IconPayment li {width: 34px; height: 22px; margin-right: 10px; margin-bottom: 10px; float: left; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 8px -1107px no-repeat; 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;} /* 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: -1px; top: -1px; color: #fff; font-size: 12px; text-transform: uppercase; line-height: 42px; padding: 0 15px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; font-family: 'Montserrat', sans-serif; font-weight: 700;} #subscribe_form .Textbox, #embed-newsletter .Textbox {display: inline-block; border: none; background: none; height: 24px; padding: 5px; color:#bababb; text-transform: lowercase; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} #subscribe_form #nl_first_name, #embed-newsletter .name {width: 90px; border-right: 1px solid #e9e9e9; position: absolute; left: 10px; top: 8px;} #subscribe_form #nl_email, #embed-newsletter .email {width: 100%;} #subscribe_form , #embed-newsletter {position: relative;background: #fff; border: 1px solid #d3d3d3; padding: 8px 90px 8px 110px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} /* Left Content Area **************************************************************************************** */ .Left > div {border:1px solid #d7d7d7; margin-bottom: 30px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; padding: 20px; background: #fff;} .Left > .BlockLeftBanner {border: none; padding: 0;} .Left .banner_category_page_top {padding: 0; border: none;} .Left > div > h3, .Left > div > h2 { padding: 17px 20px; margin: -20px -20px 23px; color: #2f2f2f; border-bottom: 1px solid #e0e0df; background: #f8f8f8; font-size: 13px; text-transform: uppercase; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px;} .Left .BlockContent {} .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 {margin: -20px;} .Left #SideCategoryList ul ul { background: none; float: none; margin-bottom: 10px !important; position: static; width: auto;} .Left #SideCategoryList ul li { margin: 0; position: relative; display: block; } .Left #SideCategoryList ul li a { color: #2f2f2f; font-size: 12px; font-weight: 400; padding:6px 35px 8px 20px; display: block; } .Left #SideCategoryList ul li a:hover, .Left #SideCategoryList ul li a:focus {background: none; } .Left #SideCategoryList ul li .toogleClick { position: absolute; display: block; text-indent: -999em; width: 25px; height: 20px; top: 7px; right: 10px; cursor: pointer;} .Left #SideCategoryList ul li .toogleClick:before { position: absolute; content: ""; right: 10px; top: 9px; border: 4px solid transparent; border-top-color: #000; height: 0; width: 0;} .Left #SideCategoryList .BlockContent > div > ul > li > .toogleClick {top: 15px;} .Left #SideCategoryList .BlockContent > div > ul > li > .toogleClick:before {top: 6px;} .Left #SideCategoryList .BlockContent > div > ul > li { border-top: 1px solid #e0e0df;} .Left #SideCategoryList .BlockContent > div > ul > li:first-child {border-top: none; } .Left #SideCategoryList .BlockContent > div > ul > li > a { font-size: 12px; text-transform: uppercase; font-weight: 400; font-family: 'Montserrat', sans-serif; padding-top: 15px; padding-bottom: 15px;} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li > a { font-size: 14px; text-transform: capitalize; font-weight: 400; font-family: 'Montserrat', sans-serif; padding-left: 35px; color: #2f2f2f;} .Left #SideCategoryList .BlockContent li.ActivetoogleClick > a {color: #228dd6 !important; } .Left #SideCategoryList .BlockContent > div > ul > li > ul > li:hover > a, .Left #SideCategoryList .BlockContent > div > ul > li > ul > li:hover > a:hover { color: #228dd6;} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li li a { padding-left: 55px;} .Left #SideCategoryList .BlockContent > div > ul > li > ul > li li li a { padding-left: 70px;} .Left #SideCategoryList .BlockContent, .Left .slist .BlockContent {overflow: hidden;} .Left .slist li li a { font-weight: normal; font-size: 13px; margin-bottom: 5px;} .Left #SideTopSellers {padding-bottom: 0; padding-left: 0px; padding-right: 0px;} .Left #SideTopSellers h2 {margin-left: 0; margin-right: 0; margin-bottom: -1px; border: 1px solid #e0e0df; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px; border: none; border-bottom: 1px solid #e0e0df; padding-right: 55px; font-size: 13px;} .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 !important; padding:20px !important; margin: 0 !important; } .Left #SideTopSellers .ProductList .owl-item > div .ProductPriceRating , .Left #SideTopSellers .ProductList .owl-item > div .ProductActionAdd { display: block !important; -moz-opacity: 1; opacity:1; filter:alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: static; text-align: center; } .Left #SideTopSellers .ProductList.owl-carousel .HL-wrapperAction {margin: 0;} .Left #SideTopSellers .ProductList .owl-item {} .Left #SideTopSellers .ProductList .pname, .Left #SideTopSellers .ProductList .p-price {text-align: center;} .Left #SideTopSellers .ProductList .HL-wrapperAction .ProductPriceRating {text-align: center; position: static; float: none; margin-bottom: 20px;} .Left #SideTopSellers .ProductList .QuickViewBtn {top: -82% !important;} .Left #SideTopSellers .ProductList .ProductActionAdd > a { border: 2px solid #3863ca; background: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div {margin: 0 !important; top: 10px !important; width: 20px !important;} .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-prev {left: auto !important; right: 35px !important; } .Left #SideTopSellers .owl-theme .owl-controls .owl-buttons div.owl-next {right: 15px !important; background-position: 6px -948px !important; } .Left #SideTopSellers .ProductList .productWishlist{display: none !important;} .Left #SideTopSellers .ProductActionAdd > a span {} .Left #SideTopSellers .ProductList .owl-item .saleItem {right: 20px; top: 20px;} .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;} /* 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; padding-bottom: 15px; padding-top: 15px; } .HL-HeaderShipping li a { color: #787878; font-size: 11px; line-height: 1.2; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif;} .row {list-style: none;} .banner_home_page_bottom {margin-bottom: 0;} .HL-HomeTwoBanner li {margin-bottom: 44px;} .HL-HomeTwoBanner ul {margin-bottom: 0;} .HL-HomeBannerBottom h3 {color: #2f2f2f; font-size: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif;} .HL-HomeBannerBottom p {color: #464646; font-size: 12px; line-height: 1.7;} .HL-HomeBannerBottom .HL-HomeProductReview p { margin-bottom: 16px;} .HL-HomeBannerBottom .HL-HomeProductReview img { margin-bottom: 14px;} .HL-HomeBannerBottom .HL-HomeProductReview .HL-Author {font-style: normal; color: #9c9c9c; font-weight: 700;} .HL-HomeBannerBottom .HL-HomeProductReview .HL-Author span {color: #3998d9;} .HL-HomeBannerBottom .row-1 {margin-bottom: 49px;} .HL-HomeBannerBottom .row-1 ul li {text-align: center;} .HL-HomeBannerBottom .row-2 {margin-bottom: 29px;} .HL-HomeBannerBottom li {} .HL-HomeFourBanner {padding-bottom: 35px;} .HL-HomeFourBanner ul {margin-bottom: 0px;} .HL-HomeFourBanner ul li {text-align: center;} .HL-HasNewProduct .HL-ProductList , .HL-HasFeaturedProduct .FeaturedProducts {position: relative; z-index: 2;} .HL-Brandslider {padding: 21px 40px; border-top: 1px solid #e0e0df;} .HL-Brandslider .owl-item > div {text-align: center;} .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;} /**/ .NoSideTopSellers .col-xs-6, .NoHomeNewProducts .col-xs-6 {width: 100%;} /* Category Page -------------------------------------------------------------- */ .HL-GridList { float: left; padding:8px 8px 8px 20px} .HL-GridList span { text-indent: -999em; background:#fff url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) no-repeat 16px -1499px; border: 1px solid #cacaca; width: 50px; height: 40px; cursor: pointer; display: block; float: left;} .HL-GridList #Grid, .HL-GridList #Grid.ActionMode:hover {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-position:17px -1552px;} .HL-GridList #List, .HL-GridList #List.ActionMode:hover {background-position:16px -1600px; margin-left: -1px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .HL-GridList #Grid:hover, .HL-GridList #Grid.ActionMode {background-position:17px -1499px;} .HL-GridList #List:hover, .HL-GridList #List.ActionMode {background-position:16px -1654px;} .CategoryDescription .TitleHeading { margin-bottom: 15px; padding-bottom: 13px;} .CategoryDescription img {padding-bottom: 5px;} .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;} .inner #CategoryPagingTop, .inner #CategoryPagingBottom { float: left; width: auto; clear: none;} .inner #CategoryHeading { float: none; width: auto; clear: none;} .product-nav {margin-bottom: 20px; margin-bottom: 0;} .product-nav.btm {float: left;} .product-nav.btm + .CompareButton {float: right;} .CategoryContent .ProductList {margin-bottom: 25px; padding-bottom: 50px; border-bottom: 1px solid #e0e0df; } /* Product Page -------------------------------------------------------------- */ .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;} .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: 30px; text-align: center;} .productOptionViewRectangle .option.selectedValue label { background-color: #6a6a6a; color: #fff;} .productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour { display: inline-block; width: 29px !important; height: 29px !important; vertical-align: middle;} .productOptionPickListSwatch .selectedValue .thumbnail, .productOptionPickListSwatch .selectedValue .swatchColour { width: 25px !important; height: 25px !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%;} .DetailRow {clear: both;} .ProductDetailsGrid .DetailRow .Value, .ProductDetailsGrid .s-price .Value {padding-bottom: 15px; display: inline-block;} .ProductDetailsGrid .DetailRow .Value span.VariationProductInventory {background: #e04534; padding:5px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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: 13px; text-transform: capitalize; font-weight: 400; letter-spacing: normal; color: #9c9c9c !important;} .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;} .ProductDetailsGrid .Label.QuantityInput{ text-transform: capitalize; color: #000; font-weight: 700; margin-bottom: 7px; display: block; } .ProductAddToCart .productAttributeLabel {color: #000; font-size: 12px; font-weight: 700; text-transform: capitalize; text-align: left !important;} .s-price .RetailPrice { margin-top: -12px; } .s-price .YouSave { font-weight: 300; margin: -6px 0 15px; color: #9c9c9c; display: block;clear: both;} .DetailRow.RetailPrice { width: auto; overflow: hidden;} .DetailRow.RetailPrice .Label { margin: 0 10px 0 0;} /* 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;} .HL-ProductRatting .HL-Reviewlinks {font-size: 12px; margin-right: 20px; text-transform: capitalize;} .HL-ProductRatting .HL-WriteReviewLink {padding-left: 17px; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0 -2079px no-repeat ;} .HL-ProductRatting .HL-WriteReviewLink a {font-size: 12px;} #prodAccordion{ padding-bottom: 30px; border-top: 1px solid #d6d6d6;} #prodAccordion .current .subtitle { background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/bul_accordion_on.png?t=1472761990) no-repeat right center !important;} #prodAccordion .subtitle { margin: 15px 0 !important; border: solid 0px !important; font-size: 16px !important; padding: 0 30px 0 0 !important; float: none; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/bul_accordion_offRight.png?t=1472761990) no-repeat right center !important; cursor: pointer;} .prodAccordionContent { border-top: 0px solid #EAEAEA;} #SimilarProductsByCustomerViews .btn { display: none;} .addto {display: block;clear: both;overflow: hidden; } .addto #SideProductAddToWishList {display: inline-block;} #SideProductAddToWishList .btn.alt, .ProductList.List .productWishlist a {background: none; color: #585858; font-size: 11px; text-transform: uppercase; font-weight: 700; padding: 0;} .ProductAddToCart .BulkDiscount { margin-bottom: 10px; margin-top: 10px;} .ProductAddToCart .BulkDiscount .btn.add-to-cart {/*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);*/ background: #3863ca; } .ProductAddToCart .BulkDiscount .btn.add-to-cart:hover {/*background: -webkit-linear-gradient(#E52F1F, #E63C2D, #E95144); background: -o-linear-gradient(#E52F1F, #E63C2D, #E95144); background: -moz-linear-gradient(#E52F1F, #E63C2D, #E95144); background: linear-gradient(#E52F1F, #E63C2D, #E95144);*/ background: rgb (56,99,202); } .AddThisButtonBox { float: left !important; margin: 8px 10px 20px 0 !important; display: block; *display: inline; *zoom: 1;} .PinterestButtonContainer { margin: 8px 0 20px;} #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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #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: 3px solid #3863ca;} .HL-ProductTabs .nav-tabs > li { margin-bottom: 0;} .HL-ProductTabs .nav-tabs > li > a { border: 1px solid #c8c8c8; margin-right: -1px; font-weight: 700; font-size: 13px; color: #3863ca; text-transform: uppercase; border-bottom: none !important; font-family: 'Montserrat', sans-serif; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; padding: 16px 20px;} .HL-ProductTabs .nav-tabs > li:first-child > a { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; } .HL-ProductTabs .nav-tabs > li:last-child > a { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } .HL-ProductTabs .nav-tabs > li > a:hover, .HL-ProductTabs .nav-tabs > li > a:focus, .HL-ProductTabs .nav-tabs > li.active > a {background: #3863ca; border-color: #3863ca; color: #fff;} .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;} .ProductDescriptionContainer h5 {padding-bottom: 15px;} .ProductDescriptionContainer p {line-height: 1.7; margin-bottom: 25px;} .ProductDescriptionContainer strong {} /* 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: 10px; float: right;} #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; width: 20px !important; height: 20px !important; text-indent: 999px; overflow: hidden; right: -10px !important; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) no-repeat 100% -2304px !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; padding: 0 !important; right: 0 !important; top: 20px !important; width: 100% !important; z-index: 110 !important; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} div#fancy_overlay, #ModalOverlay { background: #000 !important; opacity: 0.7 !important; z-index: 100 !important;} #ModalContentContainer {box-shadow: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important border-radius: 0px !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: 18px !important; right: 11px !important; padding-right: 0 !important;} .ModalButtonRow input {font-weight: normal !important;} #fastCartContainer {margin: 50px auto 0 auto;} #fastCartContainer .ProductList {margin: 0 10px 0 -20px;} #fastCartContainer .ProductList li, #home #fastCartContainer .ProductList li {height: auto !important; margin: 0; padding: 0 0 0 20px; width: 25%; overflow: visible; visibility: visible !important;} #fastCartContainer .ProductList li > div, #home #fastCartContainer .ProductList li > div {border:none !important; padding: 15px !important; margin: 0 !important; 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 .HL-wrapperAction, #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 {background: #f5f5f5; left: 0; padding: 15px 20px; position: absolute; text-align: center; top: 0; width: 100%;} .fastCartItemBox > p:first-child:before {position: absolute; content: ""; border-bottom: 1px solid #e0dfdf; left: 0; bottom: 1px; width: 100%; height: 1px;} .fastCartItemBox > p:first-child strong {font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 400; color: #2d2d2d;} .fastCartTop .fastCartItemBox a {color: #228dd6 !important; font-size: 14px; font-family: 'Raleway', sans-serif; font-weight: 500;} .fastCartThumb {text-align: center;} .fastCartItemBox { margin-left: 0; padding: 0 20px;} .fastCartItemBox p.Quantity {padding-top: 10px; margin-bottom: 10px;} .fastCartItemBox .ProductPrice { font-size: 14px; font-weight: 400;} .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 { border-bottom: 1px solid #e0e0df; 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 { display: block; color: #000 !important;font-weight: 700; } .fastCartSummaryBox .actionLink .btn:hover { color: #fff !important} .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 -20px; padding: 25px 30px 0 50px; color: #27272b; font-size: 20px;} .fastCartBottom > h4 {border-top: 1px solid #e0dfdf; margin: 0 -20px; padding: 25px 30px 0 50px; color: #27272b; font-size: 20px;} .fastCartBottom .ProductList .pname {color: #228dd6 !important;} /* End Popup Cart */ /* Popup Quickview */ .addToCart .add-to-cart {display: inline-block; max-width: 250px; margin-right: 20px;} .addToCart .add-to-cart + span , .addToCart .HL-ViewDetail {display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase;} #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;} .ProductTinyImageList .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 {border: 1px solid #e4e4e4; margin: 0 6px;} #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 { margin:0 auto; white-space: nowrap; margin: 0 -6px;} .ProductTinyImageList ul.cf > div {display: inline-block;} .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;} #ProductDetails h1:first-letter { text-transform: uppercase;} .PrimaryProductDetails .ProductThumb { width: auto !important; height: auto !important; margin-bottom: 15px; text-align: center;} .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad { float: none; display: inline-block; *display: inline; *zoom: 1;} .PrimaryProductDetails .ProductMain { overflow: hidden;padding: 0 0 20px 40px; float: right; width: 57%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .PrimaryProductDetails .ProductThumb p a { font-weight: bold;} .ProductThumbImage {border: 1px solid #e4e4e4;} /* Cart Page -------------------------------------------------------------- */ /* Cart Contents Table */ .CartContents {width: 100%;} .CartContents tbody td { border-bottom: 0;} .CartContents thead tr th:first-child, .CartContents .ProductName {text-align: left;} .CartContents .ProductName {color: #585858; padding-left: 0; padding-right: 0;} .CartContents .ProductName a { font-weight:700;} .CartContents .ProductName a.HL-ProductName {font-size: 14px; color: #2599d4; font-family: 'Raleway', sans-serif; font-weight: 500;} .CartContents thead { background: #ededed;} .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; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0px -2369px no-repeat; 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; color: #585858;} .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; color: #666; margin-top: 10px; padding-left: 30px; background: url('//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/GiftWrappingAvailable.png?t=1472761990') no-repeat; padding-bottom: 4px; line-height: 1.6; padding-top: 3px;} .CartRemoveLink { display: block; width: 20px; height: 20px; margin-top: 8px; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 6px -2302px no-repeat;} .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: 140px;} .EstimateShipping .EstimateShippingButtons {margin-bottom: 5px;} .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: block; float: right; color: #2f2f2f; 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 {color: #555; font-size: 11px; font-style: italic; margin-bottom: 10px; text-transform: uppercase;} .AlternativeCheckout .PTB20 > span{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: right; display: block !important;} .CartCode {margin-bottom: 20px;} .CartCode > .CouponCode, .CartCode > .GiftCertificate {border-top: 2px solid #e0e0df; } .CartCode > .CouponCode h3, .CartCode > .GiftCertificate h3 {border-top: 2px solid #000; color: #2f2f2f; display: inline-block; font-size: 13px; margin-top: -2px;text-transform: uppercase; padding-bottom: 10px; padding-top: 16px;} .CartCode > .CouponCode p, .CartCode > .GiftCertificate p {color: #2d2d2d; margin-bottom: 15px;} .ProceedToCheckout .CheckoutButton {padding-bottom: 10px;} .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn {min-width: 35px;padding: 0 20px;text-align: center; margin: 15px 0 40px; display: block;} /*dropdown cart*/ .cart-no-items {background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/cart_empty.png?t=1472761990) no-repeat 50% 50%; width:160px; height:40px;} .DropdownCart { display: none; float: left; min-height: 40px; min-width: 160px; padding:0; position: absolute; right:0; top: 24px; z-index: 99999; max-height: 600px; overflow-x: hidden; overflow-y: auto !important; } .DropdownCart > div { background-color:#FFF; border: 1px solid #e0e0df; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} .DropdownCart .CartContents {margin:0; border: none;} .DropdownCart .CartContents th {background: #f6f6f6; color: #828282; font-size: 11px; padding-left: 20px; padding-right: 20px;} .DropdownCart .CartContents th.HL-ItemPrice {padding-left: 0 !important;} .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: 12px;} .DropdownCart input[type="text"] {height: 25px; font-weight: normal; text-align: center; width: 45px; margin-top: 4px;} .DropdownCart .colEstShip, .DropdownCart .SubTotal.gtotal, .DropdownCart .KeepShopping, .DropdownCart .ProceedToCheckout .txtInfo-2 {display: none;} .DropdownCart .updateCart {margin-right: 340px; text-align: right; float: none;padding-left: 10px;} .DropdownCart .AlternativeCheckout {text-align: right; clear: both; padding-bottom: 8px;} .DropdownCart .CheckoutButton .btn { margin-bottom: 5px; font-size: 13px; padding:0 18px; display: block;} .DropdownCart .CheckoutButton .btn:hover { color: #FFF;} .DropdownCart .updateCart .btn { line-height: 48px; font-size: 13px; font-weight: 700;} .DropdownCart .CartContents tfoot .SubTotal td {padding: 20px;} .DropdownCart .CartContents tfoot .SubTotal td.HL-ShoppingCartShippingEstimator {display: none;} .DropdownCart .AlternativeCheckout p a:focus {text-decoration: none;} .DropdownCart .AlternativeCheckout p a strong {font-size: 11px; color: #000; font-weight: bold; position: relative; padding-right: 15px;} .DropdownCart .AlternativeCheckout p a strong:after {position: absolute; content: ''; width: 0; height: 0; right: 0; top: 3px; border: 4px 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 {padding-right: 55px !important;} .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 0 !important;font-family: 'Roboto', sans-serif;} .DropdownCart .CartContents td.ProductName a {white-space: pre-line; font-weight: normal; text-transform: none; font-size: 12px; font-family: 'Roboto', sans-serif;} .DropdownCart #CartFormContainer {background: #FFF; min-height: 30px;} .DropdownCart .CartContents th:first-child {text-align: left !important; padding-left: 107px;} .DropdownCart .ProceedToCheckout {padding: 0 20px 25px 0; margin-top: -72px; width: 100%; max-width: 320px;} .DropdownCart #DropdownCartForm {position: relative;} .DropdownCart .CartRemoveLink { margin-top: -3px; position: absolute; right: 20px; background-position: -11px -2302px;} .DropdownCart .ProductName .productAttributes, .DropdownCart .ProductName .CustomizeItemLink {display: none;} .DropdownCart .CartContents tbody tr td.CartItemQuantity {padding-top: 28px !important;padding-right: 0 !important;} .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: auto !important; min-width: 340px; max-width: 100%;} .HorizontalFormContainer dd div#uniform-creditcard_ccexpy, .HorizontalFormContainer dd div#uniform-creditcard_ccexpm { min-width: 100px; } .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;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dt {display: block; float: none; width: auto; text-align: left;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dt:first-child + dd + dt + dd + dt {padding: 0;} .ExpressCheckoutContent > .AccountLogin .HorizontalFormContainer dd{ margin-left: 0; padding-bottom: 0; margin-bottom: 10px;} .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; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; background: #fff;} .ExpressCheckout .ExpressCheckoutBlock .ExpressCheckoutTitle { background-color: #fff; position: relative; margin: 0; padding: 14px 20px; cursor: auto; font-weight: bold; text-transform: uppercase; border: none !important; color: #2f2f2f; font-size: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif; background: #f5f5f5;} .ExpressCheckout .ExpressCheckoutBlock .ExpressCheckoutTitle .titStep {margin: -14px 20px -15px -20px; min-width: 60px; border-right: 1px solid #d7d7d7; padding: 15px 20px 16px 20px; display: inline-block; background: #fff;} .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCompleted .ExpressCheckoutTitle , .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {background: none;} .ExpressCheckout .ExpressCheckoutBlock.ExpressCheckoutBlockCompleted .ExpressCheckoutTitle .titStep {background: none;} .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: 16px; 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: 17px; 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; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; 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: #228dd6; 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: 'Roboto', sans-serif; font-size: 12px;} .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: 150px; text-align: left;} .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: 0px;} .SubCategoryListGrid ul, .SubCategoryListGrid li {list-style: none; margin: 0;} .SubCategoryListGrid .sub-cat-name { display: block;} .SubCategoryListGrid > ul li { display: inline-block; margin: 20px; vertical-align: bottom; text-align: center; width: calc(25% - 40px); height: 150px; } .SubCategoryListGrid > ul li img {width:120px; height:120px; border:1px solid #444; } .SubCategoryListGrid > ul li:last-of-type { height:0px; margin:0px; } .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('//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/GiftWrappingAvailable.png?t=1472761990') 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 { border-radius: 0;} #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 { border-radius: 0;} /* Product Videos */ .previewImageContainer { height: 30px; width: 50px;} .videoRow img { float: left; padding-right: 5px;} .videoRowTitle { font-weight: bold;} .videoRowDescription { max-height: 50px; overflow:hidden;} .VideoOverlay { background-image: url('//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/VideoOverlay.png?t=1472761990'); background-position: center center;position: absolute;left: 0; height: 100%;width: 100%; top: 0;} .VideoContentContainer { position: relative; margin-left: 3px; padding-left: 92px;} /** 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; float: left;} .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;} .BlockContent .CartThumb img { max-width: 100px; height: auto;} #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: 43%;} .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-radius: 0;} .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("//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/icon-close.png?t=1472761990") 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; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;} .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 */} .video-wrapper embed {position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #VideoContainer {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;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 {margin-bottom: 20px; background: #f7f7f7; border-bottom: 1px solid #e6e6e6; overflow: hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;} .product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination {margin: 0;line-height: 35px;} .product-nav #CategoryPagingTop {float: right;} .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('//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/SubBrand.gif?t=1472761990') 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, .ProductList .productWishlist { width: 43px; height: 35px; display: block; text-indent: -999em; background: #ffffff !important; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fafafb 51%, #f4f3f4 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#fafafb), color-stop(100%,#f4f3f4)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fafafb 51%,#f4f3f4 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fafafb 51%,#f4f3f4 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#fafafb 51%,#f4f3f4 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fafafb 51%,#f4f3f4 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f4',GradientType=0 ) !important; /* IE6-9 */ } .QuickViewBtn:hover, .ProductList .productWishlist:hover { background: #f4f3f4 !important; /* Old browsers */ background: -moz-linear-gradient(top, #f4f3f4 0%, #fafafb 51%, #ffffff 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f3f4), color-stop(51%,#fafafb), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f3f4 0%,#fafafb 51%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f3f4 0%,#fafafb 51%,#ffffff 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f3f4 0%,#fafafb 51%,#ffffff 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #f4f3f4 0%,#fafafb 51%,#ffffff 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f4', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */ } .QuickViewBtn{border-right: 1px solid #d6d6d6; top: 81px !important; left: 50% !important; display: none !important; margin-left: -43px !important; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .ProductList .productWishlist { position: absolute; margin-right: -42px !important; position: absolute; right: 50%; top: 116px; display: none; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-left: 1px solid #d6d6d6;} .QuickViewBtn:before, .ProductList .productWishlist a:before { background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0px -1733px no-repeat; position: absolute; content: ""; left: 50%; top: 50%; height: 11px; width: 16px; margin: -5px 0 0 -8px; } .ProductList .productWishlist a:before {background-position: 0 -1846px; width: 11px; margin: -5px 0 0 -6px;} .ProductList .productWishlist a {display: block; width: 100%; height: 100%;} #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; /*float: left;*/ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;/* width: 100%;*/ display: inline-block; } #email-modal .window-window .window-content .btn.close {height: 33px; position: absolute; right: -16px; text-indent: -999em; top: -16px; width: 33px;background:#000 url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) -39px -2296px no-repeat ; cursor: pointer; opacity: 1; padding: 12px; border: none; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px;} #email-modal .window-window .window-content .btn.close:hover {background-color: #e14c31;} #email-modal .window-window .window-content .title, #email-modal .window-window .window-content .message {border-top: none;color: #000;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: 10px;font-family: 'Montserrat', sans-serif;} #email-modal .window-window .window-content .title span {font-size:14px;text-transform: none;display: block; font-weight: 500; letter-spacing: normal; padding-top: 15px; color: #474747; font-family: 'Raleway', sans-serif;} #email-modal .window-window .window-content .message {clear: both; color: #474747; font-size: 12px; font-weight: 400; letter-spacing: normal; line-height: 20px; padding: 15px 0 22px; text-transform: capitalize; } .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:480px; padding: 30px 70px 0px 45px;} #embed-newsletter .email {} #embed-newsletter .button {} #embed-newsletter .button:hover {} #email-modal #socnet {overflow: hidden;} /* 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("//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/nav_active.png?t=1472761990") 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;} .CartContents .ProductName .CustomizeItemLink {font-weight: 700; font-style: italic;} #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;} .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("//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/out-of-stock-bg.png?t=1472761990") 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: #2f2f2f; color: #fff;} #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 #555;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: #fff; font-size: 1.1em; font-weight: normal; padding: 20px 40px 20px 20px;} #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: #fff;content: "";display: block; font-size: 16px;text-align: center;position: relative;top: 50%; height: 0; width: 0; border: 5px solid transparent; border-top-color: #fff; -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: #fff; border-top-color: transparent; margin-top: -8px;} /*# DRAWERMENU SUB MENUS #*/ #DrawerMenu .drawer-subcat {background: #444; 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 #555;} /*# 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 {top: 50%; margin: 0; position: fixed; right: 30px; z-index: 9999;} #back-top a { background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 11px -521px no-repeat; display: block; height: 52px; outline: 0 none; text-indent: -9999px; width: 52px ; border: 2px solid #0000;} #back-top a:hover {background-position: 11px -629px; background-color: #3863ca;} /* 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; } /* Block Custom */ .HL-BlockCustom .BlockTitle {text-transform: uppercase; font-size: 13px;} .HL-BlockCustom .BlockContent p.HL-Email, .HL-BlockCustom .BlockContent p.HL-Phone {display: inline-block; padding: 0 30px;background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) no-repeat 0px -2440px; } .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: #228dd6;} .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: #228dd6;} 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;} /* 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; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;} .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;} .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;} .Content .ProductList .owl-item{position: relative;} .Content .ProductList .owl-item:hover, .Content .ProductList li:hover{z-index: 2;} .Content .ProductList li > div , .Content .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;*/ } .Content .ProductList li:hover > div, .Content .ProductList .owl-item:hover > div {border-color:#bfbfbf; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 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);} .Content .ProductList .owl-item:hover > div {padding-left: 30px; padding-right: 30px; margin-left:-15px; margin-right:-15px;} .Content .ProductList li:hover .ProductCompareButton {visibility: visible;} .CompareButton {display: block;} .Content .ProductList .ProductImage, .brand-img, #ProductDetails .ProductThumbImage {padding-bottom: 0px;} .Content .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;} .Content .ProductList li:hover .ProductActionAdd { bottom: -96px; } .Content .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)"; } .Content .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; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px;} .Content .ProductList li > div{} .Content .ProductList li:hover .productWishlist, .Content .ProductList li:hover .QuickViewBtn, .Content .ProductList li:hover .ProductActionAdd , .Content .ProductList li:hover .ProductPriceRating , .Content .ProductList li:hover .ProductCompareButton, .Content .ProductList .owl-item:hover .productWishlist, .Content .ProductList .owl-item:hover .QuickViewBtn , .Content .ProductList .owl-item:hover .ProductActionAdd , .Content .ProductList .owl-item:hover .ProductPriceRating , .Content .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)"; } .Content .ProductList li:hover .ProductActionAdd, .Content .ProductList .owl-item:hover .ProductActionAdd{visibility: visible; } .Content .ProductList .HL-wrapperAction {position: relative; margin: 0 -36px; } .Content .ProductList .HL-wrapperAction .ProductActionAdd , .Content .ProductList .HL-wrapperAction .ProductPriceRating , .Content .ProductList .HL-wrapperAction .ProductCompareButton {display: none; position: absolute;} .Content .ProductList .HL-wrapperAction .ProductPriceRating {left: 36px; bottom: -30px;} .Content .ProductList .HL-wrapperAction .ProductCompareButton {right: 36px; bottom: -30px;} .Content .ProductList .owl-item:hover .saleItem, .Content .ProductList li:hover .saleItem {right: 20px; top: 20px;} .Content .ProductList.owl-carousel .owl-wrapper-outer { padding-top: 20px; padding-bottom: 90px;} #SimilarMultiProductsByCustomerViews {margin-bottom: -70px;} .Content .ProductList.owl-carousel .HL-wrapperAction {margin: 0 -31px;} .Content .ProductList.owl-carousel .HL-wrapperAction .ProductPriceRating {left: 31px;} .Content .ProductActionAdd > a {color: #000 !important; border: none;} .Content .ProductActionAdd > a span {background-position:0 -1958px !important;} .Content .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} .DropdownCart .updateCart {margin-right: 220px;} .DropdownCart .ProceedToCheckout .CheckoutButton {margin-top: -35px;} .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;} .DropdownCart .updateCart {margin-right: 360px;} .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; background: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/list-sprite.png?t=1472761990) 0 -2441px no-repeat; 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-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .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;} .ProductList.List .HL-wrapperAction .ProductActionAdd {height: 46px; line-height: 46px; padding: 0 15px; 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); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .ProductList.List .HL-wrapperAction .ProductActionAdd:hover {background: -webkit-linear-gradient(#E52F1F, #E63C2D, #E95144); background: -o-linear-gradient(#E52F1F, #E63C2D, #E95144); background: -moz-linear-gradient(#E52F1F, #E63C2D, #E95144); background: linear-gradient(#E52F1F, #E63C2D, #E95144);} .ProductList.List .HL-wrapperAction .ProductActionAdd a {color: #fff !important; } /* End Request A Quote ************************************************************************************** */ /* Product Filter */ .Left .facet-header.js-facet-accordion-action {padding: 0;} .Left .facet-header .facet-header-title { padding: 17px 20px; color: #2f2f2f; border: 1px solid #e0e0df; background: #f8f8f8; font-size: 13px; text-transform: uppercase; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; display: block;} .facet-container {float: none;} .Left .facet-container .facet-header {padding: 0; margin-top: 30px;} .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: 1px solid #e0e0df; border-top: none; padding: 20px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;} .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: 18px;} .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;} .Left .facet-container-category .facet-category-option-has-children:before { right: 0px; top: -3px;} .Left .facet-container-category .facet-option {position: relative;} .Widest .Content.Wide .ProductList li {width: 25%;} /* One Page Checkout * ********************************************************************************************** */ .vsv_express_check_all input[type="radio"] {width: auto; vertical-align: top; margin-top: 3px;} .vsv_express_check_all .guest_check {padding-top: 10px;} .vsv_express_check_all #FormField_13, .vsv_express_check_all #FormField_21, .vsv_express_check_all #FormField_23 {width: 100%; min-width: 100%;} .vsv_express_check_all .ecustom_payment {padding-top: 10px;} .vsv_express_check_all .alert {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .guest_check label label {padding-top: 5px;} .vsv_express_check_all .btn {margin-right: 5px;} .vsv_express_check_all .bbv_none.view .ExpressCheckoutContent {border: none;} /*Added by Saikat*/ .about-us-footer { float: left; height: 200px; overflow: hidden; position: relative; transition: height 1s ease 0s; width: 100%; z-index: 50; } .about-us-footer h1 { font-size: 18px; } .about-us-footer:hover { height: 200px; } div.imageontop::before { bottom: 0; #content: url("//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/transparent-gradient.png?t=1465835355"); height: 40px; width: 1350px; left: 0; position: absolute; width: auto; #z-index: 100 !important; } .about-us-container { height: 80px; overflow: hidden; position: relative; transition: height 1s ease 0s; #z-index: 99 !important; } .about-us-container:hover { height: 200px; } #CategoryHeading { border:1px solid #3863ca; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .category-title{ #background-color: #587ed5; /*padding: 10px 10px 0px 10px;*/ margin: 0; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } #its-footer-badges { float:left; margin-top:10px; text-align:center; } #its-footer-badges a{ color:rgb(68,68,68); text-decoration:underline !important; font-size:12px; } #its-footer-badges ul li{ margin:5px 35px; float:left; list-style:none; display:inline; } #its-help { padding-left:60px; margin:0; float:left;} #its-help ul { padding:0; margin:0; list-style:none; border:0; float:left;} #its-help ul li { float:left; margin:0; padding:0; border:0;} #its-help ul li a { float:left; margin:0; padding:13px 10px; text-decoration:none; border:0px solid #000;} #header-cars { width: 100px; #position: absolute; #right: 0px; height: 130px; #background-image: url(//cdn2.bigcommerce.com/server5400/vpslo31z/templates/__custom/images/blue/shapp.png?t=1465835355); background-image: url(https://c813008.ssl.cf2.rackcdn.com/9328-top-medal-blue.png); background-size: contain; background-repeat: no-repeat; margin: 5px; } #header-cars a { position: absolute; #width: 100% height:100px; top: 0px; right: 110px; opacity: 0.2; } /*For mobile category* #mobile-categories-list { padding:10px 0; margin:0; list-style:none; line-height:1; background-repeat:repeat-x; background-position:center center; background-color:rgb(56,99,202); overflow:hidden; } #mobile-categories-list li { float:left; } #mobile-categories-list li a { text-decoration:none; text-shadow:1px 1px 1px rgb(51,51,51); font-weight:bold; border-right:2px solid rgb(87,126,166); text-align:center; font-size:13px; padding:12px 11px; color:#ffffff; } #mobile-categories-list li { /* background-color:rgb(29,88,147); } */ #mobile-categories-list { margin:0px; } #mobile-categories-list li , #mobile-categories-list ul li:hover a { } #mobile-categories-list li ul { position:absolute; width:400px; z-index:999999; background-repeat:repeat-x; background-position: center top; background-color: rgb(88, 126, 213); border-style:solid; border-color:rgb(56, 99, 202); border-width: 7px 0 4px; border-image:none; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none; list-style:none; display:none; margin:12px 0; } #mobile-categories-list li:hover ul{ display:block; } #mobile-categories-list li ul li a { border:none; font-weight:normal; font-size:12px; width:190px; padding:7px 5px; } #mobile-categories-list li ul li:hover { background-color:rgb(56,99,202); } #mobile-categories-list li ul li, #mobile-categories-list li ul li a { float:left; text-decoration:none; text-align:left; } #mobile-menu li{ border-bottom: 1px solid #555; } #mobile-menu a{ color: #fff; padding: 20px 40px 20px 20px; display: block; background-color: rgb(56,99,202); overflow:hidden; font-family: 'Montserrat', sans-serif; }