html, body {
width: 100%;
display: table;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
font-family: "Futura-PT", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #666666;
background: #FFF;
margin: 0 auto;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
}
@font-face {
font-family: Futura-PT;
src: url('../css/fonts/futura-book.woff');
}
body.bb_body {
background: #000;
}
img {
border: 0;
max-width: 100%;
height: auto;
}
ol {
list-style: none outside none;
}
form {
margin: 0;
}
ul {
font-size: 14px;
margin: 0;
padding: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
textarea, input[type=text], input[type=button], input[type=submit], input[type=reset], button {
-webkit-appearance: none;
border-radius: 0;
}
input, textarea, select, button, a.button {
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #CFCFCF;
color: #666666;
font-size: 1em;
padding: .2em 0;
}
option.disabled {
color: #ACA899;
}
input[type=text], input[type=password], input[type=number], select, textarea, button, a.button {
transition: background-color .5s;
}
.quantity-container input {
transition: none;
}
.quantity-container input[type=text]:focus {
background-color: #FFF;
}
fieldset ol li {
margin-bottom: 11px;
}
fieldset ol li label {
color: #595858;
display: inline-block;
width: 12em;
}
fieldset select {
padding-left: .5rem;
}
.account fieldset select {
padding-left: 0;
}
a {
color: #CB4C0C;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.triangle {
background: transparent url(../images/triangle.gif) no-repeat scroll 100%
60%;
padding-right: 11px;
}
a.triangle:hover {
color: #000000;
background: transparent url(../images/triangle_1.gif) no-repeat scroll
100% 60%;
text-decoration: none;
}
.button {
background: none repeat scroll 0 0 #F16128;
border: none;
color: #FFFFFF;
cursor: pointer;
padding-top: 1px;
text-transform: uppercase;
font-size: 12px;
}
#SubmitButton2 .button {
padding: 5px;
}
a.button {
padding: 2px 8px;
text-decoration: none;
font: bold 12px helvetica, sans-serif helvetica, sans-serif;
}
.small-button {
background-color: #F16128;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
height: 31px;
text-transform: uppercase;
min-width: 7em;
}
.medium-button {
background: #F06514;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
height: 30px;
padding: 8px;
text-transform: uppercase;
width: 127px;
}
.large-button {
background: url("../images/button-large.png") no-repeat scroll 0 0 #F16128;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
height: 33px;
overflow: hidden;
text-transform: uppercase;
width: 190px;
}
.addToCartButton {
}
.search-form {
display: none;
}
input.searchSubmitButton,input.serialFormButton {
background: #f16128 none repeat scroll 0 0;
border: 0 none !important;
border-radius: 24px;
color: #ffffff;
font-size: 14px;
font-weight: normal;
height: 37px;
margin-left: 8px;
overflow: hidden;
text-transform: uppercase;
width: 37px;
}
.page_index .serialnumber-text input.serialFormButton {
display: none;
}
.bigbutton,.bigButton {
background: transparent url(../images/emco-big.png) no-repeat;
border: 0 !important;
border: 0 none !important;
display: block;
font-size: 15px;
height: 22px;
padding: 0;
text-align: center;
width: 190px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
a.chooseButton {
font-size: 14px;
padding-top: 6px;
}
.partsForYourDoor a.chooseButton {
padding-top: 6px;
}
input.mediumButton {
background: transparent url(../images/emco-medium.png) no-repeat;
border: 0 !important;
width: 129px;
height: 30px;
font-size: 1em;
text-align: center;
margin-left: 20px;
border: 0;
display: block;
}
input.smallButton,a.smallButton {
background: transparent url(../images/emco-small.png) no-repeat;
border: 0 !important;
display: block;
width: 80px;
height: 30px;
font-size: 13px;
padding: 0;
text-align: center;
}
.addToCart input.mediumButton {
color: #FFF;
float: left;
margin-right: 1em;
font-weight: bold;
}
a.smallButton {
padding-top: 6px;
}
.free-shipping-msg-container .my-account-container a {
display: flex;
padding: .2em 2.5em 0 0;
}
.icon {
cursor: pointer;
}
.free-shipping-msg-container .my-account-container a .link {
padding-right: .5em;
font-size: 1.25em;
}
.help-header-container {
margin-right: 3em;
}
.free-shipping-msg-container .help-header-container a {
display: flex;
}
.free-shipping-msg-container .help-header-container span:first-child {
padding: .15em .5em 0 0;
font-size: 1.25em;
}
.free-shipping-msg-container .flex > div:first-child {
flex: 2;
text-align: left;
text-transform: none;
}
.free-shipping-msg-container .flex > div:first-child > a > span > strong > span:first-child {
color: #f16128;
text-shadow: 0.1em 0.1em #300;
}
.crumbs {
clear: both;
color: #777;
padding: 10px 0;
font-weight: bold;
}
.door-crumbs {
text-transform: uppercase;
padding-bottom: .3em;
}
.crumbs a {
color: #777;
text-transform: capitalize;
}
.crumbs .current {
color: #333;
}
.crumbs .spacer::after {
content: '/';
color: #777;
}
.page_match .crumbs, .page_chooser .crumbs {
padding: 15px 0 25px;
}
input.previousStepCheckoutButton {
display: inline;
}
input.basketStepCheckoutButton {
display: inline;
}
input.nextStepCheckoutButton {
display: inline;
}
input.discountCodeButton {
display: inline;
}
input.continueShoppingButton {
font-size: 13px;
}
.proceedToCheckoutButton {
font-size: 13px;
}
a.editButton {
display: inline;
}
.splitButton {
cursor: default;
}
hr {
color: #456494;
}
h1,h2,h3,h4,h5,h6 {
text-transform: uppercase;
}
h1,h2,.titleBarText {
font-weight: bold;
color: #f16128;
font-size: 2em;
/*margin: 20px 0;*/
margin: 0 0 5px;
text-align: center;
text-transform: uppercase;
font-weight: normal;
}
h3 {
font-weight: bold;
color: #666666;
font-size: 12px;
margin: 0;
}
h4 {
font-weight: bold;
color: #000000;
font-size: 12px;
}
h4.verify {
font-size: 16px;
}
.left {
float: left;
}
.right {
float: right;
}
.noscript {
display: block;
padding: 10px;
width: 100%;
text-align: center;
border: 1px solid #000;
font-size: 20px;
color: #FFFFAA;
background: #333;
}
.bbPos {
width: 99%;
}
.center {
margin: 0 auto;
}
.top-anchor {
background: #FFF;
background: linear-gradient(90deg, rgb(255,255,255, 1) 50%, rgb(255,255,255, .9) 80%, rgb(255,255,255, .5) 100%);
border: .1em solid #f16128;
border-left: 0;
border-radius: 0 1em 1em 0;
position: fixed;
visibility: hidden;
bottom: 7em;
left: 0;
transform: translateY(2em) translateX(-4em) rotateZ(90deg);
transition: all .2s;
}
.top-anchor.active {
visibility: visible;
transform: none;
height: auto;
transition: all .5s .5s;
}
.top-anchor a {
display: block;
padding: 1em;
}
.mainTable,.mainDiv {
width: 100%;
min-width: 925px;
margin: 0 auto;
background-color: #FFFFFF;
margin-bottom: 12px;
color: #000000;
}
.page_index .mainDiv {
background: #EFEFEF;
}
.topNav-container {
background: #FFF;
}
.content-containter-wrapper-div {
background-color: #FFFFFF;
margin: 0 auto;
max-width: 1440px;
}
.page_index .content-containter-wrapper-div {
display: flex;
flex-direction: column;
width: 100%;
}
.free-shipping-msg-container {
background: #000;
padding: .5em 0 .5em 1em;
text-align: center;
color: #fff;
display: table;
width: 100%;
}
.free-shipping-msg-container .flex {
display: flex;
margin: auto;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
overflow: hidden;
}
.help-head-wrapper {
display: none;
}
.left-nav {
display: none;
min-height: 100%;
width: 37rem;
background: #FFF;
z-index: 100;
position: absolute;
transform: translateX(-37rem);
border-top: 1px solid #B9B9B9;
transition: all .5s;
}
.left-nav .level {
position: absolute;
width: 37rem;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateX(-37rem);
right: calc(100% + 37rem);
overflow: hidden;
background: #FFF;
transition: all .5s;
}
.overlay.active ~ .left-nav .level.active {
right: calc(100% - 37rem);
}
.left-nav .level.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
width: 37rem;
min-height: 100%;
animation: slideNav .5s;
}
@keyframes slideNav {
0% {
transform: translateX(-37rem);
}
100% {
transform: translateX(0);
}
}
.left-nav .category {
cursor: pointer;
display: flex;
transition: background .25s;
}
.left-nav .category:hover {
background: #F7F7F7;
}
.left-nav .category > * {
display: flex;
flex-grow: 2;
text-transform: uppercase;
font-size: 1rem;
position: relative;
}
.left-nav .category.more > *::after {
content: "";
position: absolute;
border: solid rgba(185, 185, 185, 1);
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
transform: rotate(-45deg);
right: 1rem;
bottom: calc(50% - .25rem);
}
.left-nav .category.more:hover > *::after {
border-color: #f16029;
}
.left-nav .category a, .left-nav .category-id-formatter {
color: #666666;
display: inline-flex;
align-items: center;
min-height: 3rem;
padding: 0 1rem;
}
.left-nav .category a:hover {
text-decoration: none;
}
.left-nav .category-id-formatter {
display: flex;
background: #F17D28;
color: #FFF;
}
.left-nav .category-id-formatter span {
width: 100%;
padding: .5rem 0;
}
.left-nav .category-id-formatter span::after {
content: "?";
position: absolute;
display: inline-flex;
border: 1px solid rgba(185, 185, 185, 1);
border-radius: 100%;
right: 0;
bottom: calc(50% - .45rem);
width: .9rem;
height: .9rem;
align-items: center;
justify-content: center;
font-family: arial, sans-serif;
font-size: .675rem;
background: #FFF;
}
.left-nav .category-id-formatter span::before {
content: '';
position: absolute;
right: -1.25rem;
top: calc(50% - .25rem);
border-color: #F17D28;
border-style: solid;
border-width: .5rem .5rem 0 0;
transform: rotateZ(45deg);
transition: border-color .5s;
}
.left-nav .category-id-formatter.active span::before {
content: '';
border-color: #FFF;
}
.left-nav .category-id-formatter:hover, .left-nav .category-id-formatter.active {
color: #FFF;
background: #F17D28;
}
.left-nav .category-id-formatter span::after, .left-nav .category-id-formatter.active span::after {
color: #F17D28;
border-color: #F17D28;
}
.left-nav .category img {
width: 3rem;
min-height: 3rem;
height: auto;
margin-right: .5rem;
}
.left-nav > .level:first-child > .category > span > a > img, .left-nav .level:not([data-parent=bb_main]) img {
display: none;
}
.left-nav .text {
padding: 1rem;
text-transform: uppercase;
font-size: 1rem;
color: #B9B9B9;
}
.left-nav .back {
padding: .5rem .5rem .5rem 1.75rem;
text-transform: uppercase;
font-size: 1rem;
position: relative;
border-bottom: 1px solid #B9B9B9;
cursor: pointer;
}
.left-nav .back::before {
content: "";
position: absolute;
border: solid rgba(185, 185, 185, 1);
border-width: 1px 0 0 1px;
display: inline-block;
padding: 5px;
transform: rotate(-45deg);
left: 1rem;
bottom: 12px;
}
.left-nav .category-flyout {
position: absolute;
margin-right: 37rem; /* Nav Width */
width: 37.1rem;
height: 22rem;
background: #FFF;
opacity: 0;
visibility: hidden;
overflow: hidden;
transform: translateX(-37.1rem);
z-index: 1;
transition: all .5s;
}
.browser-ie .left-nav .category-flyout {
font-size: 11px;
}
.left-nav .category-flyout.active {
background: #f7f7f7;
padding: .75rem;
opacity: 1;
visibility: visible;
right: -97.5vw;
transform: translateX(-.1rem); /* Nav Width when gt 700 */
transition: transform .5s;
}
.left-nav .category-flyout a:hover {
text-decoration: none;
}
.left-nav .category-flyout a > span > b {
font-size: 1rem;
color: #2c2c2c;
}
.left-nav .category-flyout a > span > span:last-child > * {
display: inline-block;
}
.left-nav .category-flyout a > span > span:last-child img {
max-width: 7rem;
height: auto;
vertical-align: top;
margin-top: .5rem;
}
.left-nav .category-flyout a > span > span:last-child > span:last-child {
width: calc(100% - 7rem);
padding-left: 1rem;
line-height: .75rem;
}
.left-nav .category-flyout a > span > span:last-child > span:last-child img {
max-width: 100%;
}
.browser-ie .left-nav .category-flyout a > span > span:last-child > span:last-child img {
max-width: 90%;
}
.left-nav .category-flyout a > span > span:last-child > span:last-child > span {
margin: .5rem 0 .25rem 0;
}
.left-nav .category-flyout a > span > span:last-child > span:last-child > span > span:first-child {
margin-bottom: .1rem;
margin-top: .5rem;
}
.left-nav .category-flyout a > span > span:last-child > span:last-child > span > span.inline-flex {
display: flex;
margin-top: 1rem;
}
.left-nav .category-flyout a > span {
display: flex;
flex-direction: column;
}
.left-nav .category-flyout a .flex {
display: table;
width: 100%;
color: #2c2c2c;
margin-top: .5rem;
}
.left-nav .category-flyout a > button {
line-height: 2rem;
font-weight: bold;
margin: 1rem auto;
display: block;
}
.browser-ie .left-nav .category-flyout a > button {
margin: auto;
}
.left-nav .category.special {
background: #000;
text-transform: uppercase;
}
.left-nav .category.special a {
text-decoration: none;
flex-direction: column;
align-items: flex-start;
font-size: .8rem;
padding: .25em 1rem;
}
.left-nav .category.special a > span {
display: block;
color: #FFF;
}
.left-nav .category.special a > span:last-child {
color: #f16128;
}
.free-shipping-msg-container .flex > div:first-child {
flex: 2;
text-align: center;
text-transform: none;
z-index: 1000;
}
.free-shipping-msg-container a {
display: inline-block;
color: #fff;
}
.free-shipping-msg-container a:hover {
text-decoration: none;
}
.free-shipping-msg-container .flex > div:first-child > a > span:first-child {
color: #f16128;
text-shadow: 0.1em 0.1em #300;
}
.help-header-container, .order-status-container {
margin-right: 3em;
}
.free-shipping-msg-container .help-header-container a, .free-shipping-msg-container .order-status-container a {
display: flex;
}
.free-shipping-msg-container .help-header-container span:first-child, .free-shipping-msg-container .order-status-container span:first-child {
padding: .15em .5em 0 0;
font-size: 1.25em;
}
.icon {
cursor: pointer;
}
.icon > a {
display: inline-flex;
}
.my-account-icon {
display: none;
}
.top-nav-section1-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
}
.top-nav-section1-wrapper .link {
font-size: 1.1em;
text-transform: uppercase;
color: #CB4C0C ;
display: block;
padding-top: .25em;
white-space: nowrap;
}
.top-nav-section1-wrapper .icon-menu {
border: 1px solid #B9B9B9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: .25rem;
width: 2.2rem;
height: 2.2rem;
margin-left: .2rem;
cursor: pointer;
position: relative;
}
.top-nav-section1-wrapper .icon-menu span {
border-radius: 1px;
height: 2px;
background: #f16128;
width: 100%;
}
.top-nav-section1-wrapper .icon-menu.active::before {
content: '';
display: block;
position: absolute;
background: #f16128;
width: 100%;
height: 2px;
top: calc(50% - 1px);
left: 0;
transform: rotateZ(45deg);
}
.top-nav-section1-wrapper .icon-menu.active::after {
content: '';
display: block;
position: absolute;
background: #f16128;
width: 100%;
height: 2px;
top: calc(50% - 1px);
left: 0;
transform: rotateZ(315deg);
}
.top-nav-section1-wrapper .icon-menu.active span {
background: transparent;
}
.live-chat-icon {
background: transparent url(../images/aw-icon-chat.svg) no-repeat center center;
width: 4em;
height: 3.5em;
}
.live-chat-icon span {
display: none;
}
.order-status-icon a {
min-width: 6.25em;
background-position-x: 23%;
}
.my-account-container a {
background-position-x: 58.25%;
}
.order-status-icon, .live-help-container, .my-account-container {
display: none;
}
.basket-icon a {
background-position-x: 93%;
}
.help-icon::before {
content: '?';
background: #FFF;
border-radius: 1em;
color: #000;
position: absolute;
font-size: 1.867em;
padding: 0 .33em;
text-align: center;
margin-top: -0.125em;
font-weight: bold;
}
.top-nav-section1 {
padding: 1em 0 .9em 0;
max-width: 1440px;
margin: auto;
z-index: 1000;
}
.top-nav-section1-wrapper > div {
padding: .1em .5em 0 .5em;
}
.top-nav-section1-wrapper .logoDiv {
justify-self: center;
align-self: center;
text-align: center;
}
.topNav .logoDiv a img {
height: 29px;
width: 300px;
}
.top-nav-section1-wrapper .searchFormDiv {
flex-grow: 5;
position: relative;
padding-top: .3em;
}
.top-nav-section1-wrapper .search-icon .link {
display: none;
}
.top-nav-section1-wrapper .link {
font-size: 1.1em;
text-transform: uppercase;
color: #CB4C0C ;
display: block;
padding-top: .25em;
white-space: nowrap;
}
input.searchSubmitButton, .serial-form-wrapper-nav input[type=submit] {
background: #f16128 url('../images/mag-glass.png');
color: #FFF;
border: 2px solid #fff;
height: 31px;
right: 1.1em;
top: .4em;
position: absolute;
text-transform: capitalize;
width: 30px;
border-radius: 2em;
display: none;
}
.serial-form-wrapper-nav input[type=submit] {
background: #f16128;
top: .165em;
right: .175em;
border-radius: 0;
font-size: 1.5em;
font-weight: normal;
line-height: 1.0em;
height: 1.3em;
width: 1.33em;
}
.top-nav-section1-wrapper .serialFormDiv {
position: relative;
margin-right: 4em;
}
.searchFormDiv {
padding: 0 1em 1em 1em;
}
input.search {
background: #F7F7F7;
background-position-x: 40%;
background-size: auto;
background-position-x: calc(100% - .5em);
border: 1px solid #B9B9B9;
font-size: 1.5em;
padding: .4em 0 .4em .5em;
min-width: 100%;
transition: width .5s;
background-size: .75em;
box-sizing: border-box;
}
input.search[type=text].has-text {
background: transparent;
background-size: auto auto;
background-size: 1.5em;
}
input.search[type=text]:focus {
background: #FFF;
}
input.search[type=text]::-webkit-input-placeholder {
color: #f36016;
opacity: 1;
text-transform: lowercase;
text-align: center;
}
input.search[type=text]:focus::-webkit-input-placeholder {
opacity: 0;
}
input.search[type=text]::-ms-input-placeholder {
color: #f36016;
opacity: 1;
text-transform: lowercase;
text-align: center;
}
input.search[type=text]:-ms-input-placeholder {
color: #f36016;
opacity: 1;
text-transform: lowercase;
text-align: center;
}
input.search[type=text]::placeholder {
color: #f36016;
opacity: 1;
text-transform: lowercase;
text-align: center;
}
input.search[type=text]:focus::placeholder {
opacity: 0;
}
input[type=checkbox].fancified, input[type=radio].fancified {
position: absolute;
opacity: 0;
visibility: hidden;
}
input[type=checkbox] ~ .fancy-checkbox-default, input[type=radio] ~ .fancy-checkbox-default {
display: inline-block;
width: 1.5em;
height: 1.5em;
margin: 0 1em 0 0;
border: .1em solid #CDCDCD;
background: #FFF;
border-radius: .2em;
position: relative;
box-shadow: 0 -1px 2px #bebebe;
transition: all .25s;
}
input[type=checkbox]:checked ~ .fancy-checkbox-default, input[type=radio]:checked ~ .fancy-checkbox-default {
box-shadow: 0 -1px 2px #bebebe;
}
input[type=checkbox]:checked ~ .fancy-checkbox-default::before, input[type=radio]:checked ~ .fancy-checkbox-default::before {
content: '';
width: .4em;
height: .15em;
background: #f16128;
position: absolute;
transform: rotateZ(45deg) translateX(.6em) translateY(.5em);
box-shadow: 0.05em 0.05em 0.05em #e15118;
transition: all .25s;
}
input[type=checkbox]:checked ~ .fancy-checkbox-default::after, input[type=radio]:checked ~ .fancy-checkbox-default::after {
content: '';
width: 1.2em;
height: .15em;
background: #f16128;
position: absolute;
transform: rotateZ(-45deg) translateX(-.3em) translateY(.6em);
box-shadow: 0 0.05em 0.05em #e15118;
transition: all .25s;
}
.topNav .top-nav-categories-ul > div:first-child a {
color: #f16128;
}
.dropdown-content {
display: inline-block;
position: absolute;
right: 0;
top: 31px;
background-color: #f9f9f9;
width: 30em;
box-shadow: 0 .5em 1em 0 rgba(0,0,0,0.2);
z-index: 10;
overflow: hidden;
border: 1px solid #d9d9d9;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.dropdown-content.active {
z-index: 10;
opacity: 1;
visibility: visible;
}
.dropdown-content #spell-check-list {
display: none;
}
.dropdown-content ul {
list-style: none;
padding: 0;
}
.dropdown-content li a {
color: black;
text-decoration: none;
display: block;
text-align: left;
height: 100%;
font-size: 12px;
}
.dropdown-content a:hover, .dropdown-content li.selected a {
background-color: #f16029;
color: #FFFFFF;
}
.dropdown-content a:focus {
background-color: #f16029;
color: #FFFFFF;
}
.dropdown-content .spell-check {
display: none;
}
.dropdown-content #spell-check-list {
display: none;
}
.dropdown-content .suggested-items li{
height: 55px;
line-height: 55px;
white-space: nowrap;
}
.dropdown-content .suggested-items li span{
white-space: nowrap;
}
.dropdown-content li:nth-child(1) {
background: #f16128;
font-size: 1em;
height: 30px !important;
line-height: 30px;
color: white;
padding-left: 5px;
}
.dropdown-content .suggested-items .type-ahead-name {
display: inline-block;
padding-left: 0.5em;
vertical-align: middle;
}
.dropdown-content .suggested-items img{
display: inline-block;
padding-left: 0.5em;
vertical-align: middle;
}
.dropdown-content .spell-check li{
height: 18px;
}
.dropdown-content .suggested-categories li, .dropdown-content .spell-check li {
height: 30px;
line-height: 30px;
white-space: nowrap;
}
.dropdown-content .suggested-categories li a, .dropdown-content .spell-check li a {
padding-left: 0.5em;
}
.dropdown-content .spell-check .type-ahead-name {
display: inline-block;
padding-left: 0.5em;
vertical-align: middle;
}
.dropdown-content .type-ahead-name {
width: 315px;
overflow: hidden;
text-overflow: ellipsis;
}
.dropdown-content .suggested-items .fullSearch {
background: #f16128;
font-size: 1em;
height: 30px;
line-height: 30px;
padding-left: 0.5em;
}
.dropdown-content .suggested-items .fullSearch.selected a, .dropdown-content .suggested-items .fullSearch.selected a span {
text-decoration: underline;
}
#suggest-item-list .fullSearch a {
color: white;
}
.search-icon {
padding-right: .75rem;
}
.search-icon a {
background: transparent url("../images/aw-icons.png") no-repeat scroll 0 0;
background-size: auto auto;
background-size: auto auto;
cursor: pointer;
display: inline-block;
height: 4em;
width: 4em;
}
.live-help-container {
border: none !important;
display: none;
}
.live-help-container-div {
height: 3.5em;
overflow: hidden;
}
.livechat_button img {
height: 3.6em;
width: auto;
}
.live-help-container a {
text-transform: uppercase;
font-weight: bold;
display: inline-block;
white-space: nowrap;
color: #CB4C0C;
}
.top-nav-section1-wrapper .my-account-icon a .icon {
background: transparent url('../images/icons/user.svg') no-repeat center;
width: 2em;
}
.top-nav-section1-wrapper .basket-icon a .icon {
background: transparent url('../images/icons/cart.svg') no-repeat center;
width: 2em;
}
.basket-icon span.qty {
font-size: 1.1em;
text-transform: uppercase;
color: #CB4C0C;
display: block;
padding-top: .25em;
white-space: nowrap;
}
.basket-icon span.qty::after {
content: ')';
}
.basket-icon span.qty::before {
content: '(';
}
.basket-icon span.qty {
text-align: center;
margin-left: .25em;
}
.top-nav-middle-border ~ .overlay {
display: none;
}
.top-nav-middle-border {
border-bottom: 1px solid #E5E5E5;
}
.topNav .top-nav-category-container {
box-sizing: border-box;
border-bottom: 1px solid #E5E5E5;
box-sizing: border-box;
padding-left: .25em;
opacity: 0;
visibility: hidden;
max-height: 0;
transition: opacity .25s, visibility .5s, max-height .5s;
}
.topNav .top-nav-category-container.active {
border-bottom: 1px solid #E5E5E5;
visibility: visible;
opacity: 1;
max-height: 100%;
transition: opacity .3s .2s, visibility .5s, max-height .5s;
}
.width-controller {
width: 100%;
box-sizing: border-box;
}
.top-nav-category-container .width-controller {
margin: auto;
}
.top-nav-elements {
display: flex;
flex-direction: column;
flex-wrap: wrap;
overflow: hidden;
font-size: 1.2em;
max-height: 40em;
width: 100%;
}
.top-nav-elements a {
display: block;
color: #f16128;
background: #FFF;
text-transform: uppercase;
padding: 1em 0 1em 1em;
position: relative;
border-bottom: 1px solid #b9b9b9;
transition: padding 0s .5s;
}
.topNav .active .top-nav-elements a {
padding: 1em 0 1em 1em;
transition: padding .5s;
}
/** IE hack start */
.window {
max-width: 98vw;
}
div[class="window" i] {
max-width: unset;
}
/** IE hack end */
#home-page-background-image {
width: 100%;
height: auto;
position: absolute;
left: 0;
}
.footer {
margin: 40px auto 0;
text-align: left;
clear: both;
background: #FFF;
border-bottom: .1em solid #F1F2F2;
}
.page_index .footer {
margin-top: 0;
}
.footer .left .footer .right {
float: none;
}
.footer-container {
font-family: "futura", "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.email-sign-up-footer-wrapper {
display: table;
width: 100%;
background: #000;
color: #FFF;
border-bottom: .4em solid #F16128;
box-shadow: .1em .1em rgba(21, 21, 21, .3);
}
.email-sign-up-footer {
max-width: 1440px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 1em 0;
text-align: center;
}
.footer .email-sign-up-message {
font-size: 1.25em;
margin-bottom: 1em;
}
.footer-email-form {
display: inline-flex;
justify-content: flex-end;
}
.email-footer-list {
margin: 0;
}
.footer-email-form fieldset > * {
display: inline-block;
}
.footer-email-form .required-field-text, .email-sign-up-footer .header-style {
display: none;
}
.footer .footerNav {
padding: 2em;
margin: 0 auto;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer .footerNav .left .flex {
display: flex;
flex-wrap: wrap;
}
.footer .footerNav .left .flex > div {
margin-bottom: 1em;
}
.footer .footerNav a, .footer .footerNav span {
display: block;
font-size: 1.5em;
text-align: left;
padding: 0 2em 1em 0;
}
.footer .footerNav span {
color: #000;
display: block;
text-transform: uppercase;
font-weight: 700;
}
.footer .footerNav a {
padding-right: 1em;
}
.belowFooter {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.belowFooter, .footer-legal {
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0 .5em;
margin: auto;
}
.footer-legal {
text-align: left;
clear: both;
padding-bottom: 5em;
}
.footer-legal .legal-text {
max-width: 890px;
font-size: .9em;
text-transform: none;
color: #000;
}
.belowFooter .left {
display: flex;
flex-direction: column;
margin: 2em 0;
}
.belowFooter .right {
margin: 0 0 2em 0;
order: 7;
}
.belowFooter h6, .belowFooter a {
color: #000;
}
.belowFooter h6 {
margin: 0;
margin-right: 0px;
font-size: 1em;
font-weight: lighter;
text-transform: none;
text-align: center !important;
}
.belowFooter h6:first-child {
font-size: 1.2em;
padding-bottom: 2em;
display: inline-block;
text-transform: uppercase;
}
.belowFooter h6:first-child span {
font-size: 1.1em;
}
.belowFooter .left {
display: block;
flex-direction: column;
margin: 2em 0;
font-size: 1.5em;
}
.belowFooter .left a {
color: #CB4C0C;
text-transform: none;
}
.belowFooter .left a:hover::after {
text-decoration: underline;
text-decoration-color: #FFF;
}
.belowFooter .left a:after {
content: ' | ';
color: #6D6F71;
}
.belowFooter .left a:last-child:after, .belowFooter .left .socialIcons a:after {
content: '';
}
.belowFooter .socialIcons {
display: inline-block;
vertical-align: middle;
}
.belowFooter .socialIcons a {
padding: 0 5px;
display: inline-block;
}
.footer-required-links {
padding: 1em 0;
}
.page_checkout .content-containter-wrapper-div > .content-wrapper {
/*
display: flex;
justify-content: center;
*/
}
.page_items .content-containter-wrapper-div > .content-wrapper {
justify-content: flex-start;
}
.main-content {
padding: 1em;
min-height: 41em;
transition: background-color .3s;
}
.main-content img, #popupDiv img {
max-width: 100%;
height: auto;
}
.page_index .main-content {
padding: 0;
}
.home-page-top {
display: grid;
height: auto;
grid-template-columns: minmax(0, 40rem) 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
position: relative;
font-size: .75em;
overflow: hidden;
max-width: 1440px;
margin: auto;
transition: height .05s;
}
.home-page-top picture {
grid-row: 1 / 5;
grid-column: 1 / 5;
}
#home-page-background-image {
position: inherit;
}
.home-page-top .top-container-wrapper {
position: relative;
display: inline-flex;
grid-row: 2 / 3;
grid-column: 1 / 2;
height: fit-content;
margin: auto 0 auto auto;
}
.home-page-top .top-container {
border-right: 2em solid rgba(0,0,0,.667);
width: auto;
height: auto;
border-top: 2em solid transparent;
}
.home-page-top .top-container::before {
content: '';
border-width: 1em;
border-style: solid;
border-color: transparent #f16029 #f16029 transparent;
position: absolute;
top: 0;
left: 0;
}
.home-page-top .links-container {
width: 100%;
color: #FFF;
background: rgba(0,0,0,.667);
padding: 0 0 1em 0;
}
.home-page-top .links-wrapper {
visibility: hidden;
height: 0;
opacity: 0;
transition: opacity .5s;
}
.home-page-top .links-wrapper.active {
visibility: visible;
opacity: 1;
height: 100%;
}
.serial-form-instructions-top {
position: relative;
padding: 1em 1rem 0 0;
flex-grow: 2;
}
.serial-form-instructions-top .close {
font-size: 1em;
padding: 0;
position: absolute;
right: -3em;
top: -5em;
}
.serial-form-instructions-top .close:after {
content: 'X';
color: #FFF;
background: #CB4C0C;
border-radius: 1em;
padding: .2em .4em;
cursor: pointer;
}
.serial-form-instructions-top div {
padding-bottom: 1em;
}
.serial-form-instructions-bottom {
background: #EFEFEF;
height: 0;
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.serial-form-instructions-bottom.active {
padding: 1em 2em 2em 2em;
margin-top: 2em;
height: auto;
}
.main-content .serial-form-instructions-bottom h2 {
text-align: left;
margin: 1em 0;
font-weight: bold;
}
.home-page-top .txt {
font-size: 2em;
padding: .5em 1em 0 1em;
}
.home-page-top .cell-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2em;
text-shadow: .1em .15em .0em #d16108;
}
.home-page-top .cell {
opacity: 1;
margin: .5em;
border: .1em solid #f16128;
background: #f16128;
flex: 1;
transition: .25s all;
}
.home-page-top .cell:hover {
background: #d15512;
border-color: #d15512;
}
.home-page-top .cell a:hover {
text-decoration: none;
}
.home-page-top .cell span {
color: #fff;
display: block;
font-size: 1.3em;
padding: 0.9em 0;
text-align: center;
text-transform: uppercase;
}
.home-page-top .cell span strong {
display: block;
}
.home-page-middle-container {
margin: 1em auto 0 auto;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.home-page-middle-container .box {
margin: 1em 0;
}
.home-page-middle-container .box:first-child {
margin-left: 0;
}
.home-page-middle-container .box:last-child {
margin-right: 0;
margin-bottom: 0;
}
.home-page-middle-container .box img {
max-width: 100%;
height: auto;
}
.home-page-middle-container .windows-site-box {
display: flex;
}
/* .home-page-middle:nth-child(3) - changes depending upon error message */
/* .home-page-middle:nth-child(3) .home-page-middle-container {
display: block;
} */
.home-page-middle:nth-child(3) .home-page-middle-container .box img {
/* max-width: 98.25vw; */
}
.home-page-bottom {
background: #EFEFEF;
text-align: center;
font-size: 1.25em;
margin: 2em auto 0 auto;
padding-bottom: 3em;
}
.home-page-bottom > div:first-child {
text-align: left;
padding-left: 6%;
}
.home-page-bottom > div:first-child strong {
font-size: 2em;
text-align: center;
color: #000;
display: inline-block;
padding: 1.5em .25em .1em 0;
text-transform: uppercase;
}
.home-page-bottom > div:first-child > span:last-child {
display: block;
}
.home-page-bottom > div:nth-child(2) {
padding: 1em 1em 0 1em;
}
.home-page-bottom a {
text-decoration: underline;
font-weight: bold;
text-transform: uppercase;
}
.bottomSpot {
text-align: center;
font-size: 1.25em;
}
.bottomSpot a {
text-decoration: underline;
font-weight: bold;
text-transform: uppercase;
}
.bottomSpot > div:nth-child(2)::after {
content: '';
display: inline-block;
width: 100%;
}
.bottomSpotTop, .bottomSpotTop a {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.bottomSpotTop {
flex-direction: row;
flex-wrap: wrap;
flex: 1 1 auto;
justify-content: flex-start;
margin: 0 auto 0 auto;
transition: margin .5s;
}
.bottomSpotTop a {
flex-direction: column;
align-items: center;
transition: opacity .25s;
text-decoration: none;
font-weight: normal;
margin-top: 1em;
width: 50%;
}
.bottomSpotTop a span {
margin-top: 1em;
}
.bottomSpotTop a:hover img {
opacity: .7;
}
.page_index #popupDiv h1 {
font-weight: bold;
}
.page_index #popupDiv .content {
max-width: 60%;
}
.page_index #popupDiv .left {
max-width: 50%;
}
.page_index #popupDiv .left > div {
margin-bottom: .5em;
line-height: 1.25em;
}
.page_index #popupDiv .buttonDiv {
right: 39%;
}
.add-to-cart-popup .cart-container .basket {
width: 750px;
float: left;
}
#basket-summary-popup .add-to-cart-popup .cart-container .basket {
width: 250px;
padding: 0;
}
.top3 .basket-link .view-cart {
color: #949494;
text-decoration: underline;
padding-left: 3px;
}
.basket-link .basket-amt {
}
/*
#nav > li {
background: #F5F5F5;
border-bottom: 1px solid #aaa;
}
#nav li {
position: relative;
float: left;
padding: 5px;
}
#nav ul {
position: absolute;
top: 26px;
left: 10px;
margin: 0;
padding: 0;
list-style: none;
width: 120px;
}
*/
#nav .open {
display: block;
}
#nav .close {
display: none;
}
#nav ul li {
float: none;
padding: 0;
}
#nav ul li a {
width: 200px;
_width: 197px;
display: block;
_float: left;
}
#nav ul ul {
left: 201px;
_left: 0;
top: 0;
background-color: #DCDDDF;
}
.header .top1,.header-inside .top1,.header-checkout .top1 {
line-height: 12px;
margin: 25px auto;
width: 978px;
}
.header .top1 .andersenBackDiv,.header-inside .top1 .andersenBackDiv,.header-checkout .top1 .andersenBackDiv
{
color: #f16128;
}
.header .top1 a,.header-inside .top1 a,.header-checkout .top1 a {
color: #CB4C0C;
text-decoration: underline;
}
.basket-summary-div #cart-popup {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #9c9b9b;
left: 28px;
position: absolute;
width: 892px;
padding: 40px;
box-shadow: 1px 1px 4px #9c9b9b;
color: #555556;
top: 175px;
z-index: 1000;
}
.basket-summary-div #cart-popup h1 {
font-size: 16px;
text-align: left;
}
.baskety-summary-div #cart-pupup .cell-name {
float: left;
}
.basket-summary-div #cart-popup .head {
float: right;
}
.basket-summary-div #cart-popup .head .quantity-title {
float: left;
width: 100px;
text-decoration: underline;
}
.basket-summary-div #cart-popup .head .item-price-total-title {
float: right;
text-decoration: underline;
}
.basket-summary-div #cart-popup .item-even,.basket-summary-div #cart-popup .item-odd
{
clear: both;
padding: 6px 0;
}
.basket .item-even .lead-time,.basket .item-odd .lead-time {
font-weight: bold;
}
.shipping-calculator label {
display: flex;
justify-content: space-between;
align-items: center;
padding: .5em;
border-width: .1em .1em 0 .1em;
border-style: solid;
border-color: #cfcfcf;
}
.shipping-options-table {
border-bottom: .1em solid #cfcfcf;
}
.view-shipping-map {
padding: 0 0 0 .5em;
border-width: 0 .1em 0 .1em;
border-style: solid;
border-color: #cfcfcf;
display: flex;
}
.view-shipping-map a {
text-decoration: underline;
flex: 1;
font-weight: bold;
font-size: .9em;
display: block;
width: 100%;
}
.view-shipping-map a:hover {
text-decoration: none;
}
label.checked ~ .view-shipping-map {
background: #EFEFEF;
}
.basket-summary-div #cart-popup .cell-image,.basket-summary-div #cart-popup .cell-name,.basket-summary-div #cart-popup .cell-quantity,.basket-summary-div #cart-popup .cell-item-price-total
{
float: left;
}
.basket-summary-div #cart-popup .cell-image {
width: 80px;
}
.basket-summary-div #cart-popup .cell-name {
padding: 5px 15px;
width: 661px;
}
.basket-summary-div #cart-popup .cell-quantity {
width: 10px;
margin-top: 20px;
}
.basket-summary-div #cart-popup .cell-item-price-total {
width: 20px;
}
#basket-summary-popup .cart-container .continue-shopping {
display: none;
}
.serial-number-link.navable .serialFormDiv {
padding: 10px;
}
.serial-number-link.navable .serialFormDiv #serialNumberInput {
box-shadow: 0 2px 3px #B6B5B5 inset;
color: #333333;
font-size: 1.1em;
padding: 4px;
width: 193px;
}
.header .basket-icon span {
display: block;
font-size: 1.0em;
line-height: 0.9em;
font-weight: bold;
}
.header-contact-message {
display: none;
}
.help-text span {
text-transform: uppercase;
color: #f16128;
}
.topNav .searchAndCartDiv .basketSummaryDiv {
margin-bottom: 2px;
*margin-bottom: 1px;
text-align: right;
padding-top: 2px;
}
.topNav .searchAndCartDiv .headerContactMessage {
text-align: right;
height: 0;
}
.topNav .topNavCategoryDiv {
clear: both;
padding: 0 5px 0 159px;
height: 38px;
}
.topNav .topNavCategoriesUL {
list-style: none inside;
padding: 0;
margin: 0;
}
.topNav .topNavCategoriesUL li {
float: left;
background: url("../images/andersen_nav_coldtab.gif") no-repeat scroll
right center #DCDDDF;
border-left: 1px solid #FFFFFF;
text-align: center;
padding: 0;
margin: 2px 0 0 0;
}
.topNav .topNavCategoriesUL li a {
color: #343635;
text-transform: uppercase;
display: block;
width: 120px;
height: 26px;
padding: 10px 0 0 0;
}
.topNavCategoriesUL li.notFancy {
background: none;
}
.topNavCategoriesUL li.last {
background: none;
text-align: right;
margin-left: 15px;
border: 0;
overflow: hidden;
width: 500px;
}
.topNavCategoriesUL li.last a {
float: right;
margin-right: 4px;
}
.topNav .topNavCategoriesUL li a.categoryParent {
color: #FFFFFF;
}
.topNav .topNavCategoriesUL li.normal a:hover,.topNav .topNavCategoriesUL li.categoryParent,.topNav .topNavCategoriesUL li.categoryMatch
{
text-decoration: none;
background: url(../images/andersen_nav_hottab.gif) no-repeat scroll right
center #2C2C2C;
color: #FFFFFF !important;
}
.topNavCategoriesUL li.categoryMatch a {
color: #FFFFFF;
}
.topNav .topNavCategoriesUL li.notFancy a:hover {
color: #A5AEB7;
}
.topNav .topNavCategoriesUL li ul {
position: absolute;
z-index: 2000;
list-style: none inside;
padding: 0;
margin: 0;
border-width: 0 1px;
border-style: solid;
border-color: #FFFFFF;
margin-left: -1px;
background-color: #DCDDDF;
width: 200px;
}
.topNav .topNavCategoriesUL li ul li,.topNav .topNavCategoriesUL li.normal ul li,.topNavCategoriesUL li.parentCategory ul li,.topNavCategoriesUL li.categoryMatch ul
{
float: none;
background-image: none;
border-width: 0 0 1px;
border-style: solid;
border-color: #FFFFFF;
margin: 0;
padding: 0;
}
.topNav .topNavCategoriesUL li ul li a,.topNav .topNavCategoriesUL li ul li.parentCategory a,.topNavCategoriesUL li.categoryParent ul li a
{
color: #000000;
*margin-left: -16px;
}
.topNav .topNavCategoriesUL li ul li.categoryMatch a {
color: #FFFFFF;
}
.topNav .topNavCategoriesUL li ul li a:hover,.topNav .topNavCategoriesUL li.normal ul li a:hover,.topNavCategoriesUL li.categoryParent ul li a:hover,.topNavCategoriesUL li.categoryMatch ul li a:hover
{
background-image: none;
color: #FFFFFF !important;
}
.headerSpacing {
width: 430px;
*width: 420px;
padding-top: 5px;
float: left;
text-align: right;
}
/* nav popup */
.top-nav-cart-container .add-to-cart-popup .cart-container {
padding: 10px;
}
.top-nav-cart-container .basket .summary .inline-discounts,.basket .summary .inline-discounts-applied
{
width: 350px;
}
.top-nav-cart-container .basket .item .cell-name a {
text-align: left;
padding-left: 0;
}
.top-nav-cart-container .add-to-cart-popup .cell-name {
width: 337px;
}
.top-nav-cart-container .basket .cell-image,.top-nav-cart-container .basket .cell-image a
{
height: 80px;
width: 90px;
padding: 0;
display: table-row-group;
}
.top-nav-cart-container .cart-container .cell-name {
padding-top: 8px;
}
.top-nav-cart-container .cart-container .cell-item-price-total {
padding-right: 15px;
padding-top: 30px;
}
.top-nav-cart-container .cart-container .cell-price {
padding-top: 30px;
}
.top-nav-cart-container .basket-header .bh3 {
}
.top-nav-cart-container .basket-header .bh4 {
}
.basket .summary .right {
width: 215px;
}
.top-nav-cart-container .related-items-list .item {
border-bottom: none;
}
.top-nav-cart-container .cart-container .summary .inline-discounts {
/*margin-left: 369px;*/
}
.top-nav-cart-container .basket .inline-discounts .small-button {
height: 28px;
}
.basket-header .bh1 {
}
.add-to-cart-popup .cart-container .item {
width: 769px;
}
.add-to-cart-popup b {
line-height: 28px;
padding-left: 5px;
text-transform: uppercase;
}
/* Global Width */
.topNav .globalWidth {
background: #DCDDDF url("../images/SD-header.gif") no-repeat;
}
/* home page */
.tab-title-container .tab-title {
width: 33.3333333333333%;
background: #F1F2F2;
text-transform: uppercase;
text-align: center;
padding: .5em 0;
display: inline-block;
float: left;
font-size: 1.3em;
cursor: pointer;
transition: all .5s;
color: #9d9d9d;
}
.tab-title-container .tab-title.active {
background: #ef6704 none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 #3e3d3d;
color: #fff;
cursor: auto;
position: relative;
}
.tab-title-container .tab-title.active:after {
position: absolute;
content: '';
border-color: #EF6704 transparent transparent transparent;
border-width: 1em;
border-style: solid;
bottom: -85%;
left: 45%;
z-index: 1;
}
.tab-container {
clear: left;
height: 31em;
}
.tab-container .tab-content {
visibility: hidden;
opacity: 0;
transition: all .5s;
position: absolute;
border-left: 1px solid #F1F2F2;
border-right: 1px solid #F1F2F2;
border-bottom: 1px solid #F1F2F2;
width: 967px;
min-height: 300px;
}
.tab-container .tab-content.active {
visibility: visible;
opacity: 1;
}
.tabs-container .resource, .tabs-container .video {
float: left;
}
.tabs-container .resource {
line-height: 14px;
text-align: center;
width: 117px;
}
.tabs-container .resource img {
display: block;
height: 98px;
margin: 0 auto;
text-align: center;
width: 81px;
}
.tabs-container .video {
width: 170px;
}
.tabs-container img {
margin: 0 9px;
vertical-align: middle;
}
.contentTableWrapperDiv {
background-color: #FFFFFF;
}
.homePageContentTopOuter {
margin-bottom: 25px;
padding: 0 150px;
position: relative;
text-align: center;
}
h1.homePageContentTop, .page_historyDetail h1 {
border-bottom: 1px solid #cdcdcd;
clear: both;
color: #f16128;
font-size: 27px;
padding: 0 0 11px;
}
.page_historyDetail h1 {
border: 0;
}
.page_historyDetail .order-history h2.currency {
display: none;
}
.page_historyDetail .invoice-number a {
text-decoration: underline;
}
.page_historyDetail .basket {
display: table;
width: 100%;
border-bottom: .1em solid #CDCDCD;
clear: both;
}
.page_historyDetail .basket .head {
display: table-header-group;
background-color: #eaebed;
font-size: 12px;
height: 25px;
border-top: 1px solid #CDCDCD;
}
.page_historyDetail .basket .name-title, .page_historyDetail .basket .quantity-title,
.page_historyDetail .basket .price-title, .page_historyDetail .basket .item-price-total-title {
line-height: 25px;
color: #585858;
font-weight: bold;
}
.page_historyDetail .basket .name {
color: #F16128;
font-size: 14px;
}
.page_historyDetail .basket .quantity-title {
text-align: left;
}
.page_historyDetail .basket .item-even, .page_historyDetail .basket .item-odd {
display: table-row;
width: auto;
height: auto;
}
.page_historyDetail .basket .head > div, .page_historyDetail .basket .item-even > div,
.page_historyDetail .basket .item-odd > div {
display: table-cell;
width: auto;
height: auto;
float: none;
padding: .5em;
}
.page_historyDetail .basket .cell-quantity {
text-align: left;
}
.page_historyDetail .basket .item-even > div:last-child, .page_historyDetail .basket .item-odd > div:last-child {
padding-right: 0;
}
.page_historyDetail .main-content .summary {
padding-top: .5em;
float: right;
display: table;
clear: both;
}
.page_historyDetail .main-content .summary > div {
display: table-row;
}
.page_historyDetail .main-content .summary > div > div {
display: table-cell;
text-align: right;
padding: .5em 0 .5em 2em;
}
.order-tracking h2 {
text-align: left;
}
.order-text {
clear: left;
}
.page_historyDetail .order-history > h2, .page_orderHistoryLookupAction h2.invoice-number {
padding-bottom: 1em;
}
.page_historyDetail .order-history > h2.invoice-number, .page_orderHistoryLookupAction h2.invoice-number {
border-bottom: .1em solid #CDCDCD;
}
.page_historyDetail .invoice-number a {
text-decoration: underline;
}
.page_historyDetail .main-content h2, .page_orderHistoryLookupAction h2 {
font-weight: bold;
clear: both;
text-align: left;
margin: 1em 0 .5em 0 !important;
padding: 0;
padding-bottom: 0px;
line-height: inherit;
}
.page_orderHistoryLookupAction .main-content label, .order-history-lookup-order-number label {
font-weight: bold;
display: inline-block;
width: 8em;
font-size: 14px;
color: #000;
}
.page_orderHistoryLookupAction .main-content li {
margin-bottom: .5em;
}
.page_orderHistoryLookupAction .main-content label::after {
content: ':';
}
.homePageContentTopOuter span {
background-color: #fff;
bottom: -6px;
color: #000;
font-size: 12px;
font-weight: bolder;
left: 375px;
letter-spacing: 1px;
padding: 0 10px;
position: absolute;
text-transform: uppercase;
}
.contentTable {
width: 900px;
}
.pageindex .mainContent {
padding: 0;
height: auto;
}
.spotLearningCenter {
padding-top: 25px;
}
.finderMasterDiv {
float: left;
width: 449px;
height: 281px;
background-color: #000000;
padding: 10px;
}
.finderMasterDiv h1 {
color: #f16029;
font-size: 22px;
margin: 0;
padding: 0;
}
.finderMasterDiv .finderContainerDiv { /*height: 231px;*/
padding: 10px;
font-weight: bold;
}
.finderMasterDiv .finderContainerDivDiv {
background-color: #DCDDDF;
}
.finderMasterDiv .searchFacetFormDiv {
height: 190px;
}
.finderMasterDiv .finderContainerDiv .info {
padding-bottom: 10px;
}
.finderMasterDiv .finderContainerDiv .info a {
color: #1a499b;
text-decoration: underline;
}
.finderMasterDiv .finderContainerDiv .info a:hover {
text-decoration: none;
}
.finderMasterDiv .searchFacetsDiv,.finderMasterDiv .searchDiv,.finderMasterDiv .searchDiv img
{
float: left;
}
.finderMasterDiv .searchFacetsDiv,.finderMasterDiv .searchDiv {
height: 155px;
}
.finderMasterDiv .searchDiv {
width: 208px;
}
.finderMasterDiv .searchFacetsDiv {
width: 220px;
overflow: hidden;
}
.finderMasterDiv .searchFacetsDiv div {
padding-bottom: 22px;
}
.finderMasterDiv .searchFacetsDiv span.disabled {
color: #A5AEB7;
}
.finderMasterDiv .searchFacetsDiv select {
width: 200px;
}
.finderMasterDiv .searchFacetsDiv select.helpQuestion {
float: left;
}
.finderMasterDiv .searchFacetsDiv img.helpQuestion {
float: right;
margin-top: -1px;
*margin-top: 0;
cursor: pointer;
}
img.helpQuestion {
cursor: pointer;
}
.page_contact table label {
width: 180px;
display: inline-block;
text-align: right;
}
.page_contact table table {
display: inline-block;
height: 24px;
}
.page_contact table table label {
display: inline;
}
/*start popup*/
#popupDiv {
display: block;
background-color: transparent;
padding: 1.25em;
max-width: 100vw;
overflow: auto;
position: absolute;
z-index: 1001;
}
.add-to-cart-popup-main-wrapper {
left: 50% !important;
transform: translateX(-50%);
}
#popupDiv .add-to-cart-popup {
max-width: 80vw;
}
#popupDiv .sb-inner {
background: #DDDDDD;
}
#popupDiv .sb-border {
background: #BBBBBB;
}
#popupDiv .content {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #F16128;
border-radius: 2.5em;
box-shadow: 5px 5px 5px rgba(32,32,32,.2);
padding: .25em;
}
#popupDiv .also {
display: none;
}
#popupDiv .related-items-list img {
max-width: 7em;
}
#popupDiv .title {
background: url("../images/check.png") no-repeat scroll 97% 4px #F16128;
color: #FFFFFF;
font-size: 1.25em;
font-weight: normal;
padding: 7px 0;
text-align: center;
margin: 0 1em;
}
#popupDiv .content-container {
padding: 2em;
}
#popupDiv h1 {
font-size: 14px;
text-transform: uppercase;
text-align: left;
}
#popupDiv h2 {
font-size: 12px;
color: #333;
}
#popupDiv .content .sb-inner {
background: #FFFFFF;
}
#popupDiv .content .sb-border {
background: #FFFFFF;
}
#popupDiv .contentDiv, #popupDiv-shipping-faq .contentDiv {
overflow: hidden;
padding: 1em;
}
#popupDiv .detail-image {
float: left;
padding-right: 15px;
position: relative;
overflow: hidden;
}
#popupDiv .item-data {
float: left;
text-align: left;
}
#popupDiv .item-data .prices {
color: #666666;
margin-top: 10px;
margin-bottom: 20px;
}
#popupDiv .item-data h1,#popupDiv .item-data h2,#cart-popup .item-even .name,#cart-popup .item-odd .name
{
text-transform: capitalize;
text-align: left;
color: #F16128;
font-size: 14px;
}
#popupDiv .item-data h1,#cart-popup .item-even .name,#cart-popup .item-odd .name
{
margin-bottom: 4px;
}
#popupDiv .item-data h2 {
color: #666666;
margin: 0;
}
#popupDiv .view-cart-div a {
font-weight: normal;
text-decoration: underline;
}
#popupDiv .view-cart-div {
border-top: 1px solid #CCCCCC;
padding-top: 25px;
margin-top: 20px;
text-align: right;
}
#add-to-cart-continue {
text-decoration: underline;
display: block;
margin: 1em;
text-align: center;
}
#popupDiv .cart-container {
float: right;
}
#popupDiv .cart-container-styling {
background-color: #F2F1F1;
border: 1px solid #CCCCCC;
font-weight: bold;
min-width: 160px;
padding: 20px 20px 0;
}
#checkout-button-on-popup {
background-color: #F16128;
background: #F06514;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
padding: 8px 15px;
text-transform: uppercase;
width: 160px;
}
#popupDiv .also {
clear: both;
padding-top: 1px;
}
#popupDiv .also h2 {
text-align: left;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
margin-top: 15px;
text-transform: uppercase;
}
#popupDiv .also .name h2 {
border-bottom: none;
text-align: center;
text-transform: capitalize;
}
#popupDiv .cart-container h2 {
text-align: right;
font-weight: bold;
margin-top: 0;
}
#popupDiv .checkout-button-container {
padding: 15px 0;
text-align: center;
}
#popupDiv .buttonDiv {
background: none repeat scroll 0 0 #F16128;
border: 2px solid #F2754A;
border-radius: 2em;
position: absolute;
right: 3px;
top: 4px;
}
#popupDiv .button,#cart-popup .button {
background: transparent url('../images/close.png') no-repeat;
width: 28px;
height: 28px;
}
#popupDiv .related-items-list .image {
position: relative;
overflow: hidden;
}
.related-items-list .item {
margin-bottom: 1em;
padding: 0 1em;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.related-items-list .item .image {
flex-grow: 3;
}
.scroller .arrow {
float: left;
}
/*end popup*/
.finderMasterDiv .searchDiv .spacer {
height: 10px;
}
.finderMasterDiv .searchDiv #searchTerm {
width: 160px;
}
.finderMasterDiv .searchDiv #searchButton {
background: transparent url(../images/search.png) no-repeat;
width: 100px;
height: 29px;
}
#searchButton {
border: 0 !important;
}
.finderMasterDiv .searchButtonDiv {
width: 100px;
height: 29px;
margin: 0 auto;
padding-left: 54px;
clear: both;
}
.homePageContent {
float: right;
width: 412px;
height: 329px;
}
.homePageDivContainer {
display: inline-block;
}
.homePageDivContainer h2 {
color: #343635;
font-size: 18px;
margin: 0;
padding-left: 10px;
}
.homePageCategories {
padding: 0 0 0 10px;
float: right;
width: 523px;
}
.homePageCategories .title {
position: relative;
width: 100%;
height: 23px;
}
.homePageCategories .title h1 {
color: #FFFFFF;
background-color: #F9772B;
padding: 0 0 0 5px;
margin: 0;
font-size: 18px;
width: 518px;
height: 23px;
float: left;
overflow: hidden
}
.homePageCategories .category {
width: 173px;
float: left;
border-left: 1px solid #000000;
margin: 0px;
background-color: #FFFFFF;
overflow: hidden;
}
.homePageCategories .category.cat3 {
border-right: 1px solid #000000;
}
.topCategories .category .imageDiv,.homePageCategories .category .imageDiv
{
text-align: center;
vertical-align: bottom;
background-color: #FFFFFF;
height: 180px;
}
.homePageCategories .category .imageDiv {
height: auto;
}
.homePageCategories .category .imageDiv {
height: auto;
}
.homePageCategories .category .nameDiv h1 {
color: #000000;
padding-left: 3px;
text-transform: uppercase;
}
.pageindex .homePageCategories .category .description {
color: #999999;
padding: 2px 5px;
}
.topLevelCategories {
padding-left: 20px;
}
.categoryDescription {
padding: 5px 0 10px 0;
}
.topCategories .category .nameDiv h1 {
color: #FFFFFF;
padding-left: 3px;
}
.topCategories .category {
width: 182px;
float: left;
margin-right: 40px;
background-color: #f9772b;
}
.topCategories .category .description {
background-color: #FFFFFF;
height: 50px;
padding: 2px 5px;
}
.topCategories .category .imageDiv {
height: 136px;
}
.homePageCategories .rounded .sb-inner,.topCategories .rounded .sb-inner
{
background: none;
}
.homePageCategories .rounded .sb-border,.topCategories .rounded .sb-border
{
background: #E5E5E5;
}
.homePageItems,.home-page-items-label {
padding: 10px;
}
.category-3d-container, .category-container {
margin-bottom: 20px;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.category-3d-container .category-list, .category-container .category-list {
display: flex;
flex: 1 1 100%;
flex-wrap: wrap;
}
.category-container .category-list {
width: 100%;
}
.category-container img {
width: auto;
max-width: 100%;
height: auto;
}
.page_category .main-content h1 {
margin: 0 0 1em 0;
font-size: 25px;
text-align: left;
}
.category-right-nav {
float: left;
}
.category-special-container {
position: relative;
overflow: visible;
}
.category-right-nav .category {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff3ef+0,ffefe8+100 */
background: #fff3ef; /* Old browsers */
background: -moz-linear-gradient(top, #fff3ef 0%, #ffefe8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff3ef), color-stop(100%,#ffefe8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff3ef 0%,#ffefe8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff3ef 0%,#ffefe8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff3ef 0%,#ffefe8 100%); /* IE10+ */
background: linear-gradient(to bottom, #fff3ef 0%,#ffefe8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3ef', endColorstr='#ffefe8',GradientType=0 ); /* IE6-9 */
border: 0.1em solid #ffddd3;
clear: left;
color: #f69574;
cursor: pointer;
height: 50px;
margin-bottom: 0.2em;
padding: 1em 0.2em;
position: relative;
transition: color 0.5s ease 0s, background 0.5s ease 0s;
width: 19em;
}
.category-right-nav .category.active {
background: #f16128;
color: #FFF;
position: relative;
border: 0.1em solid #f16128;
}
.category-right-nav .category.active a {
color: #FFF;
}
.category-right-nav .category.active:after {
border-bottom: 38px solid transparent;
border-left: 30px solid #f16128;
border-top: 38px solid transparent;
content: "";
height: 0;
position: absolute;
right: -31px;
top: -1px;
width: 0;
z-index: 1;
}
.category-right-nav .category a {
color: #f69574;
display: table;
height: 51px;
left: 7px;
position: absolute;
top: 12px;
width: 200px;
}
.category-right-nav .category a:hover {
text-decoration: none;
}
.category-right-nav .category .not-found-category {
display: inline-block;
width: 50px;
height: 50px;
}
.category-right-nav .category .not-found-category, .category-right-nav .category img {
background-color: #fff;
border: 0.1em solid #bfbebc;
vertical-align: middle;
/*transition: opacity .5s;*/
}
.category-right-nav .category .animation, .category-right-nav .category.has-animation:hover .normal-image {
display: none;
opacity: 0;
}
.category-right-nav .category:hover .animation {
display: inline-block;
opacity: 1;
}
.page_category .category .not-found-category:after {
background-image: url("../images/imageNotAvail.png");
background-position: center;
background-size: contain;
display: block;
height: 220px;
width: 100%;
background-repeat: no-repeat;
}
.page_category .category a:hover .not-found-category {
opacity: .3;
}
.category-right-nav .category .name {
display: table-cell;
font-size: 1.1em;
line-height: 1.1em;
text-align: left;
text-transform: uppercase;
vertical-align: middle;
width: 9em;
}
.category-right-nav-details .category-detail {
border: 0.4em solid #f2f2f2;
display: none;
margin-left: 5px;
min-height: 410px;
opacity: 0;
padding: 45px 70px;
visibility: hidden;
width: 579px;
}
.category-right-nav-details .category-detail.active {
visibility: visible;
display: block;
opacity: 1;
left: 20em;
}
.category-right-nav-details .category-detail .sub-categories-container {
margin-bottom: 15px;
}
.category-right-nav-details .category-detail img {
float: left;
height: 413px;
margin-right: 70px;
width: 190px;
}
.main-content .category-right-nav-details h2 {
text-align: left;
font-size: 24px;
color: #f16128;
}
.main-content .category-right-nav-details .continue a {
background-color: #CB4C0C;
color: #fff;
display: block;
font-size: 1.2em;
padding: 11px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 220px;
}
.main-content .category-right-nav-details .continue:hover {
opacity: .8;
}
.category-right-nav-details .category-detail .description {
color: #3A3A3A;
margin: 0 0 30px;
line-height: 21px;
}
.category-right-nav-details .category-detail .description p {
font-size: 15px;
}
.category-right-nav-details {
display: inline-block;
max-width: 732px;
}
.category-right-nav-details .category-detail .continue {
float: left;
}
.category-right-nav-details .category-detail .continue a:hover {
text-decoration: none;
}
.category-select-image-container {
width: 500px;
height: 470px;
overflow: hidden;
display: inline-block;
text-align: center;
padding: 10px 0;
}
.category-group-container {
display: inline-block;
vertical-align: top;
}
.category-select-image-container, .category-group-container {
margin-bottom: 1em;
}
.category-group-container .categroy-title, .category-group-container .child-category {
border: 4px solid #F2F2F2;
font-size: 1.4em;
margin-left: 1em;
}
.category-group-container .categroy-title {
margin-bottom: 1em;
text-align: center;
padding: .5em 0;
text-transform: uppercase;
}
.category-group-container .child-category {
width: 12em;
background: #D9D9D9;
margin-bottom: .5em;
padding-right: .25em;
transition: color .5s;
}
.category-group-container .child-category:hover, .category-group-container .child-category:hover a {
color: #CB4C0C;
}
.category-group-container .child-category a {
display: flex;
align-items: center;
color: #333;
}
.category-group-container .child-category img, .category-group-container .not-found-category {
margin-right: .5em;
}
.category-group-container .child-category img {
max-width: 100%;
height: auto;
}
.category-group-container .child-category .name {
display: inline-block;
overflow: visible;
flex: 1;
text-align: right;
}
.category-group-container .not-found-category {
display: inline-block;
height: 45px;
width: 75px;
float: left;
}
.category-3d-container .category, .category-container .category {
width: auto;
border: .1em solid #b9b9b9;
margin: 0 2.5em 1.5em 0;
transition: box-shadow .25s;
}
.category-container .category {
width: 100%;
height: auto;
margin: 0 0 2em 0;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.category-3d-container .category:hover, .category-container .category:hover {
box-shadow: .1em .1em .5em #e9e9e9;
}
.category-3d-container .category a, .category-container .category a {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
text-transform: uppercase;
font-size: 1.2em;
padding: 1em;
text-align: center;
background: #f7f7f7;
box-sizing: border-box;
text-decoration: none;
}
.category-container .category a:hover img {
opacity: .3;
}
.category-3d-container span, .category-container span.title {
display: block;
text-align: center;
width: calc(220px - 2em);
}
.category-container.category-help .title {
padding-top: 1em;
}
.category-container .category div.em {
display: flex;
flex-direction: column;
font-style: normal;
text-transform: none;
height: 86%;
overflow: hidden;
justify-content: space-around;
position: absolute;
top: 1em;
left: 1em;
padding-right: 1em;
font-style: normal;
visibility: hidden;
opacity: 0;
transition: opacity .25s, visibility 0s;
}
.category-container .category:hover div.em {
visibility: visible;
opacity: 1;
text-align: left;
color: #333;
max-width: calc(327px - 2em);
}
.category-container .category div.em div.b {
font-weight: normal;
}
.category-group-container .not-found-category:after {
content: '';
width: 75px;
height: 45px;
display: inline-block;
background: #FFF;
color: #333;
text-align: center;
font-size: 2em;
}
.progress-bar {
background: #f1f2f2 none repeat scroll 0 0;
box-shadow: 0 0 1px 1px #efefef;
margin: 8px 0;
padding: 3px;
display: flex;
justify-content: space-between;
}
.progress-bar div {
background: #f9f9f9;
border: 1px solid #e5e5e5;
color: #aaa;
display: inline-block;
font-size: 1.1em;
margin-left: 5px;
padding: 0.75em 0;
text-align: center;
width: 100%;
}
.progress-bar div.active {
background: #fff;
color: #333;
}
.category-container .category .category-link {
}
.category-container .category-image {
text-align: center;
}
.category-container .category .category-link {
text-align: center;
padding: 15px 0;
margin-top: 5px;
}
.category-container .category .category-link a {
color: #333;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
.category-container .category:hover .category-link {
background-color: #F16029;
}
.category-container .category:hover .category-link a {
color: #FFF;
}
.door-match-container {
text-align: center;
padding: 1.25em 3em;
}
.door-match-container .isthisyourdoor-wrapper {
text-align: center;
}
.door-match-container .door-image-message {
flex-grow: 2;
font-style: italic;
}
.door-match-container .overDoorMsg {
color: #AAAAAA;
padding: 1em;
text-align: center;
}
.door-continue-container {
color: #3c3c3c;
}
.door-continue-container .please-take-a-moment p {
color: #F16128;
font-size: 12px;
padding: 10px 0 0px;
}
.door-continue-container .serialNumber {
margin-bottom: 1em;
font-size: 1.3em;
}
.door-continue-container .color {
margin-bottom: 1.1em;
font-size: 1.3em;
}
.door-continue-container .color img {
position: absolute;
margin: -.5em 0 0 .5em;
}
.door-continue-container .hardwareFinish img {
position: absolute;
margin: -.5em 0 0 .5em;
}
.door-continue-container .hardwareFinish, .door-continue-container .doorWidth, .door-continue-container .doorHeight {
margin-bottom: 1.1em;
font-size: 1.3em;
}
.door-continue-container .please-take-a-moment,.door-continue-container .serialNumber,.door-continue-container .color,.door-continue-container .hardwareFinish,.looksGoodDiv
{
padding-left: 40px;
}
.learning-center-menu {
clear: left;
}
.learning-center-returns h1 {
text-align: left;
}
.learning-center-returns .link a {
text-decoration: underline;
text-transform: uppercase;
}
.learning-center-returns .link a:hover {
text-decoration: none;
}
.learning-center-returns .sub-title {
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
margin: 2em 0 1em;
}
.learning-center-returns .flex {
display: flex;
justify-content: space-between;
}
.learning-center-returns .box {
border: .3em solid #eeeeee;
border-radius: .1em .1em 0 0;
display: flex;
flex-direction: column;
flex: 1 1 0%;
min-width: 0;
min-height: 3em;
margin: 0 2em;
}
.learning-center-returns .box:first-child {
margin-left: 0;
margin-top: 15px;
}
.learning-center-returns .box:last-child {
margin-right: 0;
margin-top: 15px;
}
.learning-center-returns .box img {
display: block;
margin: auto;
}
.learning-center-returns .box > div:first-child {
min-width: 5.5em;
min-height: 6em;
display: flex;
align-items: flex-end;
}
.learning-center-returns .darker {
background: #eeeeee;
font-weight: bold;
flex: 3 0 auto;
padding: 1em;
line-height: 1.75em;
}
.learning-center-returns .darker > div {
margin-bottom: 1em;
}
.learning-center-returns .title {
text-transform: uppercase;
color: #f16029;
}
.learning-center-returns .expand {
cursor: pointer;
}
.learning-center-returns .expand span:before {
content: '➕';
font-weight: normal;
}
.learning-center-returns .expand.active span:before {
content: '➖';
font-weight: normal;
}
.learning-center-returns .expand + div {
opacity: 0;
visibility: hidden;
height: 0;
transition: opacity .5s, visibility .5s, height .25s;
}
.learning-center-returns .expand.active + div {
opacity: 1;
visibility: visible;
height: 100%;
transition: opacity .5s, visibility .5s, height .25s;
}
.door-continue-container .serialFormDiv {
margin-top: 8px;
}
.serialFormDiv #serialNumberInput {
border: 1px solid #d6d6d6;
margin-top: .1em;
color: #3c3c3c;
width: calc(100% - 3.5rem);
height: 2em;
padding-left: .75em;
}
#serialNumberInput1 {
box-shadow: none;
color: #333333;
font-size: 1.3em;
height: 2em;
padding: 3px 10px;
width: 220px;
border-radius: .25em;
}
.parts-list-container {
margin-bottom: .75rem
}
.parts-list {
display: flex;
flex-wrap: wrap;
}
.parts-list a {
padding: .25em .5em;
margin: .5em;
border: .1em solid #d6d6d6;
border-radius: .5em;
}
/* Item List */
.paging-container {
margin-bottom: 1em;
padding: .5em;
border: 1px solid #e5e5e5;
background-color: #f7f7f7;
color: #666666;
display: flex;
align-items: flex-start;
justify-content: space-between;
box-sizing: border-box;
}
.paging-container select {
background-attachment: scroll;
background-clip: border-box;
background-color: #FFFFFF;
background-image: linear-gradient(90deg, #EFEFEF 0%, #FFFFFF 100%);
background-origin: padding-box;
background-position: right center;
background-repeat: no-repeat;
background-size: auto auto;
border: .1em solid #CCCCCC;
overflow: hidden;
padding: .2em;
}
.paging-container .showing-items {
display: inline-block;
padding-right: 1em;
}
.paging-container form {
display: inline-block;
padding-right: 1em;
}
.paging-container .pages a {
padding: 0 .5em;
}
.show-per-page-container {
display: flex;
margin-top: -1px;
padding: 0 1em;
}
.show-per-page-container label {
padding-right: .5em;
}
.paging-container .paging-top {
text-align: right;
}
.paging-container .paging-top {
padding: 0 5px 0 0;
}
.paging-container .paging-top .pages {
display: inline-block;
}
.browser-chrome select.searchFace {
-webkit-appearance: none;
}
.browser-safari .searchFacetedDiv.rounded {
border: none;
}
.search-facets-container {
display: flex;
flex-direction: column;
}
.search-facet-container-wrapper {
display: flex;
background: #FFF;
}
.selected-facets-container div {
position: relative;
display: inline-block;
padding: .25rem 3rem .25rem .25rem;
border: 1px solid #bababa;
border-radius: .25rem;
background: #f7f7f7;
color: #676767;
margin-bottom: .75rem;
margin-right: .25rem;
cursor: pointer;
min-width: calc(33% - .5rem);
}
.selected-facets-container div.removing {
opacity: .3;
}
.selected-facets-container div:after {
content: '✕';
position: absolute;
right: .25rem;
margin-top: -.15rem;
font-size: .8rem;
}
.searchFacetedDiv .label {
padding-top: 12px;
padding-bottom: 4px;
color: #666666;
font-size: 13px;
position: relative;
display: block;
text-align: left;
}
.searchFacetedDiv-container.scroll {
overflow-y: scroll;
}
.searchFacetedDiv-container {
max-height: 7.3em;
border: 1px solid #e5e5e5;
overflow-x: hidden;
flex-grow: 5;
}
.searchFacetedDiv-container label {
display: flex;
align-items: center;
border-width: 0 0 1px 0;
border-style: solid;
border-color: transparent;
padding-right: .2rem;
width: 100%;
overflow: hidden;
transition: all .2s;
}
.searchFacetedDiv-container label span {
font-size: 10px;
padding-left: .5em;
}
.searchFacetedDiv-container label span:nth-child(2) {
flex-grow: 2;
}
.searchFacetedDiv-container label span:last-child::before {
content: '(';
}
.searchFacetedDiv-container label span:last-child::after {
content: ')';
}
.add-inch .facet-value-description:after {
content: '"';
}
.searchFacetedDiv .small-button {
display: none;
border-radius: 13px;
width: auto;
height: auto;
margin-top: 4px;
margin-left: 74%;
text-transform: lowercase;
padding: 0;
opacity: 0;
visibility: hidden;
max-height: 0;
max-width: 0;
border: 1px solid #f16128;
transition: all .5s;
}
.refineSearchDiv .small-button.active {
opacity: 1;
visibility: visible;
max-height: 30em;
max-width: 30em;
padding: 1px 14px;
}
.clear-all-container {
opacity: 0;
visibility: hidden;
max-height: 0;
transition: all .5s;
}
.clear-all-container.active {
visibility: visible;
opacity: 1;
max-height: 10em;
}
.clear-all-container-top {
order: 0;
}
.apply-button-container {
order: 1;
}
.clear-all-container-bottom {
order: 2;
margin-top: 1em;
}
.clear-all-container .small-button {
border: 1px solid #f16128;
color: #f16128;
background: #FFF;
border-radius: .25rem;
height: auto;
padding: .25rem;
width: 100%;
text-transform: lowercase;
text-align: left;
transition: all .5s;
}
.clear-all-container .small-button:hover {
color: #FFF;
background: #f16128;
}
.clear-all-container .small-button:active {
border-color: #d14108;
}
.clear-all-container .small-button-span {
position: relative;
display: inline-block;
min-width: calc(33% - .5rem);
}
.clear-all-container .small-button-span:after {
content: '✕';
position: absolute;
right: .25rem;
top: 50%;
transform: translateY(-50%);
font-size: .8rem;
color: #f16128;
}
.narrow-your-search {
color: #333;
font-weight: bold;
font-size: 1.75em;
padding-bottom: 1em;
position: relative;
}
.narrow-your-search .close {
width: 1em;
height: 1em;
position: absolute;
right: 0;
top: -.25em;
}
.narrow-your-search .close:after {
content: '╳';
}
h1.categoryName {
padding-top: 3px;
color: #000000;
}
.page_match h1 {
color: #333333;
margin-top: 25px;
margin-bottom: 35px;
display: none;
}
.we-found-a-match {
width: 90%;
}
.we-found-a-match h1 {
font-size: 2em;
color: #f16128;
margin-top: 0;
padding-top: 0;
margin-bottom: .45em;
display: inline-block;
}
.door-match-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.door-match-wrapper img {
max-width: 100%;
height: auto;
}
.page_match .main-content {
width: 100%;
}
.page_match .door-match-container, .page_match .door-continue-container {
border: .1em solid #d6d6d6;
}
.page_match .door-match-container {
margin: 0 auto 2.5em auto;
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
color: #2a2a2a;
}
.page_match .door-continue-container {
flex: 2 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-top: 1.25em;
}
.page_match .door-continue-container > div {
margin: .5em 1em;
padding: .75em .5em .75em 2em;
background: #ebebeb;
}
.page_match .door-continue-container > div:first-child {
margin-bottom: 0;
text-align: center;
}
.page_match .door-continue-container > div:nth-child(2) {
margin-top: 0;
white-space: nowrap;
}
.page_match .door-image-message {
text-align: left;
font-size: 1.2em;
margin-top: 2em;
}
.page_match .door-continue-container .we-found-a-match {
background: inherit;
}
.page_match .door-continue-container .color img, .page_match .door-continue-container .hardwareFinish img {
position: inherit;
float: right;
margin: -.2em 0 0 0;
}
.page_match .door-feature-value {
letter-spacing: .1em;
}
.page_match .door-continue-container .notRightDoor-spacer {
background: transparent;
flex-grow: 2;
}
.page_match .door-continue-container .notRightDoor {
width: 100%;
margin: 2em 0 0 0;
padding: 2em 4em 1em;
word-spacing: .1em;
letter-spacing: .05em;
}
.page_match .door-continue-container .notRightDoor h3 {
font-weight: bold;
margin: 0;
padding-bottom: .675em;
word-spacing: 0;
letter-spacing: 0;
}
.page_match .door-continue-container .looksGoodDiv {
padding: 0;
}
a.looksGoodButton, input.looksGoodButton {
background: #f16128;
color: #FFF;
text-align: left;
font-size: 1.1em;
font-weight: bold;
padding: 1.15em 2.35em;
display: block;
}
input.looksGoodButton {
padding: 1.15em 5em;
}
a.looksGoodButton:after, #serial-number-form label:after {
content: '';
border-style: solid;
border-color: transparent transparent transparent #FFF;
border-width: .5em;
position: absolute;
margin-left: .75em;
margin-top: .0675em;
transform: scaleX(1.5) scaleY(.85);
}
#serial-number-form .looksGoodButton, .shop-by-style-serial-number-categories button {
padding: 0 1rem;
line-height: 2.5rem;
width: 75%;
margin: auto;
text-align: center;
font-size: 13.2px !important;
border-radius: .2rem;
cursor: pointer;
font-weight: bold;
color: #FFF;
background: #f16128;
border: 0;
}
#serial-number-form label::after {
display: none;
}
#serial-number-form label {
position: relative;
margin: 1em 1rem 0 0;
width: 100%;
}
#serial-number-form label:after {
right: 3.675em;
top: 1.3em;
}
.page_match .color, .page_match .hardwareFinish, .page_match .doorWidth, .page_match .doorHeight {
text-transform: uppercase;
}
.page_match .door-feature-label, .page_match .door-feature-label, .page_match .door-width-label, .page_match .door-height-label {
display: inline-block;
width: 10em;
}
.page_match .door-feature-label {
font-size: .8em;
}
#serialNumberInput {
padding-left: .25em;
}
.page_match .notRightDoor input[type="text"] {
width: 11em;
}
.items-wrapper-top-container {
display: flex;
flex-direction: column;
}
.refineSearchDiv {
opacity: 0;
visibility: hidden;
height: 0;
position: relative;
flex: 1 1 auto;
transition: opacity .5s, visibility .5s, height .25s;
}
.refineSearchDiv.active {
opacity: 1;
visibility: visible;
height: 100%;
transition: opacity .5s, visibility .5s, height 0s;
}
.items-wrapper-middle-container {
width: 100%;
flex: 1 1 100%;
}
.refine-search-button-container {
text-align: right;
height: 2em;
visibility: visible;
opacity: 1;
transition: all .5s;
}
a.medium-button {
width: auto;
height: auto;
padding: .5em 2em;
font-size: 1em;
}
.refine-search-button-container {
display: flex;
align-items: center;
justify-content: space-between;
text-align: right;
height: 2em;
visibility: visible;
opacity: 1;
transition: all .5s;
margin-bottom: 1rem;
}
.refine-search-button-container > .number-of-results, .refine-search-button-container > a.medium-button {
padding: .5rem;
}
.refine-search-button {
display: block;
background: #FFF;
color: #CB4C0C;
border: 1px solid #f16128;
}
.number-of-results {
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #e5e5e5;
background: #f7f7f7;
color: #666666;
text-transform: uppercase;
flex-grow: 10;
text-align: left;
}
.paging-container.mobile-paging-hidden {
display: none;
}
.refine-search-button:hover {
text-decoration: none;
}
.refine-search-button.active {
display: inline;
}
.item-container {
display: flex;
flex-direction: column;
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0;
}
.page_search .list-page-container-with-door .paging-container, .page_items .list-page-container-with-door .paging-container {
width: inherit;
}
.item-container .item {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1em;
text-align: center;
width: 100%;
overflow: hidden;
border: 1px solid #e5e5e5;
margin: 0 0 1.85em 0;
transition: box-shadow .5s;
box-sizing: border-box;
transition: width .5s, margin .5s;
position: relative;
transition: box-shadow .5s;
}
.item-container .item:hover {
box-shadow: 0 0 .3em #e5e5e5;
}
.item-container .item .image .needs-load {
display: block;
position: relative;
animation: needs-load 5s linear infinite;
}
.item-container .item .image .needs-load img {
opacity: 0;
transition: opacity .33s;
}
.item-container .item .image .needs-load:before {
content: '';
position: absolute;
width: 5em;
height: 5em;
border-radius: 100%;
border: .3em inset #e5e5e5;
border-top-style: outset;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@keyframes needs-load {
100% {transform: rotateZ(360deg)}
}
.item-container .item .image .needs-load.loaded {
animation: none;
}
.item-container .item .image .needs-load.loaded:before {
display: none;
}
.item-container .item .image .needs-load.loaded img {
opacity: 1;
}
.item-container .not-found-item {
background-image: url("../images/imageNotAvail.png");
background-position: center;
background-size: contain;
display: block;
height: 220px;
width: 100%;
background-repeat: no-repeat;
}
.item-container .item h2 {
font-size: 1.2em;
padding: 8px 0 0 0;
margin: 0;
color: #333333;
text-transform: capitalize;
text-align: center;
}
.item-container .item .name a {
color: #333333;
font-weight: bold;
}
.item-container .item .name a .view-details {
display: block;
font-size: .8em;
color: #f16128;
}
.item-container .description {
color: #666666;
padding: .5em 0;
}
.item-container .product-id {
text-align: left;
padding-bottom: .5em;
}
.item-container .prices {
font-size: 1em;
color: #666666;
font-weight: bold;
padding-bottom: 3px;
}
.list-page-container-with-door .item-container .prices {
padding: 1em 0 .5em 0;
}
.item-container .prices .you-save {
color: #f16128;
display: block;
}
.item-container .price-label {
padding-right: 3px;
color: #666666;
}
.item-container .strikethrough {
clear: both;
text-decoration: line-through;
display: block;
color: #DD0000;
}
.item-container .strikethrough .price {
color: #666666;
}
.item-container .sale-price-label {
/*clear: both; -- removed to fix display issue on search */
display: block;
color: #DD0000;
}
.quantity-container input {
width: 25px;
margin-bottom: 5px;
text-align: center;
}
.detail-add-to-cart .quantity-container input {
margin: 0;
}
.quantity-container input {
transition: none;
}
.you-save {
color: #f16128;
display: block;
}
.detail-add-to-cart .you-save {
font-size: .8em;
}
.price-label {
padding-right: 3px;
color: #666666;
}
.strikethrough {
clear: both;
text-decoration: line-through;
display: block;
color: #DD0000;
}
.strikethrough .price {
color: #666666;
}
.detail-add-to-cart #master-price0 {
display: block;
text-align: left;
}
.sale-price-label {
clear: both;
display: block;
color: #DD0000;
}
.detail-add-to-cart .sale-price-label {
display: inline;
padding-right: .5em;
}
.sale-price {
color: #dd0000;
}
.click-to-enlarge {
cursor: pointer;
color: #999;
}
.list-page-door-container,.list-page-container-with-door {
flex-shrink: 0;
}
.list-page-container-with-door {
margin-top: 1.1em;
}
.list-page-door-container .doorDiv b {
display: none;
}
.list-page-container-with-door h1,.list-page-container h1 {
text-align: left;
margin-bottom: 15px;
}
.list-page-container-with-door h1 {
margin-bottom: .25em;
}
.list-page-container-with-door h2,.list-page-container h2 {
text-align: left;
margin-bottom: 10px;
}
.page_items .list-page-container .components {
margin-bottom: 10px;
display: none;
}
.list-page-container-with-door h1,.list-page-container h1 {
font-size: 32px;
}
.list-page-container-with-door b.results-txt,.list-page-container b.results-txt
{
color: #AAAAAA;
font-weight: normal;
display: none;
}
.list-page-container-with-door .items-list .item {
width: 275px;
}
.list-page-container-with-door h2.components {
color: #666666;
font-size: 18px;
margin-bottom: 5px;
margin-top: 25px;
}
.list-page-container-with-door .components a {
color: #F16128;
font-size: 11px;
padding-left: 7px;
text-decoration: underline;
text-transform: lowercase;
}
.items-list .item h2 {
font-size: 10px;
}
.categoryLongDescription {
padding-bottom: 5px;
}
/*
.itemListArrangeDiv {
float: left;
width: 485px;
}
*/
.partsForYourDoor h1 {
color: #000;
}
.partsForYourDoor a {
margin-top: 1em;
display: block;
width: 190px;
font-size: 12px;
padding: 4px 0 0;
}
.itemListArrangeDiv .itemListNav {
background-color: #DCDDDF;
height: 19px;
padding: 0 2px;
}
.itemListArrangeDiv .pagesMoreTable {
float: left;
}
.itemListArrangeDiv .itemsPerPageDiv {
float: right;
}
.itemListArrangeDiv .itemsPerPageDiv select {
height: 19px;
}
.itemListTable .link {
text-align: center;
}
.itemListTable h2 {
display: none;
}
.itemListArrangeDiv h1 a,.itemListArrangeDiv h1 {
color: #000000;
font-size: 12px;
}
.itemListMainDiv h2.productId,.maxSearchFacets,#includeMasterFacets {
display: none;
}
a.detailsButton {
border: 0 !important;
background: transparent none;
padding: 0;
}
.currentCategory {
display: none;
}
.itemListTable .pricingDiv {
margin: 2px 0 10px 0;
}
.facets-container .title {
display: inline-block;
margin-right: 1em;
}
.facets-container .facet {
display: inline-block;
border: 1px solid #A5AEB7;
border-radius: 5px;
padding: 1px;
background-color: #DCDDDF;
margin-right: 1em;
}
.facets-container .facet select {
border: 1px solid #A5AEB7;
border-radius: 5px;
min-width: 9em;
}
.facets-container .facet img {
margin: -10px 0 0 -7px;
position: absolute;
cursor: pointer;
}
.itemListFacetsDiv {
float: right;
width: 222px;
padding: 10px;
display: none;
}
.itemListFacetsDiv h2 {
color: #000000;
font-size: 23px;
margin: 0;
}
.itemListFacetsDiv h2 a {
color: #FFFFFF;
font-size: 8px;
}
.itemListFacetsDiv h2.label {
font-size: 12px;
margin: 6px 0 2px 0;
}
.itemListFacetsDiv h2.disabled {
color: #A5A5A5;
}
.itemListFacetsDiv .searchFacet {
height: 100px;
overflow-y: scroll;
padding: 5px;
}
.itemListFacetsDiv .searchFacet ul {
margin: 0;
padding: 0;
list-style: none outside none;
}
.itemListFacetsDiv .searchFacet ul li {
cursor: pointer;
padding-left: 15px;
background: transparent url("../images/emptyBox.png") no-repeat;
}
.itemListFacetsDiv .searchFacet ul.checkedBox li {
background-image: url("../images/checkedBox.png");
}
.itemListFacetsDiv .searchFacet .option span {
display: none;
}
.itemListFacetsDiv .searchFacet .option img {
margin-right: 5px;
}
.itemListFacetsDiv .searchFacet .option li {
color: #000000;
}
.itemListFacetsDiv .searchFacet .option li:hover {
text-decoration: underline;
}
.itemListFacetsDiv .searchFacet .option.selected li {
color: #F16029;
}
.itemListFacetsDiv .searchFacet .option.disabled li {
color: #d5d5d5;
}
.itemListFacetsDiv .searchFacet .option.disabled li:hover {
text-decoration: none;
cursor: auto;
}
#clearAllItemList {
float: right;
margin-top: 10px;
}
.itemListFacetsDiv .searchFacetedDiv {
padding: 5px;
}
.itemListFacetsDiv.rounded .sb-inner {
background: #F9772B;
}
.itemListFacetsDiv.rounded .sb-border {
background: #F16029;
}
.itemListFacetsDiv .searchFacetedDiv.rounded .sb-inner {
background: #FFFFFF;
}
.itemListFacetsDiv .searchFacetedDiv.rounded .sb-border {
background: #FFFFFF;
}
.itemListDataTD .addToCartButton {
float: left;
margin-top: -22px;
*margin-top: -25px;
margin-left: 90px;
background-image: url(../images/add-to-cart-sm.png);
width: 76px;
height: 22px;
}
#clearAllItemList {
cursor: pointer;
}
.media-item-wrapper .middle-container {
border: 0;
}
.media-item-wrapper .middle-container h1 {
font-weight: bold;
color: #111;
border-bottom: 1px solid #333;
margin-bottom: 1em;
padding-bottom: 0;
display: inline-block;
}
.media-item-wrapper .long-description {
padding: 1em;
}
.media-item-wrapper .resources .title, .media-item-wrapper .title {
font-size: 1.5em;
font-weight: bold;
padding: 1.5em 0;
}
.media-item-wrapper #image-gallery {
display: none;
}
/* left nav */
.doorDiv {
background-color: #F1F2F2;
margin: 1em 0 0 0;
padding: 1em;
font-weight: bold;
text-transform: uppercase;
}
.doorDiv-img {
display: block;
background: #FFF;
text-align: center;
margin-bottom: 1em;
}
.doorDiv .padding {
padding-bottom: 8px;
}
.doorDiv .hardwareFinish img {
margin: 0;
}
.doorDiv .padding {
display: flex;
}
.doorDiv .serialNumber {
margin: 0;
padding: 0;
}
.doorDiv .serialNumber > div {
padding-top: .5em;
}
.serial-number-link-door-wrapper a {
margin-left: 1em;
text-decoration: underline;
text-transform: lowercase;
}
.serial-number-link-door-wrapper a:hover {
text-decoration: none;
}
.doorDiv .padding span {
padding: 5px;
position: relative;
}
.doorDiv .padding span:last-child {
padding-left: 0;
}
.back-to-section-container {
padding: 1em;
border: .1em solid #e5e5e5;
margin-top: 1em;
width: 172px;
}
.back-to-section-container a {
font-weight: bold;
padding-left: 1em;
display: block;
max-width: 12em;
}
.back-to-section-container a:before {
content: '<';
transform: rotateY(-65deg) translateY(-.2em) translateX(-1.5em);
font-size: 3em;
position: absolute;
}
.back-to-section-container h1 {
display: none;
}
.back-to-section-container .shrink-door-image img {
max-width: 100%;
height: auto;
}
.door-width, .door-height {
background-color: #F1F2F2;
margin: 1em 0;
padding: 1em;
display: flex;
font-weight: bold;
}
.door-width div:first-child, .door-height div:first-child {
width: 7em;
}
.page_items .shrink-door-image {
cursor: pointer;
}
.pagebasket .doorDiv {
text-align: center;
padding: 1em;
background: #FFF;
border-style: solid;
border-color: #CFCFCF;
border-width: 1px 1px 1px 0;
width: 120px;
margin: -7px 0 0 0;
}
.pagebasket .door-search {
padding: 1em;
}
.pagebasket .door-search .bold {
padding-left: 10px;
width: 180px;
}
.pagebasket .door-search .bold input {
margin-top: 10px;
}
.pagebasket #serialNumberInput {
width: 180px;
}
.serialNumber {
margin-bottom: 5px;
padding-top: 20px;
}
.pagebasket .serialFormButton {
margin-left: 50px;
}
.pagebasket .door-search .or {
margin: 50px 0 10px 0;
}
.page_basket .basket .item-even .productId:before,.page_basket .basket .item-odd .productId:before
{
content: 'Part Number: '
}
.page_basket .scroller .related-items-list,.page_detail .recommender-list-container .scroller .recommender-items-list
{
width: 990px;
}
.page_basket .related-items-list .item,.page_detail .recommender-list-container .scroller .item
{
padding: 2px 11px 4px;
}
.page_basket .cart-container .also,.page_detail .recommender-list-container
{
display: inline-block;
margin: 50px 0;
}
.page_basket .cart-container .also .item,.page_detail .recommender-list-container .scroller .item
{
width: 190px;
border-bottom: none;
float: left;
}
.page_detail .recommender-list-container .scroller .item {
width: 120px;
}
.page_detail .recommender-list-container .scroller .item .image {
text-align: center;
}
.page_detail .recommender-list-container .scroller .item h2 a {
color: #000;
font-weight: bold;
font-size: 12px;
}
.recommender-list-container h2.title {
text-align: left;
border-bottom: 1px solid #CDCDCD;
font-size: 12px;
padding: .8em 4em;
}
.leftNav .doorDiv a {
color: #456494;
text-decoration: underline;
}
.leftNav .doorDiv a:hover {
text-decoration: none;
}
.leftNav .cartNav {
border: 1px solid #CFCFCF;
padding: 0px;
width: 100%;
}
.leftNav .cartNav div {
border: 1px solid #F9C0DA;
padding: 5px;
color: #456494;
background: #CFCFCF;
font-weight: bold;
}
.leftNav .cartNav a {
color: #456494;
display: block;
font-weight: bold;
background: transparent url(../images/basket.png) no-repeat center right;
}
.leftNav .cartNav a:hover {
text-decoration: none;
color: #FFFFFF;
}
.leftNav .cartNav a.second,.leftNav .cartNav a.second:hover {
background: #CFCFCF;
}
.leftNav .cartNav a.populated {
background: transparent url(../images/basketFull.png) no-repeat center
right;
}
.leftNav .recentlyViewedItems h1 {
font-size: 12px;
}
.leftNav .recentlyViewedItems h2 {
font-size: 11px;
}
.leftNav .recentlyViewedItems h2.title {
font-size: 12px;
}
.leftNav {
min-width: 160px;
width: 160px;
overflow-x: hidden;
border-right: 1px solid #CFCFCF;
background-color: #A5AEB7;
}
.leftNav .leftNavDiv ul {
list-style: none outside none;
margin: 0;
padding: 0;
border: 0;
display: block;
overflow: hidden;
margin-top: 26px;
}
.leftNav .leftNavDiv ul li {
width: 160px;
background-color: #DCDDDF;
border-bottom: 1px solid #FFFFFF;
}
.leftNav .leftNavDiv ul li a {
color: #000000;
line-height: 38px;
display: block;
padding-left: 8px;
border-bottom: 1px solid #A5AEB7;
font-size: 13px;
}
.leftNav .leftNavDiv ul li a:hover {
background-color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #A5AEB7;
}
.leftNav .leftNavDiv ul li.categoryMatch a {
color: #000000;
}
.leftNav .leftNavDiv ul li.last {
border: 0;
}
.leftNav .leftNavDiv ul li.categoryMatch a:hover {
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #000000;
}
.leftNav .leftCategoriesTD a {
color: #456494;
display: block;
text-decoration: none;
}
.leftNav .leftCategoriesTD a:hover {
color: #355484;
text-decoration: underline;
}
.leftNav .bordered {
border-bottom: 1px solid #CFCFCF;
}
.leftNav .leftNavDiv ul li.categoryLevel_1 ul {
margin-top: 0;
}
.leftNav .leftNavDiv ul li.categoryLevel_1 a:hover {
background-color: #FFFFFF;
}
.leftNav .leftNavDiv ul li.categoryLevel_1 a.categoryMatch:hover {
background-color: #000000;
}
.leftNav .leftNavDiv ul li.categoryLevel_2 {
background-color: #A5AEB7;
border: 0;
}
.leftNav .leftNavDiv ul li.categoryLevel_2 a {
font-weight: bold;
border: 0;
font-size: 11px;
line-height: 11px;
padding-top: 4px;
padding-bottom: 4px;
}
.leftNav .leftNavDiv ul li.categoryLevel_2 a.categoryMatch,.leftNav .leftNavDiv ul li.categoryLevel_3 a.categoryMatch
{
text-decoration: underline;
}
/*
.leftNav .leftNavDiv ul li:Level_2 a:hover {
border: 0;
color: #FFFFFF;
background-color: #000000;
}
*/
.leftNav .leftNavDiv ul li.categoryLevel_3,.leftNav .leftNavDiv ul li.categoryLevel_4
{
background-color: #A5AEB7;
border: 0;
}
.leftNav .leftNavDiv ul li.categoryLevel_3 a,.leftNav .leftNavDiv ul li.categoryLevel_4 a
{
font-weight: normal;
padding-left: 20px;
border: 0;
font-size: 11px;
height: 20px;
line-height: 20px;
overflow: hidden;
}
.leftNav .leftNavDiv ul li.categoryLevel_4 a {
font-size: 9px;
}
.recentlyViewedItems h2.title {
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
margin-top: 10px;
padding: 10px 0;
text-align: center;
}
/* left nav end*/
.mainContent {
height: 500px;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.mainContent h1 {
color: #000;
}
.zoom-container {
border: 1px solid #F16128;
border-radius: 1em;
box-shadow: 0 2px 3px #B6B5B5;
padding: 1em;
background: #FFF;
}
.imageBorderItemDetail {
padding-right: 5px;
width: 200px;
}
.imageBorderItemDetail .imgContainer {
height: 220px;
width: 220px;
}
.imageBorderItemDetail .imgContainer img {
cursor: pointer;
}
.imageBorderItemDetail .imgContainerB img {
cursor: url("../images/zoomCur.png"), pointer;
}
.imageBorderItemDetail #mainImage {
cursor: auto;
}
.imageBorderItemDetail .colorNotice {
padding-top: 2px;
}
.itemDetailContentTD h1 {
margin: 0 0 4px 0;
font-size: 16px;
}
.itemDetailContentTD h2 {
margin: 0 0 4px 0;
font-size: 12px;
}
.itemDetailContentTD .padding {
padding: 5px 0;
}
.itemDetailNotice {
font-size: 10px;
color: #999999;
padding: 0 80px;
}
#zoomImage {
cursor: pointer;
border: 0;
}
#imageZoomDiv {
display: none;
background: black;
padding: 1px;
border: 1px solid #CFCFCF;
position: absolute;
z-index: 1000;
}
#imageZoomDiv .thumbDiv {
z-index: 1010;
}
.thumbDiv span img {
border: 1px solid #adadaf;
cursor: pointer;
margin: 2px 4px;
}
.thumbDiv span.active img {
border: 1px solid #CFCFCF;
}
.thumbDiv span img:hover {
border: 1px solid #CFCFCF;
}
/*start detail page*/
.page_detail .crumbs {
padding-top: 2px;
}
.top-detail-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.media-item-wrapper .top-detail-container > div:first-child {
order: 2;
margin-top: 1em;
}
.media-item-wrapper .top-detail-container > div:last-child {
order: 1;
}
.detail-top-container #product-id {
text-transform: capitalize;
color: #717171;
margin-bottom: 7px;
margin-top: 0;
font-size: 12px;
}
.middle-container h1 {
margin: 0;
padding: .2em 0 0 0;
font-size: 1.4em;
line-height: 1.4em;
text-align: left;
text-transform: inherit;
text-shadow: 0 .5px 0;
}
.main-content .middle-container h2, .styled-like-h2 {
text-align: left;
text-transform: none;
font-weight: bold;
border-bottom: 1px solid #868686;
padding: 0 0 .2em 0;
font-size: 2em;
}
.styled-like-h2 {
border-bottom: 0;
color: #000;
display: block;
padding-top: 0;
}
h2#product-id {
font-size: 1.4em;
line-height: 1.6em;
font-weight: normal;
}
.detail-add-to-cart .item-price {
color: #3a3a3a;
font-size: 1.4em;
font-weight: bold;
padding-bottom: .5em;
}
.detail-add-to-cart .item-price .price-label {
display: none;
}
.detail-add-to-cart .quantity-container {
display: inline-flex;
width: 100%;
}
.detail-add-to-cart .quantity-container label {
padding-right: 3px;
}
.detail-add-to-cart .quantity-style {
display: inline-flex;
align-items: center;
background: #FFF;
border: 1px solid #CDCDCD;
position: relative;
font-size: 1.4em;
}
.detail-add-to-cart .quantity-style::before {
content: '➖';
padding: .375em .75em;
cursor: pointer;
}
.detail-add-to-cart .quantity-style::after {
content: '➕';
padding: .375em .75em;
cursor: pointer;
}
.detail-add-to-cart .quantity-container #quantity {
border-style: solid;
border-width: 0 1px;
border-color: #CDCDCD;
width: 2.5em;
height: auto;
color: #333;
font-size: 1.2em;
line-height: 1.5em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
}
.detail-add-to-cart .quantity-container #quantity::-ms-expand {
display: none; /* remove default arrow on ie10 and ie11 */
}
.detail-add-to-cart .quantity-container .medium-button {
height: auto;
padding: 0 1em;
font-weight: bold;
width: 100%;
border: 0;
font-size: 1.4em;
line-height: 2.0em;
background: #f16128;}
.detail-add-to-cart .opt-in {
padding: 10px 0;
}
.detail-add-to-cart .opt-in label {
color: #f16128;
}
.frequently-bought-together {
border: .1em solid #CDCDCD;
padding: 2em;
margin-top: 2em;
}
.add-to-cart-popup .frequently-bought-together {
clear: both;
background: #FFF;
border-top: .1em solid #CCC;
padding: 0 1em 1em 1em;
margin: 1em 0 0 0;
}
.frequently-bought-together .title {
color: #f16128;
font-size: 1.25em;
padding: 0;
margin-bottom: 1.5em;
font-weight: bold;
text-transform: uppercase;
}
#popupDiv .frequently-bought-together .title {
background: #FFF;
color: #F16128;
text-align: left;
padding: 0;
margin: .5em 0;
font-weight: bold;
}
.frequently-bought-together .add-all-container {
display: flex;
flex-wrap: wrap;
align-items: center;
max-width: 88.5vw; /* IE Kludge */
}
.frequently-bought-together .add-all-descriptions-container {
margin-top: 1em;
border-top: .1em solid #CDCDCD;
}
.frequently-bought-together .add-all-container > * {
margin-right: 1em;
}
.frequently-bought-together .add-all-container > *:last-child {
margin-right: 0;
}
.frequently-bought-together .add-all-container .item {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: .5em;
position: relative;
overflow: hidden;
}
.frequently-bought-together .add-all-container .item img, .frequently-bought-together .add-all-container .item .not-found-item {
border: .2em solid #f16128;
transition: all .5s;
}
.frequently-bought-together .add-all-container .item .not-found-item {
width: 80px;
height: 80px;
background-size: contain;
}
.frequently-bought-together .add-all-container .item.disabled img {
opacity: .5;
border-color: transparent;
}
.frequently-bought-together .add-all-container div:nth-last-of-type(1n+4):after {
content: '+';
font-size: 1.5em;
padding: 0 0 0 .5em;
color: #f16128;
}
.frequently-bought-together .add-all-container .add-all-button {
margin: 0 1em 0 0;
}
.frequently-bought-together .add-all-container .price {
font-size: 1.5em;
font-weight: bold;
}
.frequently-bought-together .add-all-container .price:before {
content: '=';
padding: 0 .75em 0 .5em;
}
.frequently-bought-together .large-button, .frequently-bought-together .medium-button {
font-weight: bold;
width: auto;
padding: 0 1em;
transition: all .5s;
}
.frequently-bought-together input[type=submit]:disabled {
background: #CDCDCD;
cursor: not-allowed;
}
.add-all-descriptions-container .description {
font-weight: bold;
}
.add-all-descriptions-container .item {
padding-top: .5em;
}
.add-all-descriptions-container .item:first-child .description:before {
content: 'THIS ITEM';
color: #f16128;
}
.add-all-descriptions-container .item > *:last-child {
margin-right: 0;
}
.add-all-descriptions-container .item .price-label {
padding-right: .5em;
}
.add-all-descriptions-container .item .item-price {
font-weight: bold;
color: #f16128;
}
.accordions .block, .related-wrapper .block {
border: 1px solid #F4F4F4;
margin-top: 1.5em;
}
.accordions .block.active {
border: 1px solid #CDCDCD;
}
.accordions .title {
cursor: pointer;
}
.accordions .title, .related-wrapper .title {
background-color: #F4F4F4;
color: #333;
text-transform: uppercase;
padding: .5em 1em .5em 2em;
font-weight: bold;
}
.accordions .title:before {
content: '+';
position: absolute;
margin-left: -1em;
}
.accordions .active .title {
background-color: #F4F4F4;
color: #111;
transition: background-color .5s, color .5s;
}
.accordions .active .title:before {
content: '–';
}
.accordions .expanding {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
transition: opacity .5s, visibility .5s, height .1s;
}
.accordions .active > .expanding {
opacity: 1;
visibility: visible;
overflow: visible;
height: 100%;
transition: all .5s;
}
.accordions .expanding > div {
padding: 1em;
}
.accordions .expanding p {
font-size: 14px;
}
.accordions .expanding > div p:first-child {
margin-top: 0;
}
.accordions ol, .accordions ul {
padding: 0 0 0 2em;
margin: 0;
}
.instruction-list {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
overflow-x: auto;
}
.related-items-list {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.instruction-list .resource, .instruction-list .video {
min-width: 12em;
max-width: 46vw;
text-align: center;
padding: 0 1em;
}
.instruction-list .resource span, .instruction-list .video span {
display: block;
}
.middle-container .resource .works-with-title {
color: #f16128;
float: left;
}
.middle-container .resource .product-line {
color: #545556;
}
.middle-container .resources {
margin-top: 10px;
clear: both;
}
.middle-container .resources .resource-title {
color: #f16128;
}
.middle-container .color .color-text span {
font-weight: bold;
color: #000;
}
.middle-container .color .color-text {
padding-bottom: .5em;
}
.middle-container .addition-colors-text {
padding-bottom: .5em;
}
.middle-container .color,.middle-container .related-colors {
padding: 7px 0;
}
.middle-container .color .color-image {
display: inline-block;
padding: 2px;
border: 1px solid #CDCDCD;
}
.add-to-cart-wrapper, .icons-wrapper {
display: block;
}
/*Start Detail Tabs Container*/
.tabs-container {
clear: both;
padding-top: 4em;
}
.tabs-container .tab-titles {
border-bottom: 1px solid #CDCDCD;
display: inline-block;
width: 100%;
height: 33px;
}
.tabs-container .tab-titles .tab {
float: left;
color: #AAA;
text-transform: uppercase;
cursor: pointer;
}
.tabs-container .tab-titles .tab.active {
color: #000;
cursor: auto;
background: transparent url('../images/detail-down-arrow.png') no-repeat
center bottom;
}
.tabs-container .tab-titles .tab .line {
border-bottom: 4px solid transparent;
padding: 0.8em 4em;
}
.tabs-container .tab-titles .tab.active .line {
border-bottom: 4px solid #F16029;
}
.tabs-container .tab-content-container {
clear: both;
padding: 2.5em 0.25em 1em;
display: inline-block;
}
.tabs-container .tab-content-container .tab-content {
line-height: 24px;
}
.tab-content-container ul li {
font-size: 12px;
list-style: disc inside none;
}
.middle-container .resources img {
margin-right: 4px;
vertical-align: middle;
}
.tabs-container img {
margin-right: 4px;
vertical-align: middle;
}
.tabs-container .resource img {
vertical-align: sub;
}
.right-nav {
float: right;
width: 240px;
border-left: 1px solid #CDCDCD;
padding-left: 1em;
margin: 30px 0;
}
.right-nav .icons-wrapper {
display: flex;
align-items: center;
justify-content: space-around;
background: transparent url('../images/share.png') no-repeat center top;
}
.right-nav .icons-wrapper input {
border: 0;
}
.right-nav h2 {
border-bottom: 4px solid #F16029;
padding: 0.8em 0;
}
.right-nav .related-items-list .name h2 {
border-bottom: none;
}
.right-nav .line-container .line {
background: transparent url("../images/detail-down-arrow.png") no-repeat scroll center bottom;
border: medium none;
color: #000;
cursor: auto;
height: 8px;
padding: 0;
}
.right-nav .related-categories .category-image,.right-nav .related-categories .category-link
{
text-align: center;
font-size: 12px;
font-weight: bold;
}
.add-to-cart-wrapper-container {
margin-bottom: .5em;
}
.add-to-cart-wrapper .icons-wrapper {
align-items: flex-end;
color: #F06514;
text-transform: uppercase;
font-weight: bold;
}
.add-to-cart-wrapper .icons-wrapper > div {
margin-left: .5em;
}
.pinterest-wrapper p {
margin: 0;
}
.email-container {
display: flex;
align-items: center;
}
.email-container form {
display: flex;
}
.email-container input {
border: 0;
padding: 0;
}
.email-container img {
vertical-align: middle;
margin-right: 8px;
}
.right-nav .related-items-list .item {
border-bottom: none;
padding: 0;
}
.related-items-list .quantity-container {
margin: 7px 0;
}
.related-items-list .quantity-container input {
text-align: center;
width: 1.5em;
}
.related-items-list .quantity-container .view-details-container a {
margin: 2px 0;
}
/*Detail Tabs Container End*/
.reviews-list-container {
clear: both;
margin-top: 20px;
}
.reviews-list-container h2 {
text-align: left;
}
.tablePriceList {
border-collapse: collapse;
}
.tablePriceList td {
border: 1px solid #CFCFCF;
padding: 2px 4px;
}
.reviewBox {
padding: 5px;
}
.reviewBox .sb-inner {
background-color: #FFFFFF;
}
.reviewBox .sb-border {
background: #bbb;
}
.reviewsTable {
width: 100%
}
#reviewsTable {
margin-top: 4px;
border-top: 1px solid #CFCFCF;
}
#reviewsTable h2 {
color: #456494;
font-size: 16px;
margin: -2px 0 4px 0;
}
.itemReview {
border-bottom: 1px solid #CFCFCF;
padding: 2px 0;
}
.itemReview div,.itemReview strong {
font-weight: bold;
color: #000000;
}
#reviewsWindow {
background: #FFFFFF;
padding: 1px;
border: 1px solid #CFCFCF;
width: 500px;
position: absolute;
max-height: 500px;
height: 500px;
z-index: 100;
}
#innerReviewsWindow {
background: #FFFFFF;
padding: 5px;
max-height: 471px;
height: 471px;
overflow-y: auto;
overflow-x: auto;
}
.titleBarPopup {
background: #A5AEB7 url(../images/close.png) no-repeat center right;
color: #FFFFFF;
font-weight: bold;
padding: 2px 5px;
height: 15px;
}
.main-content h2 {
color: #000;
font-size: 14px;
margin: 0;
}
.page_detail .main-content .right-nav h2 {
margin: 0;
}
.related-items-list h2 a {
font-size: 12px;
color: #000;
font-weight: bold;
text-align: center;
text-transform: capitalize;
}
.related-items-list .link {
text-decoration: underline;
margin-bottom: 5px;
color: #F16029;
}
.relatedItems {
margin-top: 4px;
}
.related-categories, .instruction-list {
display: inline-flex;
align-items: flex-end;
}
.related-categories .category-image {
text-align: center;
}
.relatedItemsDiv {
padding-top: 10px;
}
.relatedItemsDiv .rounded {
padding: 5px;
}
.relatedItemsDiv .rounded .sb-inner {
background: none;
}
.relatedItemsDiv .rounded .sb-border {
background: #E5E5E5;
}
.relatedItems h1 a {
font-size: 12px;
color: #000000;
}
.relatedItems h2 {
font-size: 11px;
}
.relatedItems h2.productId {
display: none;
}
.relatedItems h2.related {
margin: 0 0 4px 0;
font-size: 16px;
color: #000000;
}
.relatedItems .itemListTable .itemListButtonTD {
border: 0;
}
.relatedItems .priceColor {
font-weight: normal;
}
.related-categories .category-link {
text-align: center;
}
.related-categories .category {
padding: 0 1em;
}
.related-categories .category span {
display: inline-block;
width: 150px;
height: 150px;
}
.related-categories .category span:before {
content: '?';
font-size: 10em;
color: #aaa;
text-align: center;
display: block;
}
.resources {
border-top: 1px solid #CFCFCF;
padding: 4px 2px;
}
.resources h2 {
color: #456494;
}
.resources table {
width: 100%;
}
.resources ul.documentDownloadList {
list-style: none outside url(../images/pdf.gif);
float: left;
padding-left: 40px;
margin: 10px;
}
.resources ul.documentDownloadList li {
padding-left: 10px;
}
.priceColor {
color: #000000;
}
.lineThrough {
text-decoration: line-through;
color: #DD0000;
}
.pagesMoreTable .clickable a,.pagesMoreTable .pagingActive {
display: block;
padding: 2px;
min-width: 10px;
text-align: center;
color: #0000FF;
}
.pagesMoreTable .clickable a:hover {
background-color: #A5AEB7;
text-decoration: none;
}
.pagesMoreTable .pagingActive {
color: #000000;
}
.pagesMoreTable td {
height: 19px;
}
.itemsPerPageTD {
padding-left: 20px;
}
/*end detail page*/
.main-image-div img {
max-width: initial;
}
.detail-image-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.detail-image-container .not-found-item {
background-image: url("../images/imageNotAvail.png");
background-position: center;
background-size: contain;
display: block;
height: 220px;
width: 100%;
background-repeat: no-repeat;
}
.middle-container {
margin: 1em 0 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom: .1em solid #CDCDCD;
}
.middle-container > div {
font-size: 1.15em;
padding: 2em 0;
}
.middle-container > div:first-child {
padding-bottom: 0;
}
.middle-container > *:last-child {
order: 1;
}
.middle-container .lead-time {
background: #FFF;
border-top: 1px solid #CDCDCD;
padding: .5em 2em;
font-weight: bold;
}
.middle-container .detail-add-to-cart {
padding-top: .5em;
}
.middle-container .related-color {
display: inline-block;
}
.middle-container .color .color-image {
display: inline-block;
}
.middle-container .color .color-image:nth-child(2) {
border: 1px solid #f16128;
padding: 2px;
}
.middle-container .color .color-image img {
display: block;
width: 2.5em;
height: 2.5em;
}
.middle-container .related-color img.unknown-swatch {
width: 2.5em;
height: 2.5em;
}
.related-color-help {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
background-size: cover;
opacity: 0;
width: 0;
height: 0;
border: 1px solid #333;
border-width: 0 0 1px 1px;
border-radius: 1rem;
box-shadow: 1px 1px 4px #9c9b9b;
text-align: center;
text-shadow: 1px 1px #CCC;
z-index: 1;
display: none;
overflow: hidden;
transition: height .25s, opacity .25s;
}
.related-color-help.active {
width: 12rem;
height: 6rem;
margin-left: -6rem;
margin-top: -1.2rem;
opacity: 1;
display: block;
transition: opacity .25s;
}
.related-color-help div {
font-weight: bold;
width: 12rem;
text-align: center;
border-radius: 1rem 1rem 0 0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #333;
background: #FFF;
box-shadow: 0 1px 4px #9c9b9b;
}
.related-color-help div span {
background: #FFF;
}
.right-nav {
float: right;
width: 240px;
border-left: 1px solid #CDCDCD;
padding-left: 1em;
}
.right-nav .video {
text-align: center;
padding: 10px 0;
}
.right-nav .video span {
display: inline-block;
}
.reviews-list-container {
clear: both;
}
.tablePriceList {
border-collapse: collapse;
}
.tablePriceList td {
border: 1px solid #CFCFCF;
padding: 2px 4px;
}
#reviewsTable {
margin-top: 4px;
border-top: 1px solid #CFCFCF;
}
#reviewsTable h2 {
color: #456494;
font-size: 16px;
margin: -2px 0 4px 0;
}
.itemReview {
border-bottom: 1px solid #CFCFCF;
padding: 2px 0;
text-align: left;
}
.click-image-to-enlarge {
text-align: center;
}
.itemReview div,.itemReview strong {
font-weight: bold;
color: #F16029;
}
#reviewsWindow {
background: #000000;
padding: 1px;
border: 1px solid #CFCFCF;
width: 500px;
position: absolute;
max-height: 500px;
height: 500px;
}
#innerReviewsWindow {
background: #FFFFFF;
padding: 5px;
max-height: 471px;
height: 471px;
overflow-y: scroll;
overflow-x: auto;
}
.titleBarPopup {
background: #A5AEB7 url(../images/close.png) no-repeat center right;
color: #FFFFFF;
font-weight: bold;
padding: 2px 5px;
height: 15px;
}
.relatedItems {
margin-top: 4px;
}
.relatedItemsDiv {
padding-top: 10px;
}
.relatedItemsDiv .rounded {
padding: 5px;
}
.relatedItemsDiv .rounded .sb-inner {
background: none;
}
.relatedItemsDiv .rounded .sb-border {
background: #E5E5E5;
}
.relatedItems h1 a {
font-size: 12px;
color: #000000;
}
.relatedItems h2 {
font-size: 11px;
}
.relatedItems h2.productId {
display: none;
}
.relatedItems h2.related {
margin: 0 0 4px 0;
font-size: 16px;
color: #000000;
}
.relatedItems .itemListTable .itemListButtonTD {
border: 0;
}
.relatedItems .priceColor {
font-weight: normal;
}
#tooltip {
left: 0;
padding-right: 60px;
position: absolute;
top: 0;
}
#tooltipcontent {
background-color: #507CB6;
border-color: #ABCFF3;
border-style: solid solid none;
border-width: 2px 2px medium;
color: white;
font-size: 1.1em;
line-height: 13px;
padding: 9px 9px 3px;
}
#tooltipcontent p {
margin: 0 0 4px;
}
span.tip {
background: transparent url(../images/bubble.gif) no-repeat scroll right
1px;
color: #0064B0;
cursor: help;
padding-right: 15px;
text-decoration: underline;
}
.resources {
border-top: 1px solid #CFCFCF;
padding: 4px 2px;
}
.resources h2 {
color: #456494;
}
.resources table {
width: 100%;
}
.resources ul.documentDownloadList {
list-style: none outside url(../images/pdf.gif);
float: left;
padding-left: 40px;
margin: 10px;
}
.resources ul.documentDownloadList li {
padding-left: 10px;
}
.priceColor {
color: #000000;
font-weight: bold;
}
.priceColor .price-label {
display: none;
}
.lineThrough {
text-decoration: line-through;
color: #DD0000;
}
.pagesMoreTable .clickable a,.pagesMoreTable .pagingActive {
display: block;
padding: 2px;
min-width: 10px;
text-align: center;
color: #0000FF;
}
.pagesMoreTable .clickable a:hover {
background-color: #A5AEB7;
text-decoration: none;
}
.pagesMoreTable .pagingActive {
color: #000000;
}
.pagesMoreTable td {
height: 19px;
}
.itemsPerPageTD {
padding-left: 20px;
}
/** Scroller */
.expanding {
max-width: calc(100vw - 4em);
}
.scroll-area {
margin: 1em 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.scroll-area-container {
overflow-x: hidden;
}
.scroll-area .prev-button, .scroll-area .next-button {
font-size: 3em;
cursor: pointer;
opacity: .5;
visibility: hidden;
transition: opacity .5s;
}
.scroll-area.active .prev-button, .scroll-area.active .next-button {
visibility: visible;
}
.scroll-area .prev-button.active, .scroll-area .next-button.active {
opacity: 1;
}
.scroll-area .prev-button:after {
content: '◀';
}
.scroll-area .next-button:after {
content: '▶';
}
.scroll-area .item-container {
margin: 0;
width: 100%;
display: block;
}
.scroll-area .items-list, .scroll-area .related-items-list {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: flex-start;
transition: transform .5s;
}
.scroll-area .item {
width: 100%;
flex-shrink: 0;
}
/* Scroller end */
/* Basket start */
.page_basket h1 {
text-align: left;
}
.basket-header {
background: #F1F2F2;
display: inline-block;
padding: 3px 0;
border-top: 1px solid #AAAAAA;
}
.basket-header div {
float: left;
padding: .25em 0;
text-align: center;
}
.basket-header .bh1 {
width: 206px;
}
.basket-header .bh2 {
width: 445px;
text-align: left;
}
.basket-header .bh3 {
width: 85px;
}
.basket-header .bh4 {
width: 75px;
text-align: right;
}
.basket-header .bh5 {
width: 155px;
text-align: right;
}
.cart-container .doorDiv {
float: left;
clear: left;
margin: 0;
background: #F1F2F2;
border: 0;
padding-top: 0;
}
.cart-container .doorDiv b,.cart-container .doorDiv .sectionDiv {
display: none;
}
.cart-container .basket {
display: inline-block;
padding: 0 0 0 15px;
width: 750px;
}
.cart-container .basket .head,.cart-container .cell-variances {
display: none;
}
.cart-container .item,.cart-container .item {
clear: left;
padding: .5em 0;
display: inline-block;
width: 100%;
}
.cart-container .cell-image {
float: left;
border: 1px solid #F1F2F2;
margin-right: 10px;
width: 83px;
}
table.basket-form {
display: table;
max-width: 100%;
min-width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
table.basket-form tr {
display: block;
border-bottom: .1em solid #cfcfcf;
}
table.basket-form .cell-image {
position: relative;
overflow: hidden;
}
table.basket-form .cell-image span {
display: none;
}
table.basket-form .cell-image, table.basket-form .cell-name {
display: inline-block;
}
table.basket-form .cell-quantity {
width: 100vw;
}
table.basket-form td {
padding: .5em;
}
table.basket-form td:first-child {
padding-left: 0;
}
table.basket-form td:last-child {
padding-right: 0;
}
.cart-container .update-qty {
position: absolute;
color: #AAA;
cursor: pointer;
padding-top: 5px;
}
.cart-container .delete-item {
color: #AAA;
padding-top: 5px;
}
.cart-container .delete-item label {
padding-left: 5px;
cursor: pointer;
}
.cart-container .cell-item-price-total {
float: left;
text-align: right;
padding: 10px 0 0 5px;
}
.cart-container .buttons {
clear: left;
}
.cart-container .summary {
border-bottom: 1px solid #AAAAAA;
border-top: 1px solid #AAAAAA;
display: inline-block;
float: right;
padding: 20px 0;
width: 100%;
}
.cart-container .summary .inline-discounts-applied {
background: #F1F2F2;
padding: 1em;
overflow: hidden;
}
.cart-container .summary .left .current-promo {
margin-top: 5px;
}
.cart-container .summary .sub-total {
clear: left;
float: right;
display: inline-block;
text-align: right;
margin: 17px 0 3px;
font-weight: bold;
font-size: 13px;
}
.cart-container .summary .shipping {
font-weight: bold;
}
.basket .summary .inline-discounts,.basket .summary .inline-discounts-applied
{
background-color: #F1F2F2;
height: 65px;
padding: 10px 10px 0;
width: 302px;
}
.inline-discounts-applied .current-promo {
display: none;
}
.cart-container .summary .left > div {
display: inline-block;
}
.cart-container .discount-list {
margin-left: 2em;
background-color: #F1F2F2;
}
.cart-container .discount-container {
color: #585858;
padding: 1em;
}
.cart-container .discount-container::before {
content: 'Promotion Codes';
font-size: 15px;
text-transform: uppercase;
}
.cart-container .discount-applied:last-child {
border-bottom: 0;
}
.cart-container .discount-applied {
border-bottom: .1em solid #AAA;
margin-top: .33em;
display: flex;
justify-content: space-between;
}
.basket .summary .left {
min-width: 378px;
color: #595858;
display: inline-flex;
flex-wrap: wrap;
float: none;
}
.basket .summary .value {
padding-left: 15px;
width: 55px;
}
.summary .discounts-total, .summary .shipping-total, .summary .tax-total, .summary .grand-total {
clear: left;
}
.basket .summary .label, .basket .summary .gst-label, .basket .summary .hst-label, .basket .summary .pst-label, .basket .summary .qst-label {
width: 140px;
}
.basket .summary .inline-discounts-applied {
height: 75px;
}
.basket .summary .inline-discounts label,.basket .summary .inline-discounts-applied label
{
color: #585858;
font-size: 15px;
text-transform: uppercase;
}
.basket .inline-discounts #bbDiscCode, .basket .inline-discounts-applied #bbDiscCode {
float: left;
font-size: 1.5em;
margin-right: 7px;
box-shadow: 1px 2px 5px #999999 inset;
-moz-box-shadow: 1px 2px 5px #999999 inset;
-webkit-box-shadow: 1px 2px 5px #999999 inset;
padding: 6px 6px 2px 8px;
}
.basket .summary .discount,.basket .summary .shipping,.basket .summary .tax
{
clear: left;
font-size: 13px;
margin: 8px 0;
text-align: right;
float: left;
display: inline-block;
}
.basket .inline-discounts .small-button {
float: left;
}
.cart-container .summary .grand-total {
clear: right;
float: right;
display: inline-block;
text-align: right;
margin: 8px 0;
font-size: 13px;
}
.cart-container .summary .label,.cart-container .summary .value {
float: left;
}
.cart-container .summary .label {
padding-right: 5px;
}
.cart-container .inline-discounts-applied label {
display: block;
}
.cart-container .buttons {
text-align: right;
float: right;
padding: 1em 0;
}
.cart-container .continue-shopping {
background: #F1F2F2;
width: 300px;
padding: 1em;
margin-top: 10px;
margin-bottom: 1em;
text-align: center;
line-height: 20px;
float: left;
}
.cart-container .continue-shopping .serialFormDiv form {
text-align: left;
}
.cart-container .continue-shopping a {
font-size: 17.5px;
text-decoration: underline;
}
.cart-container .parts-basket {
font-size: 14px;
}
.cart-container .continue-shopping .serial-number {
text-align: left;
margin-top: 20px;
font-size: 14px;
}
.cart-container .continue-shopping input.serialFormButton {
background-color: #F16128;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 13px;
height: 31px;
text-transform: uppercase;
width: 45px;
text-shadow: none;
}
.cart-container .continue-shopping #serialNumberInput {
font-size: 1.5em;
float: left;
box-shadow: 1px 2px 5px #999999 inset;
-moz-box-shadow: 1px 2px 5px #999999 inset;
-webkit-box-shadow: 1px 2px 5px #999999 inset;
padding: 6px 6px 2px 8px;
width: 200px;
}
.liveHelpCart {
margin-top: -15px;
float: right;
}
h1.cartSummary {
margin: 10px 0;
color: #000;
}
.basketButtons {
width: 100%;
}
.basketButtons td.moreParts {
width: 50%;
}
.basketButtons input {
position: relative;
top: 5px;
}
.pagebasket .continueShoppingButton {
left: 166px;
position: relative;
z-index: 1000;
}
.pagebasket .door-search {
position: relative;
top: -30px;
width: 337px;
}
.basketTable {
margin: 10px auto 0 auto;
border: 1px solid #CFCFCF;
border-collapse: collapse;
}
.basketTable td {
border-bottom: 1px solid #CFCFCF;
border: 1px solid #CFCFCF;
}
.basketTable tr.odd td {
background-color: #F4F7F2;
}
.basketTable .basketTdBanner {
border-bottom: 1px solid #CFCFCF;
background-color: #DCDDDF;
}
.contactItemRequest {
margin: 10px auto;
}
.contactItemRequest .rounded {
padding: 5px;
}
.contactItemRequest .rounded .sb-inner {
background: #E5E5E5;
}
.contactItemRequest .rounded .sb-border {
background: #CFCFCF;
}
.giftMessageTable {
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
}
/* Basket end */
/* Account Start */
.page_login .login {
background-color: #F1F2F2;
margin: 20px auto 0;
padding: 35px 20px;
text-align: center;
}
.page_login .login-list input[type=text], .page_login .login-list input[type=password] {
width: 13rem;
}
.page_login fieldset.buttons {
text-align: center;
}
.login-list {
margin: 0;
padding: 0;
}
.forgot-password-container {
color: #F16128;
margin-top: -36px;
text-align: center;
text-decoration: underline;
}
.page_accountCreate fieldset ol li label {
display: block;
}
.page_accountCreate .exp-year-label {
margin-left: 1em;
width: 3em;
}
.page_accountCreate .billing-street-address1-li:after, .page_accountCreate .shipping-street-address1-li div:after,
.page_accountAddresses .street-address1-li div:after {
content: '(House Number & Street Name)';
padding-left: 1em;
color: #CDCDCD;
}
.page_accountCreate .shipping-street-address1-li div:after, .page_accountAddresses .street-address1-li div:after {
position: relative;
top: -1.5em;
}
.page_accountCreate .shipping-street-address1-li .attention, .page_accountAddresses .street-address1-li .attention {
padding-right: 15em;
}
.page_accountCreate .shipping-street-address1-li div, .page_accountAddresses .street-address1-li div {
width: 43.5em;
text-align: right;
}
.page_accountAddresses .street-address1-li div {
width: 28em;
}
.page_accountCreate .billing-street-address2-li:after, .page_accountCreate .shipping-street-address2-li:after,
.page_accountAddresses .street-address2-li:after {
content: '(Apt Number or Condo Number)';
padding-left: 1em;
color: #CDCDCD;
}
.password-prompt {
padding-top: 8px;
}
.page_account .addresses,.page_account .dates-container,.page_account .order-history
{
margin: 30px 0;
}
.page_account h2 {
text-align: left;
}
.page_account .scroller-container .addresses {
margin-top: 0;
}
.page_account .buttons,.page_account .delete,.page_account .primary {
margin-top: 10px;
}
#billing-edit-button {
margin-bottom: 10px;
}
.page_account .dates-container .buttons {
margin-top: 0;
}
.addresses .billing {
width: 242px;
float: left;
}
.addresses .shipping {
width: 726px;
float: left;
}
.addresses div.address {
float: left;
padding: 5px 10px;
}
.shipping-address .shipping-city-li, .shipping-address .shipping-email-li {
float: left;
}
.shipping-address .shipping-states-provinces-li, .shipping-address .shipping-email-confirm-li {
float: right;
}
.shipping-address .shipping-email-li, .shipping-address .shipping-email-confirm-li {
width: 240px;
}
.shipping-address .shipping-postal-code-li {
clear: both;
}
.shipping-postal-code-li-ca input, .billing-postal-code-li-ca input {
width: 2.5em
}
.shipping-postal-code-li fieldset, .billing-postal-code-li fieldset {
padding: 0;
}
fieldset#billing-postal-code, fieldset#shipping-postal-code {
display: inline-block;
}
#billing-postal-code-separator:before, #shipping-postal-code-separator:before {
content: ' -';
}
.shipping-postal-code-li-ca #billing-postal-code-separator:before, .shipping-postal-code-li-ca #shipping-postal-code-separator:before {
content: ' ';
}
.order-history {
clear: both;
}
.page_historyDetail .order-history > h2, .page_orderHistoryLookupAction h2.invoice-number {
padding-bottom: 1em;
}
.order-history ul li {
list-style: none;
padding: 2px 0;
}
.tracking-number a {
margin-left: .25em;
}
.some-times-centered {
text-align: left;
line-height: 1.5em;
}
.order-history-lookup-button-container {
text-align: center;
padding-top: 2em;
}
.order-history-lookup-button-container .large-button {
width: auto;
padding: 0 2em;
}
.inverse-button {
background: #FFFFFF;
color: #f16128;
border: 1px solid #f16128;
transition: all .2s;
}
.inverse-button:hover {
color: #FFFFFF;
background: #f16128;
border: 1px solid #f16128;
}
.page_historyDetail .main-content .basket .summary {
padding-top: 5px;
}
.page_historyDetail .basket .cell-name {
padding-top: 18px;
width: 323px;
}
.page_historyDetail .basket .cell-price {
width: 134px;
}
.order-text {
clear: left;
}
fieldset.dates {
float: left;
margin-bottom: 20px;
padding-top: 6px;
}
fieldset.dates .date,.dates-container .buttons {
float: left;
margin-right: 1em;
}
fieldset.account-payment ol li label {
width: auto;
}
.accountTable h2 {
font-size: 16px;
margin: 0 0 4px 0;
color: #456494;
}
.page_account h1 a {
font-size: 14px;
}
.page_account .right {
min-width: 400px;
margin-bottom: 1em;
}
.account h2 {
color: #F16128;
font-size: 18px;
text-align: left;
}
.accountTable h2 {
font-size: 16px;
margin: 0 0 4px 0;
color: #456494;
}
fieldset.account-payment ol li label {
display: block;
}
fieldset.account-payment ol li label.exp-month-label, fieldset.account-payment ol li label.exp-year-label {
display: inline;
}
.account-addresses div.address {
width: 270px;
margin-bottom: 1em;
padding: .5em;
}
.page_accountAddresses .account-addresses div.address {
width: auto;
}
.account-addresses div.address.editing {
background-color: #EFEFEF;
display: inline-block;
}
.account-addresses .address a {
float: right;
}
.account-addresses label {
display: block;
}
.account-addresses .shipping-edit-button,.account-addresses .cancel-button
{
float: left;
margin: 0 .5em .5em 0;
}
.account-addresses fieldset.delete .shipping-edit-button,.account-addresses fieldset.primary .shipping-edit-button
{
float: none;
}
.account-addresses fieldset.delete,.account-addresses fieldset.primary {
float: left;
}
.historyDetailDiv .accountTable .leftTd .shipping,.historyDetailDiv .accountTable .leftTd .billing
{
float: left;
padding-right: 10px;
}
.order-history .head {
border-bottom: 1px solid #CDCDCD;
width: 100%;
display: inline-block;
}
.order-history .order-even {
min-height: 24px;
display: block;
clear: both;
border-bottom: 1px solid #CDCDCD;
}
.order-history .order-odd {
min-height: 24px;
background-color: #E3E3E3;
display: block;
clear: both;
border-bottom: 1px solid #CDCDCD;
}
.order-history .title-ordernumber,.order-history .title-recipient,.order-history .title-total,.order-history .title-date,.order-history .title-ship-status,.order-history .title-payment-status,.order-history .title-paymentstatus
{
display: inline-block;
width: 16%;
font-weight: bold;
float: left;
min-height: 1em;
}
.head .title-shippingstatus {
font-weight: bold;
}
.order-history .cell-ordernumber,.order-history .cell-recipient,.order-history .cell-total,.order-history .cell-date,.order-history .cell-ship-status,.order-history .cell-payment-status,.order-history .cell-paymentstatus, .order-history .cell-shippingstatus
{
display: inline-block;
width: 16%;
float: left;
overflow: auto;
margin-top: 4px;
}
.addresses .billing {
width: 242px;
float: left;
}
.addresses .shipping {
width: 726px;
float: left;
}
.addresses div.address {
float: left;
padding: 5px 10px;
}
.order-text {
clear: left;
}
fieldset.dates {
float: left;
}
fieldset.dates .date,.dates-container .buttons {
float: left;
margin-right: 1em;
}
.g-recaptcha {
padding-bottom: 20px;
}
.order-history-form {
display: block;
margin: auto;
padding: 1em;
border-width: 0 3px 3px 3px;
border-style: solid;
border-color: #F1F2F2;
box-sizing: border-box;
}
.order-history-form form {
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.order-history-form .OrderHistoy-fields {
width: 90%;
}
.order-history-form ol {
margin: 0;
padding: 0;
}
.order-history-form li {
margin-bottom: 15px;
}
.order-history-form label {
display: inline-block;
width: 12em;
color: #595858;
}
.order-history-form input {
width: 57.75%;
}
.order-history-form input[type="text"] {
width: 100%;
}
.order-history-form input[type=text]::placeholder {
text-align: center;
text-transform: uppercase;
color: #666666;
}
.order-history-form .buttons {
text-align: center;
}
.order-history-form .medium-button {
width: 100%;
padding: .5em 9em;
}
.order-history {
display: table;
width: 100%;
clear: both;
}
.page_historyDetail .print-order {
padding-top: 2em;
}
.order-tracking ul {
list-style: none outside none;
}
.order-tracking label:after {
content: ':';
}
.page_historyDetail .payment-status {
color: #f16128;
text-transform: uppercase;
}
.page_historyDetail .payment-status label {
color: #666666;
font-weight: bold;
display: none;
}
.page_historydetail .summary .total {
width: 600px;
}
.page_historydetail .summary .total .label {
width: 32%
}
.page_historydetail .summary .total .value {
width: 68%;
}
.page_historyDetail .basket .summary {
clear: both;
float: right;
}
.order-shipping-options {
clear: left;
}
.page_historyDetail .order-shipping-options {
display: none;
}
.page_historyDetail .order-payment {
display: inline-block;
}
.page_historyDetail .main-content > h2 {
clear: both;
padding-top: 2em;
margin-top: 0 !important;
}
.accountTable .rightTd {
padding-left: 5px;
text-align: right;
}
.accountTable .rightTd .imgDiv {
text-align: center;
padding-left: 26px;
}
.accountPagingTopDiv {
padding-bottom: 2px;
*padding-bottom: 4px;
}
.accountTable .padding {
padding: 5px;
}
.accountTable .rounded {
width: 175px;
}
.rightAccountNav {
width: 175px;
position: absolute;
margin-left: 710px;
margin-top: -40px;
text-align: right;
}
.rightAccountNav .rounded {
padding: 5px;
}
.accountTable .rounded .sb-inner,.rightAccountNav .rounded .sb-inner {
background: none;
}
.accountTable .rounded .sb-border,.rightAccountNav .rounded .sb-border {
background: #E5E5E5;
}
.accountTable td {
padding-right: 5px;
}
.accountTable div {
padding: 2px 0;
}
.accountTable .mainInfo,.accountTable .billing,.accountTable .shipping,.accountTable .payment
{
padding-bottom: 5px;
}
.accountTable b {
color: #456494;
}
.accountTable .leftTd div a {
margin-left: 15px;
position: absolute;
z-index: 100;
}
.accountTable .loginMessage {
padding-top: 5px;
}
.accountTable .tableBorders {
border-collapse: collapse;
}
.accountTable .tableBorders td,th {
border: 1px solid #CFCFCF;
padding: 4px;
}
.accountTable .tableBorders th {
color: #f16029;
}
.accountTable .tableBorders .odd {
background: #F4F7F2;
}
.orderHistorySummaryTable {
border-collapse: collapse;
border: 1px solid #CFCFCF;
}
.orderHistorySummaryTable td {
padding: 8px 2px;
}
.orderHistorySummaryTable th {
background-color: #DCDDDF;
text-align: left;
}
.orderHistorySummaryTable th h3 {
color: #000000;
}
.orderHistorySummaryTable td.noPadding {
padding: 0;
}
.orderHistorySummaryTable tr.odd td,.orderHistoryDetailItemsTable tr.odd td
{
background-color: #F4F7F2;
}
.orderHistorySummaryTable tr:hover td {
background-color: #DCDDDF;
cursor: pointer;
}
.orderHistorySummaryTable tr.odd td,.orderHistorySummaryTable tr.even td
{
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
}
.orderHistorySummaryTable tr.first td {
border-top: 1px solid #CFCFCF;
}
/* user list */
.users-list {
padding-bottom: 1em;
display: table;
width: 100%;
}
/* primary user */
.users-list .user-even-primary-self,.users-list .user-odd-primary-self,.user-even-primary-inactive,.users-list .user-odd-primary-inactive,.users-list .user-even-primary-self-editing,.users-list .user-odd-primary-self-editing
{
font-weight: bold;
}
/* even user */
.users-list .user-even,.users-list .user-even-inactive,.users-list .user-even-primary-self,.users-list .user-even-editing,.users-list .user-even-inactive-editing,.users-list .user-even-inactive-editing,.users-list .user-even-primary-self-editing,.users-list .new-user-even
{
border-bottom: 1px solid #CDCDCD;
}
/* odd user */
.users-list .user-odd,.users-list .user-odd-inactive,.users-list .user-odd-primary-self,.users-list .user-odd-editing,.users-list .user-odd-inactive-editing,.users-list .user-odd-inactive-editing,.users-list .user-odd-primary-self-editing,.users-list .new-user-odd
{
background-color: #E3E3E3;
border-bottom: 1px solid #CDCDCD;
}
/* inactive users */
.users-list .user-even-inactive,.users-list .user-odd-inactive,.users-list .user-odd-inactive-primary,.users-list .user-even-inactive-primary,.users-list .user-odd-inactive-editing,.users-list .user-odd-inactive-editing,.users-list .user-odd-inactive-primary-editing,.users-list .user-odd-inactive-primary-editing,.users-list .new-user-odd-inactive
{
color: #BDBDBD;
border-bottom: 1px solid #CDCDCD;
}
/* primary users */
.users-list .user-even-primary-self,.users-list .user-odd-primary-self,.users-list .user-even-self,.users-list .user-odd-self,.users-list .user-even-primary-self-editing,.users-list .user-odd-primary-self-editing,.users-list .user-even-self-editing,.users-list .user-odd-self-editing
{
font-style: italic;
}
/* even editing user */
.users-list .user-even-primary-self-editing,.users-list .user-even-self-editing,.users-list .user-even-self-editing,.users-list .user-even-inactive-editing,.users-list .user-even-editing
{
background-color: #DFFFD0;
}
/* odd editing user */
.users-list .user-odd-primary-self-editing,.users-list .user-odd-primary-self-editing,.users-list .user-odd-self-editing,.users-list .user-odd-self-editing,.users-list .user-odd-inactive-editing,.users-list .user-odd-editing
{
background-color: #C3F3C3;
}
/* head */
.users-list .head {
border-bottom: 1px solid #CDCDCD;
height: 1.1em;
padding-top: .25em;
display: table-row;
}
/* head titles */
.users-list .head div {
overflow: hidden;
display: table-cell;
font-weight: bold;
}
/* user rows */
.users-list .user-even,.users-list .user-odd,.users-list .user-even-inactive,.users-list .user-odd-inactive,.users-list .user-even-inactive,.users-list .user-even-primary-self,.users-list .user-odd-primary-self,.users-list .user-even-editing,.users-list .user-odd-editing,.users-list .user-even-inactive-editing,.users-list .user-odd-inactive-editing,.users-list .user-even-inactive-editing,.users-list .user-even-primary-self-editing,.users-list .user-odd-primary-self-editing,.users-list .new-user-even,.users-list .new-user-odd
{
clear: both;
height: 24px;
}
/* user row elements */
.users-list .last-name,.users-list .first-name,.users-list .email,.users-list .last-login,.users-list .card-ind,.users-list .edit,.users-list .delete
{
overflow: hidden;
padding: 4px 2px;
}
.users-list .head ~ div {
display: table-row;
}
.users-list .head ~ div > div {
display: table-cell;
}
.users-list .head ~ .new-user-odd, .users-list .head ~ .new-user-even {
display: table-footer-group;
}
.users-list .head ~ .new-user-odd > div, .users-list .head ~ .new-user-even > div {
display: table-row;
}
.users-list .new-user-odd > div > div, .users-list .new-user-even > div > div {
display: table-cell;
}
fieldset.account-user {
clear: both;
}
fieldset.account-user #phone1,fieldset.account-user #phone2 {
width: 3em;
}
fieldset.account-user .phone1-li,fieldset.account-user .phone2-li,fieldset.account-user .phone3-li,fieldset.account-user .phone_ext-li
{
float: left;
}
fieldset.account-user #phone3,fieldset.account-user #phoneExt {
width: 4em;
}
fieldset.account-user .phone2-li label,fieldset.account-user .phone3-li label,fieldset.account-user .phone_ext-li label
{
width: auto;
}
fieldset.account-user .sync_username-li {
clear: both;
}
fieldset.account-user input {
width: 22em;
}
fieldset.account-user input.checkbox {
width: auto;
margin: 0 .3em 0 0;
}
fieldset.account-user #emailOptInInd,fieldset.account-user #storePaymentInfoInd,fieldset.account-user #activeInd
{
width: auto;
margin-left: 12.25em;
}
fieldset.account-user #emailOptInInd,fieldset.account-user #storePaymentInfoInd,fieldset.account-user #activeInd
{
float: left;
clear: left;
}
fieldset.account-user #emailOptInInd-label,fieldset.account-user #storePaymentInfoInd-label,fieldset.account-user #activeInd-label
{
width: auto;
}
.account-payment-container .table {
display: table;
}
.account-payment-container .table-row {
display: table-row;
}
.account-payment-container .table-cell {
display: table-cell;
}
/* Account End */
/* Checkout Start */
.checkoutHistoryPast a {
color: #FFFFFF;
text-decoration: none;
}
.checkoutHistoryPast a:hover {
text-decoration: underline;
}
.checkoutHistoryOn {
color: #FFFFFF;
font-size: 14px;
padding-bottom: 2px;
background-color: #4266C0;
}
.checkoutHistoryFuture {
color: #DDDDDD;
}
.checkoutHistoryTable {
background-color: #f16029;
width: 100%;
height: 27px;
}
.checkoutHistoryTable .separator {
color: #DDDDDD;
}
.checkoutInfo {
width: 600px;
padding-right: 5px;
}
.checkoutNav {
padding-left: 5px;
border-left: 1px solid #CFCFCF;
width: 150px;
min-width: 150px;
max-width: 150px;
}
.checkoutContent {
}
.account-payment-container h2 {
text-align: left;
}
.ccTable .label,.discountApplyTable .label,.giftCertificateApplyTable .label
{
width: 110px;
}
.paymentPlanTable {
}
.titlebarText a.button {
font-size: 10px;
}
.verifyTable .padding {
padding: 6px 0;
}
.verifyTable .label {
white-space: nowrap;
}
.verifyTable .titleBarText {
padding-top: 3px;
border-bottom: 1px solid #CFCFCF;
background-color: #DCDDDF;
color: #000000;
font-size: 12px;
height: 24px;
}
.verificationTable .verifyTable h1 {
border-top: 1px solid #CFCFCF;
font-size: 14px;
}
.verificationTable .verifyTable h2 {
font-size: 12px;
}
.verificationTable .basketTable {
width: 100%;
}
.verificationTable .border table td {
padding: 3px 10px;
}
.verificationTable .border {
border: 1px solid #CFCFCF;
padding: 0;
}
.verificationTable .border table td {
padding: 3px 10px;
}
.verificationTable td.hr {
border-top: 1px solid #CFCFCF;
}
.checkoutInfo h5 {
font-size: 11px;
font-weight: bold;
}
.shippingAddressesTable {
border-color: #CFCFCF;
border-style: solid;
border-width: 1px 0;
}
.shippingAddressesTable tr.odd td {
background-color: #F4F7F2;
}
.shippingAddressesTable .button {
margin-bottom: 2px;
}
.shippingAddressesTable .addressLabel span {
font-size: 9px;
color: #456494;
}
.checkoutInfo .basketTable {
border-collapse: collapse;
}
.checkoutInfo .basketTable th {
border-color: #CFCFCF;
border-style: solid;
border-width: 0 0 1px 0;
}
.checkoutInfo .basketTable .address {
font-size: 11px;
color: #456494;
}
.checkoutInfo .basketTable .padding {
padding: 2px 0;
}
.checkoutInfo .mainAddress {
color: #456494;
border-top: 1px solid #CFCFCF;
padding: 4px 0;
}
.showErrorField {
background-color: #EEAAAA;
}
.checkoutInfo label.button {
padding: 1px 4px;
}
.checkoutInfo .upsStdMessage {
border-top: 1px solid #CFCFCF;
padding: 4px 0;
}
.checkoutInfo .estimatedShippingTotal {
border-top: 1px solid #CFCFCF;
padding: 4px 0;
text-align: right;
}
/* Checkout End */
.index {
width: 100%;
}
.index .indexMiddleTD {
width: 50%;
}
.index .indexRightTD {
width: 50%;
}
.loginMainTable {
width: 100%;
}
.loginMainTable .titleBarText {
width: 100%;
color: #f16029;
font-weight: bold;
}
.coOptions .leftTd {
border-right: 1px solid #CFCFCF;
}
.coOptions b {
color: #f16029;
}
.contentDebug {
border: 1px solid #DDDDDD;
background: #DDDDDD;
padding: 2px;
}
.contentDebug:hover {
background: #000000;
}
.attention,.alert,.required,.errorImage {
color: #f16128;
}
.note {
font-style: italic;
}
.page_index .message-group {
position: absolute;
z-index: 1;
}
.message-group {
padding: .25em;
width: 100%;
}
.message-group.in-popup {
position: absolute;
z-index: 100;
opacity: 0;
visibility: hidden;
right: 0;
transition: all .25s;
}
.message-group.active {
visibility: visible;
opacity: 1;
}
.message-group div {
border-radius: .5em .5em 0 0;
box-shadow: .1em .5em 1.25em #DDD;
}
.message-group h2 {
font-size: 1.5em;
margin: 0 0 .5em 0;
}
.message-group .severe {
border: 1px solid #AA0000;
border-radius: 4px;
padding: 2px 6px;
background-color: #FFEEEE;
color: #333;
}
.message-group .severe h2 {
color: #AA0000;
}
.message-group .warning {
border: 1px solid #EE0000;
padding: 2px;
background-color: #EEDDDD;
}
.message-group .warning h2 {
color: #FF0000;
}
.message-group .info {
border: 1px solid #00EE00;
padding: 2px;
background-color: #EEFFEE;
}
.message-group .info h2 {
color: #009900;
}
.message-group .info div {
text-align:center;
}
.message-group .note {
border: 1px solid #0000EE;
padding: 2px;
background-color: #FFFFEE;
}
.message-group .note h2 {
color: #000099;
}
div.promoMessage {
border: 1px solid #A0A0DD;
padding: 4px;
margin-bottom: 2px;
}
div.promoMessage div {
color: #AA0000;
font-weight: bold;
}
.flare {
display: none;
background: #D0D5FF;
color: #4266C0;
padding: 3px;
border: 1px solid #CFCFCF;
position: absolute;
font-weight: bold;
}
/** Checkout */
.co-options-container {
width: 39%;
margin: auto;
}
.page_coOptions .radio-group label {
display: flex;
margin-bottom: 1em;
}
.page_coOptions .radio-group label.active {
font-weight: bold;
}
.page_coOptions .radio-group label input {
margin-right: .5em;
}
.page_coOptions .radio-group label span {
display: inline-block;
width: 90%;
}
.page_coOptions .options-wrapper {
border: .1em solid #f16128;
padding: 1.5em 2em 2em;
background: #FFEEEA;
}
.page_coOptions .options-wrapper > div > div {
line-height: 1.3em;
padding: .5em 0;
font-weight: bold;
}
.page_coOptions .checkout-container .large-button {
width: 241px;
background-color: #f16128;
}
.page_coOptions h1 {
color: #f16128;
font-size: 19px;
text-align: center;
}
.page_coOptions h2 {
color: #f16128;
font-weight: bold;
margin: 0;
padding: 0;
line-height: inherit;
}
.page_coOptions .options-wrapper > div {
height: 0;
visibility: hidden;
opacity: 0;
transition: all .5s;
}
.page_coOptions .options-wrapper > div.active {
height: auto;
visibility: visible;
opacity: 1;
}
.page_coOptions .login {
text-align: center;
}
.page_coOptions .login fieldset ol li {
margin: 1em 0 0 0;
}
.page_coOptions fieldset.buttons {
text-align: center;
}
.page_coOptions .login fieldset.buttons input {
margin-top: 1em;
}
.page_coOptions .login input[type=text], .page_coOptions .login input[type=password] {
padding-left: .5em;
}
.page_coOptions h1 {
color: #f16128;
font-size: 19px;
text-align: center;
}
.page_coOptions h1.create-an-account-h1 {
margin-top: 40px;
}
.page_coOptions .login-container h1 {
margin-top: 0;
margin-bottom: 11px;
}
.checkout-container .proceed-to-checkout {
color: #666666;
line-height: 20px;
padding-bottom: 15px;
padding-right: 5px;
}
.page_coOptions .login .small-button {
width: 90px;
background-color: #f16128;
margin: 5px 0;
color: #fff;
text-transform: uppercase;
height: 26px;
border: 0;
cursor: pointer;
font-size: 12px;
}
.page_coOptions .login label {
font-size: 13px;
color: #666666;
text-align: left;
padding-bottom: 3px;
}
.page_coOptions .returning-customers-links {
margin: 5px 0;
}
.page_coOptions .returning-customers-links a {
color: #f16128;
text-decoration: underline;
font-size: 12px;
padding: 0 2px;
}
.page_coOptions .main-content .login-container {
width: 249px;
height: 206px;
margin-top: 18px;
float: right;
}
.page_coOptions fieldset.login-fields ol li {
margin: 10px 0;
}
.login-fields .attention {
display: block;
text-align: left;
}
.login-container h2 {
text-align: left;
text-transform: none;
margin: 5px 0;
font-size: 13px;
color: #666666;
}
.checkout-container .proceed-to-checkout-txt {
color: #666666;
line-height: 20px;
padding-bottom: 15px;
padding-right: 5px;
}
.page_coOptions .login-container .login-fields input {
font-size: 1.3em;
width: 92%;
padding-left: 5px;
}
ol.misc-options-list {
margin: 0;
padding: 0;
}
.page_verification .po-number {
display: none;
}
.page_verification .crumbs {
background-position: 0 -50px;
}
.page_verification h2 {
text-transform: uppercase;
color: #f16128;
text-align: left;
}
.page_verification h2 a {
background-color: #FFEBE3;
color: #F16128;
float: right;
font-size: 13px;
font-weight: bold;
padding: 7px 29px;
text-decoration: underline;
}
.page_verification .border-container h2 {
color: #f16128;
padding: 10px 0;
text-align: left;
}
.page_verification .border-container .verification h2 {
color: #f16128;
}
.page_verification h3 {
text-transform: uppercase;
color: #f16128;
display: none;
}
.left-verification {
padding-top: 1em;
vertical-align: middle;
}
.left-verification .medium-button {
margin-top: .5em;
}
.page_thankyou .icon-menu {
visibility: hidden;
}
.page_thankyou .my-account-icon, .page_thankyou .searchFormDiv, .page_thankyou .top-nav-section1-wrapper .basket-icon, .page_thankyou .top-nav-category-container {
display: none;
}
.page_thankyou .checkout-separator, .checkout-separator h1 {
background: #000;
color: #FFF;
display: block;
text-align: left;
padding-left: 1rem;
line-height: 3rem;
}
ol.attribute-list {
padding: 0;
}
.opt-ins label {
display: block;
margin-left: 2em;
padding-top: 3px;
padding-bottom: 5px;
}
.opt-ins input {
float: left;
}
.misc-options legend {
display: none;
}
fieldset.personal-use label {
color: #585858;
font-size: 12px;
}
.copy-address {
display: inline-block;
line-height: 17px;
margin-bottom: 10px;
}
.copy-address .use-for-billing-ind-label,.copyAddress input {
float: left;
}
fieldset.copy-address input {
float: left;
margin: 0px 5px 0 0;
}
.checkout #use-for-shipping-ind,.checkout #use-for-billing-ind {
margin-left: 12em;
width: auto;
}
.billing-fields label.use-for-shipping-ind,.shipping-fields label.use-for-billing-ind
{
width: auto;
}
.billing-fields .area-code-right,.shipping-fields .area-code-right,.billing-fields .phone-ext-label,.shipping-fields .phone-ext-label
{
margin-right: .5em;
}
.misc-options-list .checkbox-box {
position: relative;
top: 0px;
}
.checkout .attention {
font-weight: normal;
}
.ups-required-message {
clear: both;
padding: 1em 0;
}
.ups-required-message .center {
text-align: center;
}
.summary .total {
clear: both;
}
.summary .total .label,.summary .total .value {
width: 85%;
float: left;
}
.summary .total .label {
width: 15%
}
.summary .inline-discounts div {
padding-bottom: 1px;
}
.summary .grand-total {
clear: both;
font-weight: bold;
margin-top: 1px;
padding: 10px 0;
}
#what-is-this {
margin-left: 1em;
cursor: pointer;
font-size: 10px;
color: #f16128;
text-decoration: underline;
}
.cvc-container-popup .head .title,.cvc-container-popup .body .row .cell {
width: 32%;
float: left;
padding: .25em;
}
.cvc-container-popup .head .title {
font-weight: bold;
border-bottom: .1em solid #CDCDCD;
}
.cvc-container-popup .body,.cvc-container-popup .row {
clear: both;
}
.cvc-container-popup .body .row:first-child {
border-bottom: .1em solid #CDCDCD;
}
.cvc-container-popup .row {
display: inline-block;
width: 100%;
}
.cvc-container-popup img {
max-width: 100%;
height: auto;
}
.confirmation-container .confirmation {
margin-bottom: 1em;
}
.verification-shipping,.verification-billing,.verification-shipping-options,.verification-payment,.commit
{
width: 100%;
float: right;
margin-bottom: 1em;
}
.verification-shipping-options,.commit {
clear: left;
}
.verification-shipping-options .anticipated-delivery {
padding-top: 1em;
}
.verification-shipping-options .anticipated-delivery-container {
border: 1px solid #f16128;
color: #f16128;
padding: 1em;
background: #FFEBE3;
}
.verification-shipping-options .total-estimated-time {
font-weight: bold;
}
.verification-shipping-options .transit-time-text {
display: none;
}
.commit {
float: right;
}
.page_verification .basket {
font-size: 14px;
}
.page_verification li,.page_verification .name,.page_verification .shipping-option
{
}
.page_verification .name {
color: #F16128;
font-size: 14px;
}
.page_verification .cell-name .product-id {
padding-top: 2px;
}
.page_verification .basket {
border: 1px solid #CDCDCD;
margin-bottom: 15px;
padding: 30px;
display: inline-block;
width: 100%;
}
.page_verification .verification .left, .page_verification .verification .right {
border: 1px solid #CDCDCD;
min-height: 320px;
padding: 1em;
margin-bottom: 1em;
float: none;
width: 100%;
}
.page_verification .verification .left {
margin-right: 20px;
}
.page_verification .border-container {
display: inline-block;
}
.verification .email-opt-ins {
line-height: 15px;
margin-top: 10px;
}
.verification .email-opt-ins {
line-height: 15px;
}
.page_verification .buttons {
float: right;
margin-bottom: 10px;
}
.page_verification .checkout-container {
margin-bottom: 30px;
}
.page_verification .checkout-container ~ input {
line-height: 1rem;
}
.page_verification .basket .summary {
clear: both;
float: right;
min-height: 64px;
text-align: right;
width: 230px;
}
.sub-total,.page_verification .shipping-total,.page_verification .tox-total,.page_verification .grand-total
{
height: 22px;
}
.page_verification .basket .summary .label,.page_verification .basket .summary .gst-label,.page_verification .basket .summary .hst-label,.page_verification .basket .summary .pst-label,.page_verification .basket .summary .qst-label,.page_verification .basket .summary .value
{
float: none;
}
.basket .summary .value {
width: 75px;
}
.summary .grand-total {
clear: both;
font-weight: bold;
margin-top: 1px;
padding: 10px 0;
}
.page_verification .sub-total,.page_verification .shipping-total,.page_verification .tox-total,.page_verification .grand-total
{
height: 22px;
}
.basket .item-price-total-title,.basket .item-undiscounted-price-total-title,.basket .cell-item-price-total,.basket .cell-item-undiscounted-price-total
{
min-height: 1em;
text-align: right;
}
.basket .cell-quantity,.basket .cell-price,.basket .cell-item-price-total
{
color: #585858;
padding-left: 0;
}
.page_verification .basket .tax-total {
border-bottom: 1px solid #CDCDCD;
padding-bottom: 10px;
}
.basket .name-title,.basket .additional-data-title,.basket .quantity-title,.basket .price-title,.basket .undiscounted-price-title,.basket .item-price-total-title,.basket .item-undiscounted-price-total-title,.basket .delete-title,.basket .variances-title,.basket .cell-name,.basket .cell-additional-data,.basket .cell-quantity,.basket .cell-price,.basket .cell-undiscounted-price,.basket .cell-item-price-total,.basket .cell-item-undiscounted-price-total,.basket .cell-delete,.basket .cell-variances
{
overflow: hidden;
}
.page_thankyou .cell-image,.page_thankyou .description {
display: inline-block;
float: left;
overflow: hidden;
}
.page_thankyou .item-odd,.page_thankyou .item-even {
clear: left;
}
.page_thankyou .item-odd div,.page_thankyou .item-even div {
margin-right: 1em;
}
.basket .summary .label,.basket .summary .gst-label,.basket .summary .hst-label,.basket .summary .pst-label,.basket .summary .qst-label,.basket .summary .value
{
display: inline-block;
float: left;
padding: 2px 0;
text-align: right;
}
#verification-back {
background: #23538A;
text-shadow: none;
font-weight: normal;
font-size: 14px;
}
#complete-order-button {
background: url("../images/medium-button.jpg") no-repeat scroll 0 0
#F16128;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 1em;
height: 30px;
padding: 8px;
text-transform: uppercase;
width: 210px;
}
.page_thankyou h1 {
font-size: 16px;
text-align: left;
}
.page_thankyou .confirmation-container {
border: 1px solid #EAEBED;
padding: 10px;
}
.page_thankyou .order {
color: #34AADF;
}
.page_thankyou .account h1 {
font-size: 16px;
margin-bottom: 0;
margin-top: 13px;
}
.page_thankyou .account-create {
background-color: #D8EBF7;
padding: 30px;
margin-bottom: 20px;
margin-top: 10px;
}
.page_thankyou #create-account-button {
margin-top: 10px;
}
.page_thankyou .buttons #contact-button {
float: right;
width: 160px;
}
.page_verification h3 a {
background-color: #D8EBF7;
border: 1px solid #CDCDCD;
color: #23538A;
float: right;
font-size: 12px;
font-weight: bold;
padding: 5px 25px;
text-decoration: underline;
}
.page_verification .commit .buttons {
float: right;
margin-top: 20px;
}
.page_verification .basket .item .cell.quantity,.page_thankyou .basket .item .cell.quantity,.page_historyDetail .basket .item .cell.quantity
{
width: 4.25%;
}
.page_verification .basket .item .cell.price,.page_thankyou .basket .item .cell.price,.page_historyDetail .basket .item .cell.price
{
font-weight: normal;
}
.billing-edit-link,.shipping-edit-link,.shipping-options-edit-link,.payment-edit-link
{
font-size: 12px;
font-weight: normal;
float: right;
background-color: #ffebe3;
text-decoration: underline;
padding: 5px 25px;
color: #f16128;
font-weight: bold;
}
.shipping-options-fields {
margin-top: 6px;
}
.shipping-method-txt {
margin-left: 21px;
}
.shipping-method-txt span {
font-size: 10px;
margin-left: 21px;
}
ul.address li.first-name,ul.address li.last-name,ul.address li.city,ul.address li.state,ul.address li.province,ul.address li.postal-code,ul.address li.postal-code1,ul.address li.postal-code2,ul.address-default li.first-name,ul.address-default li.last-name,ul.address-default li.city,ul.address-default li.state,ul.address-default li.province,ul.address-default li.postal-code,ul.address-default li.postal-code1,ul.address-default li.postal-code2
{
display: inline-block;
padding-right: 1em;
}
ul.address li.phone1,ul.address li.phone2,ul.address li.phone3,ul.address li.phone-ext,ul.address-default li.phone1,ul.address-default li.phone2,ul.address-default li.phone3,ul.address-default li.phone-ext
{
display: inline-block;
}
.comments-list #email,.comments-list #name,.comments-list #customerNumber,.comments-list #orderNumber
{
display: none;
}
fieldset.comments-fields label {
text-transform: uppercase;
color: #23538A;
}
.customer-comments {
width: 351px;
}
.comments-list label {
width: 176px;
}
/*End Checkout*/
#confirmWindow {
position: absolute;
border: 1px solid #f16029;
background: #FFFFFF;
}
#confirmWindow .infoDiv {
border: 1px solid #CFCFCF;
padding: 10px;
width: 280px;
}
#confirmWindow .infoDiv div {
padding: 10px 0;
}
#confirmWindow .title {
color: #FFFFFF;
background: #f16029;
padding: 2px;
font-weight: bold;
}
.checkboxBox,.radioBox {
border: 0;
}
.errorImage {
text-align: center;
vertical-align: middle;
}
.serialFormDiv .errorImage {
display: none;
}
.serialFormDiv .msg {
margin-top: 10px;
padding: 2px;
}
.tablePriceListLabel {
font-weight: bold;
}
.tablePriceList {
border-collapse: collapse;
border: 1px solid #CFCFCF;
}
.tablePriceList td {
border: 1px solid #CFCFCF;
padding: 4px;
}
.border { /*border: 1px solid #CFCFCF;*/
}
.noBorder {
border: 0 !important;
}
.borderBottom {
border-bottom: 1px solid #CFCFCF !important;
}
.floatRight {
float: right;
}
.receiptDiv {
color: #000000;
background-color: #FFFFFF;
}
.receiptDiv .titleBarText,.receiptDiv h1,.receiptDiv h2 {
color: #000000;
}
.receiptDiv hr {
color: #000000;
}
.receiptHeader {
text-align: center;
padding-bottom: 10px;
}
.paypalTag {
padding: 8px 0 2px;
}
.paypalTag img {
float: right;
}
.googleCheckout input {
border: 0;
}
.accountCreateTable {
width: auto;
}
.pagedetail .reviewBox {
margin-top: 1em;
}
.itemDetailTable .description {
padding: 4px 0;
}
.itemDetailTable .shortDescription {
padding-top: 3px;
text-align: center;
}
.itemDetailTable h2.productId {
color: #000000;
margin-top: 0;
font-size: 12px;
}
.itemDetailTable .links {
float: right;
width: 150px;
margin-left: 4px;
}
.itemDetailTable .links div {
text-align: center;
padding: 5px;
}
.itemDetailTable .links .rounded .sb-inner {
background: none;
}
.itemDetailTable .links .rounded .sb-border {
background: #E5E5E5;
}
.itemDetailTable .links div a {
color: #EC732E;
}
.itemDetailTable .links div a:hover {
text-decoration: none;
}
.itemDetailTable .data {
padding: 0 5px;
}
.itemDetailTable .additionalData .resource {
padding: 2px 0;
}
.itemDetailTable .additionalData .size,.itemDetailTable .additionalData .handing,.itemDetailTable .data .color,.itemDetailTable .data .related
{
padding: 2px 0;
}
.itemDetailTable .additionalData .size span,.itemDetailTable .additionalData .handing span
{
font-weight: bold;
}
.itemDetailTable .data .padding {
padding: 5px;
}
.itemDetailTable .data .color { /*width: 125px;*/
/*padding-left: 15px;*/
}
.itemDetailTable .detailAttributesTable .colorTD {
padding-right: 15px;
}
.itemDetailTable .data .color img {
border: 1px solid #ADADAF;
width: 66px;
height: 33px;
}
.itemDetailTable .data .color span {
font-weight: bold;
}
.itemDetailTable .data .related {
width: 230px;
}
.itemDetailTable .data .related div span {
font-size: 10px;
}
.itemDetailTable .data .related a img {
width: 26px;
height: 20px;
border: 1px solid #ADADAF;
margin: 0 10px 10px 0;
}
.itemDetailTable .data .related a:hover img {
border: 1px solid #CFCFCF;
}
.itemDetailTable .data .pricingQty {
height: 25px;
}
.itemDetailTable .data .pricing,.itemDetailTable .data .quantity {
float: left;
min-height: 20px;
}
.itemDetailTable .data .priceColor {
font-size: 16px;
font-weight: bold;
}
.itemDetailTable .data .quantity .label {
font-weight: bold;
}
.itemDetailTable .data .quantity {
padding-left: 20px;
*margin-top: -2px;
}
.itemDetailTable .data .optIn {
text-align: left;
clear: both;
}
.itemDetailTable #mainImage {
border: 1px solid #adadaf;
cursor: pointer;
}
.addToCartButton {
background: transparent url(../images/addToCart.png) no-repeat;
width: 129px;
height: 30px;
border: 0 !important;
}
.orderHistoryDetailItemsTable th,.statusTable th {
border: 0;
border-bottom: 1px solid #CFCFCF;
}
.orderHistoryDetailItemsTable h3.productId span.colon {
display: none;
}
h1.name {
margin: 20px 0 4px 0;
color: #000000;
}
.itemListTable .itemListButtonTD {
border-bottom: 1px solid #CFCFCF;
padding-bottom: 15px;
}
.itemListTable .itemListButtonTD .addToCartButton {
margin-top: 10px;
position: relative;
}
.itemListTable .itemListButtonTD div.center {
text-align: center;
}
.itemListTable h2 {
margin: 0 0 4px 0;
font-size: 12px;
}
.searchHeader {
font-weight: bold;
font-size: 16px;
}
.searchHeader span {
color: #f16029;
}
.numberOfItems {
padding-top: 6px;
}
.searchFacets {
margin-bottom: 6px;
border-bottom: 1px solid #CFCFCF;
}
.searchFacets h2 span {
font-size: 10px;
cursor: pointer;
}
.searchFacets .searchFacetsTable td {
padding: 4px 10px 4px 0;
}
.searchFacets .searchFacetsTable div {
border-bottom: 1px solid #CFCFCF;
}
.searchFacets .searchFacetDiv {
float: left;
padding-right: 10px;
}
.searchFacets .searchFacetDiv ul {
list-style: none outside;
padding: 0;
margin: 0;
}
.searchFacets .searchFacetDiv ul li {
margin: 0px;
padding: 1px 0;
}
.searchFacets .searchFacetDiv div {
border-bottom: 1px solid #CFCFCF;
padding: 2px 0;
}
br.minorPadding {
line-height: .5em;
}
.quickOrderTable .spacer {
width: 60px;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.giftReminderTable tr.odd td {
background-color: #F4F7F2;
}
/* Ajax Search */
.searchResults {
border: 1px solid #CDCDCD;
padding: 2px;
*padding-right: 18px;
position: absolute;
z-index: 8000;
background: #FFFFFF;
margin-top: -1px;
*margin-top: -2px;
max-height: 80px;
overflow-y: scroll;
overflow-x: hidden;
max-width: 450px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.searchResults {
margin-top: -3px;
}
}
.searchResults ul {
list-style: none outside;
margin: 0;
padding: 0;
}
.searchResults ul li a {
display: block;
text-decoration: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #FFFFFF;
}
.searchResults ul li span {
color: #990099;
}
.searchResults ul li a:hover {
border-color: #f16029;
}
.spinner {
z-index: 3000;
}
.spinner-img {
background: transparent url(../images/Clientcide/Assets/waiter/waiter.gif)
no-repeat;
width: 24px;
height: 24px;
}
/* End Ajax Search */
/* FAQ */
.questionAnswers {
border-top: 1px solid #999999;
}
.questionAnswers h1 {
font-size: 12px;
margin: 2px 0;
cursor: pointer;
}
.questionAnswers .questionAnswer {
font-size: 12px;
border-bottom: 1px solid #999999;
}
/* FAQ End*/
.smaller {
font-size: smaller;
}
.textLeft {
text-align: left;
}
.thankyouTable div.thankYou {
font-weight: bold;
font-size: 20px;
}
.thankyouTable div.thankYou a {
font-size: 16px;
}
.thankyouTable .esd {
border: 1px solid #000000;
padding: 2px;
font-weight: bold;
}
.rightDiv {
margin-left: 640px;
position: absolute;
width: 250px;
}
.rightDiv .cartSummary {
padding: 5px;
}
.rightDiv .cartSummary td {
padding: 2px;
}
.rightDiv .cartSummary tr.total td {
padding: 2px 2px 10px;
border-top: 1px solid #E5E5E5;
}
.rightDiv .rounded .sb-inner {
background: none;
}
.rightDiv .rounded .sb-border {
background: #E5E5E5;
}
.rightDiv .liveHelp {
margin-top: 20px;
position: relative;
text-align: center;
}
.checkoutTable .label {
text-align: right;
padding-right: 10px;
}
.checkoutTable .other {
padding-left: 80px;
}
.receiptBody {
background: #FFFFFF;
}
.receiptBody .categoryHistoryTable {
display: none;
}
.receiptBody .receiptDiv {
width: 7in;
margin: 0 auto;
overflow: hidden;
}
#waiterDiv {
z-index: 1000;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
}
#waiterDiv .transparent {
width: 100%;
height: 100%;
background-color: #CDCDCD;
opacity: .4;
}
#waiterDiv .content {
width: 300px;
height: 100px;
background: transparent url(../images/8-1.gif) no-repeat center;
}
.noMarginOrPadding {
margin: 0 !important;
padding: 0 !important;
}
.contactLiveHelp {
width: 135px;
float: right;
}
.contactUsMiddle {
float: left;
width: 600px;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.clear {
clear: both;
}
.pagematch .floatLeft.door {
width: 260px;
min-height: 500px;
text-align: center;
}
.pagematch .floatLeft.continue {
width: 590px;
}
.pagematch .overDoorMsg {
width: 210px;
opacity: .4;
margin: 0 0 0 0px;
*margin: 0 0 0 0;
background-color: transparent;
z-index: 100;
text-shadow: 1px 1px #FFF;
margin-left: auto;
margin-right: auto;
}
.pagematch .floatLeft.continue h1 {
color: #000;
}
.pagematch .floatLeft.continue .color span {
padding-right: 1em;
position: relative;
top: -9px;
}
.pagematch .floatLeft .continue .hardwareFinish span {
padding-right: .5em;
}
.hardwareFinish span {
position: relative;
padding-bottom: 5px;
}
.hardwareFinish img {
margin-left: 4px;
}
.hardwareFinish img {
border: 1px #d6d6d6 solid;
}
.notRightDoor {
margin-bottom: 2em;
margin-top: 4em;
}
.notRightDoor h3 {
color: #000000;
font-size: 14px;
font-weight: normal;
padding-bottom: 4px;
}
.notRightDoor input[type=text] {
font-size: 1.25em;
width: 9em;
}
.pagechooser .notRightDoor {
margin: -40px 0 0 322px;
}
.pagechooser .legendMsg {
width: 300px;
text-align: center;
margin-left: 20px;
color: #CCC;
}
.pagematch .padding {
padding: 2px 0;
}
.pagematch .looksGoodDiv {
margin-top: 5px;
}
.bold {
font-weight: bold;
}
.page_chooser .main-content h1 {
color: #f16128;
margin: 0;
}
.page_chooser .main-content h2 {
font-size: 28px;
margin-left: 222px;
margin-bottom: 8px;
}
.page_chooser .main-content p {
margin-bottom: 8px;
margin-left: 381px;
}
.page_chooser .legendMsg {
text-align: left;
margin-left: 20px;
color: #AAAAAA;
}
#mapster_wrap_0 {
margin: auto;
}
#mapster_wrap_0 img {
max-width: 100%;
height: auto;
}
.page_content h1 {
font-size: 30px;
}
/** Thank you */
@media screen {
.printable {
display: none;
}
}
@media print {
.free-shipping-msg-container {
display: none;
}
.top2 .order-status-container, .top2 .live-help-container, .top2 .basket-icon, .footer {
display: none;
}
#print-order-button {
display: none;
}
h1, h2 {
color: #666666;
}
.printable {
display: block;
}
.crumbs {
display: none;
}
.header {
display: none;
}
body {
background: none;
}
.footer {
display: none;
}
.header-checkout {
}
.main-content {
box-shadow: none;
}
.printable .confirmation, .printable h1 {
display: none;
}
.receipt {
clear: both;
margin-top: 40px;
}
.receipt-shipping
{
float: left;
width: 40%;
}
.receipt-payment {
width: 40%;
float: left;
}
.receipt-payment .po-number {
display: none;
}
ul li {
list-style: none;
}
.page_thankyou .confirmation-container {
border: none;
}
.quantity {
display: none;
}
h3 {
display: none;
}
.basket .name-title, .basket .cell-name {
min-height: 1em;
width: 190px;
word-wrap: normal;
}
.basket .cell-name {
float : left;
}
.basket .cell-quantity, .basket .cell-item-price-total {
padding-top: 0;
}
.basket .cell-quantity {
width: 50px;
margin-right: 20px;
}
.basket .cell-item-price-total {
width: 105px;
}
.basket .cell-quantity span {
display: none;
}
.basket .item-even, .basket .item-odd {
height: 10px;
padding: 10px 0;
}
.basket .description {
width: 465px;
float: left;
}
.topNav, .footer, .belowFooter, .cell-price, h1 {
display: none;
}
.basket .head {
display: block;
border: none;
}
.basket .head .name-title {
width: 770px;
float: left;
}
.basket .cell-image {
width: 80px;
margin-right: 35px;
float: left;
}
.basket .head .item-price-total-title {
width: 140px;
}
.basket .additional-data-title {
width: 0;
}
.basket .price-title {
display: none;
}
.basket .item-even, .basket .item-odd {
width: 960px;
}
.receipt h2 {
text-align: left;
margin-top:30px;
}
.basket .cell-price {
display: none;
}
.page_thankyou .confirmation-container .confirmation {
padding: 40px 0;
}
.basket .summary {
clear: both;
float: right;
}
.basket .tax-total {
clear: both;
}
.top2-outer, .top3-outer {
display: none;
}
.page_historyDetail .basket .cell-name {
width: 765px;
}
.page_historyDetail .basket .cell-quantity, .page_historyDetail .basket .quantity-title {
width: 63px;
text-align: center;
}
.page_historyDetail .basket .item-even, .page_historyDetail .basket .item-odd {
width: auto;
}
} /* end media print */
.removeFormDiv {
padding-top: 20px;
}
.verisignSeal {
display:inline-table;
}
.message-group .severe h2 {
display:none;
}
.message-group .severe:before {
content: 'Oops! ';
color:#AA0000;
font-size: 20px;
}
.contactH1 {
color: #4d4d4d;
font-family: "proxima-nova-n4","proxima-nova",sans-serif;
font-size: 52px;
font-weight: 400;
line-height: 52px;
margin: 20px 0 13px;
}
.contact-div {
color:#000;
text-align:center;
font-size: 16px;
width:100%;
}
.contactBody {
text-align:center;
font-size:14px;
}
.page_contactUs .main-content h3, p {
font-size:16px;
}
.line {
border-bottom:1px solid #e5e5e5;
padding:25px 0px;
margin-bottom: 8px;
}
.line h3 {
font-size:14px;
}
.accountCreateCopy{
text-align:center;
font-weight:bold;
}
.accountCreateCopy a {
white-space: nowrap;
}
.page_instructionGuides h1 {
font-size: 27px;
margin: 0.5em 0 1em;
}
.page_instructionGuides h1 img {
vertical-align: middle;
padding-right: 15px;
}
.serial-number-container {
width: 500px;
background-color: #f3f3f3;
margin: 0 auto;
}
.serial-number-container .serialFormDiv, .serial-number-container .serial-number-top {
padding: 15px 25px;
text-align: center;
}
.serial-number-container .serial-number-top {
padding-top: 40px;
}
.serial-number-container .serialFormDiv {
border-bottom: 1px solid #c9c9c9;
padding-bottom: 40px;
}
.serial-number-container .serial-number-call {
padding: 20px 40px;
border-top: 1px solid #ffffff;
text-align: center;
}
.serial-number-container .serial-number-call p {
font-size: 1.2em;
line-height: 1.6em;
}
.page_instructionItems h1 {
font-size: 27px;
margin: 0.5em 0 1em;
text-align: center;
}
.additional-resources span {
color: #f16128;
font-size: 1.4em;
}
.additional-resources span:hover {
color: #f16128;
}
.additional-resources a {
display: inline-block;
padding: 0;
text-align: left;
color: #7e7e7e;
text-decoration: underline;
}
.additional-resources a:hover {
opacity: .85;
}
.additional-resources p {
display: inline;
margin: 7px 35px 7px 0;
text-align: center;
}
.additional-resources {
margin: 10px 0;
padding: 80px 20px 20px;
text-align: center;
clear: both;
}
.additional-resources span {
display: block;
margin-bottom: 15px;
color: #f16128;
}
.instruction-items-container {
display: flex;
}
.instruction-items-container .left-nav {
background: #fff2ef none repeat scroll 0 0;
border: 0.1em solid #f16128;
float: left;
padding: 1em 0em;
width: 21%;
}
.instruction-items-container .title {
color: #f16128;
font-size: 1.3em;
padding: 0.5em 1em;
text-transform: uppercase;
}
.instruction-items-container .category {
cursor: pointer;
padding: .7em 2.3em;
font-size: 1.1em;
transition: color .5s .1s;
color: #f16128;
}
.instruction-items-container .category.active {
background: #F16128;
color: #FFF;
position: relative;
}
.instruction-items-container .category.active:after {
border-bottom: 18px solid transparent;
border-left: 18px solid #f16128;
border-top: 18px solid transparent;
content: "";
height: 0;
position: absolute;
right: -1.3em;
top: 0;
width: 0;
}
.instruction-items-container .category.Glass.active:after {
height: 1em;
}
.instruction-items-container .resources-container {
display: flex;
flex-direction: column;
margin-left: 5em;
width: 65%;
}
.instruction-items-container .resource {
visibility: hidden;
opacity: 0;
border-bottom: .1em solid #e5e5e5;
display: inline-block;
padding: 0;
width: 100%;
height: 0;
transition: visibility 0s, opacity 0.5s linear;
}
.instruction-items-container .resource.active {
visibility: visible;
height: auto;
padding: 1em;
opacity: 1;
}
.instruction-items-container .image, .instruction-items-container .item-info, .instruction-items-container .instructions {
float: left;
}
.instruction-items-container .image {
border: 1px solid #e5e5e5;
}
.instruction-items-container .item-info {
padding: 4em 1.5em;
width: 16em;
}
.instruction-items-container .name {
color: #000;
font-size: 1.3em;
line-height: 1.3em;
margin-bottom: 3px;
}
.instruction-items-container .product-id {
font-size: 1em;
}
.instruction-items-container .product-id:before {
content: 'Part Number ';
}
.instruction-items-container .instructions {
padding-top: 4em;
float: right;
}
.instruction-items-container .resource a {
display: block;
font-weight: normal;
letter-spacing: 0.1em;
margin-bottom: 1em;
padding: 0.55em;
}
.supportCenter table {
width: 100%;
}
.no-results .supportCenter table {
border-spacing: 2.5em;
}
.supportCenter table td a {
display: block;
padding: 30px 40px;
text-align: center;
}
.supportCenter table td a:hover {
text-decoration: none;
}
.supportCenter table td .sublinks a:hover {
opacity: .7;
}
.supportCenter table td .additional-resources a {
display: inline-block;
padding: 0;
text-align: left;
color: #7e7e7e;
text-decoration: underline;
}
.supportCenter .additional-resources a {
color: #7e7e7e;
}
.supportCenter table td a img {
display: inline-block;
height: 74px;
padding: 0 8px;
text-align: center;
}
.supportCenter table td {
border: 1px solid #fee3d2;
width: 33.333%;
transition: all 0.5s ease;
}
.supportCenter td:hover {
background: #f16128;
color: #fff;
}
.no-results .supportCenter td {
padding: 1.5em;
}
.no-results .supportCenter td:hover {
color: inherit;
}
.supportCenter h1 {
padding: 25px 0 15px;
}
.no-results .supportCenter h1 {
font-size: 2em;
}
.no-results hr {
color: #FFF;
}
.supportCenter span {
display: block;
font-size: 1.4em;
padding: 15px 0 10px;
text-align: center;
}
.supportCenter h3 {
color: #f16128;
display: inline-block;
font-size: 1.2em;
font-weight: normal;
padding: 2px 0 15px;
text-align: center;
}
.supportCenter h3:first-child {
margin-right: 20px;
}
.supportCenter table td h3 a {
text-decoration: underline;
font-size: 1.25em;
padding: 0;
}
.supportCenter table .guides a {
display: inline-block;
padding: 3px;
text-align: center;
}
.supportCenter table .guides {
text-align: center;
}
.supportCenter .sublinks {
text-align: center;
}
.supportCenter p {
font-size: 1.25em;
padding: 0;
margin: 7px 0;
}
.supportCenter .additional-resources p {
display: inline;
margin: 7px 35px 7px 0;
text-align: center;
}
.supportCenter .support-promo {
text-align: center;
padding: 10px;
}
.supportCenter .additional-resources {
margin: 10px 0;
padding: 20px;
text-align: center;
}
.supportCenter .additional-resources span {
display: block;
margin-bottom: 15px;
color: #f16128;
}
.supportCenter td:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff0ea+0,ffffff+100 */
background: #fff0ea; /* Old browsers */
background: -moz-linear-gradient(top, #fff0ea 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fff0ea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fff0ea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0ea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.supportCenter td .additional-resources span {
color: #f16128;
}
.supportCenter td .additional-resources span:hover {
color: #f16128;
}
.supportCenter td.resources {
background: #fff;
color: inherit;
}
.supportCenter td .additional-resources a:hover {
opacity: 0.85;
}
.supportCenter .support-search {
padding: 15px;
margin: 10px;
background-color: #f16128;
}
.supportCenter .support-search #searchTermSupport {
color: #b7b3b8;
font-size: 1.3em;
height: 23px;
padding-left: 5px;
width: 842px;
float: left;
}
.no-results table p:last-child {
font-style: italic;
}
.no-results table p img {
display: block;
margin: auto;
}
.no-results table .large-button {
padding: .2em 4em;
line-height: 2.5em;
font-weight: bold;
font-style: normal;
margin: auto;
}
.no-results p strong {
color: #F16128;
font-family: helvetica;
font-size: 1.5em;
display: block;
text-align: center;
margin: .8em;
}
.search-term-not-found {
box-sizing: border-box;
}
.search-term-not-found h1 {
border-bottom: .01em solid #AAA;
}
.search-term-not-found .container {
display: flex;
justify-content: space-between;
}
.search-term-not-found .container > div, .search-term-not-found .container > div a {
display: inline-flex;
flex-direction: column;
width: 45%;
align-items: center;
border: .1em solid #fee3d2;
}
.search-term-not-found .top-container > div {
min-height: 12em;
}
.search-term-not-found .container > div:hover {
background: linear-gradient(to bottom, #fff0ea 0%,#ffffff 100%);
}
.search-term-not-found .container > div a {
width: 100%;
padding: 1em;
border: 0;
}
.search-term-not-found .container > div a > *, .search-term-not-found .container > div > * {
padding-bottom: .5em;
}
.search-term-not-found .bottom-container > div {
width: 48.25%;
}
.search-term-not-found .container > div a > strong, .search-term-not-found .container > div > strong {
color: #f16029;
text-transform: uppercase;
padding: .75em 0;
}
.search-term-not-found .container > div > div {
line-height: 1.33em;
max-width: 80%;
}
.search-term-not-found .bottom-container {
padding-top: 2em;
}
.search-term-not-found .large-button, .search-term-not-found .container > div a > .large-button {
padding: 0;
display: block;
line-height: 2.5em;
text-align: center;
}
#searchSubmitSupport {
background: rgba(0, 0, 0, 0) url("../images/icon-mag.png") no-repeat scroll 0 0 / contain ;
border: medium none;
height: 30px;
margin-left: 15px;
padding: 0;
width: 30px;
}
.result-count:after {
content: ' result(s) found';
}
.support-container .left-nav {
background: #fff2ef none repeat scroll 0 0;
border: 0.1em solid #f16128;
padding: 1em 0em;
margin-top: 72px;
display: block;
min-height: auto;
width: auto;
position: initial;
transform: none;
}
.support-container .left-nav a:hover {
text-decoration: none;
color: #333;
}
.support-container .title {
color: #f16128;
font-size: 1.3em;
padding: 0.5em 1em;
text-transform: uppercase;
}
.support-container .category {
font-size: 1.1em;
transition: color .5s .1s;
color: #f16128;
padding: 0 1em;
}
.support-container .category.active {
background: #F16128;
color: #FFF;
position: relative;
}
.support-container .category.active a, .support-container .category.active a:hover {
color: #FFF;
}
.support-container .category.active a:hover {
text-decoration: none;
}
.support-container .category a:hover {
color: #333;
}
.support-container .category a {
display: block;
text-transform: uppercase;
padding: .74em 1em;
}
.support-container .category.active:after {
border-bottom: 18px solid transparent;
border-left: 18px solid #f16128;
border-top: 18px solid transparent;
content: "";
height: 0;
position: absolute;
right: -1.4em;
top: calc(50% - 18px);
width: 0;
}
.support-container .subcategory a {
padding: 0.74em 2em;
text-transform: capitalize;
}
.support-container {
min-height: 400px;
}
.supportContent {
color: #333;
min-height: 400px;
padding: 2em 2.1em;
overflow: auto;
}
.supportContent .breadcrumbs {
text-align: center;
}
.supportContent h1 {
font-size: 1.5em;
margin: 10px 0;
}
.supportContent h2 {
margin: 15px 0;
text-align: left;
font-size: 1.5em;
padding: 5px 0;
clear: both;
}
.supportContent h3 {
clear: both;
color: #f16029;
font-size: 1.3em;
font-weight: normal;
margin-top: 1em;
}
.supportContent .name {
font-weight: bold;
font-size: 1.2em;
}
.supportContent p {
line-height: 1.5em;
font-size: 1.2em;
}
.supportContent p:first-child {
margin-top: 0;
}
.supportContent p a {
text-decoration: underline;
transition: all .5s;
}
.supportContent p a:hover {
text-decoration: none;
}
.supportContent img.left {
float: left;
}
.supportContent .right {
max-width: 375px;
margin-bottom: 2em;
}
.supportContent .medium-button {
display: block;
margin: 2em 0;
height: auto;
}
.supportContent a img:hover {
opacity: .8;
}
.supportContent .careBlocks h2 {
margin: 12px 0 0;
padding: 0;
}
.supportCenter .careBlocks img {
margin-right: 10px;
}
.suppotCenter table td {
border: 1px solid #cdcdcd;
border-collapse: collapse;
padding: 10px;
}
.supportContent ul li {
padding: 0.25em 0;
}
#main-wrapper > div > .rowf > .col + .col ul {
list-style-position: inside;
}
.supportContent ul {
display: inline-block;
padding: 0 0 0 1.5em;
}
.supportContent .download-link {
font-size: 1.1em;
color: #000;
}
.supportContent .download-link a {
color: #000;
}
.supportContent .download-link a:hover {
text-decoration: underline;
}
.supportContent .download-link img {
vertical-align: sub;
margin-right: 5px;
}
.supportContent .pdf-img img {
box-shadow: 0 1px 2px #333;
}
.search-term-not-found {
box-sizing: border-box;
margin-bottom: 2em;
}
.search-term-not-found a {
text-decoration: none;
}
.search-term-not-found .text {
display: block;
color: #666666;
font-style: italic;
line-height: 1.5em;
letter-spacing: .2px;
word-spacing: .5px;
}
.search-term-not-found a:hover strong {
text-decoration: underline;
}
.search-term-not-found h1 {
border-bottom: .01em solid #AAA;
padding-bottom: .5em;
font-size: 2.1em;
text-align: center;
}
.search-term-not-found h2 {
text-align: center;
padding: 0 0 1em 0;
}
.search-term-not-found .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.search-term-not-found .container > div, .search-term-not-found .container > div a {
display: inline-flex;
flex-direction: column;
width: 45%;
align-items: center;
border: .1em solid #fee3d2;
}
.search-term-not-found .container > div:hover {
background: linear-gradient(to bottom, #fff0ea 0%,#ffffff 100%);
}
.search-term-not-found .container > div a {
width: 100%;
padding: 1em;
border: 0;
}
.search-term-not-found .container > div a > *, .search-term-not-found .container > div > * {
padding: 0 2em;
}
.search-term-not-found .container > div a > *, .search-term-not-found .container > div > img {
padding: 0;
}
.search-term-not-found .top-container > div, .search-term-not-found .bottom-container > div {
width: 100%;
min-height: 15em;
}
.search-term-not-found .container > div a > strong, .search-term-not-found .container > div > strong {
color: #f16029;
text-transform: uppercase;
padding: .75em 0;
}
.search-term-not-found .container > div > div {
line-height: 1.33em;
max-width: 80%;
}
.search-term-not-found .bottom-container {
padding-top: 2em;
}
.choose-a-different-category, .customize-size-parts {
margin-bottom: 2em;
}
.search-term-not-found .large-button, .search-term-not-found .container > div a > .large-button {
padding: 0;
display: block;
line-height: 2.05em;
text-align: center;
}
#popupDiv.bb_gallery-box-popup .contentDiv {
display: flex;
flex-direction: column;
padding: 1em;
min-width: 600px;
min-height: 600px;
}
#popupDiv.bb_gallery-box-popup .caption {
order: -1;
font-weight: bold;
font-size: 1.5em;
padding: .25em;
}
.main-image-div {
flex-grow: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
cursor: zoom-in;;
}
.main-image-div::before {
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.main-image-div:hover::before {
content: 'click to enlarge';
position: absolute;
height: calc(1rem + .5px);
bottom: 0;
right: 0;
z-index: 1;
color: #FFF;
background: #f16128;
width: calc(81px + 1rem);
text-align: right;
padding-right: 0.25rem;
clip-path: polygon(0px 1rem, calc(81px + 1rem) 1rem, calc(81px + 1rem) 0, 1rem 0%);
opacity: 1;
visibility: visible;
}
.main-image-div::after {
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.main-image-div:hover::after {
content: '';
background: transparent url('../images/exploded_banner.png') no-repeat bottom right;
width: 5rem;
height: 5rem;
position: absolute;
right: 0;
bottom: 1rem;
opacity: 1;
visibility: visible;
}
#image-gallery {
overflow-y: auto;
overflow-x: hidden;
flex-grow: 0;
text-align: center;
}
#image-gallery img {
width: inherit;
}
#image-gallery > div {
background: #CDCDCD;
width: 2em;
height: 2em;
border-radius: 1em;
cursor: pointer;
margin: .5em 1em 0 1em;
text-align: center;
display: inline-block;
}
#image-gallery > div:first-child {
margin-top: 0;
}
#image-gallery > div img {
display: none;
}
#image-gallery .selected {
background: #777;
}
.related-colors .related-color {
float: left;
margin-right: .25em;
}
.popup {
position: absolute;
z-index: 1001;
}
.popup .medium-button {
border-radius: .5em;
font-weight: bold;
text-transform: lowercase;
}
.popup .links a {
color: #555;
text-decoration: underline;
}
.popup .orange, .popup-common .orange {
color: #f16029;
}
.popup .close {
cursor: pointer;
right: .5em;
top: -1.5em;
position: absolute;
color: #FFF;
}
.popup .close:after {
content: 'X';
text-align: center;
border-radius: 1em;
width: 1.25em;
border: .1em solid #FFF;
position: absolute;
margin: -.35em 0 0 .25em;
font-size: 1.75em;
border-radius: 3em;
}
.popup .wrapper {
background: #FFF;
}
.popup img {
max-width: 100%;
height: auto;
}
#footer-email-popup {
opacity: 0;
visibility: hidden;
max-height: 0;
width: calc(100% - 2.2em);
overflow: hidden;
top: 33% !important;
left: calc(50% - 1.1em) !important;
position: fixed !important;
transform: translate(-50%, -33%);
transition: all .5s;
}
#footer-email-popup.active {
opacity: 1;
visibility: visible;
max-height: 1111em;
overflow: visible;
}
#footer-email-popup .image {
background: linear-gradient(90deg, #555 1%, #656565 5%, #656565 95%, #555 100%);
}
#footer-email-popup input[type=email]::-webkit-input-placeholder {
text-transform: lowercase;
text-align: center;
}
#footer-email-popup input[type=email]:-moz-placeholder { /* Firefox 18- */
text-transform: lowercase;
text-align: center;
}
#footer-email-popup input[type=email]::-moz-placeholder { /* Firefox 19+ */
text-transform: lowercase;
text-align: center;
}
#footer-email-popup input[type=email]:-ms-input-placeholder {
text-transform: lowercase;
text-align: center;
}
#footer-email-popup input[type=email] {
padding: .67em .1em;
width: 13em;
transition: width .5s;
}
#footer-email-popup input[type=email]:focus {
width: 16.25em;
}
#footer-email-popup .timestamp-li, .email-footer-fields .timestamp-li {
display: none;
}
#footer-email-popup label {
display: none;
}
#footer-email-popup .wrapper {
text-align: center;
}
#footer-email-popup .content {
padding: 1em;
}
#footer-email-popup .required-field-text {
display: none;
}
#footer-email-popup .orange {
line-height: 1.75em;
margin: 0 auto .5em auto;
font-size: 1.3em;
}
#footer-email-popup .links {
margin-top: 1em;
}
#footer-email-popup .error {
border-color: #f16029;
transition: all 1s;
}
#waiterDiv.dark {
position: fixed;
}
#waiterDiv.dark .transparent {
opacity: .8;
background: #000;
}
#waiterDiv.dark .content {
display: none;
}
.footer-email-signup-text {
display: inline-block;
letter-spacing: .1em;
}
.footer-email-form {
display: inline-block;
}
.footer-email-form fieldset, .footer-email-form-wrapper {
display: flex;
flex-direction: column;
height: auto;
}
.footer-email-form-wrapper > * {
display: inline-block;
margin: 0;
}
.email-footer-list {
padding: 0;
}
.footer-email-form li {
margin-bottom: 0;
}
.footer-email-form input {
height: 3em;
box-sizing: border-box;
}
.footer-email-li input {
min-width: 19em;
padding: 0 .5em;
text-align: center;
transition: width .5s;
}
.footer-email-li input[type=email] {
padding-left: 1em;
}
.footer-email-form input[type=submit] {
font-weight: bold;
width: 13em;
padding: 0 .3em;
margin: 1em auto 0 auto;
}
.footer-email-form label {
display: none !important;
}
.footer-email-form .required-field-text {
display: none;
}
.footer-email-form img + .attention {
display: none;
}
.no-parts-found {
display: flex;
justify-content: space-between;
padding-left: 3em;
}
.no-parts-found > div {
border: 1px solid #E5E5E5;
padding: 2em 2em 3em 2em;
text-align: center;
flex: 1;
}
.no-parts-found > div:first-child {
margin-right: 2em;
}
.no-parts-found h2 {
font-size: 2.25em;
text-transform: none;
text-align: center;
line-height: 1.35em;
letter-spacing: .067em;
}
.no-parts-found .left-side a {
border: 2px solid #CB4C0C;
font-size: 1.3em;
padding: .25em 1.75em .15em 1.75em;
display: inline-block;
text-align: center;
margin-top: 1em;
text-transform: uppercase;
border-radius: 2px;
transition: background .5s, color .25s;
}
.no-parts-found .left-side a:hover {
text-decoration: none;
background: #CB4C0C;
color: #FFF;
}
.no-parts-found .right-side h2 {
margin-top: .75em;
}
.no-parts-found .contact {
color: #f16128;
display: flex;
align-items: flex-end;
margin-top: 1em;
letter-spacing: .1em;
}
.no-parts-found .contact > div {
padding: 0 1em;
}
.no-parts-found .contact > div:last-child {
border-left: 2px solid #f16128;
}
.no-parts-found .contact > div:first-child {
line-height: 1.5em;
padding-top: 1.5em;
}
ul.address, .verification-payment ul {
list-style: none outside none;
}
.checkout-crumbs {
display: flex;
justify-content: space-between;
margin-bottom: 1em;
text-transform: uppercase;
border: .1em solid #f16128;
}
.checkout-crumbs > .crumb {
color: #f16128;
text-align: center;
border-radius: 0;
display: flex;
justify-content: space-between;
width: 34%;
opacity: .5
}
.checkout-crumbs .active {
height: auto;
opacity: 1;
}
.checkout-crumbs .active > div {
background: #feeae1;
opacity: 1;
font-weight: bold;
}
.checkout-crumbs .state {
display: flex;
align-items: center;
justify-content: center;
flex: 2;
border: 0;
padding: .5em 1em;
}
.checkout-crumbs .state:first-child {
justify-content: flex-start;
}
.checkout-crumbs .state:last-child {
justify-content: flex-end;
}
.checkout-crumbs .state:nth-child(1) {
border-right: 0;
text-align: left;
}
.checkout-crumbs .crumb:nth-child(2) .state:nth-child(2) {
border-left: 0;
border-right: 0;
}
.checkout-crumbs .crumb:nth-child(3) .state {
border-left: 0;
text-align: right;
}
.page_orderHistoryLookup .main-content > .content-editor-div > table:first-child {
border-spacing: 0;
border-width: 3px 3px 0 3px;
border-style: solid;
border-color: #F1F2F2;
}
.page_orderHistoryLookup .main-content > .content-editor-div > table td {
padding: 0;
}
.page_orderHistoryLookup h1 {
font-size: 25px;
}
.top-detail-container .shipping-calculator {
display: flex;
justify-content: space-between;
align-items: center;
}
.top-detail-container .shipping-group-code-li {
background: transparent url('../images/calculator.jpg') no-repeat left center;
}
.top-detail-container .shipping-calculator select {
width: 20em;
margin-left: 30px;
}
.top-detail-container .shipping-calculator input[type=submit] {
background: #FEEAE1;
border-radius: 2em;
color: #F06514;
border-color: #FEEAE1;
width: 2.5em;
height: 2.5em;
font-weight: bold;
}
.top-detail-container .shipping-calculator input[type=submit]:hover {
background: #F06514;
color: #FFF;
border-color: #F06514;
}
.top-detail-container .shipping-symbol-right {
display: inline-block;
color: #F06514;
font-weight: bold;
}
.top-detail-container .shipping-calculator .shipping-total {
text-align: right;
font-weight: bold;
}
.top-detail-container ol.shipping-options-fields {
padding: 0;
width: 25em;
}
.top-detail-container .shipping-container {
border: 1px solid #868686;
background: #FFF;
padding: 1em;
}
.top-detail-container .title {
text-transform: uppercase;
font-weight: bold;
}
.top-detail-container legend, .top-detail-container .shipping-country-label {
display: none;
}
.top-detail-container .shipping-address {
display: inline-block;
}
#create-account-cancel-button {
margin-left: 2em;
}
:is(.shipping-country-li, .shipping-states-provinces-li, .billing-country-li, .billing-states-provinces-li) div, .account-create-payment li > div {
display: inline;
}
.top-nav-section1-wrapper .content-area-header-container {
position: absolute;
left: 333px;
top: -20px;
border: 0;
}
.content-page-link a:before {
content: '';
width: 1.5em;
height: 1.5em;
background: transparent url('../images/paper.png') no-repeat;
background-size: contain;
display: inline-block;
margin-right: 1em;
}
.tabs {
display: flex;
justify-content: space-around;
border-bottom: .1em solid #e5e5e5;
margin-bottom: 1em;
}
.tabs .search-tab {
padding: .75em 4em;
background: #f16128;
color: #333;
font-weight: bold;
font-size: 1.2em;
cursor: pointer;
border-radius: .5em .5em 0 0;
border-color: #f16128 #c14108 transparent #e15118;
border-width: .1em .1em 0 .1em;
border-style: solid;
}
.tabs .search-tab.active {
color: #FFF;
}
.search-facets-container {
display: flex;
flex-direction: column;
min-width: 18.75em;
margin-right: 0;
background: #f7f7f7;
border: .1em solid #e5e5e5;
padding: .5em;
}
.wanted-addresses-container {
background: #FFF;
box-sizing: border-box;
border: .1em solid #cfcfcf;
padding: .5rem;
width: 100%;
position: relative;
opacity: 0;
visibility: hidden;
height: 0;
transition: all .5s;
}
.wanted-addresses-container.active {
opacity: 1;
visibility: visible;
height: 100%;
}
.wanted-addresses-container .message-group {
display: none;
}
.wanted-addresses-container strong {
display: block;
font-size: 2em;
text-transform: uppercase;
color: #F26128;
padding: 1em 0;
margin-bottom: 1em;
border-bottom: .1em solid #333;
}
.wanted-addresses-container .message-group .severe:before {
padding-left: 0;
content: '';
}
.wanted-addresses-container .message-group .severe:first-child:before {
content: 'Oops! ';
}
.wanted-address-label-container {
border: .1em solid #e5e5e5;
margin: 1em 0;
}
.wanted-addresses-container label {
width: 100%;
position: relative;
padding-bottom: 1rem;
}
.wanted-addresses-container input[type=radio].medium-button {
padding: 0;
width: auto;
float: left;
opacity: 0;
margin-left: -1.25em;
}
.wanted-address-container ul {
list-style: none outside none;
display: inline-block;
font-weight: bold;
text-transform: uppercase;
padding: .5rem;
}
.wanted-address-container {
display: inline-block;
}
.wanted-addresses-container .title {
font-weight: bold;
display: block;
color: #333;
padding: .5em;
text-transform: none;
}
.wanted-addresses-container div.title {
color: #F16128;
}
.wanted-address-container .title:after {
content: ':';
}
.wanted-address .city, .wanted-address .state, .wanted-address .province,.wanted-address .postal-code {
display: inline;
}
.wanted-address .state:after, .wanted-address .province:after {
content: ',';
}
.wanted-addresses-container .buttons {
padding-top: 2em;
}
.wanted-addresses-container > span:last-child {
display: none;
}
.wanted-address-button, .edit-existing-address-button, .existing-address-button, .existing-address-buttons-container {
float: left;
}
.wanted-address-button, .existing-address-buttons-container {
clear: left;
}
.wanted-address-button, .edit-existing-address-button, .existing-address-button {
margin-top: 1em;
margin-left: .5rem;
}
.wanted-addresses-container .large-button, .wanted-addresses-container .medium-button {
border: .1em solid #F06514;
width: auto;
height: auto;
padding: .5em 1em;
font-size: 1em;
}
.edit-existing-address-button {
background: #FFF;
color: #F06514;
margin-right: 2em;
}
.wanted-address-button:hover, .existing-address-button:hover {
background: #FFF;
color: #F06514;
}
.edit-existing-address-button:hover {
background: #F06514;
color: #FFF;
}
.wanted-addresses-container .attention {
color: #555;
background: #0F0;
}
.wanted-address-container.existing .attention {
background: #FF0;
}
.wanted-addresses-container-wrapper h2 {
display: none;
}
.wanted-address-container.selected:before {
content: '';
width: 2em;
height: 2em;
background: radial-gradient(#008800 50%, #66FF66 70%);
border-radius: 1em;
position: absolute;
left: 12.5em;
box-shadow: 0 0 .3em #00CC00;
}
.wanted-address-container.selected:after {
content: '';
position: absolute;
margin-left: .5em;
content: '';
display: block;
width: .5em;
height: 1em;
top: .25em;
left: 12.75em;
border: solid #FFF;
border-width: 0 .2em .2em 0;
transform: rotate(35deg);
}
.wanted-address-container.not-selected {
visibility: hidden;
opacity: 0;
}
.page_accountCreate .account > span > div, .page_accountCreate .account-user h2 {
display: none;
}
.page_accountCreate .email-opt-in-li {
display: flex;
flex-direction: row-reverse;
}
.page_accountCreate fieldset ol li.email-opt-in-li label, .page_accountUsers fieldset ol li.email-opt-in-ind-li label,
.page_accountCreate label.copy-checkbox-label, .page_verification fieldset ol li label {
width: auto;
flex-grow: 10;
}
.account-create-payment .card-type-li, .account-create-payment .card-number-li, .account-create-payment .exp-dates-li,
.account-create-payment .name-on-card-li {
visibility: hidden;
opacity: 0;
height: 0;
margin-bottom: 0;
transition: visibility .5s, opacity .5s, height .5s, margin-bottom .75s;
}
.account-create-payment .card-type-li.active, .account-create-payment .card-number-li.active, .account-create-payment .exp-dates-li.active,
.account-create-payment .name-on-card-li.active {
visibility: visible;
opacity: 1;
height: 100%;
margin-bottom: 15px;
}
.non-vis {
visibility: hidden;
}
.address ul {
list-style: none outside none;
}
.page_accountAddresses label.wanted-address-container {
display: inline-block;
}
input#timestamp {
display: none;
}
.shipping-address img, .billing-address img {
position: absolute;
}
.shipping-postal-code-li-ca input, .billing-postal-code-li-ca input, .postal-code-li-ca input {
width: 2.5em
}
fieldset#billing-postal-code, fieldset#shipping-postal-code, fieldset#postal-code {
display: inline-block;
}
#billing-postal-code-separator:before, #shipping-postal-code-separator:before, #postal-code-separator:before {
content: ' -';
}
.billing-postal-code-li-ca #billing-postal-code-separator:before, .shipping-postal-code-li-ca #shipping-postal-code-separator:before,
.postal-code-li-ca #postal-code-separator:before {
content: ' ';
}
.wanted-addresses-container .message-group .severe, .account-addresses .message-group .severe {
text-transform: capitalize;
}
.wanted-addresses-container .message-group .severe:after, .account-addresses .message-group .severe:after {
content: '.'
}
.wanted-addresses-container .message-group .severe:first-child:after, .account-addresses .message-group .severe:first-child:after {
content: '';
}
.please-review-address-container .text {
font-size: 1.1em;
margin-bottom: 2em;
}
.welcome-new-user-popup {
background: #FFF;
border: .1em solid #f16128;
}
.welcome-new-user-popup .contentDiv {
display: flex;
}
.welcome-new-user-popup-right-side {
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 1em;
}
.welcome-new-user-popup-right-side > img {
margin: 1em auto 0 auto;
}
.welcome-new-user-popup .button {
position: absolute;
height: 1.5em;
width: 1.5em;
top: 0;
right: 0;
background: transparent;
}
.welcome-new-user-popup .button:before {
content: 'X';
color: #CB4C0C;
font-size: 1.8em;
margin: 0 0 0 -.25em;
display: block;
}
.welcome-new-user-popup .button:hover:before {
color: #333;
}
.welcome-new-user-popup .greeting {
font-size: 2em;
text-transform: uppercase;
color: #F16128;
border-bottom: .1em solid #333;
padding-bottom: .33em;
margin-bottom: .33em;
min-width: 12em;
}
.welcome-new-user-popup .text {
padding: 0 1em 1em 1em;
line-height: 1.67em;
}
.welcome-new-user-popup .large-button {
display: block;
margin: 2em auto 0 auto;
}
.content-item a {
padding: .5em 0 .5em calc(24px + .5em);
line-height: 2em;
display: block;
}
.content-item a::before {
content: '';
background: transparent url('../images/paper.png') no-repeat center;
width: 24px;
height: 24px;
position: absolute;
margin-left: calc(-24px - .5em);
transform: rotateY(30deg);
transition: transform .5s;
}
.content-item a:hover::before {
transform: rotateY(0);
}
.shop-by-style-serial-number-container {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 1rem;
}
.shop-by-style-serial-number-container > div {
position: relative;
border: 1px solid #EFEFEF;
padding: 0 0 1rem;
color: #333;
display: inline-flex;
flex-direction: column;
margin: 0;
box-shadow: 0.2rem 0.2rem 0.5rem #cdcdcd;
border-radius: .75rem;
flex: 1 1 100%;
}
.shop-by-style-serial-number-categories {
text-align: center;
}
.shop-by-style-serial-number-categories a.large-button {
padding: .5rem 4rem;
font-weight: bold;
font-size: 1.0rem;
border-radius: .2rem;
}
.shop-by-style-serial-number-categories a.large-button:hover {
text-decoration: none;
}
.shop-by-style-serial-number-container .title {
font-size: 1.25rem;
font-weight: bold;
text-align: center;
color: #FFF;
background: #bd6438;
padding:.75rem 0;
border-radius: .25rem .25rem 0 0;
}
.shop-by-style-serial-number-categories .title {
background: #68686a;
}
.shop-by-style-serial-number-categories .title ~ div {
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 1rem;
height: 100%;
}
.shop-by-style-serial-number-categories .title ~ div > div:nth-child(2) {
padding: 1rem;
}
.shop-by-style-serial-number-container .title div {
font-weight: normal;
}
.serial-form-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.serial-form-flex > div {
flex: 1 1 100%;
}
.serial-form-image-wrapper {
display: flex;
align-items: center;
}
.serial-form-image-wrapper img {
max-width: 100%;
height: auto;
}
.serial-form-flex .serial-form-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 1rem;
}
.serial-form-flex .close {
display: none;
}
.serialFormDiv input[type=text]:hover, .serialFormDiv input[type=text]:focus {
background: #FFF;
}
.page_serialNumber h1 {
font-size: 2em;
text-align: left;
}
.page_serialNumber .serial-form-image-container {
display: flex;
padding: 1rem 1rem 0;
}
.page_serialNumber .serialFormDiv {
}
.page_serialNumber .serialFormDiv form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.serial-form-before-button {
margin: 1em 0 2em;
}
.serial-form-before-button img {
margin-bottom: -.4em;
}
.page_serialNumber input.serialFormButton {
border-radius: 0;
height: auto;
width: auto;
margin: auto;
padding: .675em 2em;
}
.page_serialNumber .serialFormDiv #serialNumberInput {
height: 2.75em;
text-transform: uppercase;
flex-grow: 2;
margin-right: 1em;
}
.page_serialNumber .serial-form-before-button {
display: none;
}
.page_serialNumber .serialFormDiv #serialNumberInput::-webkit-input-placeholder {
color: #8e8e8e;
font-size: .8rem;
}
.page_serialNumber a.looksGoodButton {
display: inline-block;
padding: 1.15em 5em;
flex-grow: 0;
flex-shrink: 0;
}
.content-item .description {
margin-left: 2.5em;
}
.content-item:nth-child(even) {
background: #FAFAFA;
}
.double-arrow {
color: #f16220;
font-size: 3em;
}
.double-arrow:before {
content: '➧';
position: absolute;
transform: translateX(-.05em);
color: #f2f3f5;
}
.double-arrow:after {
content: '➧';
position: absolute;
transform: translateX(-.7em);
color: #f16220;
}
.contact-us-container .flex {
display: flex;
padding-top:2em;
text-align: center;
justify-content: space-between;
}
.contact-us-container > .flex {
flex-direction: column;
}
.contact-us-container > .contact-us-box > .flex {
flex-wrap: wrap;
justify-content: center;
}
.contact-us-container .flex > div > div {
margin: auto;
line-height: 1.5em;
}
.contact-us-container .flex > div > .flex {
margin: 2em 0 4em;
}
.contact-us-container .contact-us-box {
background: #eeeeee;
color: #000;
border: .2em solid #eeeeee;
margin-bottom: 2em;
}
.contact-us-container .title {
padding: .5em 1em;
background: #FFF;
font-weight: normal;
text-align: center;
font-family: proxima nova, helvetica, arial, sans-serif;
font-size: 1.75em;
}
.contact-us-container .title ~ div {
padding: 1em;
margin: 0 16%;
}
.contact-us-container > .flex > .contact-us-box > .flex > div {
width: 50%;
display: flex;
flex-direction: column;
}
.contact-us-container > .flex > .contact-us-box > .flex > div > div:first-child {
flex-grow: 2;
}
.contact-us-container .phone-icon {
background-image: url('../images/aw-icon-phone.svg');
position: relative;
}
.contact-us-box .flex > div:last-child .live-chat-icon {
background-image: url('../images/aw-icon-chat-2.svg');
width: 5.5em;
cursor: default;
}
.contact-us-container a {
margin: 1em 1.5em;
text-decoration: underline;
}
.contact-us-container a:hover {
text-decoration: none;
}
.contact-us-container .orange {
color: #f16128;
}
.contact-us-container .orange a {
text-decoration: none;
}
.contact-us-container .flex > div > .hours {
margin-top: .5em;
}
/********************************************************************
* Template 0 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-0-section.promo-template-0-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-0-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-0-section .template-buttons a {
color: #FFF;
background-color: #f16029;
padding: .75em 3em;
display: inline-block;
font-weight: bold;
}
.promo-template-0-section .image-container {
position: relative;
margin-left: 3%;
}
.promo-template-0-section.promo-template-0-section {
margin-bottom: 2em;
}
.promo-template-0-section.promo-template-0-section.call-to-action {
display: none;
}
.promo-template-0-section.promo-template-0-section .text-container {
position: absolute;
color: #FFF;
background: rgba(0,0,0,.667);
padding: 3em;
width: 24em;
top: 5%;
bottom: 5%;
right: 3%;
font-weight: lighter;
font-family:"proxima-nova", helvetica, arial, sans-serif;
}
.promo-template-0-section.promo-template-0-section-1 .text-container {
top: auto;
bottom: auto;
right: 20%;
text-align: center;
margin-top: 2em;
}
.promo-template-0-section .orange {
color: #f16029;
}
/** Template 0 End */
/******************************************************************
* Template 1 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-1-section.promo-template-1-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-1-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-1-section .template-buttons a {
color: #FFF;
background-color: #f16029;
padding: 1.75em 3em;
display: block;
font-weight: lighter;
font-size: 16px;
}
.promo-template-1-section .image-container {
position: relative;
}
.promo-template-1-section.promo-template-1-section {
margin-bottom: 2em;
display: flex;
align-items: center;
position: relative;
}
.promo-template-1-section.promo-template-1-section-2, .promo-template-1-section.promo-template-1-section-3 {
background: #f2f2f2;
padding: 2em;
justify-content: space-between;
}
.promo-template-1-section.promo-template-1-section .text-container {
width: 42em;
top: 5%;
bottom: 5%;
left: 10%;
font-weight: lighter;
font-size: 16px;
font-family:"proxima-nova", helvetica, arial, sans-serif;
margin-right: 50px;
}
.promo-template-1-section.promo-template-1-section-1 .text-container {
background: rgba(0,0,0,.80);
color: #f2f2f2;
text-align: center;
}
.promo-template-1-section.promo-template-1-section-1 .text-container p {
font-size: 1.5em;
}
.promo-template-1-section.promo-template-1-section-1 .text-container .block-2 {
margin: 0;
}
.promo-template-1-section.promo-template-1-section-1 .text-container .block-2 p {
margin: 0;
color: #f16029;
}
.promo-template-1-section.promo-template-1-section-1 .text-container .block-2 p:first-child {
padding-top: .25em;
color: #DDD;
font-size: 1em;
}
.promo-template-1-section .orange {
color: #f16029;
}
/** Template 1 End ******************************************************************
/********************************************************************
* Template 2 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-2-section.promo-template-2-section {
margin-bottom: 2em;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.promo-template-2-section.promo-template-2-section-1 {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
justify-content: center;
width: 968px;
}
.promo-template-2-section.promo-template-2-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-2-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-2-section .template-buttons a {
color: #f16029;
background-color: #FFF;
border: .1em solid #f16029;
padding: .75em 3em;
display: block;
font-weight: bold;
}
.promo-template-2-section .image-container {
position: relative;
}
.promo-template-2-section.promo-template-2-section-1 .block-1 {
border-bottom: .1em solid #CDCDCD;
}
.promo-template-2-section.promo-template-2-section-1 .block-1 p {
font-size: 1.5em;
}
.promo-template-2-section.promo-template-2-section-1 .block-1 p, .promo-template-2-section.promo-template-2-section-1 .block-2 p {
display: inline-block;
margin: 0 .25em;
}
.promo-template-2-section.promo-template-2-section-1 .block-2 {
padding-top: .5em;
color: #CDCDCD;
}
.promo-template-2-section.promo-template-2-section.call-to-action {
text-align: center;
}
.promo-template-2-section.promo-template-2-section-1 .text-container {
color: #FFF;
background: rgba(0,0,0,.667);
text-align: center;
width: 40%;
padding: 2em 5em;
font-weight: bold;
font-family:"proxima-nova", helvetica, arial, sans-serif;
}
.promo-template-2-section .orange {
color: #f16029;
font-size: 1.5em;
}
.promo-template-2-flex {
display: flex;
justify-content: space-between;
}
.promo-template-2-section.promo-template-2-section-6 {
flex-direction: row;
background: #f2f2f2;
padding: 2em;
}
.promo-template-2-section.promo-template-2-section-6 .text-container {
padding-left: 1em;
}
.promo-template-2-section strong {
font-size: 1.5em;
}
/** Template 2 End */
/********************************************************************
* Template 3 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-3-section.promo-template-3-section {
float: left;
width: 31%;
margin: 10px;
}
.promo-template-3-section.promo-template-3-section-1 {
display: flex;
flex-direction: row;
align-items: center;
}
.promo-template-3-section.promo-template-3-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-3-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-3-section .template-buttons a {
color: #f16029;
background-color: #FFF;
border: .1em solid #f16029;
padding: .75em 3em;
display: inline-block;
font-weight: bold;
}
.promo-template-3-section .image-container {
position: relative;
}
.promo-template-3-section strong {
font-size: 1.5em;
}
.promo-template-3-section.promo-template-3-section-1 .block-1 {
border-bottom: .1em solid #CDCDCD;
}
.promo-template-3-section.promo-template-3-section-1 .block-1 p {
font-size: 1.5em;
}
.promo-template-3-section.promo-template-3-section-1 .block-1 p, .promo-template-3-section.promo-template-3-section-1 .block-2 p {
margin: 0 .25em;
}
.promo-template-3-section.promo-template-3-section-1 .block-2 {
padding-top: .5em;
color: #CDCDCD;
}
.promo-template-3-section.promo-template-3-section.call-to-action {
text-align: center;
}
.promo-template-3-section.promo-template-3-section-1 .text-container {
color: #FFF;
background: rgba(0,0,0,.85);
text-align: center;
padding: 2em 5em;
font-weight: lighter;
font-family:"proxima-nova", helvetica, arial, sans-serif;
}
.promo-template-3-section .orange {
color: #f16029;
font-size: 1.5em;
}
.promo-template-3-flex {
display: flex;
justify-content: space-around;
}
.promo-template-3-section.promo-template-3-section-1 {
display: flex;
align-items: center;
position: relative;
width: 100%;
justify-content: center;
}
/** Template 3 End */
/********************************************************************
* Template 4 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-4-section.promo-template-4-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-4-section .template-buttons {
padding: 1em 0 2em 0;
}
.promo-template-4-section .template-buttons a {
color: #FFF;
background-color: #f16029;
padding: .75em 3em;
display: inline-block;
font-weight: bold;
}
.promo-template-4-section .image-container {
position: relative;
margin-right: 2em;
}
.promo-template-4-section.promo-template-4-section {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5em;
position: relative;
}
.promo-template-4-section.promo-template-4-section-1 .text-container {
width: 42em;
font-weight: lighter;
font-size: 16px;
font-family:"proxima-nova", helvetica, arial, sans-serif;
background: rgba(0,0,0,.70);
padding: 40px;
}
.promo-template-4-section.promo-template-4-section-1 .text-container p {
color: #CDCDCD;
margin: .1em 0;
}
.promo-template-4-section.promo-template-4-section-1 .text-container .block-1 p:first-child {
color: #FFF;
font-size: 1.5em;
margin: 0;
}
.promo-template-4-section.promo-template-4-section-1 .text-container .orange {
color: #f16029;
font-size: 1.5em;
}
.promo-template-4-section.promo-template-4-section-1 .text-container .block-2 {
margin-top: 1em;
}
.promo-template-4-section.promo-template-4-section-1 .text-container .block-2 p {
margin: 0 .25em;
}
.promo-template-4-section.promo-template-4-section-1 .text-container .block-2 p:first-child {
margin-left: 0;
}
.promo-template-4-section.promo-template-4-section p:first-child {
font-weight: lighter;
}
/** Template 4 End */
/********************************************************************
* Template 5 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-5 img {
max-width: 100%;
height: auto;
}
.promo-template-5-section.promo-template-5-section {
float: left;
width: 44%;
margin: 40px;
}
.promo-template-5-section.promo-template-5-section-1 {
display: flex;
flex-direction: row;
align-items: center;
}
.promo-template-5-section.promo-template-5-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-5-section.promo-template-5-section .text-container {
width: 36em;
top: 5%;
bottom: 5%;
left: 10%;
font-weight: lighter;
font-size: 16px;
font-family:"proxima-nova", helvetica, arial, sans-serif;
font-style: normal;
margin-right: 50px;
}
.promo-template-5-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-5-section .template-buttons a {
color: #CB4C0C;
background-color: #FFF;
border: .1em solid #f16128;
padding: .75em 3em;
display: inline-block;
font-weight: lighter;
}
.promo-template-5-section .template-buttons a:hover {
color: #ffffff;
background-color: #CB4C0C;
text-decoration: none;
}
.promo-template-5-section .image-container {
position: relative;
}
.promo-template-5-section strong {
font-size: 1.5em;
}
.promo-template-5-section.promo-template-5-section-1 .block-1 {
border-bottom: .1em solid #CDCDCD;
}
.promo-template-5-section.promo-template-5-section-1 .block-1 p {
font-size: 1.5em;
}
.promo-template-5-section.promo-template-5-section-1 .block-1 p, .promo-template-5-section.promo-template-5-section-1 .block-2 p {
margin: 0 .25em;
}
.promo-template-5-section.promo-template-5-section-1 .block-2 {
padding-top: .5em;
color: #CDCDCD;
}
.promo-template-5-section.promo-template-5-section.call-to-action {
text-align: center;
}
.promo-template-5-section.promo-template-5-section-1 .text-container {
color: #FFF;
background: rgba(0,0,0,.85);
text-align: center;
padding: 2em 5em;
font-weight: lighter;
font-family:"proxima-nova", helvetica, arial, sans-serif;
}
.promo-template-5-section .orange {
color: #f16029;
font-size: 1.5em;
}
.promo-template-5-flex {
display: flex;
justify-content: space-around;
}
.promo-template-5-section.promo-template-5-section-1 {
display: flex;
align-items: center;
position: relative;
width: 100%;
justify-content: center;
}
/** Template 5 End */
/********************************************************************
* Template 6 Start
*
* Templates are constucted by sections.
* Sections group the areas used by the editor.
*/
.promo-template-6-section.promo-template-6-section {
float: left;
width: 44%;
margin: 40px;
}
.promo-template-6-section.promo-template-6-section-1 {
display: flex;
flex-direction: row;
align-items: center;
}
.promo-template-6-section.promo-template-6-section-1 img {
position: absolute;
left: 0;
width: 100%;
height: auto;
}
.promo-template-6-section.promo-template-6-section .text-container {
width: 40em;
top: 5%;
bottom: 5%;
font-weight: lighter;
font-size: 16px;
font-family:"proxima-nova", helvetica, arial, sans-serif;
font-style: normal;
margin-right: 50px;
}
.promo-template-6-section .template-buttons {
text-align: center;
padding: 1em 0 2em 0;
}
.promo-template-6-section .template-buttons a {
color: #f16029;
background-color: #FFF;
border: .1em solid #CB4C0C;
padding: .75em 3em;
display: inline-block;
font-weight: lighter;
}
.promo-template-6-section .template-buttons a:hover {
color: #ffffff;
background-color: #CB4C0C;
text-decoration: none;
}
.promo-template-6-section .image-container {
position: relative;
}
.promo-template-6-section strong {
font-size: 1.5em;
}
.promo-template-6-section.promo-template-6-section-1 .block-1 {
border-bottom: .1em solid #CDCDCD;
}
.promo-template-6-section.promo-template-6-section-1 .block-1 p {
font-size: 1.5em;
}
.promo-template-6-section.promo-template-6-section-1 .block-1 p, .promo-template-6-section.promo-template-6-section-1 .block-2 p {
margin: 0 .25em;
}
.promo-template-6-section.promo-template-6-section-1 .block-2 {
padding-top: .5em;
color: #CDCDCD;
}
.promo-template-6-section.promo-template-6-section.call-to-action {
text-align: center;
}
.promo-template-6-section.promo-template-6-section-1 .text-container {
color: #FFF;
background: rgba(0,0,0,.85);
text-align: center;
padding: 2em 5em;
font-weight: lighter;
font-family:"proxima-nova", helvetica, arial, sans-serif;
}
.promo-template-6-section .orange {
color: #f16029;
font-size: 1.5em;
}
.promo-template-6-flex {
display: flex;
justify-content: space-around;
}
.promo-template-6-section.promo-template-6-section-1 {
display: flex;
align-items: center;
position: relative;
width: 100%;
justify-content: center;
}
/** Template 6 End */
/** Overlay */
.overlay {
z-index: 100;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all .5s;
}
.overlay.active {
opacity: .7;
background: #000;
visibility: visible;
}
/** Common popup */
.popup-common {
z-index: 1001;
position: fixed;
top: 25%;
left: 50%;
transform: translate(-50%, -25%) translateZ(0) scale(1.01);
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
width: auto;
opacity: 0;
visibility: hidden;
transition: opacity .5s, visibility .5s, top .25s, left .5s, width .5s, height .5s;
}
.popup-common.active, .popup-common.minimize-popup {
opacity: 1;
visibility: visible;
}
.popup-common.minimize-popup {
top: calc(100% - 5rem);
}
.popup-common.loading-content .content {
min-width: 20em;
min-height: 10em;
position: relative;
}
.popup-common .content:after {
opacity: 0;
transition: opacity .5s;
}
.popup-common.loading-content .content:after {
content: '';
width: 5em;
height: 5em;
border-radius: 5em;
border: .5em dashed #f16029;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
animation: popupSpinner 5s linear infinite;
}
@keyframes popupSpinner {
0% {
transform: translate(-50%, -50%) rotateZ(0);
}
100% {
transform: translate(-50%, -50%) rotateZ(360deg);
}
}
.popup-common.loading-error {
border-color: red;
}
.popup-common .popup-container {
border: .2rem solid #f16128;
border-radius: .1rem;
background: #FFF;
overflow: hidden;
}
/** Common close button */
.popup-common .close {
position: absolute;
right: 0;
top: 0;
z-index: 2;
cursor: pointer;
}
.popup-common .close::after {
content: 'X';
color: #CB4C0C;
background: transparent;
line-height: 1.25rem;
padding: .5rem;
font-size: 1.25rem;
text-shadow: 0 0 0 transparent;
display: block;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
transition: all .25s;
}
.popup-common .minimize {
position: absolute;
right: 2rem;
top: -.1rem;
z-index: 2;
border: .2rem solid #000;
border-radius: .2rem .2rem 0 0;
background: #FFF;
cursor: pointer;
overflow: hidden;
transition: all .25s;
}
.popup-common .minimize::after {
content: '⊻';
font-size: 2rem;
font-weight: bold;
margin-top: -.1rem;
display: block;
color: #333;
line-height: 1.5rem;
padding: 0 .5rem;
transition: all .25s;
}
.popup-common .minimize:hover {
background: #333;
}
.popup-common .minimize:hover::after {
background: #333;
color: #FFF;
transform: translateY(.2rem);
}
.popup-common .minimize-popup .minimize::after {
content: '⊼';
}
.popup-common .minimize-popup .minimize:hover::after {
transform: translateY(-.33rem);
}
.popup-common .popup-container .title {
padding: .25rem 1rem;
color: #FFF;
text-shadow: .05em .05em #6d889a;
background: linear-gradient(#8da8ba 90%, #6d889a 95%);
font-weight: bold;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.popup-common > .popup-container > .content {
padding: 1.75em 1em 1em 1em;
transition: all .5s;
}
/** End poup common */
.popup-common .need-help-content {
padding: 0 2em;
width: 28em;
height: 15em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.5em;
transition: all .5s;
}
.popup-common .need-help-content > div:first-child {
font-size: 1.2em;
}
.popup-common .not-sure-help-content {
line-height: 1.5em;
padding: 0 1em;
}
.popup-common .not-sure-help-content > div:first-child {
text-align: center;
font-size: 1.4em;
}
.popup-common .not-sure-help-content .flex {
display: flex;
justify-content: space-between;
}
.popup-common .not-sure-help-content .flex > div:nth-child(2) {
max-width: 33%;
}
.popup-common .not-sure-help-content img {
max-width: 100%;
height: auto;
}
.popup-common .live-help-container {
padding-bottom: 1em;
}
.popup-common .live-chat-icon {
margin: auto;
}
.silverline-popup .content {
max-width: 35em;
padding: 3.75em 2.25em 3em 2.25em;
line-height: 1.75em;
}
.youtube-popup > .popup-container > .content {
padding: 2em 1em 1em 1em;
background: radial-gradient(#FFF, #000);
}
.youtube-popup .close:hover::after {
color: #FFF;
}
.youtube-popup .caption {
color: #FFF;
text-align: center;
font-size: 1.5em;
}
.youtube-wrapper {
overflow: hidden;
position: relative;
padding-top: calc(9/16 * 100%);
width: calc(100vw - 2.4em * 16/9); /* padding left & right + border left and right width */
max-width: calc((16/9 * 100vh) - 3.4em * 16/9); /* padding top & bottom + border left and right width */
}
.youtube-wrapper iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.zoom-popup {
top: 0;
transform: translate(-50% , 0);
}
.zoom-popup, .zoom-popup .popup-container, .zoom-popup .content {
width: 100%;
max-height: calc(100vh - 1em);
text-align: center;
}
.zoom-popup .content img {
max-width: 100%;
height: auto;
max-height: calc(100vh - 3.25em);
width: auto;
}
.covid-banner {
padding: 1em 1em 2em 1em;
text-align: center;
color:black;
background-color: #f7f7f7;
letter-spacing: .75px;
font-size: 1.2em;
}
.covid-banner div.promo-link-wrapper a, .covid-banner div.promo-link-wrapper {
text-decoration: underline;
font-size: 1.1em;
}
.order-history-lookup-help h1 {
text-align: left;
}
.order-history-lookup-help .flex {
display: flex;
flex-direction: column;
}
.order-history-lookup-help .flex > div {
border: 1px solid #d4d4d4;
margin-bottom: 2em;
}
.order-history-lookup-help .title {
font-weight: bold;
text-transform: uppercase;
background: #f7f7f7;
padding: .75em;
margin: .5em;
color: black;
}
.order-img-container {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 2em;
}
.order-history-lookup-button-container .large-button {
width: auto;
padding: 0 2em;
}
.bb-picker {
display: none;
border: 1px solid #333;
position: absolute;
background: #FFF;
left: 0;
}
.bb-picker.active {
display: inline-block;
}
.picker-header {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
}
.bb-picker table {
border-collapse: collapse
}
.picker-week-days {
background: #333;
color: #FFF;
}
.picker-week-days > div {
display: inline-block;
border: 1px solid #FFF;
}
.picker-calendar {
border: 1px solid #333;
}
.picker-calendar > div {
display: inline-block;
border: 1px solid #FFF;
}
.bb-picker td {
text-align: center;
cursor: pointer;
}
.bb-picker td > div {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
border: 1px solid transparent;
overflow: hidden;
width: 1.5rem;
height: 1.5rem;
}
.bb-picker td:hover div, .bb-picker td > div.selected-date {
background: #ccc;
}
.bb-picker td > div.today {
border: 1px solid #ccc;
}
.bb-picker .same-month {
font-weight: bold;
}
.bb-picker button {
background: #f16128;
color: #FFF;
}
/** SF Start */
.embeddedServiceHelpButton .helpButton .uiButton {
background-color: #f16128 !important;
font-family: "Arial", sans-serif !important;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
outline: 1px solid #f16128 !important;
}
.embeddedServiceSidebar h2 {
color: #FFF !important;
text-transform: none !important;
}
/** SF End */
/** List Page Variation Start */
.page_items .item-container .item,
.page_search .item-container .item {
padding: 1em 1em 2em;
}
.page_items .item-container .sale-price,
.page_search .item-container .sale-price{
font-size: 16px;
}
@media (min-width: 1024px) {
.page_items .item-container .item,
.page_search .item-container .item {
padding: 1em;
}
}
.page_items .item-container .item h2,
.page_search .item-container .item h2 {
text-align: left;
line-height: 20px;
font-size: 16px;
}
.page_items .item-container .item .description,
.page_search .item-container .item .description {
text-align: left;
font-size: 13px;
line-height: 16px;
}
.page_items .item-container .item .item-list-add form,
.page_search .item-container .item .item-list-add form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page_items .item-container .item .quantity-container,
.page_search .item-container .item .quantity-container {
display: none;
}
.page_items .item-container .item .prices,
.page_search .item-container .item .prices {
font-size: 1em;
color: #666666;
font-weight: bold;
padding-bottom: 3px;
text-align: left;
margin-bottom: 12px;
}
.page_items .item-container .item .prices .price-label,
.page_search .item-container .item .prices .price-label {
display: none;
}
.page_items .item-container .item .prices .price,
.page_search .item-container .item .prices .price {
font-size: 20px;
color: #333333;
font-weight: 500;
}
.page_items .item-container .item .ti-view-details,
.page_search .item-container .item .ti-view-details {
background: #F26924;
color: #ffffff;
font-size: 13px;
height: 40px;
text-transform: uppercase;
display: inline-block;
line-height: 40px;
width: 50%;
margin-right: 20px;
}
.page_items .item-container .item .ti-view-details:hover,
.page_search .item-container .item .ti-view-details:hover {
text-decoration: none;
}
.page_detail .ti-view-details {
display: none;
}
@media (min-width: 1024px) {
.page_items .item-container .item .ti-view-details,
.page_search .item-container .item .ti-view-details {
margin-right: 10px;
}
}
.page_items .item-container .item .ti-view-details:hover,
.page_search .item-container .item .ti-view-details:hover {
background: #d15512;
}
.page_items .item-container .item input[type="submit"],
.page_search .item-container .item input[type="submit"] {
height: 40px;
width: 50%;
color: #F26924;
background: transparent;
border: 1px solid #F26924;
}
.page_items .item-container .item input[type="submit"]:hover,
.page_search .item-container .item input[type="submit"]:hover {
background: #d15512;
color: #ffffff;
}
@media (min-width: 1430px) {
.page_items .item-container .item input[type="submit"], .page_search .item-container .item input[type="submit"] {
padding: 8px 3px;
font-size: .9em;
}
}
/** List Page Variation End */
@media (min-width: 700px) {
.free-shipping-msg-container {
position: absolute;
top: 0;
}
.my-account-icon {
display: block;
}
.top-nav-section1 {
position: absolute;
top: 1.9rem;
background: #FFF;
}
.topNav .top-nav-elements a:first-child {
padding: 1em 1em 1em 0;
}
.topNav .top-nav-category-container {
border-bottom: 1px solid #E5E5E5;
visibility: visible;
opacity: 1;
max-height: 100%;
transition: opacity .3s .2s, visibility .5s, max-height .5s;
}
.top-nav-middle-border {
margin-top: 2.35rem;
}
.top-nav-middle-border ~ .overlay {
top: 0;
display: block;
}
.top-nav-middle-border ~ .overlay.active ~ .left-nav {
transform: translateX(0);
}
.left-nav {
display: block;
}
.footer .footerNav {
padding: 2em 1em;
}
.footer-email-form input[type=submit] {
margin: 1em 0 0 .25em;
}
.belowFooter {
justify-content: flex-start;
text-align: left;
}
.belowFooter .left {
display: block;
text-align: left;
}
.belowFooter .left a {
white-space: nowrap;
}
#home-page-background-image {
position: absolute;
}
.home-page-top .top-container-wrapper {
font-size: .6em;
}
.home-page-top .top-container {
border-right: 2em solid rgba(0,0,0,.667);
width: auto;
height: auto;
border-top: 2em solid transparent;
}
.home-page-top .links-container {
width: 44em;
background: rgba(0,0,0,.667);
padding: 3em 4em 4em 4em;
}
.home-page-top .txt {
font-size: 2em;
padding: 0;
}
.home-page-top .cell {
font-size: 1.25em;
padding: 0 .25em;
}
.bottomSpotTop {
flex-direction: row;
justify-content: space-around;
margin: 3em auto 0 auto;
}
.bottomSpotTop a {
margin-top: auto;
width: auto;
}
.home-page-bottom > div:first-child > span:last-child {
display: inline;
}
.home-page-bottom > div:first-child strong {
padding: 1.5em .25em 1em 0;
}
.bottomSpotTop {
margin: 3em auto 0 auto;
}
.shop-by-style-serial-number-container {
flex-direction: row;
}
.shop-by-style-serial-number-container > div {
flex: 1 1 49%;
}
.shop-by-style-serial-number-container > div:first-child {
margin-right: .5rem;
}
.shop-by-style-serial-number-container > div:last-child {
margin-left: .5rem;
}
.serial-form-flex {
flex-wrap: nowrap;
}
.serial-form-flex .serial-form-wrapper {
padding: 0;
}
.message-group.in-popup {
right: auto;
}
#serial-number-form .looksGoodButton {
width: 100%;
}
.shop-by-style-serial-number-categories button {
width: 50%;
}
.door-match-wrapper {
flex-direction: row;
}
.page_match .door-match-container {
flex: 1 1 50%;
}
.page_match .door-continue-container {
flex: 2 1 50%;
}
.page_match .door-match-container {
margin: 0 2.5em 0 0;
}
.page_match .door-continue-container > div {
padding: .75em .5em;
}
.parts-list-container {
margin-bottom: 0;
}
.list-page-door-container, .list-page-container-with-door {
margin-right: 2em;
}
.search-term-not-found .top-container > div, .search-term-not-found .bottom-container > div {
width: 48.25%;
}
.choose-a-different-category, .customize-size-parts {
margin-bottom: 0;
}
.items-wrapper-top-container {
flex-direction: row;
}
.item-container .description {
max-width: 100%;
}
.only-on-mobile.refine-search-button-container {
visibility: hidden;
opacity: 1;
height: 0;
display: block;
transition: none;
}
.search-facets-container {
margin-right: 1.85em;
border: 0;
background: transparent;
padding: 0;
}
.refineSearchDiv {
opacity: 1;
visibility: visible;
height: 100%;
}
.narrow-your-search .close {
display: none;
}
.paging-container {
align-items: center;
}
.selected-facets-container div {
position: relative;
display: inline-block;
padding: .25rem 3rem .25rem .25rem;
border: 1px solid #bababa;
border-radius: .25rem;
background: #bababa;
color: #FFF;
cursor: pointer;
margin-bottom: .25rem;
margin-right: .25rem;
}
.mobile-only {
display: none;
}
.paging-container.mobile-paging-hidden {
display: flex;
}
.show-per-page-container {
display: block;
}
.show-per-page-container label {
padding-right: 0;
}
.category-3d-container .category, .category-container .category {
width: auto;
max-width: calc(50% - 2.5em);
flex: 1 0 50%;
display: inline-flex;
margin: 0 2.5em 1.5em 0;
transition: box-shadow .25s;
}
.item-container {
flex-direction: row;
}
.item-container .item {
flex: 0 0 100%;
}
.scroll-area .item-container .item {
margin: 1em;
max-width: calc(100% - 2em);
}
.top-detail-container {
flex-direction: row;
}
.detail-image-container {
width: 49%;
}
.main-image-div {
border: 1px solid #CDCDCD;
}
#image-gallery {
margin-right: 1em;
}
#image-gallery > div {
border: 1px solid #CDCDCD;
border-radius: 0;
height: auto;
width: auto;
cursor: pointer;
margin: .5em .5em 0 0;
text-align: center;
display: inline-block;
}
#image-gallery .selected {
border-color: #F06514;
}
#image-gallery > div img {
display: inline;
}
.media-item-wrapper .top-detail-container > div:first-child {
order: 1;
margin-top: 0;
}
.media-item-wrapper .top-detail-container > div:last-child {
order: 2;
}
.middle-container {
background: #F4F4F4;
margin: 0;
width: calc(49% - 2em);
max-width: 45vw;
border: 1px solid #CDCDCD;
}
.middle-container > div {
padding: 2em;
}
.middle-container > div:first-child {
margin-top: .5em;
padding-bottom: 0;
}
.middle-container > *:last-child {
order: inherit;
}
.middle-container .color .color-image {
border-color: transparent;
}
.add-to-cart-wrapper, .icons-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.detail-add-to-cart .quantity-container {
margin-right: .5em;
}
.detail-add-to-cart .quantity-style {
font-size: 1em;
}
.detail-add-to-cart .quantity-container .medium-button, .category-choose-container a button {
width: auto;
font-size: 1em;
flex-grow: 4;
margin-left: 1rem;
}
.add-to-cart-wrapper > div {
width: 100%;
}
.add-to-cart-wrapper, .icons-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
.detail-add-to-cart #master-price0 {
color: #333;
font-size: 1.3em;
display: inline;
text-align: left;
}
.add-to-cart-popup .frequently-bought-together {
padding: 1em 0;
}
.add-all-descriptions-container .item {
display: flex;
align-items: center;
}
.add-all-descriptions-container .item > * {
margin-right: 1em;
}
.detail-add-to-cart .quantity-style {
font-size: 1em;
}
.frequently-bought-together {
background: #F4F4F4;
border: 0;
}
.frequently-bought-together .add-all-container .add-all-button {
margin: 0 1em;
}
.frequently-bought-together .add-all-descriptions-container {
margin-top: 0;
border-top: 0;
}
#popupDiv .add-all-descriptions-container .item {
padding-top: 1em;
}
.related-items-list {
justify-content: flex-start;
}
#popupDiv .also {
display: block;
}
.page_login .login {
width: 37em;
}
table.basket-form tr {
display: table-row;
}
table.basket-form .cell-image, table.basket-form .cell-name {
display: table-cell;
}
table.basket-form .cell-quantity {
width: auto;
}
table.basket-form td {
border-bottom: 1px solid #CDCDCD;
}
table.basket-form tr:last-child td {
border-bottom: 0;
}
.page_verification .border-container {
border: 1px solid #CDCDCD;
padding: 2em;
}
.page_verification .verification .left, .page_verification .verification .right {
margin-bottom: .5em;
width: calc(50% - 1em);
}
.page_verification .verification .left {
float: left;
}
.page_verification .verification .right {
float: right;
}
.page_accountCreate fieldset ol li label {
display: inline-block;
}
.page_orderHistoryLookup .main-content > .content-editor-div > table:first-child {
width: 700px;
border-spacing: 0;
border-width: 3px 3px 0 3px;
border-style: solid;
border-color: #F1F2F2;
}
.order-history-form form, .order-history-form fieldset {
width: 30em;
}
.order-history-form input[type="text"] {
width: 100%;
text-align: center;
padding: .5em;
}
.contact-us-container {
padding-top: 1.5em;
}
.contact-us-container > .flex {
flex-direction: row;
}
.contact-us-container .contact-us-box {
width: calc(50% - 1em);
margin-bottom: 0;
}
.contact-us-container > .contact-us-box {
margin-top: 4em;
width: 100%;
}
.order-history-form {
width: 700px;
border-width: 0 3px 3px 3px;
}
.order-history-form .medium-button {
width: 25em;
padding: .5em;
}
.order-history-form .OrderHistoy-fields {
width: 100%;
}
.some-times-centered {
text-align: center;
}
.bb-picker {
left: auto;
}
.add-to-cart-popup-main-wrapper {
min-width: 37rem;
}
.page_thankyou .searchFormDiv {
visibility: hidden;
display: block;
}
}
@media (min-width: 802px) {
.top-nav-section1.width-controller {
max-width: 100%;
}
.topNav .top-nav-elements a:first-child {
padding: 1em 1em 1em 0;
}
.footer .footerNav .left {
flex: 2.5;
}
.footer .footerNav, .footer .footerNav .left {
display: flex;
}
.belowFooter h6 {
padding-bottom: .5em;
text-align: left !important;
}
.belowFooter h6:first-child {
display: inline-block;
font-size: inherit;
padding-bottom: 2em;
}
.footer-required-links {
padding: inherit;
}
.topNav .logoDiv a img {
max-width: 31em;
}
.order-status-icon, .live-help-container, .my-account-container {
display: block;
}
.basket-icon a {
background-position-x: 99%;
}
#footer-email-popup {
width: auto;
margin: 0;
left: -50%;
}
#footer-email-popup .orange {
width: 50%;
}
.belowFooter .left {
display: block;
width: 100%;
flex-direction: column;
margin: 2em 0 2em 0;
}
.belowFooter .right {
margin: 0;
}
.message-group {
max-width: 50em;
}
.home-page-top .top-container-wrapper {
font-size: .7em;
}
.home-page-middle-container {
margin: 2em auto 0 auto;
flex-wrap: nowrap;
}
.home-page-middle-container .box {
margin: 0 .5em .5em .5em;
}
.home-page-middle-container .box:last-child {
margin-bottom: 1em;
}
.page_match .door-continue-container > div {
padding: .75em .5em .75em 2em;
}
.item-container {
margin: 0 0 1em -1.85em;
width: calc(100% + 1.85em);
}
.item-container .item {
width: auto;
max-width: calc(50% - 1.85em);
margin: 0 0 1.85em 1.85em;
}
.detail-image-container {
flex-direction: row-reverse;
}
#image-gallery > div {
margin: 2.80em 0 0 0;
max-width: 82px;
display: block;
}
.scroll-area .item-container .item {
max-width: calc(50% - 2em);
}
.checkout-crumbs {
border: 0;
}
.checkout-crumbs .state {
border: 1px solid #f16128;
padding: .50525em 1em;
}
.checkout-crumbs .sharp {
width: 5em;
min-height: 1em;
border-width: 1px;
border-style: solid;
border-color: #f16128;
border-radius: 0;
}
.checkout-crumbs .crumb:nth-child(1) .sharp {
border-left: 0;
transform: translateX(-1.5em) skewX(-45deg);
height: 2.268em;
}
.checkout-crumbs .crumb:nth-child(2) .sharp:nth-child(1) {
border-right: 0;
transform: translateX(1.5em) skewX(-45deg);
height: 2.268em;
}
.checkout-crumbs .crumb:nth-child(2) .sharp:last-child {
border-left: 0;
transform: translateX(-1.5em) skewX(-45deg);
height: 2.268em;
}
.checkout-crumbs .crumb:nth-child(3) .sharp {
border-right: 0;
transform: translateX(1.5em) skewX(-45deg);
height: 2.268em;
}
.order-billing, .order-shipping-options, .order-shipping {
float: left;
width: 26%;
}
.order-history-lookup-help h1 {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 2em;
}
.order-history-lookup-help .flex {
flex-direction: row;
}
.order-history-lookup-help .flex > div {
margin-bottom: 0;
}
.order-history-lookup-help .flex > div:first-child {
margin-right: 1.5em;
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
}
.order-img-container {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.order-history-lookup-help .flex > div:last-child {
flex: 1;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
}
.order-history-lookup-help .title {
font-size: 1.33em;
}
}
@media (min-width: 879px) {
.category-container .category {
max-width: calc(33% - 2.5em);
}
}
@media (min-width: 967px) {
.top-nav-middle-border {
margin-top: 5.80rem;
}
.searchFormDiv {
padding: 0
}
.top-nav-category-container {
padding-left: .25em;
}
.top-nav-elements {
flex-direction: row;
width: auto;
padding-left: 1em;
}
.top-nav-elements .mobile-only {
display: none;
}
.topNav .active .top-nav-elements {
max-height: 5.25em;
}
.topNav .top-nav-elements a, .topNav .active .top-nav-elements a {
color: #333333;
background: inherit;
text-align: center;
margin-right: 1.5em;
border: 0;
}
.topNav .top-nav-elements a:hover {
color: #CB4C0C;
}
.topNav .active .top-nav-elements a:after {
content: '';
right: 0;
}
.email-sign-up-footer {
flex-direction: row;
text-align: left;
}
.footer .email-sign-up-message {
margin-bottom: 0;
}
.footer-email-form fieldset, .footer-email-form-wrapper {
flex-direction: row;
height: 3em;
}
.footer-email-li input {
text-align: left;
min-width: 21em;
}
.footer-email-form input[type=submit] {
margin: 0 0 0 .5em;
}
.home-page-top .top-container-wrapper {
font-size: 1em;
}
.home-page-top .links-container {
padding: 3em 4em;
}
.checkout-crumbs .state {
padding: .5em 1em;
height: 2.3em;
}
}
@media (min-width: 982px) {
.width-controller {
min-width: 600px;
max-width: 982px;
}
.top-nav-section1-wrapper > div {
padding: .1em 1em 0 1em;
}
.page_index .main-content > div, .page_index .main-content .home-page-bottom > div {
min-width: 600px;
max-width: 982px;
margin: auto;
}
.page_index .content-containter-wrapper-div.width-controller, .page_index .main-content .home-page-bottom {
min-width: 100%;
}
}
@media (min-width: 1024px) {
.width-controller {
min-width: 982px;
max-width: 88.25em;
}
.footer .footerNav a, .footer .footerNav span {
padding: 0 0 1em 0;
min-width: 18em;
}
.footer-email-li input {
text-align: left;
min-width: 23em;
}
.bottomSpotTop {
width: 1000px;
}
.home-page-top .links-container {
padding: 2em;
}
.home-page-top .cell {
font-size: 1em;
}
.page_index .main-content > div, .home-page-bottom > div {
min-width: 982px;
max-width: 88.25em;
margin: 1em auto auto auto;
}
.page_serialNumber .main-content {
width: 996px;
}
.category-container .category {
max-width: calc(25% - 2.5em);
}
.item-container .item {
max-width: calc(33.33% - 1.85em);
}
.scroll-area .item-container .item {
max-width: calc(33.33% - 2em);
}
.add-to-cart-popup .scroll-area .item-container .item {
max-width: calc(50% - 2em);
}
}
@media (min-width: 1255px) {
.footer .footerNav a:nth-child(2n+1), .footer .footerNav span:nth-child(2n+1) {
min-width: 20em;
}
.page_match .door-feature-label, .page_match .door-feature-label {
width: 12em;
}
}
@media (min-width: 1430px) {
.home-page-top .top-container-wrapper {
font-size: 1em;
}
}
@media (min-width: 1439px) {
.g-recaptcha {
padding-bottom: 20px;
}
}
@media (min-width: 1600px) {
.page_category .content-containter-wrapper-div {
max-width: 156.25em;
}
.category-container .category {
max-width: calc(20% - 2.5em);
}
}
@media (min-width: 1800px) {
.page_category .content-containter-wrapper-div {
max-width: 175.25em;
}
.category-container .category {
max-width: calc(16.66% - 2.5em);
}
}