html{font-size:16px}@font-face{font-family:'Font-Bold';src:url("./fonts/ae547e5a-f574-470b-9431-3a16c0f73e7d.eot?#iefix");src:url("./fonts/ae547e5a-f574-470b-9431-3a16c0f73e7d.eot?#iefix") format("eot"),url("./fonts/a0afe27e-7751-4c93-8499-b73d4801ce53.woff") format("woff"),url("./fonts/2960bd08-c8ab-4549-8aab-dfc6245541f7.ttf") format("truetype"),url("./fonts/e9d182a6-38a1-4923-9d37-756b5cc46682.svg#e9d182a6-38a1-4923-9d37-756b5cc46682") format("svg");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Font-Medium';src:url("./fonts/a5a0edc0-b571-4275-9c51-3dfeba35b75a.eot?#iefix");src:url("./fonts/a5a0edc0-b571-4275-9c51-3dfeba35b75a.eot?#iefix") format("eot"),url("./fonts/e93ee223-5d52-4bdf-a113-c6c4c8936824.woff") format("woff"),url("./fonts/ccdadc2e-26c9-48a5-9c52-9c3cc58e9930.ttf") format("truetype"),url("./fonts/62fbb38e-9226-47f8-90d8-3c37328ab6c9.svg#62fbb38e-9226-47f8-90d8-3c37328ab6c9") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Font-Medium-Italic';src:url("./fonts/832ee4d2-f75a-4d88-9d27-05a07a814921.eot?#iefix");src:url("./fonts/832ee4d2-f75a-4d88-9d27-05a07a814921.eot?#iefix") format("eot"),url("./fonts/ebda6846-73f6-43d3-9197-a9577947f6c6.woff") format("woff"),url("./fonts/3df60eaf-797e-4c19-aa7c-b7f071f0cb44.ttf") format("truetype"),url("./fonts/29fffbbc-8876-445e-9ec0-1895f243a630.svg#29fffbbc-8876-445e-9ec0-1895f243a630") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Font-Light';src:url("./fonts/9e32d14b-d2cb-4be9-8244-4518db105eb7.eot?#iefix");src:url("./fonts/9e32d14b-d2cb-4be9-8244-4518db105eb7.eot?#iefix") format("eot"),url("./fonts/cb1d6e54-081d-429a-a0e2-e09f003b52f6.woff") format("woff"),url("./fonts/4e4ba5dd-4e46-4afe-804b-624ab0b31d9e.ttf") format("truetype"),url("./fonts/64bf7dd4-f691-4801-b042-b720c1c115bd.svg#64bf7dd4-f691-4801-b042-b720c1c115bd") format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:'Font-Regular';src:url("./fonts/9d31e151-fbaf-4f45-82ac-e92d05d395aa.eot?#iefix");src:url("./fonts/9d31e151-fbaf-4f45-82ac-e92d05d395aa.eot?#iefix") format("eot"),url("./fonts/cc4ea450-48c9-45ae-9905-49e4becb52cd.woff") format("woff"),url("./fonts/9e475c09-527f-4b4c-92d7-6f4bc0d2b863.ttf") format("truetype"),url("./fonts/c6005481-1bb3-4e65-9f23-3bf8f317d9e9.svg#c6005481-1bb3-4e65-9f23-3bf8f317d9e9") format("svg");font-weight:normal;font-style:normal;font-display:swap}.ccg-sg html{-webkit-font-smoothing:antialiased}.ccg-sg *{color:#222;border-color:#222}.ccg-sg .dark-theme,.ccg-sg .dark-theme *{color:#fff;border-color:#fff;background-color:#222}.ccg-sg h1,.ccg-sg h2,.ccg-sg h3,.ccg-sg h4,.ccg-sg h5,.ccg-sg h6{margin:0;margin-bottom:0.3em;font-family:"Font-Bold",serif;line-height:1;color:#222}.ccg-sg h1,.ccg-sg .h1{font-size:2rem}@media (min-width: 768px){.ccg-sg h1,.ccg-sg .h1{font-size:3rem}}.ccg-sg .pdp h1,.ccg-sg .pdp .h1{font-size:2rem}@media (min-width: 992px){.ccg-sg .pdp h1,.ccg-sg .pdp .h1{font-size:2.5rem}}.ccg-sg h2,.ccg-sg .h2{font-size:1.5rem}@media (min-width: 768px){.ccg-sg h2,.ccg-sg .h2{font-size:2rem}}.ccg-sg .pdp h2,.ccg-sg .pdp .h2{font-size:1.7rem; font-family: Tungsten; font-weight: 400; letter-spacing: 1.25px;}.ccg-sg h3,.ccg-sg .h3{font-size:1.25rem}@media (min-width: 768px){.ccg-sg h3,.ccg-sg .h3{font-size:1.5rem}}.ccg-sg .pdp h3,.ccg-sg .pdp .h3{font-size:1.25rem}.ccg-sg h4,.ccg-sg .h4{font-size:1.125rem}@media (min-width: 768px){.ccg-sg h4,.ccg-sg .h4{font-size:1.25rem}}.ccg-sg h5,.ccg-sg .h5{font-size:1rem}@media (min-width: 768px){.ccg-sg h5,.ccg-sg .h5{font-size:1.125rem}}.ccg-sg h6,.ccg-sg .h6{font-size:.875rem}@media (min-width: 768px){.ccg-sg h6,.ccg-sg .h6{font-size:1rem}}.ccg-sg p,.ccg-sg .paragraph{font-family:"Font-Regular",serif;font-weight:normal;font-size:1rem;line-height:1.25rem;color:#333;margin-top:0;text-transform:none}.ccg-sg .paragraph-large{font-size:1.25rem;color:#717171;line-height:1.5rem}.ccg-sg .paragraph-small{font-size:.75rem;line-height:1rem}.ccg-sg .dark-theme p,.ccg-sg .dark-theme .paragraph,.ccg-sg .dark-theme .paragraph-large,.ccg-sg .dark-theme .paragraph-small{color:#fff}.ccg-sg a{font-family:"Font-Regular",serif;color:#975f20;text-transform:none;text-decoration:none}.ccg-sg a:hover,.ccg-sg a:focus{text-decoration:underline}.ccg-sg a.list-link{display:block;position:relative;padding:1rem .5rem;text-transform:uppercase;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1rem;color:#333;font-family:"Font-Bold",serif}.ccg-sg a.list-link:hover,.ccg-sg a.list-link:focus{text-decoration:none}.ccg-sg a.list-link:after{position:absolute;top:1rem;right:.5rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M18.9 12L9 21.9l-1.414-1.415L16.07 12 7.586 3.515 9 2.1 18.9 12z'/%3E%3C/svg%3E%0A");height:1rem;width:1rem}.ccg-sg a.bulleted{padding-left:2.5rem;padding-right:1rem}.ccg-sg a.bulleted:before{content:'';position:absolute;top:1rem;left:1rem;height:1rem;width:1rem;border-radius:50%;border:.125rem solid #717171;background:#ccc}.ccg-sg label{font-family:"Font-Regular",serif;font-size:.875rem;color:#222;margin-top:0;line-height:1.5;text-transform:none}.ccg-sg .font-size-1000{font-size:4.5rem}.ccg-sg .font-size-900{font-size:4rem}.ccg-sg .font-size-800{font-size:3.5rem}.ccg-sg .font-size-700{font-size:3rem}.ccg-sg .font-size-600{font-size:2.5rem}.ccg-sg .font-size-500{font-size:2rem}.ccg-sg .font-size-400{font-size:1.5rem}.ccg-sg .font-size-300{font-size:1.25rem}.ccg-sg .font-size-200{font-size:1.125rem}.ccg-sg .font-size-100{font-size:1rem}.ccg-sg .font-size-75{font-size:.875rem}.ccg-sg .font-size-50{font-size:.75rem}.ccg-sg .font-size-25{font-size:.625rem}.ccg-sg .font-bold{font-family:"Font-Bold",serif}.ccg-sg .font-medium{font-family:"Font-Medium",serif}.ccg-sg .font-italic{font-family:"Font-Medium-Italic",serif}.ccg-sg .font-regular{font-family:"Font-Regular",serif}.ccg-sg .font-light{font-family:"Font-Light",serif}.ccg-sg button{cursor:pointer}.ccg-sg .btn{display:block;font-family:"Font-Bold",serif;font-size:1rem;line-height:1rem;letter-spacing:.03125rem;text-transform:uppercase;background-color:#fdb913;border:2px solid #fdb913;color:#333;padding:1rem 1.5rem;transition:all 0.3s ease-out;cursor:pointer}.ccg-sg .btn:hover,.ccg-sg .btn:focus{border-color:#333;color:#333}.ccg-sg .btn.btn-secondary{background-color:#222;border:2px solid #222;color:#fff}.ccg-sg .btn.btn-secondary:hover,.ccg-sg .btn.btn-secondary:focus{background-color:#975f20;border:2px solid #975f20;color:#fff}.ccg-sg .btn.btn-transparent{background-color:transparent;border:2px solid #222;color:#222}.ccg-sg .btn.btn-transparent:hover,.ccg-sg .btn.btn-transparent:focus{background-color:transparent;border:2px solid #975f20;color:#975f20}.ccg-sg .btn.btn-small{font-size:.875rem;line-height:1rem;padding:.5rem 1rem}.ccg-sg .btn.btn-large{font-size:1.5rem;line-height:1.5rem;padding:1.25rem 2rem}.ccg-sg .dark-theme .btn-secondary{color:#222;background-color:#f7f7f7;border-color:#f7f7f7}.ccg-sg .dark-theme .btn-transparent{border-color:#fff;color:#fff}.ccg-sg .dark-theme .btn-transparent:hover,.ccg-sg .dark-theme .btn-transparent:focus{border-color:#c37c13;color:#c37c13}.ccg-sg .brand-primary,.ccg-sg .gold{color:#fdb913}.ccg-sg .bg-brand-primary,.ccg-sg .bg-gold{background-color:#fdb913}.ccg-sg .brown-dark{color:#975f20}.ccg-sg .bg-brown-dark{background-color:#975f20}.ccg-sg .brown-light{color:#c37c13}.ccg-sg .bg-brown-light{background-color:#c37c13}.ccg-sg .success-green{color:#277d29}.ccg-sg .bg-success-green{background-color:#277d29}.ccg-sg .alert-red{color:#e31f26}.ccg-sg .bg-alert-red{background-color:#e31f26}.ccg-sg .alert-red-light{color:#ffe0e1}.ccg-sg .bg-alert-red-light{background-color:#ffe0e1}.ccg-sg .gray-700{color:#222}.ccg-sg .bg-gray-700{background-color:#222}.ccg-sg .gray-600{color:#333}.ccg-sg .bg-gray-600{background-color:#333}.ccg-sg .gray-500{color:#717171}.ccg-sg .bg-gray-500{background-color:#717171}.ccg-sg .gray-400{color:#949494}.ccg-sg .bg-gray-400{background-color:#949494}.ccg-sg .gray-300{color:#ccc}.ccg-sg .bg-gray-300{background-color:#ccc}.ccg-sg .gray-200{color:#e5e5e5}.ccg-sg .bg-gray-200{background-color:#e5e5e5}.ccg-sg .gray-100{color:#f7f7f7}.ccg-sg .bg-gray-100{background-color:#f7f7f7}.ccg-sg hr{border:none;border-top-width:1px;border-top-style:solid;border-top-color:#222}.ccg-sg hr.border-large{border-top-width:4px}.ccg-sg hr.border-medium{border-top-width:2px}.ccg-sg hr.border-dashed{border-top-style:dashed}.ccg-sg hr.border-light{border-top-color:#ccc}.ccg-sg hr.border-white{border-top-color:#fff;background-color:#222}.ccg-sg label{font-size:1rem;line-height:1rem;text-transform:uppercase;color:#333;font-family:"Font-Bold",serif}.ccg-sg label.checkbox-default,.ccg-sg label.radio-default{font-family:"Font-Regular",serif}.ccg-sg input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.ccg-sg textarea{width:100%;border:1px solid #949494;background-color:#f7f7f7;padding:1rem;color:#717171;font-family:"Font-Medium-Italic",serif;font-size:1rem;margin:.5rem 0 1.5rem;-webkit-appearance:none;appearance:none;box-shadow:none;cursor:pointer}.ccg-sg input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,.ccg-sg input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):active,.ccg-sg input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(:placeholder-shown),.ccg-sg textarea:focus,.ccg-sg textarea:active,.ccg-sg textarea:not(:placeholder-shown){border-color:#333;font-family:"Font-Regular",serif;color:#333;background-color:#fff;box-shadow:none}.ccg-sg input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,.ccg-sg textarea:focus{outline:3px solid #fdb913}.ccg-sg .input-caption-above{margin:0;color:#717171;font-size:.875rem;padding-top:.5rem}.ccg-sg .input-caption-below{color:#717171;font-size:.875rem;margin-top:-1rem;margin-bottom:1.5rem}.ccg-sg .input-error{margin-bottom:1.5rem}.ccg-sg .input-error input:not([type="radio"]):not([type="checkbox"]){border-color:#e31f26;border-width:3px;background-color:#ffe0e1;color:#333;margin-bottom:.5rem}.ccg-sg .input-error .validation-error{font-size:1rem;font-family:"Font-Medium-Italic",serif;color:#e31f26;text-transform:none;position:relative;padding-left:1.5rem}.ccg-sg .input-error .validation-error:before{position:absolute;top:0;left:0;height:1rem;width:1rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E31F26' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8'/%3E%3Cpath fill='%23FFF' d='M8.176 12.59a1.144 1.144 0 0 1-.833-.343A1.17 1.17 0 0 1 7 11.414c0-.327.114-.606.343-.84.23-.233.506-.35.833-.35.327 0 .604.117.833.35.23.234.343.513.343.84a1.17 1.17 0 0 1-1.176 1.176m0-9.59c.317 0 .59.096.82.287.227.192.342.483.342.875 0 .242-.044.628-.133 1.156a82.652 82.652 0 0 1-.399 2.134L8.512 8.95H7.84l-.294-1.498a78.52 78.52 0 0 1-.399-2.134c-.089-.528-.133-.914-.133-1.156 0-.392.114-.683.343-.875.23-.191.502-.287.82-.287'/%3E%3C/g%3E%3C/svg%3E%0A")}.ccg-sg select{width:100%;border:1px solid #949494;background-color:#f7f7f7;padding:1rem;color:#222;font-family:"Font-Regular",serif;font-size:1rem;transition:all 0.3s ease-out;margin:.5rem 0 1.5rem;-webkit-appearance:none;background-position:calc(100% - .75rem) 50%;background-size:17px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M8 12l5-8H3z'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;border-radius:0;cursor:pointer}.ccg-sg .select-with-link{position:relative}.ccg-sg .select-with-link a{position:absolute;top:0;right:.5rem;text-decoration:underline;font-size:1rem}.ccg-sg .select-with-internal-label{position:relative}.ccg-sg .select-with-internal-label label{position:absolute;top:27px;left:1rem;background-color:unset}.ccg-sg select:focus{border:1px solid #000}.ccg-sg select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.ccg-sg select::-ms-expand{display:none}.ccg-sg fieldset{border:none;font-size:1rem}.ccg-sg .checkbox-default{cursor:pointer;display:flex;align-items:center;padding:.5rem}.ccg-sg .checkbox-default .checkbox-label{padding-left:.5rem;text-transform:capitalize}.ccg-sg .checkbox-default input[type="checkbox"]{opacity:0;height:1px;width:1px;margin:-1px}.ccg-sg .checkbox-default input[type="checkbox"]+div{position:relative;height:1.25rem;width:1.25rem;border:.0625rem solid #333;background:unset}.ccg-sg .checkbox-default input[type="checkbox"]+div:before,.ccg-sg .checkbox-default input[type="checkbox"]+div:after{position:absolute;top:0;left:0;content:'';height:1.125rem;width:1.125rem;border:.1875rem solid transparent}.ccg-sg .checkbox-default input[type="checkbox"]:focus+div:before{border-color:#fdb913}.ccg-sg .checkbox-default input[type="checkbox"]:checked+div:before{border-color:#fdb913;background-color:#fdb913}.ccg-sg .checkbox-default input[type="checkbox"]:checked+div:after{top:-.0625rem;left:-.0625rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M10.57 2l-4.284 8.308-2.572-2.77L2 9.384 6.286 14 14 2z'/%3E%3C/svg%3E%0A");font-size:.75rem;height:1.25rem;width:1.25rem}.ccg-sg .radio-default{cursor:pointer;display:flex;align-items:center;padding:.5rem}.ccg-sg .radio-default .radio-label{padding-left:.5rem;text-transform:capitalize}.ccg-sg .radio-default input[type="radio"]{opacity:0;height:1px;width:1px;margin:-1px}.ccg-sg .radio-default input[type="radio"]+div{position:relative;height:1.25rem;width:1.25rem;border:.0625rem solid #333;background:unset;border-radius:50%}.ccg-sg .radio-default input[type="radio"]+div:before,.ccg-sg .radio-default input[type="radio"]+div:after{position:absolute;top:0;left:0;content:'';border:.1875rem solid transparent;border-radius:50%}.ccg-sg .radio-default input[type="radio"]+div:before{height:1.125rem;width:1.125rem}.ccg-sg .radio-default input[type="radio"]+div:after{height:.75rem;width:.75rem}.ccg-sg .radio-default input[type="radio"]:focus+div:before{border-color:#fdb913}.ccg-sg .radio-default input[type="radio"]:checked+div:before{border-color:#fdb913;background-color:#fdb913}.ccg-sg .radio-default input[type="radio"]:checked+div:after{top:.1875rem;left:.1875rem;background-color:#333}.ccg-sg .radio-color-swatch{cursor:pointer;position:relative;display:inline-block;height:3rem;width:3rem;border:.0625rem solid #717171;background-color:#fff;line-height:0;cursor:pointer;margin-right:.5rem}.ccg-sg .radio-color-swatch input[type="radio"]{position:absolute;opacity:0;height:1px;width:1px;margin:-1px;top:-1px}.ccg-sg .radio-color-swatch input[type="radio"]+div{position:absolute;height:2.875rem;width:2.875rem;border:.0625rem solid #fff}.ccg-sg .radio-color-swatch input[type="radio"]:focus+div{outline:.125rem solid #fdb913}.ccg-sg .radio-color-swatch input[type="radio"]:checked+div{outline:.125rem solid #333}.ccg-sg .radio-color-swatch input[type="radio"]:disabled+div:after{position:absolute;top:.625rem;left:.625rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8281,12l7.7783,7.7783-2.8281,2.8281L12,14.8281,4.2217,22.6064,1.3936,19.7783,9.1719,12,1.3936,4.2217,4.2217,1.3936,12,9.1719l7.7783-7.7783,2.8281,2.8281Z' style='fill:%23fff'/%3E%3Cpath d='M13.4142,12l7.7782,7.7782-1.4142,1.4142L12,13.4142,4.2218,21.1924,2.8076,19.7782,10.5858,12,2.8076,4.2218,4.2218,2.8076,12,10.5858l7.7782-7.7782,1.4142,1.4142Z'/%3E%3C/svg%3E");height:1.5rem;width:1.5rem;font-size:1.5rem}.ccg-sg .radio-color-swatch.small{height:2rem;width:2rem}.ccg-sg .radio-color-swatch.small input[type="radio"]+div{height:1.875rem;width:1.875rem}.ccg-sg .radio-color-swatch.small input[type="radio"]:disabled+div:after{top:.125rem;left:.125rem}.ccg-sg .toggle-button{position:relative;background-color:#333;height:1.5rem;width:3rem;border:none;border-radius:.75rem;cursor:pointer}.ccg-sg .toggle-button:disabled,.ccg-sg .toggle-button[disabled]{background-color:#eee}.ccg-sg .toggle-button:disabled:after,.ccg-sg .toggle-button[disabled]:after{background-color:#ccc}.ccg-sg .toggle-button:after{content:'';position:absolute;top:.25rem;left:.25rem;background-color:#fdb913;height:1rem;width:1rem;border-radius:50%;transition:all 0.3s ease-out}.ccg-sg .toggle-button[aria-checked="false"]:after{left:1.75rem}.ccg-sg .accordion-controls{padding:0;list-style:none}.ccg-sg .accordion-trigger{text-align:left;display:block;width:100%;padding:1rem .5rem;border:none;border-top:.0625rem solid #717171;background-color:transparent;font-size:1rem;position:relative;font-family:"Font-Bold",serif;text-transform:uppercase;color:#333}.ccg-sg .accordion-trigger>*{vertical-align:middle}.ccg-sg .accordion-trigger:after{position:absolute;top:calc(50% - .5rem);right:.5rem;width:1rem;height:1rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M13-.059v11h11v2H13v11h-2v-11H0v-2h11v-11h2z'/%3E%3C/svg%3E%0A")}.ccg-sg .accordion-controls li:last-of-type{border-bottom:.0625rem solid #717171}.ccg-sg .accordion-trigger[aria-expanded="true"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M.029 11h24v2h-24z'/%3E%3C/svg%3E%0A")}.ccg-sg .accordion-panel{display:none}.ccg-sg .accordion-gray .accordion-trigger{background-color:#eee;border-color:#ccc;padding:0 .5rem;margin:0;border:none}.ccg-sg .accordion-gray .accordion-trigger div{padding:1rem 0 1rem 2rem;background-color:unset;border-top:.0625rem solid #ccc}.ccg-sg .accordion-gray .accordion-trigger .accordion-clear-button{position:absolute;bottom:1rem;right:1rem;background-color:unset;text-transform:capitalize;font-size:1rem;line-height:1rem}.ccg-sg .accordion-gray .accordion-trigger .accordion-clear-button:before{position:absolute;top:0;left:-1rem;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23222' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8'/%3E%3Cpath fill='%23FFF' d='M12.243 5.172l-1.414-1.414-2.83 2.828-2.827-2.828-1.414 1.414L6.586 8l-2.828 2.828 1.414 1.414L8 9.414l2.829 2.828 1.414-1.414L9.413 8z'/%3E%3C/g%3E%3C/svg%3E%0A");height:.75rem;width:.75rem}.ccg-sg .accordion-gray .accordion-trigger:after{left:1rem;right:unset;height:.75rem;width:.75rem}.ccg-sg .accordion-gray li:last-of-type{border:none}.ccg-sg .accordion-gray li:last-of-type .accordion-trigger div{border-bottom:.0625rem solid #ccc}.ccg-sg .accordion-gray .accordion-panel{background-color:#eee;padding:0 1rem 1rem 1rem}.ccg-sg .accordion-gray .accordion-panel-inner{padding:1rem 0}.ccg-sg .container{width:100%;padding:0 1rem}@media (min-width: 992px){.ccg-sg .container{max-width:1400px;margin:0 auto}}.ccg-sg body{margin:0}.ccg-sg *,.ccg-sg :after,.ccg-sg :before{box-sizing:border-box}svg{fill:#333}.svg-container{display:none}.bg-icon-zoom-in{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M11.293 0c-6.065 0-11 4.935-11 11s4.935 11 11 11c2.674 0 5.125-.961 7.034-2.552l4.259 4.259L24 22.293l-4.259-4.259A10.951 10.951 0 0 0 22.293 11c0-6.065-4.935-11-11-11zm0 2c4.963 0 9 4.038 9 9 0 4.963-4.037 9-9 9s-9-4.037-9-9c0-4.962 4.037-9 9-9zm-1 4v4h-4v2h4v4h2v-4h4v-2h-4V6h-2z'/%3E%3C/svg%3E%0A")}.bg-icon-zoom-out{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M11.293 0c-6.065 0-11 4.935-11 11s4.935 11 11 11c2.674 0 5.125-.961 7.034-2.552l4.259 4.259L24 22.293l-4.259-4.259A10.951 10.951 0 0 0 22.293 11c0-6.065-4.935-11-11-11zm0 2c4.963 0 9 4.038 9 9 0 4.963-4.037 9-9 9s-9-4.037-9-9c0-4.962 4.037-9 9-9zm-5 8v2h10v-2h-10z'/%3E%3C/svg%3E%0A")}.bg-icon-view-visible{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M10.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m1.5 9c-3.989 0-7.606-3.189-9.338-5 .929-.971 2.401-2.334 4.18-3.393A5.455 5.455 0 0 0 6.5 10.5a5.5 5.5 0 0 0 11 0c0-.667-.125-1.302-.342-1.893 1.779 1.059 3.251 2.423 4.18 3.393-1.734 1.812-5.35 5-9.338 5m.648-11.958A5.524 5.524 0 0 0 12 5c-.22 0-.436.017-.648.042C5.027 5.474 0 12 0 12s5.373 7 12 7 12-7 12-7-5.027-6.526-11.352-6.958'/%3E%3C/svg%3E%0A")}.bg-icon-trashcan{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M19.766 8L18.21 22H5.79L4.235 8h15.531zM4 24h16l2-18H2l2 18zm3-4h2V10H7v10zm8 0h2V10h-2v10zm-4 0h2V10h-2v10zM10 3h4V2h-4v1zm6 0V2a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v1H2v2h20V3h-6z'/%3E%3C/svg%3E%0A")}.bg-icon-tier-discount{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FDB913' d='M23.79 3.536L20.255.001h-7.069L0 13.185l10.606 10.606 13.186-13.186z'/%3E%3Cpath fill='%23333' d='M19.792 5a1 1 0 1 1-1.999.001 1 1 0 0 1 2 0zm-5.11 6.7a2.326 2.326 0 0 1 0 3.347l-4.015 3.922a.11.11 0 0 1-.153 0l-4.01-3.926a2.33 2.33 0 0 1 0-3.35A2.44 2.44 0 0 1 8.214 11a2.44 2.44 0 0 1 1.712.692l.668.652.662-.645a2.44 2.44 0 0 1 1.712-.694c.62 0 1.238.231 1.712.694zm-4.076 9.264l-7.778-7.778L14.014 2l5.413.001 2.364 2.364.001 5.413-11.186 11.186zM23.79 3.536L20.255.001h-7.069L0 13.185l10.606 10.606 13.186-13.186-.002-7.07z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-sort{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M17.707 4.416V18.01l2.291-2.301 1.418 1.41-4.713 4.734-4.704-4.71 1.416-1.412 2.293 2.296V4.416h2zM6.704 3l4.713 4.732-1.417 1.411-2.292-2.3v13.595H5.708V6.826L3.415 9.122 2 7.709 6.703 3z'/%3E%3C/svg%3E%0A")}.bg-icon-share{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M21.117 21.658A1.984 1.984 0 0 1 20 22c-1.103 0-2-.898-2-2a1.997 1.997 0 0 1 3.658-1.117 2 2 0 0 1-.541 2.775M2 12c0-1.103.448-2.103 1.173-2.827A3.99 3.99 0 0 1 6 8a4.004 4.004 0 0 1 3.685 5.555c-.203.478-.496.91-.858 1.272a3.991 3.991 0 0 1-4.383.858 4.024 4.024 0 0 1-2.13-2.13A3.987 3.987 0 0 1 2 12m19.117-9.658c.213.144.396.328.541.541A2 2 0 1 1 18 4a1.997 1.997 0 0 1 3.117-1.658M20 16c-.279 0-.552.03-.816.084-.035.007-.066.023-.1.031a4 4 0 0 0-.663.211c-.008.004-.016.01-.025.013a4.005 4.005 0 0 0-1.258.874l-5.51-3.149c.116-.317.208-.645.27-.984.003-.017.004-.035.008-.052A6.01 6.01 0 0 0 12 12a6.01 6.01 0 0 0-.094-1.028c-.004-.017-.005-.035-.009-.053a5.893 5.893 0 0 0-.269-.983l5.51-3.149c.357.367.783.664 1.258.873.01.004.016.01.025.014.212.09.434.157.663.211.034.007.065.023.1.031A4 4 0 1 0 16 4c0 .213.026.418.062.62.023.145.055.285.093.425L10.64 8.197a6.05 6.05 0 0 0-.425-.466c-.03-.03-.064-.056-.094-.085a5.907 5.907 0 0 0-.366-.323c-.054-.043-.11-.082-.165-.123a5.678 5.678 0 0 0-.337-.238c-.065-.042-.132-.08-.198-.12a5.672 5.672 0 0 0-.916-.443 6.555 6.555 0 0 0-.234-.086 6.625 6.625 0 0 0-.379-.11c-.078-.02-.154-.043-.234-.06a5.999 5.999 0 0 0-.429-.074c-.069-.01-.137-.024-.207-.032a6 6 0 1 0 0 11.926c.07-.008.138-.022.207-.032.145-.02.288-.044.43-.074.08-.017.155-.04.233-.06.128-.034.255-.069.38-.11.078-.028.155-.057.233-.087a6.124 6.124 0 0 0 .575-.254c.116-.059.23-.122.341-.188.066-.04.133-.079.198-.12.116-.075.227-.156.337-.238.054-.04.111-.08.165-.123.126-.102.247-.21.365-.322.03-.03.064-.056.095-.087.15-.147.292-.302.425-.465l5.516 3.151a4.09 4.09 0 0 0-.093.426A3.512 3.512 0 0 0 16 20a3.978 3.978 0 0 0 1.172 2.828A4.003 4.003 0 0 0 20 24a4 4 0 0 0 0-8'/%3E%3C/svg%3E%0A")}.bg-icon-print{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M8 20h8v-2H8v2zm0-3h8v-2H8v2zm14-9H2v8h2v-4h16v4h2V8zM6 21h12v-7H6v7zM6 6h12V3H6v3zm18 2v10h-4v5H4v-5H0V8a2 2 0 0 1 2-2h2V1h16v5h2a2 2 0 0 1 2 2zm-4 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E%0A")}.bg-icon-personalize{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23FDB913'/%3E%3Cpath fill='%23222' d='M14 15h-4v-2h4a1.001 1.001 0 0 1 0 2zm-4-6h3a1.001 1.001 0 0 1 0 2h-3V9zm5.6 2.47c.248-.436.4-.933.4-1.47a3 3 0 0 0-3-3H8v10h6a3 3 0 0 0 3-3 2.992 2.992 0 0 0-1.4-2.53zM12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm10-8c0-.385-.027-.764-.069-1.138l1.829-1.254a11.916 11.916 0 0 0-.851-2.586l-2.207.062a9.964 9.964 0 0 0-1.34-1.834l.742-2.083a12.037 12.037 0 0 0-2.202-1.608l-1.754 1.35a9.854 9.854 0 0 0-2.164-.71L13.361.083C12.914.032 12.461 0 12 0c-.461 0-.914.032-1.361.083l-.623 2.116a9.854 9.854 0 0 0-2.164.71l-1.754-1.35c-.797.451-1.532.994-2.202 1.608l.742 2.083a9.964 9.964 0 0 0-1.34 1.834l-2.207-.062A11.916 11.916 0 0 0 .24 9.608l1.829 1.254C2.027 11.236 2 11.615 2 12c0 .385.027.764.069 1.138L.24 14.392c.183.904.477 1.767.851 2.586l2.207-.062a9.964 9.964 0 0 0 1.34 1.834l-.742 2.083c.67.614 1.405 1.157 2.202 1.608l1.754-1.35a9.854 9.854 0 0 0 2.164.71l.623 2.116c.447.051.9.083 1.361.083.461 0 .914-.032 1.361-.083l.623-2.116a9.854 9.854 0 0 0 2.164-.71l1.754 1.35a12.037 12.037 0 0 0 2.202-1.608l-.742-2.083a9.964 9.964 0 0 0 1.34-1.834l2.207.062c.374-.819.668-1.682.851-2.586l-1.829-1.254c.042-.374.069-.753.069-1.138z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-pdf{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M2 0v24h20V7l-7-7H2zm2 2.001h9V9h7v13.001H4v-20zm11 .828L19.172 7H15V2.829zM6 14h12.001v-2H6v2zm0 4h12.001v-2H6v2z'/%3E%3C/svg%3E%0A")}.bg-icon-location{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FDB913' d='M15 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath fill='%23333' d='M12 1a8 8 0 0 1 8 8c0 8-8 14-8 14S4 16 4 9a8 8 0 0 1 8-8zm0 2C8.691 3 6 5.691 6 9c0 4.451 3.99 9.142 6.078 11.292C14.148 18.352 18 14.057 18 9c0-3.309-2.692-6-6-6zm0 2c2.206 0 4 1.794 4 4s-1.794 4-4 4-4-1.794-4-4 1.794-4 4-4zm0 2c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-help{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm0 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm-.204 15.427c.716 0 1.27.554 1.27 1.269 0 .715-.532 1.27-1.27 1.27-.74 0-1.27-.532-1.27-1.27 0-.74.555-1.27 1.27-1.27zm.946-12.462c2.516 0 4.154 1.592 4.154 3.923 0 1.684-.623 2.723-2.1 3.462-1.384.692-2.353 1.015-2.353 2.261 0 .37.07.6.07.715 0 .185-.07.255-.233.255h-1.592c-.3 0-.323-.347-.323-1.293 0-1.316.601-2.193 1.94-2.862 1.522-.784 2.513-1.176 2.513-2.538a2.067 2.067 0 0 0-2.076-2.077h-.877c-1.06 0-1.385.6-1.916 1.293-.068.092-.114.138-.207.138-.023 0-.069 0-.115-.023l-1.454-.738c-.092-.047-.138-.093-.138-.162 0-.854 1.545-2.354 3.83-2.354z'/%3E%3C/svg%3E%0A")}.bg-icon-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M0 21h24V3H0v18zM2.699 7L2 6.491V5h20v1.491L21.301 7 12 13.764 2.699 7zm16.808 3.777L22 8.963v6.801l-2.493-4.987zM2 8.963l2.493 1.814L2 15.764V8.963zm15.867 3.006L21.382 19H2.618l3.515-7.031L12 16.236l5.867-4.267z'/%3E%3C/svg%3E%0A")}.bg-icon-ellipsis{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M12 10a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 10m8 0a2 2 0 1 0 .001 4.001A2 2 0 0 0 20 10M6 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 6 12'/%3E%3C/svg%3E%0A")}.bg-icon-edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M19.092 23.452h3v-2h-3v2zm-9-2h8v2h-10l2-2zM20.293 6.24l-2.08-2.08 1.157-1.157a.53.53 0 0 1 .283.16l1.637 1.636c.113.114.15.225.159.284L20.293 6.24zM5.757 20.774l-2.413.334.334-2.413L16.799 5.573l2.08 2.08L5.757 20.774zm16.947-17.39l-1.636-1.636C20.573 1.253 19.94 1 19.34 1c-.496 0-.969.173-1.322.526l-16.23 16.23L1 23.451l5.696-.789 16.23-16.229c.781-.78.681-2.147-.222-3.05z'/%3E%3C/svg%3E%0A")}.bg-icon-chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23333' d='M0 1v18.26h15.963l8.385 4.792V1H0zm2.029 2.029h20.29v17.527l-5.817-3.324H2.029V3.029z'/%3E%3Cpath fill='%23FAB616' d='M5.072 7.087h14.203V5.058H5.072zM5.072 11.145h14.203V9.116H5.072zM5.072 15.203h10.145v-2.029H5.072z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-account-yellow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FDB913' d='M5 20a7 7 0 1 1 14 0s-2 3-7 3-7-3-7-3'/%3E%3Cpath fill='%23333' d='M2 12C2 6.486 6.486 2 12 2s10 4.486 10 10c0 2.361-.827 4.53-2.201 6.243a8.02 8.02 0 0 0-4.8-5.654c.919-1.008 1.501-2.465 1.501-4.089C16.5 5.724 14.775 4 12 4S7.5 5.724 7.5 8.5c0 1.624.582 3.081 1.501 4.089a8.02 8.02 0 0 0-4.8 5.654A9.946 9.946 0 0 1 2 12m7.5-3.5c0-1.659.841-2.5 2.5-2.5s2.5.841 2.5 2.5c0 1.897-1.145 3.5-2.5 3.5s-2.5-1.603-2.5-3.5m5.586 13.007c-.076.026-.159.05-.238.075a9.94 9.94 0 0 1-.773.198c-.074.016-.153.028-.229.042A10.021 10.021 0 0 1 12 22c-.393 0-.754-.028-1.104-.064a10.349 10.349 0 0 1-.75-.115c-.072-.013-.147-.025-.216-.039a10.113 10.113 0 0 1-.784-.202c-.075-.023-.151-.045-.223-.069-.156-.051-.308-.111-.461-.169-1.337-.55-2.127-1.3-2.453-1.675A6.009 6.009 0 0 1 12 14a6.009 6.009 0 0 1 5.991 5.667c-.322.371-1.112 1.124-2.456 1.676-.149.056-.297.115-.449.164m1.278 1.66C20.827 21.416 24 17.076 24 12c0-6.617-5.383-12-12-12S0 5.383 0 12c0 5.076 3.173 9.416 7.636 11.167.85.357 1.874.64 3.08.762.031.003.062.008.094.01.38.036.773.061 1.19.061.417 0 .81-.025 1.19-.061.032-.002.063-.007.094-.01a10.71 10.71 0 0 0 3.08-.762'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-account{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M2 12C2 6.486 6.486 2 12 2s10 4.486 10 10c0 2.361-.827 4.53-2.201 6.243a8.02 8.02 0 0 0-4.8-5.654c.919-1.008 1.501-2.465 1.501-4.089C16.5 5.724 14.775 4 12 4S7.5 5.724 7.5 8.5c0 1.624.582 3.081 1.501 4.089a8.02 8.02 0 0 0-4.8 5.654A9.946 9.946 0 0 1 2 12m7.5-3.5c0-1.659.841-2.5 2.5-2.5s2.5.841 2.5 2.5c0 1.897-1.145 3.5-2.5 3.5s-2.5-1.603-2.5-3.5m5.586 13.007c-.076.026-.159.05-.238.075a9.94 9.94 0 0 1-.773.198c-.074.016-.153.028-.229.042A10.021 10.021 0 0 1 12 22c-.393 0-.754-.028-1.104-.064a10.349 10.349 0 0 1-.75-.115c-.072-.013-.147-.025-.216-.039a10.113 10.113 0 0 1-.784-.202c-.075-.023-.151-.045-.223-.069-.156-.051-.308-.111-.461-.169-1.337-.55-2.127-1.3-2.453-1.675A6.009 6.009 0 0 1 12 14a6.009 6.009 0 0 1 5.991 5.667c-.322.371-1.112 1.124-2.456 1.676-.149.056-.297.115-.449.164m1.278 1.66C20.827 21.416 24 17.076 24 12c0-6.617-5.383-12-12-12S0 5.383 0 12c0 5.076 3.173 9.416 7.636 11.167.85.357 1.874.64 3.08.762.031.003.062.008.094.01.38.036.773.061 1.19.061.417 0 .81-.025 1.19-.061.032-.002.063-.007.094-.01a10.71 10.71 0 0 0 3.08-.762'/%3E%3C/svg%3E%0A")}.bg-icon-account-brown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23975F20' d='M5 20a7 7 0 1 1 14 0s-2 3-7 3-7-3-7-3'/%3E%3Cpath fill='%23333' d='M2 12C2 6.486 6.486 2 12 2s10 4.486 10 10c0 2.361-.827 4.53-2.201 6.243a8.02 8.02 0 0 0-4.8-5.654c.919-1.008 1.501-2.465 1.501-4.089C16.5 5.724 14.775 4 12 4S7.5 5.724 7.5 8.5c0 1.624.582 3.081 1.501 4.089a8.02 8.02 0 0 0-4.8 5.654A9.946 9.946 0 0 1 2 12m7.5-3.5c0-1.659.841-2.5 2.5-2.5s2.5.841 2.5 2.5c0 1.897-1.145 3.5-2.5 3.5s-2.5-1.603-2.5-3.5m5.586 13.007c-.076.026-.159.05-.238.075a9.94 9.94 0 0 1-.773.198c-.074.016-.153.028-.229.042A10.021 10.021 0 0 1 12 22c-.393 0-.754-.028-1.104-.064a10.349 10.349 0 0 1-.75-.115c-.072-.013-.147-.025-.216-.039a10.113 10.113 0 0 1-.784-.202c-.075-.023-.151-.045-.223-.069-.156-.051-.308-.111-.461-.169-1.337-.55-2.127-1.3-2.453-1.675A6.009 6.009 0 0 1 12 14a6.009 6.009 0 0 1 5.991 5.667c-.322.371-1.112 1.124-2.456 1.676-.149.056-.297.115-.449.164m1.278 1.66C20.827 21.416 24 17.076 24 12c0-6.617-5.383-12-12-12S0 5.383 0 12c0 5.076 3.173 9.416 7.636 11.167.85.357 1.874.64 3.08.762.031.003.062.008.094.01.38.036.773.061 1.19.061.417 0 .81-.025 1.19-.061.032-.002.063-.007.094-.01a10.71 10.71 0 0 0 3.08-.762'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-360{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M24 10.474C24 7.35 18.835 5 12 5S0 7.35 0 10.474c0 1.814 1.67 3.391 4.701 4.403.526.178 1.113-.09 1.299-.595.031-.059.031-.149.062-.208a.966.966 0 0 0-.68-1.041c-2.011-.685-3.341-1.696-3.341-2.559 0-1.458 3.773-3.51 9.928-3.51 6.155 0 9.927 2.052 9.927 3.51 0 1.071-1.885 2.32-5.041 3.034l1.578-1.308c.433-.357.463-.982.092-1.399-.371-.416-1.02-.446-1.453-.089l-4.33 3.599a.922.922 0 0 0-.309.447.735.735 0 0 0-.031.446c.062.327.309.625.65.744l5.319 1.993c.124.059.247.059.371.059.403 0 .805-.237.959-.624.217-.506-.061-1.071-.588-1.279l-1.824-.685C21.433 14.52 24 12.705 24 10.474'/%3E%3C/svg%3E%0A")}.bg-icon-youtube{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M9.497 15.117V8.372l6.47 3.384-6.47 3.361zM23.71 7.205s-.234-1.655-.954-2.382c-.913-.956-1.933-.96-2.4-1.017-3.35-.244-8.38-.244-8.38-.244h-.009s-5.029 0-8.379.244c-.468.056-1.487.061-2.4 1.017-.72.727-.95 2.382-.95 2.382S0 9.145 0 11.09v1.818c0 1.941.239 3.886.239 3.886s.234 1.655.95 2.382c.912.956 2.11.923 2.643 1.026 1.918.183 8.145.24 8.145.24s5.034-.01 8.383-.25c.468-.056 1.488-.06 2.4-1.016.72-.727.955-2.382.955-2.382s.238-1.94.238-3.886v-1.818c-.004-1.941-.243-3.886-.243-3.886z'/%3E%3C/svg%3E%0A")}.bg-icon-twitter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M24 5.306a9.708 9.708 0 0 1-2.826.774 4.952 4.952 0 0 0 2.165-2.724 9.899 9.899 0 0 1-3.126 1.196A4.923 4.923 0 0 0 16.62 3a4.92 4.92 0 0 0-4.921 4.922c0 .384.042.76.126 1.12A13.971 13.971 0 0 1 1.678 3.895a4.924 4.924 0 0 0-.666 2.475c0 1.707.867 3.216 2.189 4.097a4.927 4.927 0 0 1-2.23-.614v.061a4.924 4.924 0 0 0 3.95 4.828 4.93 4.93 0 0 1-2.226.085 4.938 4.938 0 0 0 4.597 3.421A9.872 9.872 0 0 1 0 20.288 13.923 13.923 0 0 0 7.55 22.5c9.055 0 14.008-7.505 14.008-14.01 0-.217-.004-.428-.014-.638A9.91 9.91 0 0 0 24 5.306'/%3E%3C/svg%3E%0A")}.bg-icon-pinterest{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M12 1.603C6.258 1.603 1.603 6.258 1.603 12c0 4.406 2.742 8.166 6.61 9.68-.09-.82-.174-2.086.037-2.982.188-.81 1.219-5.165 1.219-5.165s-.31-.624-.31-1.542c0-1.444.84-2.527 1.88-2.527.886 0 1.317.666 1.317 1.463 0 .89-.567 2.226-.862 3.459-.249 1.036.515 1.88 1.537 1.88 1.847 0 3.267-1.95 3.267-4.763 0-2.489-1.79-4.228-4.34-4.228-2.958 0-4.692 2.217-4.692 4.514 0 .895.342 1.852.773 2.372.084.103.098.192.07.3-.08.328-.253 1.036-.29 1.181-.047.192-.15.23-.347.14-1.299-.604-2.11-2.502-2.11-4.026 0-3.281 2.382-6.29 6.868-6.29 3.604 0 6.407 2.568 6.407 6.004 0 3.582-2.259 6.47-5.395 6.47-1.055 0-2.044-.55-2.381-1.196l-.647 2.47c-.234.905-.867 2.034-1.294 2.724.975.3 2.007.464 3.08.464 5.742 0 10.397-4.655 10.397-10.397 0-5.747-4.655-10.402-10.397-10.402'/%3E%3C/svg%3E%0A")}.bg-icon-linkedin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M13.15 9v2.128h.06C13.788 10.092 15.201 9 17.308 9c4.382 0 5.192 2.728 5.192 6.275V22.5h-4.327v-6.405c0-1.528-.031-3.493-2.25-3.493-2.254 0-2.598 1.664-2.598 3.382V22.5H9V9h4.15zM6 9v13.5H1.5V9H6zM3.75 3a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5z'/%3E%3C/svg%3E%0A")}.bg-icon-instagram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M13.16 0c2.222.005 2.677.022 3.79.075 1.275.056 2.147.263 2.91.558a5.866 5.866 0 0 1 2.124 1.383 5.62 5.62 0 0 1 1.374 2.132c.295.76.501 1.636.558 2.911.048 1.11.065 1.564.07 3.786v2.32c-.005 2.222-.022 2.676-.07 3.785-.057 1.275-.263 2.147-.558 2.91a5.866 5.866 0 0 1-1.383 2.124 5.866 5.866 0 0 1-2.123 1.383c-.76.296-1.636.502-2.911.558-1.195.052-1.63.068-4.331.07h-1.23c-2.7-.002-3.136-.018-4.33-.07-1.275-.056-2.147-.262-2.91-.558a5.866 5.866 0 0 1-2.124-1.383 5.857 5.857 0 0 1-1.388-2.128c-.295-.76-.501-1.636-.558-2.91-.048-1.11-.066-1.564-.07-3.786v-2.32c.004-2.222.022-2.677.07-3.79.057-1.275.263-2.147.558-2.91a5.88 5.88 0 0 1 1.388-2.124A5.857 5.857 0 0 1 4.144.628C4.904.333 5.78.127 7.054.07 8.165.022 8.619.004 10.84 0zm-.849 2.161h-.622c-2.922 0-3.317.016-4.536.07-1.167.052-1.805.249-2.226.413a3.76 3.76 0 0 0-1.379.9c-.417.417-.68.82-.895 1.378-.164.422-.36 1.055-.412 2.226-.051 1.135-.067 1.56-.07 3.968v1.759c.003 2.407.019 2.828.07 3.967.051 1.167.248 1.805.412 2.227.22.558.478.956.9 1.378.417.417.82.68 1.378.895.422.164 1.055.361 2.227.413 1.093.048 1.527.066 3.708.07h2.278c2.18-.005 2.61-.022 3.708-.07 1.167-.052 1.804-.249 2.226-.413a3.76 3.76 0 0 0 1.378-.9c.417-.417.68-.82.896-1.378.164-.422.36-1.055.412-2.227.053-1.176.068-1.59.07-4.243v-1.207c-.002-2.652-.017-3.062-.07-4.243-.052-1.167-.248-1.805-.412-2.227a3.76 3.76 0 0 0-.9-1.378 3.711 3.711 0 0 0-1.379-.895c-.421-.164-1.054-.361-2.226-.413-1.261-.056-1.64-.07-4.847-.07zM12 5.836A6.166 6.166 0 0 1 18.164 12 6.166 6.166 0 0 1 12 18.164 6.166 6.166 0 0 1 5.836 12 6.166 6.166 0 0 1 12 5.836zm0 2.166A3.999 3.999 0 1 0 12.001 16 3.999 3.999 0 0 0 12 8.002zm6.408-3.849a1.44 1.44 0 1 1 0 2.878 1.44 1.44 0 0 1 0-2.878z'/%3E%3C/svg%3E%0A")}.bg-icon-facebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M14.25 4.5H18V0h-3.75A5.256 5.256 0 0 0 9 5.25V7.5H6V12h3v12h4.5V12h3.75L18 7.5h-4.5V5.25a.76.76 0 0 1 .75-.75'/%3E%3C/svg%3E%0A")}.bg-icon-check-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M10.57 2l-4.284 8.308-2.572-2.77L2 9.384 6.286 14 14 2z'/%3E%3C/svg%3E%0A")}.bg-icon-circle-arrow-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23333' d='M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8'/%3E%3Cpath fill='%23FFF' d='M5.636 4.465L7.05 3.05 12 8l-4.95 4.949-1.414-1.414L9.172 8z'/%3E%3C/g%3E%3C/svg%3E")}.bg-icon-help-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23333' d='M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8'/%3E%3Cpath fill='%23FFF' d='M11.338 5.534c0 1.798-1.075 2.229-1.936 2.628-.476.23-.891.43-.891 1.014 0 .369.092.6.092.707 0 .092-.046.123-.154.123H6.99c-.092 0-.138-.046-.153-.123a6.248 6.248 0 0 1-.092-.922c0-1.429.998-1.828 1.844-2.259.522-.261.983-.522.983-1.168 0-.614-.476-1.106-1.09-1.106h-.554c-.415 0-.815.246-1.091.907-.03.076-.077.107-.123.107-.062 0-.123-.046-.184-.077l-1.23-.63c-.061-.03-.092-.061-.092-.107 0-.092.154-.338.292-.569.461-.722 1.152-1.244 2.428-1.244h.553c1.736 0 2.858 1.121 2.858 2.72zm-2.428 6.24a1.05 1.05 0 0 1-1.03 1.029 1.05 1.05 0 0 1-1.029-1.03c0-.553.477-1.03 1.03-1.03s1.03.477 1.03 1.03z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-saved-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h16v16H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%23FDB913' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0' mask='url(%23b)'/%3E%3C/g%3E%3Cpath fill='%23333' d='M6.019 4.667c-.516 0-1.032.191-1.427.577a1.942 1.942 0 0 0 0 2.792l3.343 3.272a.093.093 0 0 0 .127 0l3.346-3.269c.79-.77.79-2.018 0-2.79a2.035 2.035 0 0 0-1.427-.578c-.516 0-1.032.192-1.427.578l-.551.538-.557-.543a2.034 2.034 0 0 0-1.427-.577'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-select-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M8 12l5-8H3z'/%3E%3C/svg%3E%0A")}.bg-icon-success-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23277D29' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8'/%3E%3Cpath fill='%23FFF' d='M12.5 3.821l-5.786 8.357L3.5 8.964l1.286-1.286 1.928 1.93L9.929 3.82z'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-warning-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E31F26' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8'/%3E%3Cpath fill='%23FFF' d='M8.176 12.59a1.144 1.144 0 0 1-.833-.343A1.17 1.17 0 0 1 7 11.414c0-.327.114-.606.343-.84.23-.233.506-.35.833-.35.327 0 .604.117.833.35.23.234.343.513.343.84a1.17 1.17 0 0 1-1.176 1.176m0-9.59c.317 0 .59.096.82.287.227.192.342.483.342.875 0 .242-.044.628-.133 1.156a82.652 82.652 0 0 1-.399 2.134L8.512 8.95H7.84l-.294-1.498a78.52 78.52 0 0 1-.399-2.134c-.089-.528-.133-.914-.133-1.156 0-.392.114-.683.343-.875.23-.191.502-.287.82-.287'/%3E%3C/g%3E%3C/svg%3E%0A")}.bg-icon-x-small{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23222' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8'/%3E%3Cpath fill='%23FFF' d='M12.243 5.172l-1.414-1.414-2.83 2.828-2.827-2.828-1.414 1.414L6.586 8l-2.828 2.828 1.414 1.414L8 9.414l2.829 2.828 1.414-1.414L9.413 8z'/%3E%3C/g%3E%3C/svg%3E%0A")}
/*
*-----------------------------------------------------------------
* Licensed Materials - Property of IBM
*
* WebSphere Commerce
*
* (C) Copyright IBM Corp. 2013, 2015 All Rights Reserved.
*
* US Government Users Restricted Rights - Use, duplication or
* disclosure restricted by GSA ADP Schedule Contract with
* IBM Corp.
*-----------------------------------------------------------------
*/
/*** Reset + basic styles ***/
/* Retina support */
@font-face {
font-family: "ITC Conduit W01_n9";
src: url("./fonts/ae547e5a-f574-470b-9431-3a16c0f73e7d.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W09";
src: url("./fonts/ae547e5a-f574-470b-9431-3a16c0f73e7d.eot?#iefix");
src: url("./fonts/ae547e5a-f574-470b-9431-3a16c0f73e7d.eot?#iefix") format("eot"), url("./fonts/a0afe27e-7751-4c93-8499-b73d4801ce53.woff") format("woff"), url("./fonts/2960bd08-c8ab-4549-8aab-dfc6245541f7.ttf") format("truetype"), url("./fonts/e9d182a6-38a1-4923-9d37-756b5cc46682.svg#e9d182a6-38a1-4923-9d37-756b5cc46682") format("svg");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W09_i1";
src: url("./fonts/9d31e151-fbaf-4f45-82ac-e92d05d395aa.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W01";
src: url("./fonts/9d31e151-fbaf-4f45-82ac-e92d05d395aa.eot?#iefix");
src: url("./fonts/9d31e151-fbaf-4f45-82ac-e92d05d395aa.eot?#iefix") format("eot"), url("./fonts/cc4ea450-48c9-45ae-9905-49e4becb52cd.woff") format("woff"), url("./fonts/9e475c09-527f-4b4c-92d7-6f4bc0d2b863.ttf") format("truetype"), url("./fonts/c6005481-1bb3-4e65-9f23-3bf8f317d9e9.svg#c6005481-1bb3-4e65-9f23-3bf8f317d9e9") format("svg");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "ITC Conduit W01_i2";
src: url("./fonts/9e32d14b-d2cb-4be9-8244-4518db105eb7.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W02";
src: url("./fonts/9e32d14b-d2cb-4be9-8244-4518db105eb7.eot?#iefix");
src: url("./fonts/9e32d14b-d2cb-4be9-8244-4518db105eb7.eot?#iefix") format("eot"), url("./fonts/cb1d6e54-081d-429a-a0e2-e09f003b52f6.woff") format("woff"), url("./fonts/4e4ba5dd-4e46-4afe-804b-624ab0b31d9e.ttf") format("truetype"), url("./fonts/64bf7dd4-f691-4801-b042-b720c1c115bd.svg#64bf7dd4-f691-4801-b042-b720c1c115bd") format("svg");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "ITC Conduit W02_n4";
src: url("./fonts/367b2d50-c71b-4348-b8e2-d364f82386ea.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W04";
src: url("./fonts/367b2d50-c71b-4348-b8e2-d364f82386ea.eot?#iefix");
src: url("./fonts/367b2d50-c71b-4348-b8e2-d364f82386ea.eot?#iefix") format("eot"), url("./fonts/e328f17d-e8e5-424f-92e8-31af32b2ebac.woff") format("woff"), url("./fonts/97556a76-3d0b-4ad7-ae17-02b5d97e928b.ttf") format("truetype"), url("./fonts/407529ad-dcaa-4637-ac62-6cf9265d4f52.svg#407529ad-dcaa-4637-ac62-6cf9265d4f52") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W04_n5";
src: url("./fonts/a5a0edc0-b571-4275-9c51-3dfeba35b75a.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W05";
src: url("./fonts/a5a0edc0-b571-4275-9c51-3dfeba35b75a.eot?#iefix");
src: url("./fonts/a5a0edc0-b571-4275-9c51-3dfeba35b75a.eot?#iefix") format("eot"), url("./fonts/e93ee223-5d52-4bdf-a113-c6c4c8936824.woff") format("woff"), url("./fonts/ccdadc2e-26c9-48a5-9c52-9c3cc58e9930.ttf") format("truetype"), url("./fonts/62fbb38e-9226-47f8-90d8-3c37328ab6c9.svg#62fbb38e-9226-47f8-90d8-3c37328ab6c9") format("svg");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W01_i9";
src: url("./fonts/86810c3e-354e-417f-9ffe-195b27736151.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W09i";
src: url("./fonts/86810c3e-354e-417f-9ffe-195b27736151.eot?#iefix");
src: url("./fonts/86810c3e-354e-417f-9ffe-195b27736151.eot?#iefix") format("eot"), url("./fonts/b2fbf317-cd76-4a7a-bc66-4108d3ce5a94.woff") format("woff"), url("./fonts/d96fd761-8451-4d01-8443-fcb4d10fb3ce.ttf") format("truetype"), url("./fonts/7e039442-211a-4159-b641-e456210be8e3.svg#7e039442-211a-4159-b641-e456210be8e3") format("svg");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "ITC Conduit W01_n7";
src: url("./fonts/ef1cf8c3-989e-4b7e-ad89-9e034d47686d.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W07";
src: url("./fonts/ef1cf8c3-989e-4b7e-ad89-9e034d47686d.eot?#iefix");
src: url("./fonts/ef1cf8c3-989e-4b7e-ad89-9e034d47686d.eot?#iefix") format("eot"), url("./fonts/fdaf48d4-c023-4a03-b948-53535ee4d571.woff") format("woff"), url("./fonts/ca6dc25e-d400-4735-9fb9-ee2d025ebb5c.ttf") format("truetype"), url("./fonts/aa206b9b-b888-4ce6-8039-669469e9b429.svg#aa206b9b-b888-4ce6-8039-669469e9b429") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W01_i7";
src: url("./fonts/63c0d040-592d-47b6-863c-91a96339b9b6.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W07i";
src: url("./fonts/63c0d040-592d-47b6-863c-91a96339b9b6.eot?#iefix");
src: url("./fonts/63c0d040-592d-47b6-863c-91a96339b9b6.eot?#iefix") format("eot"), url("./fonts/12c62c8a-5fa0-42e5-9dbe-d81e2cd53756.woff") format("woff"), url("./fonts/ec4d359c-2645-4fe6-81c9-a6926f0faefa.ttf") format("truetype"), url("./fonts/92dde6c0-7bec-4165-81cd-6565fa13067c.svg#92dde6c0-7bec-4165-81cd-6565fa13067c") format("svg");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "ITC Conduit W01_n1";
src: url("./fonts/56e483c2-8f13-4a25-a380-5f99bd42a54e.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W01";
src: url("./fonts/56e483c2-8f13-4a25-a380-5f99bd42a54e.eot?#iefix");
src: url("./fonts/56e483c2-8f13-4a25-a380-5f99bd42a54e.eot?#iefix") format("eot"), url("./fonts/b2edcd10-e47c-46ce-a26e-abc326913231.woff") format("woff"), url("./fonts/2ca7ac3e-e9ad-4469-ad0f-7ca39807abb6.ttf") format("truetype"), url("./fonts/97620ad5-a20b-4d15-846e-062fa737d4c2.svg#97620ad5-a20b-4d15-846e-062fa737d4c2") format("svg");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W01_i4";
src: url("./fonts/6c436973-c7bc-4fa8-8015-3e3a5fe41514.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W04i";
src: url("./fonts/6c436973-c7bc-4fa8-8015-3e3a5fe41514.eot?#iefix");
src: url("./fonts/6c436973-c7bc-4fa8-8015-3e3a5fe41514.eot?#iefix") format("eot"), url("./fonts/0d4b4097-9f7f-486f-b108-07f6ab48ca1d.woff") format("woff"), url("./fonts/8e21264d-f678-4005-b90c-8d8288a0d179.ttf") format("truetype"), url("./fonts/a084d860-2279-4910-b924-82b72dcc36e0.svg#a084d860-2279-4910-b924-82b72dcc36e0") format("svg");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "ITC Conduit W01_n2";
src: url("./fonts/45fa0132-0858-4e18-9594-5a070788a059.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W02";
src: url("./fonts/45fa0132-0858-4e18-9594-5a070788a059.eot?#iefix");
src: url("./fonts/45fa0132-0858-4e18-9594-5a070788a059.eot?#iefix") format("eot"), url("./fonts/e924c59f-bc21-471f-ad1b-cefd0c1a6315.woff") format("woff"), url("./fonts/13b88c12-e5f0-46c4-932a-57fe881b7c46.ttf") format("truetype"), url("./fonts/cf39e66c-fff7-43d5-b865-0a45543d590a.svg#cf39e66c-fff7-43d5-b865-0a45543d590a") format("svg");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "ITC Conduit W01_i5";
src: url("./fonts/832ee4d2-f75a-4d88-9d27-05a07a814921.eot?#iefix") format("eot");
}
@font-face {
font-family: "ITC Conduit W05i";
src: url("./fonts/832ee4d2-f75a-4d88-9d27-05a07a814921.eot?#iefix");
src: url("./fonts/832ee4d2-f75a-4d88-9d27-05a07a814921.eot?#iefix") format("eot"), url("./fonts/ebda6846-73f6-43d3-9197-a9577947f6c6.woff") format("woff"), url("./fonts/3df60eaf-797e-4c19-aa7c-b7f071f0cb44.ttf") format("truetype"), url("./fonts/29fffbbc-8876-445e-9ec0-1895f243a630.svg#29fffbbc-8876-445e-9ec0-1895f243a630") format("svg");
font-weight: 500;
font-style: italic;
}
/* Tungsten Titles, subtitles and CTA */
@font-face {
font-family: Tungsten-Bold;
font-weight: bold;
src: url("./fonts/Tungsten-Bold.ttf");
}
@font-face {
font-family: Tungsten;
font-weight: normal;
src: url("./fonts/Tungsten-Medium.ttf");
}
/* TradeGothicNextLTPro copy */
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 400;
font-stretch: condensed;
src: url("./fonts/TradeGothicNextLTW05-Cond.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Cond.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 700;
font-stretch: condensed;
src: url("./fonts/TradeGothicNextLTW05-BoldCn.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldCn.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 400;
font-stretch: normal;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-Italic.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Italic.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 100;
font-stretch: normal;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-LtIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-LtIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 700;
font-stretch: normal;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-BoldIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-Heavy.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Heavy.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 900;
font-stretch: normal;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-HvIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 400;
font-stretch: condensed;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-CondIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-CondIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 700;
font-stretch: condensed;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-BdCnIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BdCnIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 900;
font-stretch: condensed;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-HvCn.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCn.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 900;
font-stretch: condensed;
font-style: italic;
src: url("./fonts/TradeGothicNextLTW05-HvCnIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCnIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 100;
font-stretch: normal;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-Light.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Light.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 400;
font-stretch: extra-condensed;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-Comp.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Comp.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 700;
font-stretch: extra-condensed;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-BoldCm.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldCm.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro";
font-weight: 900;
font-stretch: extra-condensed;
font-style: normal;
src: url("./fonts/TradeGothicNextLTW05-HvCm.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCm.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-BdCn";
src: url("./fonts/TradeGothicNextLTW05-BoldCn.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldCn.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-Bd";
src: url("./fonts/TradeGothicNextLTW05-Bold.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Bold.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-Cn";
src: url("./fonts/TradeGothicNextLTW05-Cond.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Cond.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-It";
src: url("./fonts/TradeGothicNextLTW05-Italic.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Italic.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-LtIt";
src: url("./fonts/TradeGothicNextLTW05-LtIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-LtIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-BdIt";
src: url("./fonts/TradeGothicNextLTW05-BoldIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-Hv";
src: url("./fonts/TradeGothicNextLTW05-Heavy.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Heavy.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-HvIt";
src: url("./fonts/TradeGothicNextLTW05-HvIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-CnIt";
src: url("./fonts/TradeGothicNextLTW05-CondIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-CondIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-BdCnIt";
src: url("./fonts/TradeGothicNextLTW05-BdCnIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BdCnIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-HvCn";
src: url("./fonts/TradeGothicNextLTW05-HvCn.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCn.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-HvCnIt";
src: url("./fonts/TradeGothicNextLTW05-HvCnIt.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCnIt.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-HvCm";
src: url("./fonts/TradeGothicNextLTW05-HvCm.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-HvCm.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-Lt";
src: url("./fonts/TradeGothicNextLTW05-Light.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Light.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-Cm";
src: url("./fonts/TradeGothicNextLTW05-Comp.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-Comp.woff") format("woff");
}
@font-face {
font-family: "TradeGothicNextLTPro-BdCm";
src: url("./fonts/TradeGothicNextLTW05-BoldCm.woff2") format("woff2"),
url("./fonts/TradeGothicNextLTW05-BoldCm.woff") format("woff");
}
body {
background: white;
color: #222222;
padding: 0;
margin: 0;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.9rem;
line-height: 1.4rem;
position: relative;
cursor: default;
}
a {
color: inherit;
cursor: pointer;
text-decoration: none;
}
blockquote, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
font-size: inherit;
}
button, input, textarea, select {
margin: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
fieldset, iframe, img {
margin: 0;
padding: 0;
border: 0;
}
dl, ol, ul {
margin: 0;
}
#content {
overflow: hidden;
}
.default_cursor {
cursor:default;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.float-right-important {
float: right !important;
}
/* Button */
.basicButton {
display: inline-block;
position: relative;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ffb123));
background-image: linear-gradient(#fbbb0b, #ffb123);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')";
border: 1px solid #bfbfbf;
border-radius: 4px;
border-spacing: 0;
vertical-align: middle;
}
.basicButton:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fed60c), to(#f8af06));
background-image: linear-gradient(#fed60c, #f8af06);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c', endColorStr='#f8af06')";
}
.basicButton > span {
display: table-cell;
height: 30px;
padding: 0 15px;
border: 1px solid #fdd466;
border-radius: 3px;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.btn-black{
background:#222222;
color: #ffffff;
}
.btn-gold{
background:#fdb913;
color: #333333;
border-radius: 10px;
}
button.btn,a.btn{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.5px;
text-align: center;
border:none;
width: -webkit-fill-available;
width: -moz-available;
margin-right: 10px;
padding: 20px 0;
text-transform: uppercase;
cursor:pointer;
display:block;
}
button.btn.marginless {
margin-right: 0;
}
@media only screen and (max-width: 768px) {
button.btn.marginless {
margin-right: 0px;
padding: 12px 11px 13px 7px;
}
}
.shop_now_column {
width: 45%;
}
.shop_now_css{
padding-top: 3rem;
}
@media only screen and (max-width: 768px) {
.shop_now_css{
width: 53%;
padding-top: 0px;
}
}
@media only screen and (max-width: 320px) {
.shop_now_css{
padding-top: 32px;
}
}
/* Department button */
.departmentButton {
display: inline-block;
position: relative;
margin: 2px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9));
background-image: linear-gradient(#f7f9f9, #e5e8e9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
border: 1px solid #bfbfbf;
border-radius: 4px;
border-spacing: 0;
vertical-align: middle;
}
.departmentButton:hover {
background-image: linear-gradient(#f7f9f9, #ced2d3);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}
.departmentButton.selected {
color: #454545;
background-image: linear-gradient(#fbbb0b, #ee9505);
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ee9505));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ee9505')";
}
.departmentButton > span {
display: table-cell;
max-width: 196px;
height: 36px;
padding: 0 15px;
border: 1px solid #f1f3f3;
border-radius: 3px;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.departmentButton.selected > span {
border-color: #fdd466;
}
/* Menu */
.basicMenu {
display: none;
}
.basicMenu.active {
display: block;
position: absolute;
top: 100%;
z-index: 20;
background-color: #ffffff;
border: 1px solid #c9cece;
border-radius: 0 0 4px 4px;
}
.basicMenu > h3, .basicMenu > .closeButton {
display: none;
}
.basicMenu > ul {
margin: 0;
padding: 0 16px 16px 16px;
list-style: none;
}
.basicMenu > ul > li {
padding: 8px 0;
border-bottom: 1px solid #c9cece;
}
.basicMenu > ul > li > a {
display: block;
margin: 0 -8px;
padding: 8px;
}
.basicMenu > ul > li > span {
display: block;
padding: 8px 0;
}
/* Underline decoration */
.basicMenu a, .departmentMenu a, #quickLinksBar > li > a, #searchFilterButton {
text-decoration: none;
}
.basicMenu a:hover, .departmentMenu a:hover, #quickLinksBar > li > a:not(.nohover):hover, #searchFilterButton:hover, .product_info > .product_name > a:hover {
text-decoration: underline;
}
/* Text color decoration */
#quickLinksBar > li > a.disabled {
color:#909090;
}
/* Arrow decoration */
.arrow_button_icon{
float: right;
position: absolute;
width: 7px;
height: 7px;
overflow:hidden;
right: 3px;
bottom: 3px;
}
#quickLinksButton .arrow_button_icon {
bottom: 10px;
}
.arrow_button_icon:before{
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -1px;
left: -101px;
}
#quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #allDepartmentsButton .arrow_button_icon:before{
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -1px;
left: -121px;
}
.departmentButton.selected .arrow_button_icon:before {
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -21px;
left: -21px;
}
#quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before , #departmentsButton.selected .arrow_button_icon:before, #allDepartmentsButton.selected .arrow_button_icon:before {
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -21px;
left: -241px;
}
.pageControlButton:after {
background-position: -141px -1px;
}
/* Marketing content */
.left_espot {
position: relative;
z-index: 0;
}
.left_espot.centered > a,
.left_espot.centered > img {
display: inline-block;
max-width: 100%;
vertical-align: top;
padding-left: 19px;
}
.left_espot.centered > a > img {
display: block;
max-width: 100%;
}
/* Subscribe button */
.subscribeButton {
position: absolute;
right: 5px;
top: 5px;
z-index: 1;
background-color: rgba(0,0,0,0);
line-height: 0;
}
.subscribeButton:before {
content: url("../images/responsive/rss_feed.png");
}
/*** Grid system ***/
/* Row container */
.rowContainer,
.rowContainer > .row { padding: 5px 0; padding-bottom: 5px!important;}
.rowContainer > .row.margin-true { padding: 0 5px; }
.row.margin-true > div > div { margin: 10px 5px; }
.row.margin-true > div > div:first-of-type { margin-top: 5px; }
.row.margin-true > div > div:last-of-type { margin-bottom: 5px; }
.row.margin-true > div > .row { margin: 0 !important; }
/* Row */
.row:after {
content: "";
display: block;
clear: both;
}
.row > div { float: left; }
.row > .right { float: right; }
.row-margin > div > div {
margin-left: 1.6%;
}
.row-margin > div:first-child > div {
margin-left: 0;
}
/* Columns */
.col1 { width: 8.333333%; }
.col1a { width: 10%; }
.col2 { width: 16.666666%; }
.col3 { width: 25%; }
.col4 { width: 33.333333%; }
.col5 { width: 41.666666%; }
.col6 { width: 50%; }
.col7 { width: 58.333333%; }
.col8 { width: 66.666666%; }
.col9 { width: 75%; }
.col10 { width: 83.333333%; }
.col11 { width: 91.666666%; }
.col12 { width: 100%; }
.col-offset1 { margin-left: 8.333333%; }
.col-offset2 { margin-left: 16.666666%; }
.col-offset3 { margin-left: 25%; }
.col-offset4 { margin-left: 33.333333%; }
.col-offset5 { margin-left: 41.666666%; }
.col-offset6 { margin-left: 50%; }
.col-offset7 { margin-left: 58.333333%; }
.col-offset8 { margin-left: 66.666666%; }
.col-offset9 { margin-left: 75%; }
.col-offset10 { margin-left: 83.333333%; }
.col-offset11 { margin-left: 91.666666%; }
.col-offset12 { margin-left: 100%; }
.col-margin > * {
margin-left: 1.6%;
}
.col-margin-0 > * {
margin-left: 0;
}
.col-margin-1r > * {
margin-left: 1rem;
}
.col-margin-2r > * {
margin-left: 2rem;
}
.col-margin-right > * {
margin-right: 1.6%;
}
.col-margin-right-0 > * {
margin-right: 0;
}
.col-margin-right-1r > * {
margin-right: 1rem;
}
.col-margin-right-2r > * {
margin-right: 2rem;
}
.col-margin-top-1r > * {
margin-top: 1rem;
}
.col-margin-top-2r > * {
margin-top: 2rem;
}
.rwd-hide {
display: none;
}
.rwd-a-show, .rwd-b-show, .rwd-ba-show, .rwd-bb-show, .rwd-bc-show, .rwd-c-show, .rwd-a-show-footer {
display: none;
}
/*
* RWD-A - 0-600px
* RWD-B - 601-1280px
* RWD-BA - 601-767px
* RWD-BB - 768-1169px
* RWD-BC - 1170px - 1280px
* RWD-C - 1281px+
*/
/* Grid system - RWD-A */
@media (max-width: 600px) {
.rwd-a-hide {
display: none;
}
.rwd-a-show {
display: inherit;
}
.rwd-a-hide-footer {
display: none;
}
.rwd-a-show-footer {
display: inherit;
}
.acol1 { width: 8.333333%; }
.acol2 { width: 16.666666%; }
.acol3 { width: 25%; }
.acol4 { width: 33.333333%; }
.acol5 { width: 41.666666%; }
.acol6 { width: 50%; }
.acol7 { width: 58.333333%; }
.acol8 { width: 66.666666%; }
.acol9 { width: 75%; }
.acol10 { width: 83.333333%; }
.acol11 { width: 91.666666%; }
.acol12 { width: 100%; }
.acol-offset1 { margin-left: 8.333333%; }
.acol-offset2 { margin-left: 16.666666%; }
.acol-offset3 { margin-left: 25%; }
.acol-offset4 { margin-left: 33.333333%; }
.acol-offset5 { margin-left: 41.666666%; }
.acol-offset6 { margin-left: 50%; }
.acol-offset7 { margin-left: 58.333333%; }
.acol-offset8 { margin-left: 66.666666%; }
.acol-offset9 { margin-left: 75%; }
.acol-offset10 { margin-left: 83.333333%; }
.acol-offset11 { margin-left: 91.666666%; }
.acol-offset12 { margin-left: 100%; }
.rowContainer > .row.margin-true {
padding-left: 0;
padding-right: 0;
}
.row.margin-true > div > div {
margin-left: 0;
margin-right: 0;
}
.acol-margin > * {
margin-left: 1.6%;
}
.acol-margin-0 > * {
margin-left: 0;
}
.acol-margin-1r > * {
margin-left: 1rem;
}
.acol-margin-1_5r > * {
margin-left: 1.5rem;
}
.acol-margin-2r > * {
margin-left: 2rem;
}
.acol-margin-right > * {
margin-right: 1.6%;
}
.acol-margin-right-0 > * {
margin-right: 0;
}
.acol-margin-right-1r > * {
margin-right: 1rem;
}
.acol-margin-right-1_5r > * {
margin-right: 1.5rem;
}
.acol-margin-right-2r > * {
margin-right: 2rem;
}
.acol-margin-top-1r > * {
margin-top: 1rem;
}
.acol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* Grid system - RWD-BC */
@media (min-width: 1170px) and (max-width: 1280px) {
.rwd-bc-hide {
display: none;
}
.rwd-bc-show {
display: inherit;
}
.bccol1 { width: 8.333333%; }
.bccol2 { width: 16.666666%; }
.bccol3 { width: 25%; }
.bccol4 { width: 33.333333%; }
.bccol5 { width: 41.666666%; }
.bccol6 { width: 50%; }
.bccol7 { width: 58.333333%; }
.bccol8 { width: 66.666666%; }
.bccol9 { width: 75%; }
.bccol10 { width: 83.333333%; }
.bccol11 { width: 91.666666%; }
.bccol12 { width: 100%; }
.bccol-offset1 { margin-left: 8.333333%; }
.bccol-offset2 { margin-left: 16.666666%; }
.bccol-offset3 { margin-left: 25%; }
.bccol-offset4 { margin-left: 33.333333%; }
.bccol-offset5 { margin-left: 41.666666%; }
.bccol-offset6 { margin-left: 50%; }
.bccol-offset7 { margin-left: 58.333333%; }
.bccol-offset8 { margin-left: 66.666666%; }
.bccol-offset9 { margin-left: 75%; }
.bccol-offset10 { margin-left: 83.333333%; }
.bccol-offset11 { margin-left: 91.666666%; }
.bccol-offset12 { margin-left: 100%; }
.rowContainer > .row.margin-true {
padding-left: 0;
padding-right: 0;
}
.row.margin-true > div > div {
margin-left: 0;
margin-right: 0;
}
.bccol-margin > * {
margin-left: 1.6%;
}
.bccol-margin-0 > * {
margin-left: 0
}
.bccol-margin-1r > * {
margin-left: 1rem;
}
.bccol-margin-1_5r > * {
margin-left: 1.5rem;
}
.bccol-margin-2r > * {
margin-left: 2rem;
}
.bccol-margin-right > * {
margin-right: 1.6%;
}
.bccol-margin-right-0 > * {
margin-right: 0;
}
.bccol-margin-right-1r > * {
margin-right: 1rem;
}
.bccol-margin-right-1_5r > * {
margin-right: 1.5rem;
}
.bccol-margin-right-2r > * {
margin-right: 2rem;
}
.bccol-margin-top-1r > * {
margin-top: 1rem;
}
.bccol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* Grid system - RWD-BB */
@media (min-width: 768px) and (max-width: 1169px) {
.rwd-bb-hide {
display: none;
}
.rwd-bb-show {
display: inherit;
}
.bbcol1 { width: 8.333333%; }
.bbcol2 { width: 16.666666%; }
.bbcol3 { width: 25%; }
.bbcol4 { width: 33.333333%; }
.bbcol5 { width: 41.666666%; }
.bbcol6 { width: 50%; }
.bbcol7 { width: 58.333333%; }
.bbcol8 { width: 66.666666%; }
.bbcol9 { width: 75%; }
.bbcol10 { width: 83.333333%; }
.bbcol11 { width: 91.666666%; }
.bbcol12 { width: 100%; }
.bbcol-offset1 { margin-left: 8.333333%; }
.bbcol-offset2 { margin-left: 16.666666%; }
.bbcol-offset3 { margin-left: 25%; }
.bbcol-offset4 { margin-left: 33.333333%; }
.bbcol-offset5 { margin-left: 41.666666%; }
.bbcol-offset6 { margin-left: 50%; }
.bbcol-offset7 { margin-left: 58.333333%; }
.bbcol-offset8 { margin-left: 66.666666%; }
.bbcol-offset9 { margin-left: 75%; }
.bbcol-offset10 { margin-left: 83.333333%; }
.bbcol-offset11 { margin-left: 91.666666%; }
.bbcol-offset12 { margin-left: 100%; }
.rowContainer > .row.margin-true {
padding-left: 0;
padding-right: 0;
}
.row.margin-true > div > div {
margin-left: 0;
margin-right: 0;
}
.bbcol-margin > * {
margin-left: 1.6%;
}
.bbcol-margin-0 > * {
margin-left: 0
}
.bbcol-margin-1r > * {
margin-left: 1rem;
}
.bbcol-margin-1_5r > * {
margin-left: 1.5rem;
}
.bbcol-margin-2r > * {
margin-left: 2rem;
}
.bbcol-margin-right > * {
margin-right: 1.6%;
}
.bbcol-margin-right-0 > * {
margin-right: 0;
}
.bbcol-margin-right-1r > * {
margin-right: 1rem;
}
.bbcol-margin-right-1_5r > * {
margin-right: 1.5rem;
}
.bbcol-margin-right-2r > * {
margin-right: 2rem;
}
.bbcol-margin-top-1r > * {
margin-top: 1rem;
}
.bbcol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* Grid system - RWD-BA */
@media (min-width: 601px) and (max-width: 767px) {
.rwd-ba-hide {
display: none;
}
.rwd-ba-show {
display: inherit;
}
.bacol1 { width: 8.333333%; }
.bacol2 { width: 16.666666%; }
.bacol3 { width: 25%; }
.bacol4 { width: 33.333333%; }
.bacol5 { width: 41.666666%; }
.bacol6 { width: 50%; }
.bacol7 { width: 58.333333%; }
.bacol8 { width: 66.666666%; }
.bacol9 { width: 75%; }
.bacol10 { width: 83.333333%; }
.bacol11 { width: 91.666666%; }
.bacol12 { width: 100%; }
.bacol-offset1 { margin-left: 8.333333%; }
.bacol-offset2 { margin-left: 16.666666%; }
.bacol-offset3 { margin-left: 25%; }
.bacol-offset4 { margin-left: 33.333333%; }
.bacol-offset5 { margin-left: 41.666666%; }
.bacol-offset6 { margin-left: 50%; }
.bacol-offset7 { margin-left: 58.333333%; }
.bacol-offset8 { margin-left: 66.666666%; }
.bacol-offset9 { margin-left: 75%; }
.bacol-offset10 { margin-left: 83.333333%; }
.bacol-offset11 { margin-left: 91.666666%; }
.bacol-offset12 { margin-left: 100%; }
.rowContainer > .row.margin-true {
padding-left: 0;
padding-right: 0;
}
.row.margin-true > div > div {
margin-left: 0;
margin-right: 0;
}
.bacol-margin > * {
margin-left: 1.6%;
}
.bacol-margin-0 > * {
margin-left: 0;
}
.bacol-margin-1r > * {
margin-left: 1rem;
}
.bacol-margin-1_5r > * {
margin-left: 1.5rem;
}
.bacol-margin-2r > * {
margin-left: 2rem;
}
.bacol-margin-right > * {
margin-right: 1.6%;
}
.bacol-margin-right-0 > * {
margin-right: 0;
}
.bacol-margin-right-1r > * {
margin-right: 1rem;
}
.bacol-margin-right-1_5r > * {
margin-right: 1.5rem;
}
.bacol-margin-right-2r > * {
margin-right: 2rem;
}
.bacol-margin-top-1r > * {
margin-top: 1rem;
}
.bacol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* Grid system - RWD-B */
@media (min-width: 601px) and (max-width: 1280px) {
.rwd-b-hide {
display: none;
}
.rwd-b-show {
display: inherit;
}
.bcol1 { width: 8.333333%; }
.bcol2 { width: 16.666666%; }
.bcol3 { width: 25%; }
.bcol4 { width: 33.333333%; }
.bcol5 { width: 41.666666%; }
.bcol6 { width: 50%; }
.bcol7 { width: 58.333333%; }
.bcol8 { width: 66.666666%; }
.bcol9 { width: 75%; }
.bcol10 { width: 83.333333%; }
.bcol11 { width: 91.666666%; }
.bcol12 { width: 100%; }
.bcol-offset1 { margin-left: 8.333333%; }
.bcol-offset2 { margin-left: 16.666666%; }
.bcol-offset3 { margin-left: 25%; }
.bcol-offset4 { margin-left: 33.333333%; }
.bcol-offset5 { margin-left: 41.666666%; }
.bcol-offset6 { margin-left: 50%; }
.bcol-offset7 { margin-left: 58.333333%; }
.bcol-offset8 { margin-left: 66.666666%; }
.bcol-offset9 { margin-left: 75%; }
.bcol-offset10 { margin-left: 83.333333%; }
.bcol-offset11 { margin-left: 91.666666%; }
.bcol-offset12 { margin-left: 100%; }
.rowContainer > .row.margin-true {
padding-left: 0;
padding-right: 0;
}
.row.margin-true > div > div {
margin-left: 0;
margin-right: 0;
}
.bcol-margin > * {
margin-left: 1.6%;
}
.bcol-margin-0 > * {
margin-left: 0;
}
.bcol-margin-1r > * {
margin-left: 1rem;
}
.bcol-margin-1_5r > * {
margin-left: 1.5rem;
}
.bcol-margin-2r > * {
margin-left: 2rem;
}
.bcol-margin-right > * {
margin-right: 1.6%;
}
.bcol-margin-right-0 > * {
margin-right: 0;
}
.bcol-margin-right-1r > * {
margin-right: 1rem;
}
.bcol-margin-right-1_5r > * {
margin-right: 1.5rem;
}
.bcol-margin-right-2r > * {
margin-right: 2rem;
}
.bcol-margin-top-1r > * {
margin-top: 1rem;
}
.bcol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* Grid system - RWD-C */
@media (min-width: 1281px) {
.rwd-c-hide {
display: none;
}
.rwd-c-show {
display: inherit;
}
.ccol1 { width: 8.333333%; }
.ccol2 { width: 16.666666%; }
.ccol3 { width: 25%; }
.ccol4 { width: 33.333333%; }
.ccol5 { width: 41.666666%; }
.ccol6 { width: 50%; }
.ccol7 { width: 58.333333%; }
.ccol8 { width: 66.666666%; }
.ccol9 { width: 75%; }
.ccol10 { width: 83.333333%; }
.ccol11 { width: 91.666666%; }
.ccol12 { width: 100%; }
.ccol-offset1 { margin-left: 8.333333%; }
.ccol-offset2 { margin-left: 16.666666%; }
.ccol-offset3 { margin-left: 25%; }
.ccol-offset4 { margin-left: 33.333333%; }
.ccol-offset5 { margin-left: 41.666666%; }
.ccol-offset6 { margin-left: 50%; }
.ccol-offset7 { margin-left: 58.333333%; }
.ccol-offset8 { margin-left: 66.666666%; }
.ccol-offset9 { margin-left: 75%; }
.ccol-offset10 { margin-left: 83.333333%; }
.ccol-offset11 { margin-left: 91.666666%; }
.ccol-offset12 { margin-left: 100%; }
.rowContainer,
.rowContainer > .row { padding: 10px 0; padding-bottom: 10px!important;}
.rowContainer > .row.margin-true { padding: 0 10px; }
.row.margin-true > div > div { margin: 20px 10px; }
.row.margin-true > div > div:first-of-type { margin-top: 10px; }
.row.margin-true > div > div:last-of-type { margin-bottom: 10px; }
.ccol-margin > * {
margin-left: 1.6%;
}
.ccol-margin-0 > * {
margin-left: 0;
}
.ccol-margin-1r > * {
margin-left: 1rem;
}
.ccol-margin-2r > * {
margin-left: 2rem;
}
.ccol-margin-right > * {
margin-right: 1.6%;
}
.ccol-margin-right-0 > * {
margin-right: 0;
}
.ccol-margin-right-1r > * {
margin-right: 1rem;
}
.ccol-margin-right-2r > * {
margin-right: 2rem;
}
.ccol-margin-top-1r > * {
margin-top: 1rem;
}
.ccol-margin-top-2r > * {
margin-top: 2rem;
}
}
/* wc/widget/Grid - fluid grid responsive to container width */
.grid {
margin: 0;
padding: 0;
list-style: none;
}
.grid > div > li {
display: inline-block;
vertical-align: top;
}
/*** Header ***/
#header {
position: relative;
background-color: #ffffff;
font-size: 14px;
line-height: normal; /* Needed because of bad CSS reset */
z-index: 10;
}
#headerRow1 {
position: relative;
height: auto;
}
#headerRow2 {
position: relative;
min-height: auto;
}
#headerRow1:after, #headerRow2:after {
content: "";
display: block;
clear: both;
}
.headerBanner{
background: #333333;
color: #fdb913;
font-size: 24px;
text-align: center;
padding:5px 0;
}
/* Logo */
#logo {
position: relative;
z-index: 1;
}
#logoFooter {
position: absolute;
z-index: 1;
height: 4.375em;
}
#footer-social-bar {
padding-top: 1.5rem;
}
#footer-social-bar ul{
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
#footer-social-bar li {
margin: 0 15px;
}
.facebook-icon {
background: url("../images/globals/sprite-images-icons.png") -405px -11px;
width: 24px;
height: 24px;
display: block;
}
.youtube-icons {
background: url("../images/globals/sprite-images-icons.png") no-repeat -345px -12px;
width: 26px;
height: 21px;
}
.pinterest-icons {
background: url("../images/globals/sprite-images-icons.png") no-repeat -320px -10px;
width: 21px;
height: 26px;
}
.tumbler-icons {
background: url("../images/globals/sprite-images-icons.png") no-repeat -547px -10px;
width: 36px;
height: 25px;
}
.linkden-icons {
background: url("../images/globals/sprite-images-icons.png") no-repeat -376px -11px;
width: 24px;
height: 24px;
}
.insta-icons {
background: url("../images/globals/sprite-images-icons.png") no-repeat -519px -9px;
width: 23px;
height: 23px;
}
.x_social_icon {
background: url("../images/globals/x_social.png") no-repeat;
background-size: cover;
width: 23px;
height: 23px;
}
img.footerLogo {
max-width: 200px;
}
.footerRow{
width: 100%;
display: inline-flex;
align-items: self-end;
margin-top: 20px;
margin-bottom:20px;
}
.marginSpacing{
margin-inline-start: 40px;
}
@media(max-width:1000px){
.marginSpacing {
margin-inline-start: 0px;
}
#footer-social-bar li {
margin: 0 10px;
}
}
@media(min-width:768px) and (max-width:880px){
img.footerLogo {
max-width: 150px;
}
}
@media(max-width:768px){
.footerRow {
display: inline-block;
margin-top: 2rem;
margin-bottom: 0px;
margin-left: 2rem;
max-width: 80%;
}
#footer-social-bar li:first-child {
margin-left: 0px;
}
}
/*** Quick links bar ***/
#quickLinksBar {
margin: 0;
padding: 0;
color: #767676;
list-style: none;
text-align: right;
text-transform: uppercase;
}
#quickLinksBar > li {
display: inline-block;
border-right: 1px solid #c9cece;
text-align: left;
vertical-align: middle;
}
#quickLinksBar > li.hidden {
position: absolute;
visibility: hidden;
}
#quickLinksBar > li.separator-false {
border-right: 0 none;
}
#quickLinksBar > li > a {
display: block;
position: relative;
max-width: 200px;
margin: -10px 0;
padding: 10px 5px;
}
#quickLinksBar > li > span {
display: block;
padding: 0 15px;
}
#quickLinksBar > li > a > br {
display: none;
}
#quickLinksBar .spanacce {
width: 0;
height: 0;
margin: 0;
padding: 0;
}
#quickLinksMenu.active {
top: 56px;
right: 95px;
width: 298px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
}
/* Mini cart button */
#widget_minishopcart {
position: relative;
height: 43px;
margin: 16px 20px 16px 16px;
padding: 0 !important;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9));
background-image: linear-gradient(#f7f9f9, #e5e8e9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
border: 1px solid #e1e1e1 !important;
border-radius: 4px;
overflow: hidden;
}
/* Mini cart */
#minishopcart_total,
#minishopcart_lock {
display: flex;
top: 0.3125rem;
padding: 0.0625rem 0.25rem 0.1925rem 0.25rem;
border-radius: 4px;
color: #ffffff;
font-size: 0.75rem;
font-weight: bold;
height: 0.9375rem;
}
#minishopcart_total.nodisplay,
#minishopcart_lock.nodisplay {
display: none;
}
#cartDropdown {
position: relative;
width: 400px;
background-color: #ffffff;
border-radius: 0 0 4px 4px;
font-size: 12px;
}
#widget_minishopcart_popup > .cartDropDown_CSR {
width:415px;
}
#cartDropdown > h3 {
margin: 0;
padding: 15px;
background-color: #cccccc;
border-bottom: 1px solid #edeff0;
}
#cartDropdown > .closeButton {
display: block;
position: absolute;
top: 15px;
right: 15px;
}
#cartDropdown > .closeButton:after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-left: 5px;
background-image: url("../images/responsive/rwdUI.png");
background-position: -61px -1px;
vertical-align: middle;
}
#cartDropdown > .closeButton:hover:after {
background-position: -241px -1px;
}
#cartDropdown > .content {
padding: 15px;
}
#cartDropdown > .footer {
padding: 10px 15px;
text-align: right;
}
/*** Departments bar ***/
#departmentsButton {
display: none;
}
#departmentsMenu {
margin: 0 18px;
padding: 0;
list-style: none;
}
#departmentsMenu > li {
display: inline-block;
position: relative;
}
#departmentsMenu > li.hidden {
position: absolute;
visibility: hidden;
}
#departmentsMenu > li > .link,
#departmentsMenu > li > .toggle {
display: none;
}
/* Department menu */
.departmentMenu {
display: none;
position: absolute;
left: 2px;
top: 100%;
width: 360px;
margin: 0;
padding: 0 16px;
background-color: #ffffff;
border: 1px solid #c9cece;
border-top: 3px solid #ffa200;
border-radius: 0 0 4px 4px;
font-size: 12px;
list-style: none;
text-align: left;
}
.departmentMenu.active {
display: block;
z-index : 99 ;
}
.departmentMenu > .header {
margin: 0;
padding: 8px 0;
border-bottom: 1px solid #ccc;
font-size: inherit;
}
.departmentMenu > .header > .link {
font-family: Tungsten;
display: block;
margin: 0 -8px;
padding: 8px;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: 1.25px;
}
.departmentMenu > .header > .toggle {
display: none;
}
.departmentMenu > li {
padding: 8px 0;
border-bottom: 1px solid #ffa200;
}
.departmentMenu > li > a {
display: block;
margin: 0 -8px;
padding: 8px;
font-weight: bold;
}
#allDepartmentsMenu {
width: 240px;
padding-bottom: 16px;
}
/* Category list */
.categoryList {
margin: 0;
padding: 8px 0;
list-style: none;
}
.departmentMenu.active > .categoryList {
display: block;
}
.categoryList > li {
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top;
}
.categoryList > li.more {
display: block;
}
.categoryList > li > .ccg-l2-link {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 8px 0;
font-family: Tungsten;
font-weight: 400;
text-transform: uppercase;
line-height: 1rem;
font-size: 1.2rem;
letter-spacing: 1.25px;
}
.ccg-l2-fixed > .departmentMenu {
left: unset;
right: 0;
}
.ccg-l2-reversed .categoryList > li > .ccg-l2-link {
justify-content: normal;
display: flex;
align-items: center;
}
.categoryList > li > a:last-child {
font-weight: normal;
text-transform: none;
}
.categoryList > li.more > a {
font-weight: bold;
text-transform: uppercase;
}
.ccg-l2-reversed .categoryList .ccg-l3-container {
right: 13rem;
left: unset;
}
.categoryList .ccg-l3-container.ccg-l3-show {
display: block;
}
.categoryList .ccg-l3-heading {
font-family: Tungsten;
font-weight: 400;
text-transform: uppercase;
margin-bottom: .15rem;
font-size: 1.2rem;
letter-spacing: 1.25px;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
}
/* Subcategory list */
.subcategoryList {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
list-style: none;
}
.subcategoryList > li > a {
display: block;
margin: 0 -8px 0 2rem;
padding: 6px 0;
font-family: Tungsten;
font-weight: 400;
font-size: 1.2rem;
letter-spacing: 1.25px;
}
.ccg-l3-heading {
display: none;
}
.ccg-nav-caret {
display: none;
}
@media (min-width: 601px) {
.departmentMenu {
width: 11rem;
}
.categoryList > li {
width: 100%;
display: inline-block;
}
.subcategoryList > li > a {
margin-left: 0;
}
.ccg-nav-caret {
display: block;
}
.ccg-l3-heading {
display: block;
}
.categoryList .ccg-l3-container {
display: none;
position: absolute;
left: 13rem;
width: 12rem;
background: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 1rem;
top: 0;
min-height: 10.0625rem;
}
.ccg-l3-container .subcategoryList {
display: flex;
flex-wrap: wrap;
}
.ccg-l3-container .subcategoryList > li {
width: 100%;
padding: 0 2px;
}
.ccg-l3-container .subcategoryList > li:nth-of-type(2n+1) {
padding-right: 0px;
padding-left: 0;
}
.ccg-l3-container .subcategoryList > li:nth-of-type(2n) {
padding-left: 0px;
padding-right: 0;
}
.ccg-l2-reversed .categoryList .ccg-nav-caret {
margin-right: 0.5rem;
order: -1;
}
.ccg-l2-reversed .categoryList .ccg-nav-caret:hover {
text-decoration: none;
}
.ccg-l2-reversed .categoryList .ccg-nav-caret:after {
font-size: 1rem;
content: '<'
}
.categoryList .ccg-nav-caret:after {
content: '>';
font-size: 1rem;
}
}
/*** Search bar ***/
.headerSearch_icon{
background:#fff;
border-radius: 0px 5px 5px 0px;
}
#searchBox {
position: relative;
height: 38px;
border-bottom: 1px solid #222222;
border-radius: 0;
text-align: right;
vertical-align: middle;
}
#searchBox > * {
text-align: left;
}
#searchTermWrapper {
padding: 4px 10px;
margin: 4px 0px 4px 7px;
}
#searchTermWrapper > .placeholder {
position: absolute;
color: #bfbfbf;
cursor: text;
}
#searchTermWrapper > input {
position: relative;
width: 100%;
height: 18px;
margin: 0px;
padding: 0px;
background-color: transparent;
border: 0 none;
font-size: inherit;
}
#searchFormLabel {
display: none;
}
#searchFilterButton {
display: inline-block;
position: relative;
width: 110px;
padding: 5px 10px;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
vertical-align: middle;
}
#searchFilterButton:after {
content: "";
display: block;
position: absolute;
right: 5px;
bottom: 5px;
width: 4px;
height: 4px;
background-image: url("../images/responsive/rwdUI.png");
background-position: -201px -1px;
}
#searchFilterButton.selected:after {
content: " ";
background-position: -221px -1px;
}
#searchFilterMenu.active {
right: -1px;
width: 170px;
}
@media (min-width: 601px) and (max-width: 900px) {
#searchTermWrapper {
right: 35px;
}
#searchFilterButton {
display: none;
}
#searchFilterMenu.active {
display: none;
}
}
#searchBox > .submitButton {
display: inline-block;
position: relative;
width: 14px;
height: 14px;
margin: 4px 4px 4px 0;
}
#searchBox > .submitButton:before {
content: url(../images/new/search.png)!important;
position: absolute;
top: 5px;
right: 5px;
z-index: 9;
}
/* Autocomplete menu */
#searchDropdown {
position: absolute;
left: -1px;
right: -1px;
top: 38px;
}
#AutoSuggestDiv {
background-color: #ffffff;
width:400px;
position:absolute;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .45);
z-index: 1;
}
#AutoSuggestDiv > ul,
.autoSuggestDivNestedList {
padding: 0;
}
#AutoSuggestDiv > ul > li {
padding: 0;
margin: 0;
list-style: none;
}
#AutoSuggestDiv .list_section li {
border-bottom: 1px solid #c9cece;
list-style: none;
}
#AutoSuggestDiv .list_section li > a,
#AutoSuggestDiv #autoSuggestAdvancedSearch > a {
padding: 15px;
display: block;
height: 100%;
font-size: .9rem;
}
#AutoSuggestDiv .heading {
background-color: #f5f6f7;
text-transform: uppercase;
padding: 15px;
border-bottom: 1px solid #c9cece;
list-style: none;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch {
padding: 0;
border-bottom: 0 none;
background-color: #FDB913;
color: #000;
text-align:center;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch:hover{
background-color: #FDB913;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch > a:hover {
text-decoration: underline;
}
#autoSuggest_Result_div,
#autoSuggestCachedSuggestions_div {
display: none;
}
/*** Footer ***/
#footer {
padding: 10px;
background-image: url("../images/responsive/footerBG.png");
text-align: center;
}
#footerRow1 {
display: inline-block;
width: 440px;
text-align: left;
}
@media (max-width: 480px) {
#footerRow1 {
width: 220px;
text-align: center;
}
}
@media (min-width: 961px) {
#footerRow1 {
width: 880px;
text-align: center;
}
}
#footerRow1 > .section {
display: inline-block;
padding: 10px;
text-align: left;
vertical-align: top;
}
#footerRow1 > .section > .header {
position: relative;
margin-left: 30px;
padding: 5px 10px;
border-bottom: 1px solid #bfbfbf;
border-bottom: 1px solid rgba(185,185,185,0.45);
color: #e9e9e9;
font-size: 14px;
font-weight: bold;
}
#footerRow1 > .section > .header:before {
content: "";
display: block;
position: absolute;
left: -30px;
bottom: -1px;
width: 30px;
height: 3px;
background-color: #bfbfbf;
background-color: rgba(185,185,185,0.45);
border-radius: 0 0 0 3px;
}
#footerRow1 > .section > .header > .toggle {
display: none;
}
#footerRow1 > .section > ul {
margin-left: 30px;
padding: 10px;
color: #ffffff;
font-size: 12px;
list-style: none;
}
#footerRow1 > .section > ul > li > a {
display: block;
margin: 0 -10px;
padding: 10px;
}
/*** wc/widget/Carousel - fluid, touch-enabled carousel responsive to container width ***/
.carousel {
position: relative;
}
.carousel > h2,
.carousel > .carouselWrapper > h2
{
position: relative;
z-index: 1;
margin: 0;
padding: 0 50px 10px 10px;
color: #010f1c;
font-weight: inherit;
}
.carousel > .content {
position: relative;
z-index: 0;
}
.carousel > .carouselWrapper > .content {
position: relative;
z-index: 0;
width: 94%; /* fallback for browsers without support for calc() */
width:calc(100% - 60px);
margin-left:3%; /* fallback for browsers without support for calc() */
margin-left:30px;
margin-right:3%; /* fallback for browsers without support for calc() */
margin-right:30px;
}
.carousel > .content > ul,
.carousel > .carouselWrapper > .content > ul {
display: block;
position: relative;
left: 0%;
margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;
width: 100%;
}
.carousel > .content > ul > li,
.carousel > .carouselWrapper > .content > ul > li {
display: inline-block;
vertical-align: top;
white-space: normal;
width: 100%;
}
.carousel > .content > ul > li.hidden,
.carousel > .carouselWrapper > .content > ul > li.hidden {
visibility: hidden;
}
.carousel .left_espot.centered {
margin: 0 5px;
}
/* Prev/next page buttons */
.carousel > .prevPageButton,
.carousel > .carouselWrapper > div > .prevPageButton,
.carousel > .nextPageButton,
.carousel > .carouselWrapper > div > .nextPageButton {
display: block;
position: absolute;
top: 50%;
z-index: 1;
width: 21px;
height: 42px;
margin-top: -21px;
overflow: hidden;
}
.carousel > .prevPageButton,
.carousel > .carouselWrapper > div > .prevPageButton {
left: 10px;
}
.carousel > .nextPageButton,
.carousel > .carouselWrapper > div > .nextPageButton {
right: 10px;
}
.carousel > .prevPageButton.hidden,
.carousel > .carouselWrapper > div > .prevPageButton.hidden,
.carousel > .nextPageButton.hidden,
.carousel > .carouselWrapper > div > .nextPageButton.hidden {
display: none;
}
.carousel > .prevPageButton:before,
.carousel > .carouselWrapper > div > .prevPageButton:before,
.carousel > .nextPageButton:before,
.carousel > .carouselWrapper > div > .nextPageButton:before {
content: url("../images/responsive/rwdUI.png");
display: block;
position: absolute;
top: -60px;
}
.carousel > .prevPageButton:before,
.carousel > .carouselWrapper > div > .prevPageButton:before {
left: -1px;
}
.carousel > .nextPageButton:before,
.carousel > .carouselWrapper > div > .nextPageButton:before {
left: -81px;
}
.carousel > .prevPageButton:hover:before,
.carousel > .carouselWrapper > div > .prevPageButton:hover:before,
.carousel > .prevPageButton:active:before,
.carousel > .carouselWrapper > div > .prevPageButton:active:before {
left: -41px;
}
.carousel > .nextPageButton:hover:before,
.carousel > .carouselWrapper > div > .nextPageButton:hover:before,
.carousel > .nextPageButton:active:before,
.carousel > .carouselWrapper > div > .nextPageButton:active:before {
left: -121px;
}
/* Page control */
.pageControl {
position: absolute;
z-index: 1;
left: 10px;
right: 10px;
bottom: 10px;
}
.pageControl.hidden {
display: none;
}
.pageControl > a {
display: inline-block;
vertical-align: top;
}
.pageControl > .hidden {
display: none !important;
}
/* Page control - dot */
.pageControl.dot {
text-align: center;
}
.pageControl.dot > a {
width: 20px;
height: 20px;
margin: 0 10px;
background-color: #22a3e7;
border-radius: 10px;
opacity: 0.4;
border: 1px solid transparent;
}
.pageControl.dot > a:hover {
opacity: 0.6;
}
.pageControl.dot > a.selected {
opacity: 0.8;
}
/* Page control - number */
.pageControl.number {
text-align: center;
}
.pageControl.number > a {
width: 25px;
margin: 0 10px;
background-color: #22a3e7;
border-radius: 2px;
color: #ffffff;
font-size: 14px;
opacity: 0.4;
}
.pageControl.number > a:hover {
opacity: 0.6;
}
.pageControl.number > a.selected {
opacity: 0.8;
}
.pageControl.number > .ellipsis:after {
content: "\2026";
color: #4d4d4d;
}
/* Page control - thumbnail */
.pageControl.thumbnail {
text-align: center;
}
.pageControl.thumbnail > a {
display: inline-block !important;
height: 30px;
margin: 0 10px;
background-color: #ffffff;
border: 1px solid #a7daf5;
border-radius: 2px;
}
.pageControl.thumbnail > a:hover {
border: 1px solid #79c7f0;
}
.pageControl.thumbnail > a.selected {
border: 1px solid #22a3e7;
}
.pageControl.thumbnail > a > img {
height: 100%;
}
/* Options */
.carousel.clip-true > .content {
overflow: hidden;
}
.carousel.padding-true {
padding: 10px;
}
.carousel.padding-true > .content {
margin: 0 30px;
}
.carousel.padding-true .pageControl {
position: relative;
left: auto;
right: auto;
bottom: auto;
padding-top: 10px;
}
.carousel.padding-true .pageControl.hidden {
display: block;
visibility: hidden;
}
.carousel.background-true {
background-image: url("../images/colors/color1/widget_carousel/widget_bg.png");
}
.carousel.border-true {
border: 1px solid #e9e9e9;
border-radius: 10px;
}
/*** wc/widget/Carousel - vertical orientation ***/
.carousel > .header {
position: relative;
padding: 10px;
line-height: 40px;
}
.carousel > .header:after {
content: "";
display: block;
clear: both;
}
.carousel > .header > h2 {
display: inline-block;
margin: 0;
font-weight: inherit;
line-height: normal;
vertical-align: middle;
}
.carousel > .header > .controlBar {
float: right;
}
/* Prev/next page buttons */
.controlBar > .prevPageButton,
.controlBar > .nextPageButton {
display: inline-block;
position: relative;
width: 6px;
height: 12px;
border: 14px solid transparent;
overflow: hidden;
vertical-align: middle;
}
.controlBar > .prevPageButton.hidden,
.controlBar > .nextPageButton.hidden {
display: none;
}
.controlBar > .prevPageButton:before,
.controlBar > .nextPageButton:before {
content: url("../images/responsive/rwdUI.png");
display: block;
position: absolute;
top: -1px;
}
.controlBar > .prevPageButton:before,
.controlBar > .prevPageButton:hover:before,
.controlBar > .prevPageButton:active:before {
left: -21px;
}
.controlBar > .nextPageButton:before,
.controlBar > .nextPageButton:hover:before,
.controlBar > .nextPageButton:active:before {
left: -41px;
}
/* Page control */
.controlBar .pageControl {
display: inline-block;
position: static;
left: auto;
right: auto;
bottom: auto;
line-height: 36px;
vertical-align: middle;
}
.controlBar .pageControl.hidden {
display: none;
}
/* Page control - number */
.controlBar > .pageControlWrapper {
display: inline-block;
vertical-align: middle;
}
.pageControlButton,
.pageControlMenu > .closeButton {
display: none;
}
.controlBar .pageControl.number > a {
width: 38px;
margin: 0 2px;
background-color: #ffffff;
border: 1px solid #a0a0a0;
border-radius: 0px;
color: #4d4d4d;
font-size: 16px;
text-align: center;
opacity: 1;
}
.controlBar .pageControl.number > a:hover,
.controlBar .pageControl.number > a.selected {
background-color: #333333;
border-color: #333333;
color: #ffffff;
opacity: 1;
}
/* Control bar - subscribe button */
.controlBar > .subscribeButton {
display: inline-block;
position: static;
right: auto;
top: auto;
margin: 0 2px;
vertical-align: middle;
}
/*** Widgets ***/
.catalogEntryRecommendationWidget > .header,
.categoryRecommendationWidget > .header {
border-bottom: 1px solid #e9e9e9;
}
.contentRecommendationWidget {
position: relative;
margin-top: 0;
}
.contentCarouselWidget > .content {
width: 125%;
margin: 0 -12.5%;
}
.contentCarouselWidget .left_espot,
.contentCarouselWidget .left_espot.centered {
width: 80%;
margin: 0 auto;
}
.contentCarouselWidget.clip-true > .content {
width: auto;
margin: 0;
}
.contentCarouselWidget.clip-true .left_espot,
.contentCarouselWidget.clip-true .left_espot.centered {
width: auto;
margin: 0;
}
.contentCarouselWidget > .prevPageButton,
.contentCarouselWidget > .nextPageButton {
width: 40px;
height: 72px;
margin-top: -36px;
}
.contentCarouselWidget > .prevPageButton {
left: 0;
}
.contentCarouselWidget > .nextPageButton {
right: 0;
}
.contentCarouselWidget > .prevPageButton:before,
.contentCarouselWidget > .nextPageButton:before {
content: url("../images/responsive/DirectionalControls_MasterSprite.png");
}
.contentCarouselWidget > .prevPageButton:before {
left: 0;
top: 0;
}
.contentCarouselWidget > .prevPageButton:focus:before,
.contentCarouselWidget > .prevPageButton:hover:before {
left: 0;
top: -72px;
}
.contentCarouselWidget > .prevPageButton:active:before {
left: 0;
top: -144px;
}
.contentCarouselWidget > .nextPageButton:before {
left: -40px;
top: 0;
}
.contentCarouselWidget > .nextPageButton:focus:before,
.contentCarouselWidget > .nextPageButton:hover:before {
left: -40px;
top: -72px;
}
.contentCarouselWidget > .nextPageButton:active:before {
left: -40px;
top: -144px;
}
/* jQuery datepicker */
.ui-datepicker {
border: solid 1px #cccccc;
background-color: #fff;
width: 19.2%;
min-width:235px;
text-align: center;
font-size: 13px;
}
.ui-datepicker table {
width: 100%;
}
.ui-datepicker-unselectable .ui-state-default {
color: #b4b3b3;
}
.ui-datepicker tbody .ui-datepicker-current-day{
background: #F5AA31 ;
}
.ui-datepicker tbody td a:hover{
background: #F5AA31 ;
}
.ui-datepicker-prev, .ui-datepicker-next {
background: url('../images/responsive/rwdUI.png') no-repeat -33px -1px;
width: 20px;
height: 20px;
line-height: 600%;
overflow: hidden;
margin:10px;
}
.ui-datepicker-prev {
float: left;
background-position: -13px -1px;
}
.ui-datepicker-next {
float: right;
}
.ui-datepicker-title{
padding:10px;
font-weight:bold;
background-color: #cfe5fa;
font-size: 15px;
}
.ui-datepicker tbody .ui-datepicker-today {
background: none repeat scroll 0 0 #0579F2 !important;
color: #FFFFFF;
text-decoration: none;
}
.ccg-personalize-shopcart {
min-width: 5.5rem;
margin: 0px;
}
.ccg-personalize-minishopcart {
min-width: 5.5rem;
/*margin: 5px 0; */
}
/*** 0 - 1133px ***/
@media (max-width: 1133px) {
/* Page control - number */
.pageControlButton {
display: inline-block;
position: relative;
width: 38px;
margin: 0 5px;
background-color: #767676;
border: 1px solid #767676;
border-radius: 5px;
color: #ffffff;
font-size: 16px;
line-height: 38px;
text-align: center;
}
.pageControlButton.hidden {
display: none;
}
.pageControlMenu {
display: none;
}
.pageControlMenu.active {
display: block;
position: absolute;
z-index: 20;
background-color: #ffffff;
border: 1px solid #a0a0a0;
}
.pageControlMenu > .pageControl.number > a {
display: block;
margin: 4px;
}
.pageControlMenu > .pageControl.number > .ellipsis {
display: block;
line-height: normal;
text-align: center;
}
.pageControlMenu > .pageControl.number > .ellipsis:after {
content: "\22ee";
}
.pageControlMenu > .closeButton {
display: block;
position: relative;
width: 14px;
height: 14px;
margin: 0 4px 4px 4px;
border: 13px solid #ffffff;
overflow: hidden;
}
.pageControlMenu > .closeButton:before {
content: url("../images/responsive/rwdUI.png");
display: block;
position: absolute;
left: -61px;
top: -1px;
}
.pageControlMenu > .closeButton:hover:before {
left: -241px;
}
}
/*** RWD-A ***/
@media (max-width: 600px) {
/* Menu */
.basicMenu > h3 {
display: block;
margin: 0;
padding: 15px;
background-color: #687979;
color: #ffffff;
font-size: inherit;
}
.basicMenu > .closeButton {
display: block;
position: absolute;
top: 5px;
right: 5px;
padding: 10px;
color: #ffffff;
font-family: monospace;
}
.basicMenu > .closeButton > span:before {
content: "[x]";
}
/* Header */
#header:before {
height: 5px;
}
#headerRow1 {
height: auto;
}
/* Quick links bar */
#quickLinksBar > li > a > br {
display: inline;
}
#quickLinksMenu.active {
left: 0;
right: 0;
top:53px;
width: auto;
}
/* Mini cart button */
#widget_minishopcart {
margin: 3px 15px;
}
/* Mini cart */
#cartDropdown {
width: 300px;
}
.nonRWDPage #cartDropdown,
.nonRWDPageB #cartDropdown{
width: 360px;
}
/* Departments menu */
#departmentsMenu {
display: none;
}
#departmentsMenu.active {
display: block;
position: absolute;
left: 0;
right: 0;
top: 100%;
margin: 0;
padding: 0 15px 15px 15px;
background-color: #ffffff;
border: 1px solid #c9cece;
border-radius: 0 0 4px 4px;
color: #404040;
font-size: 12px;
list-style: none;
}
#departmentsMenu > li {
display: block;
}
#departmentsMenu > li.hidden {
position: static;
visibility: visible;
}
.departmentButton {
display: none;
}
/* Department menu */
.departmentMenu {
display: block;
position: relative;
top: auto;
width: auto;
margin: 0;
padding: 0;
border: 0 none;
}
.departmentMenu > .header > .toggle {
display: block;
position: absolute;
right: -8px;
top: 0;
margin: 8px 0;
padding: 8px;
font-family: monospace;
}
.departmentMenu > .header > .toggle > span:before {
content: "[+]";
}
.departmentMenu > .header > .toggle.selected > span:before {
content: "[-]";
}
/* Category list */
.categoryList {
display: none;
border-bottom: 1px solid #ccc;
}
.departmentMenu.active .categoryList {
display: block;
}
/* Subcategory list */
.subcategoryList {
border-bottom: none;
}
.subcategoryList > li {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
padding-right: 16px;
vertical-align: top;
}
/* "All departments" menu */
#allDepartmentsButton {
display: none;
}
#allDepartmentsMenu {
display: none !important;
}
/* Search bar */
#searchButton {
display:block;
position: absolute;
right: 0;
top: 0;
width: 58px;
height: 38px;
margin: 2px 15px;
background-color: #ffffff;
border: 1px solid #BFBFBF;
border-radius: 4px;
vertical-align: middle;
overflow: hidden;
}
#searchBar.active {
display: block;
position: static;
right: auto;
width: auto;
padding: 2px 15px;
border-top: 1px solid #c9cece;
}
#searchBox > .submitButton {
width: 10px;
height: 18px;
border-width: 6px 10px;
}
#searchBox > .submitButton:before {
left: auto;
}
#searchBox > .submitButton:hover:before {
left: -201px;
}
/* Autocomplete menu */
#searchDropdown {
left: -16px;
right: -16px;
top: 41px;
}
/* Footer */
#footerRow1 > .section > .header:before {
height: 30px;
border-radius: 3px 3px 0 3px;
}
#footerRow1 > .section > .header > .toggle {
display: block;
position: absolute;
left: -30px;
bottom: -1px;
width: 6px;
height: 12px;
border-width: 9px 12px;
border-style: solid;
border-color: transparent;
overflow: hidden;
}
#footerRow1 > .section > .header > .toggle:before {
content: url("../images/responsive/rwdUI.png");
display: block;
position: absolute;
left: -161px;
top: -1px;
}
#footerRow1 > .section.active > .header > .toggle {
width: 12px;
height: 6px;
border-width: 12px 9px;
}
#footerRow1 > .section.active > .header > .toggle:before {
left: -181px;
top: -1px;
}
#footerRow1 > .section > ul {
display: none;
}
#footerRow1 > .section.active > ul {
display: block;
}
/* Carousel */
.contentCarouselWidget {
overflow: hidden;
}
.ccg-personalize-shopcart .personlize-text{
margin-left: 84px;
margin-top: -7px;
/* top: 1px; */
position: inherit;
font-size: 18px;
font-weight: bold;
/* height: 33px; */
}
}
/*** Mobile (portrait) - 0-400px ***/
@media (max-width: 400px) {
/* Category list */
.categoryList > li {
width: 100%;
padding-right: 0;
}
/* Search bar */
#searchTermWrapper {
right: 58px;
}
#searchFilterButton {
display: none;
}
#searchFilterMenu.active {
display: none;
}
#searchBox > .submitButton {
border-width: 6px 20px;
}
}
/*** High-resolution displays ***/
@media (-webkit-device-pixel-ratio: 2) {
.departmentButton:after, #quickLinksButton:after, #widget_minishopcart:after, #departmentsButton:after, #searchButton:after, .pageControlButton:after,
#cartDropdown > .closeButton:after,
#searchFilterButton:after {
background-image: url("../images/responsive/rwdUI@2x.png");
background-size: 300px 400px;
}
#searchBox > .submitButton:before,
.carousel > .prevPageButton:before,
.carousel > .nextPageButton:before,
.controlBar > .prevPageButton:before,
.controlBar > .nextPageButton:before {
content: url("../images/responsive/rwdUI@2x.png");
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0 0;
}
.contentCarouselWidget > .prevPageButton:before,
.contentCarouselWidget > .nextPageButton:before {
content: url("../images/responsive/DirectionalControls_MasterSprite.png");
-webkit-transform: scale(1);
}
.topLinks #widget_minishopcart {
width: 60px;
}
}
@media (-webkit-device-pixel-ratio: 2) and (max-width: 1133px) {
.pageControlMenu > .closeButton:before {
content: url("../images/responsive/rwdUI@2x.png");
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0 0;
}
}
@media (-webkit-device-pixel-ratio: 2) and (max-width: 600px) {
#footerRow1 > .section > .header > .toggle:before {
content: url("../images/responsive/rwdUI@2x.png");
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0 0;
}
}
@media(max-width:600px){
a#widget_minishopcart {
width: auto !important;
}
.myAccountLabelName{
padding-right: 0.6rem !important;
padding-left: 0px !important;
}
}
.inventory_error{
background-color: red;
font-size: 14px;
}
.discover, .amex, .mastercard, .visa {
display: inline-block;
background: url(../images/account/payment-card.png) no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 3.25rem;
height: 2rem;
}
.visa {
background-position: -3.25rem -2rem;
}
.mastercard {
background-position: -0px -2rem;
}
.amex {
background-position: -3.25rem -0px;
}
.discover {
background-position: -0px -0px;
}
.echeck {
display: inline-block;
background: url(../images/account/echeck_logo.png) no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 7rem;
height: 2.4rem;
background-size: 6rem;
float: left;
}
.echeckSample {
display: inline-block;
background: url(../images/account/echeck_sample.png) no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 24rem;
height: 12rem;
background-size: 24rem;
}
.icon-x:before {
content: "\e602";
}
#ccg_total_breakdown{
position: relative;
}
#ccg-byg-sc-qty-error, #ccg-sc-toggle-error,#inverrmsg {
color:white ;
background-color: #e31f26;
margin-bottom: 1.0rem;
width: 100%;
font-size: .80rem;
}
#ccg-byg-sc-qty-error .ccg-sprite, #ccg-sc-toggle-error .ccg-sprite{
margin: 0.5rem;
}
#ccg-byg-sc-qty-error .qty-error-icon, #ccg-sc-toggle-error .qty-error-icon {
max-width: 2rem;
}
#ccg-byg-sc-qty-error .qty-error-message, #ccg-sc-toggle-error .qty-error-message {
width: calc(100% - 2.5rem);
}
#ccg-byg-sc-qty-error span, #ccg-sc-toggle-error span{
font-family: "ITC Conduit W05", sans-serif;
margin-top: auto;
margin-bottom: auto;
font-size: .95rem;
}
.qty-error-message{
padding: 8px 0;
}
#ccg-terms-cond-error{
color:red;
}
#ccg-select-catalog{
color:red;
}
/*start: Footer */
.first-footer dl{
color: white!important;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-weight: 100;
padding-inline-start : 0px;
}
.first-footer dl a,.footerfont a{
color: white!important;
}
.first-footer ul{
padding-left : 0px;
}
dl, ol, ul {
margin: 0;
}
.first-footer li{
padding-bottom: 15px;
display : block;
}
.footer_header {
padding: 0.875rem 0;
font-weight: 500;
border-bottom: 1.5px solid whitesmoke;
font-size: 1.3rem;
font-family: Tungsten;
letter-spacing: 1.25px;
}
div.footer_wrapper_position {
width: 100%;
background-color: #333333;
}
#footerWrapper,.footer_wrapper_position{
background-color: #717171 !important;
}
.left_espot.centered {
text-align: center;
}
#logoFooter .contentRecommendationWidget,
#logoFooter .contentRecommendationWidget > #ci_espot__FooterStoreLogo,
#logoFooter .contentRecommendationWidget > #ci_espot__FooterStoreLogo > .left_espot,
#logoFooter .contentRecommendationWidget > #ci_espot__FooterStoreLogo > .left_espot > a,
#logoFooter .contentRecommendationWidget > #ci_espot__FooterStoreLogo > .left_espot > a > img,
#logoFooter .genericESpot {
height: 100%;
max-width: 18.688em;
}
.footerCustomerservice li {
padding-bottom: 10px;
}
@media(min-width:601px) and (max-width:8000px){
.displayOnlyInResponsive {
display: block !important;
}
}
@media screen and (min-width: 600px) {
.displayOnlyInResponsive {
display: block;
}
}
.footerCarharttLogo {
margin-top: 80px;
}
.footerfont {
color:#ffff;
}
.footerCopyRight{
float:right;
}
.responsive_arrow_collapsed {
display: none;
}
.responsive_arrow {
display: none;
}
@media(min-width:0px) and (max-width:600px) {
.responsive_arrow_collapsed {
display: block;
}
.responsive_arrow {
display: block;
}
}
@media ( max-width : 500px) {
.footerCopyRight{
float:none;
}
.footerFirstColumn,.footerSecondColumn,.footerThirdColumn {
width: auto;
}
.footerCustomerservice li:nth-child(even) a {
float: none;
}
.footerCarharttLogo {
display: none;
}
#carhartt_footer_logo_ID {
display: none;
}
.footer_header {
width: auto;
}
}
/*end: Footer */
.tabs-content.show-for-medium-up.large-12.medium-12 ul {
list-style-type: disc;
}
.tabs-content.show-for-medium-up.large-12.medium-12 li {
margin-bottom: 5px;
}
.product_longdescription_list_options_border .contentRecommendationWidget p,.product_longdescription_list_options_border .contentRecommendationWidget p a {
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
line-height: 1.4 !important;
font-size: .9rem;
}
.product_longdescription_list_options_border .contentRecommendationWidget p a {
display: inline-block;
}
.product_longdescription_list_options_border .contentRecommendationWidget p:nth-child(n-1) {
margin-bottom: 10px;
}
.product_longdescription_list_options_border .contentRecommendationWidget p a:after {
content: ' >';
font-weight: 900;
vertical-align: top;
}
.product_longdescription_list_options_border .contentRecommendationWidget p a b u{
text-decoration:none;
}
.product_longdescription_list_options_border .contentRecommendationWidget p a {
color: #333333 !important;
background: #fdb913;
font-size: 16px;
text-align: center;
padding: 8px 14px;
line-height: 16px;
border: 2px solid #fdb913;
}
.product_longdescription_list_options_border .contentRecommendationWidget p a:hover,.product_longdescription_list_options_border .contentRecommendationWidget p a:focus {
border: 2px solid black !important;
}
.product_longdescription_list_options_border ul {
list-style-type: disc;
}
.ccg-sg .accordion-controls li:last-of-type {
border-bottom: none !important;
}
.product_longdescription_list_options_border .col6{
display: inline-block;
vertical-align: top;
width: 49%;
margin-top: 10px;
}
/*
*-----------------------------------------------------------------
* Licensed Materials - Property of IBM
*
* WebSphere Commerce
*
* (C) Copyright IBM Corp. 2012, 2016 All Rights Reserved.
*
* US Government Users Restricted Rights - Use, duplication or
* disclosure restricted by GSA ADP Schedule Contract with
* IBM Corp.
*-----------------------------------------------------------------
*/
/* width */
::-webkit-scrollbar {
width: 12px;
transition: all ease .5s;
}
/* Track */
::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px grey; */
border-radius: 10px;
background: rgba(240, 240, 240, 1);
transition: all ease .5s;
}
/* Handle */
::-webkit-scrollbar-thumb {
/*background: linear-gradient(160deg, rgba(93,207,227,.75) 0%, rgba(93,207,227,.75) 100%);*/
background: #fdb913;
background: #333;
border-radius: 10px;
opacity: .7;
transition: all ease .5s;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/*background: linear-gradient(160deg, rgba(93,207,227,1) 0%, rgba(93,207,227,1) 100%);*/
background: #fdb913;
opacity: .1;
transition: all ease .5s;
}
body {
position: relative;
}
div.hidden_summary{
position:absolute;
left: -99999px;
}
#overlay {
background: rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 898
}
.lightedSection {
background: #FFFFFF;
border: 10px solid #FFFFFF;
border-radius: 20px;
margin: auto;
z-index: 899;
}
.more_info_icon {
display: inline-block;
width: 27px;
height: 27px;
}
.more_info_icon .info_on,
.more_info_icon:hover .info_off{
display: none;
}
.more_info_icon .info_off,
.more_info_icon:hover .info_on{
display: inline-block;
}
.verticalAlign_middle {
vertical-align: middle;
}
.more_info_icon > img{
max-width: 100%;
max-height: 100%;
}
.more_info_icon .info_on, .more_info_icon .info_off{
width: 16px;
margin-left: 3px;
vertical-align: bottom;
}
.clearFloat, .clear_float{
clear: both;
}
.left{
float: left;
}
.right{
float: right;
}
.text_align_right{
text-align: right;
}
.text_align_left{
text-align: left;
}
.bold {
font-weight: bold;
}
.uppercase {
text-transform: uppercase;
}
.product_info{
float: left;
width: 100%;
}
.list_mode .product_info {
margin-top: 30px;
margin-bottom: 10%;
}
.product_gender_label {
font-family: Tungsten;
font-size: 1.3rem;
padding: 0.5rem 0.9375rem 0;
padding-bottom: 0.5rem;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
.product_brand_gear {
width: 100%;
margin-left: 0.625rem;
}
.productCard_bygLabels{
position: absolute;
width: calc(100% - 30px);
padding: 0px 15px;
bottom: 2.7rem;
}
.productCard_bygLabels img{
float: left;
width: calc(50% - 11px);
padding: 0px;
margin: 0px 10px 0px 0px;
border-radius: 5px;
}
@media(min-width:600px) and (max-width:700px){
.productCard_bygLabels img{
width: 60%;
margin: 0px 0px 5px 0px;
}
}
@media(min-width:0px) and (max-width:500px){
.productCard_bygLabels img{
width: 60%;
margin: 0px 0px 5px 0px;
}
}
.recommended_product a{
font-size: 16px;
font-family: Tungsten;
letter-spacing: 1.25px;
line-height: 18px;
font-weight: bold;
text-decoration: underline;
transition: all ease .3s;
}
.recommended_product a:hover{
color: #975F20;
}
.product_image {
margin: 10px auto;
padding-top: 0px;
margin-bottom: 0;
position: relative;
}
.product > .product_image img {
width: auto;
height: 100%;
max-width: 200px;
max-height: 200px;
}
.product_compimage img {
width: 100%;
height: 100%;
max-width: 200px;
max-height: 310px;
}
.list_mode .product > .product_image img {
width: inherit;
height: 100%;
max-width: inherit;
max-height: 248px;
}
.additional_content .left_espot> img{
width: 100%;
}
/* MiniShoppingCart Widget Popup */
div#widget_minishopcart_popup, div#widget_minishopcart_popup_1 {
cursor:pointer;
}
div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a {
height: 87px;
text-align: center;
}
div#widget_minishopcart_popup > #cartDropdown .product > .product_image > a > img{
height: 100%;
width: auto;
}
div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a {
height: 114px;
text-align: center;
}
div#widget_minishopcart_popup_1 > #cartDropdown .product > .product_image > a > img{
height: 100%;
width: auto;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product {
min-height: 94px;
/* border-bottom: 1px solid #edeff0; */
position: relative;
padding: 0px 1px 0px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image {
width: 82px;
height: 102px;
position: absolute;
top: 0px;
left: 0px;
padding: 5px 10px 5px 0;
overflow: hidden;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name {
font-size: 16px;
color: #333333;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_name a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_name a {
color: #333333;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product a {
text-decoration: none;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product a:hover,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product a:hover {
text-decoration: underline;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_image a,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_image a {
display:block;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_quantity,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_quantity {
font-size: 13px;
color: #666666;
margin-right: 14px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_part_number,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_part_number {
font-size:13px;
color: #4d4d4d;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_price {
font-size:13px;
color: #4d4d4d;
line-height: 26px;
float: right;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_color,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_color {
font-size:12px;
line-height: 16px;
color: #808080;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product > .product_size,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product > .product_size {
font-size:12px;
line-height: 16px;
color: #808080;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal {
border-bottom: 1px solid #EDEFF0;
padding: 15px 11px 15px 0px;
position: relative;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal > .product_price {
color: #ca4200;
line-height: 22px;
font-weight: bold;
float: right;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .adjustment_price > .product_price,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .adjustment_price > .product_price {
color: #4d4d4d;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more {
border-bottom: 1px solid #EDEFF0;
padding: 5px 11px;
position: relative;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items {
color: #006ECC;
font-size: 12px;
cursor: pointer;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .view_more > .view_more_items:hover,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .view_more > .view_more_items:hover {
text-decoration: underline;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart {
height: 35px;
padding: 6px 11px;
overflow: hidden;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .go_to_cart > .button_primary,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .go_to_cart > .button_primary {
float: right;
margin-top: 5px;
}
/* Added Product */
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product {
min-height: 112px;
border-bottom: 1px solid #edeff0;
position: relative;
padding: 5px 11px 5px 126px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product:last-child,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product:last-child {
border-bottom: none;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .added > .product > .product_image,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .added > .product > .product_image {
width: 110px;
height: 114px;
position: absolute;
top: 0px;
left: 0px;
}
div#widget_minishopcart_popup > #cartDropdown > .content > .empty,
div#widget_minishopcart_popup_1 > #cartDropdown > .content > .empty {
font-size: 13px;
padding:15px 7px;
border-bottom: 1px solid #EDEFF0;
}
div#widget_minishopcart_popup > .bottom,
div#widget_minishopcart_popup_1 > .bottom {
width: 360px;
overflow: hidden;
}
div#widget_minishopcart_popup > .bottom > .left_border,
div#widget_minishopcart_popup_1 > .bottom > .left_border {
float: left;
width: 3px;
height: 3px;
background-color: #a3a3a3;
}
div#widget_minishopcart_popup > .bottom > .middle_tile,
div#widget_minishopcart_popup_1 > .bottom > .middle_tile {
float: left;
width: 354px;
height: 3px;
background-color: #a3a3a3;
}
div#widget_minishopcart_popup > .bottom > .right_border,
div#widget_minishopcart_popup_1 > .bottom > .right_border {
float: left;
width: 3px;
height: 3px;
background-color: #a3a3a3;
}
.quick_info_toggle {
display: none;
}
div.widget_quick_info_popup {
position:relative;
}
div.widget_quick_info_popup > .top,
div.widget_quick_info_popup > .bottom {
background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-x scroll 0 0 transparent;
overflow: hidden;
width: auto;
}
div.widget_quick_info_popup > .top > .left_border{
width:3px;
height:3px;
float: left;
}
div.widget_quick_info_popup > .top > .middle_tile{
width:728px;
height:3px;
float: left;
}
div.widget_quick_info_popup > .top > .right_border{
width:3px;
height:3px;
float: left;
}
div.widget_quick_info_popup > .middle > .content_left_border {
background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 transparent;
float: left;
padding-left: 3px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border {
/* DevStart: changed from transparent to white background,since the popup was transparent */
background: url("../images/colors/color1/widget_quick_info_popup/quick_info_border.png") repeat-y scroll 0 0 white;
/* DevEnd */
background-position:right;
float: right;
padding-right: 3px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content {
background-color: #ffffff;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column,
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column {
width: auto;
max-width: 330px;
margin-right: 15px;
margin-bottom: 15px;
float: left;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container {
border-bottom: 1px dotted #777777;
width: 95%;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .image_container > img {
width: 100%;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views{
margin-right: 15px;
border-bottom: 1px dotted #eeeeee;
margin-top: 1px;
position: relative;
z-index: 10;
height: 100%;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul{
display: table;
padding-left: 0px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li.selected{
border: 3px solid #FAC549;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li{
border: 3px solid #E5E5E5;
float: left;
list-style: none outside none;
margin-right: 8px;
width: 94px;
height: 94px;
text-align: center;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li:hover{
border: 3px solid #FAC549;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views ul li > a > img{
height: 100%;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .left_column > .other_views > h1 {
padding: 0 5px 0 5px;
background: #eee;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
font-size: 12px;
float: left;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.main_header{
color: #818181;
display: block;
font-size: 20px; /*22*/
line-height: 20px; /*28*/
margin-top: -3px;
max-width: 320px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .not_available{
font-size: 11px;
line-height: 16px;
color: #777777;
font-style:italic;
}
/* DevStart: style for price as configured text*/
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.configured {
font-size: 14px;
color: #CCC;
line-height: 24px;
float: left;
}
/* DevEnd: style for price as configured text*/
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.old_price{
color: #777777;
float: left;
font-size: 16px;
line-height: 24px;
text-decoration: line-through;
font-weight:bold;
margin-right: 4px; /* Dev: provides space after list price and before offer price */
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.price{
color: #CA4200;
display: block;
font-size: 16px;
line-height: 24px;
font-weight:bold;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > span.sku{
color: #777777;
font-size: 10px;
line-height: 12px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star{
background: url("../images/colors/color1/star_rating.png") no-repeat scroll 0 0 transparent;
display: block;
float: left;
height: 16px;
margin-top: 3px;
padding-right: 3px;
width: 16px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > .single_star:hover{
background-position: 0 -16px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a{
color: #006ECC;
float: left;
font-size: 12px;
padding-left: 8px;
text-decoration: none;
line-height: 25px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .star_ratings > span.reviews a:hover{
text-decoration: underline;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .divider{
height: 1px;
background-color: #e5e5e5;
margin-top: 11px;
margin-bottom: 11px;
}
/* DevStart: changed class hierarchy to add refresh area div */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column p{
font-size: 12px;
line-height: 14px;
color: #777777;
}
/* DevEnd: changed class hierarchy to add refresh area div */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a{
color: #006ECC;
display: block;
margin-top: 4px;
font-size: 11px;
float: left;
line-height: 15px;/*Dev for avoiding truncation in other languages*/
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > a:hover{
text-decoration:underline;
}
/* DevStart: for li elements that lists various product attributes */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > li,
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > ul > li{
font-size: 11px;
line-height: 13px;
color: #777777;
margin-left: 14px;
}
/* DevEnd */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .heading{
font-size: 14px;
line-height: 14px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .color_swatch_list > ul > li{
display: block;
float: left;
margin-bottom: 6px;
margin-right: 6px;
margin-top: 6px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list{
margin-top:6px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .color_and_size > .available_size_list a{
text-decoration: none;
}
/* DevStart: a div was added to position the dropdown as parent to .dropdown_primary,hence .dropdown_primary not immediate child of .purchase_section */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section .dropdown_primary > .button > .content{
min-width: 127px;
}
/* DevEnd */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.quantity_label{
font-size:14px;
margin-top: 5px;
line-height: 15px;/*Dev for avoiding truncation in other languages*/
float:left;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_primary > .wide_button{
width: 110px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .full_details{
padding-top: 10px;
padding-bottom: 10px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a{
color: #006ECC;
font-size: 11px;
text-decoration: none;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > span.full_details a:hover{
text-decoration:underline;
}
/* Dev Start: Add To Cart text was not visible properly in other languages,in quick info.. Made similar changes as done by MDS to fix this issue in product page */
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column > .purchase_section > .button_add_to_cart > .button_text{
min-width: 120px;
}
/* Dev End*/
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .button_secondary .button_text{
min-width: 120px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group{
cursor:pointer;
position:absolute;
right:0px;
top:-4px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close{
background-position: 0 -13px;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group:hover .close_text{
text-decoration:underline;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close{
width: 13px;
height: 13px;
background-image: url('../images/colors/color1/widget_quick_info_popup/close_sprite.png');
background-position: 0 0;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
div.widget_quick_info_popup > .middle > .content_left_border > .content_right_border > .content > .right_column .close_group .close_text{
position: relative;
top: 10px;
font-size: 13px;
color: #404040;
text-decoration:none;
line-height: 15px;/*Dev for avoiding truncation in other languages*/
width: 100px;
margin-right: 30px;
text-align: right;
}
div.widget_quick_info_popup > .bottom > .left_border{
width:3px;
height:3px;
float: left;
}
div.widget_quick_info_popup > .bottom > .middle_tile{
width:728px;
height:3px;
float: left;
}
div.widget_quick_info_popup > .bottom > .right_border{
width:3px;
height:3px;
float: left;
}
#quickInfoPopup {
top: 0px !important;
}
#quickInfoPopup > div {
height: 100% !important;
}
#QuickInfoaddToShoppingList {
line-height: 1.4;
}
.productListingWidget {
padding-bottom: 10px;
}
.catPos > .container {
width: 100%;
min-width: 0;
padding: 0;
background: #f8f8f8;
text-align: center;
}
.catPos > .container > a {
display: block;
padding: 8px 0;
text-align: center;
}
.catPos > .container > a:hover {
text-decoration: underline;
}
.product_group_name {
color: #010f1c;
font-size: 12px;
float:none;
}
.catEntryList_border {
margin: 10px 5%;
padding-bottom: 15px;
border-bottom: 1px dotted #c9c9c9;
position: absolute;
bottom: 0;
width: 90%;
}
.catEntryGrid_border {
display: inline-block;
margin: 0px 5%;
border-bottom: 1px dotted #c9c9c9;
bottom: 0;
width: 90%;
}
div.widget_articles_videos > .content > .header_bar {
height: 75px;
padding: 10px;
border-bottom: 1px solid #e9e9e9;
content: "";
display: block;
clear: both;
}
div.widget_articles_videos > .content > .header_bar > .title {
float: left;
padding: 5px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
div.widget_articles_videos > .content{
width: 100%;
}
div.widget_articles_videos > .content > .header{
padding-left: 19px;
padding-right: 19px;
font-size: 16px;
padding-top: 14px;
position: relative;
height: 60px;
border-bottom: 1px solid #E5E5E5;
}
div.widget_articles_videos > .content > .header > span.small{
font-size: 12px;
float: left;
margin-left: 4px;
}
div.widget_articles_videos > .content > .header > .title{
float: left;
}
div.widget_articles_videos > .content > .header > .paging_controls{
color: #767676;
font-size: 12px;
height: 17px;
line-height: 17px;
overflow: hidden;
position: absolute;
right: 15px;
top: 16px;
}
div.widget_articles_videos > .content > .header > .paging_controls > .divider{
background-color: #BFBFBF;
float: left;
height: 17px;
margin: 0 6px;
width: 1px;
}
div.widget_articles_videos > .content > .header > .paging_controls .left_arrow{
background-image: url('../images/colors/color1/left_arrow_sprite.png');
background-repeat: no-repeat;
background-position: 0 0;
height: 17px;
width: 17px;
margin: 0 6px;
float: left;
}
div.widget_articles_videos > .content > .header > .paging_controls .right_arrow{
background-image: url('../images/colors/color1/right_arrow_sprite.png');
background-repeat: no-repeat;
background-position: 0 0;
height: 17px;
width: 17px;
margin: 0 6px;
float: left;
}
div.widget_articles_videos > .content > .header > .paging_controls .active{
background-color: #EF5305;
background-position: left top;
color: #FFFFFF !important;
cursor: pointer;
}
div.widget_articles_videos > .content > .header > .paging_controls .inactive{
background-color: #BFBFBF;
background-position: left bottom;
color: #FFFFFF !important;
}
div.widget_articles_videos > .content > .header > .paging_controls > .pages{
float: left;
line-height: 17px;
margin-left: 6px;
}
div.widget_articles_videos > .content > .header > .paging_controls > .pages > ul{
list-style-type:none;
overflow:hidden;
}
div.widget_articles_videos > .content > .header > .paging_controls > .pages > ul > li{
color: #CA4200;
cursor: pointer;
display: block;
float: left;
margin: 0 2px;
min-width: 14px;
padding: 0 2px;
text-align: center;
}
div.widget_articles_videos > .content > .header > .paging_controls > .view_all{
float: left;
line-height: 17px;
margin-left: 6px;
}
div.widget_articles_videos > .content > .header > .paging_controls > .view_all > a{
color: #CA4200;
text-decoration: none;
}
div.widget_articles_videos > .content > .header > .sorting_controls{
color: #666666;
font-size: 11px;
height: 18px;
margin: 0;
padding: 0;
position: absolute;
right: 15px;
top: 40px;
}
div.widget_articles_videos > .content > .header > .sorting_controls > .sort_by{
line-height: 18px;
}
div.widget_articles_videos > .content > .header > .sorting_controls > select{
border: 1px solid #666666;
font-size: 11px;
height: 18px;
min-width: 114px;
}
div.widget_articles_videos > .content > .item{
padding-left: 19px;
padding-right: 8px;
padding-bottom: 17px;
padding-top: 17px;
}
div.widget_articles_videos > .content > .divider{
height: 1px;
border-bottom: 1px solid #e5e5e5;
margin-left:8px;
margin-right: 8px;
}
div.widget_articles_videos > .content > .item > .icon{
height: 32px;
width: 32px;
float: left;
}
div.widget_articles_videos > .content > .item > .description{
font-size: 12px;
float: left;
line-height: 14px;
padding-left: 11px;
width: 630px;
}
div.widget_articles_videos > .content > .item > .description > .header {
font-size: 14px;
margin-bottom: 5px;
cursor: pointer;
float:left;
}
div.widget_articles_videos > .content > .item > .description > .header:hover{
text-decoration:underline;
}
#articleListing {
list-style-type: none;
padding: 0 20px 0 20px;
margin-top: 20px;
}
#articleListing li {
float: left;
width: 100%;
min-height: 107px;
margin-right: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #e9e9e9;
}
#articleListing .icon {
float: left;
margin-right: 10px;
}
#articleListing .videoItem .icon .iconPlayOverlay {
border: 0;
position: relative;
top: -86px;
width: 69px;
left: 48px;
height: auto;
}
#videoItemScreen {
height: auto;
width: 100%;
border: solid #ffffff 2px;
}
#videoContentBackground {
position: fixed;
top: 0px;
width: 100%;
height: 100%;
padding: 1px 0 0 1px;
z-index:100;
background: rgba(0, 0, 0, 0.7);
}
#modelBox {
position: fixed;
top: 0px;
padding: 1px 0 0 1px;
z-index:101;
}
#videoContentFrame {
position: fixed;
top: 100px;
width: 719px;
height: 413px;
left: 50%;
margin-left: -360px;
}
#modelBoxClose {
position: absolute;
top: -10px;
right: -10px;
background: #000;
color: #fff;
border-radius: 20px;
width: 23px;
text-align: center;
z-index: 10;
border: 2px solid white;
}
#modelBoxClose:hover {
cursor: pointer;
}
#video1 {
width: 718px !important;
height: 412px !important;
}
#articleListing .icon:hover {
cursor: pointer;
}
#articleListing li .content {
padding: 15px 20px 20px 100px;
}
#articleListing li .content h1 {
font-size: 15px;
padding: 0px;
}
#articleListing li .content h2 {
font-size: 11px;
text-transform: uppercase;
}
.tabButtonContainer {
margin-bottom: 25px !important;
margin-left: 30px !important;
}
.tab_header {
margin-right: 20px;
display: table;
border-spacing: 6px 0;
max-width: 670px;
}
.tab_header .tab_container {
width: 28%;
float:none;
padding: 9px 10px 7px 10px;
}
.tab_header .tab_container > .contentRecommendationWidget {
border: 1px solid transparent;
}
.tab .productListingWidget {
border: none;
border-radius: 0px;
}
.tab_spacer {
width: 1%;
float: left;
height: 32px;
}
.tab_container {
text-transform: uppercase;
font-weight: bold;
color: #33333;
font-size: 16px;
width: 40%;
float:left;
padding: 10px;
position: relative !important;
display: table-cell;
text-align: center;
border-top: 2px solid #F8AD05;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
outline: 1px solid white;
vertical-align: middle;
}
.tab_container:hover {
cursor: pointer;
}
.inactive_tab {
color: #686868;
border-top: 2px solid #bbbbbb;
border-bottom: 1px solid #e9e9e9;
background-image: linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
background-image: -o-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
background-image: -moz-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
background-image: -webkit-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
background-image: -ms-linear-gradient(bottom, rgb(221,221,221), rgb(255,255,255) 75%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); */
}
.tab {
margin-top: 0px !important;
width: 99%;
}
div.widget_title_container {
width: 100%;
line-height: 30px;
margin-bottom:15px;
}
div.widget_title_container > h1 {
font-size:24px;
line-height: 28px;
color: #666666;
padding-left: 9px;
}
div.widget_title_container .black{
color: #4d4d4d !important;
}
div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .cross_image {
height: 103px;
width: 16.3333%;
max-width: 113px;
}
div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product {
width: 33.3333%;
height: auto;
max-width: 105px;
}
div#widget_coordinate > .middle > .content > .coordinate_body > .left_column > .product img {
width: 100%;
height: auto;
max-width: 105px;
}
div#widget_coordinate > .middle > .content > .coordinate_body > .right_column {
margin-left: 0px;
width: 100%;
}
div#widget_coordinate > .middle > .content > .coordinate_body > .left_column {
padding-bottom:35px;
width:100%;
}
div#widget_coordinate {
width: 100%;
}
@media only screen and (min-width: 601px) {
div#widget_coordinate {
position: absolute;
display: contents;
}
div#widget_coordinate .widget_bundle_package_list {
position: inherit;
width: 33.33%;
max-width: 24.375rem;
}
#contentRecommendationWidget_PDP_Emspot_Right.with-widget-coordinate {
margin-top: 30px;
}
}div#widget_coordinate > .content {
padding-bottom: 10px;
}
div#widget_coordinate > .content > .coordinate_title {
width: 20%;
}
div#widget_coordinate > .middle {
width: 100%;
}
div#widget_coordinate > .middle > .content {
padding: 0px 0px 40px 0px;
width: 100%;
}
div#widget_coordinate > .middle > .content .down_arrow {
width: 20px;
height: 10px;
position: absolute;
left: 43%;
visibility: hidden;
}
div#widget_coordinate > .middle > .content .up_arrow {
position: absolute;
top: -17px;
left: 43%;
width: 20px;
height: 10px;
visibility: hidden;
}
div#widget_coordinate > .middle > .content .down_active {
visibility: visible;
}
div#widget_coordinate > .middle > .content .up_active {
visibility: visible;
}
#homePageEspot1,
#homePageEspot2,
#homePageEspot_Left,
#homePageEspot_Middle,
#homePageEspot_Right {
width: 100%;
}
#homePageEspot1_Slot,
#homePageEspot2_Slot,
#homePageEspot_Left_Slot,
#homePageEspot_Middle_Slot,
#homePageEspot_Right_Slot {
position:relative;
z-index: 2;
}
.textContainer .title {
font-family: arial, helvetica;
font-weight: bold;
font-size: 40px;
color: #073769;
line-height: 42px;
margin-bottom: 10px;
text-transform: uppercase;
}
.textContainer .bodyText {
font-family: arial, helvetica;
font-size:14px;
color: #073769;
line-height: 14pt;
margin-left:1px;
}
.textContainer .button {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding: 9px 20px;
border-radius: 3px;
background-color: #c5293e;
font-size: 20px;
color: #fff;
width: 100px;
margin-top: 15px;
margin-left:1px;
}
@media (min-width: 1281px) {
.tab {
margin-top: 0px !important;
}
}
h1 {
padding: 0;
font-size: 28px;
font-weight: inherit;
}
.collapsible > h3 {
cursor: pointer;
}
.collapsible > .content {
overflow: hidden;
}
.collapsible[aria-expanded="false"] > .content {
max-height: 0;
visibility: hidden;
}
#content .collapsible,
.categoryNavWidget.collapsible,
.linkWidget.collapsible {
padding: 10px 0px 0px 0px;
background-color: #fff;
border: 1px solid #ccc;
transition: background-color .2s;
}
#content .collapsible:hover,
.categoryNavWidget.collapsible:hover,
.linkWidget.collapsible:hover{
background-color: #fff;
}
#content .collapsible > h3,
.categoryNavWidget.collapsible > h3,
.linkWidget.collapsible > h3 {
margin: -10px 0px 0px -12px;
padding: 10px 34px;
font-family: Tungsten;
font-size: 1.6rem;
font-weight: 400;
}
#content .collapsible > .header,
.categoryNavWidget.collapsible > .header,
.linkWidget.collapsible > .header{
font-size: 17px;
}
.categoryNavWidget.collapsible > h3:before ,
.linkWidget.collapsible > h3:before {
content: '\002D'!important;
display: inline-block;
font-size: 35px !important;
margin-right: 5px;
padding: 8px 8px 15px 8px;
line-height: 0px;
letter-spacing: 0px;
border: 2px solid #000;
border-radius: 20px;
}
#content .collapsible[aria-expanded="false"] > h3:before,
.categoryNavWidget.collapsible[aria-expanded="false"] > h3:before ,
.linkWidget.collapsible[aria-expanded="false"] > h3:before {
content: '\002B'!important;
display: inline-block;
font-size: 35px !important;
margin: 0px 5px 0px 0px;
padding: 11px 6px 12px 6px;
line-height: 0px;
letter-spacing: 0px;
}
#content .collapsible > .content > ul,
.linkWidget.collapsible > .content > ul {
margin: 10px 0 0 0;
background-color: #ffffff;
font-size: 12px;
list-style-type: none;
}
#content .collapsible > .content > ul > li ,
.linkWidget.collapsible > .content > ul > li {
padding: 10px;
border-top: 1px solid #f0f0f0;
}
#content .collapsible > .content > ul > li:first-of-type ,
.linkWidget.collapsible > .content > ul > li:first-of-type {
border-top-width: 0;
}
#attachmentPaginationContainer .attachment > .attachment {
float: left;
max-width: 100px;
padding-top: 2px;
padding-right: 15px;
}
#attachmentPaginationContainer .attachment > .attachment > .description {
padding-left: 2px;
}
#attachmentPaginationContainer .header {
text-transform: capitalize;
font-size: 14px;
clear:both;
}
#attachmentPaginationContainer .paging_controls .active {
background-position: left top;
cursor: pointer;
}
#attachmentPaginationContainer .paging_controls > .pages > ul > li {
color: #CA4200;
cursor: pointer;
display: block;
float: left;
margin: 0 2px;
min-width: 14px;
padding: 0 2px;
text-align: center;
}
#attachmentPaginationContainer .title{
float:left;
}
#attachmentPaginationContainer .paging_controls{
float:right;
}
#attachmentPaginationContainer .paging_controls .pages{
float:left;
}
#attachmentPaginationContainer .paging_controls .right_arrow{
float:left;
margin: 2px 0 0;
}
#attachmentPaginationContainer .paging_controls .left_arrow{
float:left;
margin: 2px 0 0;
}
.searchAssocAssets .showDetails {
font-size: 10px;
text-transform: uppercase;
line-height: 16px;
}
.searchAssocAssets {
margin-top: 7px;
background-color: transparent !important;
padding: 0px !important;
border-radius: 0px !important;
transition: background-color .2s;
}
.searchAssocAssets[aria-expanded="true"] > a > .arrow {
width: 15px;
margin: 5px 3px 0px 0px;
background-position: -241px -41px;
}
.searchAssocAssets > a > .arrow {
float: left;
background: url('../images/responsive/rwdUI.png') no-repeat;
width: 10px;
height: 10px;
margin: 2px 5px 0px 3px;
background-position: -221px -41px;
}
.searchAssocAssets > .product_attachment {
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
z-index: 99;
}
.searchAssocAssets > .product_attachment .item_spacer_5px {
border-bottom: 1px solid #e9e9e9;
margin-bottom: 10px;
padding-bottom: 10px;
}
.searchAssocAssets > .product_attachment > .icon {
float: left;
margin-right: 5px;
}
.searchAssocAssets > .product_attachment > .details p {
color: #666666;
font-size: 14px;
line-height: 14px;
margin-left: 10px;
margin-top: 10px;
text-align:left;
text-transform: capitalize;
}
.product_page_content #productSlot56 {
float: none;
}
.product_page_content #productFullWidthSlot56 {
float: right;
}
.product_page_content .tab > .content {
font-size: 16px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 17px;
color: #717171;
line-height: 20px;
font-family: "ITC Conduit W04";
}
.product_page_content .tab > .content > div {
padding-bottom: 10px;
}
.product_page_content .tab > .content > ul {
padding-top: 2px;
padding-left: 25px;
padding-bottom: 10px;
}
.product_page_content .content .merchandisingAssociationWidget .product_info ul {
padding-left: 0px;
float: left;
width: 100%;
}
.product_page_content .content .merchandisingAssociationWidget .product_info .product_option .button {
width: 97%;
min-height: 0px;
line-height: normal;
padding-bottom: 7px;
padding-top: 6px;
word-wrap: break-word;
position: relative;
display: inline-block;
vertical-align: middle;
}
.product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper {
width: 90%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.product_page_content #productSlot56 > div:nth-child(2),
.product_page_content #productFullWidthSlot56 > div:nth-child(2) {
border-bottom: none;
display: table-cell;
display: -moz-groupbox;
}
.product_page_content .widget_product_image_viewer > .content {
float: right;
padding-bottom: 20px;
}
.product_page_content .widget_product_image_viewer .image_container {
width: 95%;
}
div.widget_product_image_viewer {
width: 100%;
margin-bottom: 30px;
}
.widget_product_image_viewer .image_container > img {
width: 100%;
float: left;
max-width: 402px;
max-height: 622px;
margin-right: 140px;
}
.mobileVisible {
display: none;
}
.definingAttributes {
padding-bottom: 5px;
font-size: 14px;
}
.definingAttributes:after {
clear: both;
content: "";
display: block;
}
.definingAttributes .options_dropdown_column {
float: left;
min-width: 180px;
margin-bottom: 20px;
padding-right: 20px;
}
.definingAttributes .options_dropdown_column .heading {
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}
.definingAttributes .options_dropdown_column .selectWrapper {
padding-top: 4px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 4px;
height: auto;
}
.definingAttributes .attBorder {
border-top: 1px solid #e5e5e5;
}
.definingAttributes .color_swatch_label {
display: inline-block;
padding-top: 10px;
}
.definingAttributes > div.color_swatch_label:first-child {
padding-top: 0px;
border-top: none;
}
.definingAttributes div[id^="swatch_selection_"] {
display: inline-block;
}
.definingAttributes .currentUsedFilters {
font-size: 12px;
padding-bottom: 7px;
padding-top: 7px;
margin-bottom: 10px;
}
.definingAttributes .currentUsedFilters .usedFilter {
display: none;
margin-right: 10px;
}
.definingAttributes .currentUsedFilters .usedFilter.visible {
display: inline-block;
}
.definingAttributes .currentUsedFilters .close:before {
position:absolute;
content: url('../images/responsive/rwdUI.png');
top: 0px;
left: -60px;
}
.definingAttributes .currentUsedFilters .close {
vertical-align: middle;
margin-top: 1px;
margin-right: 2px;
float: left;
height: 15px;
width: 15px;
overflow: hidden;
position: relative;
cursor: pointer;
}
.definingAttributes .currentUsedFilters .close:hover:before {
top:0px;
left:-240px;
}
.definingAttributes .hidden {
display: none;
}
.color_swatch_list {
line-height: 35px;
}
.color_swatch_list > ul,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list > ul {
padding: 0;
}
.color_swatch_list > ul > li,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list > ul > li {
width: 34px;
text-align: center;
}
.color_swatch_list .color_swatch,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch {
border-radius: 100%;
box-shadow: 0 0 0 1px #e5e5e5;
vertical-align: middle;
}
/* DevStart: css for list view under Other Custmers Also Purchased */
.product_listing_container .list_mode .product .divider{
display: none;
}
.product_listing_container .list_mode .product > .product_image {
position: absolute;
left: 0;
top: 0;
width: 160px;
height: auto;
margin: 15px;
}
.product_listing_container .list_mode .product .product_info form select{
width: 112px;
}
/* DevEnd: css for list view under Other Custmers Also Purchased */
.product_listing_container .list_mode .product > .product_info > .product_name {
color: #666666;
font-size: 17px;
}
.product_listing_container .list_mode .product > .product_info > .product_name a:hover{
text-decoration:underline;
}
.product_listing_container .list_mode .product > .product_info > .attr {
font-size: 14px;
}
.product_listing_container .list_mode .product > .product_info > .def_attr {
display: block;
}
.product_listing_container .list_mode .product > .product_info > .product_price {
color: #CA4200;
font-size: 14px;
}
.product_listing_container .list_mode .product > .product_info > .product_price .old_price {
color: #777777;
text-decoration: line-through;
margin-right: 4px; /* Dev: provides space after list price and before offer price */
}
.product_listing_container .list_mode .product > .product_info > .not_available{
color: #4D4D4D;
font-style: italic;
line-height: 14px;
font-size: 13px;
margin-top: 2px;
}
.product_listing_container .list_mode .product > .product_info > .product_description {
font-size: 13px;
line-height: 16px;
margin-top: 12px;
padding-right: 15px;
}
.product_listing_container .list_mode .product > .product_info > .product_description a{
color: #006ECC;
margin-top: 4px;
display: inline-block;
text-decoration:none;
float: left; /* Dev: To avoid wide outline when focussed,also added a clear_float div in the page */
}
.product_listing_container .list_mode .product > .product_info > .product_description a:hover{
text-decoration:underline;
}
.product_listing_container .list_mode .product > .product_info > .product_color_swatches {
clear:left;
overflow: hidden;
}
.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list {
float: left;
}
.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_name {
font-size: 13px;
float: left;
line-height: 32px;
}
.product_listing_container .list_mode .product > .product_info > .product_sizes {
margin-top: 2px;
}
.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist {
line-height: 22px;
}
.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_quantity .quantity_section .header {
font-size: 13px;
position: relative;
bottom: 2px;
}
.product_listing_container .list_mode .product > .product_info > .product_quantity_addtolist > .product_addtolist select{
margin-left: 24px;
height: 22px;
}
.product_listing_container .list_mode .product > .product_info > .product_option {
margin-top: 7px;
}
.product_listing_container .list_mode .product > .product_info > .searchAssocAssets {
padding: 20px 0 20px 0;
font-size: 12px;
line-height: 16px;
}
.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details{
float: left;
}
.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a{
color: #006ECC;
text-decoration: none;
}
.product_listing_container .list_mode .product > .product_info > .searchAssocAssets > .product_attachment > .details a:hover{
text-decoration: underline;
}
.productDescDropMerch {
margin-top: 7px;
background-color: transparent !important;
padding: 0px !important;
border-radius: 0px !important;
}
.productDescDropMerch > a > .showDetails {
font-size: 12px !important;
font-weight: bold;
color: #767676 !important;
line-height: 21px !important;
}
.productDescDropMerch .product_info {
margin: 0px 0px 0px 0px;
}
.productDescDropMerch .product_info > .header {
font-size: 14px;
}
.productDescDropMerch .product_info .quantity_section {
margin-top: 0px !important;
}
.productDescDropMerch .product_info > .product_description {
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
}
.productDescDropMerch .product_info > .product_description > .sku {
font-size: 10px;
color: #777;
}
.productDescDropMerch > a > .arrow {
float: left;
background: url("../images/responsive/rwdUI.png") no-repeat;
width: 15px;
height: 15px;
margin: 3px 5px 0 3px;
background-position: -80px -40px;
}
.productDescDropMerch[aria-expanded="true"] > a > .arrow {
background-position: -100px -40px;
}
#widget_coordinate .list_mode .product > .product_image_merch {
position: relative;
width: 100%;
margin: 0px;
}
#widget_coordinate .list_mode .product > .product_name_merch {
font-size: 16px;
color: #767676;
height: 90px;
}
#widget_coordinate .list_mode .product > .shop_now{
height: 30px;
}
div.product_listing_container .list_mode .product .product_info > .product_color_swatches {
clear: left;
overflow: hidden;
}
.product_listing_container div.col {
padding-top: 20px;
}
.product_listing_container .list_mode .product {
max-width: 100%;
padding: 15px 15px 15px 190px;
position: relative;
}
.product_listing_container .list_mode .product .product_info > .product_option {
margin-top: 7px;
}
.color_swatch_list .color_swatch_disabled,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_disabled {
border-radius: 100%;
box-shadow:0 0 0 1px #c1c1c1;
vertical-align: middle;
cursor: default;
}
.color_swatch_list .color_swatch_selected,
.color_swatch_list .color_swatch:hover,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch_selected,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list .color_swatch:hover {
border-radius: 100%;
box-shadow: 0 0 0 3px #fac549;
vertical-align: middle;
}
.namePartPriceContainer h1{
font-size: 22px;
line-height: 24px;
}
.namePartPriceContainer h2{
font-size: 13px;
color:#000000;
padding-left: 24px;
line-height:30px;
}
div.namePartPriceContainer > .print_section{
float: right;
line-height: 16px;
font-size: 11px;
text-decoration: none;
cursor: pointer;
}
div.namePartPriceContainer > .print_section > span{
float: right;
}
div.namePartPriceContainer > .print_section > .print_icon{
float: right;
margin-right: 10px;
background: url('../images/colors/color1/widget_product_info/print_icon_sprite.png') no-repeat;
height: 16px;
width: 16px;
}
div.namePartPriceContainer > .print_section:hover span{
text-decoration: underline;
}
div.namePartPriceContainer > .print_section:hover > .print_icon{
background-position: 0px -16px;
}
div.namePartPriceContainer h1.main_header{
line-height: 32px;
display:block;
padding: 0px;
}
div.namePartPriceContainer > .not_available{
font-size: 13px;
color: #767676;
line-height: 16px;
font-style:italic;
}
/* DevStart: removed id #price_display since there can be multiple price in the same page */
div.namePartPriceContainer > div > span.configured{
font-size:16px;
color: #4d4d4e;
line-height: 18px;
margin-top:-2px;
float: left;
}
div.namePartPriceContainer > div > span.old_price{
font-size:16px;
color: #767676;
line-height: 18px;
float: left;
text-decoration: line-through;
margin-right: 4px; /* Dev: provides space after list price and before offer price */
}
div.namePartPriceContainer > div > span.price{
font-size:16px;
color: #CA4200;
line-height: 18px;
font-weight: bold;
display:block;
}
div.namePartPriceContainer > span.sku {
font-size:10px;
line-height: 12px;
color: #767676;
display: inline-block;
margin-top: 12px;
margin-bottom: 10px;
}
div.namePartPriceContainer .promotion{
font-size: 12px;
color: #006ECC;
text-decoration: none;
}
div.namePartPriceContainer .promotion:hover{
text-decoration: underline;
}
div.namePartPriceContainer {
padding-bottom: 4px;
}
div.namePartPriceContainer .single_star,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star {
display: block;
float: left;
height: 16px;
width: 16px;
padding-right: 3px;
margin-top: 3px;
background: url("../images/colors/color1/star_rating.png") no-repeat 0 0;
}
div.namePartPriceContainer .single_star:hover,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .single_star:hover {
background-position: 0px -16px;
}
div.namePartPriceContainer > div.star_ratings {
padding-top: 1px;
padding-bottom: 7px;
}
div.namePartPriceContainer > div.star_ratings > span.reviews a,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a{
color: #006ecc;
font-size:12px;
float: left;
padding-left: 8px;
text-decoration: none;
line-height: 22px;
}
div.namePartPriceContainer > div.star_ratings > span.reviews a:hover,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings .reviews a:hover{
text-decoration: underline;
}
div.namePartPriceContainer div.star_ratings div.stars,
.product_listing_container .list_mode .product > .product_info > .product_rating > div.star_ratings div.stars {
float: left;
}
.widget_product_info_viewer > .top .social{
padding-top: 4px;
}
.product_text{
border-bottom: 1px solid #e5e5e5;
padding-top: 11px;
padding-bottom: 11px;
line-height: 22px;
}
.product_text .recurring{
margin-top: 5px;
}
.product_text .recurring:hover .recurring_text{
text-decoration:underline;
cursor:pointer;
}
.product_text .recurring .recurring_icon{
height: 13px;
width: 13px;
background: url("../images/colors/color1/widget_product_info/recurring_icon.png");
background-repeat: no-repeat;
float: left;
}
.product_text .recurring .recurring_text{
float: left;
margin-left: 3px;
font-size: 12px;
color: #006ECC;
text-decoration:none;
}
.product_text > .subscription > .icon{
height: 13px;
width: 9px;
background: url('../images/colors/color1/widget_product_info/subscription_icon.png');
float: left;
}
.product_text > .subscription > a{
font-size: 12px;
text-decoration: none;
color: #0030df;
margin-left: 5px;
}
.product_text p {
color:#4D4D4D;
font-size:12px;
line-height: inherit;
font-family:Arial, Helvetica, sans-serif;
}
.product_text ul {
padding-left: 14px;
list-style-type:disc;
}
.product_text ul li{
color:#4d4d4d;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
line-height: inherit;
}
.color_and_size{
padding-top: 11px;
padding-bottom: 11px;
float:left;
}
.product_desc{
padding-top: 11px;
padding-bottom: 11px;
line-height: 22px;
}
.product_desc p {
color:#4D4D4D;
font-size:12px;
line-height: inherit;
font-family:Arial, Helvetica, sans-serif;
}
.options_dropdown select{
height: 23px; /* Dev: to override legacy css style */
width: 164px;
}
.check_size_chart{
color: #006ECC;
float: left;
font-size: 12px;
text-decoration: none;
}
.product_listing_container .list_mode .product > .product_info > .product_option .button_secondary {
margin-top: 7px;
}
.widget_product_info_viewer > .product_options .color_and_size .heading,
.widget_product_info_viewer > .product_options .color_and_size .header{
font-size:14px;
}
.widget_product_info_viewer > .product_options .color_and_size .vertical_divider{
height: 11px;
width: 1px;
background: #e5e5e5;
margin-left: 13px;
margin-right: 13px;
margin-top: 7px;
}
.color_swatch_list ul li,
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li {
display: block;
float: left;
margin: 0 10px 10px 0;
cursor: pointer;
}
div.product_listing_container .list_mode .product > .product_info > .product_color_swatches > .color_swatch_list ul li.last_swatch {
margin-bottom: 0px;
}
.quantity_discount,
div#widget_package_summary .quantity_discount,
div.widget_bundle_package_list .quantity_discount{
font-size: 14px;
color: #767676;
line-height: 16px;
}
div#widget_package_summary .quantity_discount{
margin-bottom: 12px;
}
.quantity_discount > p > span.price,
div#widget_package_summary .quantity_discount > p > span.price,
div.widget_bundle_package_list .quantity_discount > p > span.price{
color: #CA4200;
}
.quantity_section{
padding-top: 16px;
padding-bottom: 6px;
}
.quantity_section > .quantity_input{
width: 40px;
height: 25px;
padding: 3px;
}
.quantity_input {
height: 19px;
width: 40px;
background-color: #ffffff;
font-style: normal;
font-size:14px;
padding: 1px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
color: #4d4d4d;
text-align: center;
}
.widget_product_info_viewer > .product_options .divider{
height: 1px;
background-color:#E5E5E5;
}
#widget_package_summary > .left_border > .right_border > .content > .item > .available {
float: none;
padding-bottom: 20px;
}
.available .header,
.product_listing_container .list_mode .product > .available .header,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
font-size:14px;
line-height: 17px;
}
.available .sublist,
.product_listing_container .list_mode .product > .available .sublist,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist {
line-height: 14px;
}
.available .sublist .text,
.product_listing_container .list_mode .product > .available .sublist .text,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist .text {
font-size: 12px;
}
.available .sublist a.store_name,
.product_listing_container .list_mode .product > .available .sublist a.store_name,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a.store_name {
font-size: 12px;
color: #006ECC;
padding-left: 14px;
text-decoration: none;
}
.available .sublist a:focus.store_name,
.available .sublist a:hover.store_name,
.product_listing_container .list_mode .product > .available .sublist a:hover.store_name,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .sublist a:hover.store_name {
text-decoration: underline;
}
.available ul,
.product_listing_container .list_mode .product > .product_info > .available ul,
#widget_package_summary > .left_border > .right_border > .content > .item > .available ul {
list-style-image:url("../images/colors/color1/widget_product_info/checkmark_icon.png");
}
.available .instore_sublist,
.product_listing_container .list_mode .product > .available .instore_sublist,
#widget_package_summary > .left_border > .right_border > .content > .item > .available .instore_sublist {
margin-left: 40px;
font-size:12px;
line-height: 17px;
}
.available a.check_stores,
.product_listing_container .list_mode .product > .available a.check_stores,
#widget_package_summary > .left_border > .right_border > .content > .item > .available a.check_stores {
color: #006ECC;
float: left;
width: 90%;
font-size: 12px;
margin-left: 15px;
text-decoration: none;
cursor:pointer;
}
.available a:focus.check_stores,
.available a:hover.check_stores,
.product_listing_container .list_mode .product > .available a:hover.check_stores,
#widget_package_summary > .left_border > .right_border > .content > .item > .available a:hover.check_stores {
text-decoration: underline;
}
.available {
padding: 11px 0px;
width: 100%;
border-bottom: 1px solid #e5e5e5;
float: left;
}
.available > .text {
font-size: 12px;
padding-left: 16px;
}
.available > .sublist {
max-width: 130px;
float: left;
padding-top: 4px;
padding-left: 15px;
padding-bottom: 10px;
}
.available .subHeading {
float: left;
color: #666;
font-size: 12px;
line-height: 14px;
padding-top: 4px;
padding-left: 15px;
padding-bottom: 10px;
}
.available .availabilityBorder {
margin-left: 15px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.widget_product_info_viewer > .product_options .left_column{
padding-top: 16px;
float: left;
padding-right: 12px;
}
.left_column .quantity_section{
margin-bottom: 6px;
}
.left_column .quantity_section .header{
font-size: 16px;
line-height: 36px;
padding-right: 10px;
}
.widget_product_info_viewer > .product_options .right_column{
padding-top: 16px;
}
.widget_product_info_viewer > div.social_commerce{
padding-top: 11px;
padding-bottom: 6px;
border-top: 1px solid #E5E5E5;
}
.widget_product_info_viewer > div.social_commerce .social{
padding-right: 14px;
}
.widget_product_info_viewer > div.social_commerce .social .social_icon{
margin-right: 5px;
height: 25px;
}
.widget_product_info_viewer > div.social_commerce .social .divider{
width: 1px;
height: 24px;
background: #e5e5e5;
margin-right: 12px;
margin-left: 7px;
}
.widget_product_info_viewer > div.social_commerce .send_and_print{
height: 24px;
line-height: 1px;
border-left: 1px solid #e5e5e5;
padding-left: 14px;
}
.widget_product_image_viewer > .content > .other_views {
margin-right: 15px;
border-bottom: 1px dotted #eeeeee;
margin-top: 1px;
position: relative;
height: 100%;
}
.widget_product_image_viewer > .content > .other_views > .other_views_text {
padding: 0 5px 0 5px;
background: #eee;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
font-size: 12px;
float: left;
}
.widget_product_image_viewer > .content > .other_views > ul {
display: table;
padding-left: 0px;
}
.widget_product_image_viewer > .content > .other_views > ul > li {
list-style: none;
float: left;
width: 94px;
height: 94px;
text-align: center;
border: 1px dotted #e5e5e5;
}
.widget_product_image_viewer > .content > .other_views > ul > li.selected {
border: 1px solid #FAC549;
}
.widget_product_image_viewer > .content > .other_views > ul > li > a > img{
height: 100%;
}
/*--------------------------------------------------------------*/
#widget_language_and_currency_popup {
height: auto !important;
font-family: Arial, Helvetica, sans-serif;
}
div.widget_site_popup {
width: 460px;
background-color: #ffffff;
font-size:12px;
}
@media (max-width: 500px) {
div.widget_site_popup {
width: 300px;
background-color: #ffffff;
font-size:12px;
}
.product > .product_image img{
width:100%;
}
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border {
border: 1px solid #cccc;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content {
width: auto;
background-color: #ffffff;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product{
margin-left: 7px;
margin-top: 7px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image{
float: left;
margin-right: 15px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_name{
float: left;
font-size: 14px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .product .product_image img {
max-width: 60%;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content form input {
width: auto;
margin-top: 4px;
margin-bottom: 4px;
border: 1px solid #A2A2A2;
color: #404040;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_secondary .button_text {
min-width: 45px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer{
height: 38px;
border-top: 1px solid #edeff0;
line-height: 36px;
padding-left: 10px;
padding-right: 10px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container{
margin-top: 7px;
float: right;
margin-bottom:7px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_primary,
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container .button_secondary{
display:block;
float: left;
margin-left: 10px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close{
width: 13px;
height: 13px;
position: absolute;
right: 14px;
top: 12px;
background-image: url('../images/colors/color1/close_sprite.png');
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .close:hover{
background-position: 0 -13px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close_acce {
position: absolute;
right: 14px;
top: 14px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content-override-maxwidth {
width: 455px;
max-width:460px;
}
#inactivityWarningPopup_body {
padding-top: 60px;
padding-bottom: 60px;
}
#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_icon {
width: 19px;
}
#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .body .message_text {
color: #4D4D4D;
font-size: 12px;
line-height: 16px;
margin-left: 10px;
}
#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .footer > .button_container > .button_primary > .button_text {
min-width: 50px;
}
#inactivityWarningPopup .widget_site_popup > .middle > .content_left_border > .content_right_border > .content > .close_acce {
width: 13px;
height: 13px;
position: absolute;
right: 14px;
top: 12px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header{
background-color: #f5f6f7;
border-bottom: 1px solid #edeff0;
padding: 7px 20px 9px 20px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .header span{
font-size: 16px;
color: #666666;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selector {
padding: 8px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors {
padding: 16px 0;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .option_name{
font-size: 12px;
color: #666666;
width: 25%;
float: left;
text-align: right;
padding-right: 5px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .left_selector{
width: 350px;
position: relative;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select{
width: 150px;
background-color: #e5e5e5;
height: 22px;
font-size: 12px;
color: #4d4d4d;
padding-left: 10px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_select #selected_option{
cursor: pointer;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors #language_options{
width: 148px;
height: 65px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
position: absolute;
top: 22px;
left: 80px;
padding-left: 10px;
overflow:scroll;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors select{
font-size: 12px;
color: #666666;
float:left;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .selectors .currency{
width: 92px; /*96*/
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body{
padding-top: 22px;
padding-bottom: 22px;
padding-left: 20px;
padding-right: 20px;
line-height: 14px;
font-size: 12px;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .textinlinewithicon{
line-height: 23px;
margin-left: 4px;
float: left;
}
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .header{
font-size: 14px;
margin-top: 4px;
margin-bottom: 14px;
}
.dropdown_list{
position: absolute;
/*original:: top:85px;*/
/* DevStart: dropdown list kept relative to the dropdown button,so that it can be used in multiple places */
top: 23px;
z-index: 5;
/* DevEnd */
min-width: 190px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
div.dropdown_list > ul div.divider{
border-bottom: 0px;
height: 1px;
margin-left: 10px;
margin-right: 10px;
background-color: #b9b9b9;
margin-top: 7px;
}
.shopperActions .dropdown_list {
top: 31px;
min-width: 270px;
z-index: 1000;
}
.created_list{
background: url('../images/colors/color1/widget_quick_info_popup/plus_icon.png') no-repeat scroll 10px 50% transparent;
color: #515151;
cursor: pointer;
display:block;
font-size: 11px;
line-height: 11px;
overflow:hidden;
padding-left: 24px;
padding-bottom: 8px;
padding-top: 8px;
}
.created_list_wrapper{
width: 200px;
overflow: auto;
overflow-x: hidden;
max-height: 100px;
}
.created_list:hover,.created_list_wrapper > .focused {
background-color: #d9e9f7;
}
.shopperActions .dropdown_list .created_list_wrapper {
width: auto;
}
.shopperActions .dropdown_list .message {
font-style: italic;
padding: 6px;
border-bottom: 1px solid #e4e4e4;
line-height: 14px;
}
.shopperActions .button.primary,
.shopperActions .button.secondary {
width: 97%;
max-width: 270px;
}
.shopperActions .dropdown_primary {
background: linear-gradient(rgb(255, 255, 255), rgb(229, 232, 233) 100%);
border-width: 1px;
border-style: solid;
border-color: rgb(191, 191, 191);
border-radius: 4px;
position: relative;
width: 97%;
max-width: 270px;
min-height: 29px;
height: 100%;
}
.shopperActions .dropdown_primary > a {
padding-bottom: 1px;
font-size: 14px;
text-align: center;
color: rgb(50, 50, 50);
min-width: 200px;
width: 100%;
}
.shopperActions .dropdown_primary > .drop {
height: 100%;
width: 30px;
border-left: 1px solid rgb(191,191,191);
line-height: 29px;
right: 0;
position: absolute;
}
.shopperActions .dropdown_primary > .drop > a {
padding-left: 9px;
display: block;
vertical-align: middle;
height: 100%;
}
.shopperActions .dropdown_primary > .drop div {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.shopperActions .dropdown_primary .shoppping_list_content {
position: relative;
display: inline-block;
vertical-align: middle;
width: 65%;
padding-bottom: 5px;
padding-top: 5px;
word-wrap:break-word;
}
.dropdown_primary {
height: 24px;
display: inline-block;
text-decoration:none;
}
.dropdown_primary > .button{
float: left;
text-decoration:none;
cursor: pointer;
}
.dropdown_primary > .button > .left_border {
width: 2px;
height: 24px;
float: left;
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border.png') top left no-repeat;
}
.dropdown_primary > .button > .right_border,
.dropdown_primary > .drop .right_border {
width: 2px;
height: 24px;
float: left;
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border.png') top left no-repeat;
}
.dropdown_primary > .button > .content {
height: 20px;
padding: 2px 7px;
float: left;
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
line-height: 20px;
color: #49310f;
text-align: center;
font-size: 11px;
overflow:hidden;
cursor: pointer;
}
.dropdown_primary > .drop{
float: left;
cursor: pointer;
}
.dropdown_primary > .drop > .dropdown_arrow{
height: 24px;
float: left;
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png') top left repeat-x;
width: 16px;
text-align: center;
line-height: 20px;
}
.dropdown_primary > .drop > .white_line{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_white.png') top left repeat-x;
height: 24px;
width:1px;
float: left;
}
.dropdown_primary > .button:focus > .left_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
}
.dropdown_primary > .button:focus > .content{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}
.dropdown_primary > .button:focus > .right_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}
.dropdown_primary > .button:hover > .left_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png') top left no-repeat;
}
.dropdown_primary > .button:hover > .content{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}
.dropdown_primary > .button:hover > .right_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}
.dropdown_primary > .drop:focus > .dropdown_arrow{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}
.dropdown_primary > .drop:focus > .right_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}
.dropdown_primary > .drop:hover > .dropdown_arrow{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png') top left repeat-x;
}
.dropdown_primary > .drop:hover > .right_border{
background: url('../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png') top left no-repeat;
}
div#purchase_options input {
border: none;
background-color: none;
vertical-align: middle;
margin-top: -2px;
}
div#purchase_options label {
padding-right: 15px;
}
div#purchase_options label img {
padding-right: 5px;
vertical-align: middle;
}
.productSpecTable {
font-size: 12px;
padding: 10px;
}
.bordered_table{
background: #fff !important;
}
.bordered_table table{
width: 100%;
background: #fff !important;
border: 1px solid #ccc;
margin-bottom: 10px;
}
.bordered_table table tr td{
padding: 5px;
}
.bordered_table table thead{
display: block;
width: 100%;
border-bottom: 1px solid #ccc;
}
.bordered_table table thead tr td:first-child{
width: 90%;
}
.bordered_table table tbody{
display: inline-table;
width: 100%;
}
.specTableHeading {
border-bottom: 1px solid #999;
padding: 10px 10px 10px 0px;
}
.specTableHeading h1 {
font-weight: bold;
font-size: 12px
}
.specTableRow {
padding: 5px;
border-bottom: 1px dotted #ccc;
}
.productSpecs {
font-size: 12px;
padding: 10px;
}
#productSpecsTab {
padding: 10px !important;
}
.widget_bundle_package_list {
margin-right: 0px !important;
}
.widget_bundle_package_list .widget_product_listing {
width: 100%;
}
.widget_bundle_package_list .list_mode {
border: 1px solid #e9e9e9;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 0px !important;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product {
width: auto;
padding: 12px 0px 0px 0px;
border-top: 1px solid #e5e5e5;
margin-bottom: 20px;
color: #4D4D4D;
float:none;
}
.widget_bundle_package_list .product_listing_container > .list_mode div:nth-child(2) {
border-top: none;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info {
border-right: none;
min-width: 100px;
width: 85%;
}
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
border-right: 1px solid #e5e5e5;
width: 34%;
padding-right: 10px;
}
.widget_bundle_package_list .product_listing_container > .package_mode .product .product_info {
width: 58.333333%;
}
.widget_bundle_package_list .product_listing_container > .package_mode .product .product_info > .product_quantity_addtolist {
display: none;
}
.widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > .product_price {
font-weight: normal;
}
.widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > div:nth-child(2) {
font-size: 10px;
color: #767676;
margin-top: 7px;
margin-bottom: 7px;
}
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info > .product_description {
line-height: 22px;
}
.widget_bundle_package_list .product_listing_container .list_mode .product {
background: none;
max-width: none;
}
.widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
margin: 0px;
position: relative;
float: left;
width: 15%;
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product {
background: url('../images/colors/color1/bundle_product_bg.png') repeat-y;
}
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
width: 300px;
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product > .product_image {
width: 20%;
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product > .product_image > a{
width: 90%;
}
.widget_bundle_package_list .product_listing_container .package_mode .product > .product_image {
width: 41.666666%;
}
.widget_bundle_package_list .product_listing_container .package_mode .product > .product_image > a{
width: 80%;
max-width: 285px;
}
.widget_bundle_package_list .product_listing_container .list_mode .product > .product_info > .product_name > a {
font-size: 16px;
padding-bottom: 0px;
line-height: 22px;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product .available {
padding: 10px;
border-top: none;
border-bottom: none;
width: 38%;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info .product_sizes .heading {
font-size: 13px;
}
/* DevStart: inventory availability component is reused,hence using a common class .available instead of .product_availability */
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .available {
width: 190px; /* Dev: to accommodate select attribute text */
padding-left: 12px;
}
/* DevEnd */
.list_mode .product_info {
margin-top: 10px;
margin-bottom: 0%;
}
/*For containers which are direct children of 'main_content'*/
.container_margin_5px{
margin: 5px auto;
}
.container_margin_8px{
margin: 8px auto;
}
.container_full_width_bundle {
padding: 5px 0px 4px 0px;
max-width: 35%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 14px;
text-align: center;
background: #717171;
color: #fff;
}
.container_full_width_package {
padding: 5px;
width: 80%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 14px;
padding-left: 20px;
max-width: 330px;
background: #ddd;
color: #555;
}
.tooltip {
position: relative;
display: inline-block;
width: 17px;
height: 17px;
margin-left: 5px;
vertical-align: text-bottom;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 400px;
position: absolute;
z-index: 2000;
color: #000;
top: 1.2rem;
right: -12.8rem;
box-shadow: 2px 2px lightgrey;
font-size:14px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltiptext {
position:absolute;
z-index:2000;
overflow:visible;
background:#fff;
}
.tooltiptext .container{
font-size: 12px;
text-align: left;
width: auto;
border-radius: 0px;
border: none;
font-weight:bold;
margin: -1em 0 0;
}
.tooltiptext .header img
{
left: 47%;
top: 12px;
width: 17px;
position: absolute;
height: 14px;
background: url('../images/colors/color1/tooltipConnectorUp.png') no-repeat top left;
}
.tooltiptext .header
{
display:block;
font-size: 14px;
background-color: #f5f6f7;
border-bottom: 1px solid #edeff0;
padding: 25px 15px 15px 15px;
font-weight:900;
}
.tooltiptext .content{
display:inline-block;
padding:10px 15px;
color:black;
text-transform: none;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.tooltiptext .content a {
font-weight: bold;
}
.tooltip_aligment{
margin-bottom: 4px;
}
@media (max-width: 600px) {
.tooltiptext
{
max-width:250px;
min-width:200px;
}
.tooltip .tooltiptext{
right:-8rem;
}
}
.WCTooltip {
position: relative;
z-index: 2000;
overflow: visible;
}
.WCTooltip > .container{
font-size: 12px;
text-align: left;
width: auto;
border-radius: 0px;
color: red;
border: none;
font-weight:bold;
margin: 3px 0px 5px 0px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.WCTooltip > .container> .connector
{
left: 47%;
top: 0;
width: 16px;
position: absolute;
background: url('../images/colors/color1/tooltipConnectorUp.png') no-repeat top left;
}
.WCTooltip > .container> .header
{
font-size: 14px;
background-color: #f5f6f7;
border-bottom: 1px solid #edeff0;
padding: 8px 15px;
}
.WCTooltip > .container> .content
{
background-color: #ffffff;
color:black;
max-width:300px;
min-width:250px;
}
.WCTooltip_container .WCTooltip{
position: absolute;
width: 90%;
padding: 5px 10px;
background: #fff;
top: 100px;
left: 3%;
}
@media (max-width: 600px) {
.WCTooltip > .container> .content
{
max-width:250px;
min-width:200px;
}
.list_mode .product_info {
margin-bottom: 10px;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product .product_info {
border:none;
width: 58.333333%;
padding: 0px;
}
.widget_bundle_package_list .product_listing_container .list_mode .product > .product_image {
width: 41.666666%;
}
.widget_bundle_package_list .product_listing_container > .list_mode .product .available {
border-top: 1px solid #e5e5e5;
margin-left: 0px;
float: none;
display: block;
width: auto;
clear: both;
}
.productListingWidget {
}
.tab .productListingWidget {
border-top: none;
}
.widget_product_image_viewer > .content > .other_views > .other_views_text {
display:none;
}
.widget_product_image_viewer > .content > .other_views > ul {
padding-left: 40px;
}
.widget_product_image_viewer > .content > .other_views > ul > li {
width: 43px;
height: 50px;
}
.widget_product_image_viewer > .content > .other_views > ul > li img {
width: 32px;
height: 50px;
}
div.namePartPriceContainer > .print_section {
display:none;
}
div.widget_product_image_viewer {
margin-bottom: 0px;
}
.product_page_content #productFullWidthSlot56 {
float: none;
}
}
@media (min-width: 601px) {
#orderInfo {
font-size: 12px;
}
.tab .productListingWidget {
border: none;
border-radius: 0px;
}
.product_page_content #productSlot56 > div:nth-child(2),
.product_page_content #productFullWidthSlot56 > div:nth-child(2) {
margin: 0px 5px;
}
}
.productListingWidget > .footer_bar {
padding: 10px;
border-top: 1px solid #e9e9e9;
}
.productListingWidget > .header_bar > .title {
float: left;
padding: 5px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.productListingWidget > .header_bar > .title > .num_products {
font-weight: normal;
text-transform: lowercase;
}
.productListingWidget > .header_bar:after, .productListingWidget > .footer_bar:after {
content: "";
display: block;
clear: both;
}
.controls {
float: right;
margin: -12px 0px 16px 0px;
}
.controls > * {
display: inline-block;
}
.productListingWidget > .header_bar .controls .sorting_controls,
.productListingWidget > .header_bar .controls .view_controls {
float: left;
margin-left: 4px;
padding-right: 0px;
}
.paging_controls {
float: right;
display: block;
}
.sorting_view_controls_container {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding: 0px;
float: right;
margin-left: 4px;
margin-top: 0;
display: block;
}
.productListingWidget > .header_bar .controls .sorting_controls{
border: solid 1px #949494;
background-color: #f7f7f7;
color: #333;
padding: 9px 10px;
border-radius: 0px;
margin: 0;
}
.productListingWidget .orderByDropdown {
display: inline-block;
}
.sorting_controls > span, .sorting_controls > span > label ,
.view_controls > span, .sorting_controls > span > label {
font-size: 16px;
vertical-align: inherit;
font-weight: bold;
}
.sorting_controls > span.page_size_label,
.sorting_controls > span.order_by_label {
display: inline-block;
}
.page_size_label > label,
.order_by_label > label {
text-transform: uppercase;
font-weight: 400 !important;
font-family: Tungsten;
letter-spacing: 1.1px;
}
.productListingWidget #orderByDropdown{
margin-right: 20px;
}
.selectWrapper {
position: relative;
display: inline-block;
background-color: #e9e9e9;
border: 1px solid #e9e9e9;
border-radius: 5px;
height: 39px;
}
.selectWrapper:hover {
background-color: #e0e0e0;
border-color: #e0e0e0;
}
.shopperActions .dropdown_primary > .drop {
overflow: hidden;
}
.shopperActions .dropdown_primary > .drop div:before {
content: url("../images/responsive/rwdUI.png");
display: block;
position: relative;
width: 12px;
height: 6px;
margin: 10px 7px;
float: right;
top: -1px;
left: -1px;
}
.shopperActions .dropdown_primary > .drop div:before {
top: 1px;
left: -2px;
}
#pageSize_menu,
.pageSizeSelectMenu {
width: 70px !important;
}
#orderBy_dropdown > #orderBy_menu,
.orderBySelectMenu,
#orderByContent_dropdown > #orderByContent_menu,
#pageSize_dropdown > #pageSize_menu,
.pageSizeSelectMenu,
div[id^="attrValue_"] > table[id^="attrValue_"],
div[id^="attrName_"] > table[id^="attrName_"] {
position: relative;
border: 1px solid #898989;
background: #FFF;
z-index: 20;
}
#orderBy_dropdown > #orderBy_menu > tbody tr td,
.orderBySelectMenu > tbody tr td,
#orderByContent_dropdown > #orderByContent_menu > tbody tr td,
#pageSize_dropdown > #pageSize_menu > tbody tr td,
.pageSizeSelectMenu > tbody tr td,
div[id^="attrValue_"] > table[id^="attrValue_"] > tbody tr td,
div[id^="attrName_"] > table[id^="attrName_"] > tbody tr td {
height: 16px;
padding: 12px 0;
font-size: 14px;
line-height: 16px;
padding-left: 5px;
color: #545454;
border-bottom: 1px solid #898989;
list-style: none;
}
#pageSize_dropdown > #pageSize_menu > tbody tr td,
.pageSizeSelectMenu > tbody tr td {
text-align: center;
}
.view_controls > *, .paging_controls > * {
display: inline-block;
vertical-align: middle;
}
.paging_controls > .right_arrow > img,
.paging_controls > .left_arrow > img {
padding: 12px 0px 0px 12px;
}
.paging_controls > .left_arrow > img {
/* padding-left: 0px; */
}
.paging_controls > .right_arrow > img {
padding-right: 0px;
}
.paging_controls > .invisible {
visibility: hidden;
}
.paging_controls > .invisible_none {
display: none;
}
.grid_icon, .list_icon {
display: inline-block;
border: 1px solid #a0a0a0;
border-radius: 5px;
position: relative;
overflow: hidden;
padding: 11px;
width: 17px;
height: 17px;
}
.grid_icon:before, .list_icon:before {
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -10px;
}
div.grid_icon, a.grid_icon:hover, div.list_icon, a.list_icon:hover {
background-color: #767676;
}
a.grid_icon:before {
left: -30px;
clip: rect(21px,58px,38px,41px);
}
div.grid_icon:before, a.grid_icon:hover:before {
left: -50px;
clip: rect(21px,78px,38px,61px);
}
a.list_icon:before {
left: -70px;
clip: rect(21px,98px,38px,81px);
}
div.list_icon:before, a.list_icon:hover:before {
left: -90px;
clip: rect(21px,118px,38px,101px);
}
.pages > * {
display: inline-block;
vertical-align: middle;
}
.pages > ul {
margin: 0;
padding: 0;
list-style: none;
}
.pages > ul > * {
display: inline-block;
vertical-align: middle;
line-height:36px;
text-align:center;
}
.pages > ul > .active {
width: 39px;
background-color: #333333;
border: 1px solid #333333;
color: #ffffff;
opacity: 1;
}
.controlBar .pageControl {
list-style: none;
}
.pageControlMenu .controlBar .pageControl.number > a {
margin: 0px;
}
.hoverover > a {
width: 35px;
margin: 0 0px 0 2px;
display: block;
background-color: #ffffff;
border: 1px solid #a0a0a0;
border-radius: 0px;
color: #4d4d4d;
font-size: 16px;
text-align: center;
opacity: 1;
}
.hoverover > a:hover {
background-color: #333333;
color: #fff;
border-color: #333333;
}
.grid > .col {
float: left;
}
.grid:after {
content: "";
display: block;
clear: both;
}
.product_listing_container > .grid_mode li {
padding-top: 20px;
}
.product_listing_container > .list_mode > li {
min-height: 320px;
height: 100%;
padding-bottom: 40px;
position:relative;
}
.product_listing_container > .list_mode > div > li {
min-height: 280px;
height: 100%;
padding-bottom: 40px;
position:relative;
}
.product {
max-width: 320px;
padding: 10px;
margin: 0 auto;
line-height: normal;
}
.product_image {
height: 205px;
text-align: center;
overflow:hidden;
margin-top:10px;
}
.product > .product_image {
overflow:visible;
}
.catPos >.product_image {
border: 1px solid transparent;
}
.catPos >.product_image > a {
position:relative;
display:block;
height: 160px;
text-align: center;
}
.catPos > .product_image > a > img {
position:relative;
max-height: 160px;
margin: 0 -100px;
}
.product >.product_image > a {
display: inline-block;
max-width: 100%;
}
.product >.product_image > a > img {
display: block;
margin: auto;
}
.product_image .image {
position: relative;
width: 100%;
}
/* Default background for all ribbon ad's */
.product_image .RibbonAdDefault {
position:absolute;
bottom:40px;
left:0;
width:110px;
height:20px;
background-color:#2C2C2C;
background: -webkit-gradient(linear, left top, right top, color-stop(0.76, rgba(68, 68, 68, 1)), color-stop(1, rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgba(68, 68, 68, 1) 76%, rgba(255, 255, 255, 0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FF444444', endColorStr='#00FFFFFF')";
zoom: 1;
font-size: 14px;
line-height:20px;
font-family: arial, Helvetica, sans-serif;
color:#FFF;
padding-left:10px;
border-radius:3px;
text-align:left;
vertical-align:baseline;
overflow:visible;
white-space: nowrap;
}
.product_image .RibbonAdDefault.Exclusive {
background-color:#CA4200;
background: -webkit-gradient(linear, left top, right top, color-stop(0.76, rgba(202, 67, 0, 1)), color-stop(1, rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgba(202, 67, 0, 1) 76%, rgba(255, 255, 255, 0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')";
bottom: 70px;
}
.grid_mode .product_name {
padding: 5px 0px 0px 15px;
min-height: 53px;
}
.list_mode .product_info > .product_name > a {
padding-bottom: 15px;
font-size: 17px;
line-height: 18px;
height: inherit;
color: #646464;
}
.product_info > .product_name > a {
display: block;
color: #646464;
font-size: 12px;
line-height: 16px;
padding-bottom: 5px;
}
.product_info > .product_price {
color: #ca4200;
font-size: 14px;
font-weight: bold;
}
.product_info > .product_price > .old_price {
color: #767676;
text-decoration: line-through;
}
.price-color{
color: #ca4200;
margin:0 10px;
}
.grid_mode .product_price {
padding: 5px 0px 0px 15px;
min-height: 24px;
}
.product_info > .header {
display: inline-block;
font-size: 11px;
}
.button.primary,
.button.secondary {
display: inline-block;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FBBB0B), to(#EE9505));
background-image: linear-gradient(#FBBB0B, #EE9505);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FBBB0B', endColorStr='#EE9505')";
border-radius: 4px;
min-width: 200px;
max-width: 100%;
line-height: 29px;
min-height: 29px;
text-align:center;
border: 1px solid #BFBFBF;
color: #333333;
font-size:14px;
}
.button_text {
text-align: center;
font-family: Tungsten;
font-weight: 400;
letter-spacing: 1.1px;
}
.button.secondary {
background-image: linear-gradient(#f7f9f9, #e5e8e9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
}
.button.primary:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(#FED60C), to(#F8AF06));
background-image: linear-gradient(#FED60C, #F8AF06);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FED60C', endColorStr='#F8AF06')";
}
.add2CartButtonDisabled {
color: #BFBFBF !important;
cursor: default;
pointer-events: none;
}
.button.secondary:hover, .requisitionListBox .addRequisitionList .button:hover {
background-image: linear-gradient(#f7f9f9, #ced2d3);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}
.compare_target {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
color: #5B5B5B;
line-height: 15px;
font-weight: bold;
min-width: 90px;
padding: 7px 7px 7px 9px;
text-align: left;
}
.compare_target[data-state="2"] {
padding: 0px 0px 0px 9px;
}
.compare_target[data-state="1"], .compare_target[data-state="2"] {
background-color: #f0f0f0;
border-radius: 4px;
}
.compare_target > input {
position: relative;
cursor: pointer;
vertical-align: middle;
top: -1px;
}
.compare_target > label {
cursor: pointer;
position: relative;
bottom: 3px;
}
.compare_target > a {
display: none;
padding: 7px;
background-color: #767676;
border-radius: 0 4px 4px 0;
color: #ffffff;
text-decoration: none;
margin-left: 4px;
padding-left: 10px;
padding-right: 10px;
border-radius:0px;
}
.compare_target[data-state="2"] > a {
display: inline-block;
}
.compare_target_hidden {
visibility: hidden;
}
.compareCheckboxLabels {
display: none;
}
.catPos {
width: 90%;
margin: 0 auto;
background: #e9e9e9;
border: 1px solid #cccbcb;
overflow:hidden;
position: relative;
border-radius: 4px;
}
.productListHeader {
padding: 10px 20px 0 20px;
}
.catPos_catalog {
width: 90%;
margin: 0 auto;
overflow:hidden;
border-radius: 4px;
}
#quick_cart_container {
left: auto !important;
right: 15px !important;
top: 71px !important;
border: 1px solid #c9cece;
border-top: 3px solid #ffa200;
}
/* Breadcrumb Widget */
div#widget_breadcrumb {
padding: 20px 0px 0px 0px;
height: 14px;
line-height: 12px;
}
div#widget_breadcrumb > ul {
padding: 0;
list-style-type: none;
}
div#widget_breadcrumb > ul li {
display: inline;
color: #333333;
font-size: 16px;
margin:0;
text-transform:uppercase;
font-family:"ITC Conduit W04";
}
div#widget_breadcrumb > ul li a{
text-decoration: none;
color: #975F20;
}
div#widget_breadcrumb > ul li:hover a{
text-decoration: underline;
}
div#widget_breadcrumb > ul li.current {
color: #767676;
}
div#widget_breadcrumb > ul span.divider,
div#widget_breadcrumb > ul li.divider {
margin: 0 6px;
color: #dedede;
font-size: 12px;
font-family: arial, helvetica;
}
/*Facets*/
.facetWidget {
background:#f0f0f0;
border-radius: 0px;
}
#content .facetWidget.collapsible {
padding: 10px 0px 0px 0px;
position: relative;
}
.facetWidget .dropdownIcon {
float:left;
width:16px;
height:16px;
background: url('../images/responsive/rwdUI.png');
background-position: -61px -41px;
margin: 3px 6px 0 0;
}
.facetWidget[aria-expanded="false"] .dropdownIcon {
background-position: -41px -41px;
}
.optionContainer > .title {
font-family: Tungsten;
letter-spacing: .03rem;
min-height: 40px;
color: #545454;
font-size: 1.3rem !important;
font-weight: 400 !important;
line-height: 40px;
margin: 10px 1px 0 1px;
padding:0 10px;
border-radius: 5px 5px 0 0;
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F1F1));
background: linear-gradient(#FFFFFF, #F1F1F1);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#F1F1F1')";
cursor: pointer;
}
.optionContainer.vertical .title {
margin: 10px 5% 0 0;
}
.optionContainer .arrow {
margin: 14px 5px 0 0;
float:left;
position: relative;
overflow: hidden;
}
.optionContainer .arrow:before {
content: url('../images/responsive/rwdUI.png');
position: absolute;
left: -101px;
top: -41px;
}
.optionContainer .arrow_collapsed:before {
left: -81px;
}
.facetWidget .clearAll {
float: right;
text-align: right;
line-height: 22px;
font-size: 13px;
color: #404040;
position: absolute;
right: 15px;
top: 10px;
}
.facetWidget .clearAll:hover {
text-decoration: underline;
}
.facetWidget .close {
float:left;
position:relative;
width: 15px;
height: 15px;
overflow:hidden;
margin-top: 5px;
margin-right: 2px;
}
.facetWidget .close:before{
position:absolute;
content: url('../images/responsive/rwdUI.png');
top:-1px;
left:-61px;
}
.facetWidget .clearAll:hover .close:before {
top:-1px;
left:-241px;
}
.facetWidget .filter_option:hover .close:before {
top:-1px;
left:-241px;
}
#facetFilterListWrapper .facetSelectedCont {
border-top:1px solid #e3e1e1;
border-bottom:1px solid #e3e1e1;
margin:7px 5% 0 0;
padding:3px 0;
width:95%;
}
#facetFilterListWrapper .facetSelectedCont .filter_option img {
border-radius:100%;
vertical-align:middle;
}
#facetFilterListWrapper .facetSelected {
list-style:none;
font-size:13px;
line-height:30px;
}
#facetFilterListWrapper .facetSelected:hover {
text-decoration: underline;
}
#facetFilterListWrapper .facetSelected:hover .close{
background-position: -241px -1px;
}
#facetFilterListWrapper .facetSelected.vertical {
width:95%;
}
.facetSelected .close {
margin:9px 3px 0 0;
}
#facetFilterListWrapper .header {
width:95%;
margin:0 5% 0 0;
}
.facetWidget > .title, .facetWidget > .facetHeader > .title{
color:#4D4D4D;
font-size:17px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
text-align:left;
cursor:pointer;
float:left;
position:relative;
}
.facetWidget .openTab {
float:right;
font-size: 13px;
margin-right: 20px;
font-style: normal;
font-weight: normal;
cursor: pointer;
}
.facetSelectContainer {
background:#f4f4f4f4;
margin:0;
padding:0 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.facetSelectContainer > ul {
padding: 0;
}
.facetSelectContainer .facetSelectedHighlight {
color:#CA4200;
font-weight:bold;
}
.facetSelectContainer .facetSelect li.singleFacet {
border-bottom:none;
margin-bottom:2px;
padding:10px 5%;
text-align:center;
width:38px;
float:left;
}
.facetSelectContainer .swatch .outline > span {
display:table-cell;
height:34px;
vertical-align:middle;
}
.facetSelectContainer .swatch img,
.facetSelected > a > div.filter_option > span > img {
border-radius:100%;
vertical-align:middle;
box-shadow:0 0 0 1px #E5E5E5;
}
.facetSelectContainer .swatch .outline.facetSelectedHighlight > span > img {
box-shadow:0 0 0 3px #FAC549;
}
.facetSelect .swatch .outline {
display:inline-block;
text-align:center;
}
.optionContainer.vertical .facetSelectContainer {
margin-right:5%;
}
#catSelectCont,
.col12 > .facetWidget > #facetLinkSelect {
margin-right: 5%;
}
.facetWidget #facetLinkSelect {
max-height: none;
overflow-y: inherit;
margin-right: 20px;
background: none;
}
#facetFilterListWrapper .facetSelect {
margin-top: 0;
}
.facetSelect li {
list-style: none;
line-height: 16px;
font-size: 12px;
color: #333 !important;
padding: 10px 5% !important;
}
.facetSelect li a {
display: block;
width: 100%;
margin: -10px -5%;
padding: 10px 5%;
text-transform: lowercase;
font-size: 14px;
}
.facetSelect li a:first-line {
text-transform: capitalize;
}
a#requestProofList {
display: inline-block;
vertical-align: top;
}
.successIcon{
width: 1.2rem;
height: 1.2rem;
margin-left: 0.2rem;
}
.success_Label{
display: block;
padding: 0px 20px 3px 20px;
background: #277D29;
color: #fff;
text-transform: capitalize;
}
.newMsg_Label{
color: #333333;
display: block;
padding: 0px 20px 3px 20px;
background: #fdb913;
text-transform: capitalize;
}
.facetSelect li a:hover {
text-decoration: underline;
}
.facetSelect li label {
display: block;
margin: -10px -5%;
padding: 10px 5%;
}
.facetSelect li label:hover {
cursor: pointer;
}
.facetSelect li label:hover .outline span:first-child {
text-decoration: underline;
}
.facetSelect > li.more ~ li,
.facetSelect.active > li.more {
display: none;
}
.facetSelect.active > li.more ~ li {
display: block;
}
.showLess,
.showMore {
line-height: 16px;
font-size: 12px;
color: #565656;
cursor: pointer;
text-align: right;
padding: 5px 5% 0 0;
}
.showLess:hover,
.showMore:hover {
cursor:pointer;
}
#facetFilterListWrapper .facetSelect li:first-child {
padding-top: 0;
}
#colorSelect .facetSelect li:first-child {
padding-top: 10px;
}
/*Color Facet Selection Specifics*/
#fSCColor ul li {
float:left;
text-align:center;
width:30px;
margin-bottom:2px;
border-bottom: none;
padding: 10px 5%;
}
#facetLinks ul li {
border-bottom: none;
}
#facetLinks ul li,
#facetCat ul li {
padding-left: 10%;
}
#facetCat.col8 li {
padding-left: 4%;
}
#facetCat ul li {
background:#FFF;
}
#facetCat.col8 li {
width:27.3%;
float:left;
margin-right:2%;
}
#fSCPrice input {
height: 20px;
border: 1px solid #767676;
}
.facColor {
width:20px;
height: 20px;
border-radius: 10px;
margin: 0 auto 2px auto;
}
.facetSelect .checkBox {
width: 12px;
height: 12px;
margin: 0 5px 0 0;
border: 1px solid #a5a5a5;
background-color: #d7d7d7;
float: left;
position:relative;
display: none;
}
.singleFacet .facetSelect .checkBox {
display: block;
}
.facetSelect li input:checked + a .checkBox > .checkmark {
position:absolute;
background: url('../images/responsive/rwdUI.png');
background-position: -81px -1px;
margin-left: 1px;
margin-top:1px;
width:12px;
height:11px;
}
input:checked ~ .checkBox > .checkmarkMulti {
position:absolute;
background: url('../images/responsive/rwdUI.png');
background-position: -81px -1px;
margin-left: 1px;
margin-top:1px;
width:12px;
height:11px;
}
li[data-additionalvalues="More"]{
cursor: pointer;
}
li[data-additionalvalues="More"] > label{
cursor: pointer;
}
li[data-additionalvalues="More"] > label > span > span:first-child:hover{
text-decoration: underline;
}
li[data-additionalvalues="More"]:hover > label > span > span:first-child{
text-decoration: underline;
}
input:disabled + label{
color: #CCCCCC;
}
ul.facetSelect li input[type=checkbox] {
height:1px;
width:1px;
position:absolute;
overflow:hidden;
left:-30px;
}
ul.facetSelect li div.facetCountContainer {
display:inline-block;
}
.optionContainer.fixed{
min-width: 200px;
float:left;
}
.optionContainer.percent{
width: 33.33333%;
float:left;
}
.optionContainer.vertical{
width: 100%;
float:left;
}
#facetFilterListWrapper > .facetSelectedCont {
border-top: 1px solid #E3E1E1;
border-bottom: 1px solid #E3E1E1;
margin-top: 7px;
padding: 0px;
}
#facetFilterList li {
font-size: 12px;
list-style: none;
padding: 3px 0;
display: inline-block;
vertical-align: top;
line-height: 28px;
min-width: 50%;
}
.homeHero > .textContainer > .button {
border: 1px solid transparent;
}
.homeHero > .textContainer > .button:focus {
border: 1px dotted #000000;
}
#pageNumber3, #pageNumber4 {
display: none;
}
.pages .pageNumber > .arrow,
.pageControl.number > .dropdownToggleButton > .arrow {
background: url('../images/responsive/rwdUI.png');
background-position: -141px -1px;
width: 7px;
height: 9px;
position: absolute;
right: 2px;
bottom: 2px;
}
.pageOptionsDropdown {
position: absolute;
display: none;
top: 45px;
left: -5px;
z-index: 100;
width: 84px;
background: #FFF;
border: 1px solid #A0A0A0;
padding: 0px 3px 3px 0px;
}
.pageOptionsDropdown > .ellipsis {
list-style: none;
width: auto !important;
text-align: center;
line-height: 15px;
margin: 5px 5px 5px 40px !important;
font-weight: bold;
border: 0 !important;
cursor: default;
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.pageOptionsDropdown > .pageDropdownClose {
list-style: none;
float: left !important;
width: 15px !important;
height: 15px !important;
border: 0 !important;
background: url('../images/responsive/rwdUI.png');
background-position: -61px -1px ;
margin: 16px 0 0 15px !important;
}
.pageOptionsDropdown > .pageDropdownClose:hover {
background-position: -241px -1px ;
}
.pageDropdownClose {
list-style: none;
float: left;
width: 15px;
height: 15px;
background: url('../images/responsive/rwdUI.png');
background-position: -61px -1px;
border: 14px solid #ffffff;
}
.pageNumber:hover, .pageNumber.active {
border-color: #767676;
background: #767676;
color: #FFF;
cursor: pointer;
}
.pageNumber {
margin-left: 3px;
float: left;
border: 1px solid #A0A0A0;
background: #FFF;
width: 37px;
height: 30px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
padding-top: 8px;
text-align: center;
list-style: none;
}
.pagingLeft {
float: left;
background-position: -21px -1px;
width: 6px;
height: 12px;
margin-top: 13px;
margin-right: 17px;
}
.pagingRight {
float: left;
background-position: -41px -1px;
width: 11px;
height: 12px;
margin-top: 13px;
margin-left: 16px;
}
.productListingWidget > .header_bar .pagination_controls {
clear: left;
}
/*
* css used by AddressForm UI
*/
.inputField {
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:1em;
margin: 0 0 1.5em!important;
border-radius: 0px;
width:-webkit-fill-available;
width: -moz-available;
}
.pwd_size{
padding: .8rem 1rem !important;
}
@media(min-width:601px) and (max-width:768px){
input#Employee-Firstname-edit, input#Employee-Lastname-edit{
width:98% !important;
}
}
@media(min-width:601px) and (max-width:768px){
input#Employee-Firstname-edit, input#Employee-Lastname-edit{
width:98% !important;
}
}
@media(min-width:375px) and (max-width:600px){
input#Employee-Firstname-edit, input#Employee-Lastname-edit{
width:90% !important;
}
}
@media(min-width:365px) and (max-width:374px){
input#Employee-Firstname-edit, input#Employee-Lastname-edit{
width:89% !important;
}
}
@media(max-width:364px){
input#Employee-Firstname-edit, input#Employee-Lastname-edit{
width:87% !important;
}
}
.addrbook_header .inputField {
width: 250px;
margin-bottom: 0px !important;
}
#WC_PersonalInfoExtension_mobile_div_mobileCountryCode {
width: 25%;
}
#content .noIcon.collapsible > h3:before, .categoryNavWidget.noIcon.collapsible > h3:before{
content:none;
}
#WC_PersonalInfoExtension_mobile_div_12 {
width: 54%;
}
.wcSelectMenu{
border: 1px solid #E0E0E0;
background: #FFFFFF;
box-shadow: 0 2px 13px -4px #000000;
z-index: 20;
font-size: 12px;
}
.OrganizationUserInfo #Register .formField {
margin-bottom: 0px;
}
.sign_in_registration #Register .formField {
margin-bottom: 25px;
max-width: 450px;
min-width: initial;
position: relative;
}
#Register .description {
border-bottom: 1px solid #e0e0e0;
border-top: 3px solid #ef5305;
margin-bottom: 20px;
margin-top: 5px;
padding: 20px 10px;
position: relative;
}
#Register #registration_arrow {
left: 6%;
position: absolute;
top: -20px;
transition: all 1s ease 0s;
}
#Register #registration_arrow.right {
left: 56%;
}
#Register .bulletPoints {
margin-bottom: 10px;
margin-right: 100px;
margin-top: 10px;
float: left;
}
#Register .bulletPoints .bullet .marker {
color: #ef5305;
font-size: 20px;
line-height: 16px;
margin-right: 2px;
vertical-align: middle;
}
#Register .more_info_icon {
padding-bottom: 3px;
}
#Register .registrationType {
font-weight: bold;
}
#Register .provideInfo {
font-weight: bold;
}
#Register .form_2column .column {
padding-bottom: 10px;
}
.register_container{
width: calc(100% - 42px);
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-top: 4px solid #f8ad05;
padding: 20px;
}
.register_form_subheading{
font-family: Tungsten;
font-size: 2rem;
font-weight: bold;
margin-bottom: 30px;
text-transform: uppercase;
}
.register_grey_copy{
width: calc(100% - 40px);
margin-bottom: 35px;
padding: 20px;
background: #F5F5F5;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.register_form_2colL{
float: left;
width: 50%;
}
.register_form_2colR{
float: right;
width: 50%;
}
#WC_OrganizationRegistration_44{
margin-top: 3px;
}
.registration_tooltip{
display: inline-flex;
}
.registration_tooltip img{
width: 100%;
}
@media(min-width:0px) and (max-width:730px){
.register_form_2colL{
float: left;
width: 100%;
}
.register_form_2colR{
float: right;
width: 100%;
}
}
/* common classes used by My account list table and my account item table */
.input_field {
padding: 6px;
border-radius: 5px;
border: 1px solid #bfbfbf;
font-size: 12px;
outline: 0;
}
.input_field.small {
width: 60px;
}
.input_field.center {
text-align: center;
}
.mobileToolbarButton,
.toolbarButton {
cursor: pointer;
}
.titleNonLink {
display: none;
}
.button_secondary .button_text,
.button_primary .button_text {
font-size: 12px;
}
.selectDropdown {
position: absolute;
width: 190px;
border: 1px solid #ccc;
display: none;
background: #fff;
z-index:10;
}
.selectItem {
border-bottom: 1px solid #e4e4e4;
}
.selectTitle {
padding: 5px;
cursor: pointer;
}
.selectItem:last-child {
border-bottom: 0px;
}
.selectTitle:hover {
background: #d9e9f7;
}
/*-- Order Pricing popup START --*/
#pricing_popup_main_div {
display:none;
}
#pricing_popup {
width:427px;
position: absolute;
display:block;
z-index: 9999;
}
#pricing_popup .top_left{
background-image: url('../images/colors/color1/popup_topleft.png');
background-repeat:no-repeat;
height:10px;
width:8px;
float:left;
}
#pricing_popup .top_right{
background-image: url('../images/colors/color1/popup_topright.png');
background-repeat:no-repeat;
background-position:right;
height:10px;
width:419px;
float:left;
}
#pricing_popup .header {
border-left: 1px solid #a5aebd;
background-repeat:repeat-y;
background-position: right;
text-align: right;
height: 23px;
clear:left;
}
#pricing_popup .close {
padding: 5px 15px 2px 0px;
color: #666666;
}
#pricing_popup .close .icon{
padding-top: 2px;
padding-left: 4px;
float: right;
}
#pricing_popup .pricingTable {
max-height: 200px;
width: 95%;
overflow-x: hidden;
overflow-y: auto;
}
#pricing_popup .pricingPopupButton {
margin-left: 5px;
}
#pricing_popup .bodycontent {
border-left: 1px solid #a5aebd;
background-image: url('../images/colors/color1/popup_center_tile.png');
background-repeat:repeat-y;
background-position: right;
margin: 0;
padding: 0 0 10px 0;
}
#pricing_popup .bodycontent h2 {
font-size: 14px;
font-weight: bold;
margin-left: 11px;
}
#pricing_popup .bodycontent div#bopis_table_container {
margin-left: 5px;
}
#pricing_popup .bodycontent .title {
padding: 0 17px 0 15px;
}
#pricing_popup .bodycontent_short {
padding: 12px 17px 12px 15px;
margin: 0px 1px 0px 1px;
}
#pricing_popup .footer {
text-align: right;
height: 14px;
width: 427px;
}
#pricing_popup .footer .bot_left{
background-image: url('../images/colors/color1/popup_botleft.png');
background-repeat:no-repeat;
height:14px;
width:8px;
float:left;
}
#pricing_popup .footer .bot_right{
background-image: url('../images/colors/color1/popup_botright.png');
background-repeat:no-repeat;
background-position:right;
height:14px;
width:419px;
float:left;
}
/* Distributor Pricing Popup Information Table Styles */
div#distributor_pricing_popup {
padding-right: 16px;
}
div#distributor_pricing_popup div.row div.price_column {
width: 100px;
}
div#distributor_pricing_popup div.row div.price_column input {
background-color: transparent;
border: none;
margin-bottom: 0; padding: 0;
vertical-align: text-top;
}
div#distributor_pricing_popup div.row div.price_range_link {
display: block;
margin: 0 0 0 18px;
}
div#distributor_pricing_popup div.row div.contract_column {
width: 250px;
}
/* -----------------------------------------------------------------------------*/
/* CSS for List Table UI
/* -----------------------------------------------------------------------------*/
.listTable {
border-radius: 5px 5px 5px 5px;
}
.listTable .toolbar {
margin-bottom: 35px;
padding-top: 10px;
}
.listTable .toolbar #quantityAdd {
margin-top:3px;
}
.listTable .toolbar #uploadListButton, .listTable .toolbar #newListButton, .listTable .toolbar #csr_resetPassword_button {
float: right;
margin-left: 10px;
}
.listTable .toolbar .button_secondary .button_text {
border-bottom: 0 none;
}
.listTable .toolbar .newList{
display: inline-block;
position: relative;
float: right;
}
.listTable .tableHeader {
margin: 10px 10px;
text-transform:uppercase;
}
.listTable .selected {
width: 5%;
}
.listTable .creator {
width: 20%;
}
.listTable .selected .cell {
text-align: center;
}
.listTable .tableHeader .cell {
font-size: 16px;
font-weight: bold;
margin: 5px 5px 5px 0;
}
.list-table-width {
width: 100%;
}
.sizelist-table-width {
width: 100%;
}
.listTable .cell {
font-size: .9rem;
word-wrap: break-word;
color: #333333;
/* height: 56px; */
font-weight: 300;
}
.listTable a, .listTableMobile a {
font-size: .9rem;
}
.listTable .cell .field {
margin-bottom: 8px;
}
.listTable .tableHeader .cell img {
margin-left: 3px;
vertical-align: middle;
}
.listTable .entry {
border-bottom: 1px solid #E9E9E9;
padding : 10px 10px;
}
.listTableInv .entry {
border-bottom: 1px solid #E9E9E9;
padding : 10px 10px;
}
.listTable .entry .input_field {
width: 40px;
text-align: center;
}
.listTable .entry .quantity .cell {
float: right;
margin-right: 77%;
}
.listTable .entry .quantity.editable .cell {
float: none;
margin-right: 0;
}
.listTableInv {
border-radius: 5px 5px 5px 5px;
}
#RequisitionList_list_table .name {
width: 15%;
}
#RequisitionList_list_table .quantity {
width: 13.3333%;
}
#RequisitionList_list_table .updated {
width: 25%;
}
#RequisitionList_list_table .creator {
width: 20%;
}
#RequisitionList_list_table .type {
width: 11.33333%;
}
#RequisitionList_list_table .actions {
width: 13%;
}
.listTable .previewImage img {
width: 70px;
}
.listTable .eachCost {
text-align: left;
width: 10%;
}
.listTable .totalCost {
text-align: right;
width: 11%;
}
.listTable .remove {
text-align: right;
width: 8%;
}
.listTableMobile {
display: none;
font-size: 12px;
}
.listTableMobile .selected {
text-align: center;
padding: 0px 10px 0px 0px;
width: 20px;
}
.listTableMobile .title {
float: none;
clear: both;
}
.listTableMobile .toggle {
width: 20px;
float: right;
cursor: pointer;
}
.listTableMobile .expandedContent .expandedCol {
padding: 0px 11px 0px 11px;
min-width: 200px;
}
.listTableMobile .expandedContent .expandedCol > div {
min-height: 10px;
padding: 5px 0 5px 20px;
}
.listTableMobile .expandedContent .expandedCol .leftCol {
font-family: Tungsten;
float: left;
font-weight: 400;
display: inline-block;
width: 40%;
padding-right: 25px;
letter-spacing: 1.25px;
font-size: 1rem;
}
.listTableMobile .trackingUrl{
font-size: 12px;
}
.listTableMobile .returnsUrl{
font-size: 12px;
}
.listTableMobile .expandedContent .expandedCol .rightCol {
display: inline-block;
width: 45%;
}
.listTableMobile .actions {
font-size: 12px;
/* padding: 0px 11px 0px 30px; */
padding: 10px 11px 0px 40px;
float: none;
display: inline-block;
}
.listTableMobile .actions .button_text {
padding: 3px 0px !important;
width: 218px;
}
.listTableMobile .actions .actionImage {
vertical-align: middle;
}
.listTableMobile .actionDropdown {
position: absolute;
right: inherit;
width: 220px;
}
.withPreviewImage .cell {
padding-top: 25px;
}
.withPreviewImage .previewImage .cell {
padding: 5px;
text-align: center;
}
.withPreviewImage .actions .cell {
padding-top: 20px;
}
.listTable .withPreviewImage .actions .cell {
padding-top: 27px;
padding-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.listTable .withPreviewImage .actions .cell {
padding-top: 20px;
padding-left: 0px;
}
}
@media only screen and (min-width: 320px)and (max-width: 767px) {
.listTable .withPreviewImage .actions .cell {
padding-top: 3px;
padding-left: 0px;
}
}
.listTable .withPreviewImage .col1 .cell img {
width: 100%;
}
.listTable .footer, .listTableMobile .footer {
padding: 20px 0 20px 10px;
width: 98%;
}
.listTable .footer .pageCount, .listTableMobile .footer .pageCount {
font-size: 12px;
}
.listTable .footer .pageButtons, .listTableMobile .footer .pageButtons {
float: right;
margin-top: -10px;
}
.listTable .actions .button_text {
border-bottom: 0 none;
padding: 5px 5px 0;
}
.listTable .button_secondary .button_text, .listTable .button_primary .button_text {
font-size: 13px;
}
.listTable .button_primary.disable {
display: none;
}
#Saved_OrderList_list_table.listTable .order {
width: 25%;
text-align: left;
}
#Saved_OrderList_list_table.listTable .name {
width: 25%;
text-align: left;
}
#Saved_OrderList_list_table.listTable .updated {
width: 11%;
text-align: left;
}
#Saved_OrderList_list_table.listTable .total_price {
width: 16%;
text-align: right;
}
#newListDropdown {
right: 0px;
width: 220px;
top: 35px;
}
#uploadListDropdown {
right: 21px;
width: 220px;
}
#csr_resetPassword_dropdown_panel{
right: 0px;
width: 220px;
}
.toolbarDropdown .hidden{
display:none;
}
.toolbarDropdown {
background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 1px solid #BFBFBF;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
box-shadow: -5px 5px 20px -6px rgba(191, 191, 191, 0.75);
display: none;
font-size: 12px;
margin-top: 24px;
padding: 15px;
position: absolute;
z-index: 10;
display:none;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* IE6-9 */
background-color: #FFFFFF;
overflow-y: auto;
}
.toolbarDropdown.active{
display:block;
}
.createTableList .input_field,
.uploadTableList .input_field {
margin: 15px 0;
width: 204px;
}
.createTableList .button_primary,
.createTableList .button_secondary,
.uploadTableList .button_secondary{
margin: 5px 0;
}
.createTableList .button_secondary > .button_text,
.createTableList .button_primary > .button_text,
.uploadTableList .button_secondary > .button_text,
.uploadTableList .button_primary > .button_text {
width: 175px;
max-width: 175px;
}
.uploadTableList #uploadButton.button_primary > .button_text{
width: auto;
}
/* Begin: Upload list drop down menu */
.uploadTableList #uploadSaveButton {
float: left;
margin-right: 9px;
}
.uploadTableList .download_link_icon {
float: left;
margin-right: 5px;
vertical-align: middle;
}
.uploadTableList .download_link {
color: #006ECC;
position: relative;
top: 2px;
}
.uploadTableList #uploadButton {
margin-top: 10px;
cursor: pointer;
}
.uploadTableList .uploadForm {
padding-bottom: 15px;
border-bottom: 1px solid #e9e9e9;
margin-bottom: 15px;
}
.uploadTableList .uploadForm .formContents {
background: #eee;
border-radius: 5px;
padding: 15px;
margin-bottom: 15px;
}
.uploadTableList .exampleInfo .exampleTable {
border-collapse: collapse;
}
.uploadTableList .exampleInfo .exampleTable td {
border: 1px solid #b7b7b7;
padding: 5px;
}
/* The first column in the table is 150px wide */
.uploadTableList .exampleInfo .exampleTable td:nth-child(1) {
width: 150px;
}
/* The second column in the table is 50px wide */
.uploadTableList .exampleInfo .exampleTable td:nth-child(2) {
width: 50px;
}
.uploadTableList #uploadButtonArea {
width:100%;
}
.uploadTableList #UpLoadedFile {
position: absolute;
left: -150px;
opacity: 0;
filter: alpha(opacity=0);
}
.uploadTableList #fileNameBox {
width:180px;
background-color:#eee;
}
/* End: Upload list drop down menu */
/* Begin: Upload file status table */
#fileUploadStatus {
margin-bottom: 20px;
font-size: 12px;
margin-top:5px;
padding-left: 0px;
}
#fileUploadStatus h1 {
font-size: 18px;
padding: 0px 0px 10px 0px;
}
#fileUploadStatusBox {
border-radius: 5px;
padding: 10px;
border: 1px solid #e9e9e9;
overflow-y:auto;
max-height:126px;
}
#fileUploadStatusBox .fileUpload {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 10px;
margin-bottom: 10px;
}
#fileUploadStatusBox .fileUpload:last-child {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom:0px;
}
@-moz-document url-prefix() {
#fileUploadStatusBox .fileUpload:last-child {
border-bottom: 0;
padding-bottom: 0px;
margin-bottom:10px;
}
}
.fileName {
overflow: hidden;
text-overflow: ellipsis;
}
#fileUploadStatusBox .fileName {
float: left;
width: 32%;
padding-top: 2px;
}
#fileUploadStatusBox .uploadStatus {
float: left;
padding-right: 2%;
width: 23%;
}
#fileUploadStatusBox .uploadStatus img {
vertical-align: middle;
width: 20px;
margin-right: 5px;
float:left;
padding: 0px 4px 0px 4px;
}
#fileUploadStatusBox .uploadStatus span {
display:inline;
}
#fileUploadStatusBox .uploadStatus .loading {
font-style: italic;
padding-top: 2px;
}
#fileUploadStatusBox .uploadStatus .complete {
padding-top: 2px;
}
#fileUploadStatusBox .timeStamp {
float: left;
width: 24%;
vertical-align: middle;
padding-top: 2px;
}
#fileUploadStatusBox .logbtn {
float: left;
display: inline-block;
}
#fileUploadStatusBox .columnHead {
display:none;
}
/* End: Upload file status table */
/* Begin: RequisitionListUploadDetails Widget */
#LogTable {
height: auto;
border: 1px solid #e9e9e9;
border-radius: 5px;
max-width:100%;
}
#LogTable .row {
font-size: 12px;
}
#LogTable .toolbar {
background: none repeat scroll 0 0 #F0F0F0;
font-size: 12px;
padding-left: 2px;
}
#LogTable .last {
border-bottom: 0 none;
}
#LogTable .row .UploadStatus {
display: inline-block;
float: none;
padding-left: 11px;
position: relative;
top: 2px;
}
#LogTable .row .UploadStatus img {
width: 20px;
}
#LogTable .row .UploadStatusText {
padding-left:5px;
padding-top:2px;
float:left;
}
#LogTable .row .UploadStatusDate {
padding-left:11px;
padding-top:2px;
float:left;
}
#LogTable.requisitionList .entry {
margin: 0 15px;
}
#LogTable #status {
font-size: 12px;
padding: 10px 0 10px 14px;
width: 90%;
}
.logTable {
display: inline-block;
float: left;
width: 50%;
}
.logTable .cell {
padding: 13px 10px 7px 4px;
}
.logTable:nth-of-type(1) {
font-style:bold;
}
#twoTables {
height: 147px;
padding-left: 0px;
}
@-moz-document url-prefix() {
#twoTables {
height: 150px;
padding-left: 7px;
}
}
.requisitionList {
border: 1px solid #e9e9e9;
border-radius: 5px;
}
.requisitionList .toolbar {
background: none repeat scroll 0 0 #F9F9F9;
margin-bottom: 4px;
padding: 10px;
}
.requisitionList .entry {
border-bottom: 1px solid #e9e9e9;
margin: 0px 10px 0px 10px;
}
.requisitionList .entry .input_field {
width: 40px;
text-align: center;
}
.requisitionList .cell {
padding: 13px 10px 7px 0px;
font-size: 12px;
}
.requisitionList .cell a,
.requisitionListMobile .cell a {
color: #006ecc;
}
.UploadStatus .imgStatus {
padding: 0 4px 0 1px;
position: relative;
float:left;
}
#suggestedProductsResults .as_thumbnail{
border: 1px solid #D9D9D9;
margin-right: 15px;
padding: 0;
float: left;
}
#suggestedProductsResults .as_thumbnail img{
width:70px;
height:70px;
}
#suggestedProductsResults .partNumber{
color: #737373;
font-size: 12px;
line-height: 140%;
}
#autoSuggestBySKU_Result_div{
position:absolute;
}
#MQuickOrderForm .autoSuggestBySKU_QuickOrder{
margin: 2px 0px 0px 25px;
}
.skuAddSearch {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B8B8B8;
display: none;
font-size: 12px;
margin-top: -2px;
position: absolute;
width: 400px;
z-index: 20;
}
.skuSearchItem:hover {
background: none repeat scroll 0 0 #D9E9F7;
cursor: pointer;
}
.skuSearchItem:nth-child(1) {
border-top: 0 none;
}
.skuSearchItem {
border-top: 1px solid #B8B8B8;
}
.skuCode {
float: left;
margin-right: 40px;
padding: 13px;
}
.skuTitle {
padding: 13px;
}
.formButtonDisabled{
cursor: default;
pointer-events: none;
}
.formButtonGreyOut{
color: #BFBFBF !important;
}
@media screen and (max-width: 1024px) {
#LogTable {
display:block;
}
}
@media screen and (max-width: 600px) {
.productListingWidget > .header_bar .controls .sorting_controls {
margin: 1rem 0;
}
#LogTable .last {
border-bottom: 1px solid rgb(233, 233, 233);
}
.logTable {
position:relative;
width:100%;
float:none;
}
.logHeader {
display:none;
}
#twoTables {
height:auto;
}
#LogTable {
height:auto;
border-radius:0px;
}
.sorting_controls > span.page_size_label {
display: inline-block;
width: 70px;
}
.sorting_controls > span.order_by_label {
display: inline-block;
width: 75px;
}
}
.logHeader .col3
{
width: 30%;
}
.logColumn .col3
{
width: 30%;
}
/* End: RequisitionListUploadDetails Widget */
.globalLogin.selectWrapper{
margin-bottom: 15px;
height:auto;
display:block;
}
#WC_B2BMyAccountParticipantRole_select_1_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_2_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_1_alt_dropdown .orderBySelectMenu > tr td,
#WC_B2BMyAccountParticipantRole_select_2_alt_dropdown .orderBySelectMenu > tr td {
height: 16px;
padding: 6px 0;
font-size: 12px;
line-height: 16px;
padding-left: 2px;
color: #545454;
border-bottom: 1px solid #898989;
list-style: none;
}
#newListPublicPrivateDropdown.selectWrapper{
margin-bottom: 15px;
height:auto;
display:block;
}
#listType_dropdown .orderBySelectMenu > tr td {
height: 16px;
padding: 6px 0;
font-size: 12px;
line-height: 16px;
padding-left: 2px;
color: #545454;
border-bottom: 1px solid #898989;
list-style: none;
}
.contractSelectPanel .selectWrapper{
margin-bottom: 15px;
height:auto;
display:block;
}
#contractSelectDropDown_dropdown .orderBySelectMenu > tr td,
#organizationSelectDropDown_dropdown .orderBySelectMenu > tr td {
height: 16px;
padding: 6px 0;
font-size: 12px;
line-height: 16px;
padding-left: 2px;
color: #545454;
border-bottom: 1px solid #898989;
list-style: none;
}
.keyIcon {
display: none !important;
padding: 2px;
z-index: 998;
}
.select_ui select{
font-size: .9rem;
color: #333;
width: 100% !important;
background: #f7f7f7;
border: 1px solid #949494;
padding: 12px 40px 12px 10px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #333 50%),
linear-gradient(135deg, #333 55%, transparent 50%),
linear-gradient(to right, #f7f7f7, #f7f7f7);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 12px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
9px 8px,
8px 8px,
1px 1.9em;
background-repeat: no-repeat;
}
.actionDropdown {
border: 1px solid #bfbfbf;
border-radius: 5px;
-webkit-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
position: absolute;
z-index: 10;
background: #fff;
right: 2%;
margin-top: -2px;
width: 155px;
display: none;
font-size: 14px;
}
.actionDropdownPushContent {
position: relative;
}
.actionDropdown.active{
display:block;
}
.actionDropdownAnchorHide{
border-bottom: 1px solid rgb(191, 191, 191);
z-index: 0;
}
.actionDropdownAnchorDisplay{
background: none repeat scroll 0% 0% rgb(255, 255, 255);
border-bottom: 1px solid rgb(255, 255, 255);
z-index: 12;
}
.actionTitle {
padding: 0px 5px;
text-align: center;
}
.imageItem {
display : inline-flex;
}
.itemUpdateDelete{
color: #FF7F50;
text-decoration: underline;
font-size: 14px;
position: relative;
right: 12px;
bottom: 10px;
}
.actionItem:not(.inactive):hover {
color: #808080;
cursor: pointer;
}
.actionItem.inactive .actionTitle a {
cursor: default;
color: #6C6C6C;
}
.actionItem .actionTitle a{
color: inherit;
}
.listTable a.button_secondary.actionButton.clicked,
.listTable a.button_secondary.toolbarButton.clicked {
background: #fff;
border-bottom: 1px solid #fff;
z-index: 12;
filter: none !important;/* IE 6- 9*/
}
.noListsMessage {
padding: 20px !important;
font-style:italic;
}
/*
CSS pertaining to the requisition list info widget
*/
.requisitionList_type_selection {
height: 27px;
}
.requisitionList_type_selection .button_text {
height: 27px;
}
.requisitionList_type_selection img {
position: absolute;
right: 10px;
}
#requisitionListCurrentInfo h1,
#editRequisitionListInfo h1 {
padding-left: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
#requisitionListCurrentInfo h5,#editRequisitionListInfo h5 {
padding-left: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
#requisitionListCurrentInfo h5 > span, #editRequisitionListInfo h5 > span {
font-weight:normal;
padding-left: 0.6em;
}
#editRequisitionListInfo {
display: none;
}
#editRequisitionListInfo .fields {
max-width: 485px;
min-width: 402px;
position: relative;
}
#editRequisitionListInfo .input_field {
width: 185px;
margin-bottom: 15px;
margin-right: 10px;
border-radius:0;
}
#editRequisitionListInfo #updateInfoButton {
margin-right: 10px;
}
#editRequisitionListInfo .label {
max-width: 50px;
min-width: 40px;
margin-bottom: 10px;
}
#editRequisitionListInfo #actionDropdown4 {
left: 66.5%;
top: 30px;
}
#editRequisitionListInfo #actionButton4 .button_text {
width: 225px;
padding: 0px 20px;
min-width: 40px;
}
/* css for OrderDetail_Info widget */
#orderInfo h1 {
padding-left: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
#orderInfo .entry {
margin-bottom: 3px;
}
#orderInfo .label {
display: inline-block;
min-width: 150px;
}
@media only screen and (min-width: 320px) {
#orderInfo .label {
display: inline-block;
min-width: 121px;
}
}
/*
CSS pertaining to the saved order details widget
*/
#savedOrderCurrentInfo h1,
#editSavedOrderInfo h1 {
padding-left: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
#savedOrderCurrentInfo,
#editSavedOrderInfo {
padding: 0px 15px;
margin-bottom: 30px;
font-size: 12px;
}
#savedOrderCurrentInfo .label {
display: inline-block;
width: 120px;
}
#savedOrderCurrentInfo .editListInfo {
font-size: 12px;
}
#savedOrderCurrentInfo .entry {
margin-bottom: 3px;
}
#editSavedOrderInfo {
display: none;
}
#editSavedOrderInfo .fields {
max-width: 550px;
min-width: 352px;
position: relative;
}
#editSavedOrderInfo .input_field {
width: 60%;
margin-bottom: 15px;
margin-right: 10px;
}
#editSavedOrderInfo #updateInfoButton {
margin-right: 10px;
}
#editSavedOrderInfo .label {
margin-bottom: 10px;
margin-top: 5px;
max-width: 93px;
min-width: 40px;
width: 75px;
}
#Header_GlobalLogin_signOutQuickLinkUser{
margin-right: 4px;
}
#quickLinksBar > li > #Header_GlobalLogin_signOutQuickLink{
max-width: 293px;
margin-top: -12px;
padding-right: 20px;
}
#quickLinksBar > li > #Header_GlobalLogin_signOutQuickLink.Header_GlobalLogin_signOutQuickLink_CSR {
padding: 10px 15px;
}
#Header_GlobalLogin_desktopExpandArrow{
bottom: 9px;
position: absolute;
right: 7px;
}
#Header_GlobalLogin_loggedInDropdown.menuDropdown {
right: 203px;
}
.menuDropdown {
background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: #4D4D4D;
display: none;
font-size: 13px;
position: absolute;
right: 299px;
top: 56px;
width: 328px;
z-index: 100;
}
.menuDropdown_csr {
right: 0px;
z-index: 999;
}
.menuDropdown.active{
display: block;
}
.menuDropdown .panel {
padding: 20px;
}
.menuDropdown .field {
margin-bottom: 18px;
}
.menuDropdown .footer {
border-top: 1px solid #BFBFBF;
margin-top: 20px;
padding-top: 20px;
}
.menuDropdown .label {
margin-bottom: 8px;
}
.loginMenuDropdown {
background-color: #FFFFFF;
background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 1px solid #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: #4D4D4D;
display: none;
font-size: 13px;
position: absolute;
right: 202px;
top: 56px;
width: 290px;
z-index: 100;
}
.loginMenuDropdown.active {
display:block;
}
.loginMenuDropdown .panel {
padding: 20px;
}
.loginMenuDropdown .field {
margin-bottom: 18px;
}
.loginMenuDropdown .label {
margin-bottom: 8px;
}
.loginMenuDropdown .input_field {
width: 233px;
}
.menuDropdown .errorLabel,
.loginMenuDropdown .errorLabel {
color: #CC4400;
display: none;
margin-bottom: 10px;
}
.menuDropdown .errorLabel.active,
.loginMenuDropdown .errorLabel.active {
color: #CC4400;
display: block;
margin-bottom: 10px;
}
.signInForm .button_primary, .signInForm .button_secondary {
margin-right: 4px;
width: 117px;
}
.signInForm .button_primary .button_text, .signInForm .button_secondary .button_text {
width: 105px;
padding: 0 5px;
}
.loginMenuDropdown .checkbox{
padding: 5px 5px 5px 0px;
width: auto;
}
.loginMenuDropdown .checkbox .checkedCheckBox{
display: inline;
cursor: pointer;
margin-right: 7px;
vertical-align: middle;
}
.loginMenuDropdown .field .link {
color: #006DCC;
font-size: 12px;
}
.loginMenuDropdown .button_secondary .button_text,
.loginMenuDropdown .button_primary .button_text {
font-size: 11px;
}
.loginMenuDropdown .footer {
border-top: 1px solid #BFBFBF;
margin-top: 20px;
padding-top: 20px;
}
.GlobalLoginWidgetAlt{
display: none;
}
.GlobalLoginWidgetAlt.active{
display: block;
}
.headerWidgetLink{
display: block;
position: relative;
max-width: 200px;
margin: -10px 0;
padding: 10px 15px;
}
.panelLinkSelected.selected{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #B8B8B8 #B8B8B8 #FFFFFF;
border-image: none;
border-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-width: 1px;
left: 1px;
z-index: 101;
}
#signInDropdown{
top:0px;
right:299px;
}
.loggedInContractSelectPanel .button_primary,
.loggedInContractSelectPanel .button_secondary,
.contractSelectPanel .button_secondary,
.contractSelectPanel .button_primary,
.signOutButton {
width: 285px;
}
.loggedInContractSelectPanel .button_primary .button_text,
.loggedInContractSelectPanel .button_secondary .button_text,
.contractSelectPanel .button_secondary .button_text,
.contractSelectPanel .button_primary .button_text,
.signOutButton .button_text {
width: 244px;
}
.loggedInContractSelectPanel .button_secondary .button_text,
.loggedInContractSelectPanel .button_primary .button_text {
font-size: 11px;
line-height: normal;
text-align: center;
}
.userProfileIcon{
vertical-align:middle;
margin-right:3px;
}
#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected.selected:after{
top: 110px;
}
#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected:after{
top: 110px;
}
#globalLoginWidget .loginMenuDropdown{
border: medium none;
border-radius: 0;
box-shadow: none;
position: relative;
right: 0;
top: 0;
width: 100%;
background: linear-gradient(to bottom, #FFFFFF 46%, #FCFCFC 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
color: #4D4D4D;
font-size: 13px;
z-index: 100;
}
#globalLoginWidget .loginMenuDropdown.active {
display:block;
}
#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected.selected:after {
right: -34px;
top: 60px;
}
#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected:after {
right: -34px;
top: 60px;
}
#globalLoginWidget .panelLinkSelected {
background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 0 none;
border-radius: 0;
left: 1px;
z-index: 101;
width: 95px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#globalLoginWidget .sign_in_registration {
color: #4D4D4D;
line-height: 1.1em;
margin: 0 auto;
max-width: 773px;
}
#globalLoginWidget .loginMenuDropdown .panel{
padding: 0 20px 10px 10px;
}
.row.footer.savedOrderFooterSection {
width:99%;
}
.col12.savedOrderFooterColSection {
width:100%;
}
.col6.orderLabelCol {
width: 87%;
position: relative;
display: inline-block;
text-align: right;
}
.orderLabelCol .orderLabel{
text-align: right;
}
.col6.orderValueCol {
width: 12%;
position: relative;
display: inline-block;
text-align: right;
}
.orderValueCol .orderValue{
text-align: right;
}
.orderSummary {
padding-right: 70px;
text-align: right;
}
.orderSummary .orderField {
margin-bottom: 5px;
}
.orderSummary .orderLabel {
display: inline-block;
margin-right: 20px;
}
.orderSummary .orderValue {
display: inline-block;
}
.orderFinalAmount {
color: #CA4200;
font-weight: bold;
}
/**
* Organizations and buyers page
* Create buyer page
**/
#BuyerAdministratorBuyerCommonPageHeading .required-field {
padding: 0 10px;
color: #FF0000;
}
/*
CSS pertaining to the Organization Users list widget
*/
#OrganizationUsersList_Widget_Heading,
#orgListHeading_2 {
margin-bottom: 10px;
font-size: 18px;
}
#OrganizationUsersList_toolbar_form_botton{
padding: 10px 0;
}
/* list table toolbar */
.listTable .toolbar.collapsible {
background: #F9F9F9 !important;
margin-bottom: 4px !important;
padding: 10px !important;
}
.listTable .collapsible .toggle .button_text{
height: 0;
width: 0;
padding: 15px;
}
.listTable .collapsible .toggle .button_text:after {
content: "";
background-repeat: no-repeat;
bottom: 4px;
right: 4px;
height: 20px;
width: 20px;
position: absolute;
}
.listTable .collapsible[aria-expanded="false"] .toggle .button_text:after{
background-image: url("../images/icon_plus.png");
}
.listTable .collapsible[aria-expanded="true"] .toggle .button_text:after{
background-image: url("../images/icon_minus.png");
}
.listTable .collapsible span{
font-size: 13px;
}
.listTable .content .field {
font-size: 13px;
margin: 15px 0px 0px 0px;
}
.listTable .content .field input {
font-size: 12px;
padding: 8px;
background: #FFFFFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #E0E0E0;
border-radius: 5px 5px 5px 5px;
width: 80%;
}
.listTable .quantity .input_field {
padding: 8px;
}
#autoSuggestBySKU_Result_div_skuAdd.autoSuggestBySKU_QuickOrder {
position: absolute;
}
#RequisitionListItems_table .input_field.small {
width: 80px;
}
#SavedOrderItems_table .previewImage {
width: 14%;
}
#SavedOrderItems_table .name {
width: 20%;
}
#SavedOrderItems_table .availability {
text-align: center;
width: 14%;
}
#SavedOrderItems_table .eachCost {
text-align: right;
width: 10%;
}
#SavedOrderItems_table .quantity {
text-align: center;
width: 14%;
}
#SavedOrderItems_table .quantity #quantityCell_1 {
padding-right: 0px;
}
#SavedOrderItems_table .totalCost {
text-align: right;
padding-right: 0px;
width: 14%;
}
#SavedOrderItems_table .actions {
text-align: right;
width: 14%;
}
#SavedOrderItems_table .eachCost .cell {
padding-right: 0px;
}
#SavedOrderItems_table .totalCost .cell{
padding-right: 0px;
}
#SavedOrderItems_table .withPreviewImage .actions .cell {
padding-top: 25px;
}
#SavedOrderItems_table .entry .input_field {
float: left;
left: 32px;
positon: relative;
text-align: center;
width: 40px;
}
#SavedOrderItems_table .quantityCellDiv {
height: 100%;
margin:0 auto;
width: 58px;
position: relative;
}
#SavedOrderItems_table .quantityUpdated {
/*right: -90px;*/
height: 16px;
float: left;
left: 52px;
position: relative;
right: auto;
top: -33px;
}
#SavedOrderItems_table .quantityUpdated img {
width: initial;
}
#SavedOrderItems_table .input_field.small {
width: 70px;
}
#SavedOrderItems_table .info_icon {
color: #006ecc;
}
#OrganizationUsersList_toolbar_searchForm {
margin: 0 10px;
}
#OrganizationUsersList_table_content .status.orgUsersHeader .cell {
word-wrap: initial;
}
@media screen and (max-width: 380px) {
.status.orgUsersColumn .cell {
font-size: 0.75rem;
line-height: 1.33;
}
}
/*
CSS pertaining to the OrganizationUserInfo widget
*/
#WC_denotesRequiredField {
font-size: 12px;
}
.required_field:after {
content: "*";
color: #ff0000;
}
.row.margin-true > div > div.OrganizationUserInfo,
.row.margin-true > div > div.UserRoleManagement,
.row.margin-true > div > div.UserMemberGroupManagement{
margin: 0;
}
.pageSection {
border-bottom: 1px solid #e0e0e0;
padding: 10px 0px 20px;
margin: 10px;
}
.pageSection.header {
border-bottom: 0 none;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
.pageSection.header .pageSectionTitle {
margin-bottom: 0;
}
.pageSection .pageSectionTitle {
font-size: 17px;
font-weight: normal;
margin-bottom: 10px;
}
.pageSection .pageSectionTitle .title {
display: inline-block;
width: 400px;
}
.pageSection .pageSectionTitle h2 {
display: inline-block;
font-weight: inherit;
}
.pageSection .pageSectionTitle h2#addressBookContactDetails {
margin-top: 10px;
}
.pageSectionTitle .description {
font-size: 12px;
}
.pageSection .pageSectionTitle > span:not(.spanacce),
.pageSection .pageSectionTitle > p,
.pageSection .pageSectionTitle > h2 {
display: inline-block;
width: 340px;
}
.pageSection .pageSectionTitle #memberGroupExpand {
width: 17px;
}
.pageSection .pageSectionTitle #OrderCommentsSection {
width: 17px;
}
.ccg-addBuyer.editView {
position: relative;
top: 1em;
padding: 1em;
border: none;
border-radius: 0px;
}
.ccg-addBuyer.readOnly .ccg-addBuyer__heading__edit-buyer {
display: none;
}
.ccg-addBuyer.editView .ccg-addBuyer__heading__buyer-details {
display: none;
}
.ccg-addBuyer.editView .CCG_hd4{
font-size: 48px;
font-style: normal;
font-stretch: normal;
line-height: 36px;
letter-spacing: normal;
color: #333333;
text-transform: uppercase;
padding: 0 0 8px 0;
border-bottom: 2px solid #fdb913;
margin-bottom: 8px;
}
.ccg-addBuyer.editView .carharttTransBtn{
margin:8px 0;
}
.pageSection.editView .pageSectionTitle .editIcon {
display: none!important;
}
.editView .readField {
display: none;
}
.pageSection .pageSectionTitle .editIcon img {
position: relative;
right: -2px;
}
.pageSection .field {
margin-bottom: 15px;
position: relative;
}
.pageSection .field .link {
color: #006ECC;
}
.pageSection .field .column_label {
width: 80%;
}
.pageSection .field .privacy .link {
float:right;
}
.pageSection .field .sub_field{
float: left;
}
.pageSection .field p,
.pageSection .field label,
.pageSection .field span{
font-size: 16px;
margin-bottom: 2px;
}
.pageSection .field input{
border-radius: 5px;
border: 1px solid #e0e0e0;
padding: 8px;
font-size: 12px;
width: 80%;
max-width: 300px;
margin-bottom: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.editActions .button_primary, .editActions .button_secondary {
margin-right: 10px;
}
.editActions .button_primary .button_text, .editActions .button_secondary .button_text {
min-width: 60px;
}
.pageSection .readField {
font-size: 12px;
}
.pageSection .readField .field {
margin-bottom: 6px;
}
.pageSection .readField .readValue {
display: inline-block;
}
.pageSection .readField .readLabel {
width: 195px;
display: inline-block;
font-family:"ITC Conduit W04";
}
.pageSection .readField .readLabel-NoWidth {
display: inline-block;
}
.readOnly .editField {
display: none;
}
.formField {
min-width: 300px;
}
.addBuyerCollapsible .formField {
min-width: unset;
max-width: 18.75rem;
}
/*
CSS pertaining to the UserRoleManagement widget
*/
#UserRoleManagement_OrgList .row.tableHeader span {
display: table-cell;
height: 27px;
vertical-align: middle;
}
.pageSection.collapsible .content ,
.pageSection.collapsible .pageSectionTitle{
padding-left: 29px;
}
.pageSection.collapsible .toggle {
background-image: url("../images/icon_minus.png");
background-position: center;
background-repeat: no-repeat;
content: "";
height: 25px;
position: absolute;
width: 25px;
}
.pageSection.collapsible[aria-expanded='false'] .toggle {
background-image: url("../images/icon_plus.png");
}
.pageSection.collapsible {
background-color: transparent !important;
padding: 10px 0px !important;
}
.roleSelector .orgHeader {
padding-left: 12% !important;
}
.pageSection .subTitle {
font-size: 12px;
margin-bottom: 10px;
}
.roleSelector {
margin-bottom: 20px;
display: block !important;
}
.roleSelector .toolbar input {
width: 250px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 15px;
}
.roleSelector .toolbar .toolbarButtons {
float: left;
margin: 5px 0;
}
.roleSelector .toolbar .toolbarButtons a {
margin-right:10px;
}
.roleSelector .tableHeader {
font-weight: bold;
}
.roleSelector .entry #WC_UserRoleManagement_edit_roleSelector > .panel {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
.roleSelector .entry .panel {
height: 320px;
overflow-y: auto;
padding: 10px 0px;
font-size: 12px;
position: relative;
}
.roleSelector .entry {
margin: 0px !important;
}
.roleSelector .reportSummary {
border-bottom: 1px solid #e9e9e9;
padding: 10px;
position: relative;
}
.roleSelector .highlight{
background: #f9f9f9;
}
.roleSelector .reportSummary p {
padding-right: 20px;
}
.roleSelector .reportSummary .icon {
position: absolute;
right: 0;
top: 10px;
width: 20px;
}
.roleSelector .checkField {
margin-bottom: 15px;
}
.roleSelector .checkField .checkBoxer {
float: left;
margin-right: 10px;
border-style: none;
border-width: 0px;
padding-left: 50px;
min-height: 30px;
width: auto;
height:auto
}
.roleSelector .checkField p {
font-size: 13px;
padding-top: 3px;
}
.roleSelector .selectIcon .cell{
background: url("../images/star_icon_OFF.png");
background-repeat: no-repeat;
background-position: 15px 8px;
content: "";
height: 22px;
width: 22px;
}
.roleSelector .highlight .selectIcon .cell{
background: url("../images/star_icon_ON.png");
background-repeat: no-repeat;
background-position: 15px 8px;
content: "";
height: 22px;
width: 22px;
}
.roleSelector .checkField .checkBoxer:before{
content: "";
height: 30px;
width: 30px;
border: 1px solid #C8C8C8;
border-radius: 5px;
position: absolute;
left: 10px;
margin-bottom: 10px;
}
.roleSelector .checkField .checkBoxer[aria-checked="true"]:before{
background-image: url("../images/check_arrow.png");
background-position: 6px 6px;
background-repeat: no-repeat;
}
.roleSelector .toolbar .toolbarButtons .filterButton[aria-hidden="true"]{
display:none;
}
/*
CSS pertaining to the UserRoleManagement widget
*/
.UserMemberGroupManagement .memberGroup .entryField[aria-hidden="true"]{
display: none;
}
.UserMemberGroupManagement .memberGroup .entryField {
border: 1px solid #999999;
border-radius: 5px 5px 5px 5px;
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 5px;
maring-bottom: 5px;
padding: 10px 25px 10px 10px;
position: relative;
}
.UserMemberGroupManagement .entryField .icon {
position: absolute;
right: 5px;
top: 10px
}
.UserMemberGroupManagement .group {
margin-bottom: 20px;
}
.UserMemberGroupManagement .group p{
font-size: 12px;
margin-bottom: 5px;
}
/*
CSS pertaining to the BuyerApproval and OrderApproval and OrderDetail_* widgets
*/
#OrderAporovalPageHeading {
margin-left:10px;
}
#OrderSummaryPageHeading {
margin-left:10px;
}
#OrderDetail_ItemTable_table {
margin-top: 20px;
}
#orderSummary {
background: none repeat scroll 0 0 #F0F0F0;
border-radius: 5px 5px 5px 5px;
font-size: 16px;
margin: 0 10px 10px;
padding: 10px;
}
#orderSummary .label {
display: inline-block;
width: 140px;
}
.orderSummaryReport {
font-size: 0.9rem;
line-height: 1.4rem;
margin: 10px 10px 30px 20px !important;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
.orderSummaryReport h2 {
font-size: 15px;
margin-bottom: 4px;
}
.orderSummaryReport h3 {
cursor: pointer;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
text-decoration: underline;
}
.orderSummaryReport .label {
display: inline-block;
width: 60%;
}
.orderSummaryReport .value {
display: inline-block;
max-width: 80px;
text-align: right;
width: 31%;
}
.col1.orderApprovalHeader
{
width: 9%;
}
.col1.date.orderApprovalHeader
{
width: 11%;
}
.col1.status.orderApprovalHeader
{
width: 11%;
}
.col1.actions.orderApprovalHeader
{
width: 9%;
}
.col1.approve.orderApprovalHeader
{
width: 11%;
}
.col2.orderApprovalHeader
{
width: 15%;
}
.col3.orderApprovalHeader
{
width: 20%;
}
.col1.orderApprovalColumn
{
width: 9%;
}
.col1.date.orderApprovalColumn
{
width: 11%;
}
.col1.status.orderApprovalColumn
{
width: 11%;
}
.col1.actions.orderApprovalColumn
{
width: 9%;
}
.col1.approve.orderApprovalColumn
{
width: 11%;
}
.col2.orderApprovalColumn
{
width: 15%;
}
.col3.orderApprovalColumn
{
width: 20%;
}
#totalLabel {
background: none repeat scroll 0 0 #F0F0F0;
border-radius: 5px 5px 5px 5px;
margin-top: 20px;
padding: 10px;
}
#totalLabel .label {
display: inline-block;
font-size: 15px;
font-weight: bold;
padding-left: 0;
width: 60%;
}
#totalLabel .value {
color: #CA4200;
display: inline-block;
font-size: 15px;
font-weight: bold;
max-width: 91px;
text-align: right;
width: 38%;
}
#summaryOfChanges .label, .largeLabel {
padding-left: 10px;
}
#summaryOfChanges{
margin-inline-start: 20px;
padding-bottom: 30px;
line-height: 20px;
}
.approvalToolbarButton {
margin: 20px 0 10px 0;
}
#orderSummaryContainer {
border-bottom: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
margin: 10px 0 10px 10px;
padding: 10px 0 0;
}
.selfServiceCal{
font-size: 12px;
}
/*
Common my account item table UI - toolbar section
*/
.listTable .toolbar #skuAdd {
width: 225px;
}
.listTableMobile .toolbar #skuAddMobile {
width: 215px;
}
.listTable .toolbar #skuAdd,
.listTable .toolbar #quantityAdd {
margin-right: 10px;
}
.listTable .toolbar #toolbarButton1,
.listTable .toolbar #toolbarButton2 {
float: right;
margin-bottom: 10px;
margin-left: 10px;
}
/*
Common my account item table UI
*/
/* Quantity updated message */
.quantityUpdated {
background: none repeat scroll 0 0 #006ECC;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
display: none;
font-size: 12px;
padding: 8px 0 9px;
position: relative;
right: -54px;
text-align: left;
top: -33px;
width: 144px;
z-index: 2;
}
.reqListQuantityUpdated {
position: relative;
background: #277d29;
font-size: 14px;
text-transform: uppercase;
width: 167px;
color: #FFFFFF;
display: none;
padding: 9px 0;
z-index: 20;
margin-top: 5px;
}
.reqListQuantityUpdated img {
float: left;
padding-left: 10px;
padding-right: 4px;
vertical-align: middle;
}
.quantityUpdated img {
float: left;
padding-left: 10px;
padding-right: 4px;
vertical-align: middle;
}
@media screen and (max-width: 952px) {
.productListingWidget > .header_bar .pagination_present {
min-height: 91px;
}
.sorting_view_controls_container {
clear: both;
padding-top: 0px;
padding-right: 0px
}
.widget_articles_videos_position .sorting_view_controls_container {
clear: none;
padding-top: 5px;
padding-right: 15px;
}
.paging_controls > .left_arrow > img {
padding-left: 10px;
}
.paging_controls > .right_arrow > img {
padding-right: 10px;
}
#ccg-byg-sc-qty-error {
padding-bottom: 0.5rem;
}
}
@media screen and (max-width: 856px) {
.homePageContainerRow4 > div {
width: 100%;
}
#videoContentFrame {
width: 461px;
height: 265px;
margin-left: -230px;
}
div.widget_title_container h1 {
font-size: 23px;
}
}
@media screen and (max-width: 770px) {
.productSpecTable .specTableRow .specTableLabel {
width: 50%;
}
.productSpecTable .specTableRow .specTableValue {
width: 50%;
}
.productDetailTable_csr .specialEntry.row.tableHeader .col1:first-child {
margin-right: 0px;
}}
@media screen and (min-width: 600px) and (max-width: 666px) {
#section_button_customer_service.optionContainer > .title {
line-height: 21px;
}
#section_button_customer_service.optionContainer .arrow {
margin: 4px 5px 14px 0;
}
.optionContainer > .title {
padding: 0 6%;
}
#registeredCustomersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol,
#findOrdersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol {
min-width: 275px !important;
}
}
@media screen and (max-width: 520px) {
.productSpecTable .specTableRow .specTableValue {
text-align: right;
}
#videoContentFrame {
width: 320px;
height: 183px;
margin-left: -160px;
}
#modelBoxClose {
top: 12px;
right: 12px;
}
}
@media screen and (max-width: 1628px){
#articleListing li {
float: left;
margin-right: 20px;
}
}
@media screen and (min-width: 1660px) {
#articleListing li {
width: 32% !important;
}
}
/*@BP-C 1281px+*/
@media screen and (min-width: 1281px) {
.productDetailTable_csr .orgUsersHeader,
.productDetailTable_csr .orgUsersColumn {
width: 174px;
}
#productsFacetsHorizontal > fieldset{
width: 48%;
float:left;
padding: 1%;
/*margin: 2px 4px 2px 4px;*/
}
#articleListing li {
float: left;
width: 47%;
margin-right: 10px
}
.product_page_content #productSlot56 > div:nth-child(2),
.product_page_content #productFullWidthSlot56 > div:nth-child(2) {
margin: -10px 5px;
display: block;
padding: 0px 5px;
}
.product_page_content #productSlot56 {
float: left;
}
#uploadListDropdown {
right: 31px;
}
#fileUploadStatus
{
margin-top: -10px;
}
}
/*@BP-B 601px-1280px*/
@media screen and (max-width: 1280px) {
#productsFacetsHorizontal > fieldset{
width: 48%;
/*display: inline-block;*/
float:left;
padding: 1%;
/*margin: 2px 4px 2px 4px;*/
}
}
@media screen and (max-width: 1133px) {
.pageSelection {
display: block;
}
.productListingWidget > .header_bar .controls {
position: relative;
}
.pageControlMenu .controlBar .pageControl.number > a {
margin: 4px;
}
.pageControlButton:focus {
border: 1px dotted #000000;
}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
.bundle_package_page .row .slot4 {
width: 35%;
}
.bundle_package_page .row #productSlot56 {
width: 20%;
float: left;
}
.bundle_package_page .row .slot5,
.bundle_package_page .row .slot6,
.bundle_package_page .row .slot8,
.bundle_package_page .row .tabbedSlots9_10_11
{
width: 100%;
}
.bundle_package_page .slot7{
width: 45%;
}
.bundle_package_page .kit_pageDesign_pageGroup #productSlot56 {
width: 30%;
}
.bundle_package_page .kit_pageDesign_pageGroup .slot7{
width: 35%;
}
}
@media screen and (max-width: 1024px) {
#fileUploadStatusBox {
max-height: 82px;
}
#fileUploadStatusBox .fileUpload {
padding-bottom:20px;
}
#fileUploadStatusBox .fileName {
float: left;
width: 55%;
margin: 0px 0px 26px 9px;
}
#fileUploadStatusBox .logbtn {
display: block;
float: left;
width:auto;
}
#fileUploadStatusBox .uploadStatus {
float: left;
width: auto;
margin: 0px 0px 0px 0px;
}
#fileUploadStatusBox .timeStamp {
float: left;
width: 55%;
vertical-align: middle;
padding: 5px 0px 0px 0px;
margin: 0px 0px 6px 10px;
}
}
.widget_subscription_item > .top,
.widget_subscription_item > .bottom{
background: url("../images/colors/color1/widget_border.png") repeat-x scroll 0 0 transparent;
overflow: hidden;
width: 463px;
}
.widget_subscription_item > .top > .left_border,
.widget_subscription_item > .bottom > .left_border{
float: left;
height: 3px;
width: 3px;
}
.widget_subscription_item > .top > .middle,
.widget_subscription_item > .bottom > .middle{
height: 3px;
width: 457px;
float: left;
}
.widget_subscription_item > .top > .right_border,
.widget_subscription_item > .bottom > .right_border{
float: left;
height: 3px;
width: 3px;
}
.widget_subscription_item > .middle{
width: 463px;
}
.widget_subscription_item > .middle > .content_left_border{
background: url("../images/colors/color1/widget_border.png") repeat-y scroll 0 0 transparent;
float: left;
padding-left: 3px;
width: 460px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border{
background: url("../images/colors/color1/widget_border.png") repeat-y scroll right center transparent;
float: right;
padding-right: 3px;
width: 457px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content{
background-color: #ffffff;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header{
background-color: #F5F6F7;
border-bottom: 1px solid #EDEFF0;
height: 38px;
line-height: 40px;
padding-left: 10px;
padding-right: 22px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > span{
color: #777777;
font-size: 16px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close{
cursor: pointer;
height: 13px;
position: absolute;
right: 14px;
top: 0px;
width: 13px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .header > .close:hover{
background-position: 0 -13px;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section{
padding-left: 10px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 25px;
line-height: 1em;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border > .content > .input_section > span{
font-size: 12px;
color: #444444;
}
@media screen and (max-width: 535px) {
.widget_subscription_item > .top,
.widget_subscription_item > .bottom {
width: auto;
}
.widget_subscription_item > .top > .middle {
width: auto;
}
.widget_subscription_item > .middle {
width: auto;
}
.widget_subscription_item > .middle > .content_left_border {
width: auto;
}
.widget_subscription_item > .middle > .content_left_border > .content_right_border {
width: auto;
}
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border {
border: 3px solid #a3a3a3;
border-color: rgba(71,71,71,0.5);
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content {
background-color: #ffffff;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header{
background-color: #f5f6f7;
border-bottom: 1px solid #edeff0;
padding: 7px 20px 9px 20px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > span{
color: #666666;
font-size: 16px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .header > .close{
width: 13px;
height: 13px;
position: absolute;
right: 14px;
top: 12px;
background-image: url('../images/colors/color1/close_sprite.png');
background-position: 0 0;
background-repeat: no-repeat;
cursor: pointer;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body{
font-size: 12px;
color: #666666;
line-height: 16px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body .header{
font-size: 13px;
font-weight: bold;
padding-bottom: 7px;
border-bottom: 1px solid #edeff0;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_store_address{
width: auto;
float: left;
padding: 20px 10px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours{
width: auto;
float: left;
padding: 20px 10px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability{
width: auto;
float: left;
padding: 20px 10px;
}
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .backordered{
width: 10px;
height: 10px;
float: left;
margin-top: 3px;
margin-right: 8px;
background: url("../images/colors/color1/widget_store_locator_popup/backordered_icon.png");
}
/* DevStart: for availability status image div in store details popup */
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_availability > .status_img_div{
margin-right: 8px;
}
/* DevEnd */
@media (min-width: 438px) and (max-width: 562px) {
div.widget_store_details_popup > .middle > .content_left_border > .content_right_border > .content > .body > .container_hours {
width: 50%;
}
}
@media screen and (max-width: 563px), screen and (min-width: 601px) and (max-width: 861px) {
.productListingWidget > .header_bar .pagination_present {
margin-top: 1em;
}
}
/* Override the above on wishlist pages */
@media screen and (max-width: 563px), screen and (min-width: 601px) and (max-width: 861px) {
.productListingWidget.wishlist > .header_bar .pagination_present {
margin-top: 0px;
}
}
@media screen and (max-width: 420px), screen and (min-width: 601px) and (max-width: 652px) {
.product_listing_container .list_mode .product > .product_image {
width: 180px;
position: relative;
}
.product_listing_container .list_mode .product {
padding-left: 15px;
}
.product_listing_container .list_mode .catEntryList_border {
margin: 10px 0px;
width: 100%;
}
}
@media screen and (max-width: 377px) {
#articleListing li .content h1 {
width: 100px;
}
.productListingWidget > .header_bar .pagination_present {
margin-top: 0px;
}
.productListingWidget > .header_bar .controls {
margin-right: -7px;
}
.productListingWidget #orderByDropdown,
.productListingWidget .orderByDropdown {
margin-right: 0px;
}
}
/*@BP-A 0-600px*/
@media screen and (max-width: 600px) {
#productsFacetsHorizontal > fieldset {
width: 98%;
}
div#widget_coordinate > .middle > .content {
padding: 0px 0px 40px 0px;
}
div#widget_coordinate > .middle > .content > .up_arrow {
left: 199px;
}
div#widget_coordinate > .middle > .content > .down_arrow {
left: 199px;
}
.product_page_content #productSlot56 > div:nth-child(2) {
display: inline-block;
}
.widget_product_image_viewer .image_container > img {
margin-right: 0px;
}
.widget_bundle_package_list .list_mode {
width: 99%;
}
.tab {
border-radius: 0px;
border-left: none;
border-right: none;
width: 100%;
}
.definingAttributes{
width: 95%;
padding-left: 10px;
}
.definingAttributes .color_swatch_label {
padding-top: 10px;
}
.definingAttributes .currentUsedFilters {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.available {
width: 95%;
margin-left: 10px;
}
.textContainer .title {
font-size: 22px;
line-height: 18pt;
}
.textContainer .bodyText {
font-size: 12px;
line-height: 13pt;
}
.tabButtonContainer {
margin-bottom: 0px !important;
}
.nonRWDPageB #quick_cart_container,
.nonRWDPageB #MiniShopCartProductAdded,
.nonRWDPage #quick_cart_container,
.nonRWDPage #MiniShopCartProductAdded{
left: auto !important;
right: 15px !important;
}
#quick_cart_container {
left: 0 !important;
right: 0 !important;
top: 55px !important;
}
#content .collapsible {
border-radius: 0;
}
#contentFacet, #contentProducts {
float: none;
width: auto;
}
#contentFacet {
height: 300px !important;
}
.changeOrientation {
display: none;
}
#homePageEspot_Left_Slot,
#homePageEspot_Right_Slot {
padding-left: 10px;
}
.loginMenuDropdown{
border: medium none;
border-radius: 0;
box-shadow: none;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.loginMenuDropdown.active {
display:block;
}
.loggedInContractSelectPanel .button_primary,
.loggedInContractSelectPanel .button_secondary,
.contractSelectPanel .button_secondary,
.contractSelectPanel .button_primary,
.signOutButton {
width: 248px;
}
#signInDropdown {
right: 0;
top: 0;
}
#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 1px solid #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: #4D4D4D;
display: none;
font-size: 13px;
position: absolute;
right: 154px;
top: 49px;
width: 290px;
z-index: 100;
}
#Header_GlobalLogin_signInDropdown.loginMenuDropdown.active {
display:block;
}
#Header_GlobalLogin_signInQuickLink.panelLinkSelected.selected{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #B8B8B8 #B8B8B8 #FFFFFF;
border-image: none;
border-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-width: 1px;
left: 1px;
z-index: 101;
}
.panelLinkSelected.selected {
background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 0 none;
border-radius: 0;
}
#Header_GlobalLogin_signOutQuickLink.panelLinkSelected.selected{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #B8B8B8 #B8B8B8 #FFFFFF;
border-image: none;
border-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-width: 1px;
left: 1px;
z-index: 101;
}
#Header_GlobalLogin_loggedInDropdown.menuDropdown {
background: linear-gradient(to bottom, #FFFFFF 46%, #F5F5F5 100%) repeat scroll 0 0 hsla(0, 0%, 0%, 0);
border: 1px solid #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
color: #4D4D4D;
display: none;
font-size: 13px;
position: absolute;
right: 154px;
top: 43px;
width: 220px;
z-index: 100;
}
.menuDropdown.active{
display:block;
}
#Header_GlobalLogin_loggedInDropdown.menuDropdown.active{
display:block;
}
.globalLogin.selectWrapper{
max-width: 250px;
}
#Header_GlobalLogin_loggedInDropdown.menuDropdown .panel {
padding: 20px;
}
#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected:after{
top: 60px;
right: -34px;
}
#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected.selected:after{
top: 60px;
right: -34px;
}
#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected.selected:after{
top: 110px;
}
#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected:after{
top: 110px;
}
#fileUploadStatusBox .fileName {
float: none;
width: 90%;
margin: 0px 0px 6px 9px;
}
#fileUploadStatusBox .logbtn {
display: block;
float: left;
margin-left:9px;
}
#fileUploadStatusBox .uploadStatus {
float: left;
width: 90%;
margin: 0px 0px 7px 5px;
}
#fileUploadStatusBox .timeStamp {
float: left;
width: 90%;
vertical-align: middle;
padding: 0px;
margin: 0px 0px 6px 10px;
}
#fileUploadStatusBox .fileUpload {
padding-bottom:31px;
}
#fileUploadStatusBox {
max-height: 124px;
}
#fileUploadStatus {
margin-left: 10px;
}
#uploadListDropdown {
right: 11px;
}
.mobileHidden {
display: none;
}
.mobileVisible {
display: block;
}
.mobileVisible.hidden {
display: none;
}
}
@media screen and (max-width: 440px) {
#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
right: 66px;
}
.requisitionListContent.popup {
}
#registeredCustomersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol,
#findOrdersRefreshArea .productDetailTable .fullView .expandedContent .expandedCol {
min-width: 268px !important;
}
}
/* Facebook Like Widget */
.facebookLikeWidget {
padding: 13px 10px 20px;
}
/* Facebook Activity Widget */
.widget_fb_activity > .widget_main {
display:block;
border:1px solid #E5E5E5;
}
.widget_fb_activity > .widget_main > .content {
background-color: #FFFFFF;
height: 390px;
position: relative;
}
.widget_fb_activity > .widget_main > .content > .logo_like {
height: 30px;
border-bottom: 1px solid #f1f1f1;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
}
.widget_fb_activity > .widget_main > .content > .logo_like > .facebook_like {
height: 34px;
float: left;
}
.widget_fb_activity > .widget_main > .content > .header {
height: 34px;
border-bottom: 1px solid #f1f1f1;
line-height: 34px;
text-transform: uppercase;
color: #666666;
font-size: 11px;
padding-left: 12px;
padding-right: 12px;
}
@media (-webkit-device-pixel-ratio: 2) {
.searchAssocAssets > a > .arrow,
.productDescDropMerch > a > .arrow,
.facetWidget .dropdownIcon,
.facetWidget .close,
.facetSelect li input:checked + a .checkBox > .checkmark,
.pages .pageNumber > .arrow,
.pageControl.number > .dropdownToggleButton > .arrow,
.pageOptionsDropdown > .pageDropdownClose,
.pageDropdownClose {
background: url('../images/responsive/rwdUI@2x.png');
background-size: 300px 400px;
}
#content .collapsible > h3:before,
.categoryNavWidget.collapsible > h3:before,
.grid_icon:before,
.list_icon:before,
.optionContainer .arrow:before {
content: url("../images/responsive/rwdUI@2x.png");
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0 0;
}
#content .collapsible > h3:before,
.categoryNavWidget.collapsible > h3:before {
clip: rect(82px,156px,116px,122px);
}
#content .collapsible[aria-expanded="false"] > h3:before,
.categoryNavWidget.collapsible[aria-expanded="false"] > h3:before {
clip: rect(82px,116px,116px,82px);
}
a.grid_icon:before {
clip: rect(42px,116px,76px,82px);
}
div.grid_icon:before, a.grid_icon:hover:before {
clip: rect(42px,156px,76px,122px);
}
a.list_icon:before {
clip: rect(42px,196px,76px,162px);
}
div.list_icon:before, a.list_icon:hover:before {
clip: rect(42px,236px,76px,202px);
}
}
.productWishList {
width: 99%;
max-width: 174px;
}
.requisitionList, .productWishList {
width: 96%;
max-width: 270px;
}
.requisitionListBox .addRequisitionList .button {
background-image: linear-gradient(#F7F9F9, #E5E8E9);
border: 1px solid #BFBFBF;
border-radius: 4px 4px 4px 4px;
color: #333333;
display: inline-block;
font-size: 14px;
line-height:29px;
text-align: center;
vertical-align: middle;
max-width: 270px;
width: 97%;
cursor: pointer;
}
.requisitionListBox .addRequisitionList .button .button_text{
background-image: linear-gradient(#F7F9F9, #E5E8E9);
color: #49310F;
display: table-cell;
font-size: 14px;
height: 29px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 270px;
}
.requisitionListBox .addRequisitionList .button #quickInfoText {
font-size: inherit;
margin: 0;
padding: 0;
color: inherit;
line-height: inherit;
}
.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
border-spacing: 0;
border-radius: 0px;
cursor: pointer;
font-size: 11px;
line-height:20px;
position: relative;
width: 184px;
}
.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button .button_text {
border: 1px solid #F1F3F3;
font-size: 11px;
height: 20px;
line-height: normal;
width: 184px;
}
.requisitionListBox .addRequisitionList .button:hover > .button_text{
background-image: linear-gradient(#f7f9f9, #ced2d3);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#ced2d3));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}
.requisitionListContent {
display: block;
font-size: 12px;
}
.requisitionListContent a.closeBtn {
font-size: 2rem;
line-height: 3rem;
}
.requisitionListContent .signIn {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.requisitionListContent .ellipsis {
font-size:35px;
width: 30px;
margin-left: auto;
margin-right: auto;
}
.requisitionListContent h1 {
padding: 5px 8px 5px 8px;
font-size: 14px;
display: block;
}
.requisitionListContent h2 {
display: block;
font-size: 14px;
padding: 5px 0;
}
.requisitionListContent .signInForm {
border-top: 1px solid #ddd;
}
.requisitionListContent .signInForm .container {
padding: 8px;
}
.requisitionListContent input[type="text"], .requisitionListContent input[type="password"] {
border: solid 1px #949494;
background-color: #f7f7f7;
color: #333;
padding: 1em;
margin-bottom: 5px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .9rem !important;
font-weight: normal;
letter-spacing: 0;
}
.requisitionListContent .signInFormFooter {
margin-top: 5px;
margin-bottom: 7px;
}
.requisitionListContent .saveButton {
width: auto;
}
.requisitionListContent .signInFormFooter .forgotPassword {
text-align: right;
}
.saveButton {
background-image: -moz-linear-gradient(top, #FBBB0B 0%, #EE9505 100%);
background-image: -webkit-linear-gradient(top, #FBBB0B 0%, #EE9505 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBB0B', endColorstr='#EE9505');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBB0B', endColorstr='#EE9505')";
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-align:center;
border: 1px solid #BFBFBF;
color: #333333;
font-size:12px;
padding:1em;
margin:2em;
cursor: pointer;
}
.saveButton:hover {
background-image: -moz-linear-gradient(top, #FED60C 0%, #F8AF06 100%);
background-image: -webkit-linear-gradient(top, #FED60C 0%, #F8AF06 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED60C', endColorstr='#F8AF06');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FED60C', endColorstr='#F8AF06')";
cursor:pointer;
}
.requisitionListContent .register {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.requisitionListContent .register .cancelButton {
margin-bottom: 5px;
margin-top: 5px;
width: 123px;
}
.requisitionListContent .register .container {
padding: 8px;
}
.requisitionListContent .listSelect .item {
border-bottom: 1px solid #ddd;
display: grid;
display: inline-block;
width: 100%;
padding: 0.4em 0;
}
.requisitionListContent .listSelect .item .type {
float: right;
}
.requisitionListContent .listSelect .listName {
width: 55%;
word-wrap: break-word;
display: inline-block;
}
.requisitionListContent .radioButton {
background: #f3f3f3;
border: 2px solid #ddd;
border-radius: 100%;
width: 16px;
height: 16px;
float: left;
margin-right: 7px;
cursor: pointer;
}
.requisitionListContent .radioButton .checked {
background: rgb(246, 73, 73);
border-radius: 100%;
float: left;
width: 8px;
height: 8px;
margin-top: 4px;
margin-left: 4px;
display: none;
}
.requisitionListContent .listSelect .newList {
margin: 1em 0em 1em 0em;
display: none;
}
.dropDownImgStyle{
float: right;
width: 23px !important;
margin: 4px 0px 0px 0px;
}
.sortingDropdown {
border: solid 1px #949494;
color: #717171;
background-color: #f7f7f7;
color: #717171;
padding: .4em .8em;
margin-bottom: 5px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.noSort
{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
color: #717171 !important;
font-size: .9rem !important;
font-weight: normal;
letter-spacing: 0;
}
.sortingDropdown > .noSort {
float: left;
display: none;
}
.requisitionListContent .sortingDropdown {
float: left;
margin: 0;
height: auto;
line-height: 29px;
box-sizing: unset;
width: 93%;
}
.requisitionListContent .sortingDropdown > .noSort {
display: block;
}
.requisitionListContent .sortingDropdown .dropdownArrow {
margin: 12px 11px;
}
.sortingDropdown > .dropdownArrow {
float: right;
background: url('../images/responsive/rwdUI.png');
background-position: -1px -1px;
width: 12px;
margin: 16px 11px;
height: 6px;
}
.requisitionListContent .sortDropdown {
height: 64px;
top: 32px;
left: -0.8125rem;
width: 107%;
}
.sortDropdown {
position: relative;
top: 40px;
border: 1px solid #898989;
height: 204px;
background: #FFF;
z-index: 20;
left: -10px;
width: 110%;
margin-top: 10px;
border-top: none;
}
.requisitionListContent .sortDropdown ul {
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
padding-left: 0px;
}
.sortDropdown ul {
position: absolute;
width: 100%;
}
.sortDropdown ul li {
height: auto;
padding: 8px 0;
line-height: 16px;
padding-left: 10px;
color: #545454;
list-style: none;
font-size: .9rem !important;
font-weight: normal;
letter-spacing: 0;
}
.sortOption:hover {
color: #FFF !important;
background: #2d82f1;
}
.cancelButton {
background: linear-gradient(#FFFFFF, #E5E8E9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #BFBFBF;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
height: 29px;
position: relative;
}
.cancelButton .button {
background: linear-gradient(#F7F7F7, #EBEDEC 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-color: #FFFFFF;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
color: #323232;
font-size: 12px;
height: 26px;
margin-top: 1px;
text-align: center;
}
.cancelButton .button:hover {
background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0),color-stop(100%, #DCDCDC));
background: -webkit-linear-gradient(top,#F0F0F0 ,#DCDCDC 100%);
background: -moz-linear-gradient(top,#F0F0F0 ,#DCDCDC 100%);
background: -ms-linear-gradient(top,#F0F0F0 ,#DCDCDC 100%);
background: -o-linear-gradient(top,#F0F0F0 ,#DCDCDC 100%);
background: linear-gradient(to bottom,#F0F0F0 ,#DCDCDC 100%);
cursor: pointer;
}
.cancelButton .button p {
margin-top: 4px;
}
.requisitionListContent .productAdded {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: none;
}
.requisitionListContent .productAdded .message {
background: #85b200;
color: #fff;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: bold;
word-wrap: break-word;
}
.requisitionListContent .productAddedSavedGear .message {
background: #277D29;
font-size: 1rem;
color: #fff;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: bold;
word-wrap: break-word;
text-align: center;
text-transform: uppercase;
margin-inline:33px;
}
.requisitionListContent .productAdded .product {
padding: 7px;
}
.requisitionListContent .productAdded .product img {
float: left;
height: 85px;
}
.requisitionListContent .productAdded .footer {
padding: 7px;
}
.requisitionListContent.popup .listSelect .newList input[type="text"] {
float: left;
}
.requisitionListContent.popup .listSelect .newList input[type="text"]::placeholder {
font-style: normal !important;
}
#grayOut, #grayOutPopup {
position: fixed;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
background: #ccc;
opacity: 0.6;
z-index: 100;
display: none;
}
.requisitionListContent .close {
float: right;
width: 13px;
height: 13px;
position:relative;
overflow:hidden;
cursor: pointer;
margin-top: 5px;
margin-right: 5px;
}
.requisitionListContent .close:before {
content: url('../images/colors/color1/close_sprite.png');
position: absolute;
top:0px;
left:0px;
}
.requisitionListContent .close:hover:before {
left:0px;
top:-13px;
}
/* SKU List Widget */
.productDetailTable .fullView {
display: block;
border: 1px solid #B4B4B4;
border-radius: 5px;
font-size: 12px;
padding: 15px;
min-width: 500px;
}
.productDetailTable .fullView.expanded {
border-top: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.productDetailTable .row.entry {
border-bottom: 1px solid #B4B4B4;
margin-bottom: 5px;
padding-bottom: 5px;
}
.productDetailTable .row.tableHeader {
border-bottom: 1px solid #b4b4b4;
margin-bottom: 5px;
padding-bottom: 5px;
font-weight: bold;
}
.productDetailTable .row .columnHeader {
height: 35px;
position: relative;
}
.productDetailTable .row .columnHeader .cell {
position: absolute;
bottom: 0px;
width: 95%;
word-wrap: break-word;
}
.productDetailTable .row .input_field {
text-align: center;
width: 40px;
}
.productDetailTable .cell {
padding: 5px;
}
.productDetailTable .fullView .expandedContent {
padding: 10px 20px 10px 20px;
background: #eee;
}
.productDetailTable .fullView .expandedContent .expandedCol {
padding: 0px 15px 0px 15px;
max-width: 600px;
min-width: 370px;
display: none;
}
.productDetailTable .fullView .expandedContent .expandedCol > div {
min-height: 10px;
overflow: hidden;
padding: 5px 0 5px 20px;
border-bottom: 1px solid #ccc;
}
.productDetailTable .fullView .expandedContent .expandedCol .leftCol {
float: left;
font-weight: bold;
display: inline-block;
width: 160px;
padding-right: 25px;
}
.productDetailTable .fullView .expandedContent .expandedCol .rightCol {
display: inline-block;
width: 45%;
}
.productDetailTable .fullView .expandedContent .expandedCol .compare_target {
padding: 0px;
}
.productDetailTable .row.footer {
padding-top: 8px;
}
.productDetailTable .footerButtons {
float: right;
}
.productDetailTable .footerButtons a {
margin-left: 10px;
}
.productDetailTable .gridCell {
word-wrap: break-word;
}
.productDetailTable .SKU a {
color: #006ECC;
}
.productDetailTable .anchored {
min-width: 100px;
}
.productDetailTable .fullView [data-filter="SKU"] {
min-width: 120px;
max-width: 200px;
}
.productDetailTable .fullView [data-filter="Quantity"] {
min-width: 65px;
max-width: 150px;
position: relative;
}
.productDetailTable .invalidQuantity {
position: absolute;
top: 6px;
left: 60px;
width: 100px;
background: #ca4200;
padding: 5px;
font-size: 12px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
display: none;
z-index: 20;
}
.productDetailTable .fullView [data-filter="OnlineAvailability"] {
min-width: 140px;
max-width: 180px;
}
.productDetailTable .fullView [data-filter="InStoreAvailability"] {
min-width: 100px;
max-width: 180px;
}
.productDetailTable .fullView [data-filter="Compare"] {
min-width: 50px;
max-width: 150px;
}
.productDetailTable[data-filter="InStoreAvailability"] .link {
text-decoration: underline;
}
.productDetailTable .expandButton {
min-width: 55px;
width: 55px;
}
.productDetailTable .dropDownButton {
background-color: #E9E9E9;
border: 1px solid #E9E9E9;
border-radius: 5px 5px 5px 5px;
color: #545454;
cursor: pointer;
font-size: 14px;
height: 38px;
line-height: 38px;
margin-left: 5px;
padding-left: 10px;
width: 25px;
}
.productDetailTable .dropDownButton .dropDownArrow {
overflow:hidden;
float: right;
height: 6px;
margin: 16px 11px;
width: 12px;
position: relative;
}
.productDetailTable .dropDownButton .dropDownArrow:before {
content: url("../images/responsive/rwdUI.png");
top:-1px;
left:-1px;
position:absolute;
}
.productDetailTable .fullView .dropDownButton .dropDownArrow.expanded {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.skuListExpandArea {
padding: 10px;
border-radius: 5px;
border: 1px solid #b4b4b4;
background: none repeat scroll 0 0 #e9e9e9;
}
.skuListExpandArea.hide {
border-radius: 5px 5px 0px 0px;
border-bottom: none;
}
.skuListExpandArea > h3 {
position: relative;
margin: -10px -12px;
padding: 10px 34px;
font-size: 12px;
color: #646464;
overflow: hidden;
min-height: 1.4em;
cursor: pointer;
}
.skuListExpandArea > h3.showSkus:before {
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -31px;
left: -28px;
clip: rect(41px,58px,58px,41px);
}
.skuListExpandArea > h3.hide:before {
content: url("../images/responsive/rwdUI.png");
position: absolute;
top: -31px;
left: -48px;
clip: rect(41px,78px,58px,61px);
}
.productDetailTable .mobileView {
display: none;
font-size: 12px;
border-left: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
}
.productDetailTable .mobileView > .row {
border-bottom: 1px solid #b4b4b4;
padding: 20px 15px;
}
.productDetailTable .mobileView > .row:first-child {
border-top: 1px solid #ccc;
}
.productDetailTable .mobileView > .row.expanded {
background: none repeat scroll 0 0 #727a7b;
border-color: #727a7b #727a7b #ffffff;
border-style: solid;
border-width: 15px 15px 1px;
padding: 5px 0 14px;
}
.productDetailTable .mobileView .title {
display: inline-block;
width: 100%;
}
.productDetailTable .mobileView .title.expanded {
color: #fff;
padding: 0px 0px 18px 0px;
}
.productDetailTable .mobileView .title > .row {
display: inline-block;
width: 74%;
height: 20px;
padding: 5px 0px 5px 0px;
}
.productDetailTable .mobileView .title > .dropDownButton {
background: none repeat scroll 0 0 #fff;
border: 1px solid #727a7b;
float: right;
}
.productDetailTable .mobileView .title > .dropDownButton.expanded {
background: none repeat scroll 0 0 #727a7b;
border: 1px solid #fff;
}
.productDetailTable .mobileView .dropDownButton .dropDownArrow.expanded {
height: 14px;
margin: 13px 10px;
width: 13px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.productDetailTable .mobileView .title > .dropDownButton .dropDownArrow.expanded:before {
left:-156px;
}
.productDetailTable .mobileView .skuName {
font-weight: bold;
width: 100%;
display: inline-block;
padding: 0px 10px 0px 0px;
word-wrap: break-word;
}
.productDetailTable .mobileView .attributes {
display: inline-block;
word-wrap: break-word;
}
.productDetailTable .mobileView .mobileExpandedContent {
background: none repeat scroll 0 0 #fff;
border: 1px solid #333;
border-radius: 5px;
margin-top: 20px;
padding: 10px;
clear: both;
float: none;
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol {
width: 97%;
padding: 0px 5px;
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol > div {
min-height: 10px;
overflow: hidden;
padding: 5px 0 5px 5px;
border-bottom: 1px solid #ccc;
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .leftCol {
float: left;
font-weight: bold;
display: inline-block;
width: 40%;
padding-right: 25px;
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .rightCol {
display: inline-block;
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .link {
color: #006ecc;
}
.productDetailTable .mobileView .mobileExpandedContent .expandQuantity {
padding: 5px 5px;
font-size: 14px;
position: relative;
}
.productDetailTable .mobileView .mobileExpandedContent .invalidQuantity {
position: absolute;
top: 11px;
left: 130px;
}
.productDetailTable .mobileView .mobileExpandedContent .button {
margin: 0px 0px 8px 2%;
width: 96%;
}
.productDetailTable .mobileView .mobileExpandedContent .button.primary,
.productDetailTable .mobileView .mobileExpandedContent .button.secondary {
min-width: 120px;
word-wrap: break-word;
}
/*** RWD-B ***/
@media screen and (max-width: 540px) {
.productDetailTable .fullView {
display: none;
}
.productDetailTable .mobileView {
display: block;
}
}
#optionButton {
border: 0px;
display: inline-block;
height: auto;
padding: 0 20px;
font-size: 12px;
line-height: normal;
text-align: center;
vertical-align: middle;
}
/* Primary and Secondary Button */
.button_primary {
display: inline-block;
position: relative;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbb0b), to(#ffb123));
background-image: linear-gradient(#fbbb0b, #ffb123);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fbbb0b', endColorStr='#ffb123')";
border: 1px solid #bfbfbf;
border-radius: 4px;
border-spacing: 0;
vertical-align: middle;
color: #4d4d4d !important;
}
.button_primary:hover {
background-image: -webkit-gradient(linear,left top,left bottom,from(#fed60c),to(#f8af06));
background-image: linear-gradient(#fed60c,#f8af06);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fed60c',endColorStr='#f8af06')";
}
.button_primary > .button_text {
display: table-cell;
height: 24px;
margin: 0;
padding: 0 20px;
border: 1px solid #fdd466;
border-radius: 3px;
font-size: 16x;
line-height: normal;
text-align: center;
vertical-align: middle;
min-width: 76px;
}
.button_primary > .button_text_csr {
min-width: 76px;
}
.button_primary > .left_border,.button_primary > .right_border {
display: none;
}
.button_primary > .button_primary {
display: block;
border: 0 none;
}
.button_secondary {
display: inline-block;
position: relative;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9));
background-image: linear-gradient(#f7f9f9, #e5e8e9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
border: 1px solid #bfbfbf;
border-radius: 4px;
border-spacing: 0;
vertical-align: middle;
color: #4d4d4d !important;
}
.button_secondary:hover {
background-image: linear-gradient(#f7f9f9,#ced2d3);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f7f9f9),to(#ced2d3));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9',endColorStr='#ced2d3')";
}
.button_secondary .arrow {
background: url('../images/responsive/rwdUI.png');
background-position: -1px -1px;
width: 12px;
/* padding-left: 6px; */
margin: 11px 11px 10px 23px;
height: 6px;
display: inline-block;
vertical-align: middle;
}
.button_secondary > .button_text {
display: table-cell;
height: 24px;
padding: 0 20px;
border: 1px solid #f1f3f3;
border-radius: 3px;
font-size: 12px;
line-height: normal;
text-align: center;
vertical-align: middle;
}
.button_secondary > .orgActionDropdown {
border: 1px solid #bfbfbf;
border-radius: 5px;
-webkit-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
box-shadow: -5px 5px 20px -6px rgba(0,0,0,0.75);
position: absolute;
z-index: 10;
background: #fff;
left: -2%;
margin-top: 0px;
width: 370px;
display: none;
font-size: 12px;
}
.button_secondary > .left_border,.button_secondary > .right_border {
display: none;
}
/*Disabled Button for compare button,add "disabled" class to secondary_button's or primary_button's parent div */
.disabled .button_secondary,
.disabled .button_primary {
cursor: default;
}
.disabled .button_secondary > .button_text,
.disabled .button_primary > .button_text {
color: #777777;
}
.editField .editActions {
margin-bottom: 15px;
margin-top: 15px;
}
#memberGroup h2 {
font-size: 12px;
font-weight: normal;
margin-bottom: 15px;
}
#memberGroup .checkField {
margin-bottom: 15px;
}
#memberGroup .checkField .checkBoxer {
float: left;
margin-right: 10px;
}
#memberGroup .checkField p {
display: inline-block;
font-size: 13px;
margin-top: 5px;
}
#orgRoles p {
font-size: 12px;
font-weight: normal;
margin-bottom: 15px;
}
#orgRoles .checkField {
margin-bottom: 15px;
line-height: 1.3;
}
#orgRoles .checkField .checkBoxer {
float: left;
margin-right: 10px;
}
#orgRoles .checkField p {
font-size: 12px;
margin-top: 5px;
}
.checkBoxer {
border: 1px solid #c8c8c8;
border-radius: 5px;
cursor: pointer;
height: 30px;
width: 30px;
}
.checkBoxer .arrow {
background: url("../images/check_arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 20px;
left: 5px;
position: relative;
top: 5px;
width: 20px;
}
.dottedBorder {
border: 1px dotted #000000;
}
.pageTitleHeader {
margin: 0 0 5px 10px !important;
}
#WC_createUser_orgDetailsEdit > #organizationSelection {
margin-bottom: 0;
}
#organizationAddress {
margin-bottom: 10px;
margin-top: 10px;
}
#organizationAddress p {
margin-bottom: 2px;
}
#currentOrganization {
margin-bottom: 5px;
}
.editButtons a {
margin-right: 14px;
width: 131px;
}
.editButtons a .button_text {
width: 117px;
}
#registerBuyers {
margin-left: 10px;
}
.editButtons .button_secondary > .button_text {
border: 1px solid #f1f3f3;
border-radius: 3px;
display: table-cell;
font-size: 13px;
height: 24px;
line-height: normal;
padding: 0 6px;
text-align: center;
vertical-align: middle;
}
#orgselect {
width: 100%;
}
#orgselect .arrow {
float: right;
}
.required {
color: #ff0000;
font-size: 12px;
}
#registerBuyers h2, #organizationSelection h2 {
font-size: 17px;
font-weight: normal;
margin-bottom: 10px;
margin-top: 10px;
}
.orgSearchList {
border: 1px solid #e9e9e9;
border-radius: 5px;
}
.orgSearchList .toolbar {
background: none repeat scroll 0 0 #f9f9f9;
margin-bottom: 4px;
padding: 10px;
}
.findbar {
float: left;
width: 55%;
}
.findbar .input_field {
background: none repeat scroll 0 0 white;
float: left;
width: 45%;
}
.clearFilter {
float: left;
}
.orgSearchList .toolbar #uploadListButton, .orgSearchList .toolbar .newListButton {
float: right;
margin-left: 10px;
}
.orgSearchList .toolbar .button_secondary .button_text {
border-bottom: 0 none;
}
.orgSearchList .tableHeader {
background: none repeat scroll 0 0 #f9f9f9;
padding: 0 10px;
}
.orgSearchList .selected {
min-width: 25px;
width: 5%;
}
.orgSearchListMobile .selected, .orgSearchList .selected .cell {
text-align: center;
}
.orgSearchList .tableHeader .cell {
font-size: 12px;
padding: 5px 5px 5px 0;
}
.row .tableHeader .cell {
font-family: Tungsten;
color: #333333 !important;
font-size: 1.25rem !important;
font-weight: 500 !important;
letter-spacing: 1.25px;
word-wrap: break-word;
}
.orgSearchList .cell {
font-size: 12px;
padding: 13px 10px 7px 0;
}
.orgTable .col1.actions {
float: right;
width: 10.3333%;
}
.orgSearchList .actions .cell {
padding: 5px 5px 5px 0;
position: relative;
text-align: right;
}
.orgSearchList .entry {
border-bottom: 1px solid #e9e9e9;
padding: 0 10px;
}
.orgSearchList .highlight {
background: none repeat scroll 0 0 #f9f9f9;
}
.orgSearchList .maximized {
cursor: pointer;
}
.treeview .name {
cursor: pointer;
width: 60%;
}
.requisitionListMobile .cell a {
color: #006ecc;
}
.orgSearchList .actions .button_text {
border-bottom: 0 none;
padding: 5px 5px 0;
}
.orgSearchList .children {
border-bottom: 0 none;
border-top: 1px solid #e9e9e9;
display: none;
margin: 0;
width: 100%;
}
.orgSearchList .footer, .requisitionListMobile .footer {
padding: 20px 0 20px 10px;
width: 98%;
}
.orgSearchList .footer .pageCount, .requisitionListMobile .footer .pageCount {
font-size: 12px;
}
.orgSearchList .footer .pageButtons, .requisitionListMobile .footer .pageButtons {
float: right;
margin-top: -10px;
}
#orgDetailsEdit .organizationSelectionEditPage {
margin-left:0px;
}
.menuDropdown .uncheckedCheckBox,
.menuDropdown .checkedCheckBox {
cursor: pointer;
margin-right: 7px;
vertical-align: middle;
}
.menuDropdown .input_field {
width: 273px;
}
.menuDropdown .optionDropdown {
width: 250px;
}
.optionDropdown {
font-size: 12px;
position: relative;
}
.optionDropdown.white .selectButton {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E9E9E9;
color: #000000;
padding: 5px;
width: 275px;
}
.optionDropdown.white .selectList {
border: 1px solid #E9E9E9;
box-shadow: 0 2px 13px -4px #000000;
}
.optionDropdown.white .selectOption {
border-bottom: 1px solid #E9E9E9;
padding: 10px;
}
.optionDropdown.white .selectOption.current {
background: none repeat scroll 0 0 #E0E0E0 !important;
color: #000000 !important;
}
.optionDropdown.white .selectOption:hover {
background: none repeat scroll 0 0 #898989;
color: #FFFFFF;
}
.selectButton {
background: none repeat scroll 0 0 #E9E9E9;
border-radius: 5px 5px 5px 5px;
color: #545454;
cursor: pointer;
padding: 7px 10px;
}
#widget_Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown,
#widget_QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown {
border: 1px solid #E9E9E9;
box-shadow: 0 2px 13px -4px #000000;
background: #FFFFFF;
font-size: 12px;
top: -1px;
}
#Header_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField,
#QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField {
color: #CA4200;
}
.lockedIcon {
margin-left: 2px;
margin-top: 2px;
position: absolute;
}
#lockOrderButton, #unlockOrderButton, #editOrderButton {
margin: 17px 0 20px;
}
.OrganizationListWidget .orgList .entryField[aria-hidden="true"]{
display: none;
}
.OrganizationListWidget .orgList .entryField {
border: 1px solid #999999;
border-radius: 5px 5px 5px 5px;
float: left;
font-size: 12px;
margin-right: 10px;
margin-top: 5px;
maring-bottom: 5px;
padding: 10px 25px 10px 10px;
position: relative;
}
.OrganizationListWidget .orgList .icon {
position: absolute;
right: 5px;
top: 10px
}
.OrganizationListWidget .group {
margin-bottom: 20px;
}
.OrganizationListWidget .group p{
font-size: 12px;
margin-bottom: 5px;
}
.checkedCheckBox {
cursor: pointer;
}
.checkedCheckBox.disabled {
cursor: default;
}
.checkboxLabel {
left: 30px;
position: absolute;
top: 4px;
}
.checkboxField {
position: relative;
}
.nonRWDPageB {
min-width: 1024px;
}
.cartLockedMessageBox {
border: 1px solid #CA4200;
border-radius: 5px;
margin: 10px 0;
padding: 8px;
font-size: 13px;
position: relative;
}
.cartLockedMessageBox .lockedMessage {
padding-left: 20px;
padding-bottom: 8px;
display: block;
}
.cartLockedMessageBox .lockedMessage:before {
content: "";
background: url("../images/icon_lock.png") no-repeat;
width: 15px;
height: 20px;
position: absolute;
left: 8px;
}
.sign_in_registration #WC_AccountDisplay_div_2.title h1 {
height: auto;
}
.shopping_cart_box {
min-width: 430px;
}
.ratingandreviewsline {
margin-top: 115px;
}
@media screen and (max-width: 390px) {
#RequisitionList_list_table .toolbar .uploadList:after,
#RequisitionList_list_table .toolbar .newList:after {
clear: both;
content: "";
display: block;
}
#RequisitionList_list_table .toolbar #uploadListButton .button_text,
#RequisitionList_list_table .toolbar #newListButton .button_text {
min-width: 75px;
}
#RequisitionList_list_table .toolbar #uploadListButton {
margin-bottom: 10px;
}
}
#RegisteredCustomersPageHeading span {
color: red;
font-size: 16px;
font-family:"ITC Conduit W07";
}
#RegisteredCustomersList_form_botton {
border-top: 1px solid #EBEBEB;
margin-top: 25px;
padding: 10px 0;
}
a#RegisteredCustomersList_form_botton_1 {
margin-top: 10px;
}
a#RegisteredCustomersList_form_botton_2 {
margin-top: 10px;
}
#csrSearchBar {
margin-bottom: 0 !important;
}
#csrFindOrdersSearchBar {
margin-bottom: 0 !important;
}
.csrFindOrdersTable .csrOrderNumber {
max-width: 124px;
}
.csrFindOrdersTable .csrOrderDate {
max-width: 98px;
}
.csrFindOrdersTable .csrCompany,
.csrFindOrdersTable .csrEmail {
width: 164px;
}
#RegisteredCustomersSearch_searchForm {
margin: 0;
}
.productDetailTable_csr .special.fullView {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color;
border-image: initial;
border-style: none;
border-width: 0;
display: block;
font-size: 12px;
padding: 0;
min-width: 100%;
width: auto;
}
.productDetailTable_csr .row.tableHeader {
border-bottom: 0 none;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
}
.specialEntry.row.tableHeader {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #E9E9E9;
}
.specialEntry.row.tableHeader .cell {
font-weight: bold;
position: relative;
top: 3px;
word-wrap: break-word;
}
.specialEntry.row.tableHeader .cell {
font-weight: 100;
}
.specialEntry.row.tableHeader:last-child {
border-bottom: 0 none;
}
.productDetailTable_csr .dropDownButton {
border-radius: 5px;
float: left;
height: 32px;
margin: 0;
padding: 0;
width: 32px;
}
.listTable .actions .button_text, .customer_detail .button_text {
border-bottom: 0 none;
padding: 3px 1px;
}
.productDetailTable_csr .fullView .expandedContent {
background: none repeat scroll 0 0 #EEEEEE;
margin-left: 0;
margin-right: 0;
margin-top: 11px;
max-width: none;
padding: 10px 0;
width: 100%;
}
.productDetailTable_csr .special.fullView {
font-size: 12px;
}
.productDetailTable_csr .special.fullView .expandedContent .expandedCol {
display: block;
max-width: none;
width: 45%;
}
.productDetailTable_csr .fullView .expandedContent .expandedCol .rightCol {
display: inline-block;
font-weight: 100;
width: 45%;
}
.registeredCustomersList_table .actions .cell {
padding: 5px 5px 5px 0;
position: relative;
text-align: right;
}
.registeredCustomersList_table .cell {
font-size: 12px;
padding: 13px 10px 7px 0;
}
.collapsed {
display:none;
}
.expanded {
display:block;
}
.displayInline {
display:inline;
}
.actionDropdown_csr {
box-shadow: none;
right: 3px;
width: 180px;
}
.show {
display: inline-block;
}
@media screen and (max-width: 770px) {
#globalLoginWidget .menuDropdown_csr,
#globalLoginWidget .menuDropdown {
position: absolute;
top: 7em;
right: 15px;
}
}
.menuDropdown_csr .panel {
padding: 20px;
}
.menuDropdown_csr .field {
margin-bottom: 18px;
}
.menuDropdown_csr .errorLabel {
color: #CA4200;
display: none;
margin-bottom: 10px;
}
.menuDropdown_csr .label {
margin-bottom: 8px;
}
.menuDropdown_csr .input_field {
width: 233px;
}
.menuDropdown_csr .input_field.error {
border: 1px solid #CA4200;
}
.menuDropdown_csr .optionDropdown {
width: 250px;
}
.menuDropdown_csr .editableDropdown {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #E9E9E9 -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: none solid none none;
border-width: 0 1px 0 0;
outline: 0 none;
width: 91%;
}
.menuDropdown_csr .uncheckedCheckBox, .menuDropdown_csr .checkedCheckBox {
cursor: pointer;
margin-right: 7px;
vertical-align: middle;
}
.menuDropdown_csr .footer {
border-top: 1px solid #BFBFBF;
margin-top: 20px;
padding-top: 20px;
}
.listTable_CSR_resetPassword{
margin:0px;
padding:0px;
border:none;
background:none;
}
.listTable_CSR_resetPassword .toolbar{
background:none;
}
.csr_errorMsg{
color:#ca4200;
padding:5px 0;
}
.userLoggedInQuickLink {
display: none;
}
.menuDropdown_csr .panel p:not(:first-child) {
margin-top: 10px;
}
.userProfileIcon {
background-image: url("../images/user-profile-icon.png");
background-repeat: no-repeat;
}
.disabledUser {
background-image: url("../images/user-profile-disabled.png");
background-repeat: no-repeat;
padding-right: 20px;
}
#accountDisabledMessage {
color: #CA4200;
}
.signedInUserName {
padding-right: 12px;
}
.panelUsername {
padding-right: 6px;
}
.field ul {
list-style-type: none;
padding-left: 0;
}
.field .textLabel {
border-bottom: 1px solid #BFBFBF;
line-height: 20px;
margin-bottom: -20px;
padding: 10px;
}
.field .quickCSRLinks {
border-bottom: 1px solid #BFBFBF;
padding: 10px;
position: relative;
}
.field .quickCSRLinkOpened {
padding: 20px 10px 0;
}
.field .quickCSRLinks .arrowDown:before {
content: url("../images/responsive/rwdUI.png");
height: 10px;
margin-top: -2px;
overflow: hidden;
position: absolute;
right: 12px;
top: 15px;
width: 15px;
}
.field .quickCSRLinks .arrowUp:before {
content: url("../images/responsive/rwdUI.png");
height: 10px;
margin-top: -2px;
overflow: hidden;
position: absolute;
right: 12px;
top: 22px;
transform: rotate(180deg);
width: 15px;
}
.loggedInContractSelectPanel .loggedInInputWrapper {
background: linear-gradient(#F7F9F9, #E5E8E9) repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 10px -10px 0;
padding: 10px;
}
.loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .contractSelectPanel .button_secondary, .contractSelectPanel .button_primary, .signOutButton {
width: 248px;
}
@media screen and (max-width: 600px) {
.loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .contractSelectPanel .button_secondary, .contractSelectPanel .button_primary, .signOutButton {
width: 180px;
}
}
.loggedInContractSelectPanel .button_primary_CSR {
width: 228px;
}
.loggedInContractSelectPanel .button_primary .button_text, .loggedInContractSelectPanel .button_secondary .button_text, .contractSelectPanel .button_secondary .button_text, .contractSelectPanel .button_primary .button_text, .signOutButton .button_text {
width: 224px;
}
.loggedInContractSelectPanel .input_field {
width: 210px;
}
.loggedInContractSelectPanel .csrClientLogin {
width: 227px;
}
@media screen and (max-width: 770px) {
#globalLoginWidget .loggedInContractSelectPanel .button_primary,
#globalLoginWidget .loggedInContractSelectPanel .button_secondary,
#globalLoginWidget .contractSelectPanel .button_secondary,
#globalLoginWidget .contractSelectPanel .button_primary, .signOutButton{
width: auto;
}
}
.panelLinkSelected.selected {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #B8B8B8 #B8B8B8 #FFFFFF;
border-image: none;
border-style: solid;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-width: 1px;
left: 1px;
z-index: 101;
}
#signInDropdown {
display: none;
}
#desktopExpandArrow {
display: inline-block;
margin-left: 5px;
vertical-align: bottom;
}
#mobileExpandArrow_alt, #mobileExpandArrow {
display: none;
float: right;
margin-right: 5px;
vertical-align: middle;
}
.globalError {
border: 1px solid #CA4200;
border-radius: 5px;
display: none;
margin-bottom: 20px;
max-width: 221px;
padding: 10px;
position: relative;
}
.globalErrorMessage {
color: #CA4200;
}
#buyingForNameList, #buyingForNameList_alt {
border: 1px solid #BFBFBF;
display: none;
padding: 10px;
position: relative;
top: -1px;
width: 229px;
}
#buyingFor_alt, #buyingFor {
display: none;
}
.loginPanelStates {
max-width: 500px;
}
.loginPanelStates h1 {
padding-bottom: 20px;
}
.loginPanelStates label {
cursor: pointer;
display: inline-block;
font-size: 14px;
margin-right: 15px;
padding-left: 25px;
position: relative;
}
.loginPanelState {
border-bottom: 1px solid #EEEEEE;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 10px;
}
.loginPanelStates input[type="radio"] {
display: none;
}
.loginPanelStates label:before {
background-color: #CCCCCC;
border-radius: 10px;
bottom: 1px;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3) inset, 0 1px 0 0 rgba(255, 255, 255, 0.8);
content: "";
display: inline-block;
height: 18px;
left: 0;
margin-right: 10px;
position: absolute;
width: 18px;
}
.loginPanelStates input[type="radio"]:checked + label:before {
color: #F3F3F3;
content: "�";
font-size: 30px;
line-height: 18px;
padding-right: 1px;
text-align: center;
}
#mobileLoginPanelStates {
display: none;
}
@media screen and (max-width: 600px) {
.menuDropdown_csr {
border: medium none;
border-radius: 0;
box-shadow: none;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.panelLinkSelected.selected {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 0;
}
#desktopExpandArrow {
display: none;
}
#mobileExpandArrow {
display: inline-block;
}
#desktopLoginPanelStates {
display: none;
}
#mobileLoginPanelStates {
display: block;
}
}
#FindOrdersSearch_table {
margin:0px;
}
#FindOrdersList_form_botton {
padding: 10px 0;
border-top: 1px solid #ebebeb;
margin-top: 25px;
}
a#FindOrdersList_form_botton_1 {
margin-top: 10px;
}
a#FindOrdersList_form_botton_2 {
margin-top: 10px;
}
.findOrdesResultList_table .actions .cell {
padding: 5px 5px 5px 0;
position: relative;
text-align: right;
}
.findOrdesResultList_table .cell {
font-size: 12px;
padding: 13px 10px 7px 0;
}
#findOrdersPageHeading span
{
font-size:12px;
}
#findOrdersPageHeading .successSpan {
font-size: 12px;
color: #767676;
}
.findOrderSearchOption {
padding:10px 0;
background-color:#f5f5f5;
color:#707070;
font-size:12px;
font-weight: bold;
text-align:left;
}
.findOrdersSelfServiceCal{
font-size: 12px;
}
/* -----------------------------------------------------------------------------*/
/* CSS for FindOrder and Find Customer List Table UI. Also used for Order Comments section
/* -----------------------------------------------------------------------------*/
.findOrderlistTable {
border: 1px solid #E9E9E9;
border-radius: 5px 5px 5px 5px;
}
.findOrderlistTable .toolbar {
background: none repeat scroll 0 0 #F9F9F9;
margin-bottom: 4px;
padding: 10px;
}
/* list table toolbar */
.findOrderlistTable .toolbar.collapsible {
background: #F9F9F9 !important;
margin-bottom: 4px !important;
padding: 10px !important;
}
.findOrderlistTable .collapsible .toggle .button_text{
height: 0;
width: 0;
padding: 15px;
}
.findOrderlistTable .collapsible .toggle .button_text:after {
background-repeat: no-repeat;
bottom: 4px;
right: 4px;
height: 20px;
width: 20px;
position: absolute;
}
.findOrderlistTable .collapsible[aria-expanded="false"] .toggle .button_text:after{
content: url("../images/responsive/rwdUI.png");
clip: rect(41px,58px,58px,41px);
height: 61px;
position: absolute;
width: 61px;
}
.findOrderlistTable .collapsible[aria-expanded="true"] .toggle .button_text:after{
content: url("../images/responsive/rwdUI.png");
clip: rect(41px,78px,58px,61px);
height: 61px;
position: absolute;
width: 81px;
}
.findOrderlistTable .csrSearchBarccg.collapsible[aria-expanded="false"] .toggle .button_text:after{
content: url("../images/responsive/rwdUI.png");
clip: rect(41px,58px,58px,41px);
height: 61px;
position: absolute;
width: 61px;
}
.findOrderlistTable .csrSearchBarccg.collapsible[aria-expanded="true"] .toggle .button_text:after{
content: url("../images/responsive/rwdUI.png");
clip: rect(41px,78px,58px,61px);
height: 61px;
position: absolute;
width: 81px;
}
.findOrderlistTable .collapsible span{
font-size: 13px;
}
.findOrderlistTable .content .field {
margin: 15px 0px 0px 0px;
text-transform:uppercase;
font-family: 'Tungsten';
color: #333333 !important;
font-size: 1.2rem !important;
font-weight: 600 !important;
letter-spacing: .8px;
}
.findOrderlistTable .content .field input {
font-size: 12px;
padding: 8px;
background: #FFFFFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #E0E0E0;
border-radius: 5px 5px 5px 5px;
width: 80%;
}
.findOrderlistTable .quantity .input_field {
padding: 8px;
}
/*--------------*/
/* Order Comments
/*--------------*/
.findOrderlistTable .collapsible .orderCommentsMainHeading {
font-size:17px;
}
.findOrderlistTable .collapsible .orderCommentsSubHeading {
font-size:13px;
}
.commentRow {
border-bottom: 1px solid #e5e5e5;
margin-left: 10px;
font-size:15px;
word-wrap:break-word;
}
.comment_container {
clear: both;
}
.comment_container .commentRow span {
font-size:13px;
}
.editIconOrderComment {
float: left;
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 5px;
margin-left: 5px;
}
.orderComment{
background: white;
padding: 10px 5px 10px 5px;
margin: 0px;
border: 1px solid #e5e5e5;
}
.expandingTextArea {
resize: none;
width: 35%;
min-width: 250px;
display: inline-block;
margin:8px;
height:100px;
}
#orderCommentContent {
border: 0;
}
#orderCommentForm {
width: 100%;
}
.addCommentBox {
float: left;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
margin-left: 5px;
margin-top: 5px;
font-size:13px;
}
#orderCommentContainer {
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
margin: 10px 0 10px 10px;
padding: 10px 0 0;
}
#orderCommentContainer .title {
display: inline-block;
width: 650px;
}
#orderCommentContent .field input {
font-size: 12px;
padding: 8px;
background: #FFFFFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #E0E0E0;
border-radius: 5px 5px 5px 5px;
}
/*---------------------------------------------*/
/* --- Order Comments Slider Widget ---------*/
/*---------------------------------------------*/
#orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-top,
#orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-bottom {
margin-left: 0;
}
#orderCommentsSlider_trigger.orderComments_clean.left-top,
#orderCommentsSlider_trigger.orderComments_clean.left-bottom {
margin-left: 400px;
}
#orderCommentsSlider_trigger.left-bottom {
top: 40%;
position: fixed;
}
#orderCommentsSlider_trigger.left-top, #orderCommentsSlider_trigger.left-bottom, #orderCommentsSlider_trigger.right-top, #orderCommentsSlider_trigger.right-bottom {
height: 250px;
}
#orderCommentsSlider_trigger {
background-image: -webkit-gradient(linear, left top, right top, from(#f7f9f9), to(#));
background-image: linear-gradient($startColor, $endColor);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='$startColor', endColorStr='$endColor')";
background: rgba(0, 0, 0, 0) linear-gradient(to right, #f7f9f9, #e5e8e9) repeat scroll 0 0;
border-radius: 4px;
border-spacing: 0;
border-left: none;
cursor: pointer;
font-size: 12px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
display: table-cell;
font-size: 11px;
height: 24px;
line-height: normal;
padding: 0 20px;
text-align: center;
vertical-align: middle;
border-color: #ffa200 #ffa200 #ffa200;
border-style: solid;
border-width: 1px 1px 1px 0;
z-index:99;
}
#orderCommentsSlider_content, #orderCommentsSlider_trigger {
transition: all 500ms ease-in-out 0s;
}
.orderComments_clean .orderCommentsSlider_trigger_text {
left: -90px;
right:-90px;
top:120px;
}
.left-top .orderCommentsSlider_trigger_text, .left-bottom .orderCommentsSlider_trigger_text, .right-top .orderCommentsSlider_trigger_text, .right-bottom .orderCommentsSlider_trigger_text {
filter: none;
font-size: 14px;
position: absolute;
transform: rotate(-90deg);
white-space: nowrap;
}
#orderCommentsSlider_content.left-bottom {
top: 135px;
position: fixed;
}
#orderCommentsSlider_content {
z-index:200;
height: 80%;
width: 400px;
background-color: #f9f9f9;
border-color: #ffa200 #ffa200 #ffa200;
border-style: solid;
border-width: 3px 1px 1px 1px;
}
#orderCommentsSlider_content, #orderCommentsSlider_trigger {
transition: all 250ms ease-in-out 0s;
}
#orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-top,
#orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-bottom {
margin-left: -400px;
}
.orderComments_clean .orderCommentsSlider_title {
padding: 5px 0 0 5px;
}
#orderCommentsSliderTitle{
font-family: sans-serif;
}
.orderComments_clean .orderCommentsSlider_title span {
margin-left: 10px;
}
.orderComments_clean .orderCommentsSlider_title .orderCommentsMainHeading{
font-size:17px;
}
.orderComments_clean .orderCommentsSlider_title .orderCommentsSubHeading{
font-size:13px;
}
#orderCommentsSlider_content ul {
list-style: outside none none;
padding-left: 11px;
}
#orderCommentsSlider_content ul li {
margin-bottom: 20px;
margin-right: 20px;
}
#orderCommentsSlider_content label {
display: inline-block;
}
.required_asterisk {
color: red;
}
#orderCommentsSlider_message {
display: block;
width: 340px;
}
#orderCommentsSlider_submit {
float: right;
}
.saveButton {
width: 8%;
margin: 0px 8px;
font-size: 12px;
min-width:76px;
}
.cancelButton {
width: 8%;
height: 29px;
line-height: 29px;
text-align: center;
font-size: 12px;
min-width:76px;
}
.addCommentField {
word-wrap: break-word;
font-size:13px;
border-bottom:1px solid #e9e9e9;
margin: 5px 0 10px 5px;
float: left;
max-width: 80%;
}
#commentGroup {
margin-top: 10px;
padding: 10px;
}
#commentGroup .row {
clear: both;
font-size:15px;
padding: 5px;
margin-left: 5px;
}
.editIconSliderWidget{
position: relative;
}
@media only screen and (max-width: 600px) {
#orderCommentsSlider_content.left-bottom {
top: 105px;
left: 0;
position: fixed;
width: 230px;
}
#orderCommentsSlider_trigger.left-bottom {
top: 105px;
left: 0;
position: fixed;
}
#orderCommentsSlider_trigger.orderComments_clean.left-bottom {
margin-left: 230px;
}
}
@media only screen and (max-height: 480px) {
#orderCommentsSlider_trigger.left-bottom {
top: 135px;
left: 0;
position: fixed;
}
}
@media only screen and (max-height: 480px) and (max-width: 600px) {
#orderCommentsSlider_trigger.left-bottom {
top: 105px;
}
}
.orderCommentSliderTable {
border-radius: 5px 5px 5px 5px;
margin: 5px;
max-height: 80%;
display: block;
overflow:auto;
}
.ui-selectmenu-button span.ui-icon {
background: url("../images/responsive/rwdUI.png");
display: block;
position: relative;
width: 15px;
height: 10px;
margin: 5px 4px 0px 4px;
float: right;
}
.ui-menu-item {
position: relative;
cursor: pointer;
list-style: none;
margin-left: -40px;
}
.ui-menu-item-wrapper {
padding: 9px 8px;
border-bottom: 1px solid #E0E0E0;
background: #FFFFFF;
font-weight: 400;
font-family: Tungsten;
letter-spacing: 1.1px;
}
.ui-menu {
border: 1px solid #E0E0E0;
box-shadow: 0 2px 13px -4px #000000;
}
li div.ui-state-active {
background: #898989 !important;
color: #FFF !important;
}
li div.ui-state-select {
background: #E0E0E0 !important;
color: #000 !important;
}
/*jquery library*/
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
margin-bottom: 10px;
vertical-align: top;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px;
}
.selectWrapper .wcSelect {
padding: 6px;
border-radius: 5px;
color: #545454;
font-size: 14px;
cursor: pointer;
min-width: 140px;
}
.orderBySelect span.ui-selectmenu-text {
padding: 0 4px;
line-height: inherit;
}
.orderBySelect span.ui-icon {
margin: 7px 0px 0px 0px;
}
.sorting_controls .ui-selectmenu-button{
margin-bottom: 0px;
}
.selectWrapperPageSize .wcSelect {
min-width: 0px;
}
.selectWrapperPageSize .wcSelect .ui-selectmenu-text {
display: none;
}
.selectWrapperPageSize span.ui-icon {
margin-top: 10px;
}
.definingAttributes .options_dropdown_column .selectWrapper .wcSelect {
font-size: 12px;
padding: 0px 6px;
min-width: 156px;
}
.definingAttributes .options_dropdown_column
.ui-selectmenu-button span.ui-selectmenu-text {
padding: 7px 2px;
}
.definingAttributes .options_dropdown_column
.ui-selectmenu-button span.ui-icon {
margin-top: 10px;
}
.definingAttributes .options_dropdown_column .ui-selectmenu-button {
margin-bottom: 0px;
}
.product_info .selectWrapper .wcSelect {
padding-top: 8px;
}
#newListPublicPrivateDropdown .wcSelect {
font-size: 16px;
min-height: 30px;
min-width: 150px;
padding-bottom: 0;
margin-bottom: 0;
}
.listTable .toolbar .field .wcSelect {
padding-right: 20px;
margin-bottom: 10px;
}
.listTable .toolbar .field .wcSelect {
width: 100%;
}
.listTable .toolbar .field .wcSelect {
font-size: 12px;
padding: 4px 6px;
background: #FFFFFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #E0E0E0;
border-radius: 5px 5px 5px 5px;
width: 80%;
}
.ui-selectmenu-menu li.ui-state-disabled{
display:none;
}
.UserMemberGroupManagement .memberGroup .wcSelect {
border-radius: 5px;
border: 1px solid #999999;
padding: 8px;
font-size: 12px;
width: 300px;
margin-bottom: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.globalLogin .wcSelect {
font-size: 12px;
min-height: 25px;
min-width: 274px;
margin-bottom: 0;
}
.globalLogin .ui-menu-item {
margin-left: 0;
}
.globalLoginCSR .wcSelect {
min-width: 255px;
}
.OrganizationListWidget .orgList .wcSelect {
color: #4d4d4d !important;
border-radius: 5px;
border: 1px solid #bfbfbf;
padding: 8px 5px;
font-size: 12px;
min-width: 180px;
max-width: 260px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#Register .inputField.wcSelect,
#QuickCheckout .inputField.wcSelect,
#AddressForm .inputField.wcSelect,
#addressId .inputField.wcSelect {
padding: 5px 8px;
margin-bottom: 8px;
}
#Register input.inputField.wcSelect,
#QuickCheckout input.inputField.wcSelect,
#AddressForm input.inputField.wcSelect,
#addressId input.inputField.wcSelect {
padding: 8px;
margin-bottom: 8px;
}
.findOrderlistTable .toolbar .field .wcSelect {
padding: 4px 6px;
}
.pageSection .field .wcSelect {
border-radius: 5px;
border: 1px solid #e0e0e0;
padding: 4px;
font-size: 12px;
width: 80%;
max-width: 300px;
margin-bottom: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pageSection .field input.wcSelect {
padding: 8px;
}
/* WCDialog */
.ui-dialog.ui-widget {
position: absolute;
z-index: 1000;
}
/* ValidationTextbox */
input.wcValidationTextbox.error {
border: 1px solid red !important;
background: #FFCECE !important;
}
a.disabled {
filter : opacity(0.5);
cursor:not-allowed;
}
/* Carousel */
div[data-widget-type="wc.Carousel"] .owl-stage-outer.overflow-visible {
overflow: visible
}
.owl-carousel .owl-item .categorySpot img {
display: initial !important;
width:inherit !important;
}
.overflow-visible > .owl-stage{
transition: 2000ms ease !important;
}
/* Autocomplete */
ul.ui-autocomplete {
z-index: 1000;
width: 170px;
font-size: 12px;
}
/* -----------------------------------------------------------------------------*/
/* APPLEPAY BEGIN
/* -----------------------------------------------------------------------------*/
#applePayShopcartButton {
padding-right: 5px;
}
.apple-pay-button {
display: none;
background-color: white;
background-image: -webkit-named-image(apple-pay-logo-black);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100% calc(60% + 2px);
border: 1px solid black;
box-sizing: border-box;
height: 30px;
/*margin: 5px auto;*/
min-height: 30px;
min-width: 50px;
padding: 0px;
transition: background-color .15s;
width: 97%;
border-radius: 5px;
/*max-width: 200px;*/
cursor: pointer;
}
.apple-pay-button.visible {
display: block;
}
.apple-pay-button-clear-float {
clear: both;
}
.apple-pay-button:active {
background-color: rgb(152, 152, 152);
}
.apple-pay-checkout {
max-width: 120px;
}
.apple-pay-minicart {
min-width: 100px;
}
.apple-pay-pdp {
max-width: 270px;
}
.apple-pay-plp {
max-width: 200px;
}
.full-width {
width: 100%;
}
/* -----------------------------------------------------------------------------*/
/* APPLEPAY END
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/* Common CSS Begin
/* -----------------------------------------------------------------------------*/
/* GenericError.jsp */
.genericError_message {
color: #CA4200;
}
/* QuickInfo_UI.jspf */
div.heading > span{
font-size:13px;
text-transform:uppercase;
}
div.heading > span.selectedAttribute {
text-transform:none;
}
/* Search_UI_Mobile.jspf */
.gray_color {
color: #777777;
}
/* Product Info Add To Cart Button */
.nodisplay {
display:none;
}
.spanacce {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -1px;
}
.autoSuggestSelected {
background-color: #d9e9f7 !important;
}
/* -----------------------------------------------------------------------------*/
/* Configure.jsp
/* -----------------------------------------------------------------------------*/
.configurator_page_content{
font-size: 12px;
}
.configurator_page_content > .content_box{
border: 1px solid #e5e5e5;
}
.configurator_page_content > .content_box > .box_header{
height: 32px;
background-color: #f5f5f5;
font-weight: bold;
font-size: 16px;
line-height: 32px;
padding-left: 30px;
}
.configurator_page_content > .content_box > .product_image{
padding-left: 30px;
}
.configurator_page_content > .content_box > .product_add{
padding-right:9px;
}
.configurator_page_content > .content_box > .product_add .price{
font-weight: bold;
}
.configurator_page_content > .content_box > .header{
font-size: 12px;
font-weight: bold;
margin-left: 30px;
margin-right: 9px;
border-bottom: 1px solid #e5e5e5;
}
.configurator_page_content > .content_box > .item{
margin-top: 10px;
margin-left: 20px;
margin-right: 9px;
border-bottom: 1px dashed #C6D0DC;
}
.configurator_page_content > .content_box .no_border{
border-bottom:none;
}
.configurator_page_content > .content_box > .item > .item_details{
margin-left: 20px;
}
.configurator_page_content > .content_box > .item > .item_details .item_header{
font-size: 12px;
font-weight: bold;
line-height: 13px;
margin-bottom: 5px;
}
.configurator_page_content > .content_box > .item > .item_details .form{
font-size: 11px;
}
/* -----------------------------------------------------------------------------*/
/* Masthead
/* -----------------------------------------------------------------------------*/
#masthead {
width: 100%;
}
#masthead > .top {
width: 100%;
height: 15px;
background: url('../images/colors/color1/masthead_top_bg.png') repeat-x;
}
#masthead > .content {
width: 100%;
height: 78px;
position: relative;
}
#masthead > .navigation {
height: 32px;
padding: 7px 16px 6px 16px;
position: relative;
background: url('../images/colors/color1/masthead_navigation_bg.png') repeat-x;
}
div.widget_masthead_logo_position {
position: absolute;
left: 0;
top: 0;
}
div#widget_masthead_logo1 img {
display:block; /* explicit setting will reduce 3px bug in HTML5,when DOM is */
}
/* -----------------------------------------------------------------------------*/
/* Masthead Links Widget
/* -----------------------------------------------------------------------------*/
div.widget_masthead_links_position {
position: absolute;
right: 263px;
top: 19px;
}
div#widget_masthead_links {
position: relative;
width: 450px;
height: 38px;
}
div#widget_masthead_links div.masthead_links {
position: absolute;
right: 0px;
top: 0px;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container {
float: right;
font-size: 12px;
color: #d9dedf;
line-height: 14px;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item {
display: inline;
color: #4D4D4D;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a{
text-decoration: none;
color: #4d4d4d;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a:hover{
text-decoration: underline;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.special {
text-decoration: none;
color: #4D4D4D;
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a,div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a:visited {
text-decoration: none;
color: #000000;
}
div#widget_masthead_links div.masthead_social {
position: absolute;
right: 0px;
top: 20px;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container {
float: right;
font-size: 12px;
color: #d9dedf;
line-height: 14px;
list-style-type: none;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item {
display: inline;
color: #4d4d4d;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a{
color: #4d4d4d;
text-decoration: none;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a:hover{
text-decoration: underline;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.icon {
width: 16px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-top:-2px;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon {
background: url('../images/colors/color1/widget_masthead_social/social_face_icon.png') no-repeat;
height: 16px;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon:hover {
background-position: 0 -16px;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.plus_icon {
background: url('../images/colors/color1/widget_masthead_social/social_plus_icon.png') no-repeat;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.yelp_icon {
background: url('../images/colors/color1/widget_masthead_social/social_yelp_icon.png') no-repeat;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.special {
text-decoration: none;
color: #4D4D4D;
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a,div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a:visited {
text-decoration: none;
color: #000000;
}
/* -----------------------------------------------------------------------------*/
/* IE6 Unsupported Browser Page
/* -----------------------------------------------------------------------------*/
.ie6_Background {
background-color: #FFFFFF;
height: 100%;
position: fixed;
width: 100%;
}
.ie6_Position {
position: relative;
width: 100%;
}
.ie6_Content {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
text-align: center;
}
.ie6_Header {
color: #A1A1A1;
font-family: verdana,arial;
font-size: 20px;
padding-bottom: 12px;
padding-top: 38px;
text-align: center;
}
.ie6_Message {
color: #444444;
font-family: verdana,arial;
font-size: 13px;
line-height: 16px;
padding-bottom: 40px;
padding-left: 12px;
padding-right: 12px;
text-align: center;
}
.ie6_Banner {
background: url("../images/colors/color1/unsupported_browser_bg.png") repeat-x scroll 0 0 white;
border-bottom: 1px solid #C6D0DC;
height: 42px;
padding-top: 5px;
}
.ie6_AuroraLogo {
position: relative;
}
.orderExpandArea {
border-top: 1px solid #e0e0e0;
padding: 5px 0px;
}
.orderExpandArea a p {
display: inline;
vertical-align: top;
}
#orderExpandAreaBottom {
border-bottom: 1px solid #e0e0e0;
}
/* -----------------------------------------------------------------------------*/
/* MessageDisplay.jspf
/* -----------------------------------------------------------------------------*/
div.store_message{
position: fixed;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 9999;
min-width: 270px;
max-width: 550px;
width:100%;
display:none; /* Dev -- Hide the error message area by default */
}
.store_message > .content{
margin-top: 3px;
background-color: #FFFFFF;
border-left: 0px solid #e5e5e5;
border-right: 0px solid #e5e5e5;
border-bottom: 0px solid #e5e5e5;
padding: 35px;
box-shadow: 0 0 10px 2px #888888;
filter:progid:DXImageTransform.Microsoft.Glow(color='#888888',Strength ='5');
}
.store_message > .content > .close{
position: absolute;
top: 10px;
right: 15px;
}
.store_message > .content > .close > .close_text{
font-size: 11px;
color: #777777;
height: 13px;
float:left;
}
.store_message > .content > .close > .close_icon{
margin-left: 4px;
margin-top: 4px;
width: 8px;
height: 8px;
background-image:url('../images/colors/color1/close_circle_sprite2.png');
background-repeat:no-repeat;
float:left;
}
.store_message > .content > .close:hover > .close_text{
text-decoration:underline;
}
.store_message > .content > .close:hover > .close_icon{
background-position: 0 -8px;
}
.store_message > .content > .message .message_icon {
float: left;
height: 18px;
position: relative;
width: 18px;
}
.store_message > .content > .message .message_icon .error_icon {
position:absolute;
top: -3px;
left: 1px;
}
.store_message > .content > .message .message_icon > #success_icon.error_icon {
left: -3px;
}
.store_message > .content > .message .message_text{
font-size: 12px;
color: #4D4D4D;
line-height: 16px;
margin-left: 25px;
}
/* Page Template */
div#page {
width: 100%;
height: 100%;
position: relative;
}
/* -----------------------------------------------------------------------------*/
/* Progress Bar
/* -----------------------------------------------------------------------------*/
/* For the element containing the actual progress bar */
#progress_bar {
position: absolute;
z-index: 9999;
display: none;
}
/* For the dialog containing the progress bar element */
#progress_bar_dialog {
position: absolute;
z-index: 9999;
/* DevStart: outline was coming for progress bar.
* display:none; moved to inline css otherwise dialog.show() won't display the progress bar
*/
outline: 0;
/* DevEnd */
}
div.ui-dialog[aria-describedby="progress_bar_dialog"] {
position: fixed !important;
left: calc(50vw - 5rem) !important;
top: calc(50vh - 5rem) !important;
}
#loading_popup {
width:59px;
}
#loading_popup .top_left{
background-image: url('../images/colors/color1/popup_topleft.png');
background-repeat:no-repeat;
background-position:top;
height:7px;
width:8px;
float:left;
}
#loading_popup .top_right{
background-image: url('../images/colors/color1/popup_topright.png');
background-repeat:no-repeat;
background-position:right top;
height:7px;
width:51px;
float:left;
}
#loading_popup .header {
background-image: url('../images/colors/color1/popup_center_tile_mini.png');
background-repeat:repeat-y;
text-align: right;
clear:left;
}
#loading_popup .close {
padding: 5px 15px 2px 0px;
color: #666666;
}
#loading_popup .close .icon{
padding:2px 0 0 4px;
float:right;
}
#loading_popup .bodycontent {
background-color: transparent;
background-image: url('../images/colors/color1/popup_center_tile_mini.png');
background-repeat:repeat-y;
background-position: right;
padding:0 5px 0 5px;
margin:0;
}
#loading_popup .bodycontent h2 {
font-size: 14px;
font-weight: bold;
}
#loading_popup .bodycontent p {
margin: 3px 0 10px 2px;
}
#loading_popup .bodycontent div.form_2column {
padding: 0;
}
#loading_popup .bodycontent_short {
padding:12px 17px 12px 15px;
margin:0px 1px 0px 1px;
}
#loading_popup .footer {
text-align:right;
height:20px;
width:59px;
}
#loading_popup .footer .bot_left{
background-image: url('../images/colors/color1/popup_botleft.png');
background-repeat:no-repeat;
background-position: bottom;
height:11px;
width:8px;
float:left;
}
#loading_popup .footer .bot_right{
background-image: url('../images/colors/color1/popup_botright.png');
background-repeat:no-repeat;
background-position: right bottom;
height:11px;
width:51px;
float:left;
}
div .error_icon {
float:left;
}
div.item_spacer_10px{
height: 10px;
}
div.item_spacer_8px{
height: 8px;
}
div.item_spacer_7px{
height: 7px;
}
div.item_spacer_5px{
height: 5px;
}
div.item_spacer_3px{
height: 3px;
}
div.item_spacer_2px{
height: 2px;
}
/* -----------------------------------------------------------------------------*/
/* Left Navigation
/* -----------------------------------------------------------------------------*/
div.widget_left_nav div.bottom_border_5px{
border-bottom: 5px solid #e5e5e5;
}
div.widget_left_nav_position{
/*Dev: min height for left navigation bar*/
min-height: 300px;
margin-right: 10px;
}
div.widget_left_nav{
margin-bottom: 10px;
}
div.widget_left_nav > div.content_left_border{
border: 5px solid #e5e5e5;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header{
height: 34px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header span.header_title{
font-size: 11px;
line-height: 34px;
font-weight: bold;
color: #777777;
float:left;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > span.filter_by_title{
font-size: 14px;
font-weight: bold;
line-height: 34px;
color: #777777;
float:left;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall{
font-size:12px;
line-height:34px;
float: right;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a{
text-decoration: none;
color: #777777;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div > span{
text-decoration: underline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite{
float: left;
display: block;
position: relative;
overflow: hidden;
margin-top:5px;
margin-right: 5px;
width: 13px;
height: 13px;
margin-top:10px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a > div.clear_all_text > div.filter_sprite > img{
position: absolute;
width: 13px;
height: 26px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.header > div.clearall > a:hover > div.clear_all_text > div.filter_sprite > img{
top:-13px;
left:0;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list {
min-height: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:first-child {
padding-top: 8px !important;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.filter_list > ul > li:last-child {
padding-bottom: 8px !important;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list{
background-color: #f4f4f4;
/*Dev: min height for left navigation bar*/
min-height: 25px;
border-top: 1px solid #ccc;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul {
padding: 0;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > a{
text-decoration: none;
color: #777777;
font-size: 11px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
padding: 10px;
list-style-type:none;
font-size:12px;
text-decoration: none;
color: #777777;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li div.facetCountContainer,
ul.facetSelect li div.facetCountContainer {
display: inline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
text-align: right;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label {
cursor: pointer;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch{
float: left;
width: 80px;
height: 27px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label .swatch img{
vertical-align: middle;
border: 3px #E5E5E5 solid;
height: 18px;
width: 18px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore input,
ul.facetSelect li input[type=checkbox] {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
left: -30px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li label:hover,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore label:hover {
text-decoration: underline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:checked + label {
font-weight: bold;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:focus + label .outline {
border: 1px dotted #000000;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:checked + label .swatch img{
border: 3px solid #fac549;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li.singleFacet input:enabled + label .swatch img:hover {
border: 3px solid #fac549;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label,
ul.facetSelect li input:disabled + label {
color: #CCCCCC;
cursor: default;
text-decoration: none;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input:disabled + label,
ul.facetSelect li input:disabled + a {
color: #CCCCCC;
cursor: default;
text-decoration: none;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.range_input,
ul.facetSelect li input.range_input {
font-size: inherit;
width: 35px;
color: #777777;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button,
ul.facetSelect li input.go_button {
font-size: inherit;
width: 70px;
text-align: left;
border: none;
background: none;
color: #CA4200;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:hover,
ul.facetSelect li input.go_button:hover {
text-decoration: underline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button:disabled,
ul.facetSelect li input.go_button:disabled {
display: none;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.go_button_disabled,
ul.facetSelect li input.go_button_disabled {
display: none;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a{
text-decoration: none;
color: #333333;
font-family: Tungsten;
font-size: 1.1rem;
font-weight: 400;
letter-spacing: .4px;;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover{
text-decoration: underline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div > span{
text-decoration: underline;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite{
float: left;
display: block;
position: relative;
overflow: hidden;
margin-top: 5px;
margin-right: 5px;
width: 13px;
height: 13px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option > div.filter_sprite > img{
position: absolute;
width: 13px;
height: 26px;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a:hover > div.filter_option > div.filter_sprite > img{
top:-13px;
left:0;
}
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a > div.filter_option span img{
vertical-align: middle;
border: 2px #E5E5E5 solid;
height: 18px;
width: 18px;
}
/* -----------------------------------------------------------------------------*/
/* Wish Order List
/* -----------------------------------------------------------------------------*/
.wish_order_list > .message{
display:block;
font-style:italic;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
}
.wish_order_list > .message:hover{
background-color: #ffffff;
cursor:auto;
}
/* Main header_wrapper positioning and styles */
div.header_wrapper_position {
width: 100%;
background-color: #b4bcbc;
position: relative;
z-index:200;
}
/* -----------------------------------------------------------------------------*/
/* Main Content Wrapper
/* -----------------------------------------------------------------------------*/
div.content_wrapper_position {
width: 100%;
}
div.content_wrapper {
width: 100%;
background: #ffffff;
}
/* Shadows */
div.content_wrapper > div.content_left_shadow {
padding-left: 10px;
margin-left: auto;
margin-right: auto;
}
div.content_wrapper > div.content_left_shadow > div.content_right_shadow {
padding-right: 10px;
}
div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content {
max-width: 73.125rem;
margin: 0 auto;
background-color: #ffffff;
min-height: 100px;
padding: 8px 0;
}
div.content_wrapper > div.content_top {
overflow: hidden;
margin-left: auto;
margin-right: auto;
display: none; /*No top borders required in content for Madisons Template */
}
/* For Footer bottom (theme oriented can be hidden if not needed) */
div.content_wrapper > div.content_bottom {
max-width: 987px;
height: 10px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
div.content_wrapper > div.content_bottom > div.left_border {
width: 10px;
height: 10px;
float: left;
}
div.content_wrapper > div.content_bottom > div.middle {
max-width: 73.125rem;
height: 10px;
float: left;
}
div.content_wrapper > div.content_bottom > div.right_border {
width: 10px;
height: 10px;
}
div.footer_wrapper_position {
width: 100%;
}
/* -----------------------------------------------------------------------------*/
/* Static Page Content
/* -----------------------------------------------------------------------------*/
/* DevStart: Fixed height value is removed to avoid page overflow*/
.static_page_content{
padding: 0 20px 20px 20px;
}
/* DevEnd*/
.static_page_content > .page_header{
font-size: 22px;
color: #777777;
line-height: 46px;
}
/* DevStart: Bottom padding is reduced */
.static_page_content > .content_box{
border-top: 2px solid #f8ad05;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-color: #fbfbfb;
padding-bottom: 9px;
}
/* DevEnd*/
.static_page_content > .white{
background-color: #ffffff;
}
/* DevStart: Strict Hierarchy removed to accomodate a div */
.static_page_content > .content_box .header_top{
height: 30px;
font-size: 16px;
color: #666666;
line-height: 30px;
border-bottom: 1px solid #f0f0f0;
padding-left: 9px;
padding-right: 9px;
background-color: #f7f7f7;
}
.static_page_content > .content_box .header{
font-size: 14px;
color: #666666;
font-weight: bold;
padding-left: 9px;
padding-right: 9px;
}
.static_page_content > .content_box .info_section{
color: #4d4d4d;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: 12px;
line-height: 16px;
padding-top: 4px;
padding-bottom: 15px;
padding-left: 9px;
padding-right: 9px;
}
.static_page_content > .content_box .info_section > .indent{
padding-left: 20px;
}
.static_page_content > .content_box .info_section ol{
padding-left: 25px;
}
.static_page_content > .content_box .header_solid{
background-color: #F7F7F7;
border-bottom: 1px solid #F0F0F0;
color: #666666;
font-size: 16px;
height: 30px;
line-height: 30px;
padding-left: 9px;
padding-right: 9px;
}
/* DevStart: Rename to info_table_1 to avoid merging of div.info_table in legacy1_1*/
.static_page_content > .content_box .info_table_1{
margin-top: 16px;
padding-left: 9px;
padding-right: 9px;
font-size: 12px;
font-weight:normal;
line-height: 22px;
}
.static_page_content .info_table_1 {
background-color: #FBFBFB;
border-color: #F8AD05 #E5E5E5 #E5E5E5;
border-style: solid;
border-width: 2px 1px 1px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;
}
.static_page_content .column_box .column {
float: left;
font-size: 12px;
width: 33%;
}
@media (max-width: 420px) {
.static_page_content .column_box .column {
width: 100%;
}
}
.static_page_content .column_box .column ul {
list-style: none outside none;
margin-right: 10px;
padding: 0;
text-decoration: none;
}
.static_page_content .column_box .column ul .h1 {
color: #333333;
font-size: 15px;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
}
.static_page_content .column_box .column ul .h2 {
color: #333333;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
}
.static_page_content .column_box .column ul .h3 {
color: #4D4D4D;
font-weight: normal;
text-transform: none;
}
.static_page_content .column_box .column ul li a {
display: block;
padding: 8px;
text-decoration: none;
}
.static_page_content .column_box .column ul li > div {
padding: 8px;
}
.static_page_content .column_box .column ul li a:hover {
text-decoration: underline;
}
.static_page_content .column_box .column ul .no_margin {
margin-top: 0;
}
.container_static_full_width,.container_configurator_full_width {
max-width:785px;
}
/* -----------------------------------------------------------------------------*/
/* Search drop down
/* -----------------------------------------------------------------------------*/
div.list_section{
margin-left: 0px;
margin-right: 0px;
}
ul div.list_section li{
list-style-type:none;
}
ul div.list_section li a span.highlight{
font-weight:bold;
}
ul div.list_section li a:hover,
ul div.list_section li a div:hover{
text-decoration: underline;
}
ul div.list_section li:hover {
background-color: eee;
}
ul div.list_section li a{
display:block;
overflow:hidden;
cursor:pointer;
text-decoration:none;
}
ul div.list_section li a div.category_list {
float:left;
}
/* -----------------------------------------------------------------------------*/
/* Product Compare
/* -----------------------------------------------------------------------------*/
.widget_product_compare {
color: #404040;
}
.widget_product_compare a {
color: #975F20;
text-decoration:none;
text-transform:uppercase;
}
.widget_product_compare a:hover{
text-decoration:underline;
}
.widget_product_compare .row a {
color: #404040;
}
.widget_product_compare .compare_heading {
font-size: 20px;
color: #777777;
text-transform:uppercase;
}
.widget_product_compare .compare_back {
font-size: 14px;
padding:10px 0px;
}
.widget_product_compare > .top,.widget_product_compare > .bottom {
overflow: hidden;
}
.widget_product_compare > .top > .left_border,.widget_product_compare > .bottom > .left_border,
.widget_product_compare > .top > .right_border,.widget_product_compare > .bottom > .right_border {
width: 1px;
height: 1px;
background-color: #e5e5e5;
float: left;
}
.widget_product_compare > .top > .middle,.widget_product_compare > .bottom > .middle {
width: 100%;
height: 1px;
background-color: #e5e5e5;
float: left;
}
.widget_product_compare > .middle > .left_border {
padding-left: 1px;
background-color: #e5e5e5;
}
.widget_product_compare > .middle > .left_border > .right_border {
padding-right: 1px;
background-color: #e5e5e5;
}
.widget_product_compare > .middle > .left_border > .right_border > .content {
background-color: #ffffff;
min-height: 100px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .heading {
padding: 0 8px;
line-height: 32px;
font-size: 16px;
color: red;
border-bottom: 1px solid #e5e5e5;
font-family: "ITC Conduit W07";
}
/* DevStart: to display compare zone empty message */
.widget_product_compare > .middle > .left_border > .right_border > .content > .message {
padding: 0 8px;
line-height: 32px;
font-size: 14px;
color: #777777;
}
/* DevEnd: to display compare zone empty message */
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row_border {
border-bottom: 1px solid #e5e5e5;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row {
overflow: hidden;
font-size: .85rem;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
min-height: 30px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_top{
padding-top: 10px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .height_spacing_bottom{
padding-bottom: 10px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .reduce_margins{
margin-top: -8px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content .zebra {
background-color: rgb(245,245,245);
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
float: left;
color: #333333;
font-weight: bold;
padding: 6px 1%;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
font-family: Tungsten;
letter-spacing: 1.1px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
text-decoration: underline;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row .remove {
display: inline-block;
vertical-align: middle;
margin-bottom: 3px;
margin-right: 3px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item {
float: left;
padding: 6px 1%;
line-height: 16px;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row:first-child > .item > a > img {
max-width: 100%;
}
/* DevStart: to dynamically select the class based on the number of products to compare */
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
width: 18%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
width: 18%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
width: 24%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
width: 37%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
width: 78%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price{
color: #333333 ;
font-weight: bold;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .old_price {
color: #777777;
font-weight: normal;
text-decoration: line-through;
margin-right: 4px; /* Dev: provides space after list price and before offer price */
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile,
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
display: none;
}
@media (max-width: 600px) {
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main {
overflow: auto;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main:nth-child(3) {
display: inherit;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4,
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 {
width: 100%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2,
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 {
width: 100%;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_4 .row > .item {
width: 23% !important;
word-wrap: break-word;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_3 .row > .item {
width: 23% !important;
word-wrap: break-word;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_2 .row > .item {
width: 48% !important;
word-wrap: break-word;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .compare_1 .row > .item {
width: 98% !important;
word-wrap: break-word;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
display: none;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .heading_mobile {
display: inherit;
font-weight: bold;
text-transform:uppercase;
}
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading{
text-transform:uppercase;
}
}
/* DevEnd: to dynamically select the class based on the number of products to compare */
/* -----------------------------------------------------------------------------*/
/* Search Results Widget
/* -----------------------------------------------------------------------------*/
div.widget_search_results{
padding-left: 9px; /*16*/
line-height: 14px;
font-size: 16px;
}
div.widget_search_results .results_description{
font-size: 12px;
margin-top: -5px;
}
div.widget_search_results .black{
color: #4d4d4d !important;
}
div.widget_search_results .result{
color: #0042fe;
cursor:pointer;
text-decoration:none;
}
div.widget_search_results .result:hover{
text-decoration:underline;
}
div.widget_search_results ul{
padding-left: 16px;
line-height: 20px;
}
/* -----------------------------------------------------------------------------*/
/* Content area with right sidebar
/* -----------------------------------------------------------------------------*/
.container_content_rightsidebar {
max-width:967px;
padding:0px 16px;
overflow: hidden;
}
.container_content_rightsidebar > .left_column {
width: 69%; /*685*/
margin-right: 1%;
float: left;
padding: 0;
}
.container_content_rightsidebar.shop_cart > .left_column {
width: 79%;
}
.container_content_rightsidebar > .left_column_5px{
width: 29%; /*685*/
margin-right: 1%;
}
.container_content_rightsidebar > .right_column {
width: 30%; /*237*/
float: left;
padding: 0;
}
.container_content_rightsidebar.shop_cart > .right_column {
width: 20%;
}
.container_content_rightsidebar .right_column .product > .product_image img {
width: 70%;
max-width: 200px;
}
/* -----------------------------------------------------------------------------*/
/* Product Info Add To Cart Button
/* -----------------------------------------------------------------------------*/
.button_add_to_cart {
height: 29px;
overflow:hidden;
cursor: pointer;
display: block;
text-decoration: none;
min-width: 164px;
float: left;
clear: both;
}
.button_add_to_cart > .left_border {
width: 2px;
height: 29px;
float: left;
background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top left no-repeat;
}
.button_add_to_cart > .right_border {
width: 2px;
height: 29px;
float: left;
background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') top right no-repeat;
}
.button_add_to_cart > .button_text {
min-width: 120px;
height: 25px;
padding: 2px 20px;
float: left;
background: url('../images/colors/color1/buttons/add_to_cart_sprite.png') bottom repeat-x;
line-height: 28px;
color: #333333;
text-align: center;
font-size: 11px;
font-family:arial;
font-size:14px;
}
.button_add_to_cart:hover > .left_border {
background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top left no-repeat;
}
.button_add_to_cart:hover > .right_border {
background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') top right no-repeat;
}
.button_add_to_cart:hover > .button_text {
background: url('../images/colors/color1/buttons/add_to_cart_hover_sprite.png') bottom repeat-x;
color: #4d4d4d;
}
/* -----------------------------------------------------------------------------*/
/* Sign-in page
/* -----------------------------------------------------------------------------*/
.sign_in_registration {
margin:0 auto;
max-width:773px;
color:#4d4d4d;
line-height:1.1em;
}
.sign_in_registration .title {
padding: 17px 0px 0px 0px;
font-size: 14px;
}
.sign_in_registration .myaccount_error {
display: block;
color: #CA4200;
font-weight:bold;
margin: 0px 0px 17px 0px;
}
.sign_in_registration .myaccount_link {
color: #006ECC;
}
.sign_in_registration .header_new {
width:calc(50% - 10px);
float:right;
}
.sign_in_registration .header_return {
width:calc(50% - 10px);
float:left;
}
.sign_in_registration .caps_lock_message{
display: none;
color: #f00;
font-weight:bold;
}
.password_input{
float: left;
}
.password_show_toggle_icon{
float: left;
width: 35px;
}
.eye-icon-show{
width: 28px;
margin: 16px 0px 0px -40px;
cursor: pointer;
display: none;
}
.eye-icon-hidden{
width: 28px;
margin: 15px 0px 0px -40px;
cursor: pointer;
opacity: .7;
}
.login_label_icon{
width: 14px;
margin-right: 2px;
opacity: .7;
}
.login_register_header_icon{
width: 20px;
margin: 0px 3px -4px -3px;
}
.my_account_menu_icon{
width: 20px;
margin: 0px 10px -1px 0px;
opacity: .7;
}
@media (max-width: 600px) {
.sign_in_registration .header_new, .sign_in_registration .header_return {
width:100%;
max-width:none;
margin-bottom: 15px;
}
}
.sign_in_registration .heading {
padding:17px 5px 0px 59px;
font-size:12px;
}
.sign_in_registration .forgot_password_link_padding {
padding-bottom:6px;
}
.sign_in_registration .content .column select {
margin-bottom:8px;
max-width: max-content;
height: fit-content;
}
.sign_in_registration .align {
padding:24px 5px 0px 15px;
min-height:291px;
position:relative;
}
.sign_in_registration .ad {
padding-top:35px;
padding-bottom:20px;
text-align:center;
width:100%;
}
/* GenericError.jsp */
.generic_error_container {
margin-left:auto !important;
margin-right:auto !important;
margin-top:60px !important;
width:70% !important;
min-height:300px !important;
float:none !important;
height:300px;
}
/* -----------------------------------------------------------------------------*/
/* Common CSS End
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/* Extension of jQuery mobile grid to support more than 5 columns
/* -----------------------------------------------------------------------------*/
/* content configurations. */
.ui-grid-e, /* 6 columns */
.ui-grid-f, /* 7 columns */
.ui-grid-g, /* 8 columns */
.ui-grid-h { /* 9 columns */
overflow: hidden;
}
.ui-block-f, /* 6th column */
.ui-block-g, /* 7th column */
.ui-block-h, /* 8th column */
.ui-block-i { /* 9th column */
margin: 0;
padding: 0;
border: 0;
float: left;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.ui-grid-e,
ul.ui-grid-f,
ul.ui-grid-g,
ul.ui-grid-h,
li.ui-block-f,
li.ui-block-g,
li.ui-block-h,
li.ui-block-i {
margin-left: 0;
margin-right: 0;
padding: 0;
list-style: none;
}
/* 6 columns */
.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f{
width: 16.66%;
}
/* 7 columns */
.ui-grid-f > .ui-block-a,
.ui-grid-f > .ui-block-b,
.ui-grid-f > .ui-block-c,
.ui-grid-f > .ui-block-d,
.ui-grid-f > .ui-block-e,
.ui-grid-f > .ui-block-f,
.ui-grid-f > .ui-block-g{
width: 14.28%;
}
/* 8 columns */
.ui-grid-g > .ui-block-a,
.ui-grid-g > .ui-block-b,
.ui-grid-g > .ui-block-c,
.ui-grid-g > .ui-block-d,
.ui-grid-g > .ui-block-e,
.ui-grid-g > .ui-block-f,
.ui-grid-g > .ui-block-g,
.ui-grid-g > .ui-block-h{
width: 12.5%;
}
/* 9 columns */
.ui-grid-h > .ui-block-a,
.ui-grid-h > .ui-block-b,
.ui-grid-h > .ui-block-c,
.ui-grid-h > .ui-block-d,
.ui-grid-h > .ui-block-e,
.ui-grid-h > .ui-block-f,
.ui-grid-h > .ui-block-g,
.ui-grid-h > .ui-block-h,
.ui-grid-h > .ui-block-i{
width: 11.11%;
}
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 35em) {
.ui-responsive > .ui-block-f,
.ui-responsive > .ui-block-g,
.ui-responsive > .ui-block-h,
.ui-responsive > .ui-block-i {
width: 100%;
float: none;
}
}
#CCGPDPrequisitionList,.default-save-for-later {
text-align: center;
font-weight: 750;
text-transform: uppercase;
margin-top: 0.625rem;
}
.actionItem div[id*=WC_RequisitionList_Action_duplicate_],
.actionItem div[id*=WC_walletList_Action_update_],
.actionItem div[id*=WC_RequisitionList_Action_add_to_cart_]{
padding-bottom: 10px;
}
.actionItem {
padding : 5px 0px 5px;
}
.reorderBtn{
background-color:#E31F26;
color:#ffff;
font-size:12px;
font-weight : 600;
transition: all ease .3s;
}
.reorderBtn:hover{
background-color:#975F20;
}
.error-select-save-for-later img
{
width: 15px;
padding-right: 2px;
padding-top: 2px;
}
.default-save-for-later{
margin-top:10px;
cursor:not-allowed;
}
.error-select-save-for-later
{
margin: 10px 30px 0px 30px;
text-align: center;
color: white;
background-color: #e31f26;
text-transform: uppercase;
max-width: 77.5%;
}
.error-select-save-for-later .ccg-sprite {
vertical-align: middle;
margin: 0.25rem 0;
}
.error-select-save-for-later .select-size-error-msg {
vertical-align: middle;
}
.default-select-size-msg{
margin-top: 10px;
}
/*start: My Account Summary page */
.btn_styling a {
font-size: 16px;
color: #333333;
padding: 8px 15px !important;
border: 2px solid;
width: fit-content !important;
font-family:"ITC Conduit W07";
}
div[id*="Processed_actionDropdown"]{
background-color: #333333;
color: #ffff;
}
.fullView div[role="row"]:nth-of-type(odd) {
background-color: #E9E9E9;
}
.fullView div[role="row"]:nth-of-type(even) {
background-color:#f2f2f2;
}
.fullViewInv div[role="row"]{
background-color:#f2f2f2;
}
div[id*="WC_OrderList_TableContent_order_"] a, div[id*="WC_RequisitionList_TableContent_name_"] a,div[id*="WC_OrderList_TableContent_tracking_number_"] {
color:#975f20 !important;
font-size: 0.9rem;
}
.hyperlink_style{
color:#975f20;
text-decoration:underline;
}
@media only screen and (min-width: 0px) and (max-width: 909px){
.hyperlink_style{
display: block;
width: 100%;
color: #222;
border: 2px solid #222;
padding: 8px 0px;
margin: 15px 0px;
text-align: center;
text-decoration: none;
transition: all ease .4s;
}
.hyperlink_style:hover{
color: #975f20;
border-color: #975f20;
}
}
.accLabelValue{
padding: 5px 0px 18px;
font-family: "ITC Conduit W01", sans-serif;
}
.accLabel{
font-family: "ITC Conduit W07";
color: #333333 !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.accTrack{
display: flex;
}
.accTrackNum{
padding-right:10px;
color: #975f20 !important;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.accTrackNum{
display: inline-block;
min-width: 11rem;
color: #975f20 !important;
}
}
.dividerStyling{
border-bottom-color: #f0f0f0;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 20px !important;
}
.accSubHeading{
font-family: Tungsten;
font-size: 24px !important;
color: #333333;
font-weight: 600;
letter-spacing: 2px;
padding: 0px 0px 7px 12px;
border-bottom: 1px solid #ccc;
}
a[id*="WC_OrganizationUsersList_Widget_Link_"] {
color:#975f20 !important;
font-size:16px;
}
.submenuContainer{
padding : 5px !important;
}
.myAccSummarySubMenu>.title {
font-family: Tungsten;
background: #f0f0;
border-bottom : none !important;
font-size: 1.3rem !important;
font-weight: 400 !important;
letter-spacing: .08rem;
}
.myAccSummarySubMenu .arrow {
width: 15px;
height: 40px;
margin: 0px !important
}
.myAccSummarySubMenu .arrow:before {
content: url('../wcsstore/CCGSAS/images/new/plus.png');
position: absolute;
left: -101px;
top: -41px;
}
/*end: My Account Summary page */
.shoppingcartContinueBtn{
margin-top: -86px;
font-family: "ITC Conduit W02";
padding-right: 170px;
font-size: 20px;
color: #33333 !important;
}
a#shopcartCheckout{
font-family: "ITC Conduit W04";
font-size: 1rem;
font-weight: bold;
}
a#shopcartCheckout2{
padding: 8% 25%;
font-family: "ITC Conduit W04";
font-size:20px;
font-weight: bold;
}
a#ReorderCSR{
width: 14%;
font-family: "ITC Conduit W07";
font-size: 20px;
}
.checkboxContainer{
border-top: 1px solid #E0E0E0;
padding-top: 7px;
text-align: center;
}
.order_detail_container {
margin : 0px !important;
}
.entry.order_detail{
line-height:15px;
}
.font14{
font-family: "ITC Conduit W07";
color: #333333 !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.font14Normal{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
color: #333333 !important;
font-size: 14px !important;
}
.font16{
font-family: Tungsten;
color: #333333 !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: 1.25px;
}
.font16Normal{
font-family: Tungsten;
color: #333333 !important;
font-size: 16px !important;
font-weight: 500 !important;
letter-spacing: 1.25px;
}
.font20{
font-family: Tungsten !important;
color: #333333 !important;
font-size: 20px !important;
font-weight: 400 !important;
letter-spacing: 1.25px;
}
.font20Normal{
font-family: Tungsten !important;
color: #333333 !important;
font-size: 20px !important;
font-weight: 400 !important;
letter-spacing: 1.25px;
}
.font24{
font-family: Tungsten;
font-size: 24px !important;
color: #333333 !important;
font-weight: 400;
letter-spacing: 1.25px;
}
.font24Normal{
font-family: Tungsten;
font-size: 24px !important;
color: #333333 !important;
font-weight: 400;
letter-spacing: 2px
}
.font32{
font-family: Tungsten;
font-size: 32px !important;
color: #333333;
font-weight: 600;
letter-spacing: 2px
}
.siteText{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
font-weight: normal !important;
font-size: .9rem !important;
}
.capitalize{
text-transform: capitalize !important;
}
.siteTextBold{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
font-weight: bold !important;
font-size: .9rem !important;
}
.siteText_small{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
font-weight: normal !important;
font-size: .75rem !important;
text-transform: initial;
}
.review_proof_container{
padding: 0px;
width: 98%;
transition: all ease .3s;
}
.review_proof_toggle_text{
display: none;
margin-top: 10px;
line-height: 1.1rem;
font-size: .8rem;
font-style: italic;
text-transform: none !important;
}
.review_proof_toggle_title{
display: none;
}
.review_proof_container:has(input:checked){
border: 2px solid #ccc;
padding: 10px 8px 5px 8px;
width: calc(98% - 20px);
}
.review_proof_container:has(input:checked) .siteText_small{
font-family: "TradeGothicNextLTPro" !important;
font-size: .85rem !important;
font-weight: 700 !important;
}
.review_proof_container:has(input:checked) .review_proof_toggle_text{
display: block;
}
.review_proof_container:has(input:checked) .review_proof_toggle_title{
display: inline-block;
}
.opacity50{
opacity: .5;
}
.miniShopCartPriceQty{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 10px 0px 10px 0px;
}
.miniCartPPN {
background-color: #e5e5e5;
padding: 2px 1px;
font-weight: bold;
width: 85%;
font-size: x-small;
margin-top:-60px;
}
.miniCartImg{
margin-top: 58px;
background-color: #e5e5e5;
font-weight: bold;
text-align: center;
font-size: 1rem;
font-family: Tungsten;
letter-spacing: 1px;
}
.miniCartSku {
padding: 2px 1px;
font-weight: bold;
width: 20%;
font-size: larger;
margin-top:2px;
}
a#GotoCartButton1{
margin: 0 20px 10px 30px;
float: none;
display: block;
}
.miniCartPrdQuantity {
text-transform: initial;
font-family: "ITC Conduit W01";
font-weight: normal;
font-size: 16px;
}
.miniCartSubTotal
{
text-transform:initial;
font-size: 20px;
font-family: "ITC Conduit W01";
border-bottom:none !important;
}
@media(min-width:601px){
.miniCartSubTotal{
padding:15px 30px 15px 30px !important;
}
}
.miniCartCloseBtn{
/* margin-top: -35px; */
float: right;
padding-right: 15px;
width:auto !important;
top: -35px;
position: relative;
cursor: pointer;
}
.quantityDisabled .quantityStyling {
margin-left: 0.9375rem;
}
.quantityStyling{
position : absolute;
padding:0px 2px;
color:#717171;
font-size:.65rem;
margin-left: 3.7375rem;
}
.width15percent{
width:15%;
}
div[id*='section_button_']{
border-bottom:1px solid #cccc;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryImage {
width: 15%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryProduct {
width: 29%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryTracking {
width: 18%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryQuantity {
width: 13%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryEach {
width: 12%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryTotal {
width: 13%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryImageVal {
width: 15%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryProductVal {
width: 30%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryTrackingVal {
width: 20%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryQuantityVal {
width: 10%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryEachVal {
width: 12%;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryTotalVal {
width: 13%;
text-align: left;
}
.ccgSelectTitle
{
padding:15px;
}
.ccgActionDropdown4 {
display: none;
width: 215px;
border-right: 1px solid rgb(148, 148, 148);
margin-bottom: 10px;
margin-top: -5px;
text-align: left;
border-left: 1px solid rgb(148, 148, 148);
border-bottom: 1px solid rgb(148, 148, 148);
}
.ccgSelectWrapper{
position: relative;
border-radius: 0;
padding-bottom:20px;
margin-top:13px;
}
.withPreviewImage {
border-bottom:none !important;
}
#OrderDetail_ItemTable_table .tableHeader{
font-family:"ITC Conduit W04";
}
#RequisitionListItems_table .tableHeader .cell{
font-family: "ITC Conduit W07";
font-size: 20px !important;
color: #333333 !important;
font-weight: 600;
}
#RequisitionListItems_table.listTable .sku {
width: 18%;
text-align: left;
}
#RequisitionListItems_table.listTable .name {
width: 45%;
text-align: left;
}
#RequisitionListItems_table.listTable .quantity {
width: 20%;
}
#RequisitionListItems_table.listTable .actions {
margin-top: -6px;
width: 17%;
text-align: left;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
#RequisitionListItems_table.listTable .actions {
width: 18%;
text-align: left;
margin-left: 0px;
margin-top: 10px;
}
a#GotoCartButton1{
max-width:260px;
}
}
#RequisitionListItems_table.listTable .actions .cell{
text-align: center;
}
.qtyExceedErrorDiv{
float: right !important;
background-color: #e31f26;
padding: 5px;
max-width: 50%;
display:none;
}
span.qtyExceedError.qtyExceedErrorText {
padding: 0 5px !important;
background-image: none !important;
}
.oos .qtyExceedErrorDiv#oos, .oos .qtyExceedErrorDiv#oos .qtyExceedErrorText{
display:block;
}
.unbuyable .qtyExceedErrorDiv#unbuyable,.unbuyable .qtyExceedErrorDiv#unbuyable .qtyExceedErrorText{
display:block;
}
.rowContainer.itemQty.unbuyable, .rowContainer.itemQty.oos {
background: #eeeeee;
padding-left: 9px;
padding-right: 13px;
margin: 0.2em 0;
position: relative;
border: 2px red;
border-right: 2px solid red;
border-left: 2px solid red;
border-top: 2px solid red;
border-bottom: 2px solid red;
}
.cartQtyContainer_head{
width: calc(100% - 50px);
}
.cartQtyContainer_head ul{
margin: 0px;
padding: 0px;
}
.cartQtyContainer_head ul li{
display: inline-block;
margin-right: 10px;
padding: 0px;
text-align:center;
list-style: none;
font-size: .8rem;
font-weight: bolder;
}
.cartQtyContainer_head ul li:first-child{
width: 35px;
margin: 0px 0px 0px 10px;
}
.cartQtyContainer_head ul li:nth-child(2){
width: calc(85% - 215px);
margin: 0px 0px 0px 35px;
}
.cartQtyContainer_head ul li:nth-child(3){
width: 50px;
margin-left: 20px;
}
.cartQtyContainer_head ul li:nth-child(4){
width: 60px;
margin-right: 0px;
}
.cartQtyContainer .rowContainer.itemQty{
background: #fff !important;
font-size: .75rem !important;
}
.cartQtyContainer .qtyCart_container{
float: left;
width: calc(50% - 10px);
margin-right: 10px;
}
.cartQtyContainer .qtyCart_container .pdp-size-unit-price{
margin-top: 10px;
}
.cartQtyContainer .qtyCalc, .cartQtyContainer .order_details_item_unit__qty .qtyCalc{
height: auto !important;
}
.cartQtyContainer .qtyCalc > button{
padding: 2px 15px;
font-weight: bold;
}
.cartQtyContainer .decrease_quantity{
border-right: none;
font-size: 1.3rem;
}
.cartQtyContainer .increase_quantity{
border-left: none;
font-size: 1.1rem;
}
.cartQtyContainer .pdp-size-unit-price .pdp-size-subtotal-price input{
border-left: none;
width: 55px;
}
.cartQtyContainer .cart_delete_icon{
float: right;
width: 20px;
}
.cartQtyContainer .cart_delete_icon img{
width: 100%;
}
.cartQtyContainer .qtyEach_container{
float: left;
width: calc(50% - 70px);
margin-left: 10px;
}
.cartQtyContainer .qtyDivBig{
width: 80% !important;
}
.cartQtyContainer .quantityDisabled input{
width: 100%;
padding: 2px 0px;
}
.cartQtyContainer .sizeDiv{
float: left;
width: 35px;
margin-right: 5px;
text-align: center;
}
.cartQtyContainer .qtyDiv{
float: left;
width: calc(100% - 40px);
}
.cartQtyContainer .qtyCalc{
margin-left: auto;
}
.cartQtyContainer .cartDiv{
position: absolute;
right: 0px;
}
.onlyMobile2{
display: none !important;
}
@media (min-width: 0px) and (max-width: 980px){
.onlyMobile2{
display: inline-block !important;
margin-right: 5px;
width: 90px;
}
.onlyDesktop2{
display: none !important;
}
.cartQtyContainer{
border-bottom: 1px solid #ccc;
}
.cartQtyContainer .cart_delete_icon{
margin-top: -40px;
}
.cartQtyContainer .qtyCart_container,
.cartQtyContainer .qtyEach_container,
.cartQtyContainer .sizeDiv,
.cartQtyContainer .qtyDiv,
.cartQtyContainer .pdp-size-each-price,
.cartQtyContainer .pdp-size-subtotal-price{
width: 100% !important;
margin: 0px 0px 10px 0px !important;
}
.cartQtyContainer .sizeDiv label,
.cartQtyContainer .pdp-size-each-price input,
.cartQtyContainer .pdp-size-subtotal-price input{
text-align: left;
margin: 0px;
padding: 0px;
}
.cartQtyContainer .pdp-size-each-price input,
.cartQtyContainer .pdp-size-subtotal-price input{
width: 100px;
display: inline-block;
}
.cartQtyContainer .text-right{
text-align: left;
}
.cartQtyContainer .qtyCalc{
margin-left: 0px;
}
}
.qtyExceedErrorText{
font-weight: bold;
color:#fff !important;
}
.saveForLaterBtn
{
width: 50%;
margin-inline-start: 110px;
margin-bottom: 20px;
}
.savedGearEdit {
position: relative;
width: 195px !important;
padding: 15px 10px 8px 13px !important;
}
.ccgImageBorder
{
border : 1px solid #e5e5e5;
}
.ccgSflLoginBtn{
width: 50%;
margin: 25px 100px;
border : 1px solid #e5e5e5;
}
.ccgSflClose
{
margin-top: 8px;
float: right;
padding-right: 10px;
}
.ccgPDPbg{
width: 130px;
margin-left: 12px;
margin-top:.3rem
}
.ccgPDPbg >img{
background-color: transparent;
max-width: 100%;
height: auto;
border-radius: 6px;
}
.ccgPDPbg a{
color:#975f20 !important;
}
@media (max-width: 600px) {
.ccgPDPbg{
width: 130px;
}
}
.footerSignUpFollowUp{
float: right;
margin-top: -170px;
position: relative;
right: 70px;
color: #fff;
}
.savedGearHeartIcon {
height: 24px;
margin-left: -15px;
}
@media screen and (max-width: 1024px) {
.footerSignUpFollowUp{
margin-top: 0px;
float:none;
right:-40px;
}
}
#RequisitionListItems_table .tableHeader .cell {
font-size: 13px !important;
}
@media only screen and (min-width: 375px) and (max-width: 768px) {
#RequisitionListItems_table .tableHeader .cell {
font-size: 13px !important;
}
.qtyExceedErrorDiv{
max-width: 100%;
}
}
@media only screen and (max-width: 320px) {
#RequisitionListItems_table .tableHeader .cell {
font-size: 12px !important;
}
}
@media only screen and (max-width: 768px) {
#RequisitionListAddToCartForm .quantityStyling
{
margin-left: 1.6rem !important;
padding-top:2px;
padding-left:15px;
}
}
@media only screen and (max-width: 1440px) {
#summaryOfChanges {
margin-inline-start: 20px;
padding-bottom: 30px;
line-height: 20px;
width: auto;
margin-inline-end: 20px;
}
}
@media only screen and (max-width: 768px) {
#summaryOfChanges {
margin-inline-start: 13px;
padding-bottom: 30px;
line-height: 20px;
width: auto;
margin-inline-end: 13px;
}
}
@media only screen and (max-width: 600px) {
#summaryOfChanges {
margin-inline-start: 13px;
padding-bottom: 30px;
line-height: 20px;
width: auto;
margin-inline-end: 13px;
}
}
@media only screen and (max-width: 768px){
.creditDetailLabelValue {
float: none !important;
}
}
@media only screen and (max-width: 600px) {
.ccg_pwd_reset_msg {
width: auto
}
.savedGearHeartIcon {
height: 24px;
margin-right: -15px;
}
#Processed_OrderList_list_table.listTable .order {
width: auto;
}
a#ReorderCSR{
width: auto;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryQuantity .cell
{
width: fit-content;
text-align: left;
}
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryTotal .cell,
#OrderDetail_ItemTable_table.listTable .orderDetailSummaryEach .cell {
float: right;
}
#OrderDetail_ItemTable_table.listTable .entry {
padding: 0px;
}
.CCGsavedGearSKU {
background-color: #e5e5e5 !important;
font-weight: bold;
width: 100% !important;
font-size: 8px !important;
margin-top: -12px !important;
margin-left:0px !important;
}
#AutoSuggestDiv{
width:auto;
}
.CCGorderDetail_Billing{
width:50%;
}
.CCGorderDetail_Shipping{
width:50%;
}
#ccg-byg-sc-qty-error{
margin-bottom: 20px;
margin-left: 23px;
}
p#WC_UserRoleManagement_edit_additionalRoles_subtitle {
max-width: 65%;
}
#pdp-size-main .quantityStyling {
margin-left: 3.875rem;
}
#RequisitionListItems_table.listTable .name{
width:35%;
}
.withPreviewImage .cell{
padding-top:5px;
}
.row.entry.withPreviewImage {
padding: 0px;
}
#RequisitionListItems_table.listTable .sku{
width:22%;
}
#RequisitionListAddToCartForm .qtyCalc{
height:42px;
}
#RequisitionListItemAddForm #skuAdd
{
width:auto !important;
}
div#requisitionListCurrentInfo
{
margin-left:10px;
}
#RequisitionListAddToCartForm .quantityStyling
{
margin-left: 1.6rem !important;
padding-top:2px;
}
#RequisitionListAddToCartForm img.width70Percent{
width:100% !important;
}
div#WC_RequisitionListItems_TableContent_Action_1{
padding-top:0px;
}
#RequisitionListItems_table.listTable .sku{
width:22%;
}
.col2.previewImage.width15percent{
width:21%
}
.pageSection .pageSectionTitle .title {
width: auto;
}
div.orderDetailSummaryProductVal p.font20.padding8 {
width: auto;
}
.miniCartPPN{
width:auto;
}
#OrderDetail_ItemTable_table .miniCartPPN{
width: 85%;
}
div.miniCartPPN a {
font-size: 8px !important;
}
div#OrderDetail_ItemTable_table_content .tableHeader .cell{
font-size: 10px;
}
div#OrderDetail_ItemTable_table_content .cell {
font-size: 11px;
}
div#OrderDetail_ItemTable_table_content p {
font-size: 12px !important;
}
}
.errMsgSavedGear {
color: red;
font-weight: bold;
font-size: 15px;
}
.bygImgWidth{
width:100%;
width: calc(100% - 8px);
margin: 8px 0;
cursor: pointer;
border: 3px solid #FDB913;
border-radius: 20px;
}
.compareRemove{
width:14px;
}
a[id*="comparePageRemoveItemMain_"]{
font-size:12px;
}
.margin15Left{
margin-left:-15px;
}
.newsSignUp{
font-size: 1rem;
font-weight: 600;
padding-bottom: 5px;
padding-top: 20px;
}
.displayNone{
display:none;
}
.textUppercase{
text-transform:uppercase;
}
.colorGrey{
background-color: #cccc
}
.socialFooter {
font-size: 1rem;
font-weight: 600;
padding-bottom: 5px;
padding-top: 20px;
text-transform: uppercase;
}
.multiSelectClosebtnDiv{
position:relative;
top:45%
}
.ccgOrderConfirmation{
font-family: "ITC Conduit W07";
color: #333333 !important;
font-size: 20px !important;
font-weight: 600 !important;
width:50%;
}
.CCGsavedGearSKU{
background-color: #e5e5e5;
font-weight: bold;
width: 90px;
font-size: 8px;
margin-top: -4px;
width: 85%;
margin-left: 7px;
}
*:focus{
outline:none;
}
.ccg_log_Reg_btn{
margin-top: 3px;
padding: 0.5rem 0.75rem !important;
margin-right: 0.3125rem;
}
.ccgCloseLink {
margin-inline-start: 40%;
top: 3px;
position: relative;
}
.ccg-sg .btn{
font-family: Tungsten !important;
letter-spacing: 2.25px !important;
border-radius: 10px !important;
}
.ccgSaveAll{
margin-top: 0.4rem;
}
.csrAccessBtn{
background-color: #227d29;
padding:5px !important;
}
.csrDisableBtn{
margin-top:10px;
padding:5px 2px !important;
background-color :#e31f26;
}
.csrViewBtn{
background-color: #ffffff;
padding:5px !important;
margin-top:10px;
word-break: break-word;
}
.icheckbox_square-ccg,
.iradio_square-ccg {
width: 1.25rem;
height: 1.25rem;
border: 1px solid #333;
background-color: #fff;
display: inline-block;
vertical-align: middle;
line-height: 1rem;
text-align: left;
margin-top: -10px;
}
.icheckbox_square-ccg input,
.iradio_square-ccg input {
width: 1.25rem;
height: 1.25rem;
}
.iradio_square-ccg {
border-radius: 12px;
}
.icheckbox_square-ccg.hover,
.iradio_square-ccg.hover {
box-shadow: inset 0 0 0 4px #fdb913;
}
.icheckbox_square-ccg.checked {
background-color: #fdb913;
}
.icheckbox_square-ccg.checked:after {
content: '\2713';
color: #333333;
font-family: 'ITC Conduit W07', sans-serif;
font-weight: bold;
position:relative;
top: 0.125rem;
left: 0.25rem;
}
.iradio_square-ccg.checked {
background-color: #333333;
box-shadow: inset 0 0 0 4px #fdb913;
}
.icheckbox_square-ccg + label,
.iradio_square-ccg + label {
line-height: 1.5rem;
}
.ccg-sg a{
display: block;
font-family: ""Font-Bold",serif";
letter-spacing:.03125rem;
text-transform:upercase;
background-color:#fdb913;
border:2px solid #fdb913;
color:#333;
transition:all 0.3s ease-out;
coursor:pointer;
text-decoration:none;
}
.ccg-sg a:hover{
text-decoration:none;
}
/* start CheckBox style */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.checkbox_CCG_container input[type=checkbox] {
--active: #fdb913;
--active-inner: #000;
--focus: 2px rgba(39, 94, 254, .3);
--border: #000;
--border-hover: #fdb913;
--background: #fff;
--disabled: #eee;
--disabled-inner: #eee;
-webkit-appearance: none;
-moz-appearance: none;
height: 21px;
outline: 0px solid #000;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid var(--bc, var(--border));
background: var(--b, var(--background));
transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
.checkbox_CCG_container{
display: inline;
}
.checkbox_CCG_container input[type=checkbox]:after {
content: "";
display: block;
left: 0;
top: 0;
position: absolute;
transition: all ease .3s;
}
.checkbox_CCG_container input[type=checkbox]:checked {
--b: var(--active);
--bc: var(--active);
--d-o: .3s;
--d-t: .6s;
--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
border: 1px solid #000;
}
.checkbox_CCG_container input[type=checkbox]:disabled {
--b: var(--disabled);
cursor: not-allowed;
opacity: 0.9;
}
.checkbox_CCG_container input[type=checkbox]:disabled:checked {
--b: var(--disabled-inner);
--bc: var(--border);
}
.checkbox_CCG_container input[type=checkbox]:disabled + label {
cursor: not-allowed;
}
.checkbox_CCG_container input[type=checkbox]:hover:not(:checked):not(:disabled) {
outline: 4px solid #fdb913;
outline-offset: -5px;
}
.checkbox_CCG_container input[type=checkbox]:not(.switch) {
width: 21px;
margin-top: 1px;
}
.checkbox_CCG_container input[type=checkbox]:not(.switch):after {
opacity: var(--o, 0);
}
.checkbox_CCG_container input[type=checkbox]:not(.switch):checked {
--o: 1;
}
.checkbox_CCG_container input[type=checkbox] + label {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-left: 4px;
}
.checkbox_CCG_container input[type=checkbox]:not(.switch) {
border-radius: 0px;
}
.checkbox_CCG_container input[type=checkbox]:not(.switch):after {
width: 5px;
height: 9px;
border: 2px solid var(--active-inner);
border-top: 0;
border-left: 0;
left: 7px;
top: 4px;
transform: rotate(var(--r, 20deg));
}
.checkbox_CCG_container input[type=checkbox]:not(.switch):checked {
--r: 43deg;
}
}
.checkbox_CCG_container * {
box-sizing: inherit;
}
.checkbox_CCG_container *:before,
.checkbox_CCG_container *:after {
box-sizing: inherit;
}
/* end CheckBox style */
.ordeHistorycol13{width: 3.333333%;}
.orderHistorycol14{width: 2.333333%;}
.orderHistory_tableInfo{
float: left;
min-height: 1px;
}
.orderHistory_tableInfo:first-child{
width: calc(19% - 15px) !important;
margin-right: 5px;
}
.orderHistory_tableInfo:nth-child(2){
width: calc(12% - 30px) !important;
margin: 0px 5px;
}
.orderHistory_tableInfo:nth-child(3){
width: calc(8% - 5px) !important;
margin-right: 10px;
text-align: center !important;
}
.orderHistory_tableInfo:nth-child(4){
width: calc(11% - 4px) !important;
margin-left: 2px;
}
.orderHistory_tableInfo:nth-child(5){
width: 13.3% !important;
}
.orderHistory_tableInfo:nth-child(6){
width: 20% !important;
}
.orderHistory_tableInfo:nth-child(7){
width: 19%;
}
.orderHistory_tableInfo:nth-child(8){
width: 0%;
display: none
}
.orderHistory_tableInfo:nth-child(9){
width: 0%;
display: none
}
.alinecss{
display: inline-flex;
margin-top: 1rem
}
@media only screen and (max-width: 768px) {
.alinecss {
display: inline-flex;
margin-top: 1rem
}
}
@media (max-width: 320px) {
.alinecss {
display: grid;
margin-top: 1rem;
}
}
@media (max-width: 320px) {
.ui-button__color__white {
margin-top:6px;
}
}
@media (max-width: 500px) {
.alinecss {
display: grid;
margin-top: 1rem;
padding-left: 24px;
}
}
@media (max-width: 500px) {
.ui-button__color__white {
margin-top:6px;
}
}
/* start DECI 3195 and DECI 3196 */
.embroyderyLinkPosition{
margin-left: 0px;
display: inline-block;
text-align: left !important;
}
.embroyderyLinkPosition img{
width: 100% !important;
margin-bottom: 5px;
}
.black_border_CTA a{
display: block;
width: calc(100% - 4px);
color: #975F20;
background: #fff;
border: 2px solid #975F20;
padding: 5px 0px;
text-align: center;
font-size: .8rem;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
text-transform: uppercase;
transition: all ease .3s;
}
.black_border_CTA a:hover{
color: #fff;
background: #975F20;
}
.saveEditBtnProps{
width: 140px !important;
}
.saveForLater{
display: inline-block;
vertical-align: top;
margin-left:0px;
}
.saveForLater *{
/* margin:0px; */
}
.saveForLater .link{
text-decoration: none !important;
color: transparent !important;
font-family: 'ITC Conduit W07' !important;
}
.saveForLater p{
display: block;
text-align: center;
color: #fff !important;
background-color: #222;
border: 2px solid #222;
font-family: Tungsten;
letter-spacing: 1.25px;
font-weight: 400;
font-size: 1rem;
margin-right: 8px;
padding: 11px 10px;
cursor: pointer;
}
@media (min-width: 601px) and (max-width: 767px){
.order_item_sub_total{
margin-left: 0px !important;
}
.order_details_item{
min-height: auto;
}
.saveForLater_newPos{
margin: -64px 0px 0px 186px;
}
}
@media (min-width: 601px) and (max-width: 660px){
.CCGshopCartRemoveBtn{
padding: 0px 4px;
}
}
@media (min-width: 0px) and (max-width: 660px){
.order_item_sub_totalCart{
margin-left: 0px !important;
}
.noMaxWidth{
max-width: none !important;
}
.order_details_item_edit__remove{
width: 50% !important;
margin-bottom: 10px;
}
.order_details_item_edit__edit{
width:50% !important;
margin-bottom: 10px;
}
.order_details_item_edit__edit a{
width: calc(100% - 17px) !important;
}
.saveForLater{
position: inherit;
width: 50%;
display:inline;
margin-left: 0px;
}
.saveForLater p{
width: calc(100% - 54%) !important;
height: 0.875rem;
text-align: center;
margin-bottom: 10px;
}
.saveForLater_newPos{
margin-top: -45px;
}
.price{
margin-top: -15px;
}
.view_location{
padding-left: 0px !important;
}
}
@media (min-width:330px) and (max-width:376px){
.saveForLater p{
width: calc(100% - 55%) !important;
}
}
@media (min-width:0px) and (max-width:329px){
.saveForLater p{
width: calc(100% - 56%) !important;
}
}
.no_margin{
margin: 0px !important;
}
.saveForLater p:hover{
background: #975f20;
}
@media (max-width:767px){
.bcol-margin-top-1r > *{
margin-top:10px;
}
.order_details_item_edit__edit, .OrderItemMoveToRequisitionLists.saveForLater{
padding-top:0px !important
}
}
/* end DECI 3195 and DECI 3196 */
/* start 125483 */
.pdp_separator_links{
width: 100%;
margin-top: 20px;
padding: 10px 0px 0px 0px;
border-top: 3px solid #FDB913;
border-bottom: 3px solid #FDB913;
}
.pdp_separator_links a{
display: block;
font-weight: bold;
text-decoration: underline;
margin-bottom: 10px;
transition: color ease .3s;
}
.pdp_separator_links a:hover{
color: #975F20;
}
/* end 125483 */
/* start DECI 3337 */
.BYG_textPosition{
position: absolute;
margin: 5px 0px 0px 5px;
}
.colorOption{
width: 40px;
height: 40px;
background-size: 103%;
border-radius: 50%;
}
.colorFilter{
display: inline-block;
text-align: center;
margin: 8px 3px;
margin-bottom: 5px;
}
.colors{
display: inline-block;
width: auto;
height: auto;
}
.colorTooltip.tooltiptext{
width: fit-content;
top: 31px;
right: 0;
left: -18px;
padding: 2px;
border: 1px solid #000;
box-shadow: none;
padding: 5px 0px;
}
span.facetCountContainer {
display: none;
}
.accordion-panel > div {
margin-bottom: 20px;
}
.productfeatures {
padding: 2px 0.5rem;
}
.productfeatures p {
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-weight: normal;
line-height: 1.4rem;
color: #333;
text-transform: none;
margin-bottom:5px;
}
.productfeatures ul {
list-style-type: disc;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
margin-bottom:5px;
line-height: 1.6rem;
}
.productfeatures li:last-of-type {
border-bottom:none;
}
.features-row {
width:100%;
display:table-row;
}
.features-column {
width:46%;
float:left;
}
.byg-column {
width:46%;
float:right;
}
@media (max-width:641px) {
.features-row {
width:100%;
display:row;
}
.features-column {
width:100%;
}
.byg-column {
width:100%;
}
}
/* 114577 */
.product_longdescription_list_options_border ul li{
border-bottom: none !important;
}
/* 114577 */
/*120694*/
.col11.col-offset1.alignment{
margin-left: 5%;
}
.col11.col-offset1.alignment > .ui-button.ui-button__color__gold ui-button__size__large{
margin-right: 1.2%;
}
/*120694*/
/* PDP, add embroidery logo */
.tt-o-button--link, button.tt-o-button--link{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
}
.layout__hero__title{
font-family: Tungsten;
letter-spacing: 1.25px;
font-size: 2.5rem !important;
line-height: 40px;
}
.carhartt-toggle h5{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .75rem !important;
margin-top: 0px !important;
}
.carhartt-toggle h5{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .75rem:
margin-top: 0px !important;
}
.area__text__area-name, .area__text__area-size{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .75rem !important;
}
.feature-menu__pricing-base__desc[data-v-6cbb1ac1], .feature-menu__pricing__desc{
font-family: Tungsten;
letter-spacing: 1.1px;
font-size: 1.1rem;
}
.feature-menu__pricing-base__price, .feature-menu__pricing__price{
font-family: Tungsten;
letter-spacing: 1.1px;
font-size: 1.1rem;
}
.layout__menu__ctas{
font-family: Tungsten;
letter-spacing: 1.1px;
font-size: 1.5rem !important;
}
.modal__rules__sameLogo, .modal__proofs{
font-style: normal !important;
font-size: .75rem;
}
#app{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
}
.modal__rules__rule{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
}
.modal-container .modal__ctas button, .modal__reupload button{
font-family: Tungsten;
letter-spacing: 1.1px;
font-size: 1.5rem !important;
}
.area__text__area-remove, .modal__subheader button, button.primary, .modal__back span, .modal__back svg{
font-family: Tungsten;
letter-spacing: 1.1px;
}
.modal__upload-opts__location-size>div h4, .modal__subtitle, .modal__conditions li{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
}
.modal__upload-opts label{
font-family: "TradeGothicNextLTPro-Rg", sans-serif !important;
font-size: .75rem;
}
/* PDP, add embroidery logo */
.newCustomer_list ul{
margin: 10px 0px 0px 0px;
padding: 0px !important;
}
.newCustomer_list ul li{
list-style: none;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.newCustomer_text{
position: absolute;
margin-top: 15px;
font-size: .95rem;
text-transform: uppercase;
font-weight: bold;
}
.newCustomer_icon{
width: 45px;
margin-right: 20px;
}
.row.padding {
margin: 15px 0px;
}
.font16Normal.smallFont {
font-size: 12px !important;
}
.font16Normal.italic {
font-style: italic;
}
.icon_byg_width{
width: 115px;
margin-top: 5px;
border-radius: 5px;
}
.orderHistory_tableInfo.siteText .cellValue {
padding-left: 10px;
}
.orderHistory_tableInfo.siteText.date .font24 {
padding-left: 6px;
}
.ordeHistory.orderHistory_tableInfo.siteText .cellValue {
padding-left: 1rem;
}
.cell.cellHeadings {
padding-left: 0px !important;
}
.orderHistory_tableInfo.siteText.tracking_number .cell {
padding-left: 10px;
}
.layout__controls{
top: 200px !important;
}.walletAddNewAddress {
background-color: white;
position: relative;
left: 1rem;
padding:20px;
}
.walletPageSection {
margin: 0 auto;
padding: 2rem;
max-width: 22.5rem;
}
.walletCreateTableList input,.walletCreateTableList select {
margin: 0px 0 1rem;
color: #717171;
font-family: inherit;
font-size: 16px;
font-weight: inherit;
width: -webkit-fill-available;
border: 1px solid #949494;
background: #f7f7f7;
padding: 5px 3px;
width:100%;
}
.walletCreateTableList select, .walletPageSection .carharttGoldBtn {
width: -moz-available;
}
.walletCreateTableList .row label{
font-weight: 400;
font-size: 1.1rem;
font-family: Tungsten;
letter-spacing: 1.1px;
}
#walletEditHeader {
font-size: large;
font-weight: bold;
}
#walletEditViewFormMain {
background-color: white
}
#walletList_NewListForm_Save {
margin-bottom: 5px;
margin-top: 15px;
}
.walletCreateTableList .row {
padding: 2px;
}
.tableBtn{
background: white;
color: #333333 !important;
border: 2px solid #333333;
padding: 10px 15px 10px 15px;
font-weight: 600;
font-size: 14px !important;
text-align:center;
text-transform:uppercase;
font-family:"ITC Conduit W07";
}
a#confirmYes, a#confirmCancel{
transition: all ease .3s;
}
a#confirmCancel:hover {
border: 2px solid #333;
background-color: #333;
color: #fff !important;
}
a#confirmYes:hover {
background-color: #333;
}
.rostertable{
width:80px;;
}
.headertabl{
width:134px;
}
.headertblcell{
width:150px;
font-weight: bold;
font-size: 16px;
}
.headertbltr{
width:95px;
font-weight: bold;
font-size: 16px;
}
.rostertableMen{
margin-left: 43px;
width:50px;
}
.rostertableMenPnt{
margin-left: 42px;
width: 50px;
}
.rostertableMenOut{
margin-left: 50px;
width: 50px;
}
.rostertableWon{
margin-left: 42px;
width: 50px;
}
.rostertableWonout{
margin-left: 57px;
width: 50px;
}
.rostertableWonPnt{
margin-left: 45px;
width: 50px;
}
.rostertableAction{
margin-top: 10px;
}
.rosteredit{
margin: 0px 0 1rem;
color: #717171;
font-family: inherit;
font-size: 16px;
font-weight: inherit;
border: 1px solid #949494;
background: #f7f7f7;
padding: 5px 3px;
width:100%;
}
.rosterTableSection{
float: left;
width: 12.5%;
text-align: center;
font-size: .9rem;
}
.rosterTableSectionHeader{
float: left;
font-family: Tungsten;
width: 12.5%;
text-align: center;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 1.25px;
}
.edit_tableBtn{
width: max-content;
}
@media only screen and (max-width: 320px){
.qty_flyout-price{
margin: 0px;
color: inherit;
font-family: inherit;
font-size: 11px;
font-weight: inherit;
}
.rowContainer.itemQty {
background: #eeeeee;
padding-left: 0px;
padding-right: 17px;
margin: 0.2em 0;
position: relative;
}
}
.inv_order_size_selector{
width: 1em;
position: absolute;
margin-left: 7rem;
margin-top: 0.12rem
}
.inv_order_size_css{
padding-left: 8rem;
}
}
@media only screen and (min-width: 1024px)and (max-width: 1025px){
.inv_order_size_selector{
width: 1em;
position: absolute;
margin-left: 27rem;
margin-top: 0.12rem
}
.inv_order_size_css{
padding-left: 28rem;
}
}
@media only screen and (min-width: 768px)and (max-width: 769px){
.inv_order_size_selector{
width: 1em;
position: absolute;
margin-left: 19rem;
margin-top: 0.12rem
}
.inv_order_size_css{
padding-left: 20rem;
}
}
@media only screen and (min-width: 375px)and (max-width: 500px){
.inv_order_size_selector{
width: 1em;
position: absolute;
margin-left: 33%;
margin-top: 0.12rem
}
.inv_order_size_css{
padding-left: 40%;
}
}
@media only screen and (max-width: 320px)and (max-width: 321px){
.inv_order_size_selector{
width: 1em;
position: absolute;
margin-left: 5rem;
margin-top: 0.12rem
}
.inv_order_size_css{
padding-left: 6rem;
}
}
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 5rem;
}
.pdp_price{
padding-left: 0px;
}
@media only screen and (min-width: 1440px)and (max-width: 1441px){
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 40rem;
}
}
@media only screen and (min-width: 1024px)and (max-width: 1025px){
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 27rem;
}
}
@media only screen and (min-width: 768px)and (max-width: 769px){
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 18rem;
}
}
@media only screen and (min-width: 425px)and (max-width: 426px){
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 4rem;
}
}
@media only screen and (min-width: 375px)and (max-width: 376px){
.calc-flyout-pdp-size-price{
font-size: 13px;
width: 4rem;
}
}
@media only screen and (min-width: 320px)and (max-width: 321px){
.calc-flyout-pdp-size-price{
font-size: 11px;
width: auto;
}
}
@media only screen and (min-width: 1440px)and (max-width: 1441px){
.pdp_price{
padding-left: 211px;
}
}
@media only screen and (min-width: 1024px)and (max-width: 1025px){
.pdp_price{
padding-left: 8rem
}
}
@media only screen and (min-width: 768px)and (max-width: 769px){
.pdp_price{
padding-left: 4.8rem
}
}
@media only screen and (min-width: 425px)and (max-width: 426px){
.pdp_price{
padding-left: 3rem
}
}
@media only screen and (min-width: 375px)and (max-width: 376px){
.pdp_price{
padding-left: 0.4rem;
font-size: 15px;
}
}
@media only screen and (min-width: 320px)and (max-width: 321px){
.pdp_price{
padding-left: 11px;
font-size: small;
}
}
.qtyCalc_flyout > input.quantityPDP {
border-right: none;
border-left: none;
outline: none;
}
.qtyCalc_flyout > input {
display: table-cell;
width: 48px;
max-height: 48px;
vertical-align: text-top;
border-collapse: collapse;
border: 1px solid #333;
text-align: center;
outline: none;
font-weight: 600;
height: initial;
border-radius: 0;
padding: 0;
}
.qtyCalc_flyout > button {
background: white;
font-size: 1.125rem;
outline: none;
border: 1px solid #333;
border-radius: 0;
padding: 0 1.125rem;
font-family: monospace;
}
.qtyCalc_flyout{
display: flex;
height: 48px;
width:fit-content;
}
@media only screen and (max-width: 375px)and (max-width: 376px){
.calc_flyout{
font-size: 14px;
}
}
@media only screen and (max-width: 320px)and (max-width: 322px){
.qtyCalc_flyout{
display: flex;
height: 48px;
width: 50%;
}
.calc_flyout{
font-size: 9px;
}
}
@CHARSET "ISO-8859-1";
.container{
width: 100%;
max-width: 73.125rem;
margin: 0 auto;
}
.logo > #logo{
position:relative;
text-align:left;
top: -1rem;
}
@media only screen and (min-width: 525px)and (max-width: 600px){
.logo{
top: -2.5rem;
}
}
@media only screen and (min-width: 461px)and (max-width: 524px){
.logo{
top: -0.5rem;
}
}
@media only screen and (min-width: 287px)and (max-width: 460px){
.logo{
top: -1.5rem;
}
}
@media only screen and (min-width: 0px)and (max-width: 286px){
.logo{
top: -6.8rem;
}
}
.fitBtn{
border: 2px solid #222222!important;
padding:18px 0!important;
}
.headerBanner{
background: #333333;
color: #fdb913;
font-size: 24px;
text-align: center;
padding:5px 0;
}
.searchBar #searchBar {
position: relative;
right: 0;
width: auto;
}
.topLinks #searchBox {
position: relative;
height: 38px;
background-color: transparent;
border-bottom: 1px solid #bfbfbf;
border-radius: 0;
text-align: right;
vertical-align: middle;
margin-right: 10px;
z-index: 2;
}
.header-upper {
height: 2.25rem;
}
.header-middle {
height: 2.8125rem;
}
.header-middle .logo div {
height: 1rem;
width: 50%;
}
.header-icon-grouping {
display: flex;
align-items: center;
}
.site-header-container .right-container {
justify-content: flex-end;
display: flex;
}
.site-header-container {
background-color: #eeeeee;
}
.site-header-smallName{
white-space: nowrap;
overflow: hidden;
min-width: fit-content !important;
margin-right: 5px;
}
.site-header-largeName{
white-space: nowrap;
overflow: hidden;
min-width: 23ch !important;
margin-right: 5px;
}
@media only screen and (min-width: 601px) and (max-width: 860px){
.site-header-largeName{
min-width: 2.1rem !important;
margin-right: 5px;
}
}
.site-header-container .flag-icon {
height: 1.25rem;
padding: 0.5rem 0 0 23px;
}
.site-header-container .site-icon {
min-width: 4rem;
height: 2.25rem;
display: inline-block;
}
.site-header-container .site-icon.signout-container-desktop {
min-width: 3rem;
}
.site-header-container .site-icon.black {
background-color: black;
}
.site-header-container .site-icon .ccg-icon {
height: 2.25rem;
background-color: black;
padding-left: 9px;
}
.site-header-container .site-icon .d2c-icon {
height: 1.5rem;
padding: 0.375rem 0 0 15px;
}
.site-header-container .site-icon .chat-icon {
margin: 0.375rem 0 5px 4px;
transform: scale(0.667);
vertical-align: middle;
}
.site-header-container .site-icon .chat-label {
position: absolute;
margin-top: 8px;
font-family: Tungsten;
letter-spacing: 1px;
font-size: 1.1rem;
font-weight: 400;
}
.site-header-container .csr-container {
padding-right: 0.5rem;
z-index: 1;
}
.site-header-container .csr-container .csr-link {
padding-top: 1rem;
text-align: right;
}
.site-header-container .site-icon .csr-text {
margin-top: 0.625rem;
font-weight: bold;
}
.site-header-container .site-icon .heart-filled {
margin-top: 0.5rem;
}
.site-header-container .site-icon .cart-icon {
margin-left: 0.5rem;
}
#widget_minishopcart .cart-icon {
margin-left: 0.3125rem;
}
.site-header-container .site-icon .my-account-link {
display: flex;
align-items: center;
margin-top: 0.375rem;
margin-left: 0.25rem;
word-break: break-all;
font-weight: 400;
font-family: Tungsten;
font-size: 1.1rem;
letter-spacing: 1px;
}
.mainMenu_options{
padding: 0px !important;
margin-top: -5px;
}
@media only screen and (min-width: 601px) and (max-width: 860px){
.mainMenu_options{
padding-top: 12px !important;
}
}
.header_left_icons{
float: left;
width: 12.5rem;
}
.header_right_icons{
float: right !important;
width: 90%;
margin-right: 5%;
}
.top_search_container{
width: 15rem;
}
.logo{
float: left;
width: 12rem;
margin: 10px 0px -10px 0px;
}
.logo .left_espot.centered > a, .logo .left_espot.centered > img{
padding: 0px;
}
#AutoSuggestDiv{
z-index: 2 !important;
}
.my-account-link{
min-width: 4.5rem;
margin-right: 20px;
}
.CSR_main_menu_mobile{
float:right !important;
margin-right: 2rem;
}
@media only screen and (min-width: 861px) and (max-width: 9999px){
.CSR_icon{
display: none !important;
}
}
@media only screen and (min-width: 601px) and (max-width: 860px){
.CSR_icon{
position: absolute;
top: 2px;
right: 16.5rem;
min-width: 1.3rem !important;
}
}
@media only screen and (min-width: 460px) and (max-width: 600px){
.CSR_icon{
position: absolute;
top: 2px;
right: 13.2rem;
min-width: 1.3rem !important;
}
}
@media only screen and (min-width: 426px) and (max-width: 459px){
.CSR_icon{
position: absolute;
top: 30px;
right: 10.5rem;
}
}
@media only screen and (min-width: 0px) and (max-width: 425px){
.CSR_icon{
position: absolute;
top: 5px;
left: 4rem;
}
}
@media only screen and (min-width: 461px) and (max-width: 600px){
.GoldCSRPosition{
position: absolute;
right: 2rem;
}
}
@media only screen and (min-width: 426px) and (max-width: 460px){
.GoldCSRPosition{
position: absolute;
right: 2rem;
top: 4rem;
}
}
@media only screen and (min-width: 0px) and (max-width: 425px){
.GoldCSRPosition{
position: inherit;
top: 2.5rem;
right: 0.5rem;
margin: 0.3rem 0px 0.7rem 0px;
}
}
@media only screen and (min-width: 600px) and (max-width: 860px){
.header_left_icons{
width: 11.5rem;
}
.header_right_icons{
width: 17.0rem;
}
.logo{
width: 8rem;
margin-left: 10px;
margin-top: -15px;
}
}
@media only screen and (min-width: 601px) and (max-width: 680px){
.logo{
margin-left: calc(39% - 14rem);
}
}
@media only screen and (min-width: 535px) and (max-width: 600px){
.logo{
position: absolute;
width: 7rem !important;
margin: -2px 0 0 calc(50% - 4.5rem);
}
}
@media only screen and (min-width: 456px) and (max-width: 534px){
.logo{
position: absolute;
width: 7rem !important;
margin: -2px 0 0 calc(50% - 4.5rem);
}
}
@media only screen and (min-width: 426px) and (max-width: 455px){
.logo{
position: absolute;
width: 7rem !important;
margin: -2px 0 0 calc(50% - 4.5rem);
}
}
@media only screen and (min-width: 0px) and (max-width: 425px){
.logo{
position: absolute;
width: 7rem !important;
margin: 5px 0 0 calc(50% - 3.5rem);
}
}
@media only screen and (min-width: 525px) and (max-width: 680px){
.topLinks #searchBox{
margin-right: 0px;
}
}
@media only screen and (min-width: 287px) and (max-width: 524px){
.top_search_container{
position: absolute;
width: 50%;
top: 2.3rem;
left: 25%;
display: flex !important;
justify-content: center;
}
#searchTermWrapper{
min-width: 8rem;
}
}
@media only screen and (min-width: 0px) and (max-width: 286px){
.top_search_container{
position: absolute;
width: 14rem;
top: 4.3rem;
right: 0rem;
}
#searchTermWrapper{
min-width: 8rem;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.site-header-container .site-icon{
min-width: 3rem !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 460px){
.header-middle{
height: 0 !important;
}
.site-header-container .header-middle{
padding-bottom: 1rem !important;
}
}
.site-header-container .site-icon .sign-out {
margin-top: 0.625rem;
}
.site-header-container .search-container {
display: flex;
align-items: flex-end;
margin-top: 0.375rem;
}
.top_search_container{
display: flex;
align-items: flex-end;
}
.site-header-container .search-container .submit {
}
.site-header-container .search-container .header-search-form {
display: flex;
align-items: center;
}
.site-header-container .top_search_container .header-search-form {
display: flex;
align-items: center;
}
/* Search bar */
#searchBox {
position: relative;
height: 38px;
border-radius: 0;
text-align: right;
vertical-align: middle;
border-bottom: none !important;
}
#searchBox > *{
margin-top: 0px;
}
/* Search bar */
@media screen and (max-width: 768px) {
.site-header-container .site-icon .chat-icon {
margin: 0.375rem 0;
}
.site-header-container .site-icon .d2c-icon{
padding: 0.375rem 0 0 10px;
}
.site-header-container .site-icon .ccg-icon{
padding-left: 6px;
}
.site-header-container .flag-icon{
padding: 0.5rem 0 0 16px;
}
}
#SimpleSearchForm_SearchTerm::-webkit-input-placeholder,
#SimpleSearchForm_SearchTerm::-moz-placeholder {
color: #222;
}
.site-header-container .register-container {
display: flex;
justify-content: flex-end;
width: 100%;
max-width: 15rem;
margin-left: auto;
}
.site-header-container .register-container .register-button {
width: 100%;
margin-right: 0.25rem;
}
.site-header-container .header-middle .right-container {
margin-top: 0.225rem;
}
.login_register_CTA a{
display: block;
color: #222;
background: #FDB913;
margin: -2px 5px 0px 5px;
padding: 6px 18px 5px 18px;
font-size: 1rem;
font-weight: 400;
white-space: nowrap;
font-family: Tungsten;
letter-spacing: 1.25px;
}
.topLinks #widget_minishopcart:hover {
cursor: pointer;
}
.header-middle.CCG_White_Border {
margin-bottom: 0;
}
.site-header-container + .site-header-container {
padding-top: 0.5rem;
box-shadow: 0 0.625rem 0.625rem 0 rgba(0,0,0,.1);
}
.top_Logo{
margin: 0.1rem 0 0.1rem;
height: 2.1875rem;
width: auto;
}
.top_Logo_second {
padding-left: 1rem;
margin-left: 0.75rem;
border-left: 1px solid #ffffff;
}
.carharttWhiteBtn{
border :1px solid white;
font-size: 16px;
text-align: center;
padding: 8px 14px;
color: #333333;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.5px;
}
.logo #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content{
margin: 0;
text-align:center;
}
.carharttBtn{
margin-left: 10px;
}
@media only screen and (max-width: 320px) and (max-width: 325px){
.carharttBtn{
margin-left: 5px;
}
}
.reviewProofs_TableSection{
float: left;
width: 20%;
text-align: center;
}
.orderHistory_TableSection{
float: left;
width: 16.6%;
text-align: left;
font-size: 0.9rem;
}
.orderHistory_TableSection_Big{
float: left;
width: 19.8%;
text-align: left;
font-size: 0.9rem;
}
.orderHistory_TableSection_Small{
float: left;
width: 15%;
text-align: left;
font-size: 0.9rem;
}
.brown_dark{
color: #975f20 !important;
}
.tableHeader_marginTopBot{
margin: 10px 0px;
text-transform: uppercase;
}
.view_proof_width{
width: calc(100% - 40px);
margin-left: 10px;
}
.carharttGoldBtn{
color: #333333 !important;
background: #fdb913;
font-size: 16px !important;
text-align: center;
padding: 8px 14px;
line-height: 16px;
border: 2px solid #fdb913;
font-family: Tungsten;
letter-spacing: 1.25px !important;
border-radius: 10px;
}
.mobile_8width{
width: 8em;
}
/* 112863 */
.closeForm_btn{
float: right;
margin: -20px 0px 15px 0px;
text-decoration: none;
font-size: 36px;
color: #818181;
}
/* 112863 */
/* 112870 */
.closeForm_btn_newRoster{
float: right;
margin: -10px 0px 15px 0px;
text-decoration: none;
font-size: 36px !important;
color: #818181;
}
/* 112870 */
.carharttTransBtn{
color: #222222;
border: 2px solid #222222;
background-color: #ffffff;
font-size: 1.1rem !important;
text-align: center;
padding: 8px 14px;
line-height: 16px;
font-family: Tungsten;
letter-spacing: 1.25px;
}
a.carharttGoldBtn, a.carharttTransBtn ,a.carharttWhiteBtn{
display:block;
text-transform: uppercase;
text-decoration: none!important;
}
a.carharttGoldBtn .button_text, a.carharttTransBtn .button_text, a.carharttWhiteBtn .button_text{
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.5px;
font-size: 1.1rem;
letter-spacing: 1.1px;
}
.carharttTransBtn.nodisplay{
display:none;
}
.CCG_loginIcon{
background-image: url(../images/new/account.png);
background-repeat: no-repeat;
position: relative;
background-position: 7px 62%;
background-size: 23%;
}
.ccg-sign-out-icon {
vertical-align: middle;
position: absolute;
margin-left: 0.5rem;
}
.myAccountLabel {
width: 100%;
}
.myAccountLabel > a.CCG_loginIcon.carharttWhiteBtn {
padding: 17px 15px 0 39px;
font-size: 16px;
text-decoration: none;
}
.myAccountLabel > a.carharttWhiteBtn{
border-left:1px solid white;
}
.carharttWhiteBtn .button_text > img{
max-width: 27%;
position: relative;
top: 3px;
margin-right: 10px;
}
.CCG_White_Border{
border-bottom: 1px solid #ccc;
margin: 0px 0 1.5em;
}
.button_top_checkout .carharttGoldBtn {
position: relative;
top: -2.6em;
}
#quickLinksBar button {
text-transform: uppercase;
background-color: inherit;
}
#quickLinksBar button:hover {
text-decoration: underline;
cursor: pointer;
}
#widget_minishopcart .minicart-caption {
position: relative;
top: 0.1875rem;
left: -0.5rem;
}
.topLinks > #quickLinksBar > li {
border-right: none;
}
.topLinks .carharttGoldBtn{
float: right;
margin: 0px 0px 10px 0px;
display: inline-flex;
}
.topLinks .arrow_button_icon{
display:none;
}
.topLinks #widget_minishopcart {
position: relative;
min-width: 3rem;
height: 2.25rem;
margin: 0;
padding: 0 !important;
background-image: none;
background-color: initial;
border: none !important;
border-radius: unset;
overflow: hidden;
}
.minicart-button {
display: flex;
align-items: center;
}
.minicart-button #minishopcart_total {
margin-left: 0.5rem;
margin-right: 0.5rem;
background-color: #fdb913;
color: #222;
}
.topLinks #quickLinksBar > li > * {
color:#333333;
font-size:14px;
line-height:16px;
}
.textRight{
text-align: right;
}
.pullRight{
float: right;
}
.clearAll{
content: "";
display: block;
clear: both;
}
.header_top_options{
padding: 10px 0px;
margin-left: 15px;
}
.header_top_options ul{
margin: 0px;
padding: 0px;
}
.header_top_options ul li{
float: left;
padding-left: 10px;
list-style: none;
}
.header_top_options ul li:first-child{
padding-right: 10px;
padding-left: 0px;
border-right: 1px solid #ccc;
}
.header_top_options ul li a{
display: block;
padding: 2px 0px;
font-size: 1.2rem;
text-transform: uppercase;
font-family: Tungsten;
font-weight: 400;
letter-spacing: .125rem;
text-decoration: none;
transition: all ease .5s;
}
.header_top_options ul li a:hover{
text-decoration: underline;
}
.mainMenu #departmentsMenu {
float: left;
width: calc(100% - 14.2rem);
margin: 0px 0px 0px 2rem;
text-align: center;
}
.toggle_MainMenu_mobile{
display: none;
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.mainMenu #departmentsMenu {
position: fixed;
display: block;
left: -380px;
top: 0;
margin: 0px !important;
padding: 50px 20px 10px 20px !important;
height: calc(100vh - 60px);
overflow: auto;
width: 285px;
text-align: center;
box-shadow: 5px 0px 12px rgba(0, 0, 0, .4);
cursor: pointer;
}
.departmentMenu > .header > .link{
font-size: 1.5rem;
}
.categoryList > li > .ccg-l2-link{
font-size: 1.4rem;
padding: 12px 0px;
}
.toggle_MainMenu_mobile{
display: block;
position: absolute;
right: 20px;
top: 20px;
z-index: 10;
}
}
.mainMenu .departmentButton > span {
display: table-cell;
max-width: fit-content;
height: auto;
padding: 0 .8rem 0 0;
border: 0;
color: #333333;
font-size: 1.5rem;
text-transform: uppercase;
line-height: 1.17rem;
font-family: Tungsten;
font-weight: 400;
letter-spacing: .02rem;
}
.mainMenu ul li:last-child a span{
padding-right: 0;
}
.mainMenu .departmentButton {
background-image: none;
border:0px;
}
.mainMenu .arrow_button_icon{
display:none;
}
.posRelative{
position:relative;
}
.topLinks #quickLinksBar > li > #myCartButton {
position: absolute;
top: 0.8rem;
width: fit-content;
width: -moz-max-content;
}
#quickLinksBar .ccg-sprite {
vertical-align: middle;
}
.topLinks li{
list-style-type: none;
}
.list-inline > li{
display:inline-flex;
}
.CCGPDP_tab_header .tab_header{
display: table;
border-spacing: 0;
max-width: fit-content;
margin-left: 0;
}
.CCGPDP_tab_header .tab_header .tab_container {
margin-right: 20px;
float: none;
padding: 9px 0;
border: none;
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: var(--gray-600);
text-transform: uppercase;
background:none;
}
.CCGPDP_tab_header .tab_header .tab_container.active_tab{
border-bottom: 3px solid #fdb913;
width: fit-content;
margin-right: 20px
}
.CCGPDP_tab_content.tab {
border: none;
border-radius: none;
margin-top: 0px !important;
width: 100%;
}
.CCGPDP_tab_content .content{
padding: 1em 0 0 0;
font-size: 1em;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
color:#717171;
}
#searchTermWrapper {
min-width: 11rem;
width: -webkit-fill-available;
width: -moz-available;
background: #fff;
border-radius: 5px 0px 0px 5px;
margin-top: 4px;
}
#searchTermWrapper > input {
width: 91%!important;
}
@media only screen and (min-width: 400px) and (max-width: 680px){
#searchTermWrapper{
margin-left: 0px;
width: 6.9rem;
}
}
@media only screen and (min-width: 0px) and (max-width: 399px){
#searchTermWrapper{
margin-left: 0px;
width: 4.5rem;
}
}
.myAccountLabel > a{
text-transform: uppercase;
font-size: 1.1em;
padding-left: 0.5em;
margin-left: 0.5em;
}
.myAccountLabelName{
position: relative;
padding: 0 0.3em;
}
.myAccountLabel > a.carharttGoldBtn {
text-decoration: none;
border: none;
}
.savedOrders{
display:flex;
}
.text-right{
text-align:right;
}
#AddressForm select {
margin: 0.5em 0 1em;
}
.mobile{display:none;}
.size-main-image{
min-height: 8em;
padding:1em 2em;
color: #000;
border-bottom: 2px solid #ccc;
}
#size-main-image > img{
width:100%;
border: 2px solid #ccc;
}
#size-choose-color, #share-choose-color {
height: 17px;
width: 17px;
border: 1px solid white;
}
#size-choose-color > img ,#share-choose-color > img {
position: relative;
max-width: unset;
width: 25px;
height: 25px;
object-fit: none;
border-radius: 15px;
}
#size-color, #share-color{
margin-left:0.5em;
font-size:14px;
font-weight:normal;
}
.qtyExceedError{
color:#e31f26;
font-size:14px;
background-image: url(../images/new/warning.png);
background-repeat: no-repeat;
background-position: top left;
padding: 0 1.5em 0!important;
}
.inv_size_css{
padding-left: 8rem;
}
.inv_size_select{
width: 1em;
position: absolute;
margin-left: 7rem;
margin-top: 0.12rem;
}
.inv_size_red_cross img{
width: .9em;
position: absolute;
margin-left: 7rem;
margin-top: 0.3rem;
}
#accordion_header{
padding-top:1em;
}
.itemQty.oos .qtyExceedError{
display:block;
}
.itemQty .qtyExceedError{
display: none;
}
.sizes-option{
padding-left: 0px;
}
.sizes-option > li {
width: 64px;
height: 56px;
float: left;
list-style: none;
display:table;
}
#minQty{
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "ITC Conduit W04";
background-color: #e31f26;
background-image: url(../images/new/warning-new.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 4px 1.5em !important;
margin: 1em 0;
background-size: 25px;
}
#zeroQty{
color: #fff;
font-size: 16px;
line-height: 20px;
font-family: "ITC Conduit W04";
background-color: #e31f26;
background-image: url(../images/new/warning-new.png);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 4px 1.5em !important;
margin: 1em 0;
background-size: 25px;
}
.ccg-sprite.blacktrashcan {
height: 23px;
width: 21px;
background-position: 0px 70px;
background-size: 133px;
}
.sizes-option > li > a.box-size{
font-size: .75rem;
line-height: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
text-align: center;
color: #333333;
border: 1px solid #949494;
padding: 11px 0px;
display: table-cell;
height: 32px;
vertical-align: middle;
width: 64px;
}
.CCGAddressBookHd1{
font-size: 24px;
font-weight: bold;
font-style: normal;
color: #333333;
border-bottom: 1px solid #cccccc;
padding: 8px 0;
text-transform: uppercase;
margin-bottom: 10px;
font-family: "ITC Conduit W04";
}
.ccgAddBookHd2{
text-transform: uppercase;
padding: 1em 0 0;
border-top: 1px solid #cccccc;
margin: 1em 0 0.5em;
}
.walletAddNewAddress {
max-width: 22.5rem;
margin: 2em auto;
}
.walletAddNewAddress.CCG_Title > h1 {
font-size: 2.25rem;
}
.continueCheckoutBtn{
float:right;
margin-right: 5em;
margin-bottom: 1em;
}
.continueCheckoutBtn .button_checkout{
right:0px;
}
.box-size .inv_stock{
width: 10px;
margin-right: 2px;
}
.sizes-option > li > a.box-size.unavailable {
color: #333333;
pointer-events: auto;
background-image: url("../images/new/unavailable.jpg");
background-size: 100% 100%;
}
.sizes-option > li > a.box-size.unavailable span{
background:#F8F8F8;
border: 1px solid #333333;
color: #717171;
font-size: 10px;
height: 33px;
padding: 4px;
letter-spacing: 0.2px;
line-height: 11px;
position: absolute;
text-align: start;
text-transform: uppercase;
display:none;
}
.sizes-option > li > a.box-size.unavailable span:after{
position:absolute;
border-bottom:5px solid #dfdfdf;
border-right:5px solid #dfdfdf;
background:#f8f8f8;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sizes-option > li > a.box-size.unavailable:hover span{
display:block;
}
.payment-method__credit-card-container {
top: 1rem;
position: relative;
}
.payment_info_container{
width: 25rem !important;
}
@media(min-width:0px) and (max-width:435px){
.payment_info_container{
width: 100% !important;
}
}
div.namePartPriceContainer h1.main_header.pdp_Heading{
font-size: 40px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 1.25px;
text-transform: uppercase;
font-family: Tungsten;
padding-top: 16px;
}
div.namePartPriceContainer > span.sku.pdp_SKU{
font-size: 16px;
font-style: normal;
line-height: 16PX;
letter-spacing: normal;
display: block;
border-bottom: 1px solid #e5e5e5;
padding: 1em 0;
margin: 0 0 1em 0;
color: #333333;
}
.colorTextDesktop.color-swatches-Text {
margin: 20px 0 0;
}
.namePartPriceContainer .row.collapse.extra-info {
border-bottom: 1px solid #e5e5e5;
}
.colorTextDesktop span#colorText {
font-weight: normal;
padding-left: 10px;
display: inline-block;
letter-spacing: 0px;
}
.color-swatches-PDP ul {
margin: 0;
padding: 0px;
}
.pdpRedesign > a{
border: 2px solid #ffffff;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
}
.filter-swatches.color-swatches.color-swatches-PDP.defining-attribute {
display: block;
padding: 0 0 1.5em 0;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 0.5em 0;
}
.each_txt{
font-size: 12px;
color:#333333;
}
.definingAttributes .pdp_Price {
font-size: 2.2rem;
line-height: 2rem;
font-family: Tungsten;
letter-spacing: 1.25px;
}
.definingAttributes .pdp_Price .pdp_Price__container {
font-weight: 700;
}
.marB10{
margin-bottom:10px;
}
.product_info .marB10{
margin-bottom:0px;
}
.pdp_Share{
font-size:1rem;
font-weight:bold;
cursor:pointer;
text-transform: uppercase;
margin-bottom:20px;
font-family: Tungsten;
letter-spacing: 1.25px;
}
div#continueShoppingButton > a {
right:120px;
margin-top:8px;
}
.pdp_Share img{
margin-right:5px;
position: relative;
top:7px;
}
.button_secondary.CCG_backBtn {
left: 0px;
}
.newList .button_secondary {
left: 0px;
}
#update-card label{
text-transform:uppercase;
font-weight: 400;
font-size: 1.1rem;
font-family: Tungsten;
letter-spacing: 1.1px;
}
.accordion_head > span{
float:right;
}
.CCG_Order_Summary {
font-size: 12px;
font-weight: normal;
line-height: 1;
}
.itemspecs.CCG_OrderSumm_Font {
line-height: 2;
}
#searchButton::before {
right: 0px;
content: url(../images/new/search.png);
position: absolute;
top: 5px;
right: 5px;
}
.CCGAddressForm{
padding:1em 2em;
}
.CCGAddressForm h1{
font-family: "ITC Conduit W01";
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color:#333333;
text-transform: uppercase;
}
button.btn-personalize{
border: solid 4px #fdb913;
background: linear-gradient(105deg, #fad961, rgba(151, 95, 32, 0));
padding: 1.3em 0;
letter-spacing: 0.5px;
color: #333333;
margin: 1em 0;
}
.CCGAddressForm input,.CCGAddressForm select,
#findOrders_country-button,#RegisteredCustomersSearch_country-button,
#RequisitionListInfoForm input,
#RequisitionListInfoForm a.requisitionList_type_selection .button_text,
.savedGearInput,
.createTableList input,#newListPublicPrivateDropdown select,
#WC_UserPasswordUpdateForm_div_2 input,
#AddressSelection select,
.sign_in_registration input[type="text"],
.sign_in_registration input[type="password"],
#WC_OrganizationUserInfo_userDetails_pageSection input,
#WC_OrganizationUserInfo_userAddress_pageSection input,
#WC_OrganizationUserInfo_userAddress_pageSection select,
#WC_OrganizationUserInfo_userAddress_pageSection .wcSelect,
#WC_AdvancedSearchForm_div_8 select,
#WC_AdvancedSearchForm_div_21 select,
#WC_AdvancedSearchForm_div_25 select{
border: solid 1px #949494;
background-color: #f7f7f7;
width: calc(100% - 70px);
height: 14px;
color:#717171;
padding:1em;
margin-bottom: 2.5rem;
border-radius: 0px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .9rem !important;
font-weight: normal;
letter-spacing: 0;
border-radius: 10px;
transition: all ease .3s;
}
.CCGAddressForm .label_spacer,
#RequisitionListInfoForm .label_spacer
{
font-family: "ITC Conduit W01";
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color:#333333;
padding: 1em 0 5px;
text-transform: uppercase;
}
.CCGAddressForm .carharttGoldBtn{
border:2px solid #fdb913;
}
.dynamic_group_form{
position: relative;
}
.dynamic_group_input{
color: #717171;
padding: 12px;
width: 230px;
border: none;
outline: 1px solid #949494;
background: #fff !important;
transition: outline-color 500ms;
}
.dynamic_group_input:-internal-autofill-selected{
background: #fff !important;
}
.dynamic_group_input:is(:focus){
outline: 2px solid #FDB913;
border: solid 1px #fff !important;
}
.dynamic_group_label{
position: absolute;
top: -2.2rem;
left: -.9rem;
translate: 15px 15px !important;
color: #717171 !important;
transition: translate 500ms, scale 500ms;
}
.dynamic_group_input:focus + .dynamic_group_label,
.dynamic_group_input:focus-visible + .dynamic_group_label,
.dynamic_group_input:not(:placeholder-shown) + .dynamic_group_label,
.dynamic_group_input:-webkit-autofill + .dynamic_group_label,
.dynamic_group_input:-internal-autofill-selected + .dynamic_group_label {
/* padding-inline: 5px;
translate: 10px -11px !important;
scale: 0.9;
background-color: #fff;
color: #000 !important;
cursor: default !important; */
}
.dynamic_group_input::placeholder{
opacity: 1;
}
/* media for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome,.dynamic_group_label{
position: absolute;
top: -2.2rem;
left: -.9rem;
color: #717171 !important;
cursor: text !important;
transition: translate 500ms, scale 500ms;
}
::i-block-chrome,.dynamic_group_input::placeholder{
opacity: 1 !important;
}
}
.departmentMenu > .header > .link {
color: #333333;
}
.CCG_Title>h1{
font-family: Tungsten;
font-size: 3rem;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 1.25px;
color:#333333;
text-transform:uppercase;
padding: 10px 0 10px !important;
font-weight: 400;
letter-spacing: 1.25px;
}
.CCG_PasswordResetForm .registration_header{
font-family: Tungsten;
letter-spacing: 1.25px;
font-size: 1.5rem;
font-weight: 600;
color:#333333;
text-transform: uppercase;
}
.forgot_password_container {
border: 1px solid #e5e5e5;
border-top: none;
}
.forgot_password_content{
padding: 1em;
}
.forgot_password_content p{
margin:0 0 1em;
}
.CCG_PasswordResetForm label{
font-family: "ITC Conduit W01";
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color:#333333;
padding: 1em 0 5px;
display:block;
text-transform: uppercase;
}
.CCG_PasswordResetForm input{
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:1em;
width: -webkit-fill-available;
width: -moz-available;
margin: 0 0 1em;
}
.CCG_NoAcc {
border-top: 1px solid #e5e5e5;
display: block;
margin: 1em 0 0;
padding: 1em 0;
text-align: center;
color: #333333;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
}
.CCG_PasswordResetForm a.carharttGoldBtn, .CCG_PasswordResetForm a.carharttTransBtn {
padding: 7%;
font-family: Tungsten;
font-size:24px !important;
font-weight: 400;
letter-spacing: 1.25px !important;
}
.CCG_PasswordResetForm h3{
font-family: Tungsten;
font-size: 20px;
color:#333333;
font-weight: 100;
margin: 3px 0;
text-transform : initial;
letter-spacing: 1.1px;
}
.CCG_PasswordResetForm .text-capital{
text-transform : uppercase;
font-weight: 100;
}
.CCGResetPasswordForm{
font-family: "ITC Conduit W01";
font-size: 24px;
color:#333333;
font-weight: 600;
padding-top: 1em;
}
.CCG_PasswordResetForm textarea{
width: 100%;
border: solid 1px #949494;
background-color: #f7f7f7;
color: #717171;
padding: 1em;
}
#MiniShopCartContents{
position: absolute;
right: 0px;
z-index: 10!important;
}
#visualizerPopup {
position: fixed;
top: 0;
left: 0;
width: 100%!important;
height: -webkit-fill-available!important;
}
#MiniShopCartProductAdded{
position: absolute;
z-index: 12;
top: 37px!Important;
right:0px;
background-color: #ffffff;
border: 1px solid #c9cece;
border-top: 3px solid #ffa200;
border-radius: 0 0 4px 4px;
height: calc(100vh - 37px);
}
.minicartFooter{
position: absolute;
bottom: 145px;
}
.CCG_LeftFilter .clearAll {
float: right;
text-align: right;
line-height: 22px;
font-size: 13px;
color: #404040;
position: relative;
}
.CCG_LeftFilter h3{
float: left;
font-family: Tungsten;
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
}
.CCG_LeftFilter .facetSelectContainer {
margin: 0;
padding: 0px 16px;
border-radius: 0;
background: #f4f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.CCG_LeftFilter .facetSelect li{
font-size: 14px;
font-weight: normal;
font-style: normal;
color: #000;
padding: 12px 5%;
border: none;
}
.CCG_LeftFilter .optionContainer .arrow {
margin: -4px 12px 0px 0px;
overflow: visible;
}
.CCG_LeftFilter .optionContainer .arrow:before {
content: '\002D'!important;
position: absolute;
left: -35px;
color: #000 !important;
font-size: 35px !important;
top: 0px !important;
border-radius: 20px;
border: 2px solid #000;
padding: 1px 7px 5px 7px;
line-height: 17px;
letter-spacing: 0px;
}
.CCG_LeftFilter .optionContainer .arrow.arrow_collapsed:before {
content: ' \002B'!important;
color: #000 !important;
font-size: 35px !important;
top: 0px !important;
padding: 0px 6px;
line-height: 23px;
letter-spacing: 0px;
}
.CCG_LeftFilter .optionContainer > .title {
color: #333333;
font-family: Tungsten;
font-size: 1.1rem;
font-weight: 400;
border-top: none;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 1.25px;
margin: 0px;
border-radius: 0px;
background: transparent;
padding: 12px 0px 12px 50px;
min-height: auto;
text-transform: uppercase;
}
.searchFilterTitleMargin h3{
margin-bottom: 15px !important;
}
.CCG_LeftFilter #facetFilterListWrapper .facetSelected {
list-style: none;
font-size: 13px;
line-height: 30px;
background: #333333;
padding: 0 10px 0 5px;
width: fit-content;
min-width: auto;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #ffffff;
margin: 2px 2px 0px 2px;
vertical-align: middle;
}
.CCG_LeftFilter #facetFilterListWrapper{
padding: 0px 15px;
}
.CCG_LeftFilter #facetFilterListWrapper > .facetSelectedCont {
border-top: none;
}
.CCG_FilterHd > .row {
padding: 0.5rem 0 1rem;
}
.CCG_LeftFilter .facetWidget {
background: #fff;
border-radius: 0px;
}
.CCG_FilterHd [id*='section_button_']{
border: none !important;
}
.CCG_FilterHd fieldset{
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.CCG_FilterHd fieldset:first-child{
border-top: 1px solid #cccccc;
}
/* 112451 */
.onlyMobile{
display: none !important;
}
.onlyDesktop{
display: block !important;
}
.toggle_filterMenu_mobile{
display: none;
}
.mobile_l2_menu{
padding: 15px 0px;
border-bottom: 1px solid #ccc;
}
.mobile_l2_menu ul{
margin: 0px;
padding: 0px;
}
.mobile_l2_menu ul li{
margin: 0px;
padding: 0px ;
list-style: none;
}
.mobile_l2_menu summary{
position: absolute;
text-align: right;
font-size: 1.4rem;
width: 1rem;
margin: 0px;
padding: 0px;
top: 0;
right: 0;
z-index: 9;
}
.mobile_l2_menu .l2_mobile_name{
margin: 0px;
padding: 0px;
font-size: 1.5rem;
font-family: Tungsten;
letter-spacing: 1.25px;
}
.mobile_l2_menu .menuLink span{
display: block;
margin: 10px 0px 10px 20px;
padding: 0px;
font-size: 1.35rem;
font-family: Tungsten;
letter-spacing: 1.25px;
}
.mobile_l2_menu .ccg-l3-container{
margin: 7px 0px 7px 40px;
padding: 0px;
}
.mobile_l2_menu .ccg-l3-container li a{
display: block;
font-size: 1.22rem;
font-family: Tungsten;
letter-spacing: 1.25px;
margin: 10px 0px;
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.onlyMobile{
display: block !important;
}
.onlyDesktop{
display: none !important;
}
.CCG_LeftFilter .facetWidget{
position: fixed;
top: 0;
left: 0;
width: 75%;
height: 100vh;
overflow: scroll;
box-shadow: 10px 0px 8px rgba(0, 0, 0, .3);
z-index: 10;
}
.toggle_filterMenu_mobile{
display: block;
float: right;
width: 24px;
margin: 20px 15px 10px 0px;
}
.clearAll_mobile_filter{
float: left;
margin: 24px 0px 0px 15px;
font-weight: bold;
}
.close_mobile{
float: left;
position: relative;
width: 17px;
height: 17px;
overflow: hidden;
margin-top: 0px;
margin-right: 3px;
}
.facetSelected{
background: none !important;
font-weight: bold !important;
padding: 0px !important;
margin-right: 15px !important;
}
.filter_option{
color: #000;
font-size: 16px;
}
.CCG_LeftFilter #facetFilterListWrapper > .facetSelectedCont {
border-bottom: none;
margin-bottom: 10px;
}
div[id*='section_button_']{
border-bottom: 1px solid #333;
}
div[id*='section_button_']:last-child{
border-bottom: none;
}
.facetWidget .close:before{
content: url('/wcsstore/CCGSAS/images/new/x.png');
top: -5px;
left: 0px;
}
.facetWidget .close{
width: 17px;
overflow: inherit;
}
.colorFilter_closePosition{
margin-left: 8px !important;
margin-top: 13px !important;
}
}
/* 112451 */
/* @media only screen and (min-width: 0px) and (max-width: 600px){
.CCG_LeftFilter .facetWidget{
position: fixed;
top: 0;
left: 0;
width: 70%;
height: 100vh;
overflow: scroll;
box-shadow: 10px 0px 8px rgba(0, 0, 0, .3);
z-index: 10;
}
} */
.listTable .toolbar .newList.CCG_AddWallet{
float: none;
z-index: 9;
position: absolute;
}
#popup {
width: 80%;
height: auto;
padding: 20px;
position: relative;
background: #fff;
margin: 20px auto;
}
.DAV_address_form h3{
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
border-bottom: 1px dashed;
padding: 1em 0;
margin-bottom: 1em;
text-transform: uppercase;
}
.dav-header{
background:#222222;
padding:1em ;
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #ffffff;
margin: 1em 0;
text-transform: uppercase;
}
.DAV_address h6{
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
}
.CCG_hd1{
font-size: 48px;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
text-transform: uppercase;
padding: 16px 0;
border-bottom: 4px solid #333;
margin-bottom:24px;
}
.CCG_hd2{
font-size: 2em;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
text-transform: uppercase;
padding: 24px 0;
border-bottom: 4px solid #333;
}
.CCG_RegistrationForm input[type="text"],.CCG_RegistrationForm input[type="tel"],.CCG_RegistrationForm input[type="password"],.CCG_RegistrationForm select,.pageSection .field input[type="text"],.pageSection .field .wcSelect,#OrganizationUsersList_toolbar input[type="text"],.organizationSelectionEditPage input{
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:1em;
width: 278px;
height: 14px;
margin: 0 0 1.5em!important;
border-radius: 0px;
}
.walletPageSection input[type="text"],.walletPageSection input[type="tel"], .walletPageSection select form select{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:1em;
width: 278px;
height: 14px;
margin: 0 0 1em!important;
border-radius: 0px;
}
#stateDiv select{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:.7rem;
width: 312px;
height: 48px;
margin: 0 0 1.5em!important;
border-radius: 0px;
}
#OrganizationUsersList_table.listTable .toolbar .field .wcSelect{
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:8px ;
width: 99%;
margin: 0 0 1em!important;
border-radius: 0px;
}
#organizationSelection #OrganizationListWidget-button{
font-family: "ITC Conduit W01";
font-size: 16px;
font-weight: bold;
line-height: 1;
letter-spacing: normal;
color:#333333;
padding: 0 0 5px;
text-transform: uppercase;
border: none;
background: transparent;
cursor: not-allowed;
pointer-events: none;
touch-action: none;
}
#organizationSelection #OrganizationListWidget-button .ui-selectmenu-icon{
display: none;
}
.pageSection .field .wcSelect{
padding: 10px!important;
}
.walletPageSection .carharttGoldBtn{
border: 2px solid #fdb913;
margin-right: 1em;
font-weight: bold;
width: -webkit-fill-available;
width: -moz-available;
}
.walletPageSection .carharttBlackBtn{
border: 1px solid #222222;
background: #222222;
color:#fff;
font-weight: bold;
font-size: 16px;
text-align: center;
padding: 8px 14px;display: block;
text-transform: uppercase;
text-decoration: none!important;
line-height: 16px;
width: -webkit-fill-available;
width: -moz-available;
}
.CCG_RegistrationForm .column_label,form .column_label{
font-family: Tungsten;
font-size: 1.2rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 1.25px;
color:#333333;
padding: 0 0 5px;
text-transform: uppercase;
}
.CCG_RegistrationForm_Border{
padding: 0 0 1em 0;
margin: 0 0 10px 0;
}
.CCG_RegistrationForm .zipcode {
width: auto;
}
.CCG_PDPTophd h2{
font-size: 4.375rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 1.75px;
font-family: Tungsten;
}
.text-right h2, .text-right h4{
display:inline-block;
vertical-align:middle;
}
.col6.col6.text-right {
margin-top: 15px;
}
.text-right h2{
font-size:35px;
}
.CCG_PDPTophd h4,.CCG_WalletHd{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
}
.CCG_PDPTophd {
border-bottom: 2px solid #333333;
padding-bottom: 2em;
margin-top: 2em!important;
margin-bottom: 2em!important;
}
.CCG_PDPGrid .grid_mode li{
float: left;
width: 33.2%;
}
.CCG_PDPGrid .grid_mode .product_name {
padding: 0.5em 0px 0px 15px;
min-height: 70px;
font-size: 16px;
line-height: 16px;
}
.CCG_PDPGrid .product_info > .product_price {
color: #333333;
font-size: 14px;
font-weight: bold;
}
.CCG_PDPGrid .PDP_badges{
padding:0 1em;
}
.CCG_PDPGrid .product-badges img {
width: auto;
max-height: 15px;
max-width: 100%;
display: inline;
vertical-align: top;
margin-bottom: 2px;
}
.CCG_PDPGrid .compare_target {
display: block;
font-size: .9rem;
text-transform: uppercase;
color: #333333;
line-height: 1rem;
font-weight: 100;
padding: 0.5rem 0;
margin: 0 0.8rem;
text-align: right;
border-radius:0px;
position: absolute;
width: 87%;
bottom: 0;
}
#container_orgUserList_detail .CCG_PDPTophd{
display:none;
}
.checkcontainer {
display: block;
position: relative;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkcontainer .iradio_square-ccg {
margin-right: 0.5rem;
}
label.checkcontainer.approvalSection, label.checkcontainer.revisionSection {
cursor: default;
}
span.dateTimeText {
font-style: italic;
}
.radiobtn {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border:1px solid #333;
border-radius: 50%;
}
.checkcontainer input:checked ~ .radiobtn:after {
display: block;
border: 2px solid orange;
}
.checkcontainer .radiobtn:after {
top: 0px;
left: 0px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #333;
}
.radiobtn:after {
content: "";
position: absolute;
display: none;
}
.walletPageSection label{
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
color:#333333;
font-size: .9rem;
}
#quickInfoPopup > div#CCG_EditPopup {
padding: 1em;
position: fixed;
z-index: 201;
top: 2%;
right: 0px;
left: 0px;
width: 55em;
background: #fff;
margin-left: auto;
margin-right: auto;
overflow-y: scroll;
height: 90%!important;
}
#quickInfoMainImageccg{
width: 100%;
}
.CCG_Sku{
font-size: 16px;
font-style: normal;
line-height: 16PX;
letter-spacing: normal;
display: block;
border-bottom: 1px solid #e5e5e5;
padding: 1em 0;
margin: 0 0 1em 0;
font-family: "ITC Conduit W01";
}
.CCG_EditHd1{
font-size: 40px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
text-transform: uppercase;
font-family: "ITC Conduit W01";
}
.CCG_EditDesc{
color: #717171;
line-height: 20px;
font-family: "ITC Conduit W04";
}
.CCG_EditPrice .price{
font-size: 32px;
font-family: "ITC Conduit W01";
line-height: 32px;
}
.color_and_size select{
border: solid 1px #949494;
background-color: #f7f7f7;
color: #717171;
padding: 6px;
margin: 0 0 0.5em!important;
border-radius: 0px;
width: 100%;
}
select.inputField{
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:1em;
width: -webkit-fill-available;
width: -moz-available;
margin: 0 0 1em!important;
border-radius: 0px;
}
.left-text-tops {
font-family: "ITC Conduit W07", sans-serif;
}
.CCGPDP_tab_body.accordion_body{
background: white;
}
.menuDropdown_csr .panel {
margin: 0;
padding: 15px;
background: white;
font-family: "ITC Conduit W01";
color: #333333 !important;
font-size: 16px !important;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom: 1px solid #edeff0;
}
#QuickLinks_GlobalLogin_loggedInDropdown_SignOut{
color: #333333 !important;
background: #fdb913;
font-size: 16px;
text-align: center;
padding: 8px 14px;
line-height: 16px;
border: 2px solid #fdb913;
width: auto;
border-radius: 0px;
}
#QuickLinks_GlobalLogin_loggedInDropdown_SignOut .button_text{
border: none;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.quickCSRLinks.lastElement{
color: #222222;
border: 2px solid #222222;
background-color: #ffffff;
font-size: 16px;
text-align: center;
padding: 8px 14px;
line-height: 16px;
color: black;
font-weight: 700;
text-transform: uppercase;
}
.pageControl.number {
margin: 0;
}
.orderDetailSummaryProductVal img{
max-width:100%;
}
.CCG_TabHead.accordion_container {
border-bottom: none;
margin: 0!important;
padding: 0;
border-top: 2px solid #333;
padding-bottom: 1em;
}
.CCG_TabHead.accordion_container:last-child {
border-bottom: 2px solid #333;
}
.CCGaccordion {
width: 100%;
color: #333;
cursor: pointer;
padding: 0em 8px 5px;
border: none;
font-size: 24px;
transition: 0.4s;
background-color: white;
display: flow-root;
width: -webkit-fill-available;
text-align: left;
font-family: "ITC Conduit W07";
}
.CCGaccordion img{
max-width: 5%;
position: relative;
top: 7px;
}
.CCGaccordion:after {
content: '\002B';
color: #333;
font-weight: bold;
float: right;
margin-top: 13px;
font-size: 32px;
}
.CCGaccordion.active:after {
content: "\2212";
}
.CCGpanel {
padding: 0 18px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
#registeredCustomersSearchResults .actionTitle {
padding: 0;
text-align: center;
font-size: 13px;
}
.mainMenu .departmentButton > span:hover{
color:#fdb913;
}
#quickLinksBar > li > a.savedGear {
padding-bottom: 3px;
}
.ccg-header-list > li {
vertical-align: middle;
}
#signInOutQuickLink.ccg-header-sign-out {
margin-top: 0.35rem;
padding: 0.25rem;
margin-left: auto;
margin-right: auto;
font-weight: 400;
font-family: Tungsten;
font-size: 1.1rem;
letter-spacing: 1px;
}
.ccg-header-list #myAccountQuickLink {
margin-top: -0.1475rem;
margin-left: auto;
margin-right: auto;
}
.CSRBorder{
border-top: 1px solid #ebebeb;
margin: 1em 0 0;
padding: 1em 0 0;
}
.field #findOrders_country-button {
height:39px;
}
.field #findOrders_Form_Input_state-button {
padding: 8px 6px;
border: solid 1px #949494;
background-color: #f7f7f7;
color: #717171;
border-radius: 0px;
font-family: "ITC Conduit W01";
width:80%;
}
.productDetailTable_csr .special.fullView{
word-break: break-all;
}
a#add2CartBtn:hover {
border: 2px solid #333;
}
.csrBrderBtn{
border: 1px solid #333333;
background-color: #ffffff;
padding:5px !important;
word-break: break-word;
width: 55px;
float:right;
text-transform:uppercase;
font-size: 14px;
font-family: "ITC Conduit W07";
}
#registerSubmit{
padding: 18px;
width: -webkit-fill-available;
font-weight:bold;
margin:0 0 1em;
}
.carharttGoldhoverBtn:hover, .carharttGoldBtn:hover{
border:2px solid #333333 !important;
}
.carharttTranshoverBtn:hover, .carharttTransBtn:hover{
border:2px solid #975F20 !important;
color:#975F20;
cursor:pointer;
}
.carharttGoldhoverSelectBtn:hover{
border:2px solid #333333;
padding: 18px 0 !important;
}
a#buyerDetailEditIcon:hover {
font-weight: bold;
color: #975f20;
}
.review_proof_approve .carharttTransBtn,
.review_proof_revise .carharttTransBtn{
transition: all ease .3s;
}
.review_proof_approve .carharttTransBtn:hover{
background: #277D29;
border-color: #277D29 !important;
color: #fff;
}
.review_proof_revise .carharttTransBtn:hover{
background: #E31F26;
border-color: #E31F26 !important;
color: #fff;
}
.buttonResize{
width: 204px;
height: 64px;
}
.logoui{
width: 17px;
height: 17px;
}
.logoui_large{
width: 90px;
height: 20px;
border-radius: 5px;
}
.ui-font-24 {
font-family: Tungsten;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 2px;
}
.registerbuttonResize{
width: 156px;
padding: 13px 0px;
}
.CCG_Error .WCTooltip {
position: relative;
}
.CCG_Error .WCTooltip > .container> .connector{
display:none;
}
.CCG_Error .WCTooltip > .container {
margin: 4px 0;
}
.CCG-ErrorMsg span.error{
color: red;
position: relative;
bottom: 1em;
}
.StoreImgWid{
float:left;
width:86%;
}
.BygLinktxtPos{
float:left;
width:30%;
position: absolute;
right:9%;
margin-top: 13px;
text-decoration: underline;
color:#975f20;
font-weight: 500;
font-family: "ITC Conduit W05";
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.BygLinktxtPos {
float: left;
width: 30%;
position: absolute;
right: 26%;
margin-top: -3px;
}
}
.registerText{
font-style: italic;
font-family:Conduit;
font-size:12px;
}
.registerDetails ul{
padding-left: 0% !important;
padding-top: 10px;
}
.registerDetails li{
padding: 2px 0px;
}
.Regbuttonheight{
position: absolute;
bottom: 10px;
}
.advSearchSelectWidth{
width: -webkit-fill-available !important;
width: -moz-available !important;
padding: 1.5rem !important;
}
.space2px{
margin-right: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
/* For Mozilla Browser */
@-moz-document url-prefix() {
.grid_mode .product .color-swatches li button.unavailable i {
margin: 0 auto;
margin-left: -8px !important;
}
}
/* For IE Browser */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.grid_mode .product .color-swatches li button.unavailable i {
margin: 0 auto;
margin-left: -8px !important;
}
}
.carharttGoldCartwidButton{
width: 330px;
height: 58px;
margin-left: 20px !important;
padding: 0px 0px !important;
}
.carharttGoldtextAlign{
float:left;
margin: 22px 0px 7px 84px;
}
.carharttGoldtextAlign2{
float:left;
margin: 20px 0px 7px 84px;
}
.arrow_paginationborder{
width: 2.5em;
height: 2.5em;
border: 1px solid #a0a0a0;
}
div#byg-click-to-view > a {
text-decoration: underline;
font-size: 1rem;
font-family: Tungsten;
letter-spacing: 1.1px;
font-weight: bold;
}
.CCG_hd4{
font-size: 48px;
font-weight: bold;
font-stretch: normal;
line-height: 36px;
letter-spacing: normal;
color: #333333;
text-transform: uppercase;
padding: 0 0 8px 0;
border-bottom: 2px solid #fdb913;
margin-bottom: 8px;
}
.CCG_hd5{
text-align:left;
}
.CCG_hd6{
padding-top: 0em;
}
.CCG_goldbtn1{
padding:1em;
}
.CAB_button_toggleIcon {
display: inline-block;
position: relative;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9f9), to(#e5e8e9));
background-image: linear-gradient(#f7f9f9, #e5e8e9);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#e5e8e9')";
border: 1px solid #bfbfbf;
border-radius: 0px;
border-spacing: 0;
vertical-align: middle;
color: #4d4d4d !important;
}
.CAB_button_toggleIcon:hover {
background-image: linear-gradient(#f7f9f9,#ced2d3);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f7f9f9),to(#ced2d3));
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9',endColorStr='#ced2d3')";
}
.CAB_font16_ui{
font-family:ITC Conduit W01;
text-transform: uppercase;
font-size: 1em !important;
}
.CAB_Lineseparator{
border-bottom: 1px solid #cccccc;
padding: 8px 0;
}
.CAB_Textalign{
padding: 0px 0px 0.625em 0.3em;
text-transform: uppercase;
}
.Form-caption-or-inst {
width: 19.5em;
height: 2em;
font-family: Tungsten;
font-size: 1.3rem !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: 1.25px;
color: #717171;
}
.carharttGoldCartwidButton2{
width: 326px;
margin-left: 20px !important;
padding: 14px 0px 12px 0px !important;
}
.continueShop-button{
width: calc(100% - 20px);
height: 38px;
margin-left: 20px !important;
padding: 0px !important;
margin-bottom: 5px !important;
font-size: 20px;
}
.CCG_Title.CCG_addBuyerHeading {
border-bottom: 2px solid #fdb913;
}
#WC_UserRegistrationAddForm_Buttons_1 a,.btn-basic{
width: 152px;
height: 16px;
padding: 14px 0;
}
@media screen and (max-width: 600px) {
.carharttGoldtextAlign{
float:left;
margin: 20px 0px 7px 55px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 426px) {
a#GotoCartButton1{
max-width:260px;
}
}
.myAccountAddBtn{
width: 118px;
height: 32px;
color: #222222;
border: 2px solid #222222;
background-color: #ffffff;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: 0.5px;
text-align: center;
margin-left: -15px !important;
}
.myAccountspanAdd{
float: left;
margin: 9px 0px 0px 30px;
font-size: 1rem !important;
letter-spacing: 1.1px;
}
.CCG_ErrorBorder{
border:2px solid red!important;
background-color:#ffe0e1!important;
}
.CCG_RegistrationForm select{
padding: 1em!important;
width: 312px;
height: auto;
}
.ListWidthName{
width: 13em !important;
}
.ListWidthShared{
width: 13.75em !important;
height: auto !important;
}
.PDPGenderLineSeparator{
border-bottom: 1px solid #e5e5e5;
padding-bottom: 1em;
text-transform: uppercase;
}
.MyWalletEditItem{
color: #333333;
font-size: 1em;
font-family: "ITC Conduit W05";
}
.MyWalletEditItem:hover {
color: #6d6147;
}
.trashcan {
width: 1em;
height: 1em;
object-fit: contain;
}
.row.CartFooter {
color: #222222;
}
@media(max-width:601px){
.row.CartFooter {
margin-bottom:20px;
}
}
.footer-terms-copyright a,.footer-terms-copyright {
text-align: center;
pointer-events: none;
cursor: default;
text-decoration: none;
}
#WC_OrganizationUserInfo_userDetails_pageSection.ccg-addBuyer.editView{
width: 40%;
}
#WC_OrganizationUserInfo_userDetails_title.ui-heading__border{
width: 280px !important;
}
.hoverStatusEnable:hover{
background-color:#277D29;
font-family: "ITC Conduit W07";
}
.hoverStatusDisable:hover{
background-color:#E31F26;
font-family: "ITC Conduit W07";
}
.bygorgaddresstitle{
color: rgb(51, 51, 51);
font-size: 16px;
font-weight: bold;
margin-top: 15px;
}
.gender_text{
font-family: TradeGothicNextLTPro-Rg;
font-size: .8rem;
letter-spacing: 0px;
margin-top: 5px;
}
.csrAccessBtnsearch{
}
.csrDisableBtnsearch{
}
.csrAccessBtnAccess:hover{
background-color: #277D29;
}
.csrAccessBtnEnable:hover{
background-color: #f21313;
}
.csrAccessBtnDisable:hover{
background-color: #E31F26;
}
.csrCrossimg{
margin-top: 3px;
margin-left: 4px!important;
margin-right: 2px;
padding-bottom: 3px;
}
.csrCrossimg:hover{
background-color: #E31F26;
}
.csrViewOrdr{
width:17px;
height:13px;
}
.csrHovrImg{
padding-top: 2px;
padding-left: 0px;
padding-right: 2px;
}
.ccgaddborderaddress{
border-bottom: 1px solid #cccccc;
padding-bottom:20px;
margin-bottom:20px;
border-top: 1px solid #cccccc;
padding: 30px 0px 30px 0px;
}
.font16STD{
font-size: 1rem;
color: #333333 !important;
font-weight: 600;
font-family: Tungsten;
letter-spacing: 1.25px;
}
.csrACCESSspan{
margin-top: 6px;
margin-left: 8px;
float: left;
}
.csrDisablespan{
margin-top: 6px;
margin-left: 4px;
float: left;
}
#stateDiv .CustomersSearch_Formselect,#findOrders_Form_Input_state{
border: solid 1px #949494;
background-color: #f7f7f7;
color:#717171;
padding:8px;
width: 278px;
height: 40px;
margin: 0 !important;
border-radius: 0px;
}
#RegisteredCustomersSearch_searchForm input,#FindOrders_searchForm input{
border: solid 1px #949494;
background-color: #f7f7f7;
width: 278px;
height: auto;
color:#717171;
padding:1em;
margin-bottom: 1em;
border-radius: 0px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-size: .8rem;
}
.ccgBookeditBtn{
padding: 9.5px;
margin-right: 5px !important;
}
.ccgfield{
margin-top:30px;
}
.addresssectionadj{
margin:-30px 0px 0px -25px;
}
.button_padding{
padding: 4px 6px;
}
.ccgaddnewaddress{
padding: 10px;
}
.ui-select-shippingbilling{
position:relative;
}
.ui-select-shippingbilling:after{
position:absolute!important;
}
#OrganizationUsersList_toolbar input[type="text"]{
height: auto!important;
width: 100%;
}
.CCGFindordermsg{
position:relative;
}
.CCGFindordermsg .WCTooltip{
position: absolute;
top: 0.5em;
width: max-content;
}
/* -----------------------------------------------------------------------------*/
/* Custom CCG Media Query
/* -----------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
.container {
max-width: 100%;
width: 100%;
}
.csrViewBtn {
padding: 1px !important;
}
.formField , .findOrderlistTable .content .field input,
.field #findOrders_country-button,.field #findOrders_Form_Input_state-button,.CustomersSearch_Formselect {
min-width: 100%;
width: 100%;
}
#stateDiv{
width: 100%!important;
}
.searchBar{
position: relative;
}
#searchButton{
display:none;
}
.searchBar #searchBar {
right: 1em;
width: 93%;
position: absolute;
}
#quickInfoPopup > div#CCG_EditPopup {
width: 83%;
}
#searchButton::before {
right: 0px;
content: url(../images/new/search.png);
position: absolute;
top: 5px;
right: 5px;
}
.button_top_checkout .carharttGoldBtn {
margin-right: 9em;
}
.topLinks #quickLinksBar > li > a.savedGear {
text-align: center;
width: 63px;
}
.topLinks #quickLinksBar > li > a.savedGear > .myAccountLabelName{
bottom: 10px!important;
position: absolute;
right: 0px;
}
.logo #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content{
height: auto;
text-align:center;
}
.mobile{display:block;}
.mobileHide{display:none;}
.accordion_container {
width: 100%;
}
#pdp-size-main{
width:100%;
}
.qtyCalc > input {
width: 35px;
height: 35px;
}
.size-main-image{
padding:1em;
}
.padding-flyOut {
padding: 1em;
}
.walletAddNewAddress {
max-width: 90%;
margin: 1em auto;
}
div.namePartPriceContainer h1.main_header.pdp_Heading {
font-size: 32px;
}
.colorTextDesktop.color-swatches-Text {
margin: 5px 0 0;
}
.shopping_cart_box {
min-width: 100%;
}
#order_details .img {
width: auto !important;
}
#headerRow2 #departmentsButton {
display: block;
margin: 2px;
text-align: center;
}
#headerRow2 .rowContainer {
padding-top: 0;
padding-bottom: 0!important;
}
.CCG_White_Border {
border-bottom: none;
}
#headerRow2 .departmentMenu > .header > .link ,#headerRow2 .departmentMenu > .header > .toggle{
display: inline-block;
right: auto;
}
#headerRow2 .mainMenu #departmentsMenu {
text-align: center;
z-index: 5;
}
#headerRow2 #searchButton {
display: none;
}
.searchBar{
position: relative;
}
#headerRow2 .searchBar #searchBar {
padding: 0;
position: absolute;
width: 90%;
margin: 5px 10px 0;
top: calc(2.1vw - 8px);
}
#headerRow2 .searchBar #searchBar #searchBox{
border:none;
background-image:none;
background-color: transparent;
}
#searchBox > .submitButton:before{
content:none;
}
#order_details div[id^="WC_OrderItemDetailsf_div_2_"],.OrderItemMoveToRequisitionLists .requisitionListBox .addRequisitionList .button {
width: auto;
}
.button_top_checkout .carharttGoldBtn {
position: relative;
top: 0;
right: 0px;
margin-right: 1em;
}
.filter-swatches.color-swatches.color-swatches-PDP.defining-attribute {
display: block;
padding: 0 0 1em 0;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 0.5em 0;
}
.accordion_container {
width: 95%;
}
div#continueShoppingButton > a {
right: 0;
margin-top: 0;
}
#newListDropdown {
position: relative;
top: 2em;
width: 250px;
}
.listTable .toolbar .newList.CCG_AddWallet {
position: absolute;
right: 1em;
}
.toolbarDropdown{
margin-top:14px;
}
.listTable .toolbar{
background:none;
}
.shoppingcartContinueBtn {
margin-top: 8px;
color: #333333 !important;
}
.CCG_PDPGrid .grid_mode li {
width: 50%;
}
.CCG_PDPGrid .product-badges img {
width: auto;
max-height: 10px;
max-width: 100%;
margin-bottom: 0px;
}
.myAccountLabel > a {
padding-left: 0;
margin-left: 0;
}
p {
width: max-content;
}
.walletPageSection {
width: auto;
margin: 0px auto;
top: 1%;
left: 1%;
padding: 1em;
right: 2%;
}
#headerRow2 {
padding: 0 0 0 5px;
}
.CCG_RegistrationForm{
padding:0 5px;
}
.footerFirstColumn, .footerSecondColumn, .footerThirdColumn {
width: auto;
margin: 0 5%;
}
.myAccountLabel > a.carharttWhiteBtn {
border-left: 1px solid white;
margin-left: 1em;
}
#myAccountNavigationWidget{
padding:0 3%;
}
div#widget_breadcrumb {
padding: 10px 16px;
}
div#MyAccountDisplayPageHeading,.my_account_summary,.myaccount_desc,.myAccountSubHeading,#Processed_OrderListTable_Widget,
.CCG_Title,#addressBookListDiv,#requisitionListCurrentInfo,.CCGPDP_tab_header,
.CCGPDP_tab_content,div.namePartPriceContainer {
padding: 0 1em;
}
#box .my_account .body{
padding: 0px;
}
.my_account {
width: -webkit-fill-available;
}
#organizationSelection,#OrganizationUsersList_Widget_Heading {
margin-left: 0;
padding: 0 1.5em;
}
.overlay a.closebtn {
line-height: 24px;
padding: 0px;
right: 0;
position: relative;
}
.CCGPDP_tab_content.tab{
width:auto;
}
.ccgTrashConfirmation {
width: auto;
height: auto;
}
p {
width: auto;
}
.forgot_password_container,#WC_AdvancedSearchForm_div_3 {
padding: 0 1em;
}
.CCG_PasswordResetForm textarea {
width: 99%;
padding: 0em;
}
.CCGaccordion img {
top: 1px;
}
.CCG_TabHead.accordion_container {
margin:0 1em!important;
padding-bottom: 0;
}
.CCGaccordion:after{
margin-top:0px;
}
.pageSection .pageSectionTitle > span:not(.spanacce), .pageSection .pageSectionTitle > p, .pageSection .pageSectionTitle > h2 {
display: inline-block;
width: auto;
}
.ccg-addBuyer.editView {
width: -webkit-fill-available;
}
.listTable .toolbar #newListButton{
margin-right: 15px !important;
}
.ccgBuyerEmail{
word-break: break-all;
padding-right: 2px;
}
.formWidth{
width: -webkit-fill-available !important;
padding: 1.5rem;
}
#departmentsMenu{
width: calc(100% - 40px);
padding: 0px 20px;
background: #fff;
}
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
.site-header-container + #headerRow2.site-header-container {
padding-top: 1.5rem;
}
}
@media only screen and (max-width: 1024px){
.container {
max-width: 100%;
width: 100%;
}
#quickInfoPopup > div#CCG_EditPopup {
width: 83%;
}
.footerFirstColumn, .footerSecondColumn, .footerThirdColumn {
width: 100%;
margin: 0 5%;
}
.myAccountLabel > a {
padding-left: 0;
margin-left: 0;
}
.CCG_RegistrationForm{
padding:0 5px;
}
#headerRow2 {
padding: 0 0 0 5px;
}
.logo #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content{
height: auto;
text-align:center;
}
#pdp-size-main{
width:100%;
}
.accordion_container {
width: 100%;
}
.size-main-image{
padding:1em;
}
.padding-flyOut {
padding: 1em;
}
.filter-swatches.color-swatches.color-swatches-PDP.defining-attribute {
display: block;
padding: 0 0 1em 0;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 0.5em 0;
}
.accordion_container {
width: 95%;
}
.qtyCalc > input {
width: 35px;
height: 35px;
}
.walletAddNewAddress {
max-width: 90%;
margin: 1em auto;
}
div.namePartPriceContainer > span.sku.pdp_SKU {
margin: 0;
}
div#continueShoppingButton > a {
right: 0;
margin-top: 0;
}
.colorTextDesktop.color-swatches-Text {
margin: 5px 0 0;
}
.shoppingcartContinueBtn {
margin-top: 8px;
color: #333333 !important;
}
.mainMenu #departmentsMenu > li.hidden{
visibility: visible;
position: relative;
}
.mainMenu #departmentsMenu > li.hidden:nth-last-child(2),.mainMenu #departmentsMenu > li.hidden:nth-last-child(3){
display: none;
}
.CCG_PDPGrid .grid_mode li {
width: 50%;
}
.CCG_PDPGrid .product-badges img {
width: auto;
max-height: 10px;
max-width: 100%;
margin-bottom: 0px;
}
.ccg-header-account-separator #myAccountQuickLink {
margin-left: auto;
}
}
@media (min-width: 1024px){
.layout {
height:100%;
}
}
@media screen and (min-width: 768px) and (max-width: 860px) {
.col5.ccg-header-top-left {
display: none;
}
.col5.ccg-header-top-right {
width: 83.3333%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ccg_log_Reg_btn {
padding: 0.5rem !important;
}
}
@media screen and (min-width: 600px) {
.ccg-header-list {
border-left: 1px solid #fff;
margin-top: 0.375rem;
}
}
/*
Desktop Only
*/
@media only screen and (min-width: 861px) {
.logo {
height: 2.5rem;
}
.logo #logo {
padding-top: 0;
}
.logo #logo img {
width: 11rem;
margin: 0px;
}
.header-mobile-display,
.site-header-container .site-icon.header-mobile-display,
.site-header-container .signout-container-mobile,
.site-header-container .header-middle .csr-container {
display: none;
}
.site-header-container .search-container .header-search-form {
margin-left: 1.0rem;
}
.site-header-container .search-bar {
width: 16rem;
margin-right: 7px;
}
.site-header-container .site-icon.wide {
min-width: 6rem;
}
}
/*
Tablet + Desktop
*/
@media only screen and (min-width: 601px) {
.site-header-container .header-mobile-menu-group {
display: none;
}
.site-header-container .site-icon.bordered-site-icon {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.site-header-container .site-icon.bordered-site-icon + .bordered-site-icon {
border-left: none;
border-right: 1px solid #ccc;
}
.bordered-site-icon-left{
border-left: 1px solid #ccc;
padding: 5px 8px;
margin-top: -1px;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.mobile_main_menu_button{
position: fixed;
right: 20px;
top: 25px;
z-index: 99;
background: #FDB913;
padding: 8px 10px;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}
.mobile_main_menu_button .ccg-sprite .menu{
width: 26px !important;
height: 24px !important;
background-position: 88px 25px !important;
}
.site-header-container .right-container {
justify-content: center;
}
.header_right_icons{
width: 100%;
margin-right: 5%;
}
}
.invcolor{
width:25px;
height:25px;
}
.invcolor:hover{
outline:2px solid #333333;
}
.invcolor:focus{
outline:2px solid #333333;
}
.invcolor:active{
outline:0px solid #333333;
}
@media only screen and (min-width: 320px) and (max-width: 500px) {
.invcolor{
width:0px;
height:0px;
}
.invcolor:hover{
outline:0px solid #333333;
}
.invcolor:focus{
outline:0px solid #333333;
}
.invcolor:active{
outline:0px solid #333333;
}
}
.viewinv{
width: 1.0em;
height:1.0em;
position: absolute;
top: 14px;
right: 8rem;
display: inline;"
}
.inv_stock{
width: 1.5em;
height: 1em;
position: inherit;
top: 7px;
right: 7rem;
}
.view_out_stock{
width: 1.0em;
height:1.0em;
position: absolute;
top: 14px;
right: 8rem;
display: inline;"
}
.viewinv_inventy{
width: 1.0em;
height:1.0em;
position: absolute;
top: 14px;
right: 8rem;
display: inline;"
}
.viewinv_sty{
padding-right:33px;
}
.view_out_sty{
padding-right:46px;
}
.viewinv_styl{
padding-right:70px;
}
.view_inv_sty{
padding-right: 112px;
}
.brand-your-gear-black{
fill:#FCB813;
position: relative;
height: 2em;
vertical-align: bottom;
}
.ui-button__size__small_forbyg {
padding: 0.5rem 2.2rem;
font-size: 1rem;
margin-left: 5px;
margin-top:2px;
}
.invet_styl{
width: 47.2%;
}
@media only screen and (max-width: 768px){
.invet_styl{
width:47.2%;
}
}
@media only screen and (max-width: 500px)and (max-width: 600px) {
.invet_styl{
width:47.2%;
}
}
@media only screen and (max-width: 320px) {
.invet_styl{
width: 144px;
}
}
.icon-container{
width: 5%;
position: relative;
height: auto;
vertical-align: text-bottom;
}
.colr_sty{
padding-left:29px;
}
.inv_txt_styl{
padding-right: 15px;
padding-left: 20px;
font-size:15px;
}
.inv_styl{
padding-left:25px;
}
.close_btn{
padding-left: 3px;
}
.inv_path{
padding-top: 1rem
}
.inv_pls{
padding-right: 6px
}
.pdp_space_ise{
margin-bottom: -118px;
}
@media only screen and (max-width: 768px) {
.pdp_tabslot{
margin-top: -230px;
}}
@media only screen and (max-width: 600px) {
.pdp_tabslot{
margin-top: 8rem;
}
}
/*
Mobile + Tablet
*/
@media only screen and (max-width: 860px) {
.header-desktop-display,
.site-header-container .site-icon.header-desktop-display,
.site-header-container .signout-container-desktop,
.site-header-container .header-upper .csr-container {
display: none;
}
.logo #logo img {
width: 11rem;
}
.site-header-container .header-middle .bordered-site-icon.csr-container {
border-right: 1px solid #ccc;
border-left: none;
}
.site-header-container .site-icon {
min-width: 2rem;
}
.site-header-container .site-icon.minicart-container {
min-width: 3rem;
}
.site-header-container .site-icon.minicart-container #minishopcart_total {
position: absolute;
left: 1.125rem;
margin-right: 2rem;
}
.site-header-container .account-group {
margin-top: 0.375rem;
}
.site-header-container .header-middle .ccg-header-sign-out {
display: flex;
align-items: center;
}
.site-header-container .header-middle .site-icon .sign-out {
margin-top: 0;
margin-left: 0.25rem;
}
}
/*
Tablet Only
*/
@media only screen and (min-width: 601px) and (max-width: 860px) {
.site-header-container .logo #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content {
margin: 2.0rem 0 0;
}
.site-header-container .site-icon,
.site-header-container .site-icon.wide {
min-width: 3.8rem;
white-space: nowrap;
}
.site-header-container .header-upper .logo {
height: 2.25rem;
}
.site-header-container .header-middle .header-icon-grouping {
clear: left;
}
}
/*
Mobile Only
*/
@media only screen and (max-width: 600px) {
.site-header-container .header-site-switch-group {
display: none;
}
.header-upper .header-icon-grouping {
margin-top: 0;
}
.site-header-container .header-upper .csr-container {
display: none;
}
.site-header-container .header-middle {
height: 1.5rem;
padding-bottom: 1.5rem;
}
}
/*
Large Mobile Only
*/
@media only screen and (min-width: 460px) and (max-width: 600px) {
.site-header-container .header-upper .header-mobile-menu-group,
.site-header-container .header-upper .logo,
.site-header-container .header-upper .right-container.topLinks {
width: 100%;
}
}
/*
Small Mobile Only
*/
@media only screen and (max-width: 460px) {
#headerRow2 .searchBar #searchBar {
padding: 0;
position: absolute;
width: 90%;
margin: 5px 10px 0;
top: calc(1.2vw - 10px);
}
.site-header-container .header-upper {
height: 6rem;
}
}
.addToCartEst {
padding-top: 0px !important;
font-weight : bold;
}
@media screen and (min-width: 1024px) {
.ccg-header-list #myAccountQuickLink span {
padding: 0.25rem;
}
.padding-flyOut {
padding: 2.0rem;
}
}
@media screen and (max-width: 600px) {
.registerbuttonResize {
width: 136px;
padding: 13px 0px;
}
#bygWindow{
font-size: 8px !important;
}
.carharttGoldCartwidButton{
width: 310px !important;
height: 58px;
margin-left: 9px !important;
}
.carharttGoldtextAlign{
float:left;
margin: 20px 0px 7px 74px;
}
.carharttGoldCartwidButton2{
width: 310px !important;
height: 58px;
margin-left: 4px !important;
}
.grid_mode .product .color-swatches li button.unavailable i {
margin: 0 auto;
margin-left: -1px !important;
}
.carharttGoldtextAlign2{
float:left;
margin: 20px 0px 7px 72px;
}
#WC_OrganizationUserInfo_userDetails_pageSection.ccg-addBuyer.editView{
width: 87%;
padding: 15px;
}
}
@media screen and (max-width: 870px) {
.registerbuttonResize {
width: 125px;
padding: 13px 0px;
}
.myAccountAddBtn{
width: 118px;
height: 32px;
color: #222222;
border: 2px solid #222222;
background-color: #ffffff;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.14;
letter-spacing: 0.5px;
text-align: center;
margin-left: -59px !important;
}
}
.shipping-eta {
border-top: 1px solid #968562;
border-bottom: 1px solid #968562;
padding: 1.5rem 0 0.75rem;
text-align: center;
color: #141414;
position: relative;
top: 4rem;
margin: 1rem 0 1rem;
top:0;
}
.shipping-eta:before {
content: "";
display: block;
width: 52px;
height: 23px;
background: url("../images/globals/truck-brown.png") no-repeat center center white;
position: absolute;
left: calc(50% - 26px);
top: -12px;
}
.pdpbgcss{
background-color:#eeeeee;
}
.pdpfntsiz{
font-weight: bold;
}
.pdpfntbold{
font-weight: bold;
margin-top:12px
}
.serviceEst{
display: inline-block;
padding-left: 15px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
font-weight: 600;
}
.serviceEstDot{
padding-right: 6px;
}
@media screen and (min-width: 768px) and (max-width: 1169px) {
#WC_OrganizationUserInfo_userDetails_pageSection.ccg-addBuyer.editView{
width: 61%;
padding: 15px;
}
}
@media (max-width: 600px) {
#ci_espot__MyAccount .left_espot{
margin-left:15px;
}
}
@media screen and (max-height: 450px) {
.tableHeader .cell{
margin: 5px 1px 5px 0;
}
.productDetailTable .cell {
padding: 0px;
}
.listTable .tableHeader .cell {
margin: 4px 1px 0px 0;
}
}
@media screen and (max-width: 770px) {
.special.fullView{
width:489px;
}
@media (min-width: 320px){
.serviceEst{
font-weight: bold;
display:inline-block;
}
}
@media (min-width: 601px) and (max-width: 1280px){
.serviceEst{
font-weight: bold;
display:inline-block;
}
}
}
/* start DECI-2884 */
.tableHeaderNoWrap{
white-space: nowrap;
}
.customerTableS{
width: 30px;
text-align: center;
}
.customerTableS2{
width: 70px;
text-align: center;
}
.customerTableSS2{
width: 40px;
text-align: center;
}
.customerTableSM2{
width: 105px;
text-align: center;
}
.customerTableSM2 a{
font-size: 1.25rem !important;
}
.customerTableM{
width: calc(25% - 28px);
text-align: left;
}
.customerTableM2{
width: calc(25% - 38px);
text-align: left;
}
.tableHeaderNoWrap > .customerTableM2{
overflow-x: auto;
overflow-y: hidden;
}
.CSR_access_CTA, .CSR_disable_CTA, .CSR_view_CTA{
display: block;
width: calc(100% - 4px);
margin-bottom: 5px;
padding: 3px 0px;
background: #fff;
color: #000;
border: 2px solid #000;
text-align: center;
transition: all ease .3s;
}
.CSR_access_CTA:hover{
background: #277d29;
border-color: #277d29;
color: #fff;
}
.CSR_disable_CTA:hover{
background: #e31f26;
border-color: #e31f26;
color: #fff;
}
.CSR_view_CTA:hover{
background: #fdb913;
border-color: #fdb913;
color: #fff;
}
@media (min-width: 0px) and (max-width: 650px){
.customerTableS{
margin-top: 5px;
}
.customerTableS2{
margin-top: 9px;
}
.customerTableM{
width: calc(25% - 30px);
border-right: 1px solid #cbcbcb;
margin: 7px 2px 2px 2px;
padding: 2px 5px;
text-align: center;
}
}
@media (min-width: 999px) and (max-width: 1280px){
.customerTableM2{
width: calc(25% - 53px);
}
}
@media (min-width: 783px) and (max-width: 998px){
.customerTableM2{
width: calc(25% - 65px);
}
}
@media (min-width: 0px) and (max-width: 782px){
.special > .tableHeader{
display: none;
}
.customerTableM2, .customerTableS2{
width: 100%;
}
}
/* end DECI-2884 */
.inv_count_css{
width: 100%;
text-align: center;
}
.myaccount_header {
background-color: #F5F5F5;
border-top: 4px solid #f8ad05;
border-bottom: 4px solid #f8ad05;
color: #333333;
font-size: 32px;
padding: 8px;
font-weight:800;
font-family: Tungsten;
font-weight: 400;
letter-spacing: 1.25px;
}
h1.myaccount_header.myAccountTitle{
padding:5px;
margin: 0 0 8px 0;
}
.myaccount_header:after {
content: "";
display: block;
clear: both;
}
.myaccount_header.bottom_line {
background-color: #F5F5F5;
border-bottom: 1px solid #E5E5E5;
}
.myaccount_header.no_side_lines {
border-right: none;
border-left: none;
}.ccg-registration__error-msg {
background-color: #e31f26;
color: white;
font-size: 1rem;
font-family: "ITC Conduit W01", sans-serif;
font-weight: 500 ;
font-style: italic;
max-width: 40rem;
padding: 0.25rem;
margin-top: 1rem;
}
.ccg-registration__error-msg span {
vertical-align: middle;
}
.pwd_numeric {
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
color: #333333 !important;
font-size: .75rem !important;
text-transform: initial;
}.walletAddNewAddress {
background-color: white;
position: relative;
left: 1rem;
padding:20px;
}
.walletPageSection {
margin: 0 auto;
padding: 2rem;
max-width: 22.5rem;
}
.walletCreateTableList input,.walletCreateTableList select {
margin: 0px 0 1rem;
color: #717171;
font-family: inherit;
font-size: 16px;
font-weight: inherit;
width: -webkit-fill-available;
border: 1px solid #949494;
background: #f7f7f7;
padding: 5px 3px;
width:100%;
}
.walletCreateTableList select, .walletPageSection .carharttGoldBtn {
width: -moz-available;
}
.walletCreateTableList .row label{
font-weight: 400;
font-size: 1.1rem;
font-family: Tungsten;
letter-spacing: 1.1px;
}
#walletEditHeader {
font-size: large;
font-weight: bold;
}
#walletEditViewFormMain {
background-color: white
}
#walletList_NewListForm_Save {
margin-bottom: 5px;
margin-top: 15px;
}
.walletCreateTableList .row {
padding: 2px;
}
.tableBtn{
background: white;
color: #333333 !important;
border: 2px solid #333333;
padding: 10px 15px 10px 15px;
font-weight: 600;
font-size: 14px !important;
text-align:center;
text-transform:uppercase;
font-family:"ITC Conduit W07";
}
/*pdp pricing acccordoin css */
.accordion-container {
margin-left: 0;
margin-bottom: .8rem;
border-bottom: .0625rem solid #717171;
}
.accordion_head {
text-align: left;
display: block;
width: 100%;
padding: .4rem 0 !important;
border-top: .0625rem solid #717171;
background-color: transparent;
font-size: 1.1rem;
position: relative;
text-transform: uppercase;
color: #333;
font-family: Tungsten;
font-weight: bold;
letter-spacing: 1.1px;
}
.accordion_body {
background: lightgray;
}
.accordion_body p{
padding: 18px 5px;
margin: 0px;
}
.plusminus{
float:right;
}
.inv_accordion_container {
width: auto;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
padding: 0.5em 0;
margin: 1em 0;
}
.inv_accordion_head {
background-color:white;
color: black;
cursor: pointer;
font-size: 16px;
margin: 0 0 1px 0;
font-weight: bold;
}
.inv_accordion_body {
background: lightgray;
}
.inv_accordion_body p{
padding: 18px 5px;
margin: 0px;
}.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 202;
top: 0;
right: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-x: hidden;
transition: 0.5s;
border-style: solid;
border-color: lightgrey;
background-color: white;
}
.overlay-content {
position: relative;
top: 25%;
width: 100%;
text-align: center;
}
.overlay a.closebtn {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay a.closebtn:hover, .overlay a..closebtn:focus {
color: #f1f1f1;
}
.closebtn {
position: absolute;
top: 0px;
right: 5px;
font-size: 50px;
}
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 0px;
right: 35px;
}
}
.open-nav {
font-size: 20px;
}
.disabledSection {
pointer-events: none;
opacity: 0.4;
}
.disabledSlideOut {
pointer-events: none;
}
.padding-flyOut .closeBtn{
position:relative;
top: 0px!important;
right: 0px!important;
}
#share-main-content{
font-size: 2em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
color: #333333;
}
#share-main-image > img{
max-width: 100%;
}
.share-image-description{
margin-left: 1em;
font-size: 1.25em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
}
.size-image-description{
margin-bottom: 1rem;
width: 100%;
font-size: 1.25em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: normal;
}
.share-label{
margin-bottom: 0.5em;
font-size: 1em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.03125em;
text-transform: uppercase;
}
.share-input {
margin-bottom: 1.3em;
}
.share-input .WCTooltip{
width:auto;
}
.share-input .WCTooltip > .container> .connector{
display:none;
}
.share-input .WCTooltip > .container{
border-radius: 0px;
color: red;
border: none;
background: none;
margin: 0px;
}
#share-error{
color:red;
}
.share-button{
width: -webkit-fill-available;
background-color: #fdb913;
color: #333333;
padding: 0.625rem 0.75rem;
border: none;
font-size: 1.5em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.03125em;
cursor:pointer;
}
.share-input-field{
width: 100%;
background-color: #f7f7f7;
border: 1px solid #949494;
padding: 0.9em 0.6em;
font-size: 1em;
font-weight: 300;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
}
#share-text-field{
height: 6.25em;
width: 100%;
background-color: #f7f7f7;
border: 1px solid #949494;
padding: 0.9em 0.6em;
font-size: 1em;
font-weight: 300;
font-style: italic;
font-stretch: normal;
line-height: 1.25;
letter-spacing: normal;
}
#size-choose-color{
height: 25px;
width: 25px;
border: 1px solid white;
margin-left: 1em;
}
.sizes-option > li > a.box-size.selected{
border:2px solid #000000;
background-color:#fdb913;
height: 30px;
}
.sizeOptionName{
font-size:1em;
margin:1em 0;
text-transform:uppercase;
font-family: "ITC Conduit W04";
}
.qtyCalc{
display:flex;
height: 48px;
width: 9rem; /* IE11 */
width: fit-content;
}
.qtyCalc > button {
background:white;
font-size: 1.125rem;
outline:none;
border: 1px solid #333;
border-radius: 0;
padding: 0 1.125rem;
font-family: monospace;
}
.qtyCalc > input{
display:table-cell;
width: 48px;
max-height: 48px;
vertical-align: text-top;
border-collapse: collapse;
border: 1px solid #333;
text-align: center;
outline:none;
font-weight:600;
height: initial;
border-radius: 0;
padding: 0;
}
.quantityDisabled.qtyCalc > input.quantityPDP {
border-right: 1px solid;
border-left: 1px solid;
}
.qtyCalc > input.quantityPDP{
border-right: none;
border-left: none;
outline:none;
}
.qtyCalc > input.quantityPDP.oos{
border-right: 4px solid red;
border-left: 4px solid red;
border-top: 4px solid red;
border-bottom: 4px solid red;
}
.itemQty label {
display: block;
font-weight: bold;
}
.pdp-size-unit-price .pdp-size-each-price {
width: calc(50% - 10px);
width: calc(50% - 0.625rem);
}
.pdp-size-unit-price .pdp-size-subtotal-price {
width: 50%;
}
.pdp-size-unit-price .pdp-size-subtotal-price input {
border-left: 2px solid #fdb913;
margin-left: 15px;
padding-left: 0.5rem;
text-align: left;
margin-top: 0.25rem;
}
.pdp-size-unit-price input{
width: -webkit-fill-available;
width: -moz-available;
border: none;
display: block;
background:none;
outline:none;
text-align: right;
}
.pdp_returned_message{
width: 100%;
margin-top: 10px;
font-size: .9rem;
text-align: center;
}
.rowContainer_noBkg.itemQty {
padding-left: 9px;
padding-right: 13px;
margin: 0.2em 0;
position: relative;
}
.rowContainer.itemQty {
background: #eeeeee;
padding-left: 9px;
padding-right: 13px;
margin: 0.2em 0;
position: relative;
}
.rowContainer.itemQty.oos {
background: #eeeeee;
padding-left: 9px;
padding-right: 13px;
margin: 0.2em 0;
position: relative;
border: 2px red;
border-right: 2px solid red;
border-left: 2px solid red;
border-top: 2px solid red;
border-bottom: 2px solid red;
}
@media(max-width:375px){
.pdp-size-unit-price .pdp-size-subtotal-price input{
padding-left:0.2rem;
}
}
.multiSelectClosebtn{
background-color: #333333;
height: 100%;
padding: 0px 2px;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.multiSelectClosebtn.oos{
background-color: red;
height: 100%;
padding: 0px 2px;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.errorMsgDisplayClosebtn{
display: inline-block;
background-color: #e3e3e3;
height: 100%;
padding: 0px 2px;
position: absolute;
top: 0;
right: 0;
}
.itemSelectClosebtn{
background-color: #333333;
height: 100%;
padding: 0px 2px;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.itemSelectClosebtn.oos{
background-color: red;
height: 100%;
padding: 0px 2px;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.unitPriceFont
{
font-weight:normal !important;
padding-top:5px !important;
padding-left: 0px;
}
.disableIncrementBtn{
pointer-events:none;
filter:opacity(0.5);
cursor:not-allowed;
}
.disableDecrementBtn{
pointer-events:none;
filter:opacity(0.5);
cursor:not-allowed;
}
.required-field-share {
padding: 0 10px;
color: #FF0000;
}
.CCGsizeclosebtn{
text-align: center;
display: block;
}
.CCGsizeclosebtn .ccgCloseLink {
margin-inline-start: 0;
}
.flyout-price{
color: #ca4200;
}
.color-black{
color: #333333;
}
.sizeInfo{
background:#fdb913;
color:#222222;
font-size:1rem;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
padding: 8px 2em;
line-height: 20px;
word-spacing: 1px;
}/* pdp-css */
/* line 24, ../sass/components/_color-swatches.scss */
.color-swatches li a.unavailable i, .color-swatches li button.unavailable i {
background-image: url(../images/cross_black_btn.png);
margin: 2px;
height: 26px;
width: 26px;
}
/* line 24, ../sass/components/_color-swatches.scss */
.invcolor-swatches li a.unavailable i, .invcolor-swatches li button.unavailable i {
background-image: url(../images/pdp/swatch-x-blk-26.png);
margin: 0px;
height: 26px;
width: 26px;
}
/* line 37, ../sass/components/_color-swatches.scss */
.color-swatches li button {
margin: 9px 0 0 9px;
height: 26px;
width: 26px;
}
/* line 40, ../sass/components/_color-swatches.scss */
.color-swatches li button.unavailable i {
margin: 3px 0 0 -2px;
}
}
@media only screen and (max-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 40em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 40em) and (min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min-resolution: 192dpi), only screen and (max-width: 40em) and (min-resolution: 2dppx) {
/* line 24, ../sass/components/_color-swatches.scss */
.color-swatches li a.unavailable i, .color-swatches li button.unavailable i {
background-image: url(../images/pdp/swatch-x-52.png);
}
}
/* line 48, ../sass/components/_color-swatches.scss */
.color-swatches ul {
margin: 0;
}
@media only print, only screen and (max-width: 40em) {
/* line 48, ../sass/components/_color-swatches.scss */
.color-swatches ul {
width: 160rem;
}
}
/* line 56, ../sass/components/_color-swatches.scss */
.color-swatches:after {
content: " ";
display: table;
clear: both;
}
/* line 61, ../sass/components/_color-swatches.scss */
.color-swatches li {
float: left;
}
/* line 64, ../sass/components/_color-swatches.scss */
.color-swatches a, .color-swatches button {
background-repeat: no-repeat;
background-position: center;
line-height: 2.2rem;
font-size: 0.85rem;
text-align: center;
display: block;
float: left;
position: relative;
}
/* line 75, ../sass/components/_color-swatches.scss */
.color-swatches a i, .color-swatches button i {
display: none;
}
/* line 78, ../sass/components/_color-swatches.scss */
.color-swatches a:after, .color-swatches button:after {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
content: " ";
border-style: solid;
border-color: transparent;
display: block;
position: absolute;
border-width: 1.8px;
}
/* line 88, ../sass/components/_color-swatches.scss */
.color-swatches a.selected:after, .color-swatches button.selected:after {
border-color: #333333;
border-radius: 20px;
}
/* line 93, ../sass/components/_color-swatches.scss */
.color-swatches a:hover:after, .color-swatches button:hover:after {
border-color: #6d6147;
}
/* line 98, ../sass/components/_color-swatches.scss */
.color-swatches a.unavailable i, .color-swatches button.unavailable i {
display: block;
background-repeat: no-repeat;
background-position: center;
}
/* line 103, ../sass/components/_color-swatches.scss */
.color-swatches a.unavailable i:before, .color-swatches button.unavailable i:before {
content: "";
}
.invColorSelection {
outline: 2px solid black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
/* line 98, ../sass/components/_color-swatches.scss */
.color-swatches a.unavailable i, .color-swatches button.unavailable i {
background-size: 100%;
}
}
/* line 112, ../sass/components/_color-swatches.scss */
.color-swatches a.registeredSwatch, .color-swatches button.registeredSwatch {
border: 1px solid black;
}
@media only print, only screen and (max-width: 40em) {
/* line 118, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP {
overflow-x: hidden;
overflow-y: hidden;
}
/* line 122, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign {
/*B2CE-557 fix for bullets hide*/
list-style: none;
padding: 0px 0;
margin: 8px 10px 6px 5px;
}
/* line 127, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a {
margin: 0px;
height: 30px;
width: 30px;
/*b2ce-556 start*/
/*b2ce-556 end*/
}
/* line 132, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a:after {
height: 40px;
width: 40px;
left: -5px;
top: -5px;
}
/* line 140, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.unavailable i {
background-image: url(../images/cross_black_btn.png);
margin: 1%;
height: 89%;
width: 100%;
}
/* line 153, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.black.unavailable i {
background-image: url(../images/cross_black_btn.png);
margin: 1%;
height: 89%;
width: 100%;
}
/* line 162, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.white.unavailable i {
background-image: url(../images/cross_black_btn.png);
}
}
@media only screen and (max-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 40em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 40em) and (min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min-resolution: 192dpi), only screen and (max-width: 40em) and (min-resolution: 2dppx) {
/* line 140, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.unavailable i {
background-image: url(../images/cross_black_btn.png);
}
}
@media only screen and (max-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 40em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 40em) and (min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min-resolution: 192dpi), only screen and (max-width: 40em) and (min-resolution: 2dppx) {
/* line 153, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.black.unavailable i {
background-image: url(../images/pdp/swatch-x-blk-26.png);
margin: 1%;
height: 89%;
width: 100%;
}
}
@media only screen and (max-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 40em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 40em) and (min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (min-resolution: 192dpi), only screen and (max-width: 40em) and (min-resolution: 2dppx) {
/* line 162, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.white.unavailable i {
background-image: url(../images/pdp/swatch-x-36.png);
}
}
/* line 175, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP ul {
margin: 0;
}
@media only print, only screen and (max-width: 40em) {
/* line 175, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP ul {
width: 100%;
}
}
/* line 182, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP a {
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 15px;
}
/* line 184, ../sass/components/_color-swatches.scss */
div.color-swatches-PDP a:after {
-webkit-border-radius: 0%;
-moz-border-radius: 0%;
-ms-border-radius: 0%;
-o-border-radius: 0%;
border-radius: 15px;
}
@media (min-width: 0px) and (max-width: 640px){
div.color-swatches-PDP li.pdpRedesign a {
border-radius: 50px;
}
div.color-swatches-PDP li.pdpRedesign a.black.unavailable i {
margin: 3px 0px 0px 3px;
height: 24px;
width: 24px;
}
}
@media only print, only screen and (max-width: 40em) {
/* line 3, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .color-swatches-overlay {
position: relative;
margin-top: 6px;
}
/* line 8, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .color-swatches-overlay:after, .product-cell .color-swatches-overlay:before {
content: "";
position: absolute;
width: 20px;
height: 65px;
top: 0;
z-index: 51;
}
/* line 17, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .color-swatches-overlay:after {
background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(center right, #ffffff, rgba(255, 255, 255, 0));
background: -moz-linear-gradient(center right, #ffffff, rgba(255, 255, 255, 0));
background: -o-linear-gradient(center right, #ffffff, rgba(255, 255, 255, 0));
background: linear-gradient(center right, #ffffff, rgba(255, 255, 255, 0));
right: 0;
}
/* line 22, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .color-swatches-overlay:before {
background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(center right, rgba(255, 255, 255, 0), #ffffff);
background: -moz-linear-gradient(center right, rgba(255, 255, 255, 0), #ffffff);
background: -o-linear-gradient(center right, rgba(255, 255, 255, 0), #ffffff);
background: linear-gradient(center right, rgba(255, 255, 255, 0), #ffffff);
left: 0;
}
}
/* line 29, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches {
position: relative;
z-index: 50;
padding: 3px 0 0 3px;
border-bottom: 1px solid #333333;
}
@media only print, only screen and (max-width: 40em) {
/* line 29, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches {
width: 100%;
padding-bottom: 6px;
}
/* line 39, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches ul {
padding: 0 10px;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 29, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches {
margin-top: 12px;
position: absolute;
margin-top: -45px;
overflow: hidden;
background-color: white;
margin-right: 0.9375rem;
height: 38px;
}
/* line 53, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li {
height: 30px;
width: 30px;
margin: 0 8px 4px 0;
}
/* line 58, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li a, .product-cell .product-cell-swatches li button {
width: 20px;
height: 20px;
background-size: 125%;
margin: 4px 0 0 4px;
}
/* line 64, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li a:after, .product-cell .product-cell-swatches li button:after {
border-width: 0.12rem;
height: 26px;
width: 26px;
top: -3px;
left: -3px;
}
/* line 74, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li a.unavailable i, .product-cell .product-cell-swatches li button.unavailable i {
background-image: url(../images/cross_black_btn.png);
height: 12px;
width: 12px;
margin: 4px 0 0 4px;
}
/* line 85, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li a.registeredSwatch, .product-cell .product-cell-swatches li button.registeredSwatch {
height: 22px;
width: 22px;
}
/* line 91, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li button {
padding: 0px;
background-color: transparent;
}
/* line 96, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li button.unavailable i {
margin: 1px 0 0 4px;
}
/* line 104, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches:hover, .product-cell .product-cell-swatches.hover {
height: auto;
}
/* line 108, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches .ellipsis {
margin: auto;
}
/* line 111, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches .ellipsis a, .product-cell .product-cell-swatches .ellipsis button {
background-image: url(../../images/globals/color-swatch-ellipsis.png);
background-size: 100%;
}
/* line 116, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches .ellipsis:hover a:after, .product-cell .product-cell-swatches .ellipsis button:after {
border: 0;
}
/* line 120, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches .ellipsis button {
background-color: transparent;
}
}
@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 40.063em) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min-resolution: 192dpi), only screen and (min-width: 40.063em) and (min-resolution: 2dppx) {
/* line 74, ../sass/components/product-cell/_color-swatches.scss */
.product-cell .product-cell-swatches li a.unavailable i, .product-cell .product-cell-swatches li button.unavailable i {
background-image: url(../images/cross_black_btn.png);
}
}
/* line 67, ../sass/components/_product-cell.scss */
.product-cell .sample-swatches, .product-cell .out-of-stock-swatches {
display: block;
}
/* line 71, ../sass/components/_product-cell.scss */
.product-cell .all-swatches {
display: none;
background: rgba(55, 55, 55, 0.8);
}
/* line 76, ../sass/components/_product-cell.scss */
.product-cell .product-cell-swatches-expanded {
height: 0;
position: relative;
display: none;
}
/* line 81, ../sass/components/_product-cell.scss */
.product-cell .product-cell-swatches-expanded .swatch-container {
background: white;
margin: 0 -10px;
padding: 0 10px;
}
/* line 10, ../sass/components/_product-badges.scss */
.product-badges img {
width: auto;
max-height: 15px;
max-width: 100%;
display: inline;
vertical-align: top;
margin-bottom: 2px;
}
/* line 15, ../sass/components/_product-badges.scss */
.product-badges .badge {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
color: white;
vertical-align: middle;
margin-bottom: 0.75rem;
}
/* line 22, ../sass/components/_product-badges.scss */
.product-badges .HRC, .product-badges .ANSI {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
font-size: .8rem;
}
/* line 26, ../sass/components/_product-badges.scss */
.product-badges .HRC span.badge-rating, .product-badges .ANSI span.badge-rating {
font-size: 1.3rem;
margin: 0 0 2px 2px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
}
/* line 33, ../sass/components/_product-badges.scss */
.product-badges .ANSI {
background-color: #dbe836;
color: #333333;
padding: 3px 5px 4px 5px;
}
/* line 38, ../sass/components/_product-badges.scss */
.product-badges .ANSI span {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
line-height: .55rem;
}
/* line 42, ../sass/components/_product-badges.scss */
.product-badges .ANSI span.style {
text-align: right;
}
/* line 48, ../sass/components/_product-badges.scss */
.product-badges .HRC {
text-align: center;
padding: 0 5px;
}
/* line 52, ../sass/components/_product-badges.scss */
.product-badges .HRC span {
vertical-align: middle;
}
/* line 57, ../sass/components/_product-badges.scss */
.product-badges .ATPV, .product-badges .EBT {
text-align: center;
font-size: .7rem;
padding: 1px;
line-height: .6rem;
}
/* line 63, ../sass/components/_product-badges.scss */
.product-badges .ATPV .cal, .product-badges .EBT .cal {
font-size: .6rem;
}
/* line 67, ../sass/components/_product-badges.scss */
.product-badges .ATPV sup, .product-badges .EBT sup {
font-size: .4rem;
top: -.25em;
}
/* line 72, ../sass/components/_product-badges.scss */
.product-badges .ATPV .badge-rating, .product-badges .EBT .badge-rating {
font-size: 1rem;
}
/* line 76, ../sass/components/_product-badges.scss */
.product-badges .ATPV.badge1, .product-badges .EBT.badge1 {
border: 1px solid #c0ce92;
}
/* line 79, ../sass/components/_product-badges.scss */
.product-badges .ATPV.badge2, .product-badges .EBT.badge2 {
border: 1px solid #b4930e;
}
/* line 82, ../sass/components/_product-badges.scss */
.product-badges .ATPV.badge3, .product-badges .EBT.badge3 {
border: 1px solid #955a20;
}
/* line 85, ../sass/components/_product-badges.scss */
.product-badges .ATPV.badge4, .product-badges .EBT.badge4 {
border: 1px solid #841523;
}
/* line 90, ../sass/components/_product-badges.scss */
.product-badges .badge1 {
background-color: #d4deb5;
color: #222;
}
/* line 94, ../sass/components/_product-badges.scss */
.product-badges .badge2 {
background-color: #e3ba12;
}
/* line 97, ../sass/components/_product-badges.scss */
.product-badges .badge3 {
background-color: #bf7329;
}
/* line 100, ../sass/components/_product-badges.scss */
.product-badges .badge4 {
background-color: #b01c2e;
}
/* line 104, ../sass/components/_product-badges.scss */
.product-badges .offer-badge {
width: 45px;
color: white;
background-color: red;
font-weight: bold;
display: inline-block;
margin-bottom: 0.75rem;
text-align: center;
vertical-align: middle;
}
/* line 2, ../sass/components/_fit-guide.scss */
.fit-guide h1, .fit-guide .navH1 {
padding-bottom: .5rem;
margin-bottom: .5rem;
border-color: #999999;
}
/* line 8, ../sass/components/_fit-guide.scss */
.fit-guide h2, .fit-guide h3, .fit-guide h4, .fit-guide .brown {
color: #6d6147;
}
/* line 12, ../sass/components/_fit-guide.scss */
.fit-guide h3, .fit-guide h4 {
margin-bottom: 0;
}
/* line 16, ../sass/components/_fit-guide.scss */
.fit-guide p {
line-height: 1;
}
/* line 21, ../sass/components/_fit-guide.scss */
.fit-guide nav ul {
margin-left: 0;
}
/* line 25, ../sass/components/_fit-guide.scss */
.fit-guide nav li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
margin-right: 1rem;
}
/* line 29, ../sass/components/_fit-guide.scss */
.fit-guide nav li a {
text-decoration: underline;
}
/* line 36, ../sass/components/_fit-guide.scss */
.fit-guide .table-wrap > div {
padding-left: 1px;
}
/* line 40, ../sass/components/_fit-guide.scss */
.fit-guide .table-wrap thead {
border-bottom: 0;
}
/* line 45, ../sass/components/_fit-guide.scss */
.fit-guide img.palm-measurement {
max-width: 300px;
width: 100%;
}
@media only print, only screen and (max-width: 40em) {
/* line 45, ../sass/components/_fit-guide.scss */
.fit-guide img.palm-measurement {
display: block;
margin: 0 auto;
}
}
/* line 55, ../sass/components/_fit-guide.scss */
.fit-guide img.model {
max-width: 200px;
width: 100%;
}
@media only print, only screen and (max-width: 40em) {
/* line 55, ../sass/components/_fit-guide.scss */
.fit-guide img.model {
display: block;
margin: 0 auto;
}
}
/* line 66, ../sass/components/_fit-guide.scss */
table.fit-guide {
margin-bottom: .5rem;
}
/* line 69, ../sass/components/_fit-guide.scss */
table.fit-guide thead th {
text-align: center;
}
/* line 73, ../sass/components/_fit-guide.scss */
table.fit-guide th, table.fit-guide td {
border: 1px solid #333333;
}
/* line 76, ../sass/components/_fit-guide.scss */
table.fit-guide th.no-border, table.fit-guide td.no-border {
background-color: transparent;
border: 0;
}
/* line 82, ../sass/components/_fit-guide.scss */
table.fit-guide th {
background-color: #cccccc;
}
/* line 85, ../sass/components/_fit-guide.scss */
table.fit-guide tr {
background-color: transparent !important;
}
/* line 90, ../sass/components/_fit-guide.scss */
table.fit-guide.size-chart tbody th {
text-align: right;
}
/* line 94, ../sass/components/_fit-guide.scss */
table.fit-guide.size-chart td {
text-align: center;
}
/* line 101, ../sass/components/_fit-guide.scss */
table.fit-guide.child-size-chart tbody th, table.fit-guide.child-size-chart tbody td {
text-align: center;
}
/* line 107, ../sass/components/_fit-guide.scss */
table.fit-guide.center-text {
text-align: center;
}
/* line 110, ../sass/components/_fit-guide.scss */
table.fit-guide.center-text td, table.fit-guide.center-text th {
text-align: center;
}
/* line 116, ../sass/components/_fit-guide.scss */
table.fit-guide.down-case td, table.fit-guide.down-case th {
text-transform: none;
}
/* line 121, ../sass/components/_fit-guide.scss */
table.fit-guide .no-bg {
background-color: transparent !important;
}
/* line 8, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container {
position: absolute;
width: 0%;
margin-left: -0.46875rem;
top: 35%;
z-index: 1;
}
@media only print, only screen and (max-width: 40em) {
/* line 8, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container {
margin-left: -0.9375rem;
}
}
/* line 20, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-prev,
.scene7-viewer-arrows-container .arrow-next {
height: 3.125rem;
width: 3.125rem;
line-height: 3.125rem;
background: rgba(255, 255, 255, 0.5) none;
color: #333333;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
cursor: pointer;
}
/* line 29, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-prev:before,
.scene7-viewer-arrows-container .arrow-next:before {
height: 100%;
width: 100%;
font-size: 2rem;
line-height: inherit;
display: block;
}
/* line 37, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-prev:hover,
.scene7-viewer-arrows-container .arrow-next:hover {
background-color: white;
color: #6d6147;
}
/* line 42, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-prev {
text-indent: -0.25rem !important;
float: left;
margin-left: -.7rem;
text-align: right;
padding-right: .2rem;
}
@media only print, only screen and (max-width: 40em) {
/* line 42, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-prev {
margin-left: .5rem;
}
}
/* line 54, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-next {
text-indent: 0.25rem !important;
float: right;
margin-right: -.7rem;
}
@media only print, only screen and (max-width: 40em) {
/* line 54, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.scene7-viewer-arrows-container .arrow-next {
margin-right: .5rem;
}
}
/* line 65, ../sass/components/productAndQuickview/_scene7_viewer.scss */
.spaceholder {
min-height: auto;
width: 98%;
}
@media only print, only screen and (min-width: 40.063em) {
/* line 5, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches li {
margin: 14px 0 0 14px;
list-style: none;
}
/* line 10, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches a {
height: 30px;
width: 30px;
border-radius: 20px;
}
/* line 14, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches a:after {
height: 34px;
width: 33px;
left: -3px;
top: -3px;
}
/* line 22, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches a.unavailable i {
background-image: url(../images/cross_black_btn.png);
height: 26px;
width: 26px;
margin: 2px;
}
/* line 34, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches a.registeredSwatch {
width: 32px;
height: 32px;
}
/* line 43, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign {
margin: 14px 10px 0 5px;
/*B2CE-557 fix for bullets hide*/
list-style: none;
/*b2ce-556 start*/
/*b2ce-556 end*/
}
/* line 50, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.black.unavailable i {
background-image: url(../images/pdp/swatch-x-blk-26.png);
}
/* line 59, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.white.unavailable i {
background-image: url(../images/pdp/swatch-x-18.png);
}
/* line 67, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.registeredSwatch {
width: 30px;
height: 30px;
}
}
@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 40.063em) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min-resolution: 192dpi), only screen and (min-width: 40.063em) and (min-resolution: 2dppx) {
/* line 22, ../sass/components/productAndQuickview/_color-swatches.scss */
.product-details .color-swatches a.unavailable i {
background-image: url(../images/cross_black_btn.png);
}
}
@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 40.063em) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min-resolution: 192dpi), only screen and (min-width: 40.063em) and (min-resolution: 2dppx) {
/* line 50, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.black.unavailable i {
background-image: url(../images/cross_black_btn.png);
height: 26px;
width: 26px;
margin: 2px;
}
}
@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 40.063em) and (min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (min-resolution: 192dpi), only screen and (min-width: 40.063em) and (min-resolution: 2dppx) {
/* line 59, ../sass/components/productAndQuickview/_color-swatches.scss */
div.color-swatches-PDP li.pdpRedesign a.white.unavailable i {
background-image: url(../images/pdp/swatch-x-36.png);
}
}
/* line 58, ../sass/_pdp-redesign.scss */
#pdp .chtTurnToItemTeaser, #pdp .chtTurnToReviewsTeaser {
display: inline;
width: auto;
min-height: 31px;
text-transform: uppercase;
}
/* line 67, ../sass/_pdp-redesign.scss */
#pdp .chtTurnToItemTeaser a, #pdp .chtTurnToReviewsTeaser a {
text-transform: uppercase;
padding: 0;
margin: 4px;
display: inline-block;
text-decoration: none;
border-bottom: 1px solid #6d6147;
}
/* line 38, ../sass/globals/_mixins.scss */
#home #find-a-store-promo input::-webkit-input-placeholder {
color: #cccccc;
font-family: "ITC Conduit W01";
font-weight: 200;
font-style: italic;
}
/* line 39, ../sass/globals/_mixins.scss */
#home #find-a-store-promo input:-moz-placeholder {
color: #cccccc;
font-family: "ITC Conduit W01";
font-weight: 200;
font-style: italic;
}
/* line 40, ../sass/globals/_mixins.scss */
#home #find-a-store-promo input::-moz-placeholder {
color: #cccccc;
font-family: "ITC Conduit W01";
font-weight: 200;
font-style: italic;
}
/* line 41, ../sass/globals/_mixins.scss */
#home #find-a-store-promo input:-ms-input-placeholder {
color: #cccccc;
font-family: "ITC Conduit W01";
font-weight: 200;
font-style: italic;
}
@media (min-width: 40.063em) and (max-width: 64em) {
/* line 112, ../sass/_home.scss */
#home .medium-6 .s7videoviewer .s7controlbar {
bottom: -36px;
}
/* line 117, ../sass/_home.scss */
#home .medium-6 .s7videoviewer.s7touchinput .s7controlbar {
bottom: -72px;
}
/* line 119, ../sass/_home.scss */
#home .medium-6 .s7videoviewer.s7touchinput .s7controlbar .s7videoscrubber {
display: none;
}
}
@media only print, only screen and (min-width: 40.063em) and (max-width: 49.375em) {
/* line 127, ../sass/_home.scss */
#home .medium-6 .s7videoviewer .s7videoscrubber {
display: none;
}
}
/* line 134, ../sass/_home.scss */
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
/* line 143, ../sass/_home.scss */
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* line 4, ../sass/_pdp.scss */
#pdp {
background: white;
font-size: 1.0625rem;
line-height: 1.118;
font-weight: 500;
color: #333333;
}
/* line 1, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container {
margin-top: 0;
}
@media only print, only screen and (max-width: 40em) {
/* line 1, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container {
position: relative;
top: 0rem;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 1, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container {
padding-left: 0;
margin-top: 0;
}
}
@media only print, only screen and (min-width: 64em) {
/* line 1, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container {
margin-top: 0px;
}
}
/* line 15, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container img {
display: inline;
vertical-align: baseline;
width: auto;
margin-bottom: auto;
}
/* line 21, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container #s7staticImg {
width: 100%;
height: auto;
cursor: pointer;
}
/* line 24, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container #s7staticImg img {
display: block;
max-width: 100%;
max-height: 100%;
}
/* line 31, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container .stylescene7viwerload {
display: none;
}
/* line 32, ../sass/pages/pdp/_scene7-viewer.scss */
.thumbcontainer {
width: 100%;
display: flex;
justify-content:center;
}
@media (min-width: 0px) and (max-width: 900px){
.thumbcontainer{
justify-content: start;
width: 80%;
margin-left: 10%;
}
}
@media only print, only screen and (max-width: 40em), only print, only screen and (min-width: 40.063em) and (max-width: 63.937em) {
/* line 38, ../sass/pages/pdp/_scene7-viewer.scss */
#pdp #pdp-s7-media-viewer-container .thumbcontainer [id^="desktopimages_"] {
display: none;
}
/* line 41, ../sass/pages/pdp/_scene7-viewer.scss */
.thumbcontainer #imglimitindicator {
background-image: url(../../images/globals/color-swatch-ellipsis.png);
background-repeat: no-repeat;
background-position: center;
background-color: #ffffff;
width: 3.4rem;
height: 3.4rem;
cursor: pointer;
}
/* line 42, ../sass/pages/pdp/_scene7-viewer.scss */
}
/* line 55, ../sass/pages/pdp/_scene7-viewer.scss */
.thumbcontainer .imagethumbcell {
display: inherit;
height: 70px;
}
.thumbcontainer{
overflow-x: auto;
}
/* line 58, ../sass/pages/pdp/_scene7-viewer.scss */
.thumbcontainer .imagethumb {
background-color: #ffffff;
border: 2px solid #dddddd;
width: 3.4rem;
height: 3.4rem;
margin-right: 3px;
cursor: pointer;
}
/* line 1, ../sass/_content-template.scss */
#content-template {
background: white;
}
/* line 8, ../sass/_content-template.scss */
.loading-image img {
max-width: -webkit-fill-available;
max-width: -moz-available;
width: 100%;
}
@media only print, only screen and (max-width: 40em) {
/* line 8, ../sass/_content-template.scss */
img {
margin-bottom: 0rem;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 8, ../sass/_content-template.scss */
img {
margin-bottom: 0rem;
}
}
/* line 18, ../sass/_content-template.scss */
img.auto {
width: auto;
}
@media only print, only screen and (max-width: 40em) {
/* line 24, ../sass/_content-template.scss */
img.right.auto, img.left.auto {
width: 100%;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 22, ../sass/_content-template.scss */
img.right, img.left {
width: auto;
}
/* line 30, ../sass/_content-template.scss */
img.right.custom-width, img.left.custom-width {
width: 60%;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 35, ../sass/_content-template.scss */
img.right {
margin-left: 1rem;
}
}
@media only print, only screen and (min-width: 40.063em) {
/* line 40, ../sass/_content-template.scss */
img.left {
margin-right: 1rem;
}
}
/* pdp-scene7 */
/*!************************************************************************
*
* ADOBE SYSTEMS INCORPORATED
* Copyright 2013 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: Adobe permits you to use, modify, and distribute this file in
* accordance with the terms of the Adobe license agreement accompanying it.
* If you have received this file from a source other than Adobe, then your
* use, modification, or distribution of it requires the prior written
* permission of Adobe.
**************************************************************************/
/*
CSS for desktop systems goes here.
This section is always processed by the web browser, both for desktop systems and touch devices. Touch-specific
CSS rules should be defined in the sections below.
*/
/*// Media Query Ranges
$small-range: (0em, 40em) !default;
$medium-range: (40.063em, 64em) !default;
$large-range: (64.063em, 90em) !default;
$xlarge-range: (90.063em, 120em) !default;
$xxlarge-range: (120.063em, 99999999em) !default;*/
/* line 24, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer > .s7container {
max-height: 670px;
width: 100%;
min-width: 100%;
}
/* line 30, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer > .s7container[mode="fullscreen"] .s7swatches {
background-color: #000 !important;
}
/* line 36, ../sass/scene7-mixed-media-viewer.scss */
.s7tooltip {
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
border-color: #999999;
background-color: #000000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* line 47, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
border-bottom: 0.1rem solid #ccc;
}
/* line 55, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7toolbarcontainer {
background-color: darkgrey;
}
/**
* Buttons component
*/
/*** ZoomInButton ***/
/* line 64, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton {
position: absolute;
bottom: 20px;
left: 20px;
width: 28px;
height: 28px;
background-size: contain;
z-index: 1;
}
/* line 73, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_up?scl=1&fmt=png-alpha);
}
/* line 74, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_over?scl=1&fmt=png-alpha);
}
/* line 75, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_down?scl=1&fmt=png-alpha);
}
/* line 76, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_disabled?scl=1&fmt=png-alpha);
}
/*** ZoomOutButton ***/
/* line 80, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton {
position: absolute;
bottom: 20px;
left: 50px;
width: 28px;
height: 28px;
background-size: contain;
z-index: 1;
}
/* line 89, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_up?scl=1&fmt=png-alpha);
}
/* line 90, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_over?scl=1&fmt=png-alpha);
}
/* line 91, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_down?scl=1&fmt=png-alpha);
}
/* line 92, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_disabled?scl=1&fmt=png-alpha);
}
/*** ZoomResetButton ***/
/* line 96, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton {
position: absolute;
bottom: 20px;
left: 80px;
width: 28px;
height: 28px;
background-size: contain;
z-index: 1;
}
/* line 105, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_up?scl=1&fmt=png-alpha);
}
/* line 106, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_over?scl=1&fmt=png-alpha);
}
/* line 107, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_down?scl=1&fmt=png-alpha);
}
/* line 108, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_disabled?scl=1&fmt=png-alpha);
}
/*** FullScreenButton ***/
/* line 113, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton {
position: absolute;
bottom: 20px;
right: 20px;
width: 28px;
height: 28px;
background-size: contain;
z-index: 1;
}
/* line 122, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_up?scl=1&fmt=png-alpha);
}
/* line 123, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_over?scl=1&fmt=png-alpha);
}
/* line 124, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_down?scl=1&fmt=png-alpha);
}
/* line 125, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_disabled?scl=1&fmt=png-alpha);
}
/* line 126, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_up?scl=1&fmt=png-alpha);
}
/* line 127, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_over?scl=1&fmt=png-alpha);
}
/* line 128, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_down?scl=1&fmt=png-alpha);
}
/* line 129, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_disabled?scl=1&fmt=png-alpha);
}
/*** CloseButton ***/
/* line 133, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton {
position: absolute;
top: 20px;
right: 20px;
width: 28px;
height: 28px;
background-size: contain;
z-index: 1;
}
/* line 142, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_up?scl=1&fmt=png-alpha);
}
/* line 143, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_over?scl=1&fmt=png-alpha);
}
/* line 144, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_down?scl=1&fmt=png-alpha);
}
/* line 145, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_disabled?scl=1&fmt=png-alpha);
}
/**
* ColorSwatches component
*/
/* line 150, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches {
position: absolute;
bottom: 0px;
left: 0px;
height: 44px;
width: 280px;
background: transparent;
z-index: 1;
}
/* line 159, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb {
width: 28px;
height: 28px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
/* line 165, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb[state="default"] {
border: 1px solid #dddddd;
}
/* line 168, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumb[state="selected"] {
border: 1px solid #666666;
}
/**
* ColorSwatches scroll left button
*/
/* line 174, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollleftbutton {
background-size: auto;
width: 28px;
height: 28px;
}
/* line 179, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollleftbutton[state="up"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_up?scl=1&fmt=png-alpha);
}
/* line 180, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollleftbutton[state="over"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_over?scl=1&fmt=png-alpha);
}
/* line 181, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollleftbutton[state="down"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_down?scl=1&fmt=png-alpha);
}
/* line 182, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollleftbutton[state="disabled"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_disabled?scl=1&fmt=png-alpha);
}
/**
* ColorSwatches scroll right button
*/
/* line 187, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollrightbutton {
background-size: auto;
width: 28px;
height: 28px;
}
/* line 192, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollrightbutton[state="up"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_up?scl=1&fmt=png-alpha);
}
/* line 193, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollrightbutton[state="over"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_over?scl=1&fmt=png-alpha);
}
/* line 194, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollrightbutton[state="down"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_down?scl=1&fmt=png-alpha);
}
/* line 195, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7scrollrightbutton[state="disabled"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_disabled?scl=1&fmt=png-alpha);
}
/* line 197, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7colorswatches .s7swatches .s7thumbcell {
margin: 4px;
}
/**
* Swatches component
*/
/* line 204, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches {
position: absolute;
bottom: 0px;
left: 0px;
height: 96px;
background: transparent;
z-index: 1;
}
/* line 213, ../sass/scene7-mixed-media-viewer.scss */
.bundle-page .s7mixedmediaviewer .s7swatches {
height: 45px;
}
/* line 216, ../sass/scene7-mixed-media-viewer.scss */
.bundle-page .s7mixedmediaviewer .s7swatches .s7thumb {
width: 2rem;
height: 2rem;
}
/* line 220, ../sass/scene7-mixed-media-viewer.scss */
.bundle-page .s7mixedmediaviewer .s7swatches .s7thumb:after {
width: 2.5rem;
height: 2.5rem;
}
/* line 227, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb {
border: 1px solid #cccccc;
width: 4rem;
height: 4rem;
background-color: #ffffff;
}
/* line 233, ../sass/scene7-mixed-media-viewer.scss */
/* DECI-3341 */
.s7mixedmediaviewer .s7swatches .s7thumb:after {
/* content: "";
width: 4.5rem;
height: 4.5rem;
display: inline-block;
border: 0.125rem solid transparent;
padding: 0.125rem;
margin: 0.25rem;
position: absolute;
top: -.5rem;
left: -.5rem; */
content: "";
width: 62px;
height: 62px;
display: inline-block;
border: 2px solid transparent;
padding: 0px;
margin: 4px 0px 0px 4px;
position: absolute;
top: -8px;
left: -8px;
}
/* DECI-3341 */
/* line 246, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb:hover:after {
border-color: #6d6147;
}
/* line 250, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb[state=selected]:after {
border-color: #333333;
}
/**
* Swatches scroll left button
*/
/* line 258, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton {
background-size: auto;
width: 56px;
height: 56px;
}
/* line 263, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="up"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_up?scl=1&fmt=png-alpha);
}
/* line 264, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="over"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_over?scl=1&fmt=png-alpha);
}
/* line 265, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="down"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_down?scl=1&fmt=png-alpha);
}
/* line 266, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollleftbutton[state="disabled"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollLeftButton_light_disabled?scl=1&fmt=png-alpha);
}
/**
* Swatches scroll right button
*/
/* line 271, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton {
background-size: auto;
width: 56px;
height: 56px;
}
/* line 276, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="up"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_up?scl=1&fmt=png-alpha);
}
/* line 277, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="over"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_over?scl=1&fmt=png-alpha);
}
/* line 278, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="down"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_down?scl=1&fmt=png-alpha);
}
/* line 279, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7scrollrightbutton[state="disabled"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ScrollRightButton_light_disabled?scl=1&fmt=png-alpha);
}
/* line 283, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="swatchset"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ThumbOverlaySwatchSet?scl=1&fmt=png-alpha);
}
/* line 286, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="spinset"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ThumbOverlaySpinSet?scl=1&fmt=png-alpha);
}
/* line 289, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7swatches .s7thumb .s7thumboverlay[type="video"] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ThumbOverlayVideo?scl=1&fmt=png-alpha);
}
/*Video*/
/* line 294, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7videoplayer {
position: absolute;
top: 0px;
left: 0px;
width: 600px;
height: 400px;
background-color: white;
}
/* positioning VideoControlBar and its children components */
/* line 305, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 36px;
background-color: black;
/*whithout alpha*/
background-color: rgba(0, 0, 0, 0.75);
}
/*** PLAY PAUSE BUTTON ***/
/* line 317, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* line 327, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PlayButton_up?scl=1&fmt=png-alpha);
}
/* line 328, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PlayButton_over?scl=1&fmt=png-alpha);
}
/* line 329, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PlayButton_down?scl=1&fmt=png-alpha);
}
/* line 330, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PlayButton_disabled?scl=1&fmt=png-alpha);
}
/* line 331, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PauseButton_up?scl=1&fmt=png-alpha);
}
/* line 332, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PauseButton_over?scl=1&fmt=png-alpha);
}
/* line 333, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PauseButton_down?scl=1&fmt=png-alpha);
}
/* line 334, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7playpausebutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/PauseButton_disabled?scl=1&fmt=png-alpha);
}
/*** VIDEO SCRUBBER ***/
/* line 338, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber {
position: absolute;
top: 14px;
left: 40px;
width: 340px;
height: 8px;
}
/* line 345, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7videotime {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 58px;
/*height:29px; Make the height taller than the image so it floats above the scrubber knob by a few px*/
height: 35px;
padding: 0px;
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VideoScrubberTime?scl=1&fmt=png-alpha);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
align: center;
text-align: center;
vertical-align: middle;
line-height: 24px;
/* centers the text vertically in the bubble */
color: #ffffff;
}
/* line 363, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7track {
position: absolute;
top: 0px;
left: 0px;
height: 8px;
background-color: #555555;
}
/* line 370, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7trackloaded {
position: absolute;
top: 0px;
left: 0px;
height: 8px;
background-color: #666666;
}
/* line 377, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7trackplayed {
position: absolute;
top: 0px;
left: 0px;
height: 8px;
background-color: #999999;
}
/* line 384, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videoscrubber .s7knob {
position: absolute;
width: 14px;
height: 24px;
top: -8px;
left: -3px;
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VideoScrubberKnob?scl=1&fmt=png-alpha);
}
/*** VIDEO TIME ***/
/* line 395, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7videotime {
position: absolute;
top: 8px;
right: 68px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
line-height: normal;
/* Need to add an explicit width to enable scrubber resizing due to getComputedStyle not working in IE8 (IE uses currentStyle, which returns "auto" and breaks our layout math) */
/* Info on this hack here: //webdesignerwall.com/tutorials/css-specific-for-internet-explorer */
width: 60px\9;
}
/*** MUTABLE VOLUME CONTROL ***/
/* line 410, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume {
position: absolute;
top: 4px;
right: 35px;
width: 30px;
height: 28px;
}
/* line 417, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* line 423, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeMute_up?scl=1&fmt=png-alpha);
}
/* line 424, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeMute_over?scl=1&fmt=png-alpha);
}
/* line 425, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeMute_down?scl=1&fmt=png-alpha);
}
/* line 426, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeMute_disabled?scl=1&fmt=png-alpha);
}
/* line 427, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeFull_up?scl=1&fmt=png-alpha);
}
/* line 428, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeFull_over?scl=1&fmt=png-alpha);
}
/* line 429, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeFull_down?scl=1&fmt=png-alpha);
}
/* line 430, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7mutebutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeFull_disabled?scl=1&fmt=png-alpha);
}
/* line 432, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume {
position: absolute;
width: 30px;
height: 83px;
left: 0px;
background-color: #dddddd;
}
/* line 439, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7track {
position: absolute;
top: 11px;
left: 11px;
width: 8px;
height: 61px;
background-color: #666666;
}
/* line 447, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7filledtrack {
position: absolute;
/*top:11px;
left:11px;
*/
width: 8px;
height: 61px;
background-color: #ababab;
}
/* line 455, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7mutablevolume .s7verticalvolume .s7knob {
position: absolute;
width: 14px;
height: 8px;
top: 11px;
left: 8px;
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/VolumeKnob?scl=1&fmt=png-alpha);
}
/*** FULL SCREEN BUTTON ***/
/* line 466, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton {
position: absolute;
top: 4px;
right: 5px;
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
/* line 476, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_up?scl=1&fmt=png-alpha);
}
/* line 477, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_over?scl=1&fmt=png-alpha);
}
/* line 478, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_down?scl=1&fmt=png-alpha);
}
/* line 479, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_disabled?scl=1&fmt=png-alpha);
}
/* line 480, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_up?scl=1&fmt=png-alpha);
}
/* line 481, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_over?scl=1&fmt=png-alpha);
}
/* line 482, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_down?scl=1&fmt=png-alpha);
}
/* line 483, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7controlbar .s7fullscreenbutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_disabled?scl=1&fmt=png-alpha);
}
/*** VIDEO PLAYER ***/
/* line 487, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7videoplayer .s7iconeffect {
width: 80px;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_play_up?scl=1&fmt=png-alpha);
}
/* Icon effect */
/* line 497, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview .s7iconeffect {
width: 100px;
height: 100px;
background-size: contain;
}
/* line 502, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_zoom?scl=1&fmt=png-alpha);
}
/* line 505, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_pinch?scl=1&fmt=png-alpha);
}
/* Retina display */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
/* line 510, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='standard'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_zoom_2x?scl=1&fmt=png-alpha);
}
/* line 511, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomview .s7iconeffect[media-type='multitouch'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_pinch_2x?scl=1&fmt=png-alpha);
}
}
/*Tablet*/
@media only screen and (max-device-width: 13.5in) and (max-device-height: 13.5in) and (max-device-width: 799px), only screen and (max-device-width: 13.5in) and (max-device-height: 13.5in) and (max-device-height: 799px) {
/*
CSS for tablets with normal resolution screens goes here.
This section is processed for both normal and high-rsolution tablets, also by all mobile phones. So rules specific to
high-resolution devices and/or mobile phones should be defined in the sections below.
*/
/* line 523, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton {
left: 20px;
width: 56px;
height: 56px;
}
/* line 528, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 529, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 530, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 531, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 533, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton {
left: 77px;
width: 56px;
height: 56px;
}
/* line 538, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 539, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 540, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 541, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 543, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton {
left: 135px;
width: 56px;
height: 56px;
}
/* line 548, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 549, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 550, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 551, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 553, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton {
right: 20px;
width: 56px;
height: 56px;
}
/* line 558, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 559, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 560, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 561, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 562, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 563, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 564, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 565, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 567, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton {
position: absolute;
top: 20px;
right: 20px;
width: 56px;
height: 56px;
}
/* line 574, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 575, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 576, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 577, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
}
@media only screen and (max-device-width: 13.5in) and (max-device-height: 13.5in) and (max-device-width: 799px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-device-width: 13.5in) and (max-device-height: 13.5in) and (max-device-height: 799px) and (-webkit-min-device-pixel-ratio: 1.5) {
/*
CSS for tablet with high resolution screens goes here.
This section is processed by high-rsolution tablets, also by high resolution mobile phones. So rules specific to
high-resolution mobile phones should be defined in the sections below.
*/
/* line 589, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton {
position: absolute;
top: 20px;
right: 20px;
}
/* line 594, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 595, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 596, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 597, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomInButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 599, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 600, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 601, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 602, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomOutButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 604, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 605, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 606, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 607, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 609, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 610, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 611, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 612, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='true'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/MinScreenButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 613, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 614, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 615, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 616, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton[selected='false'][state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/FullScreenButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 618, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 619, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 620, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 621, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/*** IconEffect***/
/* line 624, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7videoplayer .s7iconeffect {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_play_up?scl=1&fmt=png-alpha);
}
}
/* Smartphones */
@media only screen and (max-device-width: 9in) and (max-device-height: 9in) {
/*
CSS for mobile phones with normal resolution screens goes here.
This section is processed for both normal and high-rsolution mobile phones. So rules specific to
high-resolution mobile phones should be defined in the sections below.
*/
/* line 634, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton {
visibility: hidden;
}
/* line 638, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton {
visibility: hidden;
}
/* line 642, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton {
visibility: hidden;
}
/* line 646, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton {
left: 50%;
width: 56px;
height: 56px;
margin-left: -28px;
bottom: 0px;
}
/* line 653, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 654, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 655, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 656, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/* line 658, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton {
width: 56px;
height: 56px;
top: 20px;
right: 20px;
}
/* line 664, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_up_touch?scl=1&fmt=png-alpha);
}
/* line 665, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_over_touch?scl=1&fmt=png-alpha);
}
/* line 666, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_down_touch?scl=1&fmt=png-alpha);
}
/* line 667, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_disabled_touch?scl=1&fmt=png-alpha);
}
/*** IconEffect***/
/* line 671, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7spinview .s7iconeffect[state='spin_1D'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_spin_up_touch?scl=1&fmt=png-alpha);
}
/* line 672, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7spinview .s7iconeffect[state='spin_2D'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_spin3d_up_touch?scl=1&fmt=png-alpha);
}
/* line 673, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7videoplayer .s7iconeffect {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_play_up?scl=1&fmt=png-alpha);
}
}
/*for phones with 2 pixel ratio, includes special case for Samsung Galaxy SIII */
@media only screen and (max-device-width: 9in) and (max-device-height: 9in) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 720px) and (device-height: 1280px) and (-webkit-device-pixel-ratio: 2), only screen and (device-width: 1280px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 2) {
/*
CSS for mobile phones with high resolution screens goes here.
This section is processed for only both high-rsolution mobile phones.
*/
/* line 685, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoominbutton {
visibility: hidden;
}
/* line 689, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomoutbutton {
visibility: hidden;
}
/* line 693, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7fullscreenbutton {
visibility: hidden;
}
/* line 697, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton {
left: 50%;
width: 56px;
height: 56px;
margin-left: -28px;
bottom: 0px;
}
/* line 704, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 705, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 706, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 707, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7zoomresetbutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/ZoomResetButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/* line 709, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton {
width: 56px;
height: 56px;
top: 20px;
right: 20px;
}
/* line 715, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='up'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 716, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='over'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_over_touch_2x?scl=1&fmt=png-alpha);
}
/* line 717, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='down'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_down_touch_2x?scl=1&fmt=png-alpha);
}
/* line 718, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7closebutton[state='disabled'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/CloseButton_light_disabled_touch_2x?scl=1&fmt=png-alpha);
}
/*** IconEffect***/
/* line 722, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7spinview .s7iconeffect[state='spin_1D'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_spin_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 723, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7spinview .s7iconeffect[state='spin_2D'] {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_spin3d_up_touch_2x?scl=1&fmt=png-alpha);
}
/* line 724, ../sass/scene7-mixed-media-viewer.scss */
.s7mixedmediaviewer .s7videoplayer .s7iconeffect {
background-image: url(//s7ondemand4.scene7.com/is/image/Scene7SharedAssets/IconEffect_play_up_touch_2x?scl=1&fmt=png-alpha);
}
}
.ccgaddnewaddress{
padding: 10px;
height: 24px;
width: 132px;
}
.add-new-text{
font-weight: bold;
margin-top: 5px;
font-size: 1.1rem;
letter-spacing: 1.1px;
}
.error-no-results{
color: white !important;
background-color: #e31f26;
text-transform: uppercase;
align-items: center;
}
.error-no-results .ccg-sprite {
margin: 8px;
vertical-align: middle;
}
.pdfMsgSpacing{
margin:2% 5%;
font-size:16px;
}
.color-white{
color: white !important;
vertical-align: middle;
display: unset !important;
}
.savedGearEdit {
position: relative;
width: 192px !important;
padding: 15px 10px 8px 13px !important;
margin-bottom: 0 !important;
height: 25px !important;
}
.company-buyer-btn{
margin: 0 !important;
}
.qty-saved-gear{
margin-left: 56px;
}
.order-summary{
display: flex;
align-items:center;
}
.order-summary-border{
border-top: 1px solid #e0e0e0;
width: 100%;
margin: 16px 0;
}
.order-number{
font-family: "ITC Conduit W07";
font-size: 24px !important;
color: #333333;
font-weight: 600;
margin-right: 68px;
}
.location-details {
font-size: 14px;
position: absolute;
margin-top: 45px;
text-transform: uppercase;
}
/* For IE Browser */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.qty-saved-gear{
margin-left: -29px;
}
}
.carharttGoldBtn.saved-logo-link{
display: inline-block;
line-height: 1.8rem;
vertical-align: top;
}
@media screen and (min-width:601px) and (max-width:1024px){
.CCGshopCartRemoveBtn.ui-button__color__black.order_details_item_edit__remove,.carharttGoldBtn.saved-logo-link{
margin-left: 0px !important;
width: fit-content !important;
display: block;
}
}
@media screen and (min-width:501px) and (max-width:600px){
.CCGshopCartRemoveBtn.ui-button__color__black.order_details_item_edit__remove,.carharttGoldBtn.saved-logo-link{
margin-left:10px;
}
}
@media screen and (max-width:500px){
.CCGshopCartRemoveBtn.ui-button__color__black.order_details_item_edit__remove,.carharttGoldBtn.saved-logo-link{
margin-left:0px !important;
width: fit-content !important;
padding: 6px !important;
display: block;
}
}
.saved-logo .image_preview {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjI4QkNGNEFDMjAzMTFFOTkxODVEOTk5MzFEMDkyMEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjI4QkNGNEJDMjAzMTFFOTkxODVEOTk5MzFEMDkyMEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MjhCQ0Y0OEMyMDMxMUU5OTE4NUQ5OTkzMUQwOTIwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MjhCQ0Y0OUMyMDMxMUU5OTE4NUQ5OTkzMUQwOTIwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puy/FeMAAAAmSURBVHjaYvz//z8DEnj16hUyl4kBL6CpNAuaW8TExAaL0wACDACR/AjRL54I7gAAAABJRU5ErkJggg==);
width: 15rem;
height: 10rem;
overflow: hidden;
border: 1px solid #000;
margin-bottom: 0.25rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.saved-logo .image_preview img {
display: flex;
width: 55%;
max-height: 100% !important;
}
.saved-logo .image_preview_dig img {
max-height: 50%;
}
.logo-layout{
display: flex;
flex-flow: wrap;
}
.saved-logo .saved-logo-cell {
margin-bottom: 1rem;
}
.logo-style {
width:33.333333%
}
@media only screen and (min-width: 1024px)and (max-width: 1025px){
.logo-style {
width: 48%;
}
}
@media only screen and (max-width: 768px){
.logo-style {
width:50%
}
}
@media only screen and (min-width: 375px)and (max-width: 500px){
.logo-style {
width: 52%;
padding-left: 7%;
}
}
@media only screen and (max-width: 320px){
.logo-style {
width: 52%;
padding-left: 31px;
}
}
.saved-logo .saved-logo-center {
width: 15rem;
margin: auto;
text-align: center;
}
.saved-logo .saved-logo-left {
width: 15rem;
margin: auto;
text-align: left;
}
.saved-logo-left.saved-logo-link {
color: #b97a57;
text-decoration: underline;
margin-bottom: 5px;
}
.saved-logo .saved-logo-address {
padding-left: 1.5rem;
}
.saved-logo .saved-logo-remove button {
width: 3rem;
height: 2rem;
padding-top: 0.5rem;
}
.saved-logo .saved-logo-remove button .ccg-sprite.trashcan {
transform:scale(0.75) translate(0, -0.25rem);
}
.saved-logo .saved-logo-upload {
margin-left: 2rem;
margin-right: 2rem;
}
.saved-logo .saved-logo-divider {
margin: 1rem 1.5rem;
border-top-color: #e5e5e5;
}
.requestAprove.message{
margin-top: 10px;
background: #277D29;
font-size: 1rem;
color: #fff;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: bold;
word-wrap: break-word;
cursor: default;
}
.requestRevision.message{
margin-top: 10px;
font-size: 1rem;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: bold;
word-wrap: break-word;
background: #fdb913;
color: #222222;
cursor: default;
}
.reviewErrorMsg{
margin-top: 10px;
background: #e31f26;
font-size: 1rem;
color: #fff;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: bold;
word-wrap: break-word;
cursor: default;
}
img.viewProofLogo {
width: 80% !important;
padding: 5px;
text-align: center;
}
.viewProofLogoName{
background-color: #e5e5e5;
font-weight: bold;
text-align: center;
width: 85.6%;
padding: 5px;
}
.chat_space_carhartt{
float:left;
width: calc(90% - 20px);
background: #f8ad05;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
}
.chat_space_user{
float:right;
width: calc(90% - 20px);
background: #e5e5e5;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
}
.chat_name{
float: left;
font-family: 'TradeGothicNextLTPro-Rg';
font-size: 1rem;
font-weight: bold;
color: #333;
margin-right: 5px;
}
.chat_date{
float: left;
font-family: 'TradeGothicNextLTPro-Rg';
font-size: .7rem;
color: #555;
margin-top: 2px;
}
.chat_message{
width: 100%;
text-align: left;
margin-top: 10px;
font-family: 'TradeGothicNextLTPro-Rg';
font-size: .9rem;
}
.disable {
color: #b4b4b4e4 !important;
border: none;
cursor: default;
}
.disable > .iradio_square-ccg.hover {
border: none;
box-shadow: inset 0 0 4px #b4b4b4e4;
}
@media(max-width:767px){
.col3.order_details_item__image-container{
width:100%;
}
.viewProofLogoName{
width:87%;
}
.col9.viewProofDetails > .col8 {
width: 60% !important;
}
.col9.viewProofDetails {
width: 93%;
}
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.list-table-width.reviewProofDetails{
display:none !important;
}
.listTableMobile.reviewProofDetailsMobile{
display:block !important;
}
}
/*ticket 121030*/
.ccol-margin-lr-fabric > *{
margin-left:1rem;
margin-bottom:5px;
}@CHARSET "ISO-8859-1";
.cell < .actions < .button_text.reorderBtn{
line-height: normal;
}
.listTable .entry.CCGSavedGear{
line-height: 2.6em;
}
.actionItem div[id*=WC_RequisitionList_Action_add_to_cart_] ,.actionItem{
padding-bottom: 0px;
padding:0px;
line-height: normal;
}
#RequisitionList_list_table .actions {
height: 30px;
}
.add_to_cart_label{
width: 150px;
}
.dark_bkg_icon{
background: #000;
padding: 5px;
width: 20px;
height: 20px;
cursor: pointer;
}
.dark_bkg_icon img{
width: 100%;
}
.deleteInputToggleIcon input, .deleteInputToggleIcon ins, .deleteInputToggleIcon .icheckbox_square-ccg{
display: none !important;
}
.deleteInputToggleIcon .ccgTrashConfirmation{
display: none;
position: relative;
margin-left: -10.4rem;
}
.deleteInputToggleIcon:has(input:checked) .ccgTrashConfirmation{
display: block;
}
.deleteInputToggleIcon .tableBtn{
margin-right: 10px;
cursor: pointer;
transition: all ease .3s;
}
.deleteInputToggleIcon .tableBtn:hover{
background-color: #333;
color: #fff !important;
}
.deleteInputToggleIcon .reorderBtn{
color: #fff !important;
}
.deleteInputToggleIcon .deleteInputToggleIconCTAs{
float: left;
margin: 15px 0px 5px 0px;
}
.sign_in_registration .header_return {
border: solid 1px #e5e5e5;
}
.sign_in_registration .header_new {
border: solid 1px #e5e5e5;
}
.login-reg-height{
height: 335px;
}
.password_reset{
color:#e31f26;
font-size:12px;
font-family: "ITC Conduit W01";
margin: 0 0 1em 0;
}
.address-container {
background-color: rgb(229, 229, 229);
margin-top: 20px;
border-top: 5px solid rgb(253, 185, 19);
padding-right: 10px;
}
.address-details {
margin-left: 10px;
padding: 15px 0;
line-height: 1.2;
}
.we-found-these-section{
background-color: rgb(229, 229, 229);
border-top: 5px solid rgb(253, 185, 19);
padding: 10px 0px 25px 10px;
}
.reg-border{
border-bottom: 1px solid #cccccc;
margin-top: 30px;
}
.text-desc{
margin: 10px 0;
}
.departmentButtonGifGear{
background-color:#fdb913;
}
@media only screen and (min-width: 601px) {
#departmentsMenu > li:hover {
background-color: #e5e5e5;
}
}
.ui-continue_btn_bg {
margin-right: 20px;
}
.ui-cont-shoppingcart-btns {
width: 270px;
height: 63px;
font-size: 1.5rem;
letter-spacing: 0.5px;
}
.font-case {
text-transform: uppercase;
}
.list-field {
padding: 0 15px !important;
width: unset !important;
}
.byg-flyout-login-btn {
padding: 20px 0;
width: 90%;
margin: auto;
}
.shop-cart-action-items {
border-top: 4px solid #F8AD05;
border-bottom: 4px solid #F8AD05;
padding-top: 7px;
padding-bottom: 12px;
text-align: center;
font-family: "ITC Conduit W07";
}
.save-grid {
position: relative;
top: -5px;
}
.shopcart-byg-details {
background: #eeeeee;
padding: 10px;
line-height: 1.5;
}
.shopcart-accordion-head {
padding: 10px 0;
/* display: flex; */
justify-content: space-between;
}
.shopcart-accordion-body {
background: unset !important;
padding-bottom: 10px;
width: 100%;
}
.shop-cart-action-items .ccgTrashConfirm{
text-align: left;
float: right;
}
.ccgTrashConfirm{
margin-top: 15px;
padding: 10px 15px 20px 15px;
border: 2px solid #ccc;
border-left: 4px solid #E31F26;
}
.ccgTrashConfirm_CTA_container{
margin-top: 15px;
}
.just-browsing-text{
border-top: 1px solid #ddd;
width: 90%;
margin: 0 auto;
padding-top: 20px;
}
.login-heading{
font-size: 24px;
font-weight: 600;
margin: 10px auto 20px auto;
width: 90%;
}
.byg-btn{
width: 100%;
}
.cust-qty-text{
font-size:12px;
}
.order-summary-qty{
border: none !important;
background: none !important;
}
.order-summary-item-grid{
float: right !important;
width: 75%;
}
.order-summary-itm-total{
float: right !important;
width: 100%;
}
.single-item-total{
float: right !important;
width: 97%;
}
button.btn,a.btnsave{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.5px;
text-align: center;
border:none;
width: -webkit-fill-available;
width: -moz-available;
margin-right: 10px;
padding: 10px 0;
text-transform: uppercase;
cursor:pointer;
display:block;
}
.shiping_gift{
float:left;
font-size:16px;
font-weight:600
}
.shipping_remain{
float:right;
font-size:10px;
font-weight:600
}
button.btn,a.btnsave{
font-size: 24px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1;
letter-spacing: 0.5px;
text-align: center;
border:none;
width: -webkit-fill-available;
width: -moz-available;
margin-right: 10px;
padding: 10px 0;
text-transform: uppercase;
cursor:pointer;
display:block;
}
.shiping_gift{
float:left;
font-size:16px;
font-weight:600
}
.shipping_remain{
float:right;
font-size:10px;
font-weight:600
}/* Category.css start */
.CCG_LeftFilter_Label .arrow {
left: 0.5rem;
top: -0.3125rem;
width: 1.5rem;
}
.product_listing_container_margin{
margin: 6px 0 0 2em;
}
@media only screen and (min-width: 0px) and (max-width: 600px){
.product_listing_container_margin{
margin: 0 1rem;
}
}
.product_listing_container > .grid_mode > li {
padding-top: 0;
padding-bottom: 1.25rem;
}
.grid_mode .catEntryGrid_border {
display: none;
}
.grid_mode .product {
position:relative;
margin: 0px;
padding: 0;
border: 1px solid #cccccc;
min-height: 33rem;
}
.grid_mode .product .color-swatches-overlay {
height: 3.3rem;
}
.grid_mode .product .color-swatches {
margin: 0 auto;
padding: 1px 15px;
height: 3.3rem;
overflow: hidden;
border-top: 1px solid #cccccc;
}
.grid_mode .product .color-swatches.open {
width: 100%;
margin: 0;
height: auto;
padding-bottom: 0.5rem;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: #ffffff;
position: absolute;
z-index: 10;
}
.grid_mode .product .color-swatches .swatch-control {
display:none;
}
.grid_mode .product .color-swatches.expandable:not(.open) .swatch-control.ellipses,
.grid_mode .product .color-swatches.expandable.open .swatch-control.close-expansion {
display: block;
float: right;
font-size: 1.5rem;
font-weight: bold;
padding: 0.5rem 0.3rem 0.3rem 0.3rem;
height: 36px;
}
.grid_mode .product .color-swatches ul {
list-style: none;
padding-left: 0;
width: inherit;
}
.grid_mode .product .color-swatches ul li {
padding-top: 0;
width: 45px;
height: 45px;
margin: 5px 0 1px 3px;
}
.grid_mode .product .color-swatches li button {
border-color: transparent;
overflow: visible;
height: 40px;
width: 40px;
margin: 5px 0 0 5px;
}
.color-swatches ul li{
border-radius: 50px;
overflow: hidden;
}
.grid_mode .product .color-swatches li button.unavailable i {
margin: -16px 0px 0px -4px;
}
.grid_mode .product .color-swatches li button.selected {
border-width: 1px;
height: 38px;
width: 38px;
margin: 6px 0 0 6px;
}
.grid_mode .product .color-swatches button:after {
border: 0px solid #ccc;
height: 70px;
width: 70px;
position: absolute;
top: 0px;
left: 0px;
border-radius: 0;
}
.grid_mode .product .color-swatches a.selected:after,
.grid_mode .product .color-swatches button.selected:after {
border: 2px solid #fff;
height: 42px;
width: 42px;
position: absolute;
top: -5px;
left: -5px;
border-radius: 50px;
}
@media only screen and (min-width: 0px) and (max-width: 640px){
.grid_mode .product .color-swatches li button{
border-radius: 50px;
}
.grid_mode .product .color-swatches a.selected:after,
.grid_mode .product .color-swatches button.selected:after {
height: 30px;
width: 30px;
top: 1px;
left: 1px;
}
.grid_mode .product .color-swatches li button.unavailable i{
margin: -2px 0px 0px -1px;
}
}
.grid_mode .product .product_info > .product_name {
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.grid_mode .product .product_info > .product_name > a {
font-family: Tungsten;
font-weight: 400;
letter-spacing: 1px;
color: #333333;
font-size: 1.3rem;
line-height: 1.3rem;
}
@media screen and (max-width: 700px) {
.grid_mode .product {
}
}
@media screen and (max-width: 600px) {
.row.product_brand_gear__container > .acol10.col5 {
width: 55%;
}
}
@media screen and (max-width:421px){
.product_info > .product_name > a {
line-height: 14px;
padding-bottom: 0px;
}
.grid_mode .product .product_info > .product_name > a {
color: #333333;
font-size: 0.9rem;
}
}
@media screen and (min-width: 641px) {
.grid_mode .product .product_info > .product_name > a {
min-height: 3.25rem;
}
.grid_mode .product .product_info .extra-info {
min-height: 2.125rem;
}
.grid_mode .product .product_info .product_brand_gear__container {
min-height: 2rem;
}
.grid_mode .product .color-swatches-overlay {
height: 2.6rem;
}
.grid_mode .product .color-swatches {
height: 2.6rem;
}
.grid_mode .product .color-swatches ul li {
width: 35px;
height: 35px;
margin: 5px 0 1px 3px;
}
.grid_mode .product .color-swatches li button {
height: 50px;
width: 50px;
margin: 0px;
}
.grid_mode .product .color-swatches li button.selected {
height: 38px;
width: 38px;
margin: 0px;
}
.grid_mode .product .color-swatches button:after {
height: 32px;
width: 32px;
top: -4px;
left: -4px;
}
.grid_mode .product .color-swatches a.selected:after,
.grid_mode .product .color-swatches button.selected:after {
height: 29px;
width: 29px;
top: 0px;
left: 0px;
}
.grid_mode .product .color-swatches.expandable:not(.open) .swatch-control.ellipses,
.grid_mode .product .color-swatches.expandable.open .swatch-control.close-expansion {
height: 26px;
}
}
/* Checkout.css start */
/* Order Item Detail (cart) */
.BYG_cart_logo_info_container{
width: calc(50% - 15px);
margin-bottom: 10px;
}
.BYG_cart_logo_info_container:nth-child(1n){
float: left;
margin-left: 10px;
}
.BYG_cart_logo_info_container:nth-child(2n){
float: right;
}
.BYG_cart_logo{
float: left;
width: calc(35% - 15px);
}
.BYG_cart_info{
float: right;
width: calc(65% - 15px);
}
@media only screen and (min-width: 0px) and (max-width: 990px){
.BYG_cart_logo_info_container{
width: 100%;
margin-bottom: 10px;
}
.BYG_cart_logo_info_container:nth-child(1n){
margin-left: 10px;
}
.BYG_cart_logo_info_container:nth-child(2n){
float: left;
margin-left: 10px;
}
.BYG_cart_logo{
float: left;
width: calc(25% - 15px);
}
.BYG_cart_info{
float: right;
width: calc(75% - 15px);
}
}
.logo-size{
margin-right: 5px;
display: inline-block;
text-align: center;
vertical-align: top;
}
.logo-image{
padding: 5px;
border: 2px solid #ccc;
transition: transform .2s;
cursor:pointer;
}
.logoImgDiv{
margin: 10px 5px;
margin-bottom: 0px;
position:relative;
}
span.tooltiptext.setupCharge {
width: 330px;
right: -12rem;
}
span.tooltiptext.setupCharge .header img{
left:37.2%;
}
#setupChargeDiv .tooltip {
vertical-align: baseline;
}
@media(max-width:660px){
.logo-size:first-child{
margin-left:0px;
}
.logoImgDiv{
margin-left:0px;
}
}
img.logo-image:hover {
transform: scale(2);
background:white;
position: relative;
z-index: 1;
left:1.2rem;
}
.personalize-image {
width: auto !important;
max-width: 7.5rem;
margin: 7px 0px;
display: inline-block;
border-radius: 5px;
}
.request_proof_details_BYG_label {
display: block;
width: 110px !important;
margin-bottom: 10px;
}
.byg_css{
padding-right:1px;
}
.list_order_css{
padding-left: 10.9rem;
padding-bottom: 0.5rem;
}
.personalize_list_order{
margin-top: -1rem;
}
.save_for_ltr{
margin-right: -2rem;
}
@media only screen and (max-width: 1024px){
.save_for_ltr{
margin-right: -1.5rem;
}
}
@media only screen and (max-width: 768px) {
.save_for_ltr{
margin-right: -1rem;
}
}
@media only screen and (max-width: 500px) {
.save_for_ltr{
margin-right: -1.3rem;
}
}
.view_location{
width: inherit;
padding-left: 15px;
}
.view_save{
font-family: "ITC Conduit W05";
cursor: pointer;
position: absolute;
color: #fff !important;
background-color: #222;
border: 2px solid #222;
font-size: 14px;
padding: 14px 19px;
position: absolute;
display: inline-block;
width: 70px;
height : 1rem;
margin-left: -20px;
}
.logo_name_and_position{
line-height: 20px;
margin-top: 1px;
margin-bottom: 7px;
font-family: Tungsten;
font-weight: 400;
}
.logo_name_and_position b{
color: #222 !important;
}
.cart_icon{
width: 28px !important;
}
@media only screen and (min-width: 601px) and (max-width: 767px){
.cart_icon{
margin-left: 15px;
}
}
.cart_icon_container{
margin-top: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 320px){
.view_save{
margin-left: -32%;
}
}
.listTable .personalize-image {
max-width: 6.5rem;
margin-top: 0.1875rem;
}
.shop_cart #continueShoppingButton {
display: none;
}
.continue_shopping .ccgBackArrow {
position: relative;
}
#box.shopping_cart_box .body {
float: left;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
}
.order_details img,
.order_details_item img {
width: 100%;
height: auto;
vertical-align:middle;
}
.order_details .item-title {
font-size: 1.6rem;
font-family: Tungsten;
font-weight: 600;
letter-spacing: 1.25px;
color: #333333 !important;
text-transform:uppercase;
}
.order_details_item {
border: 1px solid #e5e5e5;
border-top: 4px solid #F8AD05;
margin-bottom: 1rem;
}
.order_details_item__inventory_error {
width: -webkit-fill-available;
color: #000;
font-size: 1rem;
line-height: 20px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
background-color: #F4E1E2;
background-repeat: no-repeat;
background-position: 8px 8px;
padding: 5px 1.5em 10px 2.5rem !important;
margin: .5em 0em .5em 3%;
background-size: 27px;
border: 2px solid #D61C2C;
}
.insideAlert_addEditCTA{
display: block;
background: #000;
color: #fff;
width: calc(100% - 45px);
margin-left: 15px;
padding: 6px 15px 7px 15px;
text-align: center;
letter-spacing: 1.1px;
font-family: Tungsten;
font-weight: 400;
border: 2px solid #000;
text-transform: uppercase;
}
.insideAlert_addEditCTA:hover{
background: #975f20;
}
@-moz-document url-prefix() {
.order_details_item__inventory_error {
width: -moz-available;
}
}
@media (min-width: 0px) and (max-width: 1169px){
.order_details_item__inventory_error{
margin-left: 0%;
}
}
.order_details_item__inventory_error_border{
border: 2px solid #e31f26;
}
.order_details_item__product-info > .row {
margin-bottom: 1rem;
}
.order_details_item__inventory_error span {
display: block;
}
.order_details_item__inventory_error.nodisplay + .order_details_item,
.order_summary_product_info .order_details_item,
#OrderConfirmPagingDisplay .order_details_item {
border-top: 4px solid #F8AD05;
}
.order_details_item > .row {
margin-left: 1rem;
margin-right: 1rem;
}
.order_details_item > .row:first-of-type {
margin-top: 1rem;
}
.order_details_item > .row:last-of-type {
margin-bottom: 1rem;
}
/* .order_details_item__image-container { */
/* min-height: 14rem; */
/* } */
.order_details_item__image-container .ccg-personalize-shopcart {
text-align: center;
}
.order_details_item__requisition-link {
margin-bottom: 1rem;
}
.order_details_item__requisition-link table {
border-spacing: 0 !important;
margin-left: auto;
}
.order_details_item__requisition-link .shopperActions {
padding-left: 0;
}
.order_details_item_edit {
}
.order_details_item_edit .price {
display: inline-block;
float: right;
max-width: 5.625rem;
}
.order_details_item_edit .total_price_amount {
font-family: "ITC Conduit W07";
color: #333333;
font-weight: 600;
font-size: 1.25rem;
}
.order_details_item_unit {
margin-left: 3%;
}
.order_item_sub_total .siteText .shopcart-byg-details{
margin-left:3%;
}
.order_details_item_unit__price {
text-align: right;
}
.order_details_item_unit__qty .qtyCalc {
height: 3rem;
}
.order_details_item_edit__remove {
background-color: #222;
text-align: center;
display: inline-block;
}
.order_details_item_edit__remove .ccg-sprite {
transform: scale(0.667);
margin-top: 0.25rem;
}
.order_details_item_edit__edit {
display: inline-block;
vertical-align: top;
}
.order_details_item_edit__edit a {
display: block;
color: #fff !important;
background-color: #222;
font-family: Tungsten;
letter-spacing: 1.25px;
font-weight: 400;
font-size: 1rem !important;
}
.cart_CTA_icons{
width: 18px !important;
margin-top: -5px;
}
.order_details_item .price {
font-size: 1rem;
text-align: right;
}
.order_details_item .miniCartPPN {
width: 100%;
text-align: center;
}
.pricesContent{
float: right !important;
width: 97%;
}
.miniCartImg{
margin-top: 58px;
background-color: #e5e5e5;
font-weight: bold;
text-align: center;
font-size: 1rem;
font-family: Tungsten;
letter-spacing: 1px;
}
.total_price_cart{
width: 100%;
margin: 5px 0px;
padding: 5px 0px;
border-top: 1px solid #222;
font-weight: bold;
}
.total_price_cart .total_price_label{
float: left;
font-size: 1rem;
}
.total_price_cart .total_price_amount{
float: right;
font-size: 1rem;
}
.section_margin_bottom_10{
margin-bottom: 10px;
}
/* Cart - Order Summary */
.cart_order_summary__wrapper,
.checkout_order_summary,
.cart_order_summary__wrapper,
.button_footer_line_confirmation_page {
background-color: #eeeeee;
}
.cart_order_summary__wrapper {
padding-top: 1rem;
width: 100%;
}
.cart_order_summary__header {
padding-bottom: 1.0rem;
margin-left: 2rem;
margin-right: 2rem;
border-bottom: 1px solid #333;
}
/* Cart - Order Summary - Table */
.cart_order_summary__total-table {
margin-top: 1rem;
line-height: 1.2;
margin-left: 2rem;
width: calc(100% - 4rem);
}
.cart_order_summary__order-total {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 100%;
padding: 1rem 0;
}
.cart_order_summary__ship-tax-msg {
border-top: 1px solid #ccc;
padding: 1rem 0;
line-height: 1.25;
font-size: 1rem;
display: block;
margin-top: 1rem;
}
.nicknameOnCartPage{
margin-top: 1rem;
line-height: 1.2;
margin-left: 2rem;
width: calc(100% - 4rem);
border-top: 1px solid #ccc;
padding: 1rem 0;
font-size: 1rem;
display: block;
}
/* Cart - Order Summary - Promotional Code Form */
.cart_order_summary__promotions {
margin: 1rem 2rem 0;
width: calc(100% - 4rem);
}
.promotion-code__text {
font-family: "ITC Conduit W01";
color: #333;
width: calc(100% - 32px);
background-color: #f7f7f7;
border: 1px solid #949494;
height: 3rem;
font-size: 1.5rem;
padding: 1px 15px;
}
.promotion-code__button {
border: 1px solid black;
padding: 1rem 0;
background-color: #333;
height: 1.125rem;
}
.promotion-code__button a {
color: #fff;
}
/* Order Item Summary */
.order_item_summary__item {
border-bottom: 2px #000 solid;
margin-bottom: 2rem;
}
.order_item_summary__item img {
width: 100%;
height: auto;
}
.order_item_summary__item:first-child {
margin-top: 2rem;
}
.order_item_summary__item:last-of-type {
border-bottom: none;
}
.order_item_summary__item .personalize-image {
width: 8.25rem;
height: auto;
}
.order_item_summary__item-total {
border-top: 1px #000 dotted;
margin-top: 2rem;
padding-top: 0.5rem;
padding-bottom: 2rem;
}
.box.order_totals_summary {
min-height: unset;
margin-bottom: 2rem;
}
.order_totals_summary .main_header_text {
display: none;
}
.cart_summary_checkout_button .carharttGoldBtn {
height: 4rem;
}
.cart_summary_checkout_button .button_text {
margin-top: 1.25rem;
}
.button_top_checkout .button_align {
margin-top: -1.1875rem;
margin-right: 1.0rem;
}
.order_summary__billing-info {
margin-top: 1rem;
border-top: 4px solid #F8AD05;
}
.order_summary__shipping {
margin-bottom: 2rem;
}
.order_summary__shipping .main_header,
.order_confirmation__section .main_header {
padding-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.order_confirmation__section .shipping_address {
margin-left: 1rem;
}
#box .body.order_summary__billing-info,
#box .order_summary__billing-info .body {
padding-left: 0;
padding-right: 0;
}
#box .body.order_confirmation__section {
border-top: 4px solid #F8AD05;
margin: 0 0.5rem 1rem;
}
#box #WC_OrderShippingBillingConfirmationPage_div_13.body.shipping_billing_height {
border-left: none;
border-right: none;
border-bottom: none;
}
.order_summary__billing-info .main_header {
margin-bottom: 2rem;
padding-bottom: 1.0rem;
border-bottom: 1px solid #e5e5e5;
margin-left: 1rem;
margin-right: 1rem;
padding-top: 1rem;
}
.btn_ui_order_confirmation_download{
padding: 0.5rem;
font-size: 0.875rem;
}
.order_confirmation_download_btn{
margin-top:20px;
margin-bottom:20px;
}
.newShippingAddressButton {
line-height: 2.25rem;
}
#checkout_crumb {
float: unset;
}
.checkout_crumb__order-complete {
background-color: #eeeeee;
border-top: 4px solid #F8AD05;
margin-left: 0.5rem;
padding-left: 1rem;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.checkout_order_summary + .button_footer_line,
.cart_order_summary + .button_footer_line,
.checkout_order_summary .button_footer_line,
.cart_order_summary .button_footer_line {
display: block;
}
.editAddressLink .tlignore {
text-decoration: underline;
text-transform: uppercase;
font-size: 0.875rem;
}
.ccg-payment-amount-container {
margin-top: 0.75rem;
}
.CCGshareFlyout {
font-family: "ITC Conduit W07", sans-serif;
}
.CCGshareFlyout #share-success,
.CCGshareFlyout #share-error {
text-align: center;
}
.CCGshareFlyout .send-button {
margin-bottom: 1rem;
}
/* RWD-A + RWD-BA + RWD-BB breakpoint */
@media (max-width: 1170px) {
.order_details_item_edit .price {
margin-top: 0;
}
.order_totals_summary .cart_order_summary__wrapper {
margin-top: 1rem;
}
}
/* RWD-BB breakpoint */
@media (min-width: 768px) and (max-width: 1169px) {
.order_details_item > .row {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 769px) {
.order_item_sub_total{
position: relative;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 500px) {
.order_item_sub_total{
width: -webkit-fill-available;
margin-left: 0%;
position: relative;
}
.order_item_sub_total .font16.shopcart-byg-details{
margin-left:0%;
}
}
.itemSub{
margin-top: 0rem;
}
@media screen and (min-device-width: 320px) and (max-device-width: 768px){
.itemSub{
margin-top: 0rem;
}
}
/* RWD-A + RWD-BA breakpoint */
@media (max-width: 767px) {
.order_details_item_edit .price {
max-width: 5.5rem;
}
.order_details_item_edit__edit {
width: 6.3rem;
}
}
/* RWD-A breakpoint */
@media (max-width: 600px) {
.button_footer_line_confirmation_page {
display: block;
}
.button_footer_line .print_button {
margin-top: 1rem;
}
#orderItemDisplay .CCG_Title {
margin-left: 9px;
}
#ShopCartDisplay > .container:first-of-type {
margin-top: 0;
}
.button_top_checkout {
width: 100%;
}
.button_top_checkout .button_align {
width: 100%;
}
#shopcartCheckoutButton.button_top_checkout .carharttGoldBtn {
position: static;
top: auto;
right: auto;
margin-right: 1.5rem;
margin-left: 1.5rem;
padding-top: 17px;
padding-bottom: 17px;
}
.checkout_order_summary {
padding: 0 1rem;
}
.checkout_order_summary .cart_order_summary__header {
margin-left: 0;
margin-right: 0;
}
.checkout_order_summary .cart_order_summary__total-table {
margin-inline-start: 0;
width: 100%;
}
.order_details .item-title {
font-size: 1.0rem;
width: auto;
}
.order_details_item_edit .price {
max-width: 4.5625rem;
}
.order_details_item_edit .total_price_amount {
font-size: 1.0rem;
}
.order_details_item_edit__remove {
height: 2rem;
width: 3rem;
}
.order_details_item_edit__remove img {
max-width: 1.0rem;
padding: 0.5rem 1.0rem;
}
.order_details_item_edit__edit {
max-width: 7.375rem;
}
.order_details_item_edit__edit a {
padding: 0.5625rem !important;
height: 0.875rem;
}
.ccgBackArrow {
position: relative;
top: 0.5rem;
right: 0.25rem;
}
.shipping_address, .billing_address {
margin-bottom: 1rem;
}
}
.orderdetlcart{
margin-left: 233px;
}
.orderSum{
float: right;
width: 140px;
}
@media only screen and (min-width:319px) and (max-width:661px){
.order_details_item_unit {
margin-left: 0;
width:100%;
}
.col3.shoppingCart {
display: none;
}
.order_item_sub_total{
width:100%;
}
.order_item_sub_total .font16.shopcart-byg-details{
margin-left:0%;
}
}
@media only screen and (max-width: 320px){
.orderSum{
display: table-row-group;
padding-left: 0px;
}
}
.alignCenter{
text-align:center;
}
.sizeDiv{
display: inline-block;
text-align:left;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.qtyDiv{
display: inline-block;
width:40%;
}
.cartDiv{
display: inline-block;
text-align:right;
}
@media(max-width:424px){
.orderSumExpant{
margin-left: 15px;
}
}
.orderExpandBtn{
padding-bottom:10px;
}
.ordrDetailMsg{
text-align:left;
font-size: medium;
}
/* RWD-B + RWD-C breakpoint */
@media (min-width: 601px) {
.order_details_item_edit__remove {
height: 2rem;
width: 2rem;
}
.order_details_item_edit__remove img {
max-width: 1.0rem;
padding: 0.75rem 1.0rem;
}
.order_details_item_edit__edit a {
padding: 0.8225rem !important;
height: 1.125rem;
}
.order_totals_summary .cart_order_summary__total-table,
.order_totals_summary .cart_order_summary__header {
max-width: 30rem;
}
}
/* RWD-BB + RWD-C breakpoint */
@media (min-width: 768px) {
.order_details_item_edit__edit {
width: 9.25rem;
}
}
@media only screen
and (min-device-width : 1024px) {
.orderdetlcart {
margin-left: 233px;
}
}
@media (max-width: 768px) {
.orderdetlcart {
margin-left: 143px;
}
}
@media only screen
and (min-device-width : 375px) {
.orderdetlcart {
margin-left: 119px;
}
}
@media (max-width: 320px){
.orderdetlcart {
margin-left: 86px;
}
}
/* RWD-BC + RWD-C breakpoint */
@media (min-width: 1170px) {
.order_details_item__requisition-link {
float: right !important;
width: calc(41.667% - 2rem);
}
.shipping_billing_height {
min-height: 12rem;
}
.box.order_totals_summary {
margin-top: 2rem;
}
.shopping_cart_box .order_details_item__image-container {
}
}
@media only print {
.order_details_item__image-container {
max-width: 6rem;
}
}
.pomessage {
display:none;
color: red;
}
/* start 110950 */
.orderSummary_termsConds_messageBox{
margin: 20px 0px;
}
.orderSummary_termsConds_messageBox input[type='checkbox']{
float: left;
}
.orderSummary_termsConds_messageBox a{
text-decoration: underline;
}
.orderSummary_termsConds_messageBox p{
float: right;
width: calc(100% - 2.45rem);
margin: 5px 0px 0px 1rem;
}
.orderSummary_termsConds_messageBox ul{
margin: 0px;
padding: 0px;
}
.orderSummary_termsConds_messageBox ul li{
/* list-style-image: url('/wcsstore/CCGSAS/images/right_arrow_bkg.png'); */
background: url('/wcsstore/CCGSAS/images/right_arrow_bkg.png') no-repeat left center;
list-style: none;
margin-bottom: 10px;
padding: 0px 0px 0px 25px;
}
.arrow_bullet_list{
margin: 0px;
}
.arrow_bullet_list ul{
margin: 0px;
padding: 0px;
}
.arrow_bullet_list ul li{
/* list-style-image: url('/wcsstore/CCGSAS/images/right_arrow_bkg.png'); */
background: url('/wcsstore/CCGSAS/images/right_arrow_bkg.png') no-repeat left center;
list-style: none;
margin-bottom: 5px;
padding: 0px 0px 0px 22px;
line-height: 17px;
text-align: left;
}
.arrow_bullet_list_margin{
margin: .6rem 0px !important;
}
/* end 110950 */
#echeck-terms-cond-error{
color:red;
}
.echeck_termsConds_messageBox{
clear: both;
padding-top: 4px;
}
.echeck_termsConds_messageBox input[type='text']{
padding: 14px 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
width: calc(100% - 155px);
}
.echeck_termsConds_messageBox input[type='checkbox']{
float: left;
}
.echeck_termsConds_messageBox a{
text-decoration: underline;
}
.echeck_termsConds_messageBox p{
float: right;
width: calc(100% - 2.45rem);
}
.echeck_termsConds_messageBox ul{
margin: 0px;
padding: 0px;
}
.echeck_termsConds_messageBox ul li{
background: url('/wcsstore/CCGSAS/images/right_arrow_bkg.png') no-repeat 0% 5%;
list-style: none;
margin-bottom: 10px;
padding: 0px 0px 0px 25px;
}
.trackingNum{
color: #FDB913;
font-weight: bold;
}
.trackingNumDiv {
margin-top: 5px;
display: inline-block;
text-align: center;
}
@media(max-width:769px){
.trackingNumDiv.col6{
width:100%;
}
}
.btnWidth{
padding-left: 0.3rem !important;
padding-right: 0.6rem !important;
}
input.NickName {
border: none;
width: fit-content;
background: none;
border-bottom: 1px solid;
font-style: italic;
font-family: ConduitITC, Light;
color: grey;
font-size: 14px;
display: inline-block;
max-width: 7rem;
}
span.saveTick {
font-family: 'ITC Conduit W07', sans-serif;
font-weight: bold;
position: relative;
display: inline-block;
font-size: 18px;
-ms-transform: scaleX(-1) rotate(-35deg);
-webkit-transform: scaleX(-1) rotate(-35deg);
transform: scaleX(-1) rotate(-35deg);
cursor:pointer;
}
.editNickName, .editSavedNickName{
width: 0.8em;
height: 0.8em;
cursor:pointer;
margin-left: 5px;
}.first-footer {
padding-bottom: 4rem;
}
.first-footer ul {
padding-top: 0.875rem;
}
.first-footer .newsSignUp {
color: #fff;
}
.newsletter-signup__submit {
font-size: 1rem;
width: 100%;
height: 3rem;
}
.footer-divider {
max-width: calc(100% - 3rem);
padding-top: 1.25rem;
border-bottom: 2px solid #fff;
margin-left: auto;
margin-right: auto;
}
.footer-terms-copyright {
margin-top: 1.25rem;
margin-left: auto;
margin-right: auto;
}
.footer-terms-copyright > * {
display: inline-block;
text-align: center;
}
.footer-terms-copyright .footer-terms-link:nth-child(2) .footerfont {
margin-inline-start: 2rem;
margin-inline-end: 2rem;
}
.embeddedServiceSidebarHeader {
display:block !important;
}
.ccg-full-page-dim {
position: absolute;
z-index: 200;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
}
/* RWD-A */
@media screen and (max-width: 600px) {
.footer-terms-copyright .footer-terms-link:nth-child(2) .footerfont {
margin-inline-start: 0;
margin-inline-end: 0;
}
.footer-copyright {
display: block;
padding-top: 0.5rem;
}
.footer-terms-link {
width: 49.5%;
}
.footer-primary-row {
max-width: calc(100% - 3rem);
margin-left: auto;
margin-right: auto;
}
.first-footer .accordion-navigation {
margin-inline-start: 0;
}
.first-footer {
padding-bottom: 4rem;
}
}
/* RWD-A - RWD-BA */
@media screen and (max-width: 767px) {
.footer-terms-copyright {
max-width: calc(100% - 3rem);
}
}
/* RWD-BB */
@media screen and (min-width: 768px) and (max-width: 1169px) {
.footerCustomerservice li {
padding-bottom: 15px;
}
.footerCustomerservice li:nth-child(even) a {
float: unset;
}
}
/* RWD-BB - RWD-C */
@media screen and (min-width: 768px) {
.footer-divider, .footer-terms-copyright {
max-width: 50rem;
}
.footer-terms-copyright .footer-terms-link:nth-child(1) .footerfont {
margin-inline-start: 2vw;
}
}
/* RWD-BC - RWD-C */
@media screen and (min-width: 1170px) {
.footerCustomerservice li {
padding-bottom: 0.9375rem;
float: left;
width: 50%;
}
.footer-terms-copyright .footer-terms-link:nth-child(1) .footerfont {
margin-inline-start: 1.4625rem;
}
}
.ccg-sprite {
background-image: url("../images/new/ccg-sprites-v5.png");
display: inline-block;
}
.ccg-sprite.chat-icon {
height: 24px;
width: 25px;
background-position: 48px 78px;
}
.ccg-sprite.alert-white {
height: 14px;
width: 16px;
background-image: url("../images/new/warning_triangle_white.png");
background-size: cover;
background-repeat: no-repeat;
margin: 10px 10px 2px 5px !important;
}
.ccg-sprite.heart-filled {
height: 24px;
width: 24px;
background-position: 72px 50px;
margin-left: 19px;
}
.ccg-sprite.cart-icon {
height: 24px;
width: 24px;
background-position: 96px 76px;
margin-left: 5px;
}
.ccg-sprite.trashcan {
height: 24px;
width: 24px;
background-position: 24px 52px;
}
.ccg-sprite.brand-gear {
height: 32px;
width: 132px;
background-position: 0 0;
}
.ccg-sprite.back-arrow {
height: 24px;
width: 24px;
background-position: 0 28px;
}
.ccg-sprite.print-icon {
height: 24px;
width: 24px;
background-position: 58px -98px;
}
.ccg-sprite.search-glass {
height: 23px;
width: 25px;
background-position: 144px 52px;
}
.ccg-sprite.menu {
height: 30px;
width: 28px;
background-position: 89px 28px;
}
@media screen and (max-width: 768px) {
.ccg-sprite {
}
}
@media only print {
/* hide header/footer */
#headerRow2 .rowContainer,
.topLinks,
.topLinks .searchBar,
#departmentsMenu,
.mobileHide.CCG_White_Border .top_Logo,
footer#bottom-footer .first-footer > div:first-of-type,
div.embeddedServiceHelpButton {
display: none;
}
#headerRow2, div.content_wrapper {
background: #fff;
}
/* columns from base.css for printing */
.ccol1 { width: 8.333333%; }
.ccol2 { width: 16.666666%; }
.ccol3 { width: 25%; }
.ccol4 { width: 33.333333%; }
.ccol5 { width: 41.666666%; }
.ccol6 { width: 50%; }
.ccol7 { width: 58.333333%; }
.ccol8 { width: 66.666666%; }
.ccol9 { width: 75%; }
.ccol10 { width: 83.333333%; }
.ccol11 { width: 91.666666%; }
.ccol12 { width: 100%; }
.rowContainer,
.rowContainer > .row { padding: 10px 0; padding-bottom: 10px!important;}
.rowContainer > .row.margin-true { padding: 0 10px; }
.row.margin-true > div > div { margin: 20px 10px; }
.row.margin-true > div > div:first-of-type { margin-top: 10px; }
.row.margin-true > div > div:last-of-type { margin-bottom: 10px; }
.ccol-margin > * {
margin-left: 1.6%;
}
}@CHARSET "ISO-8859-1";
.ccg-addBuyer.editView .ccg-sprite.blacktrashcan {
top: 1em;
left: 0.5em;
}
.CCGAddressBookDel{
position:relative;
}
.CCGAddressBookDel .ccgTrashConfirm{
position: absolute;
width: max-content;
right: 0;
top: 3em;
}
.CCGMarginB4{
margin-bottom:4px;
}
.CCGMarginB8{
width:50%;
float:left;
}
.CCGMarginB9{
margin-left:50%;
}
.impinput{
width: 594px;
}
#walletEditViewFormMain #WC_AddressEntryForm_div_1 {
width: 90%;
}
@media screen and (max-width:1024px){
.impinput{
width:496px;
}
}
@media screen and (max-width:768px){
.impinput{
width:392px;
}
}
@media screen and (max-width:500px){
.impinput{
width:273px;
}
}
@media only screen and (max-width: 400px){
.impinput{
width:222px;
}
}
@media only screen and (max-width: 320px){
.impinput{
width:101px;
}
}.default-save-for-later .ui-button,
.requisitionListBox .ui-button {
padding: 1rem 0;
display: block;
font-size: 1.5rem;
width: 100%;
letter-spacing: 0.5px;
}
.requisitionListBox .ui-button {
width: inherit;
}
a#add2CartBtn {
margin-right: 0;
}
.itemQty-eachPrice {
width: 9rem;
}
img.favicon-badge {
width: 2.5rem;
height: auto;
}
.tt-w-reviews-summary,
.tt-w-reviews-list {
width: 66%;
}
.tt-w-instant-answers,
.tt-c-questions {
display: none;
}
.tt-teaser-container {
padding-bottom: 1rem;
border-bottom: 1px solid #e5e5e5;
}
.tt-teaser-container .tt-c-teaser__write-review.tt-o-button--link:hover {
color: #000;
}
.tt-teaser-container [class^=tt-c-] a:not(.tt-u-color--text):not(.tt-u-ignore-default),
.tt-teaser-container [class^=tt-l-] a:not(.tt-u-color--text):not(.tt-u-ignore-default),
.tt-teaser-container [class^=tt-o-] a:not(.tt-u-color--text):not(.tt-u-ignore-default),
.tt-teaser-container [class^=tt-u-] a:not(.tt-u-color--text):not(.tt-u-ignore-default),
.tt-teaser-container [class^=tt-w-] a:not(.tt-u-color--text):not(.tt-u-ignore-default),
.tt-teaser-container .tt-c-teaser__write-review.tt-o-button--link {
color: #975f20;
text-decoration: underline;
}
.color__brown_200 {
color: #6d6147;
}
.color__gray-700, .color__grey-700 {
color: #222222;
}
.ui-text__strikethrough {
text-decoration: line-through;
}
.span-accessibility {
height: 0;
width: 0;
margin: 0;
padding: 0;
position: absolute;
left: -999999px;
top: -999999px;
}
.ui-flex-row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
/* For use with elements with display: block AND a set width */
.ui-margin-center {
margin-left: auto;
margin-right: auto;
}
.ui-select{
font-size: .9rem;
height: 3rem;
padding: 0.3125rem;
color: #333333;
max-width: 19.5rem;
width: 312px;
border: 1px solid #949494;
background-color: #F7F7F7;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
-webkit-appearance: none;
}
.ui-select__container::after {
content:' ';
width: 0;
height: 0;
border-left: 0.625rem solid transparent;
border-right: 0.625rem solid transparent;
border-top: 0.875rem solid #333;
position: relative;
right: 2rem;
top: 0.875rem;
pointer-events: none;
}
.select_ui select{
font-size: .9rem;
color: #333;
background: #f7f7f7;
border: 1px solid #949494;
padding: 12px 40px 12px 10px;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #333 50%),
linear-gradient(135deg, #333 50%, transparent 50%),
linear-gradient(to right, #f7f7f7, #f7f7f7);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 12px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
9px 8px,
8px 8px,
1px 1.9em;
background-repeat: no-repeat;
}
.ui-checkbox-label {
margin-left: 0.5rem;
}
.ui-link {
text-decoration: underline;
color: #975f20;
font-size: 1.1rem;
font-family: Tungsten;
letter-spacing: 1.1px;
}
.ui-link.ui-link__gray-700 {
color: #222222;
}
.ui-link-font{
font-size:20px;
}
.ui-font-20 {
font-family: "ITC Conduit W07", sans-serif;
font-size: 1.25rem;
font-weight: 600;
}
.ui-input {
width: calc(100% - 2rem);
height: 2.75rem;
border: 1px solid #949494;
background-color: #f7f7f7;
color: #333333;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.ui-input::-webkit-input-placeholder {
color: #717171;
font-family: "ITC Conduit W05i", sans-serif;
font-style: italic;
font-weight: 500;
font-size: 1rem;
}
.ui-input::-ms-input-placeholder {
color: #717171;
font-family: "ITC Conduit W05i", sans-serif;
font-style: italic;
font-weight: 500;
font-size: 1rem;
}
.ui-input::placeholder {
color: #717171;
font-family: "ITC Conduit W05i", sans-serif;
font-style: italic;
font-weight: 500;
font-size: 1rem;
}
.footer_input{
width: calc(100% - 2rem);
height: 2.75rem;
border: 1px solid #949494;
background-color: #f7f7f7;
color: #333333;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
font-family: "TradeGothicNextLTPro-Rg", sans-serif;
}
.ui-divider {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.ui-divider__width__thin {
border-bottom-width: 1px;
}
.ui-divider__width__thick {
border-bottom-width: 4px;
}
.ui-divider__color__gray-100 {
border-bottom-color: #e5e5e5;
}
.ui-divider__color__gray-300 {
border-bottom-color: #ccc;
}
.ui-center {
text-align: center;
}
.ui-button {
font-family: Tungsten;
font-weight: 600;
letter-spacing: 1.25px;
text-align: center;
text-transform: uppercase;
}
.ui-button__block {
display: block;
}
.ui-button:not([disabled]):hover {
cursor: pointer;
}
.ui-button span {
vertical-align: middle;
}
.ui-button__color__white {
color: #222;
border: 2px solid #222;
background-color: #fff;
border-radius: 10px !important;
transition: all ease .3s;
}
.ui-button__color__white:hover {
color: #6d6147;
border: 2px solid #6d6147;
}
.ui-button__color__white.ui-button__hover__gold:hover {
background-color: #fdb913;
color: #222222;
border: 2px solid #222222;
}
.ui-button__color__black {
background-color: #222222;
color: #ffffff;
border-radius: 10px;
transition: all ease .3s;
}
.ui-button__color__black:hover {
background-color: #975f20;
}
.ui-button__color__gold {
background-color: #fdb913;
color: #333333;
border: 2px solid #fdb913;
border-radius: 10px;
transition: all ease .3s;
}
.ui-button__color__gold:hover {
border: 2px solid #333333;
}
.ui-button__size__small {
padding: 0.5rem 2rem;
font-size: 0.875rem;
width:auto;
margin-bottom: 22px;
}
.ui-button__size__medium {
padding: 1rem 1.5rem;
font-size: 1rem;
}
.ui-button__size__large {
padding: 0.968rem 2rem;
font-size: 1.5rem;
}
.ui-button__size__responsive {
font-size: 1.5rem;
padding: 0.5rem 0.25rem;
}
.ui-heading {
font-family: Tungsten;
text-transform: uppercase;
letter-spacing: 1.25px;
font-weight: bold;
}
.ui-heading__modal {
font-size: 2.0rem;
}
.ui-heading__border {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
border-bottom: 2px solid #FDB913;
}
.ui-subheading {
font-family: "ITC Conduit W05", sans-serif;
font-size: 1.5rem;
color: #333333;
}
.ui-continue-byg{
display: inline-flex;
margin-top: 10px;
margin-right: 20px;
}
.ui-continue-text-btn{
margin-top: 20px;
margin-left: 64px;
float: left;
}
.ui-shoppingcart-byg{
display: inline-flex;
margin-top: 10px;
margin-bottom:5px;
}
.ui-shoppingcart-text-btn{
display: inline-flex;
margin-top: 18px;
margin-left: 15px;
float: left;
}
.ui-hover-333-carhartt-gold {
border: 4px solid #333333;
}
.ui-hover-333-carhartt-gold:hover {
border: 4px solid #FDB913;
}
.ui-carhartt-gold-no-border:hover {
border: 4px solid #333333;
}
.bygImgWidth:hover{
margin: 6px 0px;
}
.ccgMsgtext{
font-family: "ITC Conduit W01", sans-serif;
font-size: 1.25rem !important;
font-weight: bold;
text-transform: uppercase;
color: #333333 !important;
line-height: 1.25rem !important;
}
.ccgMsgContent{
border-top: 1px solid #cccc;
padding: 1.25rem 0;
border-bottom: 1px solid #cccc;
margin-right: 1.875rem;
}
#ccgCrossSign{
width: 50%;
margin-left: 0.625rem;
}
.ui-lightbox-mask,
#newListDropdown.toolbarDropdown.ui-lightbox-mask {
position: fixed;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.3);
z-index: 898;
margin-top: 0;
}
.ui-lightbox-container {
width: 80%;
margin: 0 auto;
background-color: #fff;
border: 1px solid #bfbfbf;
padding: 1rem;
max-width: 22.5rem;
}
.ui-modal:not(.readOnly) {
width: 100%;
max-width: 25rem;
}
@media(max-width:767px){
.ui-modal:not(.readOnly) {
width: 92%;
}
}
.ui-modal:not(.readOnly) > * {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.ui-modal__center {
margin-top: 40vh;
}
.ui-flyout {
overflow-x: hidden;
position: fixed;
z-index: 205;
right: 0;
top: 0;
width: 100%;
max-width: 26.5rem;
background-color: white;
height: 100%;
}
.overflow-y-hidden {
overflow-y: hidden;
}
#progress_bar .ccg-loading-badge-bg {
width: 7.5rem;
height: auto;
max-width:none;
}
#progress_bar .ccg-loading-carhartt-c {
position: absolute;
width: 3.75rem;
top: 1.125rem;
left: 1.75rem;
}
.ccg-loading-bounce-container {
text-align: center;
width: 7.5rem;
position: absolute;
top: 5.875rem;
}
.ccg-loading-bounce {
width: 0.875rem;
height: 0.875rem;
background-color: #000;
border-radius: 40%;
display: inline-block;
-webkit-animation: carharttBounce 1.6s infinite ease-in-out both;
-moz-animation: carharttBounce 1.6s infinite ease-in-out both;
animation: carharttBounce 1.6s infinite ease-in-out both;
}
.ccg-loading-bounce:nth-of-type(2) {
-webkit-animation-delay: 0.533s;
animation-delay: 0.533s;
}
.ccg-loading-bounce:nth-of-type(3) {
-webkit-animation-delay: 1.066s;
animation-delay: 1.066s;
}
.qtyCalc > input[type="button"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#confirmationPopup {
animation: fadeInInvert ease-in 500ms;
border: 2px solid #ccc;
}
@-webkit-keyframes fadeInInvert {
0% { opacity: 0; filter: invert(1); }
50% { opacity: 0.75; filter: invert(0); }
100% { opacity: 1; }
}
@-moz-keyframes fadeInInvert {
0% { opacity: 0; filter: invert(1); }
50% { opacity: 0.75; filter: invert(0); }
100% { opacity: 1; }
}
@keyframes fadeInInvert {
0% { opacity: 0; filter: invert(1); }
50% { opacity: 0.75; filter: invert(0); }
100% { opacity: 1; }
}
@-webkit-keyframes carharttBounce {
0%, 70%, 100% { -webkit-transform: scale(0.25); }
35% { -webkit-transform: scale(1.0); }
}
@-moz-keyframes carharttBounce {
0%, 70%, 100% { -moz-transform: scale(0.25); }
35% { -moz-transform: scale(1.0); }
}
@keyframes carharttBounce {
0%, 70%, 100% { transform: scale(0.25); }
35% { transform: scale(1.0); }
}
@media screen and (max-width: 360px) {
.ui-lightbox-container {
width: 85%;
margin-left: -5px;
}
}
@media screen and (max-width: 420px) {
.ui-lightbox-container {
width: 85%;
margin-left: -5px;
}
}
@media screen and (max-width: 27.9375rem) {
.ui-modal:not(.readOnly) {
margin-left: 0;
margin-right: 0;
}
.ui-modal:not(.readOnly) > * {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.ui-modal__center {
margin-top: 30vh;
}
.ccg-addBuyer.editView {
padding: 1rem 0;
}
}
@media screen and (min-width: 28rem) {
.ui-modal:not(.readOnly) {
left: calc(50% - 13.5rem);
}
}