BODY {
background-color: #ffffff;
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/5df9129b-7cde-42e2-8773-1723b667c747.gif) !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}

/* content area */
.ContentArea {
background-color: #FFFFFF;
color: #56585A !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
border: solid 0px #C0C0C0;
}
.ContentArea A, .ContentArea A:hover, 
.ContentArea A:visited, .ContentArea A:visited:hover, 
.ContentArea button.link-style-button {
color: #123456;
font-weight: normal !Important;
}
.ContentArea table td {
color: #56585A;
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* content titles */
.ContentTitle {
background-color: #427b1d;
color: #ffffff !important;
font-family: Arial !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/ab1020b2-cf78-4e15-93e1-113ad8135c00.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
.ContentTitle A, .ContentTitle A:hover, 
.ContentTitle A:visited, .ContentTitle A:visited:hover {
color: #ffffff;
font-size: 16px;
font-weight: bold !Important;
}
.ContentTitle H1 {
color: #ffffff;
font-size: 16px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H2 {
color: #ffffff;
font-size: 16px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H3 {
color: #ffffff;
font-size: 16px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H4 {
color: #ffffff;
font-size: 16px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
color: #ffffff;
font-size: 16px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
height: 36px;
}
.ContentTitleRight {
float: right;
width: 6px;
height: 36px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/695b9b97-c118-40c2-9446-e39aca7e5089.gif);
background-repeat: repeat;
background-position: top center;
}
.ContentTitleLeft {
float: left;
width: 6px;
height: 36px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/8b8ee219-ac1c-49ae-9bc6-009cb72a0c20.gif);
background-repeat: repeat;
background-position: top center;
}
.ContentTitleMiddle {
padding: 8px 4px 0px 0px;
}
.ContentTitleMiddle.InnerPageContentTitleMiddle {
 text-align: initial;
 }
/* content sub-titles */
.ContentSubTitle {
color: #56585A !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.ContentSubTitle td.listItemTitle {
color: #56585A !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.ContentSubTitle A, .ContentSubTitle A:hover, 
.ContentSubTitle A:visited, .ContentSubTitle A:visited:hover {
color: #56585A;
font-weight: bold !Important;
}
.ContentSubTitle {
height: 21px;
}
.ContentSubTitleRight {
float: right;
width: 12px;
height: 21px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/e650b30f-64df-4ba0-9fb1-9f8f7db56dce.gif);
background-repeat: repeat;
background-position: top center;
}
.ContentSubTitleMiddle {
padding: 2px 0px 0px 0px;
}
.tblItemContent .ContentSubTitleMiddle {
padding: 2px 0px 0px 0px;
}
.ContentSubTitle table td .divBreadCrumbs > *, .ContentSubTitle table td .divBreadCrumbs span.breadCrumbs {
color: #56585A;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
body:not(.responsiveBody) .ContentSubTitle table td .divBreadCrumbs > *, body:not(.responsiveBody) .ContentSubTitle table td .divBreadCrumbs span.breadCrumbs, .tblItemContent .ContentSubTitle table td .ContentSubTitleMiddle.divBreadCrumbs > * {
font-family: Arial !important;
font-weight: bold !important;
}
.tblItemContent .ContentSubTitle table td .ContentSubTitleMiddle.divBreadCrumbs > * {
font-family: Arial !important;
font-weight: bold !important;
}

/* default content sub-titles */
table.tblItemContent td.ContentSubTitle div.ContentSubTitleMiddle.divBreadCrumbs span.breadCrumbs {
font-family: Arial !important;
font-weight: bold !important;
}

/* default select font style */
div.upgradesContainer select, select.unitQuantity, select#ddlUnitQuantity {
font-family: Arial !important;
font-weight: normal !important;
}

/* top navbar */
.TopNavbar {
height: 38px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/fe9f36d8-ed8f-44ad-9cba-b5d2d0f162b0.gif);
background-repeat: repeat;
background-position: center center;
}
.TopNavbarRight {
width: 15px;
height: 38px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/b90eded4-d695-4c78-81dd-eb362f3dc3f0.gif);
background-repeat: repeat;
background-position: center center;
}
.TopNavbarLeft {
width: 15px;
height: 38px;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/ded8cbaa-e52d-4df8-b8b3-464cbca9a168.gif);
background-repeat: no-repeat;
background-position: center center;
}
.TopNavbarBackgroundTbl {
width: 960px;
}
.TopNavbarMiddle {
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/fe9f36d8-ed8f-44ad-9cba-b5d2d0f162b0.gif);
background-repeat: repeat;
background-position: center center;
}
.TopMenuSubMenu {
background-color: #000606;
color: #ffffff !important;
font-family: Arial !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.TopMenuSubMenu:hover {
color: #98fe4a !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}

/* top drop-down menu */
ul.TopMenu li {
min-height: 21px;
text-align: right;
}
ul.TopMenu li a.topMenuOpLink {
display: block;
padding: 7px 4px 0px 0px;
}
ul.TopMenu li.seperator, ul.TopMenu li.seperator:hover {
width:auto;
background-image:none !important;
}
ul.TopMenu li {
color: #ffffff !important;
font-family: Arial !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu a:link,
ul.TopMenu a:visited {
color: #ffffff;
font-size: 15px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.hover, 
ul.TopMenu li:hover {
color: #98fe4a !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu li.hover a, 
ul.TopMenu li:hover a {
color: #98fe4a;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.active {
color: #98fe4a !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu > li.active > table a:link,
ul.TopMenu > li.active > table a:visited {
color: #98fe4a;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}

/* top sub menu */
ul.TopMenu ul {
width: 230px;
}
ul.TopMenu ul li {
min-height: 24px;
width: 230px;
text-align: right;
}
ul.TopMenu ul li a.TopMenuSubMenu {
display: block;
padding: 4px 10px 0px 0px;
}
ul.TopMenu ul li {
background-color: #000606;
color: #ffffff !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/54777/General/583d815f-0742-461d-9c1a-b07f34f98b4c.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.TopMenu ul a:link,
ul.TopMenu ul a:visited {
color: #ffffff;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu ul li.hover, 
ul.TopMenu ul li:hover {
color: #98fe4a !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu ul li.hover a, 
ul.TopMenu ul li:hover a {
color: #98fe4a;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}

/* side parent menu */
ul.SideMenu {
width: 100%;
}
ul.SideMenu li {
min-height: 21px;
width: 100%;
text-align: right;
}
ul.SideMenu li a {
display: block;
padding: 4px 10px 0px 0px;
}
ul.SideMenu li {
background-color: #F4F4F4;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/15/General/040c283b-12c4-4e1d-913c-61af67cd6372.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu a:link,
ul.SideMenu a:visited {
color: #56585A;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu li.hover, 
ul.SideMenu li:hover {
}
ul.SideMenu li.active {
}

/* side sub menu */
ul.SideMenu ul.BottomSideMenu {
width: 100%;
}
ul.SideMenu ul.BottomSideMenu li {
min-height: 21px;
text-align: right;
}
ul.SideMenu ul.BottomSideMenu li a {
display: block;
padding: 4px 10px 0px 0px;
}
ul.SideMenu ul.BottomSideMenu li {
background-color: #F4F4F4;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/15/General/040c283b-12c4-4e1d-913c-61af67cd6372.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu ul.BottomSideMenu a:link,
ul.SideMenu ul.BottomSideMenu a:visited {
color: #56585A;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu ul.BottomSideMenu li.hover, 
ul.SideMenu ul.BottomSideMenu li:hover {
}
ul.SideMenu ul {
width: 100%;
}
ul.SideMenu ul li {
min-height: 21px;
text-align: right;
}
ul.SideMenu ul li a {
display: block;
padding: 4px 10px 0px 0px;
}
ul.SideMenu ul li {
background-color: #F4F4F4;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/68030/User/Designs/15/General/040c283b-12c4-4e1d-913c-61af67cd6372.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu ul a:link,
ul.SideMenu ul a:visited {
color: #56585A;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu ul li.hover, 
ul.SideMenu ul li:hover {
}

/* pager style */
body:not(.responsiveBody) .static-sub-categories-wrapper.sub-category-responsive-template-1-wrapper li:not(.list-sep-item) {
width: calc(100% / 4);max-width: calc(100% / 4);}
body .responsive-sub-category-wrapper.sub-category-responsive-template-1 { position: relative; width: 100%; max-height: 290px; }
body.responsiveBody .responsive-sub-category-wrapper.sub-category-responsive-template-1 { max-height: fit-content; }body .responsive-sub-category-wrapper.sub-category-responsive-template-1 a:hover { text-decoration: none; }body .responsive-sub-category-wrapper.sub-category-responsive-template-1 a > span { display: table; width: 100%; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 0px; height: 37px; background-color: rgba(255, 255, 255, 0.5);
}
body .responsive-sub-category-wrapper.sub-category-responsive-template-1 a > span > span { display: block; height: 37px; line-height: 37px; text-align: center; }
body:not(.responsiveBody) .static-sub-categories-wrapper.sub-category-responsive-template-2-wrapper li:not(.list-sep-item) {
width: calc(100% / 4);max-width: calc(100% / 4);}
body .responsive-sub-category-wrapper.sub-category-responsive-template-2 { position: relative; width: 100%; }
body .responsive-sub-category-wrapper.sub-category-responsive-template-2 a:hover { text-decoration: none; }body .responsive-sub-category-wrapper.sub-category-responsive-template-2 a > span { display: table; width: 100%; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 0px; }
body .responsive-sub-category-wrapper.sub-category-responsive-template-2 a > span > span { display: table-cell; vertical-align: middle; text-align: center; }
body:not(.responsiveBody) .static-sub-categories-wrapper.sub-category-responsive-template-3-wrapper li:not(.list-sep-item) {
width: calc(100% / 4);max-width: calc(100% / 4);}
body .responsive-sub-category-wrapper.sub-category-responsive-template-3 { position: relative; width: 100%; }
body .responsive-sub-category-wrapper.sub-category-responsive-template-3 a:hover { text-decoration: none; }body .responsive-sub-category-wrapper.sub-category-responsive-template-3 a > span { display: table; width: 100%; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 0px; }
body .responsive-sub-category-wrapper.sub-category-responsive-template-3 a > span > span { display: table-cell; vertical-align: middle; text-align: center; }
div.product-added-to-order-modal div.modal-body button.continue-shopping {
height: 46px;
}

div.product-added-to-order-modal div.modal-body button.continue-shopping span {
font-weight: bold !important;
line-height: normal !important;
}

div.product-added-to-order-modal div.modal-body button.continue-to-checkout {
height: 46px;
}

div.product-added-to-order-modal div.modal-body button.continue-to-checkout span {
font-weight: bold !important;
line-height: normal !important;
}

.product-added-to-order-modal .modal-content .modal-header .free-shipping-threshold-amount {
font-weight: normal !important;
}
div.order-catalog-items-wrapper {
text-align: center;
}
select.order-catalog-items {
display: block;
margin: 0px auto;
width: 138px !important;
}
@supports (background: -webkit-named-image(i)) {
.order-catalog-items-wrapper select.order-catalog-items {
-moz-appearance: caret;
-webkit-appearance: caret;
appearance: caret;
background-repeat: no-repeat;
background-size: 0.5em auto;
background-position: left 0.25em center;
padding-left: 1em;
background-image: url('/images/layout/arr_down.gif');

}

}