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

/* content area */
.ContentArea {
background-color: #8cb8fa;
color: #fffcfa !important;
font-family: Arial !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: #ffffff;
font-weight: normal !Important;
}
.ContentArea table td {
color: #fffcfa;
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}

/* content titles */
.ContentTitle {
background-color: #c90606;
color: #fffcfa !important;
font-family: Arial !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.ContentTitle A, .ContentTitle A:hover, 
.ContentTitle A:visited, .ContentTitle A:visited:hover {
color: #fffcfa;
font-size: 14px;
font-weight: bold !Important;
}
.ContentTitle H1 {
color: #fffcfa;
font-size: 14px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H2 {
color: #fffcfa;
font-size: 14px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H3 {
color: #fffcfa;
font-size: 14px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle H4 {
color: #fffcfa;
font-size: 14px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
color: #fffcfa;
font-size: 14px;
font-family: Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
.ContentTitle {
height: 21px;
}
.ContentTitleRight {
float: right;
width: 12px;
height: 21px;
}
.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 {
background-color: #8cb8fa;
color: #fffcfa !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.ContentSubTitle td.listItemTitle {
background-color: #8cb8fa;
color: #fffcfa !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: #fffcfa;
font-weight: bold !Important;
}
.ContentSubTitle {
height: 21px;
}
.ContentSubTitleRight {
float: right;
width: 12px;
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: #fffcfa;
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: 32px;
background-color: #0652c4;
}
.TopNavbarBackgroundTbl {
width: 1500px;
}
.TopNavbar li.seperator {
color: #0652c4;
}
.TopMenuSubMenu {
background-color: #EFF3FC;
color: #56585A !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
.TopMenuSubMenu:hover {
}

/* top drop-down menu */
ul.TopMenu li {
min-height: 21px;
text-align: right;
}
ul.TopMenu li a.topMenuOpLink {
display: block;
padding: 4px 4px 0px 0px;
}
ul.TopMenu li.seperator, ul.TopMenu li.seperator:hover {
width:auto;
background-image:none !important;
}
ul.TopMenu li {
background-color: #0e68f0;
color: #f7f7f7 !important;
font-family: Open Sans Hebrew Bold !important;
font-size: 10px !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu a:link,
ul.TopMenu a:visited {
color: #f7f7f7;
font-size: 10px;
font-family: Open Sans Hebrew Bold, Arial !important;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.hover, 
ul.TopMenu li:hover {
font-family: Arial !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
}
ul.TopMenu li.hover a, 
ul.TopMenu li:hover a {
font-family: Arial !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu li.active {
background-color: #fa0505;
color: #ffffff !important;
font-family: Arial !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: #ffffff;
font-family: 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: #EFF3FC;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.TopMenu ul a:link,
ul.TopMenu ul a:visited {
color: #56585A;
font-weight: bold !important;
text-decoration: none !important;
font-style: normal !important;
}
ul.TopMenu ul li.hover, 
ul.TopMenu ul li:hover {
}

/* 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: #0652c4;
color: #ffffff !important;
font-family: Arial !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
}
ul.SideMenu a:link,
ul.SideMenu a:visited {
color: #ffffff;
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: #ECF0FC;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !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: #ECF0FC;
color: #56585A !important;
font-style: normal !important;
font-weight: bold !important;
text-decoration: none !important;
background-image: url() !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 */
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 */
#siteFooter .responsiveFooterWidth {
width: 100%; 
max-width: 920px; 
}
@media screen and (max-width: 600px) {
body.responsiveBody div#responsiveTopPanelContainer div.searchContainer {
}

}

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: none !Important;
background-color: #badfe8 !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;
width: -1px;
height: 98px;
}
select.order-catalog-items {
display: block;
margin: 0px auto;
width: 138px !important;
height: 98px;
background-color: transparent !important;
font-weight: normal !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');

}

}
