/*
Public site custom CSS
Section 1: define variables
Section 2: import common sass files
Section 3: all other custom css not shared by other eSites
Style notes:
colors
dark blue: #00324e
light blue: #307991
gold: #307991
dark gold: #bd9f50
red: #ff0000
dark grey: #666666
light grey: #cccccc
body grey: #eeeeee
Bright red: ea444d
font
Open Sans Condensed
font-family: "Open Sans Condensed",sans-serif;
font-style: normal;
font-weight: 400;
Open Sans
font-family: "Open Sans",sans-serif;
font-style: normal;
font-weight: 400;
font-color: #666666
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,700);
/*
* ROOT COMMON COLORS
* Use these colors going forward so that we have single point of control
*/
:root{
--wassNavyBlue: #00324E;
--wassWhite: #FFFFFF;
--wassBlack: #222222;
--wassLightBlue: #307991;
--wassGray: #EEEEEE;
--wassGold: #D2B159;
--wassRed: #E31C3D;
--color-primary:#00324E;
--color-primary-dark:#002235;
--color-secondary:#307991;
--color-secondary-light:#2B6D83;
--color-form-background:#E8EBF5;
--color-black:#222222;
--color-white:#FFFFFF;
--color-gray:#EEEEEE;
--color-red:#E31C3D;
--color-green-confirmation: #008800;
}
/* VARIABLES */
/* IMPORT */
/* COMMON IMPORTS */
/*start common body styles */
html {
font-size: 62.5%; }
body {
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 400;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: .04rem; }
html {
-webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); }
div.content_wrapper {
background: #eeeeee; }
div.content_wrapper > div.content_left_shadow > div.content_right_shadow > div.main_content {
background: #eeeeee;
max-width: 1400px; }
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 400;
margin-bottom: 15px;
line-height: 1em; }
h1 {
font-size: 4rem; }
/*error messaging store encountered an error*/
h1[role^='main'] {
font-size: 3rem;
color: #B43A4C; }
h2 {
font-size: 3rem; }
h3 {
font-size: 2.4rem; }
.inputField,
.input_field {
border-radius: 0; }
#contentWrapper, .contentWrapper {
background-color: #eeeeee; }
.contentBk {
background-color: #fff; }
/*push pull classes to move content around */
.push-acol3 {
left: 25%; }
.pull-acol3 {
left: -25%; }
.push-acol12 {
left: 100%; }
.pull-acol12 {
left: -100%; }
.horizontalList li {
display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
vertical-align: middle; }
.horizontalList li:last-of-type {
margin-right: 0; }
.noBullet {
list-style-type: none;
padding-left: 0; }
.align_center {
text-align: center; }
.textUnderline:hover {
text-decoration: underline; }
/* buttons */
.button.primary, .button.secondary,
.button_secondary, .button.teritary, .button.cancel, .basicButton, .button.small, .button.regularSize, .button.thin,
.button_primary {
background-image: none;
background-color: #00324e;
color: white;
border: none;
padding: 10px;
font-size: 1.2em;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: bold;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
/*min-width: 93%;*/
display: inline-block;
line-height: 1.5em; }
.button.primary:hover, .button.secondary:hover,
.button_secondary:hover, .button.teritary:hover, .button.cancel:hover, .basicButton:hover, .button.small:hover, .button.regularSize:hover, .button.thin:hover,
.button_primary:hover {
background-image: none;
background-color: #002235; }
.button.secondary,
.button_secondary {
background-color: #307991; }
.button.secondary:hover,
.button_secondary:hover {
background-image: none;
background-color: #2b6d83; }
.button_primary > .button_text,
.button_secondary > .button_text {
border: none; }
.button.teritary {
background-color: #307991;
text-align: center; }
.button.teritary:hover {
background-color: #2b6d83; }
.button.cancel {
background-color: #666666; }
.button.cancel:hover {
background-color: #595959; }
.basicButton > span {
border: none; }
.button.small {
min-width: 45%;
padding: 5px; }
.button.regularSize {
min-width: 20%;
padding: 5px; }
.button.thin {
padding-top: 5px;
padding-bottom: 5px;
font-size: 1em; }
.prevPageButton, .controlBar > .prevPageButton {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 30px 0;
border-color: transparent #cccccc transparent transparent; }
.prevPageButton:hover, .controlBar > .prevPageButton:hover {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 30px 0;
border-color: transparent #00324e transparent transparent; }
.nextPageButton, .controlBar > .nextPageButton {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 25px;
border-color: transparent transparent transparent #cccccc; }
.nextPageButton:hover, .controlBar > .nextPageButton:hover {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 30px 25px;
border-color: transparent transparent transparent #00324e; }
.carousel > .prevPageButton:before, .carousel > .nextPageButton:before {
content: none;
display: block;
position: absolute;
top: -60px; }
.controlBar > .prevPageButton, .controlBar > .prevPageButton:hover {
border-width: 15px 15px 15px 0; }
.controlBar > .nextPageButton, .controlBar > .nextPageButton:hover {
border-width: 15px 0 15px 15px; }
.pageControl.dot > a {
background-color: #fff; }
.pageControl.dot > a:hover {
background-color: #00324e; }
.contentCarouselWidget > .prevPageButton, .contentCarouselWidget > .nextPageButton {
width: auto;
height: auto;
opacity: .4; }
.carousel {
overflow: hidden; }
.carousel > .prevPageButton, .carousel > .nextPageButton {
width: auto;
height: auto; }
.carousel > .content > ul > li img {
max-width: 100%; }
.product_info > .product_price {
border-top: 1px solid #eeeeee;
color: #307991;
font-size: 1.2em;
font-weight: normal; }
.product_info > .product_name > a {
padding-left: 10px;
color: #666666;
font-size: 0.9em; }
.product {
background-color: #fff;
margin: 10px;
border: 1px solid #cccbcb;
min-height: 250px; }
.compare_target_hidden {
display: none; }
.price {
padding-left: 10px;
color: #307991; }
.product_group_name {
color: #307991;
font-size: 1em;
text-transform: uppercase; }
.carousel > h2 {
color: #00324e;
text-transform: uppercase;
font-size: 2em;
padding-bottom: 5px;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400; }
.catPos {
border-radius: 0;
background-color: #fff;
min-height: 200px;
-webkit-box-shadow: 2px 2px 10px #cccbcb ;
-moz-box-shadow: 2px 2px 10px #cccbcb ;
box-shadow: 2px 2px 10px #cccbcb ; }
.catPos > .container {
text-align: left; }
.catPos > .product_image > a > img {
max-height: 300px; }
.catPos > .container > a {
text-align: center;
font-size: 1.5em;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
letter-spacing: 1px; }
.left_espot > .catPos > .container > a {
text-align: left;
padding-left: 10px;
font-size: 1.9em;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
letter-spacing: 1px; }
.category_group_name {
font-size: 2.5rem;
text-transform: uppercase;
color: #307991; }
.catPos > .product_image:after {
content: '';
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
position: absolute;
left: 30%;
bottom: 0;
margin-left: -20px; }
.catPos > .product_image {
border: none; }
.catPos > .container {
background: #fff; }
.listViewAll {
text-transform: uppercase;
font-weight: bold; }
.categoryThumbnailList li {
list-style-type: none;
color: #00324e;
width: 100%;
padding-left: 10px;
font-size: 12px; }
.categoryThumbnailList {
padding-left: 0px; }
/* Ratings and Reviews */
#questionAndReview {
padding: 5px; }
#questionAndReview > a {
color: #00324e;
text-decoration: underline;
font-weight: 600; }
#questionAndReview > a:hover {
color: #307991;
text-decoration: none; }
.rating-static {
width: 60px;
height: 16px;
display: block;
background: url("http://www.itsalif.info/blogfiles/rating/star-rating.png") 0 0 no-repeat;
float: right;
margin-right: 12px; }
.rating-50 {
background-position: 0 0; }
.rating-40 {
background-position: -12px 0; }
.rating-30 {
background-position: -24px 0; }
.rating-20 {
background-position: -36px 0; }
.rating-10 {
background-position: -48px 0; }
.rating-0 {
background-position: -60px 0; }
.rating-5 {
background-position: -48px -16px; }
.rating-15 {
background-position: -36px -16px; }
.rating-25 {
background-position: -24px -16px; }
.rating-35 {
background-position: -12px -16px; }
.rating-45 {
background-position: 0 -16px; }
.reviewItem {
float: right; }
/* Brands Widget */
#brandsAlphaSort > a {
background: #307991 none repeat scroll 0 0;
cursor: pointer;
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
margin: 4px 2px;
padding: 8px 13px;
color: #fff;
display: inline-block; }
#brandsAlphaSort > a:hover {
background: #00324e none repeat scroll 0 0; }
.alphabetical-family h3 {
color: #fff;
padding: 8px;
font-weight: bold;
background-color: #307991; }
.alphabetical-family ul.category-group {
display: inline-block;
list-style: outside none none;
padding: 0;
width: 100%; }
.alphabetical-family ul.category-group li a {
display: block;
font-size: 13px;
padding: 8px 0 8px 13px;
word-wrap: break-word;
-ms-word-wrap: break-word; }
ul.category-group li {
float: left; }
.bottomBorder {
border-bottom: 1px solid #eeeeee;
padding: 10px 0; }
.rowPadding {
padding: 10px; }
/*ico moon font file information and css */
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot?8xqq9a");
src: url("../fonts/icomoon.eot?8xqq9a#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?8xqq9a") format("truetype"), url("../fonts/icomoon.woff?8xqq9a") format("woff"), url("../fonts/icomoon.svg?8xqq9a#icomoon") format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-check:before {
content: "\e90a"; }
.icon-unavailable:before {
content: "\e90b"; }
.icon-cart:before {
content: "\e93a"; }
.icon-home3:before {
content: "\e906"; }
.icon-plus:before {
content: "\e907"; }
.icon-minus:before {
content: "\e908"; }
.icon-close_btn:before {
content: "\e909"; }
.icon-search:before {
content: "\f002"; }
.icon-close:before {
content: "\f00d"; }
.icon-remove:before {
content: "\f00d"; }
.icon-times:before {
content: "\f00d"; }
.icon-chevron-left:before {
content: "\f053"; }
.icon-chevron-right:before {
content: "\f054"; }
.icon-caret-left:before {
content: "\f0d9"; }
.icon-caret-right:before {
content: "\f0da"; }
.icon-fb-round:before {
content: "\e900"; }
.icon-googleplus-round:before {
content: "\e901"; }
.icon-linkedin-round:before {
content: "\e902"; }
.icon-pinterest-round:before {
content: "\e903"; }
.icon-twitter-round:before {
content: "\e904"; }
.icon-youtube-round:before {
content: "\e905"; }
/*new loader */
#progress_bar {
background: #fff;
position: fixed;
/* or absolute */
top: 50% !important;
left: 50% !important; }
.progressUnderlay {
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #000; }
#loading_popup {
height: 100px; }
.loader {
text-align: center; }
.loader span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 50px auto;
background: #307991;
border-radius: 50px;
-webkit-animation: loader 0.9s infinite alternate;
-moz-animation: loader 0.9s infinite alternate; }
.loader span:nth-of-type(2) {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s; }
.loader span:nth-of-type(3) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s; }
@-webkit-keyframes loader {
0% {
width: 10px;
height: 10px;
opacity: 0.9;
-webkit-transform: translateY(0); }
100% {
width: 24px;
height: 24px;
opacity: 0.1;
-webkit-transform: translateY(-21px); } }
@-moz-keyframes loader {
0% {
width: 10px;
height: 10px;
opacity: 0.9;
-moz-transform: translateY(0); }
100% {
width: 24px;
height: 24px;
opacity: 0.1;
-moz-transform: translateY(-21px); } }
/* AP Accounts */
#APAging_Widget, #PayerStoresListTable_Widget, #PayerStoresListWidget {
background: #fff;
margin-bottom: 20px; }
#payerSelectionLogOff {
font-size: 1.4rem; }
.phoneNumberAP {
margin: 10px; }
.listTable {
border-radius: 0px;
box-sizing: border-box; }
.apContactNum, .apPayerSignOutBtn {
float: right;
margin-right: 15px; }
.apContactNum {
margin-top: 10px; }
.payerAddressWrapper {
margin-left: 20px; }
.col4.openAmountInRange.apAgingColumn div.cell {
text-align: right; }
#savedPaymentAPPayer {
width: 50%; }
#add-credit-info #totalAmountDue {
font-size: 1.6rem;
line-height: 2.4rem; }
/* invoice tables */
#InvoicesDetailTable_Widget .listTable .cell {
text-align: center; }
#InvoicesDetailTable_Widget .listTable .invoicesDetailColumn {
border-right: 1px solid #dedede; }
#InvoicesDetailTable_Widget .listTable .invoicesDetailColumn.totalAmount {
border-right: 0; }
#InvoicesDetailTable_Widget .listTable .invoiceName .cell {
text-align: left; }
#InvoicesDetailTable_Widget .listTable .tableHeader .cell a,
#InvoicesDetailTable_Widget .listTable .tableHeader div[role^="columnheader"].cell {
font-weight: 800;
font-size: 1.7rem;
color: #307991;
padding-right: 5px; }
#InvoicesDetail_table_content {
border-top: 1px solid #dedede; }
#InvoicesDetail_table > div.tableHeader:first-of-type {
padding: 10px;
background: transparent; }
#InvoicesDetail_table_content .row.tableHeader {
padding: 5px 0; }
#InvoicesDetail_table_content .row.tableHeader .invoicesDetailHeader {
padding: 0; }
#selected_store_invoices {
margin-top: 15px; }
#InvoicesPaymentWidget .inner-section.border {
margin: 0; }
.cwWrapper #ccid.inputField {
width: 25%; }
#InvoicesDetailTable_Widget .listTable .cell.total,
#InvoicesDetailTable_Widget .openAmt .cell,
#InvoicesDetailTable_Widget .invoiceAmt .cell {
text-align: right; }
#PayerStoresList_table_content .internalStore, #PayerStoresList_table_content .storeId,
#PayerStoresList_table_content .openInvoiceNo {
text-align: center; }
/* #AddPaymentForm a, a.payerLinks {
color: #307991;
font-weight: 800; } */
#AddPaymentForm a:hover, a.payerLinks:hover {
text-decoration: underline; }
div.payerPhoneWrapper .col6 {
width: 50%;
margin-right: 10px; }
div.payerPhoneWrapper .col4 {
width: 20%;
margin-left: 5px; }
.openAmt {
text-align: right; }
div#tableMessage.pageMessages {
padding-top: 16px;
color: #E31C3D;
display: none; }
/* My Account / Error Pages / generic static pages */
.my-account .facetWidget > h3,
.my-account div#facetFilterListWrapper {
display: none !important; }
.my-account #content .facetWidget.collapsible,
.my-account #content .facetWidget.collapsible:hover {
padding-top: 0; }
.my-account .my_account {
background: #fff;
border: 1px solid #d5d5d5;
width: auto;
float: none; }
#box .my_account .body {
padding: 0px 18px 20px 18px; }
.my-account #box .contentline {
display: none; }
.my_account .myaccount_link {
color: #666666; }
.my_account .myaccount_link:hover {
text-decoration: underline; }
.myaccount_header {
background-color: #fff;
border-color: #d5d5d5;
color: #00324e;
border-width: 1px;
margin-bottom: -1px;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 2.5em;
text-transform: uppercase;
padding: 10px 18px 9px;
letter-spacing: 1px; }
.my-account .myaccount_header span {
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 400;
font-size: 14px;
display: block;
text-transform: none;
color: #666666;
line-height: 2em;
margin-top: 8px;
float: right; }
#box .my_account .body {
border-left: 0;
border-right: 0;
border-bottom: 0; }
.optionContainer .arrow {
display: none;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 7px solid #00324e;
left: 0;
top: 0;
width: 0;
height: 0;
transform: rotate(0deg);
transition: transform .5s ease; }
.optionContainer .arrow.arrow_collapsed {
border-bottom: 7px solid transparent;
border-top: 7px solid transparent;
border-left: 7px solid #00324e;
top: -2px; }
.optionContainer .arrow:before {
content: '';
display: none; }
#content .collapsible > h3:before, .categoryNavWidget.collapsible > h3:before, .linkWidget.collapsible > h3:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e908";
clip: initial;
color: #00324e;
font-size: 1.6rem;
top: 15px;
left: 9px; }
#content .collapsible[aria-expanded="false"] > h3:before, .categoryNavWidget.collapsible[aria-expanded="false"] > h3:before, .linkWidget.collapsible[aria-expanded="false"] > h3:before {
content: "\e907";
clip: initial;
color: #00324e;
font-size: 1.8rem;
top: 15px;
left: 9px; }
.my_account .content, .sign_in_registration .align {
border-left: solid 1px #d5d5d5;
border-right: solid 1px #d5d5d5;
border-bottom: solid 1px #d5d5d5;
display: block;
background-color: #fff;
padding: 18px; }
.my_account .info {
padding: 0; }
.my_account .header {
font-size: 2rem;
color: #666666;
padding: 10px 18px 8px;
display: block;
margin: 0; }
.myaccount_section_header.around_border {
border: 1px solid #d5d5d5;
margin-top: 20px;
background: #fff; }
.saved-card-actions .button.delete {
border: 1px solid #E31C3D;
background: #fff;
color: #E31C3D;
padding: 4px; }
.saved-card-actions .button.delete:hover {
background-color: #E31C3D;
color: #fff; }
/*div.forgot_password_container {
max-width: 305px;
}*/
#WC_AjaxAddressBookForm_links_2 {
margin-left: 15px; }
#addr_title h2 {
font-size: 1em; }
.inputField {
font-size: 16px; }
.myaccount_subheader, .checkout_subheader {
background: #fff;
border: 1px solid #d5d5d5;
margin: 0 auto;
padding: 0px 18px;
border-bottom: 0; }
div#container_MyAccountDisplayB2B {
padding-bottom: 105px; }
#AddPaymentForm .column_label {
margin-bottom: 5px; }
.checkout_subheader {
border: none; }
.static_page_content > .content_box .header_top {
color: #00324e;
margin-bottom: 0px;
font-size: 1.5em;
text-transform: uppercase;
padding: 15px;
background-color: #fff;
border-bottom: solid 1px #eeeeee; }
.static_page_content > .content_box {
border: solid 1px #eeeeee;
display: block;
background-color: #fff;
padding: 0;
margin-top: 15px; }
.static_page_content > .content_box .info_section {
padding: 15px; }
.sign_in_registration .title h1 {
font-size: 4rem;
text-transform: capitalize;
color: #00324e;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400; }
.registration_header {
color: #307991;
font-size: 3.5rem;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
text-transform: uppercase; }
.sign_in input[type=text] {
height: auto;
padding: 8px; }
#box {
padding-bottom: 10em; }
.my-account #box {
padding-bottom: 0; }
.tabsubnav-boxlayout {
background-color: #fff;
padding: 10px;
border: 1px solid #eeeeee; }
.tabsubnav-boxlayout h3 {
font-size: 3.5rem;
text-transform: capitalize;
color: #307991;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 400; }
.my-account .row.bottomBorder .column,
#credit-info .column {
padding-bottom: 10px; }
#EditPaymentForm .inner-section div.row.bottomBorder:last-of-type {
border-bottom: 0; }
.inner-section.add-edit-card {
float: none; }
.column_label {
font-size: 14px; }
.my-account .row.bottomBorder .column select,
#credit-info .column select {
padding: 5px;
font-size: 16px;
width: 39%; }
.my-account .default-credit-card {
color: #008800;
text-transform: capitalize;
font-size: 14px; }
.my-account #EditPaymentForm .button {
width: 100%;
margin-bottom: 10px;
min-width: 0; }
a.profile_link {
/* color: #307991; */
font-size: 14px;
text-transform: capitalize;
text-decoration: underline; }
.my_account_wishlist {
padding-top: 10px; }
.my_account_wishlist select {
padding: 7px;
min-width: 200px; }
#box .my_account .body:after,
div.update-password:after {
display: block;
content: "";
clear: both; }
.personal-info .my_account .content {
border: 0;
padding: 18px 0; }
.my-account .my-orders .my_account {
padding: 18px; }
label.set-as-default input[type="checkbox"] {
vertical-align: top; }
/* order tracking page my account */
#order-tracking-search .inputField {
width: 40%;
margin-bottom: 30px; }
#order-tracking-search .column_label {
width: 200px; }
.orderTrackingPage .section-wrap {
border-top: 0;
border-bottom: 0; }
.orderTrackingPage .section-wrap:last-of-type {
border-bottom: 1px solid #d5d5d5; }
/* Item History page - My Account */
div#item-history > table {
width: 100%;
border-collapse: collapse; }
div#item-history > table td,
div#item-history > table th {
border-bottom: 1px solid #ddd;
padding: 10px;
text-align: left; }
div#item-history > table th {
font-size: 14px; }
div#item-history > table td.order-id-list > span:last-of-type {
display: none; }
.item-history div#add-credit-info {
padding: 0 9px; }
.fullView, #SavedOrderList_list_table .footer {
background: #fff; }
.item-history-form {
max-width: 550px;
margin: 25px auto 10px; }
.item-history-form .form-row {
margin-bottom: 10px; }
.item-history-form .column_label {
min-width: 145px;
text-align: right;
display: inline-block;
font-size: 16px; }
.item-history-form .column_field {
display: inline-block; }
.item-history-form .column_field select,
.item-history-form .column_field input {
padding: 3px;
border: 1px solid #bfbfbf; }
input#itemHistorySearchTerm {
width: 350px;
box-sizing: border-box; }
.item-history-form .button-row {
text-align: center;
padding-top: 20px; }
.item-history-form .button.small {
font-size: 1em;
font-weight: normal;
min-width: 150px; }
@media (max-width: 900px) {
div#item-history > table,
div#item-history thead,
div#item-history tbody,
div#item-history th,
div#item-history td,
div#item-history tr {
display: block; }
div#item-history tr {
margin: 0 -10px 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd; }
div#item-history > table td,
div#item-history > table th {
border-bottom: 0; }
div#item-history td:before {
padding-right: 10px;
white-space: nowrap;
display: block;
float: left;
width: 30%;
font-weight: bold;
text-align: right;
content: attr(data-label);
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 700; }
div#item-history > table td:after {
content: "";
display: block;
clear: both; }
div#item-history td div.item-wrap {
float: left;
width: 60%; }
div#item-history .column-titles {
visibility: hidden;
position: absolute;
top: -9999em; }
.item-history-form .column_label {
text-align: left;
display: block;
margin-bottom: 3px; }
.item-history-form .column_field {
display: block; }
.item-history-form .column_field select, .item-history-form .column_field input {
width: 100% !important;
box-sizing: border-box; }
.item-history-form .button.small {
padding: 10px; } }
/* Order history */
#OrderHistorySeach select {
width: 180px;
height: 25px;
float: right; }
#OrderHistorySearchResults .orderTotal {
text-align: right; }
#WC_RegistrationUpdateCommonPage_div_1 div.controlBar {
padding: 10px 0; }
/* Compare Page */
.widget_product_compare .compare_heading {
font-size: 2em;
color: #00324e;
text-transform: uppercase; }
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .heading {
color: #00324e;
font-weight: bold; }
.widget_product_compare .row a {
color: #666666; }
.button_text {
color: #fff; }
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row a:hover {
text-decoration: none; }
.widget_product_compare {
padding: 16px;
background-color: #fff; }
.widget_product_compare > .middle > .left_border > .right_border > .content > .compare_main .row > .item > .price {
color: #00324e; }
.widget_product_compare a {
color: #00324e;
font-size: .9em; }
/* Social Media Widget */
.socialMediaPDP {
padding: 10px; }
.socialMediaPDPPublic {
text-align: center; }
.socialMediaPDPNational {
text-align: center; }
.socialMediaPDP a {
margin-right: 5px; }
/* Sitemap */
.sitemapContent {
padding: 0px;
border: 1px solid #eeeeee; }
.static_page_content > .page_header {
color: #00324e;
font-size: 2.5em;
padding: 10px;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
border-bottom: 2px solid #00324e; }
.static_page_content .info_table_1 {
background-color: #fff;
border: none; }
.siteMap1 {
text-transform: uppercase;
color: #00324e;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 600;
font-size: 2.5rem; }
.siteMap2 {
text-transform: none;
color: #307991;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 2.8rem; }
.static_page_content .column_box .column ul .h3 {
color: #666666;
font-size: 1.5rem;
margin-left: 10px;
padding-top: 5px;
vertical-align: top;
padding: 0;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 200; }
.sitemapContent li ul li {
padding-left: 15px; }
.static_page_content li li li {
display: inline-block;
width: 35%; }
/* STORE SELECTION */
.storeSelectionTitle {
height: auto;
margin-top: 0px;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
color: #307991;
border-radius: 0;
border-top: 0;
padding: 0px;
line-height: 1em;
border-bottom: 0;
text-transform: uppercase;
letter-spacing: .05rem; }
.selectWrapper {
background-color: #fff;
border-radius: 0px; }
.selectWrapper .dijitSelect {
color: #888; }
div#WC_AccountSelection_ViewPerPage_DropDown_Label {
color: #888;
font-size: 12px;
font-weight: normal; }
div#AccountSelectionPageWidget {
background-color: #fff; }
.listTable .cell a, .listTableMobile .cell a {
color: #307991; }
.listTable .actions .cell {
/* margin-top:20px; */ }
div#contentRecommendationWidget_AccountSelectionESpot {
padding: 1em; }
/* Quick Order Page */
#quick_order {
font-size: 16px; }
.quickorder-page .container_content_rightsidebar {
max-width: none;
border: none;
background: transparent; }
.quickorder-page #box {
padding-bottom: 10em;
border: 1px solid #e0e0e0;
background: #fff;
padding: 18px 9px; }
.quickorder-page .listTable {
border: none; }
.quickorder-page .listTable .toolbar {
background: none;
margin: 0;
padding: 0; }
.quickorder-page .uploadList {
position: relative;
float: right;
margin: -80px 0px 0; }
#uploadListButton span.icon-chevron-right {
transform: rotate(90deg);
display: inline-block;
margin-left: 5px;
vertical-align: middle;
transition: all .2s;
transform-origin: 5px 7px; }
#uploadListButton.clicked span.icon-chevron-right {
transform: rotate(-90deg);
transform-origin: 6px 5px; }
.uploadList {
position: relative;
float: right;
margin: -52px 10px 0; }
.listTable .toolbar #uploadListButton {
margin-top: 0px;
display: table; }
.listTable .toolbar #uploadListButton.clicked {
background: #307991;
border-bottom: none;
z-index: 12;
filter: none !important; }
#uploadListDropdown {
right: 0px;
top: 0px;
margin-top: 0px;
z-index: 100; }
#RequisitionList_UploadListForm_Save.button_secondary {
background-color: #307991; }
.uploadTableList .download_link {
color: #307991;
line-height: 1.2em; }
/* Quick Order Results Page */
.upload-log #status {
display: block;
clear: left;
margin: 15px 0; }
/*home page bottom row wrapper */
.bottomRowWrapper {
background-color: #fff; }
.bottomRowWrapper div[data-slot-id~="10"]:empty {
display: none; }
.bottomSectionHome.rowContainer,
.bottomSectionHome.rowContainer .row {
padding: 0px; }
#RequisitionListItems_table_content {
background: #fff; }
#RequisitionList_list_table .uploadList {
margin: 0px 10px 0; }
#RequisitionList_list_table .listTable .toolbar #uploadListButton {
margin-top: 0px;
display: table; }
/*product recommendation widget*/
#IBMProductRecommendationWidget div.product {
min-height: 275px; }
#IBMProductRecommendationWidget div.product > div {
padding: 0; }
#IBMProductRecommendationWidget.catalogEntryRecommendationWidget .product .product_info > .product_name {
padding: 0 20px; }
#IBMProductRecommendationWidget div.product .price {
padding: 5px 20px;
display: block; }
/* unsupported browser page */
.ie6_Banner {
background: transparent;
height: 90px;
border-bottom: 30px solid #00324e; }
.ie6_Banner #logo {
position: relative;
margin-top: 10px; }
/*home page featured Manufactures category bottom of page only */
.bottomSectionHome .categoryRecommendationWidget .catPos {
box-shadow: none;
border: 0; }
.bottomSectionHome .categoryRecommendationWidget .catPos > .product_image > a > img {
vertical-align: middle;
max-height: 160px; }
.bottomSectionHome .categoryRecommendationWidget .catPos > .container {
display: none; }
.bottomSectionHome .categoryRecommendationWidget .catPos > .product_image:after {
display: none; }
.verticalHelper {
display: inline-block;
height: 100%;
vertical-align: middle; }
.titleItems > a {
text-transform: lowercase;
color: #307991;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 400;
font-size: 1.8rem;
margin-left: 10px;
text-decoration: none; }
.titleItems > a:hover {
text-decoration: underline; }
/* MEDIA QUERIES */
@media (max-width: 1280px) {
div#wishlist {
margin-left: 0; } }
@media (max-width: 900px) {
.myaccount_header span {
float: none; } }
nav#widget_breadcrumb > ul li a, nav#widget_breadcrumb > ul li,
nav#widget_breadcrumb > ul span.divider, nav#widget_breadcrumb > ul li.divider {
color: #666666;
font-size: 1.4rem;
font-weight: 400; }
nav#widget_breadcrumb > ul span.divider, nav#widget_breadcrumb > ul li.divider {
margin: 0 2px; }
nav#widget_breadcrumb > ul li.current {
color: #00324e; }
/*newsletter signup widget */
.emailSignUpWrapper {
margin: 20px 10px; }
.emailSignUpWrapper input {
padding: 7px;
border: 1px solid #AAA;
height: auto;
width: 350px;
box-sizing: border-box;
margin-right: 15px; }
.emailSignUpWrapper .button_secondary {
margin-top: -1px;
background-color: #00324e; }
.emailSignUpWrapper .button_secondary > .button_text {
height: auto;
font-size: 1.4rem; }
/* REQ LISTS */
.requisitionListContent h1 {
padding: 5px 8px 5px 8px;
font-size: 1.5em;
display: block;
color: #00324e;
text-transform: uppercase; }
.requisitionListContent .productAdded .message {
background: #fff;
color: #000;
padding: 7px;
border-bottom: 1px solid #EDEFF0;
font-weight: 100;
word-wrap: break-word; }
.loader,
.loader:before,
.loader:after {
border-radius: 50%; }
.loader:before,
.loader:after {
position: absolute;
content: ''; }
.loader:before {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 10.2em 0 0 10.2em;
top: -0.1em;
left: -0.1em;
-webkit-transform-origin: 5.2em 5.1em;
transform-origin: 5.2em 5.1em;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s; }
.loader {
color: #307991;
font-size: 11px;
text-indent: -99999em;
margin: 9px auto;
position: relative;
width: 10em;
height: 10em;
box-shadow: inset 0 0 0 1em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0); }
.loader:after {
width: 5.2em;
height: 10.2em;
background: #fff;
border-radius: 0 10.2em 10.2em 0;
top: -0.1em;
left: 5.1em;
-webkit-transform-origin: 0px 5.1em;
transform-origin: 0px 5.1em;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease; }
.loaderWrapper {
height: 8em;
width: 8em;
background: #fff;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.8);
border-radius: 50%;
top: 39%;
left: 50%;
position: fixed;
margin: 0 auto; }
#progress_bar {
background: rgba(255, 255, 255, 0.6);
position: fixed;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%; }
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.nonRWDPage {
min-width: auto; }
/*registartion page update */
.registerPhoneNum {
float: left;
width: 50%; }
.registerPhoneExtLabel {
width: 7%;
float: left;
margin-left: 15px; }
.registerExtNum {
float: left;
width: 20%; }
#WC_UserRegistrationAddForm_Buttons_1 .button {
margin-bottom: 15px;
margin-right: 15px;
padding: 10px; }
@media (max-width: 760px) {
.nonRWDPage {
min-width: auto; }
body {
font-size: 1.2rem;
line-height: 1.8rem; }
.button.primary, .button.secondary,
.button_secondary, .button.teritary, .button.cancel, .basicButton, .button.small, .button.regularSize, .button.thin,
.button.secondary,
.button_secondary,
.button.teritary,
.button.cancel,
.basicButton,
.button.small,
.button.regularSize,
.button.thin,
.button_primary {
width: 100%;
box-sizing: border-box; }
input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
margin: 0;
padding: 0 6px;
width: 100%;
height: 40px;
line-height: 20px;
font-size: 17px !important;
border: 1px solid #bbb;
box-sizing: border-box; }
select {
padding: 12px 6px; }
.sign_in_registration .title h1 {
font-size: 1.5em; }
.quantity_section input {
display: inline; }
div.namePartPriceContainer, .product_text, .shopperActions, .generic_error_container {
width: 95%;
margin-left: 10px; }
.static_page_content li li li {
width: 95%; }
.tabsubnav-boxlayout {
margin-right: 10px;
margin-left: 10px; }
#questionAndReview {
padding: 15px; }
.my-account .facetWidget > h3,
.my-account div#facetFilterListWrapper {
display: block !important; }
.my-account #content .facetWidget.collapsible,
.my-account #content .facetWidget.collapsible:hover {
padding-top: 10px; }
.my-account .optionContainer .arrow {
display: block; }
#quick_order .img {
margin-top: 30px; }
.quickorder-page .uploadList {
position: relative;
float: none;
margin: 0 10px 10px; }
#uploadListDropdown {
right: 0px;
top: 30px;
left: 0;
border-top-left-radius: 0;
width: auto; }
.quickorder-page .button_secondary,
.quickorder-page .button_primary {
display: table; }
.uploadTableList #fileNameBox {
width: 100%; }
#quick_order .order_button {
padding-left: 0;
float: none; }
.loaderWrapper {
top: 40%;
left: 31%;
width: 11em;
height: 11em; }
.emailSignUpWrapper input#emailAddress {
margin-bottom: 15px; }
/*my account nav listing adjustments */
.optionContainer .arrow {
display: block; }
.basicMenu > h3 {
background-color: #00324e; }
#box .my_account .body {
padding: 0px 5px 20px 5px; }
.my_account .content, .sign_in_registration .align {
padding: 10px; }
.my_account .header {
padding: 10px 10px 8px; }
.registerPhoneExtLabel {
margin-left: 0;
width: 50%; }
/*payer account sections */
#InvoicesDetailTable_Widget .listTable .invoicesDetailColumn {
border: 0; }
.payerAddressWrapper {
margin-left: 0px; } }
#unSupportedPageBar {
position: fixed;
top: 0;
border: 1px solid #ccc;
background-color: #fff;
display: none;
width: 600px;
z-index: 100;
left: 50%;
right: 0;
margin: 0;
margin-left: -300px;
padding: 15px; }
#unSupportedPageBar.visible {
display: block; }
#clickableErrorMessageImg {
float: right; }
@media (max-width: 768px) {
#unSupportedPageBar {
width: 300px;
font-size: 1.2rem;
margin-left: -150px; } }
/* newsletter styles from Noah */
.emailSignUpWrapper {
overflow: hidden;
clear: both;
background-color: #fff; }
#EmailSignupContentArea {
overflow: hidden;
clear: both;
padding: 20px; }
.emailSignUpAccent {
background-image: url(https://assets.wasserstrom.com/image/upload/f_auto/newsletter%2Dsignup%2Daccent);
height: 20px;
width: 100%;
max-width: 1400px; }
.emailSignUpIcon {
float: left;
width: 40%;
text-align: center;
padding: 0 20px;
box-sizing: border-box; }
.emailSignUpIcon img {
width: 100%;
max-width: 291px;
height: auto; }
#subscribeForm {
float: left;
width: 60%; }
#subscribeForm h3 {
font-family: "Open Sans Condensed", sans-serif;
text-transform: uppercase;
font-size: 2.4em;
font-weight: 700;
color: #00324e; }
.EmailSignupMessageArea {
text-align: center;
padding: 40px 0; }
.newsletter-signup-container #subscribeForm .button.primary, .newsletter-signup-container #subscribeForm .button.secondary,
.newsletter-signup-container #subscribeForm .button_secondary, .newsletter-signup-container #subscribeForm .button.teritary, .newsletter-signup-container #subscribeForm .button.cancel, .newsletter-signup-container #subscribeForm .basicButton, .newsletter-signup-container #subscribeForm .button.small, .newsletter-signup-container #subscribeForm .button.regularSize, .newsletter-signup-container #subscribeForm .button.thin {
background-color: #00324e;
background-image: none;
color: white;
border: none;
padding: 10px;
font-size: 1em;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: bold;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
/* min-width: 93%; */
display: inline-block;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 2px; }
.newsletter-signup-container p, #subscribeForm p {
font-family: "Open Sans", sans-serif;
font-weight: 400;
line-height: 20px;
margin-bottom: 20px; }
.newsletter-signup-container a {
text-decoration: none; }
.newsletter-signup-secure {
font-size: 10px;
color: #a8a8a8;
margin-top: 15px;
max-width: 600px;
width: 100%; }
.newsletter-signup-secure a {
color: #a8a8a8;
text-decoration: underline; }
.newsletter-signup-container p {
font-weight: 400;
line-height: 20px;
margin-bottom: 20px; }
@media (max-width: 768px) {
.emailSignUpIcon {
display: none; }
#subscribeForm {
float: none;
width: 100%; }
#EmailSignupContentArea {
padding: 20px; } }
ul[id^="catalogModeList_"] input[type="radio"] {
margin-right: 5px;
margin-top: 5px;
top: 3px;
position: relative; }
/* End common body styles */
/* START HEADER */
#headerRow2 {
background-color: #00324e;
background-image: none;
min-height: 70px; }
#header:before {
display: none; }
#searchBar {
right: 70px;
top: 13px; }
#searchBox > .submitButton:before {
content: none; }
#searchBox > .submitButton {
border: 12px solid #307991;
border-top: 6px solid #307991;
border-bottom: 5px solid #307991;
background-color: #307991;
color: #fff;
font-size: 2.4rem;
width: 23px;
height: 27px;
overflow: hidden;
margin: 0; }
#searchFilterButton {
width: 140px;
font-size: .9em; }
a.searchDropDownClose {
position: absolute;
right: 15px;
top: 17px;
font-size: 2.4rem;
font-weight: 700;
color: #00324e;
display: none; }
.contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot, #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot > a, #logo .contentRecommendationWidget > #ci_espot__HeaderStoreLogo_Content > .left_espot > a > img, #logo .genericESpot {
height: auto;
padding-top: 3px;
max-width: 200px;
width: 100%; }
.floating-logos {
display: inline-block;
max-width: 250px;
max-height: 55px;
margin: 5px;
vertical-align: middle; }
#departmentsMenu {
width: 65%; }
#searchBar {
width: 30%; }
.departmentButton {
color: #fff;
text-transform: uppercase;
background-image: none;
border: none;
font-weight: bold; }
.departmentButton > span {
border: none; }
.departmentButton:hover {
background-image: none; }
.departmentButton.selected {
color: #fff;
background-image: none; }
#quickLinksBar > li > a {
text-transform: uppercase; }
#quickLinksMenu.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
width: auto;}
.panelLinkSelected.selected {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none;
border: none;
left: 1px;
z-index: 101; }
#AutoSuggestDiv .heading {
background-color: #307991;
border-bottom: 1px solid #666666;
color: #fff;
font-weight: bold; }
#AutoSuggestDiv #autoSuggestAdvancedSearch {
color: #00324e; }
ul div.list_section li:hover {
background-color: #eeeeee; }
#AutoSuggestDiv #autoSuggestAdvancedSearch:hover {
background-color: #eeeeee; }
.autoSuggestSelected {
background-color: #eeeeee !important; }
#AutoSuggestDiv .list_section li {
border-bottom: 1px solid #eeeeee; }
#AutoSuggestDiv .heading {
border-bottom: none; }
#searchBox {
border-radius: 0px;
border: 0; }
/* LOGIN */
#Header_GlobalLogin_signInDropdown {
background: none;
background-color: #fff; }
#Header_GlobalLogin_loggedInDropdown.menuDropdown {
right: 115px; }
span#Header_GlobalLogin_signOutQuickLinkUser {
display: none; }
.loginMenuDropdown .footer {
border-top: 1px solid #eeeeee; }
.menuDropdown {
border-radius: 0px; }
#Header_GlobalLogin_GlobalLoginContinueShopping {
background-color: #307991;
margin-bottom: 15px; }
.secondaryLogoWrapper {
float: right;
margin-left: 20px;
max-width: 200px;
margin-right: 10px; }
#contentRecommendationWidget_HeaderLogoRight img {
max-width: 200px; }
@media (max-width: 760px) {
#searchButton:before {
content: none; }
a.searchDropDownClose {
display: block; }
#searchBox > .submitButton {
width: 3.2rem;
border: #307991;
height: 3rem;
color: white;
background-color: #307991;
padding: 3px;
padding-top: 6px;
padding-left: 10px;
margin: 0 auto;
font-size: 2.4rem; }
#searchBox > .submitButton .icon-search:before {
margin-right: 17px; }
#searchTermWrapper {
right: 37px; }
#searchBox {
width: 85%; }
#searchButton {
font-size: 2.6rem;
color: white;
width: 30px;
right: 64px;
background-color: transparent;
border: none;
padding-top: 10px;
margin: 7px 15px; }
#searchButton.selected {
opacity: .25; }
#searchBar.active {
top: 5px;
padding: 10px 7px;
position: relative;
background-color: #cccccc; }
.logoWrapper.floating-logos {
width: 56px;
overflow: hidden; }
#departmentsButton {
padding: .5em; }
#departmentsButton > span {
height: 16px;
line-height: 16px; }
.hamburger {
position: relative;
display: inline-block;
width: 1.25em;
height: 0.8em;
margin-right: 0.3em;
border-top: 0.5em solid #fff;
border-bottom: 0.5em solid #fff; }
.hamburger:before {
content: "";
position: absolute;
top: 0.3em;
left: 0px;
width: 100%;
border-top: 0.5em solid #fff; }
#departmentsButton {
margin: 0px; }
#Header_GlobalLogin_loggedInDropdown.menuDropdown {
right: 10px; }
#Header_GlobalLogin_signInDropdown.loginMenuDropdown {
background: none;
border: 1px solid #eeeeee;
border-radius: 0;
background-color: #fff; }
.loginMenuDropdown .button.primary, .loginMenuDropdown .button.secondary,
.loginMenuDropdown .button_secondary, .loginMenuDropdown .button.teritary, .loginMenuDropdown .button.cancel, .loginMenuDropdown .basicButton, .loginMenuDropdown .button.small, .loginMenuDropdown .button.regularSize, .loginMenuDropdown .button.thin {
margin-bottom: 20px; }
.secondaryLogoWrapper {
float: left;
margin-left: 20px;
max-width: 140px; }
#contentRecommendationWidget_HeaderLogoRight img {
max-width: 140px;
margin-left: 60px;
margin-top: 20px; } }
#shipToInfo {
position: absolute;
bottom: 10px;
right: 0px; }
.truncate {
max-width: 375px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #666666;
padding: 5px;
text-align: right; }
/* END HEADER */
/*main menu */
.departmentButton {
font-size: 1.6rem;
margin: 0px;
font-weight: 400; }
#headerRow2 > .rowContainer {
padding: 0px; }
.departmentButton > span {
max-width: 170px;
height: 70px; }
.departmentMenu {
width: auto;
background: #fff;
border: 1px solid #eeeeee;
margin-top: 0px;
padding: 5px;
/*height:450px;*/
height: auto;
overflow: hidden;
border-radius: 0;
min-height: 400px;
border-top: 0px; }
.departmentMenu.activeFly {
width: 840px; }
.departmentButton.selected:after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
bottom: -1px;
left: 30px;
border-bottom-color: #fff;
border-width: 15px;
margin-left: -20px; }
.arrow_button_icon {
bottom: 32px;
right: 0;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff; }
.arrow_button_icon:before {
content: ''; }
.departmentMenu:before {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 36px;
margin-left: -36px; }
.departmentMenu ul.categoryList.topLevelUl,
#allDepartmentsMenu.departmentMenu > li,
#specialDepartmentMenu.departmentMenu > li {
width: 240px;
border: 1px solid #eeeeee;
padding: 0px;
position: relative;
/*height:446px; */
height: auto;
min-height: 400px; }
#allDepartmentsMenu.departmentMenu, #allDepartmentsMenu.departmentMenu > li,
#specialDepartmentMenu.departmentMenu, #specialDepartmentMenu.departmentMenu > li {
height: auto;
min-height: inherit; }
.categoryList > li {
width: 100%;
border-bottom: 1px solid #eeeeee;
margin: 0;
padding: 0px;
flex: 1; }
.categoryList > li.more {
border: 0; }
.departmentMenu ul.categoryList.topLevelUl li .topLevelLink,
.departmentMenu ul.categoryList.topLevelUl li.more a,
#allDepartmentsMenu.departmentMenu > li > a,
#specialDepartmentMenu.departmentMenu > li > a {
font-size: 1.6rem;
margin: 0 !important;
font-weight: 500;
display: block;
padding: 10px 5px 10px 7px;
line-height: 1.8rem;
text-decoration: none;
color: #666666;
text-transform: uppercase; }
.departmentMenu ul.categoryList.topLevelUl li .topLevelLink:active,
.departmentMenu ul.categoryList.topLevelUl li .topLevelLink.active {
color: #fff;
background-color: #307991;
text-decoration: none; }
.flyoutMenu {
display: none; }
.flyoutMenu .header {
border-bottom: 1px solid #eeeeee;
position: relative; }
.departmentMenu .header > a.headingText, .topLevelUl a.headingText {
font-size: 3.6rem;
color: #307991;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
text-decoration: none; }
.topLevelUl li > a.headingText {
padding: 0;
padding-left: 15px;
font-size: 3rem;
line-height: 4.4rem; }
.topLevelUl > li:first-child {
border-bottom: 2px solid #eeeeee; }
.departmentMenu .header .toggle {
position: absolute;
top: 20px;
right: 10px;
font-size: 2rem;
text-decoration: none; }
.flyoutMenu.active {
display: block;
position: absolute;
top: -1px;
left: 240px;
width: 576px;
padding: 0 10px 10px 10px;
border: 1px solid #eeeeee;
/*height: 436px;*/
height: 97.9%;
background: #ffffff; }
subcategoryList {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
list-style: none;
display: inline-block;
width: 100%; }
.subcategoryList li {
display: inline-block;
width: 15%;
padding: 0 2% 4%;
vertical-align: top;
margin-top: 15px;
color: #666666; }
.subcategoryList li.more {
position: absolute;
bottom: 5px;
right: 10px;
padding: 0px; }
.subcategoryList > li > a.menuLink {
display: block;
margin: 0 auto;
padding: 0px;
padding-bottom: 5px;
text-align: center;
color: #307991; }
#allDepartmentsMenu.departmentMenu,
#specialDepartmentMenu.departmentMenu {
height: auto;
Position: absolute; }
/* brand listing menu */
.departmentMenu[aria-label*="Brands"] {
width: 630px;
height: 418px; }
.departmentMenu[aria-label*="Brands"] .header {
border: 0;
border-bottom: 1px solid #ccc;
height: 56px; }
.departmentMenu[aria-label*="Brands"] .header .toggle {
top: 23px;
right: 20px; }
.departmentMenu[aria-label*="Brands"] .header .button.teritary {
position: absolute;
top: 12px;
right: 60px; }
.departmentMenu[aria-label*="Brands"] h2#title {
font-size: 3.6rem;
color: #307991;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
text-decoration: none;
margin-top: -44px; }
.brandsListingBorder {
padding: 0 10px;
border: 1px solid #ccc;
height: 415px;
overflow: hidden; }
.brandListingMenuContainer .categoryRecommendationWidget {
border-top: 0; }
.brandListingMenuContainer.catPos {
border: 0;
background: transparent;
box-shadow: none; }
.brandListingMenuContainer .categoryRecommendationWidget .container {
display: none; }
.brandListingMenuContainer .categoryRecommendationWidget li {
width: 200px;
display: inline-block;
height: 110px; }
.brandListingMenuContainer .categoryRecommendationWidget ul {
margin: 0;
padding: 0; }
.brandListingMenuContainer .catPos {
border: 0;
background: transparent;
width: 100%;
min-height: auto;
box-shadow: none; }
.brandListingMenuContainer .catPos > .product_image > a {
width: 100%;
height: 110px;
overflow: visible;
line-height: 110px;
vertical-align: middle;
text-align: center; }
.brandListingMenuContainer .catPos > .product_image > a > img {
max-width: 100%;
max-height: 110px;
margin: 0 auto;
vertical-align: middle; }
.brandListingMenuContainer .catPos > .product_image:after {
display: none; }
/* end brand listing*/
/* About menu */
.contentHeading {
font-size: 1.8rem;
padding: 10px 0; }
.flyoutMenu.aboutMenu .subcategoryList li {
padding: 0;
padding-left: 2px;
width: 49%; }
.flyoutMenu.aboutMenu .subcategoryList > li > a.menuLink {
padding: 7px 0;
text-align: left; }
/*mobile menu styles */
@media screen and (max-width: 760px) {
#departmentsButton {
max-width: 215px;
height: 56px; }
#departmentsButton > span {
margin: 10px 6px; }
.hamburger + .arrow_button_icon {
display: none; }
.departmentButton.selected:after {
display: none; }
#departmentsMenu.active {
border: 1px solid #eeeeee;
padding: 0;
height: auto;
width: 100%; }
.departmentMenu, .departmentMenu[aria-label*="Brands"], .brandsListingBorder {
width: 100%;
border: 0;
padding: 0;
height: auto;
left: 0;
position: relative;
min-height: inherit; }
.departmentMenu[aria-label*="Brands"] {
display: none; }
.departmentMenu.active[aria-label*="Brands"] {
display: block; }
.departmentButton, .departmentButton.selected > span {
padding: 0px 15px 5px 7px;
color: #307991;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 500;
font-size: 2.8rem;
display: block; }
.departmentButton {
border-bottom: 1px solid #eeeeee; }
.departmentButton > span, .departmentButton.selected > span {
height: auto;
padding: 0;
text-align: left;
max-width: inherit; }
.departmentButton .arrow_button_icon {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #307991;
right: 1.8rem;
bottom: 1.6rem;
transform: rotate(0deg);
transition: transform .5s ease; }
.departmentButton.selected .arrow_button_icon {
transform: rotate(-180deg);
transition: transform .5s ease; }
.departmentMenu ul.categoryList.topLevelUl {
width: 100%;
border: 0;
height: 100%;
min-height: inherit; }
.departmentMenu ul.categoryList.topLevelUl li .topLevelLink, .departmentMenu ul.categoryList.topLevelUl li.more .topLevelLink {
padding-left: 15px; }
#departmentsMenu > li:last-of-type {
border-bottom: 0; }
#departmentsMenu li.active {
display: none; }
#departmentsButton > .icon-close_btn {
display: none;
color: #fff;
font-size: 2.6rem;
padding: 10px 0;
font-weight: 700; }
#departmentsButton.selected > .icon-close_btn {
display: block; }
#departmentsButton.selected > .hamburger {
display: none; }
.brandListingMenuContainer .categoryRecommendationWidget .container {
display: block; }
.brandListingMenuContainer .categoryRecommendationWidget .product_image,
.brandListingMenuContainer .categoryRecommendationWidget h2 {
display: none; }
.brandListingMenuContainer .categoryRecommendationWidget li {
width: 100%;
height: auto;
text-align: left;
border-bottom: 1px solid #ccc; }
.brandListingMenuContainer .categoryRecommendationWidget li:last-of-type {
border-bottom: 0; }
.brandListingMenuContainer .categoryRecommendationWidget li .catPos > .container > a {
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 500;
text-align: left;
font-size: 1.6rem;
margin: 0 !important;
font-weight: 500;
padding: 10px 5px 10px 7px;
line-height: 1.8rem;
text-decoration: none;
color: #666666; }
.topLevelUl li > a.headingText {
padding-left: 20px; }
#specialDepartmentMenu.departmentMenu > li {
width: 100%; }
#specialDepartmentMenu.departmentMenu > li a {
padding-left: 15px; } }
@media (min-width: 761px) and (max-width: 1024px) {
.departmentMenu.activeFly {
width: 735px; }
.flyoutMenu.active {
width: 475px; }
.aboutMenu.flyoutMenu.active {
width: 355px; }
div[aria-label^="About"].departmentMenu.activeFly {
width: 615px; } }
/*End Main Menu */
/* START MINICART */
.products.added .product {
border: none; }
#minishopcart_total, #minishopcart_lock {
border-radius: 8px;
right: 0;
top: 3px;
padding: 1px 0px;
vertical-align: middle;
height: 16px;
min-width: 16px;
box-sizing: border-box;
text-align: center; }
#minishopcart_lock {
border-radius: 0; }
#minishopcart_total {
background-color: #307991; }
#widget_minishopcart {
position: absolute;
right: 5px;
top: 8px;
padding: 1px 4px;
margin: 0px;
background-image: none;
background-repeat: no-repeat;
background-position: center;
border: none !important;
background-size: 70% auto;
background-position-y: 10px;
overflow: visible;
height: 60px;
background-color: transparent; }
#widget_minishopcart .icon-cart {
font-size: 34px;
top: 6px;
position: absolute;
left: 11px;
color: #fff; }
#widget_minishopcart:before {
content: none; }
#GotoCartButton2 {
background-color: #2b6d83; }
#GotoCartButton2 {
background-color: #2b6d83; }
#cartDropdown, #Header_GlobalLogin_signInDropdown {
border: 1px solid #cccbcb;
border-radius: 0;
box-shadow: 2px 2px 10px #cccbcb; }
#minishopcart_subtotal {
position: absolute;
bottom: 0;
color: #fff;
font-size: .80em;
text-align: center;
font-weight: bold;
width: 100%;
top: 42px; }
#cartDropdown > h3 {
background-color: #fff;
border: none !important;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
font-weight: bold; }
#quick_cart_container, #MiniShopCartProductAdded {
top: 149px !important;
right: 0 !important; }
div#widget_minishopcart_popup > #cartDropdown > .content > .products > .product, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .products > .product {
border: none; }
div#widget_minishopcart_popup > #cartDropdown > .content > .subtotal, div#widget_minishopcart_popup_1 > #cartDropdown > .content > .subtotal {
border-bottom: none; }
@media (min-width: 1281px) {
#quick_cart_container, #MiniShopCartProductAdded {
top: 159px !important; } }
@media (max-width: 760px) {
#widget_minishopcart {
top: 2px; }
#quick_cart_container, #MiniShopCartProductAdded {
top: 125px !important; } }
/* END MINICART */
/* START FOOTER */
#footer {
background-image: none;
background-color: #307991;
color: #fff;
text-align: left;
font-size: 1.6rem; }
#footer H3 {
font-size: 2.1rem; }
#footerRow1 {
padding: 20px 0; }
#footerRow1 > .section {
padding: 10px 15px; }
.companyStatement {
text-align: left; }
#footer *, #footer:before, #footer:after,
#footer *:before, #footer *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.footer_middleBlock {
padding: 0 15px;
border-left: 1px solid #fff;
border-right: 1px solid #fff; }
.middleBlock ul li {
font-size: 1.8rem;
margin-bottom: 10px; }
#footerRow1 > .section > .header {
color: #fff;
border: 0;
margin-left: 0;
padding: 0px; }
#footer_CompanyInfo, #footer_IndustryLeadership {
height: 330px;
border-left: 1px solid #fff; }
.paymentInfo {
border-top: 1px solid #fff; }
li.ccImage {
display: inline-block;
margin-right: 30px; }
.paymentInfo.row {
padding: 29px 0; }
.paymentInfo .sprite {
display: inline-block; }
.sprite {
background: url("../../images/footer-sprite.png") no-repeat top left;
width: 73px;
height: 44px; }
.sprite.ab-seal {
background-position: 0 0;
width: 100px;
height: 40px;
background-size: 1340px; }
.sprite.guaranteed_icon_non_floating_v2 {
background-position: -155px 0;
width: 125px;
height: 59px;
background-color: #fff; }
.sprite.ssl_sm {
background-position: -180px 0;
width: 70px;
height: 63px;
background-size: 1285px; }
.sprite.payment-american-express {
background-position: -390px 0; }
.sprite.payment-discover {
background-position: -468px 0; }
.sprite.payment-mastercard {
background-position: -546px 0; }
.sprite.payment-paypal {
background-position: -624px 0; }
.sprite.payment-visa {
background-position: -702px 0; }
.sprite.wasserstromW {
background-position: -780px 0px;
width: 160px;
height: 85px;
margin: 10px auto; }
.sprite.feda {
background-position: -709px 0px;
background-size: 830px;
width: 110px;
height: 57px;
margin: 10px auto; }
.sprite.nresta {
background-position: -661px 0px;
background-size: 1110px;
width: 112px;
height: 52px;
margin: 5px auto; }
.sprite.nafem {
background-position: -557px 0px;
background-size: 800px;
width: 121px;
height: 50px;
margin: 10px auto; }
.sprite.since_1902 {
background-position: -677px 0px;
width: 97px;
background-size: 1300px;
height: 70px;
margin: 10px auto; }
#footer_socialMedia .icon {
color: #307991;
font-size: 5rem;
margin-left: 10px; }
#footer_socialMedia .horizontalList {
float: right; }
.copyrightInfo {
font-size: 1.4rem; }
.footerRightBorder {
border-right: 1px solid #fff;
height: 330px; }
@media (max-width: 760px) {
.footer_middleBlock {
border: 0; }
.companyStatement, .companyStatement h3 {
padding: 10px;
text-align: center;
font-size: 1.6rem;
border: 1px solid; }
#footer .companyStatement h3 {
border: 0;
font-size: 1.6rem; }
.companyStatement .footerLearnMore {
float: right;
margin-right: 24px; }
.copyrightInfo {
text-align: center; }
#footerRow1 > .section {
margin-left: 15px; }
.copyrightInfo ul {
width: 80%;
margin: 0 auto; }
#footerRow1 > .section > .header > .toggle {
margin-top: -11px; }
#footer_socialMedia {
margin: 20px 0; }
#footer_socialMedia .horizontalList {
width: 60%;
margin: 0 auto;
padding: 0;
float: none; }
#footer_socialMedia .icon {
font-size: 6rem;
margin: 0px; }
#footer_CompanyInfo, #footer_IndustryLeadership {
border: 0;
height: auto; }
#footer_CompanyInfo, #footer_IndustryLeadership, .footerRightBorder {
height: auto;
border: none; } }
#footerRow1 > .section > .header > .toggle {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;
border-width: 10px;
margin-top: -11px;
left: -24px; }
#footerRow1 > .section > .header > .toggle.selected {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 10px;
margin-top: -8px; }
#footerRow1 > .section > .header > .toggle:before, #footerRow1 > .section > .header:before {
background-image: none;
background: transparent;
content: ''; }
/* END FOOTER */
/*start of PDP style changes */
/*new pdp template */
.wasPDP {
padding-top: 15px; }
.wasPDP .firstSection,
.wasPDP .tabContainer {
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5rem; }
.wasPDP * {
box-sizing: border-box; }
.wasPDP .firstSection,
.wasPDP .secondSection,
.wasPDP .thirdSection {
width: 95%;
overflow: hidden; }
.wasPDP .tabHeading, .discountHeading,
.container_full_width_bundle {
background-color: #00324e;
color: #fff;
padding: 10px;
position: relative;
font-weight: 700;
font-size: 1.5em !important;
font-family: "Open Sans Condensed", Helvetica;
padding-left: 1.5rem; }
.wasPDP .tabHeading {
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400; }
.discountHeading {
text-align: right;
padding: 5px;
font-size: 1.2rem;
height: 30px; }
.wasPDP .thirdSection {
padding-bottom: 50px; }
.wasPDP .tabContainer {
margin-bottom: 20px; }
.wasPDP .tabHeading:empty,
.wasPDP .tabContainer:empty,
.wasPDP .tabHeading:empty .topRighttTriangle {
display: none; }
.wasPDP .columnTwo {
padding: 0 2.5rem; }
.wasPDP .addToCartWrapper {
border: 1px solid #00324e;
padding: 1.5rem; }
.wasPDP .hidden {
display: none; }
.topRighttTriangle::after {
position: absolute;
top: 0;
right: -45px;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 45px solid #eeeeee;
content: ""; }
.topLeftTriangle::before {
position: absolute;
top: 0px;
left: -30px;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid white;
content: ""; }
.wasPDP .slot10 {
padding: 30px;
padding-right: 60px;
font-size: 12px; }
.wasPDP .slot11 {
padding: 30px; }
.wasPDP .slot11 h2 {
font-size: 18px;
font-weight: bold; }
@media (min-width: 761px) {
.wasPDP .tabContainer,
.wasPDP .coordinate_body {
display: flex; }
}
/*pdp mobile page layout changes for minimizing tabcontianers
.show:target + .tabContainer {
display: block; }
.hide:target ~ .tabContainer {
display: none; }
*/
.manufacturerWrapper {
padding: 20px 10px;
background-color: #eff7f7;
margin-top: 30px; }
.manufacturerInfoHeading {
color: #00324e;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 600;
font-size: 1.8rem;
line-height: 1.8rem;
padding-bottom: 20px; }
.brandThumbNailImage {
max-width: 130px;
width: 100%; }
.manufacturerInfoDescription {
padding-bottom: 15px; }
.manufacturerLinkWrapper {
padding-top: 20px;
position: relative; }
.manufacturerInfoSubCategoryLink {
text-align: right;
position: relative;
font-weight: bold; }
.manufacturerInfo {
margin: 15px 0; }
@media (min-width: 768px) {
.hide, .show {
display: none; }
}
@media (max-width: 768px) {
.manufacturerWrapper {
text-align: center; } }
/*.hide, .show {
display: none; }
*/
.wasPDP .inventoryOut {
display: block; }
.wasPDP #attachmentPaginationContainer {
padding: 15px; }
.wasPDP .header_bar {
margin-bottom: 15px; }
.wasPDP .attachment {
display: inline-block;
text-align: center;
margin-right: 20px; }
/* REQ WIDGET */
.requisitionListContent .radioButton .checked {
background: #666666; }
.saveButton {
background-image: none;
background-color: #00324e;
color: white;
border: none;
padding: 10px;
font-size: 1.2em;
font-style: normal;
font-weight: bold;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
min-width: 93%;
display: inline-block;
line-height: 1.5em; }
/* IMAGE WIDGET */
div#s7_mixedmediaview_container {
max-height: 550px; }
#s7_mixedmediaview_imageViewContainer, #s7_mixedmediaview_zoomView canvas {
height: 90% !important;
width: 90% !important;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
#s7_mixedmediaview_zoomView canvas {
position: absolute;
margin-left: 5%;
left: 0;
top: 0;
right: 0;
bottom: 0; }
@media (max-width: 760px) {
.wasPDP .columnTwo {
padding: 0; }
.topLeftTriangle::before, .topRighttTriangle::after {
top: -1px;
display: none; }
.discountHeading.topLeftTriangle::before {
display: block; }
.tabContainerWrapper {
position: relative; }
/*
.hide {
display: inline-block; }
.show {
display: none; }
.hide:target + .show {
display: inline-block; }
.hide:target {
display: none; }
*/
.hide, .show {
width: 95%;
height: 34px;
font-size: 42px;
color: #fff;
text-align: right;
text-decoration: none;
margin-right: 0;
float: right;
position: absolute;
top: 15px;
right: 10px; }
.wasPDP .slot10 {
min-height: auto;
border: 0; } }
/*end new pdp template*/
/* PDP */
.namePartPriceContainer h1 {
font-size: 1.75em;
border-bottom: 1px solid #666666; }
div.namePartPriceContainer h1.main_header {
padding-bottom: 10px;
color: #00324e; }
div.namePartPriceContainer {
border-bottom: none;
padding-bottom: 0px; }
div.priceContainer {
padding-bottom: 10px;
border-bottom: 1px solid #666666; }
div.namePartPriceContainer > div > span.old_price {
font-size: inherit;
line-height: inherit; }
div.namePartPriceContainer > div > span.price {
font-size: 1.75em;
color: #00324e;
line-height: 32px;
font-weight: bold;
padding-bottom: 5px; }
.product_text {
border-bottom: none; }
div.namePartPriceContainer > span.sku {
font-size: 1.1em;
line-height: normal;
margin-top: 0px;
margin-bottom: 5px; }
.quantity_section label {
font-weight: bold;
font-size: 1.8rem;
margin-right: 10px; }
.quantity_section {
text-align: left;
margin-bottom: 15px;
margin-top: 10px; }
.quantity_section span {
font-size: .8em; }
.quantity_section > .quantity_input {
width: 70px;
height: 32px;
padding: 0px;
border: 1px solid #ccc; }
.quantity_section > .quantity_input_readOnly {
font-size: 1em;
}
#addToShoppingList {
background-color: #307991; }
#addToShoppingList:hover {
background-color: #337b94; }
/* Inventory Widget */
.inventoryOut {
color: #E31C3D; }
.inventoryIn {
color: #18a918;
font-weight: bold; }
.available .header, .product_listing_container .list_mode .product > .available .header, #widget_package_summary > .left_border > .right_border > .content > .item > .available .header {
font-weight: bold; }
.available {
border-bottom: 1px solid #666666;
margin-bottom: 14px; }
div.namePartPriceContainer h1.main_header {
color: #00324e;
font-size: 3.6rem;
line-height: 5.4rem;
border-bottom: 1px solid #00324e; }
.shopperActions .button {
width: 100%; }
.shopperActions #add2CartBtn {
margin-bottom: 15px; }
/*
.button.primary.pdp, .addRequisitionList .button{
background-color:$secondary-color;
}
.button.primary.pdp:hover, .addRequisitionList .button:hover{
background-color: darken($secondary-color, 5% );
cursor: pointer;
}
*/
/* BUNDLE WIDGET */
div.product .inventoryOut, div.product .inventoryIn {
float: none; }
.quantity_input {
border-radius: 0px; }
.quantity_section {
padding-top: 0px;
padding-bottom: 0px; }
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_info {
width: 55%; }
.widget_bundle_package_list .product_listing_container > .bundle_mode .product .product_price {
color: #307991;
padding: 10px;
font-size: 1.2em;
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: bold; }
.listViewDescription {
border-right: 1px solid #eeeeee; }
.widget_bundle_package_list .product_listing_container > .list_mode div:nth-child(1) {
border-right: none; }
/*bundle widget in tab container */
.tabContainer .widget_bundle_package_list .coordinate_title {
display: none; }
.tabContainer .widget_bundle_package_list .list_mode {
border: 0; }
/*rating reviews */
#pdp_questions_form_area .button.cancel, #pdp_reviews_form_area .button.cancel {
min-width: 200px;
margin-left: 15px; }
.row textarea#comments, .row textarea#question {
width: 100%; }
.dojoxRatingStar {
margin-right: 5px; }
#WriteReviewForm .selectWrapper {
border: 0;
height: 42px; }
#WriteReviewForm .selectWrapper .dijitSelect {
width: 100%;
border-radius: 0; }
#pdpReviewSubmitSuccess {
margin-top: 15px; }
.headingLink {
color: #307991;
font-size: 16px;
font-weight: bold; }
.headingLink:hover {
text-decoration: underline; }
.listTable .cell {
padding: 10px; }
.listTable .entry {
border-bottom: 1px solid #cccccc; }
.listTable .cell {
font-size: 1.1em;
color: #666666; }
.listTable .col10 .cell {
padding: 10px 15px; }
.listTable .entry {
margin-left: 0;
margin-right: 0;
display: flex; }
.questionLabel {
color: #307991;
font-weight: bold; }
.answerLabel {
color: #18a918;
font-weight: bold; }
@media (max-width: 760px) {
.pdpQandASummary.pdpQandAColumn {
align-items: stretch; } }
@media (min-width: 761px) and (max-width: 1024px) {
.pdpQandASummary.pdpQandAColumn {
align-items: stretch;
border-right: 1px solid #cccccc; } }
@media (min-width: 1281px) {
.pdpQandASummary.pdpQandAColumn {
align-items: stretch;
border-right: 1px solid #cccccc; } }
.widget_site_popup .product {
border: 0;
margin: 10px auto !important;
min-height: 200px; }
div.widget_site_popup > .middle > .content_left_border > .content_right_border {
border: 1px solid #ccc;
-webkit-box-shadow: 2px 2px 10px #cccbcb ;
-moz-box-shadow: 2px 2px 10px #cccbcb ;
box-shadow: 2px 2px 10px #cccbcb ; }
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .footer .button_container {
margin: 10px 0px 10px; }
.merchandisingAssociationWidget li.emptyLi {
display: none; }
@media (max-width: 760px) {
#pdp_questions_form_area .button.cancel, #pdp_reviews_form_area .button.cancel {
width: 100%;
margin-top: 20px;
margin-left: 0; }
.pdpQandASummary .cell {
border-right: 0;
padding-left: 15px; } }
@media (min-width: 761px) and (max-width: 1024px) {
.topRighttTriangle::after {
top: -1px; }
.rating-static {
float: none;
margin-left: 12px; }
.reviewItem {
float: none;
display: block; } }
#reviewDiv {
padding-left: 3px;
padding-bottom: 8px; }
#reviewDiv .headingLink1 {
color: #307991;
font-size: 14px;
font-weight: bold; }
#ratingsAndReviews {
padding-top: 4px;
padding-left: 3px; }
#QAndAHeader {
padding-left: 3px;
padding-bottom: 8px; }
#QAndAHeader .headingLink1 {
color: #307991;
font-size: 14px;
font-weight: bold; }
#questionsAndAnswers {
padding-top: 4px;
padding-left: 3px; }
@media (max-width: 760px) {
.listTable .entryQA {
border-bottom: 1px solid #cccccc; } }
@media (min-width: 761px) and (max-width: 1024px) {
.listTable .entryQA {
margin-left: 0;
margin-right: 0;
display: flex;
border-bottom: 1px solid #cccccc; } }
@media (min-width: 1281px) {
.listTable .entryQA {
margin-left: 0;
margin-right: 0;
display: flex;
border-bottom: 1px solid #cccccc; } }
.scrollToTop {
text-align: right;
display: block;
margin-top: -25px;
margin-right: 5px; }
.checkout-next {
text-align: right;
padding-top: 10px; }
.div_next_box {
margin-bottom: 10px; }
/*new description section update */
.widget_product_compare .item {
width: 50%;
line-height: 20px; }
.widget_product_compare .heading {
font-weight: bold;
width: 50%; }
.widget_product_compare .row.row_border {
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
padding-bottom: 5px;
font-size: 12px; }
/*End of PDP style changes */
/* category and plp page styles begin */
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li, div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list div.showMore {
color: #666666;
padding: 5px 10px; }
.facetWidget,
#content .collapsible:hover,
.categoryNavWidget.collapsible:hover {
background-color: #fff; }
#content .categoryNavWidget {
margin-top: 0; }
#content .collapsible > h3, .categoryNavWidget.collapsible > h3 {
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 2.8rem;
color: #307991; }
#content .collapsible, .categoryNavWidget.collapsible, .linkWidget.collapsible, .optionContainer, #facetFilterListWrapper {
background-color: #fff;
border-radius: 0;
transition: none;
border: solid 1px #d5d5d5;
padding: 13px; }
#content .collapsible > h3, .categoryNavWidget.collapsible > h3, .linkWidget.collapsible > h3 {
padding: 6px 34px; }
#content .facetWidget.collapsible, #content .facetWidget.collapsible:hover {
background-color: transparent;
border: 0;
padding: 10px 0; }
/*facet widget styles */
.facetWidget h3.toggle {
border: solid 1px #d5d5d5;
background-color: #fff;
border-radius: 0;
margin-left: 0 !important;
margin-right: 0 !important; }
.optionContainer {
padding: 0; }
.facetSelect li {
border: 0;
background: transparent;
padding: 9px 15px;
font-size: 1.4rem; }
.facetSelect li a {
padding: 0;
color: #666666;
margin: 0px; }
.facetWidget .optionContainer > .title {
height: auto;
margin-top: 0px;
background: #fff;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 3.2rem;
color: #307991;
border-radius: 0;
border-top: 0;
padding: 4px 15px 7px;
text-transform: uppercase;
line-height: 1em;
border-bottom: 0;
pointer-events: none;
cursor: default; }
.facetSelectContainer {
padding: 0; }
.facetSelectContainer > ul > li {
border-top: 1px solid #e3e1e1; }
.vertical, #facetFilterListWrapper, .facetWidget > .content {
margin-bottom: 1.5rem; }
#facetFilterListWrapper:empty {
border: 0;
margin-top: 10px; }
#facetFilterListWrapper {
padding: 0; }
#facetFilterListWrapper > .facetSelectedCont {
border-top: 0; }
#facetFilterListWrapper .facetSelected {
padding-left: 1.5rem;
width: 100%; }
/*category widget */
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list > ul > li > a {
color: #666666;
font-size: 1.4rem; }
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list {
background: transparent; }
.categoryNavWidget h3 {
border-bottom: solid 1px #eeeeee; }
.categoryRecommendationWidget .grid > li {
margin-bottom: 18px; }
.categoryRecommendationWidget .grid > li .catPos {
min-height: 230px; }
.categoryRecommendationWidget .grid > li .catPos > .container {
width: 95%;
margin: 0 auto; }
#content .collapsible > .content > ul, .linkWidget.collapsible > .content > ul {
padding: 0;
margin: 0; }
.linkWidget.collapsible > h3 {
border-bottom: solid 1px #eeeeee; }
.linkWidget.collapsible .content {
margin-top: 10px; }
.linkWidget.collapsible > .content > ul li {
color: #666666;
padding: 5px 10px;
line-height: 1.6rem; }
.linkWidget.collapsible > .content > ul li a {
font-size: 1.6rem; }
.linkWidget.collapsible > .content > ul li a:hover {
text-decoration: underline; }
/* Product Listings */
/* Product Listing - Sorting / Paging */
.productListingWidget > .header_bar {
padding: 10px 10px 0; }
.productListingWidget .controls .button.primary, .productListingWidget .controls .button.secondary,
.productListingWidget .controls .button_secondary, .productListingWidget .controls .button.teritary, .productListingWidget .controls .button.cancel, .productListingWidget .controls .basicButton, .productListingWidget .controls .button.small, .productListingWidget .controls .button.regularSize, .productListingWidget .controls .button.thin {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
padding: 9px 9px 8px;
margin-right: 8px; }
.sorting_view_controls_container {
padding-right: 0; }
.sorting_controls > span.page_size_label,
.sorting_controls > span.order_by_label {
display: inline-block;
line-height: 37px;
background: #fff;
padding: 0px 0px 0 10px;
border-color: #d5d5d5;
border-width: 1px 0 1px 1px;
border-style: solid;
float: left;
box-sizing: border-box;
color: #888; }
.sorting_controls > span, .sorting_controls > span > label,
.view_controls > span, .sorting_controls > span > label {
font-size: 14px;
vertical-align: middle;
text-transform: none; }
.productListingWidget #orderByDropdown,
.productListingWidget .orderByDropdown {
float: left; }
.sorting_controls .selectWrapper {
position: relative;
display: inline-block;
background-color: #fff;
border: 1px solid #d5d5d5;
border-radius: 0;
height: 38px;
border-left: 0;
margin-right: 20px;
margin-bottom: 10px; }
.sorting_controls .selectWrapper:hover {
background-color: #f5f5f5;
border-color: #d5d5d5; }
.sorting_controls .selectWrapper .dijitSelect {
padding: 6px 0;
border-radius: 0;
color: #888;
font-size: 14px;
cursor: pointer;
min-width: 70px; }
.sorting_controls .selectWrapper .dijitSelect .dijitButtonText {
padding: 0 6px;
font-weight: bold; }
.selectWrapper .dijitSelect .dijitArrowButtonContainer:before,
.shopperActions .dropdown_primary > .drop div:before {
content: "";
display: block;
position: relative;
width: 0;
height: 0;
margin: 11px 7px;
float: right;
top: 0;
left: 0;
border-width: 5px 5px 0 5px;
border-style: solid;
border-color: #888 transparent transparent; }
.productListingWidget > .header_bar .controls .sorting_controls,
.productListingWidget > .header_bar .controls .view_controls {
margin-left: 0; }
.grid_icon, .list_icon {
border-radius: 0;
background: #fff;
border-color: #d5d5d5; }
a.grid_icon:hover,
a.list_icon:hover {
background-color: #f5f5f5; }
a.list_icon:hover:before {
left: -70px;
clip: rect(21px, 98px, 38px, 81px); }
a.grid_icon:hover:before {
left: -30px;
clip: rect(21px, 58px, 38px, 41px); }
.header_bar .paging_controls {
padding-right: 0;
margin-right: -2px;
margin-left: 12px; }
.controlBar .pageControl.number > a {
border: 1px solid #d5d5d5;
border-radius: 0; }
.productListingWidget .paging_controls a.right_arrow,
.productListingWidget .paging_controls a.left_arrow {
width: 38px;
margin: 0 2px;
background-color: #ffffff;
border: 1px solid #d5d5d5;
border-radius: 0;
color: #4d4d4d;
font-size: 16px;
text-align: center;
opacity: 1; }
.controlBar .pageControl.number > a:hover,
.productListingWidget .paging_controls a.right_arrow:hover,
.productListingWidget .paging_controls a.left_arrow:hover {
background-color: #f5f5f5;
border-color: #d5d5d5;
color: #4d4d4d; }
.productListingWidget .paging_controls a.right_arrow:before,
.productListingWidget .paging_controls a.left_arrow:before {
content: "";
padding: 0;
display: block;
height: 0;
width: 0;
border-width: 5px 0 5px 5px;
border-style: solid;
border-color: transparent transparent transparent #888;
margin: 14px 17px; }
.productListingWidget .paging_controls a.left_arrow:before {
border-width: 5px 5px 5px 0;
border-color: transparent #888 transparent transparent; }
.productListingWidget .paging_controls a.right_arrow:hover:before {
border-left-color: #00324e; }
.productListingWidget .paging_controls a.left_arrow:hover:before {
border-right-color: #00324e; }
.controlBar .pageControl.number > a.selected:hover {
background-color: #767676;
border-color: #767676;
color: #ffffff; }
.productListingWidget .paging_controls > .right_arrow > img,
.productListingWidget .paging_controls > .left_arrow > img {
position: absolute;
visibility: hidden;
top: -1000em; }
.pagination-bottom {
padding: 10px 8px; }
/* Product Listing - Product Listings */
div.product {
padding: 0px;
box-sizing: border-box;
max-width: 280px;
font-size: 16px; }
div.product * {
box-sizing: border-box; }
div.product > div {
padding: 9px 18px; }
.product > .product_image {
padding-bottom: 0;
float: none; }
.grid_mode div.product .product_name,
.list_mode div.product .product_name,
.catalogEntryRecommendationWidget .product .product_info > .product_name {
padding: 0;
height: 58px;
overflow: hidden;
margin-bottom: 5px;
position: relative; }
.grid_mode .product_name:after,
.catalogEntryRecommendationWidget .product .product_name:after {
content: "";
position: absolute;
width: 30px;
height: 23px;
box-shadow: -30px 0 10px #ffffff;
bottom: 0;
right: -40px;
transition: box-shadow 0.3s; }
div.product .product_info > .product_name > a {
padding-left: 0;
color: #00324e;
font-size: 1em;
line-height: 1.2em;
position: relative;
word-break: break-word; }
.grid_mode .product .product_info > .product_name > a:before,
.catalogEntryRecommendationWidget .product .product_info > .product_name > a:before {
content: "...";
background: transparent;
top: 2.7em;
position: absolute;
right: 0;
height: 22px;
font-weight: bold;
font-size: 14px;
color: #999;
display: block;
padding-left: 15px;
z-index: 1;
transition: background 0.3s; }
.productListingWidget .grid_mode .product .product_info > .product_name > a:after,
.catalogEntryRecommendationWidget .product .product_info > .product_name > a:after {
content: '';
background: #fff;
position: absolute;
height: 50px;
width: 100%;
z-index: 2;
margin-left: 22px;
transition: background 0.3s; }
div.product .product_description {
font-size: .8em;
color: #888;
height: 85px; }
div.product div.product_description > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; }
div.product .compare_target {
text-transform: inherit;
color: #666666;
font-weight: 400;
line-height: 1em;
padding: 5px 9px 3px 18px;
margin-bottom: 10px;
float: left; }
div.product .compare_target > a {
background-color: #307991;
padding: 5px 10px;
border-radius: 0;
text-transform: uppercase;
line-height: 1em; }
div.product .compare_target > a:after {
content: "";
height: 0;
width: 0;
border-left: 5px solid #fff;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
display: inline-block;
margin: -2px 0 0 5px;
vertical-align: middle; }
div.product .compare_target[data-state="1"],
div.product .compare_target[data-state="2"] {
background-color: #f0f0f0;
border-radius: 0;
padding-left: 9px;
margin-left: 18px; }
div.product .compare_target[data-state="2"] {
padding: 0 0 0 9px; }
.product_listing_container .product > div.product_option {
padding: 0; }
div.product > div.price-avail-wrap {
padding: 0;
clear: both;
border-top: 1px solid #e5e5e5;
float: none; }
div.product .price {
padding-left: 0; }
.grid_mode .product_price, .list_mode.package_mode .product_price {
padding-top: 10px;
padding-bottom: 10px;
min-height: 24px;
font-size: 1.4em;
letter-spacing: 0;
width: 48%;
display: block;
clear: left;
float: left; }
div.product > div.price-avail-wrap > div.prod-avail {
float: right;
clear: none;
width: 52%;
padding: 0 15px;
text-align: right;
min-height: 48px;
display: table; }
div.product > div.price-avail-wrap span.price.unavailable {
font-size: 0.6em;
line-height: 15px; }
div.product .available {
padding: 3px 0px;
border-bottom: none;
display: table-cell;
vertical-align: middle;
margin: 0;
font-size: .9em;
line-height: 1em;
float: none; }
div.product .inventoryOut,
div.product .inventoryIn {
color: #E31C3D;
font-weight: 400;
text-align: left;
display: inline-block;
float: right; }
.inventoryOut span.icon-unavailable {
font-size: .8em;
padding-right: 4px; }
div.product .inventoryOut span.icon-unavailable {
margin-left: -17px; }
div.product .inventoryIn {
color: #18a918; }
.inventoryIn span.icon-check {
margin-right: 2px; }
div.product div.product_option .button.primary, div.product div.product_option .button.secondary,
div.product div.product_option .button_secondary, div.product div.product_option .button.teritary, div.product div.product_option .button.cancel, div.product div.product_option .basicButton, div.product div.product_option .button.small, div.product div.product_option .button.regularSize, div.product div.product_option .button.thin,
div.product div.price-avail-wrap .button.secondary {
min-width: 0;
width: 100%;
box-sizing: border-box;
background-color: #307991;
font-weight: 400;
text-transform: uppercase; }
div.product div.product_option .button.primary:hover, div.product div.product_option .button.secondary:hover,
div.product div.product_option .button_secondary:hover, div.product div.product_option .button.teritary:hover, div.product div.product_option .button.cancel:hover, div.product div.product_option .basicButton:hover, div.product div.product_option .button.small:hover, div.product div.product_option .button.regularSize:hover, div.product div.product_option .button.thin:hover {
background-color: #2b6d83; }
div.product > div.price-avail-wrap .button.secondary {
font-size: .9em;
background-color: #307991; }
div.product > div.price-avail-wrap .button.secondary:hover {
background-color: #337b94; }
.product_image .RibbonAdDefault,
.Listing_product_image .RibbonAdDefault {
position: absolute;
bottom: 0px;
left: -18px;
width: auto;
max-width: 100%;
padding-right: 10px; }
.product_image .RibbonAdDefault:after
.Listing_product_image .RibbonAdDefault:after {
content: "";
height: 0;
width: 0;
border-width: 20px 0 0 20px;
border-color: transparent transparent transparent #2c2c2c;
border-style: solid;
position: absolute;
right: -20px; }
.product_image .RibbonAdDefault.Status_SL,
.Listing_product_image .RibbonAdDefault.Status_SL {
width: 100%;
background-color: #E31C3D;
height: 30px;
padding: 5px;
text-align: center;
left: 0; }
.product_image .RibbonAdDefault.Status_RR {
position: absolute;
top: -10px;
left: -19px;
padding: 0;
margin: 0;
width: 39px;
height: 39px;
border-radius: 0;
background: url(../../images/rapid-response-icon.png) no-repeat 0 0 transparent;
overflow: hidden;
text-indent: -9999em; }
.product_image .RibbonAdDefault.Status_RR:after,
.product_image .RibbonAdDefault.Status_SL:after,
.Listing_product_image .RibbonAdDefault.Status_SL:after {
display: none; }
/* Product Listing Widget - List View */
.list_mode .RibbonAdDefault.Status_RR {
top: -1px;
left: 0px; }
.product_listing_container .list_mode .product {
min-height: 0; }
ul.list_mode .product_info.row > div {
display: table-cell;
float: none;
vertical-align: top;
padding: 18px 0 18px 18px; }
.product_listing_container .list_mode .product > .product_image {
width: 170px;
padding: 10px; }
ul.list_mode .product > .product_image img {
height: auto; }
ul.list_mode .product_info {
margin-top: 0; }
.list_mode div.product .product_name {
height: auto; }
ul.list_mode div.product .compare_target {
padding-left: 0; }
ul.list_mode div.product .compare_target[data-state="1"],
ul.list_mode div.product .compare_target[data-state="2"] {
margin-left: 0;
padding-left: 7px; }
ul.list_mode .product_info.row > div.list-qty {
padding-top: 27px;
vertical-align: middle; }
ul.list_mode .product_info.row > div.list-price {
border-left: 1px solid #d5d5d5;
vertical-align: middle; }
ul.list_mode .inventoryOut span.icon-unavailable {
margin-left: 0; }
ul.list_mode .quantity_section label {
display: none; }
ul.list_mode .quantity_section > .quantity_input {
border-radius: 0; }
ul.grid_mode .quantity_section label {
display: none; }
ul.grid_mode .quantity_section > .quantity_input {
border-radius: 0; }
ul.list_mode .product_price {
font-size: 1.3em;
text-align: center;
padding-bottom: 20px; }
ul.list_mode div.add-to-req {
margin-top: 20px; }
ul.list_mode div.add-to-req a {
color: #307991; }
.list_mode .product > .product_image img {
padding-top: 20px; }
.product_listing_container .list_mode .product:after {
content: "";
clear: both;
display: block; }
.product_listing_container .list_mode .Listing_product_image img {
width: 75%;
margin: 0 auto;
display: block; }
ul.list_mode div.product {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Chrome */
display: flex; }
ul.list_mode div.product > div {
padding: 20px 0 0 10px; }
.product_listing_container .list_mode .list-qty {
padding: 0 10px; }
ul.list_mode div.product > div.price-avail {
padding: 20px 10px 0;
align-items: stretch;
border-left: 1px solid #cccbcb; }
ul.list_mode .quantity_section > .quantity_input {
width: 85px; }
div[id^="inventory_display"] {
margin-bottom: 10px; }
@media (max-width: 1280px) {
ul.list_mode .product_info.row > div {
display: block;
float: left; }
ul.list_mode .product_price {
text-align: left; }
ul.list_mode .product_info.row {
padding: 18px; }
ul.list_mode .product_info.row > div {
padding: 0; }
ul.list_mode .product_info.row > div.list-qty {
padding-top: 0; }
ul.list_mode .product_info.row > div.list-price {
border-left: none; } }
@media (max-width: 760px) {
.facetWidget .optionContainer > .title {
pointer-events: auto;
cursor: pointer; }
.product_listing_container .list_mode .product > .product_image {
margin: 0 auto; }
.sorting_controls > span.page_size_label {
clear: left; }
.product_listing_container > .list_mode > li {
padding: 0 10px;
box-sizing: border-box; }
.list_mode .RibbonAdDefault.rapid-response-ribbon {
left: -1px; }
ul.list_mode div.product {
display: block; }
ul.list_mode div.product > div.price-avail {
border: 0;
padding: 0px 10px 10px;
float: right; }
.product_listing_container .list_mode .list-qty {
padding-left: 0; }
ul.list_mode .product_price {
padding-bottom: 10px; } }
@media (max-width: 465px) {
.product_listing_container .product {
margin: 10px auto; } }
/* Catalog Entry Recommendation Widget */
.merchandisingAssociationWidget div.product > div.price-avail-wrap {
padding: 9px 18px;
font-size: 1.3em; }
.merchandisingAssociationWidget.carousel div.product > div.price-avail-wrap {
padding: 0; }
.catalogEntryRecommendationWidget div.product > div.price-avail-wrap .product_price {
font-size: 1.4em; }
.catalogEntryRecommendationWidget div.product > div.price-avail-wrap .product_price {
padding: 9px 18px;
width: 50%;
float: left; }
.catalogEntryRecommendationWidget div.product span.manufacturer {
display: none; }
.catalogEntryRecommendationWidget div.product .product_description {
height: 64px; }
.product_listing_container .merchandisingAssociationWidget .list_mode .Listing_product_image .product_image {
padding: 0; }
.product_listing_container .merchandisingAssociationWidget .list_mode .Listing_product_image img {
width: 50%;
padding: 0;
margin: 0 auto; }
.product_listing_container .merchandisingAssociationWidget .list_mode .product {
margin: 0;
margin-bottom: -1px;
box-shadow: inherit; }
.product_listing_container .merchandisingAssociationWidget .prevPageButton,
.product_listing_container .merchandisingAssociationWidget .nextPageButton {
display: none; }
.product_listing_container .merchandisingAssociationWidget .product_info_list {
padding-bottom: 10px; }
/*merch widget carousel update for horizontal */
.merchandisingAssociationWidget.carousel .product_info {
padding: 0; }
.merchandisingAssociationWidget.carousel .product_info .product_name_merch,
.merchandisingAssociationWidget.carousel .product_info .product_description,
.merchandisingAssociationWidget.carousel .product_info .not_available {
padding: 0 9px; }
.merchandisingAssociationWidget.carousel .product_info .product_name_merch {
height: 58px;
overflow: hidden;
margin-bottom: 5px;
font-size: 1em;
line-height: 1.2em; }
.merchandisingAssociationWidget.carousel .product_info > .product_price {
padding-left: 9px;
padding-top: 19px;
border: 0; }
.merchandisingAssociationWidget.carousel .product_info .item_spacer_7px {
border-bottom: 1px solid #eeeeee; }
.merchandisingAssociationWidget.carousel .product_info div[id^="inventory_display"] {
display: none; }
.merchandisingAssociationWidget.carousel .product_quantity .quantity_section .header {
display: none; }
.merchandisingAssociationWidget.carousel .product_quantity .quantity_section {
padding-top: 9px; }
.catalogEntryRecommendationWidget.carousel .product {
-webkit-box-shadow: 2px 2px 10px #cccbcb ;
-moz-box-shadow: 2px 2px 10px #cccbcb ;
box-shadow: 2px 2px 10px #cccbcb ; }
/*search summary widget */
.searchSummaryWidget h1 {
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
color: #00324e;
line-height: 6rem;
font-size: 4rem;
margin-bottom: 2.5rem; }
.widget_search_results_position {
font-size: 1.8rem;
color: #666666;
margin: 1.6rem 0;
margin-top: 0;
border: solid 1px #eeeeee;
background-color: #fff;
padding: 15px; }
div.widget_search_results {
padding-left: 0; }
div.widget_search_results .results_description {
font-size: 1.6rem; }
.tab_container:after {
position: absolute;
top: -4px;
right: -45px;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 45px solid #eeeeee;
content: ''; }
.tab_container {
background-color: #307991;
color: #fff;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
padding: 10px;
position: relative;
font-size: 2.6rem;
padding-left: 1.5rem;
border: 0;
outline: 0;
text-align: left; }
.tab_container.inactive_tab {
background-image: none;
background-color: #00324e; }
/* catlog listing widget */
.product_listing_container .product {
-webkit-box-shadow: 2px 2px 10px #cccbcb ;
-moz-box-shadow: 2px 2px 10px #cccbcb ;
box-shadow: 2px 2px 10px #cccbcb ; }
/* category long description widget */
.categoryDescriptionWrapper {
-webkit-box-shadow: 2px 2px 10px #cccbcb ;
-moz-box-shadow: 2px 2px 10px #cccbcb ;
box-shadow: 2px 2px 10px #cccbcb ;
background-color: #fff;
box-sizing: border-box;
padding: 15px;
border: 1px solid #cccbcb; }
.categoryDescriptionWrapper h1 {
color: #307991;
font-size: 3rem; }
.categoryDescriptionImage {
margin-right: 15px; }
.categoryDescriptionWrapper p a {
color: #00324e; }
.categoryDescriptionWrapper p a:hover {
color: #307991;
text-decoration: underline; }
/*manufacting widget */
div#widget_coordinate {
background-color: transparent; }
.merchandisingAssociationWidget {
background-color: #fff; }
.container_full_width_bundle {
background-color: #00324e;
border-radius: 0; }
@media (max-width: 760px) {
.tab_container {
font-size: 2.1rem; }
.categoryDescriptionImage {
margin: 0 0 10px 0;
text-align: center; } }
@media (min-width: 761px) and (max-width: 1024px) {
div.namePartPriceContainer h1.main_header {
font-size: 2rem;
line-height: 3rem; }
.wasPDP .columnTwo {
padding: 0 1.2rem; }
.topLeftTriangle::before {
top: -1px; }
.shopperActions .button.primary, .shopperActions .button.secondary,
.shopperActions .button_secondary, .shopperActions .button.teritary, .shopperActions .button.cancel, .shopperActions .basicButton, .shopperActions .button.small, .shopperActions .button.regularSize, .shopperActions .button.thin, .shopperActions .button.secondary {
min-width: inherit; }
.wasPDP .addToCartWrapper {
padding: 1rem; } }
@media (min-width: 761px) and (max-width: 1024px) and (orientation: portrait) {
ul.list_mode .quantity_section > .quantity_input {
width: 50px; }
ul.grid_mode .quantity_section > .quantity_input {
width: 50px; }
ul.list_mode div.product > div {
padding-right: 10px; } }
.list_mode .product-status-logo-container {
clear: both;
left: 7px;
overflow: hidden;
position: absolute;
top: 11px;
width: 100%; }
.grid_mode .product-status-logo-container {
clear: both;
left: -18px;
overflow: hidden;
position: absolute;
top: -9px;
width: 100%; }
.product-status-logo-container ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
font-size: 0; }
.product-status-logo-container li {
display: inline-block;
height: 30px;
margin: 0;
width: 30px; }
/* category and plp page styles end*/
/* begin checkout */
#checkout_crumb .crumb,
.step_on {
color: #00324e; }
#checkout_crumb .crumb a {
color: #307991; }
#box .main_header .headingtext {
background: #fff;
border: 1px solid #d5d5d5;
padding: 5px 20px;
margin: 10px 0; }
#messageBox .main_header .headingtext {
background: #fff;
border: 1px solid #dedede;
padding: 5px 20px;
margin: 10px 0; }
.checkout .button_primary {
background: #307991; }
.checkout .button_primary:hover {
background: #2b6d83; }
.content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .espot_checkout_top {
margin-left: auto; }
.myaccount_header.bottom_line {
background-color: #fff; }
div.section-wrap * {
box-sizing: border-box; }
div.section-wrap,
#shipping {
font-size: 12px;
background: #fff;
border: 1px solid #d5d5d5;
padding: 18px 9px;
box-sizing: border-box;
line-height: 1.4em; }
div.section-wrap div.inner-section {
margin-left: 9px;
margin-right: 9px; }
div.inner-section > h3.section-head {
margin: -10px -10px 18px;
padding: 10px 18px 8px;
border-bottom: 1px solid #d5d5d5;
font-size: 2rem; }
div.section-wrap > .row > div,
#shipping .row > div {
padding: 5px 10px; }
#shipping .row > div:first-child {
padding-left: 0; }
#shipping .row > div:last-child {
padding-right: 0; }
div#shippingInstructionsDiv {
padding-right: 8px; }
div#shippingInstructionsDiv textarea#shipInstructions {
width: 100%;
max-width: 100%; }
div.inner-section {
padding: 10px 10px 18px;
margin: 0 9px;
margin-bottom: 18px;
background: #fff; }
div.inner-section:after {
content: "";
display: block;
height: 0;
clear: both; }
div.inner-section.border {
border: 1px solid #d5d5d5; }
#box .body .title {
font-size: 1.1em; }
div.card_info {
width: 100%; }
.card_number input {
width: 100%; }
.cvv_number input {
width: 90px; }
span#CVVDetailsSection_1 {
width: 34px;
display: inline-block;
vertical-align: middle; }
.card_info select {
width: 100%; }
.card_info .month_year {
float: none; }
#shipping input.radio {
vertical-align: middle;
margin-bottom: 2px; }
#shipping input.checkbox {
margin-top: -2px;
margin-right: 1px;
width: 13px;
height: 13px;
border: none; }
.shipping_method_content {
margin-bottom: 10px; }
span.ship_as_complete {
margin-top: 10px;
display: block; }
div#shippingAddressDisplayArea {
margin-top: 10px; }
.shipping-options p.title {
margin-bottom: 0px; }
.shipping-options p,
div#shippingAddressDisplayArea {
margin-bottom: 10px; }
span#CVVDetailsSection_1 span.order_link {
display: inline-block;
width: 40px;
font-size: 10px;
vertical-align: top;
line-height: 1.1em;
padding-top: 5px;
padding-left: 5px;
}
select.drop_down_billing,
select.drop_down_shipping {
width: 100%; }
.billing_method input,
#shipping select,
.billing_method select,
select.drop_down_shipping, .shoppingCart select, .shoppingCart text {
padding: 6px 4px;
height: auto;
margin-bottom: 0;
border: 1px solid #d5d5d5; }
#shipping .billing_method select.drop_down_billing {
margin-bottom: 10px;
margin-right: 0; }
#shipping select.drop_down_billing {
margin-bottom: 10px; }
#billing .billing_address_container, .billing .billing_address_container {
max-width: none; }
div#selectCard {
max-height: 80px;
overflow-y: scroll;
border: 1px solid #d5d5d5;
padding: 0 1px;
position: relative;
margin-bottom: 5px; }
#savedCards .saved-card-row input,
.billing_method .section_label input {
vertical-align: middle;
margin: 7px 0 0px 8px;
float: left;
position: absolute; }
.billing_method .section_label input {
margin-top: 10px; }
#savedCards .saved-card-row label,
.billing_method .section_label label {
padding-left: 27px;
vertical-align: top;
margin-bottom: 1px;
padding: 3px 5px 3px 27px;
border: 1px solid #fff;
display: inline-block;
margin-top: 1px;
width: 100%;
cursor: pointer;
transition: border-color .2s; }
#savedCards .saved-card-row label:hover,
.billing_method .section_label label:hover {
border-color: #e5e5e5; }
.billing_method .section_label label {
padding-top: 7px;
padding-bottom: 4px; }
.billing_method .section_label label img {
vertical-align: middle;
float: right;
margin-top: -3px; }
#savedCards .saved-card-row input[type=radio]:checked + label,
.billing_method .section_label input[type=radio]:checked + label {
background: #f2fbe1;
border-color: #d6e8b6; }
#shipping .row > div.col6.billing-total {
padding-right: 10px; }
.row.save-new-card input {
vertical-align: middle;
margin-top: -1px;
margin-right: 5px; }
div#WC_ShipmentDisplay_div_17,
div#OrderItemPagingDisplay,
div#OrderConfirmPagingDisplay, div#ShopCartPagingDisplay, div#MSOrderItemPagingDisplay {
padding: 18px;
margin: 10px 0;
border: 1px solid #d5d5d5;
width: auto;
float: none;
clear: both;
background: #fff; }
div.orderExpandArea div#WC_ShipmentDisplay_div_17 {
margin: 0; }
#order_details tr th.th_align_left_normal,
#order_details tr td {
border-bottom: 1px solid #e5e5e5; }
#order_details tr:last-of-type th.th_align_left_normal,
#order_details tr:last-of-type td,
#order_details tr:last-of-type {
border-bottom: 0; }
#order_details .QTY {
width: 80px; }
#shipping div.free_gifts_block {
width: auto; }
.budget-section {
float: left;
padding: 18px;
margin: 9px;
border: 1px solid #d5d5d5;
min-width: 250px; }
.budget-section:empty, .budget-section:blank {
border: 0px; }
.budgetarea div#total_breakdown {
margin-right: 0;
padding-right: 0; }
div.section-wrap > .row.budgetarea #WC_ShipmentDisplay_div_18,
div.section-wrap > .row.budgetarea #WC_ShipmentDisplay_div_18 #showOrderTotals {
padding-right: 0; }
#box .body .budget-section .main.title {
margin: -18px -18px 18px;
padding: 10px 18px 8px;
border-bottom: 1px solid #dedede;
font-weight: normal;
font-size: 1.4em; }
#box .body .budget-section .title {
padding-top: 4px;
padding-bottom: 0; }
#box .body .budget-section .title.current-budget {
padding-top: 0; }
#box .body .budget-section table .title,
.budget-section td.total_details {
text-align: right; }
.budget-section td.total_figures {
text-align: right;
min-width: 110px; }
.checkout .button_footer_line {
float: none;
clear: both; }
.checkout .button_footer_line .button_primary {
float: right; }
.checkout .button_primary .button_text {
font-size: 1em; }
.checkout .button_right_side_message {
float: right;
padding: 10px 10px 0 10px; }
div.dropdown_primary * {
box-sizing: content-box; }
#total_breakdown div#promotions > form > div {
margin-left: 5px; }
.shoppingCart #total_breakdown div#promotions > form > div {
margin-bottom: 10px; }
#total_breakdown .promotion_input {
height: auto; }
#total_breakdown .promotion_input input {
height: auto;
font-family: Arial;
color: #4D4D4D;
padding: 6px; }
.promotion_button .button_primary {
padding: 3px; }
.shoppingCart .promotion_button .button_primary {
padding: 0; }
#order_details th.each,
#order_details th.total {
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 800; }
#order_details .price {
padding-left: 0;
color: #4d4d4d; }
div#showOrderTotals {
margin-left: 0; }
#total_breakdown #order_total {
float: right; }
#discountDetailsSection .info_icon {
color: #00324e; }
#shippingDiscountDetailsSection .info_icon {
color: #00324e; }
.breadcrumb_current {
color: #E31C3D; }
div#WC_CheckoutLogonf_div_9 {
float: right;
margin-right: 10px; }
div#WC_punchoutButton_div_1 {
float: right;
clear: both;
margin-right: 10px; }
/* Order Summary Page */
div.multiple-payment-heading {
display: none; }
.multiple-payment-heading {
display: none; }
.multiple-payment-heading.billing_border {
display: inline; }
#box .main_header {
background: #fff;
border: 1px solid #d5d5d5;
margin-top: 9px;
padding: 9px 18px; }
.checkout.summary div#total_breakdown {
float: right; }
/* Order Confirmation Page */
.checkout .content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .espot_checkout_top {
padding-top: 0; }
.confirmation-page .breadcrumb_current {
color: #00324e;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 700;
text-transform: uppercase; }
/*header footer*/
.checkout #headerRow2 .rowContainer, .checkout ~ .footer_wrapper_position #footer,
.checkout ~ .footer_wrapper_position #footer_socialMedia {
display: none; }
.checkout #headerRow2 .rowContainer, .checkout .footer_wrapper_position #footer, .checkout .footer_wrapper_position #footer_socialMedia {
display: none; }
/* cart page */
.shoppingCart.checkout #headerRow2 .rowContainer {
display: block; }
.shoppingCart .container_content_rightsidebar {
max-width: 100%;
margin-top: 20px; }
#orderTotalsSummaryArea input, #ShopCartPagingDisplay input, .shoppingCart text {
padding: 6px 4px;
height: auto;
margin-bottom: 0;
border: 1px solid #d5d5d5; }
.shoppingCart.checkout #box .body {
max-width: 100%;
margin: 20px 0;
padding: 20px 10px;
background: #fff;
border: 1px solid #dedede;
box-sizing: border-box; }
.shoppingCart #breadcrumb .on {
color: #00324e;
border-width: 1px;
margin-bottom: -1px;
font-family: "Open Sans Condensed", Helvetica;
font-style: normal;
font-weight: 400;
font-size: 2.5em;
text-transform: uppercase;
padding: 10px 18px 9px;
letter-spacing: 1px; }
#showOrderTotals_div_1 {
float: right;
margin-top: 15px; }
.wishListCartWrapper, .OrderItemMoveToRequisitionLists, .selectBlock {
float: left;
margin-left: 10px;
border-right: 1px solid #d5d5d5;
padding-right: 5px; }
.selectBlock input[type="checkbox"] {
float: left;
margin-top: 5px;
margin-right: 4px; }
.created_list {
padding-left: 10px;
background: transparent; }
.created_list.icon-plus::before {
color: #307991; }
.created_list.icon-plus::before:hover {
color: #fff; }
.created_list:hover {
background-color: #307991;
COLOR: WHITE; }
.wishListCartWrapper, .OrderItemMoveToRequisitionLists {
border-right: none; }
#orderItemCheckBox .checkbox1 {
margin-top: 30px; }
#order_details tr.nested th {
font-size: 16px; }
#total_breakdown {
width: 100%;
padding: 0px; }
#total_breakdown #promotions {
float: right;
margin-bottom: 5px;
padding-right: 20px;
text-align: right;
margin-top: 10px; }
#total_breakdown #shippingEstdiv_1 {
padding-right: 20px;
float: right;
text-align: right; }
#shippingEstdiv_1 div.labelWrapper {
position: relative;
margin-right: 10px;
display: inline-block;
vertical-align: top; }
#shippingEstdiv_1 .inputWrapper {
margin-right: 0px;
display: inline-block; }
#shippingEstdiv_1 input {
width: 150px;
margin-bottom: 10px;
display: block; }
.shippingEst_button {
display: inline-block; }
#shippingEst_links_1.button_primary {
padding: 0px;
margin-left: 6px; }
.shippingEst_button .button_primary > .button_text,
.promotion_button .button_primary > .button_text {
padding: 2px 24px; }
.shoppingCart #total_breakdown .promotion_input input {
width: 150px; }
.promotion_code label {
font-weight: 700; }
.shoppingCart #order_details div[id^="WC_OrderItemDetailsf_div_2_"] {
width: 200px; }
div#orderItemCheckBox {
padding: 0 10px; }
#order_details .img {
padding-right: 15px; }
.shoppingCart .top_border {
width: 100%;
padding-bottom: 15px; }
.shoppingCart .b2b-address {
float: left;
padding: 10px;
border: 1px solid #ddd;
min-width: 180px;
line-height: 1.5em;
margin-left: 9px; }
#customers_new_or_returning {
margin-left: 20%; }
#total_breakdown {
width: auto;
padding: 0px;
box-sizing: border-box;
text-align: left;
display: block;
min-width: 210px;
background: transparent; }
div#shopcartCheckoutButton {
margin: 0 10px 0 20px; }
/* Shipping / Bill Address - Guest */
#centered_single_column_form {
width: 50%; }
#centered_single_column_form > * {
padding-left: 10px; }
#unregistered_form div#billingCreateEditArea1 .inner-section {
min-height: 532px; }
#unregistered_form #shippingAddressCreateEditFormDiv_1 .denote_required_field {
right: 17px; }
#centered_single_column_form .denote_required_field {
right: 10px; }
#unregistered_form .input-wrap,
#centered_single_column_form .input-wrap {
width: 50%;
float: left;
box-sizing: border-box;
padding: 8px 18px; }
#unregistered_form .denote_required_field,
#centered_single_column_form .denote_required_field {
position: absolute;
top: 11px;
right: 10px;
margin: 0;
color: #999; }
#unregistered_form .input-wrap,
#centered_single_column_form .input-wrap {
width: 50%;
float: left;
box-sizing: border-box;
padding: 8px 9px;
min-height: 62px; }
#unregistered_form .nickname-wrap,
#unregistered_form .address-wrap,
#centered_single_column_form .nickname-wrap,
#centered_single_column_form .address-wrap {
width: 100%; }
#unregistered_form input[type="text"],
#unregistered_form input[type="tel"],
#unregistered_form input.drop_down_checkout,
#unregistered_form select,
#centered_single_column_form input[type="text"],
#centered_single_column_form input[type="tel"],
#centered_single_column_form input.drop_down_checkout,
#centered_single_column_form select {
padding: 7px;
border: 1px solid #AAA;
height: auto;
width: 100%;
box-sizing: border-box; }
#unregistered_form select,
#centered_single_column_form select {
padding: 7px 3px;
margin-bottom: 0; }
#unregistered_form .input-wrap.phone-wrap, #centered_single_column_form .input-wrap.phone-wrap {
clear: left; }
#unregistered_form #WC_UnregisteredCheckout_div_12,
#centered_single_column_form #ShippingBillingCheck {
position: relative;
margin: 5px 0px 10px 10px;
cursor: pointer;
display: inline-block;
padding: 3px 0px 1px;
float: left;
clear: left; }
#centered_single_column_form #ShippingBillingCheck {
margin-top: 10px;
margin-left: 10px; }
#unregistered_form #WC_UnregisteredCheckout_div_12:hover label,
#centered_single_column_form #ShippingBillingCheck:hover label {
background: #D5EAF2; }
#unregistered_form #WC_UnregisteredCheckout_div_12 input,
#centered_single_column_form #ShippingBillingCheck input {
position: absolute;
top: 5px;
left: 9px;
padding: 0; }
#unregistered_form #WC_UnregisteredCheckout_div_12 input[type=checkbox]:checked + label,
#centered_single_column_form #ShippingBillingCheck input[type=checkbox]:checked + label {
background: #daf0b4;
border-color: #aed36c; }
#unregistered_form #WC_UnregisteredCheckout_div_12 label,
#centered_single_column_form #ShippingBillingCheck label {
padding: 8px 10px 8px 27px;
border: 1px solid #D5EAF2;
border-radius: 3px;
background: #F3F9FB none repeat scroll 0% 0%; }
#unregistered_form #WC_UnregisteredCheckout_div_12 input,
#unregistered_form #WC_UnregisteredCheckout_div_12 label,
#centered_single_column_form #ShippingBillingCheck input,
#centered_single_column_form #ShippingBillingCheck label {
cursor: pointer; }
#unregistered_form #SameShippingAndBillingAddress {
margin-bottom: 5px;
margin-top: 0;
vertical-align: bottom; }
#unregistered_form .required-field,
#centered_single_column_form .required-field {
margin-left: -8px; }
#unregistered_form #WC__ShoppingCartAddressEntryForm_billingAddressCreateEditFormDiv_1_address1_1,
#unregistered_form #WC__ShoppingCartAddressEntryForm_shippingAddressCreateEditFormDiv_1_address1_1 {
margin-bottom: 10px; }
#unregistered_form .address2,
#centered_single_column_form .address2 {
padding-right: 10px;
box-sizing: border-box; }
#unregistered_form .address3,
#centered_single_column_form .address3 {
padding-left: 10px;
box-sizing: border-box; }
#centered_single_column_form_footer {
padding-right: 10px;
margin-bottom: 30px;
margin-top: 10px;
box-sizing: border-box; }
.checkout .button_secondary {
background-color: #00324e; }
.checkout .button_secondary:hover {
background-color: #002235; }
/* Create/Edit Address Form */
.edit-address-page input#address1 {
margin-bottom: 10px; }
.shipping-billing-page #box {
padding-bottom: 0;
min-height: 0; }
.shipping-billing-page #address-form .label_spacer {
margin-top: 10px;
font-size: 14px; }
.shipping-billing-page input.form_input,
.shipping-billing-page select.drop_down_country {
margin: 3px 0 8px;
padding: 5px;
width: 100%;
display: block;
height: auto; }
.shipping-billing-page #address-form .phone-wrap .label_spacer {
margin-top: 2px; }
.shipping-billing-page #address-form .phone-wrap .form_input {
margin-bottom: 0; }
.phone-wrap .phone2 {
padding-left: 18px; }
.checkout #centered_single_column_form_footer .button_primary,
.checkout #centered_single_column_form_footer .button_secondary {
width: auto; }
/* Address validation modal */
#shippingCreateEditArea1.error #address-wrap-outer,
#billingCreateEditArea1.error #address-wrap-outer {
display: block;
clear: both;
border: 2px solid red;
margin: 0px -10px 0px;
padding: 8px; }
#shippingCreateEditArea1.error #address-wrap-outer:before,
#billingCreateEditArea1.error #address-wrap-outer:before,
#shippingCreateEditArea1.error #address-wrap-outer:after,
#billingCreateEditArea1.error #address-wrap-outer:after {
content: "";
display: block;
clear: both; }
#shippingCreateEditArea1.error #address-wrap-outer #WC_shippingAddressCreateEditFormDiv_1_suggestions,
#billingCreateEditArea1.error #address-wrap-outer #WC_billingAddressCreateEditFormDiv_1_suggestions {
display: block;
padding: 15px;
margin: -8px -8px 0;
background: #ffeaee;
color: #444 !important; }
span#WC_billingAddressCreateEditFormDiv_1_addreNotMatched,
span#WC_shippingAddressCreateEditFormDiv_1_addreNotMatched {
display: block;
color: #E31C3D;
font-weight: bold;
margin-bottom: 5px; }
a#shippingBillingPagePayPal {
margin-right: 24%;
display: block; }
@media (max-width: 900px) {
#total_breakdown #promotions {
float: none;
text-align: left;
margin-top: 0; }
#total_breakdown #shippingEstdiv_1 {
float: none;
text-align: left; }
#total_breakdown div#promotions > form > div.promotion_input {
margin-bottom: 0; } }
@media (max-width: 640px) {
/* Force table to not be like tables anymore */
table#order_details,
#order_details thead,
#order_details tbody,
#order_details th,
#order_details td,
#order_details tr {
display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
#order_details tr.nested {
visibility: hidden;
position: absolute;
top: -9999em; }
#order_details tr {
padding: 20px 0;
border-bottom: 1px solid #d5d5d5; }
#order_details tr th.th_align_left_normal,
#order_details tr td {
border: none;
padding-left: 0;
clear: both;
width: 100% !important;
text-align: left !important;
box-sizing: border-box;
position: relative; }
#order_details td:before,
#order_details th:before {
padding-right: 10px;
white-space: nowrap;
display: block;
float: left;
width: 30%;
font-weight: bold;
text-align: right;
content: attr(data-label);
font-family: "Open Sans", Arial;
font-style: normal;
font-weight: 700; }
#order_details .th_align_left_normal {
border: none; }
.shoppingCart #order_details .img {
float: none; }
.shoppingCart #orderItemCheckBox .checkbox1 {
position: absolute;
left: -41%;
top: -33px; }
.order_detail_prod_info {
float: left;
width: 78%; }
#order_details div[id^="WC_OrderItemDetailsf_div_1_"],
#order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"],
#order_details div[id^="WC_OrderItemDetails_div_1_"],
#order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"],
#order_details div[id^="WC_MSOrderItemDetails_div_1_"] {
width: 150px; }
#order_details td:after, #order_details th:after {
display: table;
content: "";
clear: both; }
#order_details td > p {
display: inline-block;
vertical-align: middle; }
#order_details input {
text-align: center;
border: 1px solid #bbb;
border-radius: 1px;
width: 100% !important;
text-align: left !important; }
#order_details input.checkbox {
width: auto !important; }
#order_details .th_align_left_normal {
border: none; }
.order_detail_prod_info {
float: left;
width: 65%; }
#order_details div[id^="WC_OrderItemDetailsf_div_2_"] {
float: none;
width: auto; }
#order_details div[id^="WC_OrderItemDetailsf_div_1_"],
#order_details div[id^="WC_OrderItemDetailsSummaryf_div_1_"],
#order_details div[id^="WC_OrderItemDetails_div_1_"],
#order_details div[id^="WC_MSOrderItemDetailsSummaryf_div_1_"],
#order_details div[id^="WC_MSOrderItemDetails_div_1_"] {
width: 150px; }
#order_details #WC_OrderItemDetailsf_div_1_1.img {
float: none; }
#order_details .price {
padding-left: 0; }
#customers_new_or_returning {
margin: 10px; } }
@media (max-width: 760px) {
#box .main_header .headingtext {
padding: 5px 10px; }
div.section-wrap,
#shipping,
div#WC_ShipmentDisplay_div_17,
div#OrderItemPagingDisplay,
div#ShopCartPagingDisplay, div#MSOrderItemPagingDisplay {
padding: 9px 0; }
.myaccount_header {
padding: 10px 9px 9px; }
div.inner-section > h3.section-head {
margin: -10px 0px 9px;
padding-left: 9px;
padding-right: 9px;
font-size: 16px; }
div.section-wrap div.inner-section,
div.section-wrap div.inner-section div.inner-section {
padding: 9px;
margin-bottom: 9px; }
#box .main_header_text {
line-height: 20px;
white-space: normal;
font-size: 14px; }
#shipping select,
.billing_method select,
select.drop_down_shipping {
padding: 9px 4px;
height: auto;
font-size: 16px; }
.billing_method input {
padding: 0 6px;
height: auto;
display: inline-block; }
.cvv_number input {
width: 80px; }
div#OrderConfirmPagingDisplay {
margin-left: 9px;
margin-right: 9px; }
#total_breakdown .promotion_code {
display: block;
text-align: left; }
.promotion_button .button_primary,
.shoppingCart .promotion_button .button_primary {
padding: 9px; }
.budget-section {
float: none;
margin: 0 9px 9px; }
#total_breakdown {
padding: 0;
float: none; }
#total_breakdown #order_total {
width: 100%;
float: right;
min-width: 165px;
margin-top: 20px; }
.checkout .button_right_side_message {
clear: right; }
.shoppingCart .paypal {
padding-top: 15px;
padding-right: 10px;
float: none;
clear: both; }
/* Unregistered Shipping/Billing Address */
#unregistered_form .input-wrap, #centered_single_column_form .input-wrap {
width: 100%; }
#unregistered_form .input-wrap,
#centered_single_column_form .input-wrap {
padding: 8px; }
#unregistered_form input[type="text"], #unregistered_form input[type="tel"], #unregistered_form input.drop_down_checkout, #centered_single_column_form input[type="text"], #centered_single_column_form input[type="tel"], #centered_single_column_form input.drop_down_checkout {
padding: 0 7px; }
#unregistered_form select, #centered_single_column_form select {
padding: 11px 7px; }
#unregistered_form #WC_UnregisteredCheckout_div_12, #centered_single_column_form #ShippingBillingCheck {
margin: 10px 0px 20px 0px; }
.shoppingCart .container_content_rightsidebar {
padding: 0; }
.shoppingCart.checkout #box .body {
padding: 20px 0px; }
#orderItemDisplay .breadcrumb_item {
margin-top: 15px; }
.shoppingCart #breadcrumb .on {
padding-left: 0px; }
.shoppingCart.checkout #box .body {
width: auto; }
.shopping_cart_box {
min-width: initial; }
.shoppingCart .container_content_rightsidebar.shop_cart > .left_column {
width: 100%; }
.shoppingCart .inventoryOutWrapper {
float: left;
width: 60%; }
div.section-wrap div#total_breakdown > div,
.shoppingCart div.section-wrap div#total_breakdown > div {
padding-right: 0; }
#total_breakdown form#PromotionCodeForm > div,
.shoppingCart #total_breakdown form#PromotionCodeForm > div {
display: block;
float: none;
clear: both;
padding-top: 0; }
#total_breakdown input,
.shoppingCart #total_breakdown input,
#total_breakdown a.button_primary,
.shoppingCart #total_breakdown a.button_primary,
#total_breakdown a.button_primary .button_text,
.shoppingCart #total_breakdown a.button_primary .button_text,
#total_breakdown .promotion_input input,
.shoppingCart #total_breakdown .promotion_input input {
width: 100%;
display: block;
box-sizing: border-box; }
#total_breakdown #promotions,
.shoppingCart #total_breakdown #promotions {
float: none;
margin-bottom: 15px;
padding-right: 0; }
#total_breakdown div#promotions > form > div,
.shoppingCart #total_breakdown div#promotions > form > div {
margin: 0; }
#total_breakdown .promotion_code,
.shoppingCart #total_breakdown .promotion_code {
height: auto; }
#total_breakdown div#promotions > form > div.promotion_input,
.shoppingCart #total_breakdown div#promotions > form > div.promotion_input {
padding-right: 0;
margin-bottom: 10px; }
.shoppingCart #total_breakdown #shippingEstdiv_1 {
padding-right: 0;
float: none;
text-align: left; }
.shoppingCart #total_breakdown #shippingEstdiv_1 .inputWrapper {
display: block; }
.shoppingCart #total_breakdown #shippingEstdiv_1 br {
display: none; }
.shoppingCart #shippingEstdiv_1 input {
margin-bottom: 10px; }
.shippingEst_button {
margin-right: 0; }
#shippingEst_links_1.button_primary {
padding: 9px; }
.checkout .button_footer_line {
margin: 0 10px; }
.checkout .button_footer_line .button_secondary,
.checkout .button_footer_line .button_primary {
float: left;
width: auto; }
.checkout .button_footer_line .button_primary {
float: right; } }
@media (max-width: 400px) {
#checkout_crumb .continue_shopping {
width: 50%; }
.checkout .button_right_side_message {
float: none;
padding: 20px 0 0 0;
width: 100%; }
.billing_method .section_label label img {
width: 50%;
margin-top: -1px; } }
.checkout #box .main_header {
border: 0px;
background: transparent;
margin-bottom: 15px; }
#WC_OrderShippingBillingConfirmationPage_span_1 {
display: inline-block;
margin-left: 5px; }
.checkout.confirmation-page #total_breakdown #showOrderTotals {
float: right; }
.shoppingCart.checkout div#footer {
display: block; }
.checkout.confirmation-page #total_breakdown {
float: right; }
#expandAll, #selectAll {
position: relative;
top: 2px; }
.checkout #box .checkedCheckBox {
padding: 10px; }
.shipThreshHold, #box .main_header .headingtext.shipThreshHold {
color: red !important;
margin-bottom: 10px; }
.autoOrderMessage {
color: red !important;
margin-bottom: 10px; }
div#opco_selector_container {
z-index: 120;
position: relative;
margin: 0 auto; }
.po_phone_input {
width: 100%; }
/*end checkout */
/* CUSTOM TO Public */
.price {
color: #307991; }
.nonePublic {
display: none; }
#widget_minishopcart {
position: absolute;
right: 5px;
top: 8px;
padding: 2px;
margin: 0px;
background-image: url("../../images/cartlogowhite.png");
background-repeat: no-repeat;
background-position: center;
border: none !important;
background-size: 70% auto;
background-position-y: 10px;
overflow: visible;
height: 60px; }
img#mainDefaultLogo, img#defaultLogo {
max-height: 65px;
max-width: 300px;
padding: 10px; }
/* MEGA-MENU ARROWS */
.topLevelLink:after {
content: "";
background: url("../../images/responsive/rwdUI.png") -132px -38px no-repeat;
position: absolute;
height: 19px;
width: 19px;
right: 5px; }
.departmentMenu ul.categoryList.topLevelUl li .topLevelLink.active {
transition: all .1s ease-in-out; }
@media (max-width: 760px) {
.topLevelLink:after {
content: none;
background: none; } }
/* PLP LAYOUT OPTIMIZATON */
.subcategoryList > li > a.menuLink {
font-size: .9em; }
.departmentMenu {
box-shadow: 2px 2px 10px #777; }
.categoryDescriptionImage {
margin-right: 15px;
width: 200px; }
.categoryDescriptionWrapper .col9 {
float: none;
width: 100%;
display: table-cell; }
.col8 {
box-sizing: border-box;
padding-left: 25px; }
.row.margin-true > div > div:first-of-type {
margin: 0; }
.departmentMenu .header > a.headingText, .topLevelUl a.headingText {
font-weight: 700;
text-transform: uppercase; }
.flyoutMenu.active {
border-left: 1px solid #eeeeee;
border-right: none;
border-bottom: none;
border-top: none; }
.subcategoryList li.more a {
background-color: #307991 !important;
border-radius: 2px !important;
color: #fff !important;
letter-spacing: 1px !important;
font-weight: 700 !important; }
.brandsListingBorder {
border: none; }
.categoryList > li {
border-bottom: none; }
.topLevelUl > li:first-child {
display: none; }
.button.teritary {
letter-spacing: 1px;
border-radius: 2px; }
.departmentMenu ul.categoryList.topLevelUl, #allDepartmentsMenu.departmentMenu > li, #specialDepartmentMenu.departmentMenu > li {
border: none; }
.departmentMenu ul.categoryList.topLevelUl, #allDepartmentsMenu.departmentMenu > li, #specialDepartmentMenu.departmentMenu > li {
z-index: 100; }
.departmentButton.selected:after {
z-index: 100; }
@media (min-width: 1281px) {
.ccol9 {
box-sizing: border-box;
padding-left: 25px; } }
@media (max-width: 760px) {
.col8,
.ccol9 {
padding-left: 0; }
.categoryDescriptionImage {
margin-right: 0;
width: 100%; } }
/*About us botton in header*/
#aboutLinksMenu > ul > li {
padding: 0px;
border-bottom: none;
color: #307991; }
#quickLinksBar > li > #AboutLinksPanel:after {
content: "";
background: url("../../images/responsive/rwdUI.png") -177px -40px no-repeat;
position: absolute;
height: 19px;
width: 19px;
right: -5px;
top: 41%; }
#quickLinksBar > li > #AboutLinksPanel {
right: 5px; }
#aboutLinksMenu.active {
top: 56px;
right: 180px;
width: 215px; }
#AboutLinksPanel.selected {
left: -5px; }
@media (min-width: 760px) {
#quickLinksBar > li > #AboutLinksButton_alt {
display: none; } }
@media (max-width: 760px) {
#quickLinksBar > li > #AboutLinksButton {
display: none; } }
#WC_AboutUsLinks_5 {
border-bottom: 1px solid #c9cece; }
/*REMOVE LIST PRICE FROM PDP PAGES*/
/* This hides the list price on carousel cards since it takes up too much space. */
.carousel .listPrice,
.carousel .listPriceText,
#widget_coordinate .listPrice,
#widget_coordinate .listPriceText {
display: none; }
/* This changes the sale price to red. */
div.namePartPriceContainer > div > span.price {
color: #ea444d; }
/* List price style fixes. */
.listPrice {
color: #888;
font-family: "Open Sans";
font-size: 14px;
font-weight: 400;
padding-left: 10px;
text-decoration: line-through; }
.listPrice.gridView {
color: #999;
font-family: 'Open Sans';
font-size: 13px;
line-height: 13px;
position: absolute;
text-decoration: line-through;
top: 8px; }
.listPrice.listView {
color: #999;
font-family: 'Open Sans';
font-size: 13px;
line-height: 13px;
text-decoration: line-through;
padding-left: 0px;
top: 8px; }
.price {
color: #E31C3D;
font-family: "Open Sans", sans-serif !important;
/* For some reason the price font is using Arial instead of Open Sans.. needed to use override with !important. Should fix this on that legacy.css file */
font-weight: 700;
line-height: 14px; }
div.product .available {
padding: 3px 0px;
vertical-align: bottom; }
/* Sets the parent div of the list/sale price to relative so that absolute positioning of the list price works. */
.grid_mode .product_price, .list_mode.package_mode .product_price {
padding-bottom: 0;
padding-top: 20px;
position: relative; }
/* List price style fixes. */
.listPriceText {
color: #888;
font-family: "Open Sans";
font-size: 14px;
font-weight: normal;
letter-spacing: 0;
padding-left: 3px; }
/*Prop 65 modal*/
#Prop_65_CloseButton_2 {
float: left; }
/*displays warning when in modal*/
#prop_65_container .prop_65_warning {
display: block; }
/*hides warning when in modal*/
.prop_65_warning {
display: none; }
#prop_65_flex_container {
display: flex; }
#left_space, #right_space {
flex: 1; }
#prop_65_container {
flex: 4; }
#order_details tr th div .prop_65_warning_message {
color: #4d4d4d; }
#prop_65_modal .prop_65_attn {
display: none; }
#prop_65_container .prop_65_link_info {
display: block; }
.prop_65_link_info {
display: none; }
.prop_65_link:hover {
text-decoration: underline; }
@media (max-width: 760px) {
#prop_65_flex_container #left_space, #prop_65_flex_container #right_space {
display: none; }
#prop_65_container {
max-width: -webkit-fill-available; }
#Prop_65_CloseButton_1 {
display: none; }
#Prop_65_CloseButton_2 .button_text {
display: block; }
#Prop_65_CloseButton_2 {
margin-bottom: 10px; }
a.highlightLink {
color: blue;
cursor: pointer;
text-decoration: none; } }
a.highlightLink {
color: blue;
cursor: pointer;
text-decoration: none; }
.enumeration {
background-color: #00324e;
padding: 10px 20px;
color: white;
font-size: 30px;
font-weight: bold;
position: relative;
left: -30px;
top: 56px; }
.yourCartClass {
background-color: #307991;
padding: 10px;
color: white;
font-size: 30px;
font-weight: bold;
position: relative;
left: -30px;
top: 56px; }
.checkoutProcess button.saveContinueButton.primary:hover {
background-color: #2c6b81; }
.checkoutProcess .saveContinueButton.primary {
background-color: #307991; }
/* START - CONSOLIDATED CHECKOUT */
.checkoutProcess #columnContainer {
letter-spacing: 0;
}
/* YOUR CART */
#yourCartItems .img {
padding-right: 20px;
}
.order_total {
font-weight: 700;
}
.productPrice {
font-weight: 700;
}
.backOrderQty {
color: #E31C3D !important;
}
.shipQty {
color: green !important;
}
#cancelShippingAddressUpdate {
background-color: #fff;
border: 2px solid #307991;
color: #307991;
}
#showYourShoppingCartOrderTotals {
width: 100%;
}
#WC_YourShoppingCartOrderTotals_td_4,
#WC_YourShoppingCartOrderTotals_td_6 {
font-style: italic;
}
.orderTotalSeperator {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 20px;
}
/* SHIPPING ADDRESS */
#shippingAddressDisplayArea {
margin-left: 15px;
}
#shippingInstructionsDiv label {
font-weight: 700;
}
.shippingAddrSelect {
border-bottom: 1px solid #d5d5d5;
}
#ShippingMethodPanel {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 30px;
}
/* BILLING ADDRESS */
#cancelBillingAddressUpdate {
background-color: #00324e;
}
div#BillingAddressPanel {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 30px;
}
/* PAYMENT METHOD */
#paymentOptions button {
background-color: #307991;
border-radius: 2px;
border: 0;
border: 2px solid #307991;
color: #fff;
font-weight: 700;
padding: 10px;
position: relative;
}
#paymentOptions button.active {
background-color: #fff;
color: #307991;
}
#paymentOptions button.active::after {
content: url(https://assets.wasserstrom.com/image/upload/f_auto/checkout-payment-arrow-down);
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0;
}
#StandardCreditCard_Checkout * {
box-sizing: border-box;
}
#StandardCreditCard_Checkout {
/* margin-bottom: 20px;
margin-top: 20px;
padding: 20px; */
}
#StandardCreditCard_Checkout .card_info {
background-color: #e8ebf5;
}
#StandardCreditCard_Checkout .card_info .card_number input {
width: 95%;
}
#StandardCreditCard_Checkout .card_info select {
width: 126px;
}
#StandardCreditCard_Checkout .card_info .row {
padding-left: 10px
}
#StandardCreditCard_Checkout .card_info #cardImages {
margin-top: 10px;
}
#paymethodsNewCC {
margin-bottom: 20px;
}
#paymethodsNewCC label {
font-weight: 700;
}
#StandardCreditCard_Checkout .row {
margin-bottom: 10px;
}
#StandardCreditCard_Checkout .drop_down,
#StandardCreditCard_Checkout input {
height: 40px;
}
#StandardCreditCard_Checkout #selectCard {
max-height: unset;
padding: 0 1px;
position: relative;
margin-bottom: 5px;
overflow-y: unset;
border: none;
}
#StandardCreditCard_Checkout #savedCards .saved-card-row input{
vertical-align: middle;
margin: -8px 8px -4px -16px;
float: left;
position: absolute;
}
#StandardCreditCard_Checkout #savedCards .saved-card-row label {
padding-left: 27px;
vertical-align: top;
margin-bottom: 1px;
margin-top: 1px;
width: 100%;
cursor: pointer;
}
#StandardCreditCard_Checkout .row h4 {
font-weight: bold;
}
#promoCode {
float: left;
line-height: 1.5;
margin-right: 5px;
padding: 3px;
width: 50%;
}
#paymentFooter {
font-size: 14px;
font-style: italic;
}
/* ORDER REVIEW */
#shippingAddressSummary,
#shippingMethodSummary,
#billingAddressSummary,
#billingMethodSummary {
background-color: #e8ebf5;
padding: 20px;
}
#grandTotal {
text-align: center;
}
#grandTotal b {
font-size: 28px;
color: #E31C3D;
}
#OrderSummary_EmailOption {
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 20px 0;
}
.checkoutProcess .saveContinueButton.button.submitOrder {
margin: 0 auto;
display: block;
}
span#reviewPanelHeader {
padding-right: 10px;
}
/* END - CONSOLIDATED CHECKOUT */
button#showOpenButton {
background-color: #307991;
color: white;
}
button.invoiceButtonActive {
background-color: #307991;
color: white;
}
.ui-dialog .ui-dialog-buttonpane button#Cancel {
background-color: #002235 !important;
color: white !important;
border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane button#post {
background-color: #307991 !important;
color: white !important;
border-radius: 0;
}
/*---------------------------------------------*/
/* --- ADA Fixes ------------------------------*/
/*---------------------------------------------*/
.bsc-cf:after { content: ""; display: table; clear: both; }
/* Color Contrast Fixes */
/* Global */
.bsc-red-txt,
.required { color: #E31C3D; }
/* Product Listing */
.sorting_controls > span.page_size_label,
.sorting_controls > span.order_by_label,
div.product .product_description,
.listPrice.gridView,
.sorting_controls .selectWrapper .dijitSelect,
div.widget_left_nav > div.content_left_border > div.content_right_border > div.content div.content_section div.section_list ul li input.range_input,
ul.facetSelect li input.range_input,
.listPrice { color: #666666; }
div.product div.product_option .button.primary { background-color: #307991; }
.ns-sale-price { #E31C3D; }
/* Payment Methods */
/* #AddPaymentForm a { color: #307991; } */ /* text links on white background */
/* #AddPaymentForm a.button.primary { color: #ffffff; } */
/* Order History */
.order_status_table .column_heading,
#OrderHistorySeach .dijitPlaceHolder { color: #666666; }
/* Checkout */
#checkout_crumb .crumb a { color: #2c7086; }
#order_details tr.nested th,
#total_breakdown #order_total .order_total { color: #666666; }
.inventoryIn,
div.product .inventoryIn,
.shipQty { color: #128812; }
#customers_new_or_returning h2 { color: #666666; }
/* Invoice History */
.listTable .cell { color: #666666; }
/* Product Detail */
.listPriceText { color: #666666; }
/* Request a Quote */
#request-a-quote-container #request-a-quote-intro a { color: #327D96; }
#request-a-quote-form .e2ma_signup_message { color: #666666; }
/* Order Confirmation */
#order_details .strong_content,
.strong,
#billing_summary .title, .billing_summary .title,
.billing_address .title, .billing_method .title,
#billing_method,
#purchase_order .title,
.button_right_side_message { color: #666666; }
/* PDP Add to Wish List Button */
#addToShoppingList,
.shopperActions .requisitionListBox .button.primary { border: 2px solid #307991; background-color: #FFF; color: #307991; }
.shopperActions .requisitionListBox .button.primary .button_text { color: #307991; }
#addToShoppingList:hover { background-color: #ffffff; }
/* Checkout Header */
.checkoutProcess .panelHeader.checkout-h1 { font-size: 40px; font-weight: bold; font-family: "Open Sans Condensed", Helvetica; }
/* Order Confirmation */
.confirmation-page div.inner-section > h2.section-head { margin: -10px -10px 18px; padding: 10px 18px 8px; border-bottom: 1px solid #d5d5d5; font-size: 2rem; }
/* Header */
.departmentMenu[aria-label*="Brands"] h2[id^="title"] { margin-top: -44px; font-size: 3.6rem; color: #307991; font-family: "Open Sans Condensed", Helvetica; font-style: normal; font-weight: 400; text-decoration: none; }
/* PLP Add to Wish List Button fixes */
#page a.add-to-cart-btn { -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#page a.add-to-list-btn { margin-top: 10px; border: 2px solid #307991; -webkit-box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999;
box-shadow: 1px 1px 2px #999; background-color: #FFF; color: #307991; }
#page .list_mode.grid .price-avail-wrap { padding-right: 10px; padding-bottom: 10px; }
/*START - PUBLIC CART REDESIGN*/
.publicShopCartHideElements{
display:none;
}
.selectBlockRemoveBorder{
border-right:none;
}
/*END - PUBLIC CART REDESIGN*/
/*START - REGISTRATION PAGE REDESIGN*/
/*START - REGISTRATION PAGE REDESIGN COMMON STYLES*/
.wassRegistrationInputField input{
margin-bottom:1rem;
}
.wassRegistrationInputField .checkboxField{
display: inline-flex;
}
.checkboxField .checkboxLabel{
position: relative;
left: unset;
top: unset;
margin-left: 1rem;
justify-content: center;
}
.regPageRedesignWelcomeWrapper{
margin-left:2rem;
margin-bottom:2rem;
}
.registrationFormColumnLabel .required-field{
color: var(--wassWhite);
}
.wassInfoIconSVG .infoIconPrimaryColor{
fill:var(--wassWhite);
}
.wassInfoIconSVG .wassinfoIconBackgroundColor{
fill:var(--wassNavyBlue);
}
.wassInfoIconSVG{
width: 20px;
height:20px;
}
.wassInfoIconSVG:hover{
cursor:pointer;
}
.wassInfoIconWrapper:hover .wassInfoIconMessage{
display:block;
}
.wassInfoIconWrapper:focus-within .wassInfoIconMessage{
display:block;
}
.wassInfoIconWrapper{
position:relative;
display: inline-block;
}
.wassInfoIconWrapper{
position:relative;
display: inline-block;
}
.registrationPageRedesignForm{
background-color:var(--wassNavyBlue);
padding:2rem;
margin-left:2rem;
}
.registrationPageRedesignVideoWrapper iframe{
justify-content: center;
aspect-ratio: 16 / 9;
display:block;
height:auto;
border: none; /* Remove iframe border */
}
.registrationPageRedesignEmailOption{
color:var(--wassWhite);
}
.registrationFormHeader{
color:var(--wassWhite);
text-align:center;
margin-bottom: 2rem;
font-weight:700;
}
.registrationFormRedesignPrivacyPolicy{
color: var(--wassBlack);
background-color: var(--wassWhite);
margin-top: 1rem;
margin-left: 2rem;
}
.registrationFormColumns{
display:flex;
flex-direction: column;
justify-content: center;
}
.registrationFormColumnLabel{
color:var(--wassWhite);
margin-bottom: 0.5rem;
}
.registrationPageRedesignEmailCheckbox{
background-color: var(--wassWhite);
clip-path: inset(2px);
border-radius: 10px;
outline:none;
}
.wassInfoIconMessage{
margin-top: 10px;
background: var(--wassWhite);
color: var(--wassBlack);
border: 2px solid var(--wassNavyBlue);
display: none; /* Initially hide the dropdown */
padding: 10px;
z-index: 10;
font-size: 13px;
}
.checkBoxWrapper{
all: unset;
display:inline-block;
width:25px;
height:25px;
}
.checkBoxWrapper:focus-within{
/**/
box-shadow:
inset 0 0 0 4px var(--wassGold),
0 0 5px 1px var(--wassGold);
border-radius: 5px;
/**/
}
#WC_UserRegistrationAddForm_Buttons_1.registrationPageRedesignFormButton .button{
margin:unset;
}
/*END - REGISTRATION PAGE REDESIGN COMMON STYLES*/
/*START - REGISTRATION PAGE REDESIGN 1024px LAYOUT*/
@media(min-width: 1024px){
.wassInfoIconMessage{
position: absolute;
top: 0px;
margin-left: 30px;
margin-top: 10px;
white-space: nowrap;
}
.registrationPageRedesignVideoWrapper iframe{
width: 100%; /* Take up full width of the wrapper */
max-width: 75%; /* Restrict maximum width */
}
.registrationFormRedesignWrapper{
display:flex;
flex-direction:column;
width:100%;
align-items: stretch; /* Ensures both children match height */
justify-content:flex-start;
}
.registrationPageRedesignVideoWrapper{
display: flex;
align-items: top;
width: 100%;
}
.registrationPageRedesignVideoWrapper div{
width:100%;
}
.registrationPageRedesignVideoWrapper .left_espot{
display: flex;
width: 100%;
justify-content: center;
align-content:center;
}
.registrationFormCheckbox{
background-color: var(--wassWhite);
padding: 2px;
box-sizing: border-box;
display: block;
}
.registrationInputField{
border-color: transparent;
border-radius: 5px;
margin-bottom: 1rem;
}
.registrationPageRedesignRowWrapper{
display: flex;
width: 100%;
align-items: stretch;
}
}
/*END - REGISTRATION PAGE REDESIGN 1024px LAYOUT*/
/*START - REGISTRATION PAGE REDESIGN 1023px LAYOUT*/
@media(max-width: 600px){
.registrationPageRedesignVideoWrapper{
margin-right: 2rem;
margin-left: 2rem;
}
}
@media(max-width: 1023px){
.registrationPagePrivacyPolicyWrapper{
order:2;
}
.registration{
display: flex;
flex-direction: column;
}
.registrationPageRedesignRowWrapper{
display:flex;
flex-direction:column;
}
.registrationPageRedesignForm{
display:flex;
flex-direction: column;
order:1;
padding:2rem;
margin: 2rem;
}
.wassRegistrationInputField{
display:flex;
flex-direction: column;
justify-content: center;
}
.registrationPageRedesignEmailOption{
display:flex;
flex-direction: column;
height:auto;
width:100%;
align-self: center;
}
.registrationFormRedesignWrapper{
display:flex;
flex-direction:column;
width:100%;
align-items: stretch; /* Ensures both children match height */
justify-content:flex-start;
}
.wassInfoIconMessage{
display:fixed;
width: 90vw;
position: fixed;
top: 25%;
left: 50%;
transform: translate(-50%, -25%);
word-wrap: break-word;
}
input[type="text"].registrationInputField,
input[type="password"].registrationInputField,
input[type="email"].registrationInputField,
input[type="tel"].registrationInputField{
border-color: transparent;
border-radius: 5px;
width:100%;
align-self:center;
}
.registrationFormColumnLabel{
width: 95%;
}
.registrationPageRedesignFormButton{
padding-top: 0.5rem;
border-radius: 5px;
width:100%;
align-self: center;
}
.regPageRedesignWelcomeWrapper{
margin-right:2rem;
margin-left:2rem;
margin-bottom: 2rem;
}
.regPageRedesignWelcomeMessage{
}
.registrationPageRedesignVideoWrapper iframe{
max-width: 100%; /* Restrict maximum width */
margin-bottom:1rem;
}
}
/*END - REGISTRATION PAGE REDESIGN 1023px LAYOUT*/
@media(min-width: 600px) and (max-width: 1023px){
.registrationPageRedesignVideoWrapper{
justify-content: center;
display: flex;
order:1;
}
}
/*END - REGISTRATION PAGE REDESIGN 600px -> 1023px LAYOUT*/
/* END - REGISTRATION PAGE REDESIGN TOOLTIP STYLES */
/*END - REGISTRATION PAGE REDESIGN*/
.promoCodePopupLink {
margin-right: 10px;
font-size: 14px;
margin-bottom: 10px;
text-decoration: underline;
}
.promotion-code-modal {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 10px 10px 0;
background-color: rgba(0, 0, 0, 0.25);
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
overflow: auto;
padding: 20px;
}
.promotion-code-modal-container {
border: 1px solid #cccbcb;
border-radius: 0;
box-shadow: 2px 2px 10px #cccbcb;
font-size: 14px;
padding: 10px 20px;
margin: 0 auto;
align-items: center;
background-color: white;
width: 150px;
}
.promotion-code-modal-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
width: 100%;
}
#appliedPromoCodesContainer {
margin-right: 10px;
font-size: 14px;
margin-bottom: 10px;
}
.popup-close-button {
cursor: pointer;
}
.popup-close-button-svg{
height: 1.5rem;
width: 1.5rem;
}
.promotion-code-modal-container .promotion_input {
width: 250px;
}
.promotion-code-modal-container .button_primary {
margin-top: 10px;
}
.popup-modal-backdrop {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
color: transparent;
}
.sign-in-checkout-modal{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px 10px 10px 0;
background-color: rgba(0, 0, 0, 0.25);
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
overflow: auto;
padding: 20px;
}
.sign-in-checkout-modal-container {
border: 1px solid #cccbcb;
border-radius: 0;
box-shadow: 2px 2px 10px #cccbcb;
font-size: 14px;
padding: 10px 20px;
margin: 0 auto;
align-items: center;
background-color: white;
width: 300px;
}
.modal-input-text {
height: 30px;
}
.sign-in-checkout-modal-container .button_secondary .button_text {
font-size: 1em;
}
.checkout .button_primary.new {
background: #2B8258;
max-width: 175px;
}
.checkout .button_primary.new .button_text {
min-width: 135px;
}
.public-paypal-button {
opacity: 0;
position:absolute;
max-width: 200px;
min-height: 60px;
height: 60px;
margin-top: -60px;
}
.margin-right-10 {
margin-right: 10px;
}
@media (max-width: 760px) {
.promotion-code-modal {
left: 0;
}
.sign-in-checkout-modal {
left: 0;
}
.checkout .button_primary.new .button_text {
min-width: 35px;
}
}
.hide-elem {
display: none !important;
}
/* Overriding Common1_1.css Defaults */
.card-button-set-default-payment{
box-shadow: 0 0 0 1px var(--color-secondary);
background-color: var(--color-secondary);
color: var(--color-white);
} .card-button-set-default-payment{
box-shadow: 0 0 0 1px var(--color-primary);
background-color: var(--color-primary);
color: var(--color-white);
}
.card-button-set-default-payment:hover{
background-color: var(--color-primary-dark);
color: var(--color-white);
text-decoration: underline;
}