BODY {
background-color: #FFFFFF;
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82949/User/Designs/129400/General/1f42576c-e45a-4972-ba35-c39aad76c6ff.gif) !important;
background-repeat: repeat !important;
background-position: top center !important;
}

/* content area */
.ContentArea {
background-color: #ffffff;
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 15px !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: 15px;
font-weight: normal !Important;
}

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

/* content titles */
.ContentTitle {
color: #826da5 !important;
font-family: Open Sans Hebrew Bold !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
background-image: url(/GoopSitesFiles/82949/User/Designs/129400/General/2ca0b708-8062-4cd3-b492-240b1daf3781.gif) !important;
background-repeat: repeat-x !important;
background-position: top center !important;
}
.ContentTitle A, .ContentTitle A:hover, 
.ContentTitle A:visited, .ContentTitle A:visited:hover {
color: #826da5;
font-size: 18px;
font-weight: normal !Important;
}
.ContentTitle H1 {
color: #826da5;
font-size: 18px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H2 {
color: #826da5;
font-size: 18px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H3 {
color: #826da5;
font-size: 18px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H4 {
color: #826da5;
font-size: 18px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
color: #826da5;
font-size: 18px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
height: 50px;
}
.ContentTitleMiddle {
padding: 2px 0px 0px 0px;
}
.ContentTitleMiddle {
float: none;
text-align: center;
padding-right: 0px;
padding-left: 0px;
}

 div.content-title-container {
 display: inline-table;
 width: 100%; 
}
 div.content-title-container div.ContentTitleRight {
 display: table-cell;
 float: none; 
}
 div.content-title-container div.ContentTitleMiddle {
 display: table-cell;
 float: none; 
}
 div.content-title-container div.ContentTitleLeft {
 display: table-cell;
 float: none; 
}.ContentTitleMiddle.InnerPageContentTitleMiddle {
float: none;
text-align: center;
padding-right: 0px;
padding-left: 0px;
}

/* 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;
}
.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-size: 15px !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: 15px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: bold !important;
}

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

/* top navbar */
.TopNavbar {
height: 72px;
background-color: #f5dce8;
}
.TopNavbarBackgroundTbl {
width: 100%;
}
.TopNavbar .sub-cat-sep-line {
border-bottom: solid 1px #ffffff;
min-height: 29px;
}
.TopMenuSubMenu {
background-color: #f5dce8;
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
.TopMenuSubMenu:hover {
background-color: #faedf3;
font-family: Open Sans Hebrew !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}

/* top drop-down menu */
ul.TopMenu li {
min-height: 21px;
width: 122px;
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 {
background-color: #f5dce8;
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.TopMenu a:link,
ul.TopMenu a:visited {
color: #000000;
font-size: 15px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.hover, 
ul.TopMenu li:hover {
background-color: #faedf3;
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 15px !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.TopMenu li.hover a, 
ul.TopMenu li:hover a {
color: #000000;
font-size: 15px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.active {
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-size: 15px !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 {
color: #000000;
font-size: 15px;
font-family: Open Sans Hebrew, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* top sub menu */
ul.TopMenu ul {
width: 195px;
}
ul.TopMenu ul li {
min-height: 30px;
width: 195px;
text-align: right;
}
ul.TopMenu ul li a.TopMenuSubMenu {
display: block;
padding: 4px 10px 0px 0px;
}
ul.TopMenu ul li {
background-color: #f5dce8;
color: #000000 !important;
font-family: Open Sans Hebrew !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.TopMenu ul a:link,
ul.TopMenu ul a:visited {
color: #000000;
font-family: Open Sans Hebrew, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu ul li.hover, 
ul.TopMenu ul li:hover {
background-color: #faedf3;
font-family: Open Sans Hebrew !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: Open Sans Hebrew, 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/82949/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/82949/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/82949/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 {
color: #d51a5c;
font-size: 16px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
span.linkPager a.pagerLink {
color: #d51a5c;
font-size: 16px;
font-family: Open Sans Hebrew Bold, 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: Open Sans Hebrew Bold !important;
}
span.linkPager A, span.linkPager A:hover, 
span.linkPager A:visited, span.linkPager A:visited:hover {
color: #56585A !important;
}

/* responsive mobile style */
div.responsive-navbar-container {
 background-color: #dba2db; 
}
ul.responsive-navbar li.category > a, ul.responsive-navbar li.category > .category-link-icon-wrapper {
border-bottom-color: #0a000a;
}

ul.responsive-navbar li.sub-category > a {
border-bottom-color: #ebebeb;
}

div.responsive-navbar-container > ul.responsive-navbar li.sub-category, ul.responsive-navbar li.sub-category > a, ul.responsive-navbar li.sub-category > a > span, ul.responsive-navbar li.sub-category > a:hover {
color: #000000;
}

div.responsive-navbar-container > ul.responsive-navbar li.category span.glyphicon-plus:before, div.responsive-navbar-container > ul.responsive-navbar li.sub-category span.glyphicon-plus:before,div.responsive-navbar-container > ul.responsive-navbar li.category span.glyphicon-minus:before, div.responsive-navbar-container > ul.responsive-navbar li.sub-category span.glyphicon-minus:before {
color: #000000;
}

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: Heebo SemiBold ;
}

#siteFooter .responsiveFooterWidth {
width: 100%; 
max-width: 100%; 
}
@media screen and (max-width: 600px) {
body.responsiveBody div#responsiveTopPanelContainer div.searchContainer {
background-color: #000000;
}

body.responsiveBody div#responsiveTopPanelContainer div.searchContainer span.searchLabel {
font-family: Heebo SemiBold;
}

body.responsiveBody div.searchAndNavIconContainer .searchContainer > div, body.responsiveBody div.searchAndNavIconContainer .searchContainer > div input[type=text] {
background-color: #f7f7f7;
}

body.responsiveBody div.searchAndNavIconContainer .searchContainer > div {
border-bottom-right-radius: 5px;
 border-top-right-radius: 5px;
}

}

@media screen and (min-width: 601px) {
body.responsiveBody div.searchAndNavIconContainer .searchContainer > div {
margin-top: 5px;
}

body.responsiveBody div.searchAndNavIconContainer .searchContainer > div input[type=text] {
margin-top: 0px;
 background-color: #f7f7f7;
}

}

body.responsiveBody div.searchAndNavIconContainer .searchContainer > div input[type=text] {
color: #000000;
}

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;
}

@media screen and (max-width: 427px) and (orientation:portrait) {
div#responsiveTopPanelContainer div.logoContainer img {
max-width: 155px !important;
max-height: 60px !important;
}

}
div.recommended-items-modal-container div.item-recommended-items-modal > div.modal-content {
background-color: #FFFFFF;}

div.recommended-items-modal-container div.item-recommended-items-modal div.modal-header h3.modal-title {
color: #826da5;
font-size: 24px;
font-family: Open Sans Hebrew Bold, Arial;
}

div.recommended-items-modal-container div.item-recommended-items-modal div.modal-body div.recommended-item-container {
border-color: #d9d9d9;}

div.recommended-items-modal-container div.item-recommended-items-modal div.modal-body div.recommended-item-container div.listItemTitle a {
color: #000000;
font-size: 15px;
font-family: Open Sans Hebrew, Arial;
}

div.recommended-items-modal-container div.item-recommended-items-modal div.modal-body div.recommended-item-container a.purchaseItem {
color: #ffffff;
font-size: 15px;
font-family: Open Sans Hebrew, Arial;
background-color: #dd175c;
}

div.recommended-items-modal-container div.item-recommended-items-modal div.modal-footer button.orderSubmitBtn {
color: #ffffff;
background-color: #dd175c;
}

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 {
color: #9e0339 !important;
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');

}

}