@charset "utf-8"; .detectcss { display: none; width: 200px; } article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}.noWrap{white-space:nowrap}img{width:100%;border:0}a:focus,button:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:0}section{width:100%;padding:3.5em 0}[class^=colCount] [class^=colSpan]{float:left}.colCount2 .colSpan1{width:48%;margin-left:4%}.colCount2 .colSpan2{width:100%}.colCount2 .colCount2 .colSpan1{width:47.5%;margin-left:5%}.colCount3 .colSpan1{width:30.66666666666667%;margin-left:4%}.colCount3 .colSpan2{width:65.33333333333334%;margin-left:4%}.colCount3 .colSpan3{width:100%}.colCount3 .colCount2 .colSpan1{width:48%;margin-left:4%}.colCount3 .colSpan1 .colCount2 .colSpan1{width:47%;margin-left:6%}.colCount4>.colSpan1{width:48%;margin-left:4%}.colCount4>.colSpan1:first-child+.colSpan1+.colSpan1{margin-left:0;clear:left;margin-top:2em}.colCount4 .colSpan2+.colSpan1+.colSpan1,.colCount4>.colSpan1:first-child+.colSpan1+.colSpan1+.colSpan1,.colCount4>.colSpan2+.colSpan1{margin-top:2em}.colCount4 .colSpan2+.colSpan2,.colCount4>.colSpan1+.colSpan1+.colSpan2{margin-top:2em;display:inline-block}.colCount4>.colSpan2{width:100%;margin:0;float:none;clear:both}.colCount4 .colSpan2+.colSpan1{margin-left:0}.colCount4>.colSpan3+.colSpan1{width:32%}.colCount4>.colSpan3:first-child{width:64%}.colCount4 .colSpan1 .colCount2 .colSpan1{width:47.5%;margin-left:5%}.colCount4 .colSpan1 .colCount3 .colSpan1{width:30%;margin-left:5%}.colCount5 .colSpan1{width:30.66666666666667%;margin-left:4%}.colCount5 .colSpan1:nth-child(4){margin-left:17.33333333333333%;margin-top:2em}.colCount5 .colSpan1:nth-child(5){margin-right:17.33333333333333%;margin-top:2em}.colCount6 .colSpan1,.colCount6 .colSpan2,.colCount6 .colSpan4,.colCount6 .colSpan5{width:48%;margin-left:4%}.colCount6 .colSpan1:nth-child(3),.colCount6 .colSpan1:nth-child(5){margin-left:0}.colCount6>.colSpan6{width:100%}.colCount6 .colSpan1:nth-child(3),.colCount6 .colSpan1:nth-child(4),.colCount6 .colSpan1:nth-child(5),.colCount6 .colSpan1:nth-child(6){margin-top:2em}.title,[class^=colCount]{width:90%;margin:0 auto}[class^=colCount] [class^=colCount]{width:100%}.fullRow:after,[class^=colCount]:after{content:"";display:table;clear:both}[class^=colCount] [class^=colCount] [class^=colSpan]:first-child,[class^=colCount] [class^=colSpan]:first-child{margin-left:0}[class^=colCount] .right{float:right;text-align:right}.content h2{margin:1em 0 .5em}.content h3{margin:1em 0 -.25em}.content h4,.content h5{margin:1.25em 0 -.5em}.content h2+ul,.content h3+ul,.content h4+ul,.content h5+ul,.content ul:first-child{padding:0 0 0 1.25em}.content ul{list-style-type:disc;padding:0 0 0 1.75em}.content ol li,.content ul li{margin-top:.25em}.content ol{list-style-type:none;padding:0;counter-reset:item}.content ol>li:before{counter-increment:item;content:counters(item,".")". ";position:absolute;left:0}.content ol li{padding:0 0 0 1.75em;position:relative}.content ol ol li{padding:0 0 0 2em}.content ol ul{padding:0 0 0 1em;list-style-type:lower-alpha}.content ol ul li{padding:0}.content ul ul{margin:0;padding:0 0 0 1em;list-style-type:circle}.content h2:first-child,.content h3:first-child,.content h4:first-child,.content h5:first-child,.content ol:first-child,.content p:first-child,.content table:first-child,.content ul:first-child{margin-top:0} /* Base Elements */ body { background: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; color: #636466; font-size: 2.2vw; } h1, h2, h3, h4, h5 { color: #000; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } h1, h2 { font-size: 1.8em; line-height: 1.1em; margin: 0 0 0.5em; } h3 { font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.25em; } h4 { font-size: 1.1em; line-height: 1em; font-weight: 700; margin: 0.5em 0; } h5 { font-size: 1em; line-height: 1em; font-weight: 700; margin: 0.5em 0; } p, ul, ol { line-height: 1.7em; margin: 0.9em 0 0; font-size: 1em; } a { text-decoration: none; color: #e82b29; border: 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } a:hover, a:focus { color: #000; } ::selection { background: #e82b29; color: #fff; } ::-moz-selection { background: #e82b29; color: #fff; } .noWrap { white-space: nowrap; } .hidden, .mobileOnly { display: none; } em, strong { font-weight: 700; font-style: normal; } i { font-style: italic; } sup { font-size: 0.65em; vertical-align: super; position: relative; margin: 0 0.2em 0 0; line-height: 0; } /* End Base Elements */ /* Base Form Elements */ label, .label { font-size: 0.85em; width: 100%; display: block; margin: 1.25em 0 0.5em; line-height: 1.3em; } .highlight { font-weight: 700; color: #ba193b; line-height: 1em; margin: 0 0.3em; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], select, textarea { font-family: Helvetica, Arial, serif; color: #000; width: 100%; padding: 0 0.75em; margin: 0; height: 2.5em; background: #fff; border: solid 1px #dbdbdb; font-size: 0.8em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #e82b29; } input.formError, select.formError, textarea.formError { border-color: #ba193b; background: #f2cfd6; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } select { width: 100%; padding: 0 0 0 0.75em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } .selectWrapper { width: 100%; position: relative; display: inline-block; vertical-align: top; color: inherit; } .selectWrapper:after, .customSelect:after { content: '\f0d7'; font-family: 'FontAwesome'; display: inline-block; position: absolute; right: 2px; top: 50%; background: #fff; padding: 0.15em 0.5em; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: none; } .ie9 .selectWrapper:after { content: none; } textarea { resize: vertical; padding: 0.75em; overflow: auto; } textarea.rowSpan2 { height: 8em; } textarea.rowSpan3 { height: 13.3em; } .submit { font-family: 'Lato', sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; font-size: 0.9em; text-transform: uppercase; text-align: center; background: #e82b29; border: solid 0.2em #e82b29; color: #fff; margin: 2em 0 0; padding: 0.7em 2em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; -webkit-appearance: none; -webkit-transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; cursor: pointer; } .submit:hover, .submit:focus { background: #000; border-color: #000; color: #fff; } .secondarySubmit { background: transparent; color: #e82b29; } .secondarySubmit:hover, .secondarySubmit:focus { background: #e82b29; border-color: #e82b29; color: #fff; } .disabled, .disabled:focus { background: #b3b3b3; border-color: #b3b3b3; cursor: not-allowed; pointer-events: none; } .inlineSubmit { font-size: 0.8em; } .submitMinus:before, .submitPlus:before { font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .submitMinus:before { content: "\f068"; } .submitPlus:before { content: "\f067"; } [class*="submitLoad"] { position: relative; overflow: hidden; } [class*="submitLoad"] .loadIcon { display: block; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: hidden; opacity: 0; font-size: 1.5em; } [class*="submitLoad"] span:first-child { display: block; transform: scale(1); -ms-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .submitLoadActive span:first-child { transform: scale(0); } .submitLoadActive .loadIcon { visibility: visible; opacity: 1; } input[type="checkbox"], input[type="radio"] { display: none; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { font-family: 'FontAwesome'; display: inline-block; font-size: 1.1em; width: 1.5em; margin: 0.05em 0 0; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type="checkbox"] + label:before { content: "\f096"; } input[type="checkbox"]:checked + label:before { content: "\f046"; } input[type="radio"] + label:before { content: "\f10c"; } input[type="radio"]:checked + label:before { content: "\f192"; } .checkboxBlock { display: inline-block; vertical-align: top; width: 90%; } .ninja, .mobileOnly { display: none; } .validData { position: relative; } .validData + input[type="text"], .validData + input[type="number"], .validData + input[type="email"], .validData + input[type="password"], .validData + textarea { padding-right: 2.4em; } .validData:after { content: '\fa976'; font-size: 0.8em; color: #4cc78f; font-family: 'websiteGlyphs'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0.8em; bottom: -2.7em; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; } .validDataTick:after { visibility: visible; opacity: 1; } /* End Base Form Elements */ /* Main Styles */ .content a { text-decoration: underline; } .content a.submit { font-weight: 700; text-decoration: none; margin: 1.5em 0 0.5em; } section.content .title h1 { margin-bottom: 0.75em; } section.content h2 { font-size: 1.5em; font-weight: 700; color: #e82b29; } .content table + p, .content table + h2, .content table + h3, .content table + h4 { margin-top: 1.5em; } span.verticalDivider, .muted { color: #888; } span.verticalDivider { margin: 0 0.5em; } span.emphasis, span.emphasis { font-weight: 700; } p.terms { font-size: 0.8em; line-height: 1.5em; } .fullRow { width: 100%; padding: 0 5%; } .breakWord { overflow-wrap: break-word; word-break: break-all; } section .headInlineText { font-size: 0.5em; letter-spacing: 0; color: #888; text-transform: none; } section .headInlineText .verticalDivider { margin: 0 0.5em 0 0.25em; } h2 + .colCount2 .colSpan1 label:first-child, h3 + .colCount2 .colSpan1 label:first-child { margin-top: 0; } [class^="colCount"] + [class^="colCount"] { margin-top: 2em; } form [class^="colCount"] + [class^="colCount"] { margin-top: 0; } section { padding: 2.5em 0; } /* End Main Styles */ /* Promo Strip */ section.promoStrip { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #013a1a; text-align: center; padding: 0.5em 0; } section.promoStrip h2 { margin: 0; font-size: 1em; font-weight: 700; text-transform: uppercase; } section.promoStrip a { color: #fff; } section.promoStrip a:hover, section.promoStrip a:focus { color: #fff; } /* End Promo Strip */ /* === HEADER === */ header { width: 100%; border-bottom: solid 1px #c7c8ca; } header .colCount p, header .cart button { font-size: 0.9em; margin: 0.35em 0; height: 1.75em; line-height: 1.75em; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; } header .cart button { padding: 0; background: none; border: 0; } header .colCount a { color: #000; } header .colCount a:hover, header .colCount a:focus, header .cart button:hover, header .cart button:focus { color: #e82b29; outline: 0; } header .colCount p.notification { float: left; } header .colCount p.notification a { margin-left: 2.25em; } header .colCount p.notification a:hover, header .colCount p.notification a:focus { color: #e82b29; } header .colCount p.notification a:first-child { margin-left: 0; } header .colCount .right form, header .colCount .right div { width: 7.5em; } header .colCount form { position: relative; margin: 0.35em 0 0; float: right; } header .colCount form input[type="text"] { font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; background: none; color: #000; margin: 0; padding: 0 0 0 1.75em; height: 1.75em; line-height: 1.75em; border: 0; } header .colCount form input[type="text"]:focus { outline: 0; } header .colCount form input[type="text"]::-webkit-input-placeholder { color: #000; } header .colCount form input[type="text"]:-moz-placeholder { color: #000; opacity: 1; } header .colCount form input[type="text"]::-moz-placeholder { color: #000; opacity: 1; } header .colCount form input[type="text"]:-ms-input-placeholder { color: #000; } .mobileSearch { display: none; } header .colCount form button { position: absolute; top: -0.05em; left: 0; background: none; border: 0; cursor: pointer; font-size: 1.1em; color: #000; padding: 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } header .colCount form button:hover, header .colCount form button:focus { color: #e82b29; outline: 0; } header .colCount .right { position: relative; } header .colCount .favourites { width: 10em; text-align: center; float: right; } header .colCount .favourites i { font-size: 1.25em; margin-right: 0.3em; vertical-align: middle; color: #e82b29; } header .colCount .right .cart { float: right; color: #000; cursor: pointer; } /* Google Tanslate Overrides */ #google_translate_element { display: inline-block; position: relative; padding-left: 1.75em; } #google_translate_element div { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1em; padding: 0; line-height: 1; } #google_translate_element .goog-te-gadget { margin-left: 0.75em; } .goog-te-gadget img { display: none; } .goog-te-gadget img:before { content: url('/img/googleGlyph.png'); width: 5em; height: 5em; } #google_translate_element:before { background-image: url('/img/googleGlyph.png'); background-size: 1.2em; display: inline-block; vertical-align: middle; content: ''; width: 1.2em; height: 1.2em; position: relative; top: -0.1em; } #google_translate_element .goog-te-gadget-simple { text-transform: uppercase; font-size: 1em; background: none; border: 0; } #google_translate_element span + img + span { display: none; } #google_translate_element span { vertical-align: top; } #google_translate_element a span:last-child { display: none; } .goog-te-gadget-simple { background: transparent!important; border: 0!important; } .goog-te-gadget-simple .goog-te-menu-value span { color: #000; } .goog-te-menu-frame { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } header .subNav > a:nth-of-type(1), header .subNav > a:nth-of-type(2) { display: none; } header .subNav > a:nth-of-type(3) { margin-left: 0; } /* End Google Tanslate Overrides */ /* === END HEADER === */ /* === NAV === */ /* Default Styles */ nav { z-index: 1; position: relative; width: 100%; border-bottom: solid 1px #c7c8ca; } nav:after { content: ""; display: table; clear: both; } nav .logo { width: 15%; float: left; padding: 0.75em 0; margin-left: 5%; } nav ul ul li { width: 100%; background: #a1172b; border: 0; float: none; } nav .submenuTriggerDrop i { width: 39%; text-align: right; color: #fff; font-size: 1.5em; position: absolute; right: 3%; top: 0.5em; cursor: pointer; } nav .noHover { pointer-events: none; } .menuBtn { background: none; border: 0; float: right; margin: 1em 5% 0 0; padding: 0; width: 3em; height: 3em; font-size: 1em; position: relative; cursor: pointer; } .menuBtn span { display: block; position: absolute; height: 0.45em; border-radius: 0.45em; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .menuBtn span:nth-child(1) { top: 0; } .menuBtn span:nth-child(2), .menuBtn span:nth-child(3) { top: 1em; } .menuBtn span:nth-child(4) { top: 2em; } .menuBtnActive span:nth-child(1) { top: 1em; width: 0; left: 50%; } .menuBtnActive span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menuBtnActive span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menuBtnActive span:nth-child(4) { top: 1em; width: 0; left: 50%; } nav ul ul, nav ul .submenuTriggerDrop i, nav .navControl { display: none; } /* End Default Styles */ /* Nav Block */ .navBlock { width: 100%; overflow: hidden; z-index: 1; background: #111; height: 0; } .navBlock ul { width: 100%; margin: 0; padding: 0; text-transform: uppercase; } .navBlock .topLevel > li { font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; border-color: #444 #000 #000 #444; border-style: solid; border-width: 1px; float: left; margin: 0; width: 50%; position: relative; } .navBlock li:nth-child(2n+1) { clear: left; } .navBlock a { color: #fff; font-weight: 400; width: 100%; display: block; font-size: 0.9em; line-height: 1.3em; border: 0; padding: 1em 3%; } .navBlock li { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .navBlock ul ul a { color: #d7d7d7; width: 100%; display: block; font-size: 0.9em; line-height: 3em; border: 0; padding: 0.25em 3%; -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; } .navBlock ul ul { padding: 0.5em 0; background: #a1172b; } /* End Nav Block */ /* === END NAV === */ /* Slider */ section.slider { width: 100%; padding: 0; position: relative; overflow: hidden; } section.slider .flexslider .slides li { position: relative; } section.slider .textOverlay { width: 58%; padding: 0 10%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } section.slider .textOverlay p.mainHead, section.slider .textOverlay p.subHead { opacity: 0; } section.slider .textOverlay p, section .mainTile .overlay h2 { position: relative; top: 0.15em; } section.slider .textOverlay p.mainHead, section .mainTile .overlay h2 { font-size: 2.5em; line-height: 0.9em; margin: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #fff; } section.slider .textOverlay p.subHead { font-size: 1.5em; line-height: 0.9em; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.02em; color: #fff; } section.slider .textOverlay a.submit { display: none; } .flex-active-slide .flex-caption p.mainHead { -webkit-animation: fadeInRightSlider 0.75s ease-in-out 0.5s forwards; -moz-animation: fadeInRightSlider 0.75s ease-in-out 0.5s forwards; animation: fadeInRightSlider 0.75s ease-in-out 0.5s forwards; } .flex-active-slide .flex-caption p.subHead { -webkit-animation: fadeInLeftSlider 0.75s ease-in-out 1s forwards; -moz-animation: fadeInLeftSlider 0.75s ease-in-out 1s forwards; animation: fadeInLeftSlider 0.75s ease-in-out 1s forwards; } @-webkit-keyframes fadeInRightSlider { from { opacity: 0; -webkit-transform: translate(5%,0); -webkit-transition: -webkit-transform 0.4s ease-in-out; } to { opacity: 1; -webkit-transform: translate(0,0); -webkit-transition: -webkit-transform 0.4s ease-in-out; } } @-moz-keyframes fadeInRightSlider { from { opacity: 0; -moz-transform: translate(5%,0); -moz-transition: -moz-transform 0.4s ease-in-out; } to { opacity: 1; -moz-transform: translate(0,0); -moz-transition: -moz-transform 0.4s ease-in-out; } } @keyframes fadeInRightSlider { from { opacity: 0; transform: translate(5%,0); transition: transform 0.4s ease-in-out; } to { opacity: 1; transform: translate(0,0); transition: transform 0.4s ease-in-out; } } @-webkit-keyframes fadeInLeftSlider { from { opacity: 0; -webkit-transform: translate(-5%,0); -webkit-transition: -webkit-transform 0.4s ease-in-out; } to { opacity: 1; -webkit-transform: translate(0,0); -webkit-transition: -webkit-transform 0.4s ease-in-out; } } @-moz-keyframes fadeInLeftSlider { from { opacity: 0; -moz-transform: translate(-5%,0); -moz-transition: -moz-transform 0.4s ease-in-out; } to { opacity: 1; -moz-transform: translate(0,0); -moz-transition: -moz-transform 0.4s ease-in-out; } } @keyframes fadeInLeftSlider { from { opacity: 0; transform: translate(-5%,0); transition: transform 0.4s ease-in-out; } to { opacity: 1; transform: translate(0,0); transition: transform 0.4s ease-in-out; } } @-webkit-keyframes fadeInBottomSlider { from { opacity: 0; -webkit-transform: translate(0,0.75em); -webkit-transition: -webkit-transform 0.4s ease-in-out; } to { opacity: 1; -webkit-transform: translate(0,0); -webkit-transition: -webkit-transform 0.4s ease-in-out; } } @-moz-keyframes fadeInBottomSlider { from { opacity: 0; -moz-transform: translate(0,0.75em); -moz-transition: -moz-transform 0.4s ease-in-out; } to { opacity: 1; -moz-transform: translate(0,0); -moz-transition: -moz-transform 0.4s ease-in-out; } } @keyframes fadeInBottomSlider { from { opacity: 0; transform: translate(0,0.75em); transition: transform 0.4s ease-in-out; } to { opacity: 1; transform: translate(0,0); transition: transform 0.4s ease-in-out; } } .ie9 section.slider .textOverlay p.mainHead, .ie9 section.slider .textOverlay p.subHead { opacity: 1; } .flex-control-nav li { margin: 0 0.3em; } .flex-control-paging li a { width: 1.1em; height: 1.1em; } .flexslider ul { margin: 0; line-height: 0; padding: 0; } .flex-control-paging li a { background: #ccc; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #e82b29; } .flexslider .flex-direction-nav a { width: 4%; height: 3em; margin: -1.25em 0 0; top: 50%; color: #fff; } .flexslider .flex-direction-nav a.flex-prev, .flexslider .flex-direction-nav a.flex-next { display: block; opacity: 1; z-index: 1; } .flexslider .flex-direction-nav a.flex-prev { left: 1em; } .flexslider .flex-direction-nav a.flex-next { right: 1.5em; } .flexslider .flex-direction-nav a:before { font-size: 3em; margin-bottom: 1em; font-family: 'websiteGlyphs'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flexslider .flex-direction-nav a.flex-prev:before { content: '\fa994'; } .flexslider .flex-direction-nav a.flex-next:before { content: '\fa995'; } .flexslider .flex-direction-nav a:hover { color: #e82b29; text-shadow: none; } @media all and (-ms-high-contrast:none) { .flexslider .flex-direction-nav a:before { font-size: 0.33em; } /* IE10 */ *::-ms-backdrop, .flexslider .flex-direction-nav a:before { font-size: 1.1em; } /* IE11 */ } .ie9 .flexslider .flex-direction-nav a:before { font-size: 0.4em; } /* IE9 */ /* End Slider */ /* Product Lists */ section.productList h2 { margin-bottom: 0.5em; } section.productList .colCount .item { width: 31.66666666666667%; margin: 1em 2.5% 0 0; float: left; } section.productList .colCount .item:nth-child(3n) { margin-right: 0; } section.productList .colCount .item:nth-child(3n+1) { clear: left; } section.productList .colCount .item:nth-child(4), section.productList .colCount .item:nth-child(5), section.productList .colCount .item:nth-child(6) { margin-top: 2em; } .productList p { font-size: 1em; line-height: 1.2em; margin: 0; } .productList a ~ p, .productList .imgWrapper ~ p { color: #000; font-family: 'Lato', sans-serif; font-weight: 700; } .productList img { margin-bottom: 0.9em; } .productList > a { color: inherit; } .productList p.price { font-weight: 700; color: #e82b29; margin-top: 0.9em; } .productList .item { overflow: hidden; float: left; text-align: center; position: relative; } .productList p.regularPrice, .productList p.outOfStock, .productList p.auctionTime { text-decoration: line-through; color: #999; font-size: 0.8em; margin-top: 0.25em; } .productList p.outOfStock, .productList p.auctionTime { text-decoration: none; } .productList span.currentBid { color: #000; } .productList p.price span.swatchesAvailability { display: block; } .productList p.price span.swatchesAvailability span.verticalDivider { display: none; } .productList p.price span.swatchesAvailability span.muted { color: #999; font-weight: 300; } .productList p.price span.verticalDivider { margin: 0 0.5em; } .productList .memberPrice { font-family: 'Roboto', sans-serif; font-weight: 400; } .productList .memberPrice a { font-weight: bold; color: #013a1a; text-decoration: underline; } .productList .memberPrice a:hover { color: #e82b29; } /* End Product Lists */ /* Product Tags */ .productList .productTag { position: absolute; top: 0.25em; width: 100%; text-align: center; } .productList .productTag p { background: #fff; border: solid 2px #e82b29; color: #e82b29; text-transform: uppercase; width: 9em; margin: 0 auto; } .productList .productTagEnded p { border-color: #dbdbdb; color: #999; } /* End Product Tags */ /* Product List – Additional Content */ .productList .item .itemOverlay { border-top: solid 0.3em #dbdbdb; padding: 1.5em 0; background: #fff; width: 100%; position: absolute; bottom: 0; -webkit-transform: translate(0,101%); -moz-transform: translate(0,101%); -ms-transform: translate(0,101%); transform: translate(0,101%); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .productList .itemHover .itemOverlay { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .productList .touchLink { color: #e82b29; font-size: 0.8em; font-weight: 400; display: block; padding: 0.5em 0 0; } .productList .itemOverlay .touchLink { padding-top: 0; margin: 0 0 1.5em; } .productList input[type="number"] { display: inline-block; vertical-align: top; width: 2.85em; height: 2.85em; margin: 0; border-style: solid; border-width: 2px 0 2px 2px; border-color: #e82b29; background: #fff; text-align: center; } .productList input[type="number"]:focus { border-color: #000; } .productList .wishListHeart { position: absolute; top: 0.5em; right: 0.5em; border: 0; background: none; margin: 0; padding: 0; color: #e82b29; font-size: 1.2em; line-height: 1em; cursor: pointer; } /* End Product List – Additional Content */ /* Size Selection */ .productSizes .productSizeSelection { display: inline-block; background: #fff; border: solid 1px #dbdbdb; -webkit-transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, border 0.4s ease-in-out, color 0.4s ease-in-out; cursor: pointer; } .productSizes .productSizeSelection:hover, .productSizes .productSizeSelection:focus, .productSizes .productSizeSelection.active { background: #e82b29; border-color: #e82b29; color: #fff; outline: 0; } /* End Size Selection */ .productList .productSizesOverlay { margin: 0 auto; padding: 0 0 1em; width: 80%; } .productList .productSizeSelection { display: inline-block; overflow: hidden; min-width: 1.75em; min-height: 1.75em; margin: 0 0.25em 0.5em; background: #fff; border: solid 0.1em #e82b29; position: relative; -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; cursor: pointer; } .productList .productSizeSelection p { font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; font-size: 0.8em; line-height: 1.6em; padding: 0.25em; text-align: center; color: #e82b29; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .productList .productSizeSelection:hover p, .productList .productSizeSelection.active p { color: #fff; } .productSizes .disabled, .productList .productSizes .disabled { background: #ccc; border-color: #777; color: #777; border-style: dashed; } .productList .productSizes .disabled p { color: #777; } .productList .submit { margin: 0; } /* Product List – Additional Content .productList .item .itemOverlay { border-top: solid 1px #c7c8ca; border-bottom: solid 1px #c7c8ca; padding: 1em 0; background: #fff; width: 100%; position: absolute; bottom: 0; -webkit-transform: translate(0,101%); -moz-transform: translate(0,101%); -ms-transform: translate(0,101%); transform: translate(0,101%); -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -ms-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .productList .itemHover .itemOverlay { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .productList .touchLink { color: #000; font-size: 0.8em; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; display: block; padding: 0.5em 0; } .productList .itemOverlay .touchLink { padding-top: 0; margin: 0 0 1.5em; } .productList .colCount4 div.productSizesOverlay { width: 55%; } .productList .colCount6 div.productSizesOverlay { width: 76%; } .productList div.productSizesOverlay { margin: 0 auto; width: 80%; padding: 0 0.5em; } .productList .productSizeSelection { display: inline-block; overflow: hidden; min-width: 1.75em; min-height: 1.75em; margin: 0 0.35em; background: #fff; border: solid 0.1em #e82b29; position: relative; -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; cursor: pointer; } .productList .productSizeSelection p { color: #e82b29; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .productList .disabled { border-color: #ccc; background: #ccc; color: #777; } .productList .disabled p { color: #777; } .productList .productSizeSelection:hover, .productList .productSizeSelection.active { background: #e82b29; } .productList .productSizeSelection:hover p, .productList .productSizeSelection.active p { color: #fff; } .productList .productSizeSelection p { font-family: 'Lato', sans-serif; font-weight: 700; margin: 0; font-size: 0.8em; line-height: 1.6em; padding: 0.25em; text-align: center; } .productList .wishListHeart { color: #e82b29; position: absolute; top: 0; right: 0; cursor: pointer; } End Product List – Additional Content */ /* === INDEX CONTENT === */ /* Tiles */ section.tiles { padding: 0; } section.tiles .tile { background: #ccc; width: 48%; margin: 0 4% 4% 0; float: left; overflow: hidden; position: relative; text-align: right; } section.tiles .tile:nth-of-type(2), section.tiles .tile:nth-of-type(3), section.tiles .tile:nth-of-type(5) { margin-right: 0; } section.tiles .tile:nth-of-type(6) { width: 100%; margin: 0; display: block; float: none; } section.tiles .tile .submit { background: rgba(228,4,40,0.8); border: 0; padding: 0.9em 2em; min-width: auto; min-width: inherit; margin: 0; font-size: 0.8em; position: absolute; top: 47%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } /* End Tiles */ /* Featured */ section.featuredProduct { padding: 3.5em 0; text-align: center; } section.featuredProduct h2 { margin-top: 1.5em; } section.featuredProduct p { margin-top: 0.25em; } /* End Featured */ /* === END INDEX CONTENT === */ /* About Main */ section.aboutMain { padding: 2.25em 0; background-image: linear-gradient(-45deg, #e7e7e7 25%, transparent 25%, transparent 50%, #e7e7e7 50%, #e7e7e7 75%, transparent 75%, transparent); background-size: 6px 6px; } section.aboutMain h2 { margin-bottom: 0; } section.aboutMain h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.4em; margin: 0; } section.aboutMain a.submit { margin: 1.5em 0 0; font-size: 1em; padding: 0.4em 0; } section.aboutMain p { margin: 1.75em 0 0; } section.aboutMain .colCount4 .colSpan2 + .colSpan2 { width: 80%; margin: 2.25em 0 0; display: block; } section.aboutMain .content { position: relative; z-index: 1; padding: 3.5em 0; width: 80%; } section.aboutMain .contentContainer { position: relative; } section.aboutMain .contentContainer:after { display: block; position: absolute; top: 0; content: ""; background: #fff; height: 100%; left: -46%; width: 137%; z-index: 0; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); } section .videoContainer { position: relative; padding-bottom: 56.25%; height: 0; } section .videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section.aboutMain .contentContainer, main.product section.aboutMain .colCount4 .colSpan2 + .colSpan2 { width: 100%; } main.product section.aboutMain .colCount4 .colSpan2 + .colSpan2 .imgContainer, main.product section.aboutMain .colCount4 .imgContainer { background-size: cover; height: 20em; } main.product section.aboutMain { padding-bottom: 2.5em; } /* End About Main */ /* Email Sign Up */ section.signUp { border-top: solid 1px #c7c8ca; border-bottom: solid 1px #c7c8ca; text-align: center; padding: 1.8em 0 2.25em; } section.signUp i { font-size: 3.5em; color: #000; margin: 0 0 0.5em; } section.signUp h2 + p { margin: 0; } section.signUp form { margin: 1.5em 0 0; } section.signUp input[type="email"] { width: 21em; height: 2.5em; font-size: 0.9em; margin: 0; border-width: 1px 0 1px 1px; background: #fff; -webkit-border-top-left-radius: 0.25em; -moz-border-bottom-left-radius: 0.25em; border-top-left-radius: 0.25em; -webkit-border-bottom-left-radius: 0.25em; -moz-border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em; } section.signUp .submit { height: 2.5em; font-size: 0.9em; line-height: 2.1em; margin: 0; padding: 0 2em; vertical-align: top; -webkit-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; border-bottom-left-radius: 0; } /* End Email Sign Up */ /* Footer */ footer { width: 100%; } footer section { background: #111; padding: 2em 0 0.75em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer section h3 { color: #fff; font-size: 1em; margin-bottom: 0.5em; } footer section ul, footer section p { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 0.9em; margin: 0; line-height: 1.4em; } footer section p { margin: 0 0 0.75em; } footer section ul li { margin-top: 0.5em; } footer section ul li:first-child { margin-top: 0; } footer section a, footer section p { color: #fff; } footer section a:hover, footer section a:focus { color: #e82b29; } footer section > .colCount3 > .colSpan1:nth-child(1) { width: 100%; float: none; margin: 2.5em 0 0; } footer section > .colCount3 > .colSpan1:nth-child(2) { width: 50%; float: left; margin: 2.5em 0 0; } footer section > .colCount3 > .colSpan1:nth-child(3) { width: 50%; float: right; margin: 2.5em 0 0; } footer section > .colCount3 > .colSpan1:first-child { margin: 0; } footer section .colCount3 .colCount3 .colSpan1 { width: 29.333333333333333%; margin-left: 6%; } footer section .colCount3 .colCount3 .colSpan1:first-child { margin-left: 0; } footer section:first-child .colCount2 .colSpan1 { text-align: center; } footer section:first-child .colCount2 .colSpan1 img { width: 7.5em; } footer section > .colCount3 > .colSpan1:nth-child(3) img { width: 3em; } footer section > .colCount3 > .colSpan1:nth-child(3) .colCount3 .colSpan1:nth-child(1) { width: 47%; } footer section > .colCount3 > .colSpan1:nth-child(3) .colCount3 .colSpan1:nth-child(2) { width: 47%; margin-left: 6%; } footer section > .colCount3 > .colSpan1:nth-child(3) .colCount3 .colSpan1:nth-child(3) { width: 100%; display: inline-block; float: none; margin: 2em 0 0; } footer .paymentMethods i { color: #fff; font-size: 1em; display: inline-block; vertical-align: middle; margin: 0 6% 6% 0; } footer .paymentMethods .iconVisaFull { font-size: 0.75em; } footer .paymentMethods .iconMastercardFull { font-size: 1.1em; } footer .paymentMethods .iconAmericanExpressFull { font-size: 1.1em; } footer .paymentMethods .iconPayPalFull { font-size: 0.75em; } footer .paymentMethods .iconAfterpayFull { font-size: 0.9em; } footer .paymentMethods .iconZipMoneyFull { font-size: 0.8em; } footer section.copyright { border-top: solid 1px #c7c8ca; padding: 1.25em 0 1em; font-size: 0.9em; } footer section.copyright p { margin: 0; color: #858585; } footer section.copyright p a { border: 0; color: #fff; } footer section.copyright p a i.iconJetpack { font-size: 1.3em; position: relative; top: -0.1em; vertical-align: middle; margin-left: 0.25em; } footer section.copyright p a:hover { color: #fff; } /* End Footer */ /* Custom Select */ .customSelect, .customSelect .menu { min-width: 18em; } .customSelect { font-size: 0.8em; text-align: left; padding: 0 0.75em; background: #fff; border: solid 1px #bdbdbd; float: right; position: relative; z-index: 1; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .customSelect:after { content: '\f0d7'; font-family: 'FontAwesome'; display: inline-block; position: absolute; right: 1px; top: 50%; background: #fff; padding: 0.15em 0.5em; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: none; font-size: 1.25em; } .customSelect p.label, .customSelect span.label { font-family: Helvetica, Arial, serif; font-weight: 400; color: #636466; font-size: 1em; line-height: 2.75em; letter-spacing: 0.02em; margin: 0; } .customSelect p.label, .customSelect menu span.label { cursor: pointer; } .customSelect span.label { font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; position: absolute; left: -5.5em; } .customSelect .menu { position: absolute; left: -1px; background: #fff; border-style: solid; border-width: 0 1px 1px; border-color: #dbdbdb; padding: 0 0.75em; display: none; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .customSelect .menu span { font-family: Helvetica, Arial, serif; font-weight: 400; display: block; font-size: 0.9em; line-height: 2.25em; text-transform: none; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } .customSelect .menu span:hover { color: #e82b29; } .customSelect .menu span:last-child { padding-bottom: 0.75em; } .customSelectActive, .customSelectActive .menu { border-color: #e82b29; } .customSelect:focus { outline: 0; border-color: #e82b29; } /* End Custom Select */ /* Expanding Filters – Category & Product */ .divider { display: block; line-height: 0; width: 100%; margin: 0 auto; } .divider:before { background-color: #dbdbdb; border-bottom: solid 1px #fff; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 100%; } .filter .mobileHidden { display: none; } .filter li { cursor: pointer; } .filter li span.filterName, .filter li a { padding-left: 0; -webkit-transition: padding 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out, color 0.2s ease-in-out; transition: padding 0.2s ease-in-out, color 0.2s ease-in-out; } .filter li.filterActive span.filterName, .filter li:hover span.filterName, .filter li a:hover, .filter li a:focus { color: #e82b29; padding-left: 0.5em; } .filter span.inlineLink i { padding: 1em 0 1em 1em; color: #e82b29; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .filter span.inlineLink i:hover { color: #002f6c; } .filter span.inlineLink .clearAll, .filter span.inlineLink .selectAll, .filter span.inlineLink .clearAllCategory { display: none; color: #e82b29; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .filter span.inlineLink .clearAll i, .filter span.inlineLink .selectAll i, .filter span.inlineLink .clearAllCategory i { padding-left: 0; } .filter span.inlineLink .clearAll:hover, .filter span.inlineLink .clearAll:hover i, .filter span.inlineLink .selectAll:hover, .filter span.inlineLink .clearAllCategory:hover i, .filter span.inlineLink .clearAllCategory:hover, .filter span.inlineLink .selectAll:hover i { color: #000; } .filter span.inlineLink { line-height: 1em; display: inline-block; vertical-align: super; position: relative; float: right; } .filter h3 span.inlineLink { font-size: 0.7em; width: 10em; text-align: right; top: -0.5em; } .filter h3 span.mainText { width: 69%; display: inline-block; } .filter li span.inlineLink { font-size: 0.95em; top: 0.15em; } .filter li span.inlineLink i { padding: 0; } .filter .filterContent { clear: both; display: none; } .filter li span.filterSubCategory { display: inline-block; vertical-align: middle; } .filter li span.filterExpand { display: inline-block; vertical-align: middle; font-size: 0.85em; float: none; font-weight: 700; margin-left: 0.5em; top: 0; } section.cart .filter h3 span.inlineLink { width: 2em; } section.cart .filter h3 span.mainText { width: 89%; } section.additionalContent .filter h3 span.inlineLink { width: 3em; } section.additionalContent .filter h3 span.mainText { width: 92%; } section.additionalContent .item { margin-top: -4px; } /* End Expanding Filters – Category & Product */ /* Side Bar – Category, Cart & Dashboard */ section.category, section.cart, section.dashboard { padding: 0; } section.category .colCount4, section.cart .colCount4, section.dashboard .colCount4 { position: relative; } section.category .colCount4 .colSpan3, section.cart .colCount4 .colSpan3, section.dashboard .colCount4 .colSpan3 { padding: 2.5em 0 3.5em; width: 100%; position: relative; float: none; } section aside .pushControl i { font-size: 1.1em; line-height: 1.5em; color: #e82b29; cursor: pointer; } section span.pushControl { width: 40%; float: left; margin: 0.4em 0; display: block; font-size: 1.3em; line-height: 1em; color: #000; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; cursor: pointer; } section span.pushControl i { color: #e82b29 } section aside .count:after { content: ""; display: table; clear: both; } section aside .count .colSpan2 { width: 64%; margin-right: 6%; float: left; } section aside .count .pushControl { width: 30%; float: right; text-align: right; } /*section.category .colCount4 aside { background: #f4f4f4; padding: 3.5em 2%; width: 60%; margin: 0; float: none; } – Barry */ section aside p.muted { font-size: 0.9em; margin: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; } section aside h1, section aside h2 { color: #e82b29; font-size: 1.5em; } section aside h2, .filter + .staticCategories h2 { margin-top: 1em; } section aside h2:first-child { margin-top: 0; } section .filter > h3 { font-size: 1.1em; font-weight: 700; margin: 0; padding: 1em 0; cursor: pointer; } section aside .filter .filterContent > ul { font-size: 0.85em; text-transform: uppercase; margin: 0 0 1.5em; } section aside .filter ul li { margin-top: 1.25em; line-height: 1.4em; } section aside .filter ul li:first-child { margin-top: 0; } section aside .filter ul a { color: #000; } section aside .filterVariations ul { font-size: 1em; } section aside .filterVariations ul:after { content: ""; display: table; clear: both; } section aside .filterVariations ul li { width: 12.5%; text-align: center; background: #fff; border: solid 1px #dbdbdb; float: left; margin: 0 -1px -1px 0; padding: 0.5em; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer; } section aside .filterVariations ul li span.filterName { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; } section aside .filterVariations li.filterActive, section aside .filterVariations li:hover { background: #e82b29; color: #fff; } section aside .filterVariations li.filterActive span.filterName, section aside .filterVariations li:hover span.filterName { padding: 0; color: #fff; } section aside .filterVariations li span.inlineLink { display: none; } section aside [type="text"], section aside select { background: #fff; border: solid 1px #fff; height: 2.25em; } section aside .singleFilters ul { font-size: 0.85em; text-transform: uppercase; margin: 1.5em 0; } section aside .singleFilters span { font-weight: 700; } section aside .staticCategories ul { font-size: 0.85em; text-transform: uppercase; margin: 0; } section aside .staticCategories ul li { margin-bottom: 1.25em; line-height: 1.4em; } section aside .staticCategories ul li:last-child { margin-bottom: 0; } section aside .staticCategories ul li a { color: #888; } section aside .staticCategories ul li a:hover { color: #e82b29; } html { background: #f4f4f4; } .pushContainer { overflow-x: hidden; position: relative; left: 0; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .pushRight { left: 29em; border-left: solid 1px #ccc; } .filterMenu.colSpan1 { background: #f4f4f4; position: fixed; width: 29em; height: 100%; z-index: 5; top: 0; left: -29em; padding: 2em; margin-left: 0; overflow-y: auto; float: none; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .filterMenu.filterMenuRight { left: 0; } section aside input.filterPrice { font-family: 'Lato', sans-serif; font-weight: 700; background: none; border: 0; margin: 0 0 1em; padding: 0; font-size: 1.1em; color: #000; height: auto; } section aside .sliderRange.ui-widget.ui-widget-content { width: 95%; margin: 0 auto; border: solid 1px #dbdbdb; background: #eaeaea; } section aside .sliderRange .ui-widget-header { background: #fff; } section aside .sliderRange .ui-state-default, section aside .sliderRange .ui-widget-content .ui-state-default { background: #fff; border: solid 1px #dbdbdb; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; cursor: pointer; } section aside .sliderRange .ui-state-hover, section aside .sliderRange .ui-state-focus { background: #e82b29; outline: 0; } section.dashboard aside .contact p { font-size: 0.85em; } section.dashboard aside .contact p:first-child { margin-top: 0; } section.dashboard aside .contact a { text-decoration: underline; } section.dashboard aside .contact i { font-size: 1.5em; vertical-align: middle; margin-right: 0.5em; } /* End Side Bar – Category, Cart & Dashboard */ /* Breadcrumbs */ section .breadcrumbs p { font-size: 0.8em; margin: 0; } section .breadcrumbs a { font-size: 0.8em; font-family: 'Lato', sans-serif; font-weight: 700; color: #999; text-transform: uppercase; text-decoration: none; } section .breadcrumbs a:hover { color: #e82b29; } section .breadcrumbs h1, section .breadcrumbs h2 { top: 0; font-size: 0.8em; font-weight: 700; margin: 0; color: #e82b29; display: inline; } section.category .breadcrumbs { margin: 0 0 0.75em; } main.product section .breadcrumbs span.inlineLink { font-size: 0.8em; line-height: 1em; display: inline-block; vertical-align: super; position: relative; top: 0.35em; margin-left: 0.75em; } /*main.product section .breadcrumbs span.inlineLink a { color: #e82b29; font-weight: 400; } – removed 28/06/17 */ main.product section .breadcrumbs .showAllBreadcrumbs { color: #e82b29; font-weight: 400; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } main.product section .breadcrumbs .showAllBreadcrumbs:hover { color: #000; font-weight: 400; } main.product section .breadcrumbs ul { margin: 0.5em 0; line-height: 1.4em; list-style-type: disc; padding: 0 0 0 1.25em; } main.product section .breadcrumbs span.inlineLink { margin-left: 1em; } main.product section .breadcrumbs .extraBreadcrumbs { display: none; } /* End Breadcrumbs */ /* Category, Search & Full Category Pages */ section.category .categoryProductWrapper { width: 104%; } section.category .categoryProductWrapper:after { content: ""; display: table; clear: both; } section.category .categoryDescription { font-size: 0.9em; line-height: 1.6em; margin: 0 0 2em; } section .mainTile { width: 100%; padding: 0; position: relative; } section .mainTile .overlay { width: 30%; position: absolute; left: 5%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 1; } /*section .mainTile .overlay h2 { text-align: left; font-weight: 700; color: #fff; font-size: 3em; margin-bottom: 0; }*/ section.category .colCount4 /*.colCount*/.categoryProductContainer { width: 104%; margin-top: 0; } section.category .colCount4 /*.colCount*/.categoryProductContainer:after { content: ""; display: table; clear: both; } section.category .selectBox { float: right; } section.category .productList .item, section.search .productList .item, section.category .fullCategory.productList .item { width: 29.33333333333333%; margin: 2em 4% 0 0; } section.search .item:nth-child(3n), section.category .fullCategory .item:nth-child(3n) { margin-right: 0; } section.search .item:nth-child(3n+1), section.category .fullCategory .item:nth-child(3n+1) { clear: left; } section.category .colCount4 .fullCategory { width: 100%; margin: 0; padding: 2.5em 0 3.5em 0; float: none; } /*section.category .fullCategory .categoryProductWrapper { width: 100%; }*/ section.category .colSpan3.fullCategory { width: 100%; } section.category .colCount .content h1 { margin-bottom: 0.25em; } section.category h1 span.inlineText { font-size: 0.5em; letter-spacing: 0; color: #888; text-transform: none; } section.category h1 span.inlineText span.verticalDivider { margin: 0 0.35em; } section .emptyCategory p { margin: 1em 0 0; } /* End Category, Search & Full Category Pages */ /* === PRODUCT PAGES === */ /* Default Product Styles */ main.product section .breadcrumbs { margin: 0 0 1.5em; } main.product section .productImages { position: relative; } main.product section ul.thumbnails { width: 10%; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 1; } main.product section ul.thumbnails li { margin: 0.75em 0; border: solid 1px #dbdbdb; background: #fff; -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } main.product section ul.thumbnails li:hover, main.product section ul.thumbnails li.active { border-color: #000; } main.product section ul.thumbnails img { cursor: pointer; width: 100%; padding: 8%; } main.product section ul.thumbnails li:nth-child(3) { display: none; } main.product section .mainImage { width: 60%; margin-left: 18%; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; } main.product section .imgVisible { visibility: visible; opacity: 1; } main.product section .mainImageSlide { position: relative; } main.product section .mainProductImage { display: inline-block; vertical-align: top; } main.product section .singleImage { width: 70%; margin-left: 15%; } main.product section .colCount3 .colSpan2 { width: 56%; } main.product section .colCount3 .right { width: 44%; } main.product section .shareButtons { margin-top: 0.5em; } main.product section .shareButtons h3 { margin: 0; display: inline-block; vertical-align: middle; font-size: 0.9em; } main.product section .shareButtons a { color: #e82b29; } main.product section .shareButtons a:hover, main.product section .shareButtons a:focus { color: #000; } main.product section .shareButtons ul { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } main.product section .shareButtons ul li { display: inline; font-size: 1em; margin: 0 0 0 0.75em; } main.product section .muted { font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 0.8em; margin: 0 0 0.75em; } main.product section h1 { margin-bottom: 0.5em; color: #e82b29; } main.product section .colSpan1 p.price { position: relative; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.9em; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } main.product section .colSpan1 p.regularPrice { text-decoration: line-through; color: #999; font-weight: 300; margin: -2em 0 3em; font-size: 0.85em; text-transform: capitalize; } main.product section .colSpan1 p.memberPrice { font-size: 1em; margin: -1.5em 0 3em; } main.product section .colSpan1 p.memberPrice a { color: #013a1a; text-decoration: underline; font-weight: 700; } main.product section .colSpan1 p.memberPrice a:hover, main.product section .colSpan1 p.memberPrice a:focus { color: #e82b29; } main.product section .colSpan1 p.memberPriceHead { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 0.02em; margin: 0.9em 0 -2em; } main.product section .colSpan1 p.price span { display: inline-block; vertical-align: bottom; } main.product section .colSpan1 p.price span.inlineText { font-size: 0.4em; line-height: 1; margin-bottom: 0.6em; letter-spacing: 0.02em; } main.product section .colSpan1 p.price .inlineTextBlock { font-size: 0.4em; line-height: 1; letter-spacing: 0.02em; position: absolute; top: -1em; } main.product .productSizes { margin-bottom: 0.75em; } main.product .productSizes .productSizeSelection, main.product .giftCard .productSizes input[type="text"] { min-width: 2.75em; height: 2.75em; margin: 0 0.75em 0.75em 0; font-size: 0.9em; } main.product .productSizes .productSizeSelection { font-family: 'Lato', sans-serif; font-weight: 300; padding: 0.5em 1em; } /* main.product section .productSizes { margin-bottom: 0.75em; } main.product section .productSizes div, main.product .giftCard .productSizes input[type="text"] { display: inline-block; min-width: 2.75em; height: 2.75em; margin: 0 0.75em 0.75em 0; font-size: 0.9em; background: #fff; border: solid 1px #bdbdbd; position: relative; -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; cursor: pointer; } main.product section .productSizes div:hover, main.product section .productSizes div.active { background: #e82b29; border-color: #e82b29; color: #fff; } main.product section .productSizes div.disabled { background: #ccc; border-color: #777; border-style: dashed; } main.product section .productSizes div p { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-align: center; margin: 0; padding: 0.5em 1em; } */ main.product section input[type="number"]:not(.bundleProduct) { display: inline-block; vertical-align:top; width: 3em; height: 3em; margin: 0 1em 0 0; border-style: solid; border-width: 2px; border-color: #e82b29; background: #fff; text-align: center; font-size: 1em; } main.product section input[type="number"]:not(.bundleProduct):focus { border-color: #e82b29; } main.product section .submit { width: 15.84em; height: 3em; vertical-align: top; margin: 0; min-width: auto; font-size: 1em; } main.product section .wishListHeart { border: 0; background: 0; color: #e82b29; font-size: 1.4em; line-height: 1em; margin: 0.55em 0 0.55em 1em; cursor: pointer; } main.product section .productSizes + .wishListHeart { margin: 0; } main.product section { padding: 2.5em 0 0; } main.product section:first-child, main.product section:last-child { padding-bottom: 2.5em; } /* Additional Content */ section.additionalContent .filter .filterContent { margin: 0 0 1.5em; } section.additionalContent .filter .filterContent:after { content: ""; display: table; clear: both; } section.additionalContent .filter .filterContent table:first-child { margin-top: 0; } section.additionalContent .filter a:hover, section.additionalContent .filter a:focus { padding-left: 0; } section.additionalContent .fullFilter + .title { margin-top: 2.5em; } section.additionalContent .content h2 { font-size: 1.3em; } section.additionalContent .content h3 { font-size: 1.1em; } section.additionalContent .content h4 { font-size: 1em; } main.product section.additionalContent .content p, main.product section.additionalContent .content ul, main.product section.additionalContent .content ol { font-size: 0.85em; } section.additionalContent table { background: #fff; } section.additionalContent tr:nth-child(even) { background: #fff; } section.additionalContent td { border-bottom: solid 1px #dbdbdb; } /* section.additionalContent .filter { width: 100%; margin-top: -3px; } – removed 12/03/18, new Layout */ section.additionalContent .filter + .filter .divider:first-of-type { display: none; } section.additionalContent .filterContent { overflow-x: auto; -webkit-overflow-scrolling: touch; } section.additionalContent .productFile { width: 48.5%; margin: 1.5em 3% 0 0; float: left; } section.additionalContent .productFile:nth-child(2n) { margin-right: 0; } section.additionalContent .productFile:nth-child(2n+1) { clear: left; } section.additionalContent .productFile:nth-child(1), section.additionalContent .productFile:nth-child(2) { margin-top: 0; } section.additionalContent .productFile h3 { font-size: 1.1em; } section.additionalContent .productFile p { font-size: 0.85em; margin: 0.6em 0 0; } section.additionalContent .btnRow button + button { margin: 0 0 0 1.5em; } /* End Additional Content */ section.productVideo { padding: 0 0 2.5em; } /*section .sizeChartsProd { margin-top: 2.5em; } – SINGLE ADDTIONAL INFO IN CONTENT SECTION section .sizeChartsProd table { font-size: 0.8em; } section .sizeChartsProd .filter { border-top: solid 1px #dbdbdb; border-bottom: solid 1px #dbdbdb; } section .sizeChartsProd .filter .filterContent { margin: 0 0 1.5em; } section .sizeChartsProd .filter .filterContent table:first-child { margin-top: 0; } section .sizeChartsProd .filter h3 span.inlineLink { width: 3em; } section .sizeChartsProd .filter h3 span.mainText { width: 92%; }*/ main.product section:first-child > .colCount2 > [class^="colSpan"] { width: 100%; margin-left: 0; float: none; } main.product section:first-child .colCount2 .productImages + .colSpan1 { margin-top: 2.5em; } /*main.product section:first-child .colCount2 .colSpan1:after { content: ""; display: table; clear: both; } – REMOVED 13/07/17 */ main.product .giftCard { margin-top: 1em; } main.product .giftCard .productSizes input[type="text"] { width: 14em; } main.product .giftCard .productSizes input[type="text"].active { border-color: #e82b29; } main.product .giftCard .productSizes { margin-bottom: 0; } main.product .giftCard [class^="colCount"] + [class^="colCount"] { margin-top: 0; } main.product .giftCard .submit { margin-top: 1.75em; } main.product .giftCard .colCount4 .colSpan1 { width: 24%; } main.product section .productSubscription { margin-top: 2em; } main.product section .productSubscription h4 + p { margin-bottom: 0.9em; } main.product section .productSubscription input[type="email"] { width: 21em; height: 2.5em; font-size: 0.9em; margin: 0 1em 0 0; } main.product section .productSubscription input[type="email"]:focus { border-color: #e82b29; } main.product section .productSubscription .submit { height: 2.5em; font-size: 0.9em; line-height: 2.1em; margin: 0; padding: 0 2em; vertical-align: top; width: auto; width: inherit; } main.product section .productSubscriptionMulti input[type="email"] { } main.product section .productSubscriptionMulti .selectWrapper { width: 10em; margin-right: 1em; } main.product section .productSubscriptionMulti select { font-size: 0.9em; } /* End Default Product Styles */ /* Multiple Variations */ main.product section .productSwatches { margin-bottom: 0.75em; } main.product section .productSwatches div { font-family: 'FontAwesome'; position: relative; overflow: hidden; display: inline-block; width: 2.25em; height: 2.25em; margin: 0 0.75em 0.6em 0; font-size: 0.9em; border: solid 1px #ccc; -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out; transition: background 0.2s ease-in-out, border 0.2s ease-in-out; cursor: pointer; } main.product section .productSwatches div.disabled { background: #ccc; border-color: #777; border-width: 1px; border-style: dashed; } main.product section .productSwatches div:before, main.product section .productSwatches div.active:before { content: "\f00c"; color: #fff; font-size: 1.25em; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 1em; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background 0.2s ease-in-out; } main.product section .productSwatches div:hover:before, main.product section .productSwatches div.active:before { opacity: 1; background: rgba(0,0,0,0.4); } main.product section .productVariations h3 { font-size: 1em; margin: 0 0 0.5em; } /*main.product section select { display: inline-block; vertical-align: top; width: 17.81em; margin: 0.4em 1em 0 0; }*/ main.product section .qtySelect { display: inline-block; width: 7.75em; margin: 0.1em 0 0 0; } main.product section .qtySelect .submit { font-size: 0.75em; height: 2.5em; width: 3em; padding: 0 1em; margin: 0.35em 0 0; min-width: auto; min-width: inherit; } main.product section .qtySelect .submitPlus { margin-left: auto; } main.product section .qtySelect input[type="text"] { width: 3em; height: 3em; margin: 0 0.5em; text-align: center; font-size: 0.8em; background: #fff; border: solid 1px #bdbdbd; } main.product section .colCount3 .colSpan1 { margin: 0; float: left; } main.product section .colCount3 .minus { width: 28%; } main.product section .colCount3 .quantity { width: 44%; text-align: center; } main.product section .colCount3 .plus { width: 28%; } main.product section .productVariations + .submit { margin: 1.5em 0; display: block; min-width: auto; width: 15.833em; } /* End Multiple Variations */ /* Fancybox Content Pages */ .fancyBoxContentPage { text-align: left; } .fancyBoxContentPage p, .fancyBoxContentPage ul, .fancyBoxContentPage ol { font-size: 0.9em; line-height: 1.6em; } .fancyBoxContentPage h2 { font-size: 1.3em; } .fancyBoxContentPage h3, .fancyBoxContentPage h4 .fancyBoxContentPage h5{ font-size: 1em; } .fancyBoxContentPage h2 { margin: 1em 0 0.5em; } .fancyBoxContentPage h3 { margin: 1em 0 -0.25em; } .fancyBoxContentPage h4, .fancyBoxContentPage h5 { margin: 1.25em 0 -0.5em; } .fancyBoxContentPage h2 + ul, .fancyBoxContentPage h3 + ul, .fancyBoxContentPage h4 + ul, .fancyBoxContentPage h5 + ul { padding: 0 0 0 1.25em; } .fancyBoxContentPage ul { list-style-type: disc; padding: 0 0 0 2.25em; } .fancyBoxContentPage ol { list-style-type: decimal-leading-zero; padding: 0 0 0 1.75em; } .fancyBoxContentPage ul li, .fancyBoxContentPage ol li { margin-top: 0.25em; } .fancyBoxContentPage ul li:first-child, .fancyBoxContentPage ol li:first-child { margin-top: 0; } .fancyBoxContentPage ol ul { padding: 0 0 0 1em; list-style-type: lower-alpha; } .fancyBoxContentPage ul ul { padding: 0 0 0 1em; list-style-type: circle; } .fancyBoxContentPage h2:first-child, .fancyBoxContentPage h3:first-child, .fancyBoxContentPage h4:first-child, .fancyBoxContentPage h5:first-child, .fancyBoxContentPage p:first-child, .fancyBoxContentPage ul:first-child, .fancyBoxContentPage ol:first-child, .fancyBoxContentPage table:first-child { margin-top: 0; } /* End Fancybox Content Pages */ /* Special Image */ section.prodSpec { padding: 2.25em 0; background-image: linear-gradient(-45deg, #e7e7e7 25%, transparent 25%, transparent 50%, #e7e7e7 50%, #e7e7e7 75%, transparent 75%, transparent); background-size: 6px 6px; } section.prodSpec h2 { margin-bottom: 0; } section.prodSpec h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.4em; margin: 0; } section.prodSpec a.submit { margin: 1.5em 0 0; font-size: 1em; padding: 0.4em 0; } section.prodSpec p { margin: 1.75em 0 0; font-size: 0.9em; } section.prodSpec .colCount4 .colSpan2 + .colSpan2 { width: 100%; } section.prodSpec .content { position: relative; z-index: 2; width: 70%; padding: 3.5em 0; } section.prodSpec .contentContainer { position: relative; } section.prodSpec .contentContainer:after { display: block; position: absolute; top: 0; content: ""; background: #fff; height: 100%; left: -34%; width: 117%; z-index: 1; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); } section .videoContainer { position: relative; padding-bottom: 56.25%; height: 0; } section .videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } main.product section.prodSpec { padding-bottom: 2.5em; } main.product section.prodSpec .colCount4 { position: relative; overflow: hidden; width: 95%; margin-left: 0; padding-left: 5%; } main.product section.prodSpec .colCount4 .colSpan2 + .colSpan2 .imgContainer { background-size: cover; } main.product section.prodSpec .colCount4 .colSpan2 + .colSpan2 .imgContainer:after { display: block; position: absolute; top: 0; content: ""; background: #fff; height: 100%; right: 82%; width: 21em; z-index: 0; -webkit-transform: skewX(-35deg); -moz-transform: skewX(-35deg); -ms-transform: skewX(-35deg); transform: skewX(-35deg); } /* End Special Image */ /* === END PRODUCT PAGES === */ /* === BUNDLES === */ /* Default Bundles Styles */ .bundlesFixed .inputQtySelect { float: left; width: 19%; margin: 3% 3% 0 0; position: relative; } [class^="bundles"] .inputQtySelect label { font-weight: 700; margin: 0; width: auto; position: absolute; top: 50%; left: 0.6em; -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .bundlesFixed .inputQtySelect input[type="number"] { padding: 0 1.75em 0 2.6em; font-size: 0.9em; height: 2.6em; } [class^="bundles"] .inputQtySelect button { display: none; } section.bundlesFixed .inputQtySelect .disabled { color: #b3b3b3; cursor: not-allowed; pointer-events: none; } section.bundles .bundleDisabled input, section.bundles .bundleDisabled label { color: #b3b3b3; } [class^="bundles"] .inputQtySelect .submitMinus { bottom: 0.45em; } [class^="bundles"] .inputQtySelect .submitPlus { top: 0.7em; } [class^="bundles"] .inputQtySelect .submitMinus:before { content: "\f068"; } [class^="bundles"] .inputQtySelect .submitPlus:before { content: "\f067"; } [class^="bundles"] [class^="item"] img { border: solid 1px #dbdbdb; padding: 0.5em; } .bundlesFixed .itemSingle input[type="number"] { padding-left: 0.75em; } .bundlesFixed .itemSingle .inputQtySelect { float: left; margin-right: 0; } .bundlesFixed .itemSingle:after, .bundlesFixed .itemMatrix:after { content: ""; display: table; clear: both; } /* End Default Bundles Styles */ /* Fixed */ section .bundlesFixed { margin: 1.5em 0; } section .bundlesFixed ~ .content { margin: 1.5em 0; } section .bundlesFixed h2 { font-size: 1.3em; line-height: 1.2em; font-weight: 700; margin: 0; text-transform: none; } section .bundlesFixed p:not(.errorMessage p) { font-size: 0.9em; line-height: 1.3em; margin: 0.5em 0 0; } section .bundlesFixed ul { list-style-type: none; padding: 0; } section .bundlesFixed ul:after { content: ""; display: table; clear: both; } section .bundlesFixed li { float: left; width: 8.333333333333333%; margin: 0 4% 4% 0; } section .bundlesFixed label { margin-top: 0; } section .bundlesFixed .textSubmit { font-size: 0.6em; } section .bundlesFixed .bundleDisabled input, section .bundlesFixed .bundleDisabled label { color: #b3b3b3; } section .bundlesFixed .bundleDisabled button { color: #b3b3b3; cursor: not-allowed; pointer-events: none; } main.product section .colSpan1 .bundlesFixed .errorMessages { margin: 0.5em 0 0; } /* End Fixed */ /* Packaged */ section.bundles { padding-top: 0; } section.bundles .breadcrumbs { line-height: 1em; margin: 0 0 1.5em; } section.bundles .colCount3 { margin-top: 2em; } section.bundles .colCount3 .colSpan1 { width: 47.5%; } section.bundles .colCount3 .colSpan1:nth-of-type(3) { margin: 1.5em 0 0; } section.bundles .colCount3 h2 { font-size: 1.25em; font-weight: 700; color: inherit; text-transform: none; } section.bundles h2 .inlineText { float: right; } section.bundles .submit { float: right; font-size: 0.8em; margin: -0.3em 0 0; padding: 0.4em 1em; } section.bundles .bundleAdd:after { content: ""; display: table; clear: both; } section.bundles .grandTotal { float: left; font-size: 1.25em; line-height: 1em; margin: 0; padding: 0; } section.bundles .grandTotal .inlineText { font-size: 0.7em; } section.bundles .afterpayBundles { margin: 0; font-size: 0.7em; font-weight: 300; } section.bundles .afterpayBundles i { font-size: 0.95em; padding: 0 0 0 0.5em; position: relative; top: 0.2em; } section.bundles .afterpayBundles .afterpayLearnMore { font-size: 1em; margin-left: 0.5em; } section.bundles .afterpayBundlesMobile { display: none; } section.bundles .bundleAddWrapper { height: 6.5em; width: 100%; } section.bundles .bundleAddWrapper .colCount { height: 3.7em; width: 100%; padding: 2.5em 5% 0; background: #fff; border-bottom: solid 1px transparent; transition: background 0.2s ease-in-out, border 0.2s ease-in-out, padding-top 0.2s ease-in-out; } section.bundles .bundleAddFixed.colCount { position: fixed; top: 0; z-index: 1; width: 100%; padding: 1em 5% 0; background: #f7f8f9; border-color: #dbdbdb; } section.bundles .bundleAddFixed .breadcrumbs { display: none; } section.bundles [class^="item"] { margin: 1.75em 0 0; } section.bundles [class^="item"]:after { content: ""; display: table; clear: both; } section.bundles [class^="item"] p { line-height: 1.5em; } section.bundles .price { display: block; margin-top: 0.5em; color: #e82b29; font-weight: 700; } section.bundles [class^="item"] a { display: block; width: 50%; margin: 0 0 1em; } section.bundles .inputQtySelect { float: left; margin: 5% 5% 0 0; position: relative; } section.bundles .itemMatrix .inputQtySelect { width: 30%; } section.bundles .itemMatrix .inputQtySelect:nth-of-type(3n) { margin-right: 0; } section.bundles .itemMatrix .inputQtySelect:nth-of-type(3n+1) { clear: left; } section.bundles .itemMatrix .inputQtySelect input[type="number"] { padding: 0 1.75em 0 2.75em; } section.bundles .inputQtySelect input[type="number"] { padding: 0 1.75em; font-size: 0.9em; height: 2.6em; } section.bundles .itemMatrix p { width: 80%; } section.bundles .itemSingle input[type="number"] { padding-left: 0.75em; } section.bundles .itemSingle p { float: left; width: 70%; margin-bottom: 0; padding: 0 1.75em 0 0; } section.bundles .itemSingle .inputQtySelect { float: right; width: 30%; margin: 0; } section [class^="inlineMessage"] { border: solid 1px #ba193b; color: #555; background: #fbf3f5; position: fixed; top: 7.5em; width: 90%; margin: 0 5%; font-size: 0.75em; z-index: 1; padding: 0.75em 0.75em 0.6em; } section [class^="inlineMessage"] i { color: #ba193b; } section [class^="inlineMessage"] a { text-decoration: underline; } section [class^="inlineMessage"] p { margin: 0; width: 95%; } section [class^="inlineMessage"] button { border: 0; background: 0; margin: 0; padding: 0; position: absolute; top: 0; right: 0; font-size: 1.4em; transition: color 0.2s ease-in-out; cursor: pointer; } section [class^="inlineMessage"] .inner { position: relative; } section [class^="inlineMessage"].confirmation { border: solid 1px #00d071; color: #555; background: #e5faf1; } section [class^="inlineMessage"].confirmation i { color: #00d071; } section [class^="inlineMessage"] { visibility: hidden; opacity: 0; z-index: 2; transform-origin: right top; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } section .inlineMessageActive { visibility: visible; opacity: 1; } /* End Packaged */ /* === END BUNDLES === */ /* Cart Page */ section.cart .colCount4 { width: 100%; } section.cart .colCount4 .colSpan3 { width: 100%; padding: 2.75em 5% 3.5em; } section.cart .colCount4 .colSpan3 h2 { font-size: 1.9em; margin-bottom: 0.75em; } section.cart .colCount4 aside { background: #f7f8f9; padding: 2em 5%; width: 100%; float: none; margin-left: 0; } section.cart .colCount4 aside:after { content: ""; display: table; clear: both; } section.cart aside .submit:not(.addProduct) { height: 1.75em; line-height: 1.85em; font-size: 0.8em; padding: 0 2em; vertical-align: top; } section .showAll { width: 100%; background: none; display: block; border: 0; margin: 0 0 1.5em; padding: 0; font-size: 0.85em; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1.3em; color: #e82b29; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } section .showAll:hover, section .showAll:focus { color: #000; } section.cart aside .deliveryOptions p, section.cart aside .deliveryOptions ul, section.cart aside .totals p { font-size: 0.9em; line-height: 1.5em; margin: 0 0 0.9em; } section.cart aside .deliveryOptions label:last-child { margin-bottom: 1.25em; } section.cart aside .deliveryOptions input[type="text"], section.cart aside .deliveryOptions .selectWrapper { margin: 0 0 1em; } section.cart aside .deliveryOptions ul { list-style-type: disc; margin-top: 0; padding: 0 0 1.25em 1.25em; } section.cart aside .deliveryOptions li { margin-top: 0.25em; } section.cart aside .deliveryOptions li:first-child { margin-top: 0; } section.cart aside .coupons input[type="text"] { width: 60%; margin: 0 0 2em; } section.cart aside .coupons .submit { margin: 0; width: 39%; } section.cart aside .totals p { margin: 0 0 0.2em; } section.cart aside .totals a:hover, section.cart aside .totals a:focus { padding: 0; color: #000; } section.cart aside .totals .inlineDescription { font-size: 0.75em; margin: -0.25em 0 0.25em; } section.cart aside .deliveryOptions h3, section.cart aside .totals h3 { padding-bottom: 0.5em; } section.cart aside .cartUpsell h3 { padding-bottom: 0; } section.cart aside .totals h5 { margin: 1.5em 0 0.25em; } section aside .regularPrice { text-decoration: line-through; color: #999; font-weight: 300; } section aside .selectBtnWrapper .selectWrapper { width: 3.5em; margin: 0 1em 0 0; } section aside .selectBtnWrapper .selectWrapper select { font-weight: 700; margin: 0; border: 0; padding: 0; border-bottom: solid 0.4em #000; background: #f7f8f9; font-size: 0.9em; height: 3.25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; } section aside .selectBtnWrapper .selectWrapper:after { background: #f7f8f9; right: 0; padding: 0; font-size: 1.25em; } section aside .selectBtnWrapper .submitPlus { font-size: 0.9em; padding: 0.7em 1.25em; margin: 0; } section.cart aside .totals .colCount2 .colSpan1 { width: 100%; } section.cart aside .totals .colCount2 .colSpan1:first-child .submit { margin: 0.75em 0 0; } section .createAccount .submit { margin-top: 3.15em; height: 2.5em; padding: 0 2em; } section .createAccount a { font-weight: 700; } section .createAccount h3 { margin: 1em 0 -0.25em; } section.cart aside .userCart { width: 48%; float: left; } section.cart aside .deliveryOptions, section.cart aside .coupons, section.cart aside .crossSell, section.cart aside .cartUpsell, section.cart aside .totals { width: 48%; float: right; clear: right; } /*section.cart > .colSpan3 .colCount2 .colSpan1 { float: none; display: inline-block; } section.cart .colSpan3 .colCount2 .colSpan1 .colCount2 .colSpan1, section.category .colCount4 .colSpan3 .colCount2 .colSpan1 .colCount2 .colSpan1 { width: 48%; margin: 0 4% 0 0; } section.cart .colSpan3 .colCount2 .colSpan1 .colCount2 .last, section.category .colCount4 .colSpan3 .colCount2 .colSpan1 .colCount2 .last { margin-right: 0; }*/ section label[for="showBillingAddress"] { margin-bottom: 1.5em; } section .billingAddress + .submit { margin-top: 1em; } section .checkoutSelectors i { min-width: 2em; display: inline-block; text-align: center; } section .checkoutSelectors .iconPaypal { color: #002f87; } section .checkoutSelectors .iconAfterpay { color: #114678; } section .checkoutSelectors .iconZipMoney { color: #7cc24b; } /* End Cart Page */ /* Customer Detail */ section .checkoutTotals p, section .checkoutPayment p { margin: 0; } section .checkoutTotals p span.right { float: none; text-align: left; margin-left: 1.5em; display: inline; } section.customerDetail .formLoop { width: 48%; margin: 2em 4% 0 0; float: left; } section.customerDetail .formLoop:nth-child(2n) { margin-right: 0; } section.customerDetail .formLoop:nth-child(1), section.customerDetail .formLoop:nth-child(2) { margin-top: 0.75em; } section.customerDetail h2 { font-size: 1.25em; color: #e82b29; } section.customerDetail h2 span.inlineSummary { font-size: 0.65em; line-height: 1.5em; letter-spacing: 0; margin-top: 0.5em; color: #000; display: block; } section.customerDetail .submit { margin-top: 2.5em; } section.customerDetail.checkout .formLoop { margin-top: 0; } section.customerDetail > .colCount2 > .colSpan1 { width: 75%; float: none; margin: 0 auto; } section.customerDetail > .colCount2 > .colSpan1 + .colSpan1 { margin-top: 2.5em; } section.customerDetail [class^="colCount"] + [class^="colCount"] { margin-top: 0; } .ui-datepicker table tr:first-child { background: inherit; } .ui-datepicker .ui-datepicker-title select { font-size: 0.75em; } /* End Customer Detail */ /* jQuery UI Date Picker Overrides */ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Lato', sans-serif!important; } .ui-widget-content { background: none!important; } .ui-datepicker { padding: 0!important; z-index: 2!important; } .ui-datepicker.ui-widget.ui-widget-content { border: 0!important; } .ui-datepicker .ui-datepicker-calendar thead { border-left: solid 1px #dbdbdb!important; border-right: solid 1px #dbdbdb!important; } .ui-datepicker select { font-size: 0.75em!important; border: solid 1px #626b7a; margin: 0 0.25em!important; } .ui-datepicker .ui-state-default { transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; } .ui-datepicker table { font-size: 0.85em!important; margin: 0!important; background: #fff!important; } .ui-datepicker td { font-size: 0.9em; border: solid 1px #dbdbdb!important; padding: 0!important; } .ui-datepicker td a { padding: 0.75em!important; text-align: center!important; font-weight: 300!important; } .ui-datepicker .ui-state-highlight { border-color: #b9b9b9!important; background: #b9b9b9!important; color: #000!important; } .ui-datepicker th { border: solid 1px #dbdbdb!important; color: #fff; } .ui-datepicker tbody tr:first-child { background-color: #fff; } .ui-datepicker select { -webkit-appearance: menulist; } .ui-datepicker .ui-datepicker-header { border-left: solid 1px #dbdbdb!important; border-right: solid 1px #dbdbdb!important; border-top: solid 1px #dbdbdb!important; padding: 0.25em!important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none!important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: 0!important; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:after { font-size: 1em; font-family: 'websiteGlyphs'!important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; z-index: 1; position: absolute; top: 50%; -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .ui-datepicker .ui-datepicker-prev:before { content: '\fa994'; left: 0.75em; } .ui-datepicker .ui-datepicker-next:after { content: '\fa995'; right: 0.75em; } .ui-datepicker .ui-datepicker-prev { top: 0.4em!important; left: 0!important; } .ui-datepicker .ui-datepicker-next { top: 0.4em!important; right: 0!important; } .ui-datepicker-header .ui-state-hover, .ui-datepicker-header .ui-datepicker .ui-datepicker-next-hover { background: none!important; border: 0!important; top: 0.4em!important; color: #e82b29!important; } .ui-timepicker-div { background: #fff!important; border-left: solid 1px #dbdbdb!important; border-right: solid 1px #dbdbdb!important; padding: 0.5em 0.75em!important; } .ui-timepicker-div dl dd { margin: 0 0 0 40%!important; font-size: 0.8em; padding: 0.75em 0.75em 0.75em 0!important; } .ui-timepicker-div dl .ui_tpicker_time { padding: 0.5em 0.5em 0.5em 0!important; } .ui-datepicker-buttonpane { background: #fff!important; background: #fff!important; border: solid 1px #dbdbdb!important; margin: 0!important; padding: 0.5em 0.5em!important; } .ui-datepicker-buttonpane:after { content: ""; display: table; clear: both; } .ui-datepicker-buttonpane button { float: left!important; background: #e82b29!important; border: solid 0.2em #e82b29!important; color: #fff!important; font-size: 0.8em!important; line-height: 1.3em; margin: 0!important; padding: 0.25em 1em!important; } .ui-datepicker-buttonpane button:hover, .ui-datepicker-buttonpane button:focus { background: #e82b29!important; color: #fff!important; } .ui-datepicker-buttonpane .ui-datepicker-current { float: right!important; background: transparent!important; color: #e82b29!important; } .ui-datepicker-buttonpane .ui-priority-secondary { opacity: 1!important; filter: Alpha(Opacity=100)!important; } .ui-timepicker-div .ui-state-default { background: #ccc!important; background: #b9b9b9!important; border-color: transparent!important; font-weight: 700!important; cursor: pointer; } .ui-timepicker-div .ui-state-hover, .ui-timepicker-div .ui-state-focus { outline: 0; background: #3a414c!important; } .ui-slider { border: solid 1px #b9b9b9!important; } .ui-timepicker-div dl dt { padding: 0.5em 0.5em 0.5em 0!important; font-size: 0.8em; line-height: 1em; } .ui_tpicker_time_input { border-color: #626b7a!important; } /* End jQuery UI Date Picker Overrides */ /* Cart, Checkout & Dashboard Tables */ table.userOrder { font-weight: 400; margin: 0.75em 0; background: none; border: 0; border-collapse: separate; } table.userOrder tr:nth-child(even), table.orderDetails tr:nth-child(even) { background: transparent; } table.userOrder td { text-align: left; } table.userOrder td:not(.errorMessagesCell) { font-size: 0.9em; } table.userOrder tr:first-child, table.orderDetails tr:first-child { background: inherit; } table.userOrder tr:first-child td, table.orderDetails tr:first-child td { color: inherit; font-weight: inherit; text-transform: inherit; } table.userOrder p { margin: 0.75em 0 0; line-height: 1.3em; } table.userOrder a { color: #000; } table.userOrder p:first-child { margin-top: 0; } table.userOrder input[type="number"] { width: 3em; height: 2em; font-size: 1em; padding: 0 0.5em; margin: 0 0 0 0.5em; background: #fff; } table.userOrder p + label { margin-top: 1.25em; } table.userOrder .cartRemove, table.userOrder .bundleRemove { padding-left: 0; } table.userOrder .cartRemove i, table.userOrder .bundleRemove i { color: #e82b29; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } table.userOrder .cartRemove i:hover, table.userOrder .bundleRemove i:hover { color: #000; } table.userOrder .cartItem { width: 23%; padding: 0.75em 0; } table.userOrder .cartItem img { background: #fff; border: solid 1px #dbdbdb; padding: 0.5em; } table.userOrder .cartDescription { width: 39%; } table.userOrder .cartInfo { padding-right: 0; text-align: right; width: 31%; } table.userOrder .cartPrice { font-weight: 700; color: #e82b29; font-size: inherit; } table.userOrder .cartAdd { padding-right: 0; } table.userOrder label { width: auto; display: inline-block; font-size: 1em; margin: 0; } section.dashboard table.userOrder .cartItem { width: 14%; } section.dashboard table.userOrder .cartDescription { width: 24%; } section.dashboard table.userOrder .cartInfo { padding-right: 0.75em; text-align: left; } table.orderDetails { font-size: 1em; line-height: 1.4em; border: 0; margin-top: 0.5em; } table.orderDetails td:first-child { width: 9em; } table.orderDetails td { padding: 0.25em 0; text-align: left; vertical-align: top; overflow-wrap: break-word; word-break: break-all; } table.orderDetails + h3 { margin-top: 1em; } /* End Cart, Checkout & Dashboard Tables */ /* Checkout Pages */ section .checkoutSelectors label { font-size: 1em; line-height: 1.5em; margin: 0.2em 0 0; } section .checkoutSelectors label:first-child { margin-top: 0; } section .checkoutSelectors h3 { margin-bottom: 0.5em; } section .checkoutSelectors + h3, section .checkoutSelectors + .checkoutTotals { margin-top: 1em; } section .billingAddress + .checkoutSelectors { margin-top: 1.5em; } section .checkoutTotals { margin: 0 0 1.5em; } section .checkoutTotals p, section .checkoutPayment p { margin: 0; } section .checkoutTotals p.couponName { font-size: 0.85em; margin: -0.25em 0 0.25em; } section .checkoutTotals p.totalSavings { border: solid 1px #e82b29; width: 100%; margin: 1em 0 0; padding: 0.25em 0.5em; text-align: center; color: #000; } section .checkoutTotals p.totalSavings i { color: #e82b29; } section .checkoutTotals p.totalSavings span { font-weight: 700; } section.checkout .submit { margin-top: 2em; } /* End Checkout Pages */ /* Login, Account Create & Payment */ section.loginForm h1, section.accountCreate h1, section.paymentPage h1 { margin-bottom: 0.5em; } section.loginForm .formContent, section.accountCreate .formContent, section.paymentPage .formContent, section.loginForm .title, section.accountCreate .title, section.paymentPage .title { margin: 0 auto; width: 70%; } section.loginForm p { margin: 0.6em 0 0; } section.loginForm input { height: 3em; font-size: 0.9em; margin: 2em 0 0; } section.loginForm input:first-child { margin-top: 0.5em; } section.loginForm .submit, section.accountCreate .submit, section.paymentPage .submit { width: 100%; } section.loginForm a { font-size: 0.9em; color: #888; text-decoration: underline; } section.loginForm a:hover, section.loginForm a:focus { color: #e82b29; } section.loginForm .g-recaptcha { margin: 2em 0 0; } section.accountCreate .colCount2:first-child label { margin-top: 0; } section.accountCreate .colCount2 .colSpan1, section.paymentPage .colCount2 .colSpan1 { width: 48%; margin-left: 4%; } section.accountCreate .colCount2 .colSpan1:first-child, section.paymentPage .colCount2 .colSpan1:first-child { margin-left: 0; } section.paymentPage .colCount3 .colSpan1 { width: 30.66666666666667%; margin-left: 4%; } section.paymentPage .colCount3 .colSpan1:first-child { margin-left: 0; } /* End Login, Account Create & Payment */ /* Contact Form */ section.accountCreateNew > .colCount2 > .colSpan1 { width: 75%; float: none; margin: 0 auto; } section.accountCreateNew > .colCount2 > .colSpan1 + .colSpan1 { margin-top: 2.5em; } section.contactForm .colCount3 input[type="text"], section.contactForm .colCount3 input[type="email"] { height: 2.75em; font-size: 0.9em; } /* End Contact Form */ /* Dashboard */ section.dashboard span.pushControl { width: 100%; float: none; } section.dashboard .filterContent { display: block; } /*section.dashboardAddresses .colSpan3 h3 { margin: 1em 0 0.75em; } section.dashboardAddresses .colSpan3 h3:first-child { margin-top: 0; } section.dashboard .content a, section.dashboard .inlineLink a { font-weight: 700; text-decoration: none; } – removed 25/06/18 */ section.dashboard .content table { margin: 2em 0 0; } section.dashboard .content table a { font-weight: inherit; text-decoration: underline; } section.dashboardAddresses .colCount2 + h3, section.dashboard p + h3 { margin-top: 1.5em; } section.dashboardAddresses .currentDetailsLoop:after { content: ""; display: table; clear: both; } section.dashboardAddresses .currentDetailsLoop .item { width: 31.666666666666667%; margin: 1em 0 0 2.5%; float: left; } section.dashboardAddresses .currentDetailsLoop .item:nth-of-type(3n+1) { margin-left: 0; clear: left; } section.dashboardAddresses .currentDetailsLoop .item:nth-of-type(1), section.dashboardAddresses .currentDetailsLoop .item:nth-of-type(2), section.dashboardAddresses .currentDetailsLoop .item:nth-of-type(3) { margin-top: 0; } section.dashboardAddresses .currentDetailsLoop h3 { font-size: 1.2em; } section.dashboardAddresses .currentDetailsLoop h3 span:first-child { display: block; } section.dashboardAddresses .currentDetailsLoop h3 .inlineLink { white-space: nowrap; text-transform: uppercase; font-size: 0.7em; top: 0.35em; line-height: 1em; display: inline-block; vertical-align: super; position: relative; } section.dashboardAddresses .currentDetailsLoop h3 .inlineLink + .inlineLink { margin-left: 1.75em; } section.dashboardAddresses .currentDetailsLoop p { font-size: 0.9em; line-height: 1.6em; margin: 0.75em 0 0; } section.dashboardAddresses #userAddressWrapper { width: 48.5%; } section.dashboardAddresses .btnRow .submit { font-size: 0.8em; } section.dashboardAddresses .btnRow .submit + .submit { margin-left: 1.5em; } section.dashboardAddresses label[for="currentPassword"] { margin-top: 0; } section.dashboard .dashboardTiles:after { content: ""; display: table; clear: both; } section.dashboard .tile { border: solid 1px #dbdbdb; position: relative; float: left; width: 22%; margin: 3% 0 0 3%; } section.dashboard .tile:nth-of-type(4n+1) { clear: left; margin-left: 0; } section.dashboard .tile span { display: block; } section.dashboard .tile .mainText { font-size: 0.6em; line-height: 1.1em; padding: 0.6em; border-bottom: solid 1px #dbdbdb; } section.dashboard .tile .subText { font-size: 1.1em; color: #e82b29; padding: 1.5em 0.5em; text-align: center; } .popupContent { display: none; } .fancyboxWarning { text-align: center; } .fancyboxWarning { padding: 1.5em!important; } .fancyboxWarning h3.warning { color: #ba193b; } .fancyboxWarning p { font-size: 0.9em; line-height: 1.6em; } .fancyboxWarning .btnRow .submit { font-size: 0.8em; margin: 1.5em 0.5em 0; } /* End Dashboard */ /* Size Charts Page */ section.sizeChartsPage .colCount4 + .title, section.sizeChartsPage table { margin-top: 2em; } section.sizeChartsPage table:first-child { margin-top: 0.5em; } /* End Size Charts Page */ /* Error Messages */ .errorMessages { border: solid 1px #ba193b; width: 90%; margin: -1.5em auto 1.5em; /*font-size: 0.75em;*/ padding: 1em 0.75em; } .errorMessages h4 { margin: 0; text-transform: uppercase; font-size: 0.75em; color: #ba193b; } .errorMessages i { color: #ba193b; } .errorMessages p, .errorMessages ul, .errorMessages ol { font-size: 0.8em; line-height: 1.4em; } .errorMessages p:first-child { margin: 0; } .errorMessages ol li { margin-top: 0.25em; } .errorMessages ol { list-style-type: none; padding: 0; counter-reset: item; } .errorMessages ol > li:before { counter-increment: item; content: counters(item, ".")". "; position: absolute; left: 0; font-weight: 700; } .errorMessages ol li { padding: 0 0 0 1.75em; position: relative; } .confirmationMessage { border-color: #dbdbdb; } .confirmationMessage h4, .confirmationMessage i { color: #00d071; } [class^="colSpan"] .errorMessages { width: 100%; } aside .errorMessages { margin: 0 0 1.5em; padding: 0.5em; } main.product .colSpan1 .errorMessages { margin: 0 0 2em; padding: 0.5em; } section.category .itemOverlay .errorMessages { margin: 0 0 1em; padding: 0.5em; } section.category .fullCategory .errorMessages { padding: 0.75em 1em; } .miniCart .errorMessages, .productNav .errorMessages { margin: 0.5em auto 0.5em; padding: 0.5em; width: 100%; } .miniCart .errorMessages p, .productNav .errorMessages p { font-size: 0.7em; } section.cart .createAccount .errorMessages { margin: 1em 0 0; padding: 0.5em; } .errorMessagesRow td { padding: 0; } .errorMessagesRow .errorMessages { margin: 0; padding: 0.5em; text-transform: none; } .fancybox-skin .errorMessages { margin: 0 auto 1.5em; font-size: 0.8em; padding: 0.5em; } .fancybox-skin .errorMessages { width: 100%; margin: 1.5em 0 0; } .fancybox-skin .errorMessages .fa-exclamation-triangle { color: #ba193b; } .fancybox-skin .errorMessages .fa-check-circle { color: #00d071; } section.error404 .colCount2 { width: 90%; display: -ms-flexbox; -ms-flex-align: center; -ms-flex-direction: row-reverse; display: flex; align-items: center; flex-direction: row-reverse; } section.error404 .colCount2 .colSpan1 { width: 48%; margin: 0 4% 0 0; } section.error404 .colCount2 .right { text-align: left; margin-right: 0; } section.error404 h1 { font-weight: 700; color: #e82b29; font-size: 6em; line-height: 1em; margin-bottom: 0; } section.error404 h2 { font-size: 2em; line-height: 1.1em; margin: 0.4em 0 0.75em; } section.error404 .submit { margin: 0; } /* End Error Messages */ /* Error Messages div.errorMessages { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; border: solid 1px #ba193b; width: 90%; margin: -1.5em auto 1.5em; font-size: 0.75em; padding: 1em 0.75em; } div.errorMessages h4 { margin: 0; text-transform: uppercase; font-size: 1em; color: #ba193b; } div.errorMessages i { color: #ba193b; } div.confirmationMessage { border-color: #dbdbdb; } div.confirmationMessage h4 { color: #00d071; } div.confirmationMessage i { color: #00d071; } main.product .colSpan1 .errorMessages { margin: 0 0 2em; padding: 0.5em; } .miniCart div.errorMessages, section.category .itemOverlay div.errorMessages { margin: 0 0 1em; padding: 0.5em; width: 100%; } .miniCart div.errorMessages { margin: 1em auto 0; width: 100%; padding: 0.5em; } section .colSpan3 div.errorMessages { width: 100%; } section.cart .colSpan3 .colSpan1 div.errorMessages { margin: 1em 0 0; padding: 0.5em; width: 100%; } section.cart aside div.errorMessages { margin: 0 0 1.5em; padding: 0.5em; width: 100%; } section.cart .colSpan3 .colSpan1 .createAccount div.errorMessages { margin-top: 2em; } section.error404 .colCount2 { width: 90%; position: relative; } section.error404 .colCount2 .colSpan1 { width: 48%; margin: 0 4% 0 0; } section.error404 .colCount2 .right { text-align: left; margin-right: 0; position: absolute; left: 52%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } section.error404 h1 { color: #e82b29; font-size: 6em; line-height: 1em; font-weight: 700; margin-bottom: 0; } section.error404 h2 { font-size: 2em; line-height: 1.1em; margin-bottom: 0; margin: 0.4em 0 0.75em; } section.error404 .submit { margin: 0; } End Error Messages */ /* === BLOG PAGES === */ /* Default Blog Styles */ section.blogs h1 { margin-bottom: 0; } section.blogs .colCount4 .colSpan1 { width: 48%; margin-left: 4%; } section.blogs .colCount4 .colSpan3 { width: 48%; float: left; } section.blogs .colCount3 .item { width: 48%; margin: 4% 4% 0 0; background: #fff; border: solid 1px #dbdbdb; float: left; } section.blogs .colCount3 .item:nth-child(2n) { margin-right: 0; } section.blogs .colCount3 .item:nth-child(2n+1) { clear: left; } section.blogs .customSelect span.label { left: -4.75em; } section.blogs .colCount3 .item .colCount2 { padding: 1.25em; } section.blogs p.infoFeed, section.blogs .tags p, section.blog p.infoFeed, section.blog .tags p { margin: 0; font-size: 0.75em; line-height: 1.4em; } section.blogs .colCount3 .item h3 { margin: 0.5em 0 -0.25em; font-size: 1.4em; clear: both; display: inline-block; } section.blogs .colCount3 .item p:first-child { margin-top: 0; } { margin-top: 0; } section.blogs .colCount3 .item a, section.blog aside a { font-weight: 700; letter-spacing: 0.02em; } section.blogs .tags, section.blog .tags { border-top: solid 1px #dbdbdb; margin-top: 1.25em; padding-top: 1.25em; } section.blogs .tags span.filter { cursor: pointer; } section.blogs .tags span.filter, section.blog .tags span.filter { white-space: nowrap; color: inherit; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } section.blogs .tags span.filter:hover { color: #e82b29; } section.blogs .tags span.filter:after, section.blog .tags span.filter:after { content: ","; } section.blogs .tags span.filter:last-child:after, section.blog .tags span.filter:last-child:after { content: ""; } section.blog { padding: 0 0 2.5em; } section.blog h1 { margin-bottom: 0.25em; font-weight: 700; } section.blog p.infoFeed, section.blog .tags p { font-size: 0.8em; } section.blog .colCount .colCount2:first-child { padding: 2.5em 0 0.25em; } section.blog .colCount p img { margin: 1.5em 0; } section.blog .shareButtons { margin-top: -0.35em; } section.blog .shareButtons ul { margin: 0; text-align: right; padding: 0; } section.blog .shareButtons ul li { display: inline; font-size: 1.25em; margin: 0 0 0 1.25em; } section.blog .shareButtons ul li:first-child { margin-left: 0; } section.blog .shareButtons h5 { display: inline; font-size: 0.8em; margin: 0; } /* End Default Blog Styles */ /* Sidebar Style section.blog { padding-bottom: 0; } section.blog .colCount4 { width: 100%; position: relative; } section.blog .colCount4 .colSpan3 { width: 100%; padding: 2.5em 5%; } section.blog .colCount4 aside.colSpan1 { background: #f4f4f4; padding: 2.5em 5% 2em 5%; width: 100%; float: none; margin-left: 0; } section.blog .colCount4 aside .item { width: 48%; margin-right: 4%; float: left; } section.blog .colCount4 aside .itemContainer:after { content: ""; display: table; clear: both; } section.blog .colCount4 aside .item:nth-child(2n) { margin-right: 0; } section.blog .colCount4 aside span.divider { margin: 1.5em 0; } section.blog .colCount4 aside .itemContainer .item:first-child span.divider, section.blog .colCount4 aside .itemContainer .item:nth-child(2) span.divider { display: none; } section.blog .colCount4 aside h2 { margin-bottom: 0.75em; } section.blog .colCount4 aside h3 { margin: 0.15em 0 0.75em; font-size: 1.3em; } section.blog .colCount4 aside .colCount2 > p { font-size: 0.9em; line-height: 1.6em; } section.blog .colCount4 aside .colCount2 > p:first-child { margin-top: 1.5em; } section.blog .colCount4 .colSpan3 .colCount { width: 100%; } section.blog .colCount4 .colSpan3 .colCount .colCount2:first-child { padding-top: 0; } End Sidebar Style */ /* === END BLOG PAGES === */ /* Instagram */ section.instagramFeed { padding: 0 0 2.25em; } section.instagramFeed .imgContainer { background: url('/img/instagramPlaceholder.jpg') no-repeat center center #f7f8f9; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; display: block; padding-bottom: 100%; } section.instagramFeed .colCount6 > .colSpan1 { width: 30.66666666666667%; margin: 0 0 0 4%; } section.instagramFeed .colCount6 > .colSpan1:nth-child(4) { clear: left; } section.instagramFeed .colCount6 > .colSpan1:nth-child(1), section.instagramFeed .colCount6 > .colSpan1:nth-child(4) { margin-left: 0; } section.instagramFeed .colCount6 > .colSpan1:nth-child(4), section.instagramFeed .colCount6 > .colSpan1:nth-child(5), section.instagramFeed .colCount6 > .colSpan1:nth-child(6) { margin-top: 2em; } /* End Instagram */ /* Auctions */ main.product section.auction .countdown { font-weight: 400; font-size: 1.75em; margin: 0 0 0.5em; } main.product section.auction .countdown .countdownBlock { text-align: center; display: inline-block; } main.product section.auction .countdown .countdownBlock ul { margin: 0; padding: 0; list-style-type: none; color: #e82b29; } main.product section.auction .countdown span.countdownDivider { color: #e82b29; display: inline-block; position: relative; top: -0.1em; margin: 0 0.2em; } main.product section.auction input#activationCode { border: solid 1px #dbdbdb; width: 8em; height: 2.5em; font-size: 0.9em; text-align: left; margin: 1em 1em 0 0; } main.product section.auction input#activationCode:focus { border-color: #e82b29; } main.product section.auction input#activationCode + .submit { width: 10em; height: 2.5em; font-size: 0.9em; margin-top: 1em; } main.product section.auction input#bidAmount { width: 5em; } main.product section.auction .longDescription { margin-bottom: 0.9em; } main.product section.auction p.terms { margin: 1.25em 0 0; } /* End Auctions */ /* Afterpay */ main.product section .afterpay, section.checkout .afterpay { border: solid 1px #dbdbdb; background: #f4f4f4; width: 27.5em; margin: -1em 0 2em; padding: 0.6em 0.7em; color: #000; } main.product section .afterpay > span, section.checkout .afterpay > span { float: left; width: 75%; font-size: 0.8em; line-height: 1.5em; } main.product section .afterpay i, section.checkout .afterpay i { float: right; text-align: right; vertical-align: middle; padding: 0.25em 0 0 1.5em; } section .afterpay:after { content: ""; display: table; clear: both; } section .afterpay a { text-decoration: underline; } section.checkout .afterpay { width: 100%; margin: 1em 0 0; } section.checkout .afterpay > span { width: 62%; } section .afterpayInline { margin: 1.5em 0 0; } section .afterpayInline span { font-size: 0.8em; line-height: 1.5em; } section .afterpayInline i { display: block; margin-bottom: 0.15em; } /* End Afterpay */ /* Tables */ table { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 0.9em; line-height: 1.3em; margin: 1.5em 0 0; background: #fff; width: 100%; border: solid 1px #dbdbdb; } table td { padding: 0.75em; text-align: center; vertical-align: middle; } table tr td:first-child { text-align: left; } table tr:first-child { background: #3f3f3f; } section table tr:nth-child(even) { background: #f4f4f4; } table tr:first-child td { color: #fff; font-size: 1em; line-height: 1.3em; font-weight: 700; text-transform: uppercase; } .grey table tr { border-bottom: solid 1px #dbdbdb; } .grey table tr:nth-child(even) { background: #fff; } table.userTable { width: auto; } /* End Tables */ /* Mini Cart */ .miniCart, .productNav { background: #fff; border-left: solid 1px #dbdbdb; width: 26em; padding: 1.1em 1em; z-index: 3; position: fixed; top: 0; right: 0; bottom: 0; overflow-y: auto; -webkit-transform: translate(30em,0); -moz-transform: translate(30em,0); -ms-transform: translate(30em,0); transform: translate(30em,0); -webkit-transition: transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out; -ms-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .miniCartShow, .productNavShow { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .miniCart table.userOrder td { border: 0; } .miniCart table.userOrder .cartItem { margin: 1em 0; /*padding: 0;*/ } .miniCartClose h3, .productNavClose h3 { font-size: 1.35em; padding: 0 0 0.75em; margin: 0; } .miniCart h3 i, .productNav h3 i { float: right; } .miniCart .miniCartClose, .productNav .productNavClose { position: absolute; right: 0; top: 0; left: 0; padding: 2em 2em 0; cursor: pointer; } .miniCart .userCart { padding: 0 1em; position: absolute; right: 1em; top: 4em; bottom: 5em; left: 1em; overflow-y: auto; } .miniCartGiftCard .userCart { bottom: 9.9em; } .miniCart .totals { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; padding: 1.25em 2em; } .miniCart .totals p { margin: 0; } .miniCart .grandTotal { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.5em; color: #e82b29; } .miniCart .submit { margin: 0; } .miniCart .couponList { margin: 0 0 1em; color: #fff; } .miniCart .couponList h3 { font-size: 1.1em; } .miniCart .couponList p { line-height: 1.5em; color: inherit; } .miniCart .couponList a, .miniCart .couponList i { color: inherit; } .miniCart .couponList a:hover, .miniCart .couponList a:focus { color: #fff; } .miniCart .couponList .inlineDescription { font-size: 0.8em; margin: 0; } .miniCart .couponList .inlineDescription + .inlineDescription { margin: 0.25em 0 0; line-height: 1.4em; } .miniCart .couponList .inlineDescription a { text-decoration: underline; } /* End Mini Cart */ /* Popup Transitions */ .calendarContainer { visibility: hidden; opacity: 0; z-index: 1; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out; -moz-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .calendarContainerActive { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* End Popup Transitions */ /* Kendo Editor Table Overrides */ section.sizeChartsPage table, section.additionalContent table { width: 100%!important; } section.sizeChartsPage table td, section.additionalContent table td { width: auto!important; } /* End Kendo Editor Table Overrides */ /* Google iFrame Fix */ iframe[name='google_conversion_frame'] { height: 0!important; width: 0!important; line-height: 0!important; font-size: 0!important; margin-top: -13px; float: left; } /* End Google iFrame Fix */ /* === POWER ADMIN === */ /* Logged In Strip */ section.powerAdminStrip { background: #333; padding: 0.4em 0; } section.powerAdminStrip h2 { margin: 0; font-size: 0.6em; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; position: relative; } section.powerAdminStrip h2 .inlineLink { position: absolute; right: 0; } section.powerAdminStrip a { color: #fff; font-weight: 300; } section.powerAdminStrip a:hover, section.powerAdminStrip a:focus { color: #fff; } section.powerAdminStrip h2 .verticalDivider { color: #fff; margin: 0 1em; } /* End Logged In Strip */ /* Content */ section.powerAdmin h2 .inlineText { font-size: 0.5em; line-height: 1.5em; letter-spacing: 0; display: block; } section.powerAdmin .infinite { font-size: 2em; vertical-align: middle; position: relative; top: -0.12em; } section.powerAdmin { background: #fff; border-top: solid 0.4em #e82b29; border-bottom: solid 0.4em #e82b29; } section.powerAdmin .content { margin-top: 0; } section.powerAdmin h2 { text-align: left; margin: 0 0 0.75em; } section.powerAdmin h3 { color: #e82b29; } section.powerAdmin p, section.powerAdmin ul { font-size: 0.9em; line-height: 1.5em } section.powerAdmin .pushControl { float: none; width: 100%; margin: 0 0 1.5em; } section.powerAdmin aside .status { margin: 1.5em 0 1em; font-weight: 400; } section.powerAdmin aside .statusUp { color: #00d071; } section.powerAdmin aside .statusDown { color: #ba193b; } section.powerAdmin aside .status + ul { padding: 0 0 0 1.25em; } section.powerAdmin aside .status span { display: inline-block; vertical-align: middle; } section.powerAdmin aside .status .statusIcon { font-size: 2em; margin-right: 0.25em; } section.powerAdmin aside .status .statusTag { font-size: 0.9em; } section.powerAdmin aside .divider { margin-top: 1.75em; } section.powerAdmin aside .divider:first-of-type { margin-top: 0; } section.powerAdmin .colCount4 aside .count + .divider { margin-top: 0; } section.powerAdmin .colCount4 aside h2 { margin-bottom: 1em; } section.powerAdmin #reportInfo h3 { font-size: 1.1em; margin: 0 0 0.75em; } section.powerAdmin #reportInfo table td:first-of-type { width: 8em; } section.powerAdmin #reportInfo table img { background: #fff; border: solid 1px #dbdbdb; padding: 0.5em; } section .dateFilter { margin-top: 0.25em; position: relative; } section .dateFilter p { display: inline-block; vertical-align: middle; } section .dateFilter p { font-size: 1.1em; line-height: 1.3em; font-weight: 700; margin: 0 0 0 0.75em; letter-spacing: 0.03em; text-transform: uppercase; } section .dateFilter p:first-child { margin-left: 0; min-height: 2em; } section .dateFilter p .terms { display: block; font-size: 0.68em; line-height: 1.3em; font-weight: 300; margin-top: -0.15em; text-transform: none; letter-spacing: 0; text-align: right; } section .dateFilter p .nonEmphasis { font-weight: 300; text-transform: none; vertical-align: top; font-size: 0.75em; } section .calendarShow i { color: #e82b29; font-size: 1.5em; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } section .calendarShow i:hover { color: #000; } section .dateFilter .startTrigger, section .dateFilter .endTrigger { color: #626b7a; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; cursor: pointer; } section .dateFilter .startTrigger:hover, section .dateFilter .endTrigger:hover { color: #e82b29; } section .calendarContainer { background: #fff; width: 25em; text-align: left; position: absolute; top: 3.5em; right: 0; } section .calendarContainer ul { margin: 0; border: solid 1px #dbdbdb; border-bottom: transparent; } section .calendarContainer ul .dateTrigger { font-size: 1em; text-align: left; font-weight: 300; padding: 0.6em 0.75em; position: relative; z-index: 1; } section .calendarContainer ul .dateTrigger:hover, section .calendarContainer ul .dateTrigger.active { color: #fff; background: #e82b29; } section .calendarContainer .colCount3 { text-align: center; border: solid 1px #dbdbdb; border-bottom-color: transparent; } section .calendarContainer .monthControl { width: 25%; float: left; } section .calendarContainer .monthFeed { width: 50%; float: left; } section .calendarContainer button { font-family: 'Lato', sans-serif; font-weight: 700; background: none; border: 0; border-radius: 0; color: #000; text-align: center; font-size: 1.5em; padding: 0.15em; -webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out, color 0.4s ease-in-out; transition: background 0.4s ease-in-out, color 0.4s ease-in-out; cursor: pointer; width: 100%; } section .calendarContainer button:hover, section .calendarContainer button:focus { color: #e82b29; } section .calendarDisplayTriggerSingle { padding-top: 0.4em; } section .calendarContainer table { font-size: 0.8em; border: 0; margin: 0; background: #fff; } section .calendarContainer table td { border: solid 1px #dbdbdb; padding: 0; } section .calendarContainer table button { font-size: 0.9em; padding: 1em 0.75em; font-weight: 300; } section .calendarContainer table button.disabled { cursor: not-allowed; pointer-events: none; color: #bbb; } section .calendarContainer table td:first-child { text-align: center; } section .calendarContainer table tr:first-child td { color: inherit; font-size: 0.9em; line-height: 1.3em; font-weight: 700; padding: 1em 0.75em; } section .calendarContainer table tr:first-child, section .calendarContainer table tr:nth-child(even) { background: none; } section .calendarContainer button.rangeInner { background: #b9b9b9; } section .calendarContainer button:hover, section .calendarContainer button.rangeStart, section .calendarContainer button.rangeEnd { background: #3f3f3f; color: #fff; } section.powerAdmin table { font-size: 0.75em; } section.powerAdmin aside table { border: solid 1px #ccc; } section.powerAdmin aside table tr:nth-child(even) { background: transparent; } section.powerAdmin aside table td { border-style: solid; border-width: 0 1px 1px 0; border-color: #ccc; } section.powerAdmin .header .colSpan3 { width: 53%; margin: 0; padding: 0; float: left; } section.powerAdmin .header .colSpan1 { width: 43%; } section.powerAdmin .googleChart { margin: 1em 0 0; height: 17em; } section.powerAdmin .googleChartFeed { padding: 1em; border: solid 1px #dbdbdb; } section.powerAdmin .powerAdminLinks { margin: 0 0 1em; } section.powerAdmin .powerAdminLinks a { font-weight: 700; text-transform: uppercase; font-size: 0.8em; white-space: nowrap; } section.powerAdmin .powerAdminLinks a + a { margin-left: 0.5em; } section .googleChartFeed .colSpan1 text { font-family: 'Lato', sans-serif!important; font-weight: inherit!important; } /* End Content */ /* === END POWER ADMIN === */