BODY {
background-color: #FFFFFF;
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}

/* content area */
.ContentArea {
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 17px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
.ContentArea A, .ContentArea A:hover, 
.ContentArea A:visited, .ContentArea A:visited:hover, 
.ContentArea button.link-style-button {
color: #123456;
font-size: 17px;
font-weight: normal !Important;
}

.ContentArea button.link-style-button {
font-family: Open Sans Hebrew, Arial;
}.ContentArea table td {
color: #000000;
font-size: 17px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* content titles */
.ContentTitle {
color: #535367 !important;
font-family: Open Sans Hebrew Bold !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
.ContentTitle A, .ContentTitle A:hover, 
.ContentTitle A:visited, .ContentTitle A:visited:hover {
color: #535367;
font-size: 22px;
font-weight: normal !Important;
}
.ContentTitle H1 {
color: #535367;
font-size: 22px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H2 {
color: #535367;
font-size: 22px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H3 {
color: #535367;
font-size: 22px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H4 {
color: #535367;
font-size: 22px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
color: #535367;
font-size: 22px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
height: 21px;
}
.ContentTitleMiddle {
padding: 2px 0px 0px 0px;
}
.ContentTitleMiddle.InnerPageContentTitleMiddle {
 text-align: initial;
 }
/* content sub-titles */
.ContentSubTitle {
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.ContentSubTitle td.listItemTitle {
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 {
font-weight: bold !Important;
}
.ContentSubTitle {
height: 21px;
}
.ContentSubTitleMiddle {
padding: 2px 0px 0px 0px;
}
.tblItemContent .ContentSubTitleMiddle {
padding: 2px 0px 0px 0px;
}
.ContentSubTitle table td .divBreadCrumbs > *, .ContentSubTitle table td .divBreadCrumbs span.breadCrumbs {
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-size: 17px !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-size: 17px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: bold !important;
}

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

/* top navbar */
.TopNavbar {
height: 51px;
background-color: #ce9cc2;
}
.TopNavbarBackgroundTbl {
width: 100%;
}
.TopMenuSubMenu {
background-color: #004b7d;
color: #ffffff !important;
font-family: Arial !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.TopMenuSubMenu:hover {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}

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

/* top sub menu */
ul.TopMenu ul {
width: 120px;
}
ul.TopMenu ul li {
min-height: 21px;
width: 120px;
text-align: right;
}
ul.TopMenu ul li a.TopMenuSubMenu {
display: block;
padding: 4px 10px 0px 0px;
}
ul.TopMenu ul li {
background-color: #004b7d;
color: #ffffff !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82942/User/Designs/4/General/9e1d8216-6abb-4136-ac71-ebdc98ca6339.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 {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.TopMenu ul li.hover a, 
ul.TopMenu ul li:hover a {
font-family: Arial !important;
font-weight: normal !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: #c7e7ff;
color: #004b7d !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82942/User/Designs/4/General/b954f1c0-d58d-44ca-84ff-03df87699780.jpg) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu a:link,
ul.SideMenu a:visited {
color: #004b7d;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu li.hover, 
ul.SideMenu li:hover {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.SideMenu li.hover a, 
ul.SideMenu li:hover a {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu li.active {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.SideMenu > li.active > table a:link,
ul.SideMenu > li.active > table a:visited {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* 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: #c7e7ff;
color: #004b7d !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82942/User/Designs/4/General/e8c64955-6ca9-4fa1-a840-5ba95e6ccddd.jpg) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu ul.BottomSideMenu a:link,
ul.SideMenu ul.BottomSideMenu a:visited {
color: #004b7d;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu ul.BottomSideMenu li.hover, 
ul.SideMenu ul.BottomSideMenu li:hover {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.SideMenu ul.BottomSideMenu li.hover a, 
ul.SideMenu ul.BottomSideMenu li:hover a {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
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: #c7e7ff;
color: #004b7d !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82942/User/Designs/4/General/e8c64955-6ca9-4fa1-a840-5ba95e6ccddd.jpg) !important;
background-repeat: repeat !important;
background-position: top center !important;
}
ul.SideMenu ul a:link,
ul.SideMenu ul a:visited {
color: #004b7d;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.SideMenu ul li.hover, 
ul.SideMenu ul li:hover {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
background-image: url() !important;
}
ul.SideMenu ul li.hover a, 
ul.SideMenu ul li:hover a {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* pager style */
span.linkPager span.currentPage {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
span.linkPager a.pagerLink {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
span.linkPager {
padding: 2px 0px 0px 0px;
}
span.linkPager span.currentPage, span.linkPager a.pagerLink {
font-family: Arial !important;
}

/* responsive mobile style */
div.responsive-navbar-container {
 background-color: #f4f4f7; 
}
div.responsive-navbar-container > ul.responsive-navbar li.category, ul.responsive-navbar li.category > a, ul.responsive-navbar li.category > .category-link-icon-wrapper a {
color: #000000;
}

ul.responsive-navbar li.category > a, ul.responsive-navbar li.category > .category-link-icon-wrapper {
border-bottom-color: #ce9cc2;
}

body.responsiveBodyContent .responsiveIcons {
color: #000000;
}

body.responsiveBodyContent .responsiveIconsBg {
background-color: #ce9cc2;
}

body.responsiveBodyContent .responsiveIconsBg span.cart-items-amount {
color: #ce9cc2;
}

body.responsiveBodyContent span.manu-label.responsiveIcons, ul.responsive-navbar li.category > a, ul.responsive-navbar li.category > .category-link-icon-wrapper a, ul.responsive-navbar li.sub-category > a, ul.responsive-navbar li.sub-category > a > span, ul.responsive-navbar li.sub-category > a:hover {
font-family: Open Sans Hebrew ;
}

#siteFooter .responsiveFooterWidth {
width: 100%; 
max-width: 100%; 
}
@media screen and (max-width: 600px) {
body.responsiveBody div#responsiveTopPanelContainer div.searchContainer {
background-color: #f4f4f7;
color: #000000;
}

body.responsiveBody div#responsiveTopPanelContainer div.searchContainer > a {
background-color: #ce9cc2;
}

body.responsiveBody div#responsiveTopPanelContainer div.searchContainer > a > span {
color: #000000;
}

body.responsiveBody div#responsiveTopPanelContainer div.searchContainer span.searchLabel {
font-family: Open Sans Hebrew;
}

}

div.secondary-menu div.envelope-icon a span, div.secondary-search-icon span, div.secondary-cart-icon a span, div.secondary-menu-phone a, div.secondary-user-icon a span {
color: #606060;
}

div#responsiveTopPanelContainer div.secondary-menu {
border-color: #606060;
}

div.secondary-menu div.envelope-icon, div.secondary-search-icon, div.secondary-cart-icon, div.secondary-user-icon {
border-left-color: #606060;
}

div.secondary-cart-icon span.cart-items-amount {
background-color: #008000;
color: #ffffff;
}

body.responsiveBody {
background-image: url('/GoopSitesFiles/82942/User/Designs/129391/General/86a76271-4149-465c-ad2e-d1a32e73230d.gif') !Important;
background-repeat: repeat-x !Important;
background-position: top center !Important;
}@media screen and (max-width: 427px) and (orientation:portrait) {
div#responsiveTopPanelContainer div.logoContainer img {
max-width: 155px !important;
max-height: 60px !important;
}

}
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');

}

}
