html {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
table.center {margin-left:auto; margin-right:auto;}
.linkcolorred {color: #ff0000} /* jlm 01/11/2012 changed form #123456 to #ff0000 */
.linkcolorwhite {color: white}
.linkcoloryellow {color: #FFCC00}
.button-title{padding-left:1px;
font-weight:bold;
max-width:10em;
overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;}
.titleLine {
background-color: #ffffff;
color: #067802;
font-weight: normal;
font-size: 12px;
line-height: 1.5;
text-align: middle;
}
.newReport {
background-color:white;
color: #003f87;
font-weight: bold;
font-size: 10px;
text-align: middle;
}
/* ******************************** DIALOG - MODAL FORMATTING ********************************* */
.dialog-modal-standard { background-color: #fdfef0;}
.dialog-modal-standard fieldset.summary { border:1px solid #4E5C52; background-color: #fdfeea; }
.dialog-modal-standard fieldset.summaryTrans { border:1px solid #4E5C52; background-color: #fafafa; }
.dialog-modal-standard legend.summary {
padding: 0.2em 0.5em;
border:1px solid #4e5c52;
background-color: #f0f0f0;
color: #4e5c52;
font-size:90%;
text-align:left;
}
.dialog-modal-standard hr.summaryDashed {
border-bottom: 1px;
border-style: dashed;
border-color: #4E5C52;
}
.dialog-modal-standard small.hideme {
background-color: #fdfef0;
color: #fdfef0;
}
.dialog-modal-standard h1{
font-size: 125.00%;
color: #C4343E;
margin-bottom: 0px;
padding-bottom: 0px;
/*
font-size: 12px;
font-weight: normal;
color: #C4343E; */
}
.dialog-modal-standard input[disabled='disabled'] {
background-color: #f1f1f0;
}
.dialog-modal-standard input.noedit {
background-color: #fcfcfc;
font-size: 12px;
}
.dialog-modal-standard select {
/* JLM 10-30-2015 NO LONGER USEING A YELLOW BACKGROUND background-color: #fbfcc6; */
font-size: 12px;
}
.dialog-modal-standard fieldset.plain { border:1px solid #808080; background-color: #ffffff; }
.dialog-modal-standard fieldset { border:1px solid #4E5C52; background-color: #f0f0f0; }
.dialog-modal-standard legend {
padding: 0.2em 0.5em;
border:1px solid #787878; /* 4e5c52; jlm 03-09-2013 attempting to change the color */
background-color: #787878; /* 4e5c52; jlm 03-09-2013 attempting to change the color */
color: #fcfcfc;
font-size:90%;
text-align:left;
}
.dialog-modal-standard fieldset a { background-color: #f0f0f0; color: #003f87; }
.dialog-modal-standard fieldset a:link {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard fieldset a:visited {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard fieldset a:hover {text-decoration: underline; color: #003f87; background: #f0f0f0; font-weight:normal;}
.dialog-modal-standard fieldset a:active {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard fieldset.SiteSaverScroll { border:2px double #4E5C52; background-color: #f0f0f0; }
.dialog-modal-standard fieldset.SiteSaverScroll a { background-color: #f0f0f0; color: #003f87; }
.dialog-modal-standard fieldset.SiteSaverScroll a:link {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard fieldset.SiteSaverScroll a:visited {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard fieldset.SiteSaverScroll a:hover {text-decoration: underline; color: #003f87; background: #f0f0f0; font-weight:normal;}
.dialog-modal-standard fieldset.SiteSaverScroll a:active {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard hr.hrDashed {
border-bottom: 1px;
border-style: dashed;
border-color: #ffffff;
}
.dialog-modal-standard table.withinFieldset { background-color: #f0f0f0; padding:0px;
border: 0px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px;
font-weight: normal;
}
.dialog-modal-standard table.withinFieldset a { background-color: #f0f0f0; color: #003f87; }
.dialog-modal-standard table.withinFieldset a:link {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard table.withinFieldset a:visited {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard table.withinFieldset a:hover {text-decoration: underline; color: #003f87; background: #f0f0f0; font-weight:normal;}
.dialog-modal-standard table.withinFieldset a:active {text-decoration: underline; color: #003f87; background: #f0f0f0;}
.dialog-modal-standard table.smallTBL { background-color: #f0f0f0; padding:0px;
border: 0px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 10px;
font-weight: normal;
}
.dialog-modal-standard table.smallplainTBL { padding:0px;
border: 0px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 10px;
font-weight: normal;
}
.dialog-modal-standard table.tblgenericNew { background: #ffffff; border: 0px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px;
font-weight: normal; color: #003f87;}
/* jlm 06/14/2012 removed text-align: left; vertical-align: top; frmo tr */
.dialog-modal-standard table.tblgenericNew tr { background: #ffffff; font-size: 12px;
font-weight: normal;
color: #000000;
border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;
border-color: #DCDDDD #DCDDDD #DCDDDD #DCDDDD;
}
.dialog-modal-standard table.tblgenericNew td {padding:0 2px 0 2px; border-width: 0px 1px 1px 1px;
border-style: solid solid solid solid;
border-color: #DCDDDD #DCDDDD #DCDDDD #DCDDDD; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader td { background: #DCDDDD;font-size: 16px; text-align: center; vertical-align: bottom; font-weight: bold; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader2 td { background: #eeeeee;font-size: 14px; text-align: center; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblSubHeader td { background: #f7f7f7;font-size: 12px; text-align: center; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblSubHeader td a {text-decoration: none; background-color: #f7f7f7; color: #003f87; font-weight:normal;} /* jlm added 01/09/2012 */
.dialog-modal-standard table.tblgenericNew tr.tblSubHeader td a:hover {text-decoration: none; color: #ff0000; background-color: #f7f7f7; font-weight:normal;} /* jlm added 01/09/2012 */
.dialog-modal-standard table.tblgenericNew tr.tblSubHeaderN td { background: #f7f7f7;font-size: 12px; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblSubHeaderL td { background: #f7f7f7;font-size: 12px; text-align: left; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblSubHeaderL td a {text-decoration: none; background-color: #f7f7f7; color: #003f87; font-weight:normal;} /* jlm added 01/09/2012 */
.dialog-modal-standard table.tblgenericNew tr.tblSubHeaderL td a:hover {text-decoration: none; color: #ff0000; background-color: #f7f7f7; font-weight:normal;} /* jlm added 01/09/2012 */
.dialog-modal-standard table.tblgenericNew tr.tblSubSubHeader td { background: #F7F7F7;font-size: 12px; text-align: center; vertical-align: bottom; font-weight: normal; color: #E41B17; }
.dialog-modal-standard table.tblgenericNew tr.tblSubSubHeaderL td { background: #F7F7F7;font-size: 12px; text-align: left; vertical-align: bottom; font-weight: normal; color: #E41B17; }
.dialog-modal-standard table.tblgenericNew tr.tblSubHeaderR td { background: #f7f7f7;font-size: 12px; text-align: right; vertical-align: bottom; font-weight: normal; color: #E41B17; }
.dialog-modal-standard table.tblgenericNew tr.odd-line td.tblSubHeaderOdd { background: #EDEEEE;font-size: 10px; text-align: right; vertical-align: middle; font-weight: normal; color: #000000; }
.dialog-modal-standard table.tblgenericNew tr.even-line td.tblSubHeaderEven { background: #EDEEEE;font-size: 10px; text-align: right; vertical-align: middle; font-weight: normal; color: #000000; }
.dialog-modal-standard table.tblgenericNew tr.even-line td { background: #ffffff;font-size: 10px; font-weight: normal; color: #000000; }
.dialog-modal-standard table.tblgenericNew tr.even-line a { background: #ffffff;font-size: 10px; font-weight: normal; color: #000000; }
.dialog-modal-standard table.tblgenericNew tr.odd-line td { background: #f9f9f9;font-size: 10px; font-weight: normal; color: #000000; }/*EDEEEE*/
.dialog-modal-standard table.tblgenericNew tr.odd-line a { background: #f9f9f9;font-size: 10px; font-weight: normal; color: #000000; }
.dialog-modal-standard table.tblgenericNew tr:hover td { background: #ffff8f;}
.dialog-modal-standard table.tblgenericNew tr:hover a { background: #ffff8f;}
.dialog-modal-standard table.tblgenericNew tr.tblHeader:hover td { background: #DCDDDD;font-size: 16px; text-align: center; vertical-align: bottom; font-weight: bold; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader2:hover td { background: #eeeeee;font-size: 14px; text-align: center; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader:hover a { background: #DCDDDD;font-size: 16px; text-align: center; vertical-align: bottom; font-weight: bold; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader2:hover a { background: #eeeeee;font-size: 14px; text-align: center; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.tblHeader2 a { background: #eeeeee;font-size: 14px; text-align: center; vertical-align: bottom; font-weight: normal; color: #003f87; }
.dialog-modal-standard table.tblgenericNew tr.even-line:hover td { background: #ffff8f;}
.dialog-modal-standard table.tblgenericNew tr.odd-line:hover td { background: #ffff8f;}
.dialog-modal-standard table.tblgenericNew tr.odd-line:hover a { background: #ffff8f;}
.dialog-modal-standard table.tblgenericNew tr.even-line:hover a { background: #ffff8f;}
.dialog-modal-standard tr td.Cancelled { color: #000000; font-weight: normal; font-size: 10px; text-decoration: line-through; }
/* div {
width:300px;
margin: 100px auto;
background-color: #FFFFFF;
border:1px solid #000;
padding:15px;
text-align:center;
} */
hr.hrDashed {
border-bottom: 1px;
border-style: dashed;
border-color: #F1F1F0;
}
.panel { /* boostrap override for panel */
/* background-color: #ebf3fb; messing up new SES front-end... need to see how this looks in TRP */
}
.homePanel {
vertical-align: top;
margin-top: -10px;
float: left;
margin-left: 10px;
}
/*LLG 2015-11-13 adding new button for print option*/
a.trpPrintButton {
text-decoration: none;
font-size:14px;
color:#ffffff;
border-color:#003f87;
border-bottom-width:2px;
border-left-width:8px;
border-right-width:8px;
border-top-width:2px;
border-radius:25px;
height:40px;
font-weight:500;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
background-color: #003f87; /*#4472B9; */
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
}
a.trpPrintButton:hover {
text-decoration:none;
/* color:#000000; */
border-color: #CE1126; /*#CE1126; */
background-color: #CE1126; /*#ce1126; */
}
a.trpButton {
text-decoration: none;
font-size:14px;
color:#ffffff!important;
border-color:#003f87;
border-bottom-width:2px;
border-left-width:2px;
border-right-width:4px;
border-top-width:2px;
border-radius:25px;
height:40px;
font-weight:500;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
background-color: #003f87 ! important; /*#4472B9; */
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border-style: solid;
}
a.trpButton:hover {
text-decoration:none;
/* color:#000000; */
BORDER-COLOR: #CE1126 ! important; /*#CE1126; */
background-color: #CE1126 ! important; /*#ce1126; */
}
a.inventoryListHeader {
color: #003f87;
text-decoration:none;
}
a.inventoryListHeader:hover {
text-decoration:none;
color: #CE1126;
}
.outlineGrid{
background-color: #ffffff;
padding: 5px 0px 0px 0px;
height: 250px;
border-style: solid;
border-top-width:4px;
border-right-width:4px;
border-bottom-width:4px;
border-left-width:4px;
border-color: #f1f1f0;/*light grey*/
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
}
.inventoryTypeMenu {
color: #ffffff;
background-color: #003f87; /* 003f87; */
opacity: 0.65;
display:block;
margin-top: -20px;
min-height:50px;
text-align: center;
position: absolute;
bottom: 0;
width:100%;
border-width: 0px 0px 0px 0px;
border-style: solid solid solid solid;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 0px;
float: none;
font-weight: bold;
font-size: 16px;
}
.inventoryListImgBox {
margin: 15px;
color: #003f87;
width: 100%;
height: 100%;
max-height: 100px;
overflow: hidden;
padding: 8px;
text-align: left;
background-color: #f0f4ff;
border: 1px solid #003f87; /*JLM 01-29-2014 CHANGED FROM C4343E */
/* Do rounding (native in Opera, Firefox and Safari) */
border-radius:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
vertical-align:top;
}
.inventoryListImgBox img{
background-color: #f0f4ff;
}
.inventoryListImgBox a{
text-decoration:none;
color:#000000;
text-align: left;
}
.inventoryListRowOdd {
background-color: #d1e3f2;
margin-left: 15px;
margin-right: 15px;
}
.inventoryListRowEven {
background-color: #e3eef7;
margin-left: 15px;
margin-right: 15px;
}
.selectColor {
background-color: #ffffff;
border: solid 1px #ffffff;
width: 40px;
height: 10px;
}
.rowOdd-line { background-color: #ebf3fb;margin:0;}
.rowOdd-line a { background-color: #ebf3fb;margin:0;}
.rowEven-line {
background-color: #ffffff;
margin:0;
}
.noMargin{
margin:0;
}
.rowGray {
background-color: #f1f1f0;
margin:0;
}
.padding3 {
padding: 3px;
}
.shippingLabel {
width: 120px;
text-align: right;
}
.soldout {
background-color: #f1f1f0;
color: #CE1126;
font-size:11px;
border-color:#CE1126;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
height:20px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-weight: 800;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
border-style: dotted;
}
.textCancel {
text-decoration: line-through;
}
.cancelledItem {
background-color: #f1f1f0;
color: #CE1126;
font-size:8px;
border-color:#CE1126;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
border-top-width:1px;
height:16px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-weight: 800;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
border-style: dotted;
}
.labelBlock {
display: block;
margin-bottom: 0px;
}
.colorRed {
color: #CE1126;
}
.colorWhite {
color: #ffffff;
}
a.colorWhite {
color: #ffffff;
}
a:hover.colorWhite {
color: #ffffff;
}
a:visited.colorWhite {
color: #ffffff;
}
.colorBlack {
color: #000000;
}
a.colorBlack {
color: #000000;
}
a:hover.colorBlack {
color: #000000;
}
a:visited.colorBlack {
color: #000000;
}
.colorCodeBlock {
width: 55px; height: 16px; display: inline-block; vertical-align: middle; text-align: center; font-size: 9px;
border: solid 1px #BDBDBD;
}
.colorCodeBlockDisplay { /* jlm 10-05-2015 changed from height = 16px to 8px */
width: 55px; height: 8px; display: inline-block; vertical-align: middle; text-align: center; font-size: 9px;
border: solid 1px #BDBDBD;
}
.engravingBlock { /* jlm 10-05-2015 changed from height = 16px to 12px */
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 5px;
font-size: 12px;
min-width: 150px;
}
.dd-option-text {
color: #000000!important;
}
.dd-option {
text-decoration: none!important;
}
.dd-desc {
color: #808080;
}
.cartIcon > img {
float: right;
margin-right: 15px;
height: 26px;
}
.nav.user-nav {
display: flex;
align-items: center;
}
/*
* New TRP Styling
*/
label {
display: inline;
}
body {
overflow-x: hidden;
}
.cart-icon-wrapper {
white-space: nowrap;
}
.cart-count-trp {
font-size: 20px;
font-weight: bold;
margin-left: -15px;
}
.trp-wrapper .header-banner {
z-index: 10;
height: 6rem;
}
.header-banner .row {
height: 100%;
}
.header-banner .row .col-xs-6 {
height: 100%;
}
.trp-hamburger-menu {
padding: 15px;
width: fit-content;
}
.category-backdrop-mobile {
display: none;
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.category-dropdown-mobile {
display: none;
z-index: 2;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: auto;
padding-bottom: 15px;
}
.category-search-mobile-link {
display: inline-block;
width: 100%;
height: 100%;
padding: 15px;
}
.category-search-mobile-text {
font-size: 18px;
padding-left: 10px;
}
.category-item-mobile-mark {
float: right;
padding: 15px;
}
.category-item-mobile-list {
display: none;
padding-left: 15px;
}
.category-item-mobile {
display: inline-block;
padding: 15px;
}
.category-hr {
height: 1px;
border-top: 1px solid #DDD;
margin: 0 15px;
}
.content-banner {
z-index: 0;
position: relative;
}
.footer-banner {
z-index: 0;
}
.cart-view-container {
z-index: 10;
position: fixed;
top: 0px;
width: calc(45% + 30px);
height: 100%;
transition: right 0.3s, width 0.3s;
right: -100%;
overflow-y: auto;
}
.cart-view {
width: 100%;
height: 100%;
}
.cart-view-container.expanded {
right: 0;
}
.cart-view-backdrop {
z-index: 9;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
transition: 0.3s;
opacity: 0;
}
.cart-view-backdrop.backdrop-active {
opacity: 0.5;
}
@media screen and (max-width: 767px) {
.cart-view-container {
width: 100%;
}
}
.cart-view-upsell-container {
z-index: 10;
position: fixed;
left: 0;
top: 0;
width: calc(55% - 30px);
height: 100%;
box-sizing: content-box;
overflow-y: scroll;
overflow-x: hidden;
transition: 0.3s;
opacity: 0;
}
.cart-view-upsell-container.upsell-active {
opacity: 1;
}
.cart-view-upsell-container::-webkit-scrollbar {
display: none;
}
.cart-view-upsell-container {
-ms-overflow-style: none;
scrollbar-width: none;
}
.upsell-container-title {
width: calc(100% - 20px);
text-align: center;
margin: 10px;
border-radius: 5px;
line-height: 50px;
font-weight: bold;
font-size: 16px;
}
.upsell-item-container {
display: inline-block;
white-space: normal;
padding: 10px !important;
vertical-align: top;
}
.upsell-item {
padding: 8px !important;
border-radius: 5px;
}
.checkout-process-button {
margin-left: 15px;
}
.checkout-title {
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
.header-category-container {
display: inline-block;
text-align: center;
width: 100%;
height: auto;
position: relative;
}
.header-category {
display: inline-block;
position: relative;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
}
.header-category:hover .category-dropdown {
display: block;
}
.category-menu-collapse {
width: 100%;
height: 100%;
}
.category-dropdown {
display: none;
position: absolute;
top: 100%;
text-align: left;
min-width: 100%;
z-index: 4;
padding: 15px;
border: 1px solid #CCC;
box-shadow: 0px 0px 5px 2px #CCC;
}
.category-dropdown.dropdown-active {
display: inline-block;
height: auto;
}
.category-dropdown-area {
display: block;
height: 100%;
}
.category-dropdown-header {
font-weight: bold;
font-size: 12px;
padding-top: 10px;
width: max-content;
}
.category-dropdown-header a {
display: inline-block;
}
.category-dropdown-list-item {
font-weight: normal;
font-size: 12px;
padding-top: 4px;
padding-left: 8px;
}
.category-dropdown-list-item a {
display: inline-block;
}
.breadcrumb-links-trp {
padding-bottom: 15px;
}
.image-viewer-area {
max-width: 100% !important;
width: 100%;
margin: 0 !important;
float: none !important;
}
.item-title {
font-size: 20px;
font-weight: bold;
}
.item-section-title {
font-weight: bold;
}
.item-section-content {
padding-top: 6px;
}
.item-option-container {
margin-top: 15px;
}
.color-button {
margin: 2px;
padding: 2px;
display: inline-block;
width: 24px;
height: 24px;
border-radius: 6px;
}
.selected-color-option {
box-shadow: 0 0 0 2px red;
}
.item-detail-table {
font-size: 14px;
}
.url-category-container {
font-size: 14px;
padding-bottom: 15px;
}
.url-category {
list-style: none;
padding: 5px;
}
.url-category-no-items {
background-color: #FDD;
}
.homepage-category-scroll-control {
float: right;
}
.homepage-item-area {
overflow-x: scroll;
white-space: nowrap;
width: 100%;
scroll-behavior: smooth;
}
.homepage-item {
width: 60%;
display: inline-block;
white-space: normal;
padding-right: 15px;
padding-left: 15px;
vertical-align: top;
}
@media (min-width: 768px) {
.homepage-item {
width: 33.33%;
}
}
@media (min-width: 992px) {
.homepage-item {
width: 25%;
}
}
@media (min-width: 1200px) {
.homepage-item {
width: 20%;
}
}
.homepage-scroll-button {
border: none;
}
.trp-wrapper {
padding: 10px 0;
position: relative;
}