:root {
    --header-bar-bg-color: #4E5F72;/*AHEAD*/
	--default-font-family:'Open Sans',sans-serif;
    --store-font-color: #000;/*SUSE*/
    --store-font-family:'Open Sans',sans-serif;
    --links-and-button-color: #1C4CBF; /*AHEAD 28 76 191 => 1C4CBF */
    --links-and-button-hover-color: #009FDC; /* AHEAD light blue 009FDC */
    --pagination-background-selected: #1C4CBF;
    --pagination-background-hover: #d2d2d2;
    --account-balance-color: #333333;
    --header-background-color: #ffffff; /*Bibliu purplse, 5f4fa1*/
    --footer-background-color: #212529;/*ObjectFirst, SUSE e6e6e6*/
    --default-background-color: #e6e6e6;
    --mobile-menu-page-list-color: #e6e6e6;
    --expandable-title-background-color: #d7dde5;
    --footer-font-color: #b0afb8;
    --default-border-color: #d2d2d2;
    --secondary-border-color: #e9e9e9;
    --product-sort-and-show-label-color: #797979;
    --qry-select-and-label-color: #797979;
    --quick-view-options-color: #797979;
    --quick-view-open-button-background: rgba(255,255,255,0.8);
    --quick-view-open-button-border: #ededed;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent 
}
 body {
     line-height: 1 
}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
     display: block 
}
 nav ul {
     list-style: none 
}
 blockquote,q {
     quotes: none 
}
 blockquote:before,blockquote:after,q:before,q:after {
     content: '';
     content: none 
}
 a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent 
}
 ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none 
}
 mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold 
}
 del {
     text-decoration: line-through 
}
 abbr[title],dfn[title] {
     border-bottom: 1px dotted;
     cursor: help 
}
 table {
     border-collapse: collapse;
     border-spacing: 0 
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #cccccc;
     margin: 1em 0;
     padding: 0 
}
 input,select,select {
     vertical-align: middle 
}
 * {
     box-sizing: border-box 
}
 html {
     background-color: #fff;
     font-family: var(--default-font-family);
     font-size: 65.5%;
     height: 100% 
}
 @media only screen and (max-width: 1200px) {
     html {
         font-size:60% 
    }
}
 @media only screen and (max-width: 1024px) {
     html {
         font-size:55% 
    }
}
 @media only screen and (max-width: 900px) {
     html {
         font-size:52% 
    }
}
 html body {
     font-family: var(--default-font-family);
     height: 100% 
}
 html body.sticky {
     padding-top: 100px 
}
 html body#MainContainer {
     background-color: var(--main-bg-color);
     background-image: none 
}
 html body .mobile {
     display: none 
}
 @media only screen and (max-width: 767px) {
     html body .mobile {
         display:block 
    }
}
 h1,h2,h3,h4,h5,h6 {
     color: var(--store-font-color);
     font-family: var(--default-font-family) 
}
 h1 {
     font-size: 1.8rem;
     line-height: 2.2rem;
     margin-bottom: 15px 
}
 h2 {
     font-size: 2rem;
     line-height: 2.4rem;
     margin-bottom: 15px 
}
 h3 {
     font-size: 1.6rem;
     line-height: 2rem;
     margin-bottom: 15px 
}
 p,ul,ol {
     color: var(--store-font-color) 
}
 a {
     color: var(--links-and-button-color);
     text-decoration: none;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s 
}
 a:hover,a:focus {
     color: var(--links-and-button-hover-color) 
}
 a.LinkButton,input.LinkButton,#container .search-block .item .entry a.btn {
     background-color: var(--links-and-button-color);
     color: #fff;
     font-size: 1.1rem;
     font-weight: 700;
     padding: 10px 10px 10px 10px;
     width: auto;
     text-transform: uppercase 
}
 a.LinkButton:hover,a.LinkButton:focus,input.LinkButton:hover,#container .search-block .item .entry a.btn:hover {
     background-color: var(--links-and-button-hover-color) 
}
 input.LinkButton {
     cursor: pointer;
     height: auto;
     line-height: 1 
}
 .frame {
     margin: 0 auto 0 auto;
     max-width: 1490px;
     width: 100%;
     padding-right: 5%;
     padding-left: 5% 
}
 @media only screen and (max-width: 767px) {
     .frame {
         display:block;
         padding-right: 2%;
         padding-left: 2% 
    }
}
 .green {
     color: green 
}
 input,select,radio,textarea,select {
     outline: none 
}
 input,select {
     background-color: var(--default-background-color);
     border: 0;
     color: var(--store-font-color);
     height: 30px;
     line-height: 3rem;
     padding: 0 4px 0 4px;
     width: auto 
}
 input[type=text],input[type=password] {
     outline: none;
     -webkit-appearance: none 
}
input[type=file] {
    background-color: #fff;
}
input[type=file]::file-selector-button {
  background-color: var(--links-and-button-color);
  color: #fff;
  padding: 10px;
  border: none;
  text-transform: uppercase;
}
 input[type=checkbox] {
     height: 20px;
     margin: 0 5px 0 0 
}
 /*select {
     -webkit-appearance: none 
}*/
 .MainPage {
     background-color: #fff !important;
     min-height: 0 !important 
}
 .sidenav {
     background-color: var(--header-bar-bg-color);
     box-shadow: 10px 0 10px rgba(0,0,0,0.25);
     height: 100%;
     overflow-x: hidden;
     padding-top: 15px;
     position: fixed;
     top: 0;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     left: -320px;
     width: 300px;
     z-index: 10 
}
 @media only screen and (max-height: 450px) {
     .sidenav {
         padding-top:15px 
    }
}
 .sidenav a.logo {
     display: block;
     margin: 0 auto 0 auto;
     padding: 0 0 15px 0;
     width: auto;
     text-align: center 
}
.sidenav a.logo img {
	max-width: 80%;
}
 .sidenav span.accountBalance,.sidenav a.cart-items {
     color: #fff;
     display: block;
     font-size: 1.6rem;
     line-height: 2rem;
     margin-bottom: 8px;
     padding-right: 10px;
     padding-left: 10px;
     text-align: center 
}
 .sidenav a.cart-items {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
     margin-bottom: 0;
     padding-bottom: 10px 
}
 .sidenav ul {
     list-style: none;
     position: relative 
}
 .sidenav ul li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25) 
}
 .sidenav ul li a,.sidenav ul li.title {
     color: var(--mobile-menu-page-list-color);
     display: block;
     font-size: 1.8rem;
     padding: 6px 20px 6px 20px;
     width: auto;
     position: relative;
     text-decoration: none;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s 
}
 @media only screen and (max-height: 450px) {
     .sidenav ul li a,.sidenav ul li.title {
         font-size:1.6rem 
    }
}
 .sidenav ul li a:hover {
     color: #fff 
}
 .sidenav ul li a img {
     display: none 
}
 .sidenav ul li a .icon {
     font-size: 2.2rem;
     line-height: 2.6rem;
     position: absolute;
     top: 0;
     right: 8px 
}
 .sidenav ul li ul {
     background-color: var(--store-font-color);
     display: none;
     position: absolute;
     top: 0;
     left: 300px;
     min-height: 400px;
     -webkit-transition: .5s;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     width: 300px;
     z-index: 11 
}
 .sidenav ul li.main span.icon {
     height: 26px;
     right: auto;
     left: 10px 
}
 .sidenav ul li.title {
     background-color: rgba(0,0,0,0.5);
     font-weight: 700;
     padding-top: 15px;
     padding-bottom: 15px 
}
 .sidenav .closebtn {
     color: #fff;
     font-size: 3.6rem;
     position: absolute;
     top: 0;
     right: 5px 
}
 #page {
     transition: margin-left .5s 
}
 #mob-trigger {
     color: var(--header-bar-bg-color);
     cursor: pointer;
     display: none;
     font-size: 1.2rem;
     font-weight: 700;
     line-height: 31px;
     padding-right: 15px;
     padding-left: 15px;
     position: fixed;
     top: 0;
     left: 0;
     text-transform: uppercase;
     z-index: 8 
}
 @media only screen and (max-width: 767px) {
     #mob-trigger {
         display:block 
    }
}
 #mob-trigger:hover {
     background-color: var(--default-background-color) 
}
 #mob-trigger img {
     height: auto;
     margin-left: 3px;
     position: relative;
     top: -1px;
     width: 8px 
}
header {
    background-color: var(--header-background-color);
    position: relative;
    position: fixed;
    top: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    z-index: 2
}
 @media only screen and (max-width: 767px) {
     header {
         /*background-color:#fff;*/
         padding-top: 3px;
         text-align: center 
    }
}
 header .frame {
     display: flex;
     max-width: 1490px;
     width: 100%;
     padding-right: 5%;
     padding-left: 5%;
     position: relative 
}
 @media only screen and (max-width: 900px) {
     header .frame {
         padding-right:2%;
         padding-left: 2% 
    }
}
 @media only screen and (max-width: 767px) {
     header .frame {
         display:block 
    }
}
 header .frame #ctl00_logo {
     position: absolute;
     top: 15px;
     left: 50%;
     text-align: center;
     transform: translateX(-50%);
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease 
}
 @media only screen and (max-width: 1024px) {
     header .frame #ctl00_logo {
         top:8px 
    }
}
 @media only screen and (max-width: 767px) {
     header .frame #ctl00_logo {
         display:inline-block;
         vertical-align: top;
         height: 28px;
         position: static;
         transform: translateX(0) 
    }
}
 header .frame #ctl00_logo img {
     height: auto;
     max-width: 200px;
     text-align: center;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     width: 100% 
}
 @media only screen and (max-width: 1024px) {
     header .frame #ctl00_logo img {
         max-width:150px;
         width: 100% 
    }
}
 @media only screen and (max-width: 900px) {
     header .frame #ctl00_logo img {
         max-width:120px;
         width: 100% 
    }
}
 @media only screen and (max-width: 767px) {
     header .frame #ctl00_logo img {
         max-width:80px;
         width: 100% 
    }
}
 header .frame .welcome {
     position: fixed;
     top: 0;
     right: 0 
}
 header .frame ul.menu {
     font-size: 0;
     list-style: none;
     margin-top: 55px;
     width: 50% 
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu {
         margin-top:35px 
    }
}
 @media only screen and (max-width: 900px) {
     header .frame ul.menu {
         margin-top:26px 
    }
}
 @media only screen and (max-width: 767px) {
     header .frame ul.menu {
         display:none 
    }
}
 header .frame ul.menu>li {
     display: inline-block;
     vertical-align: top;
     font-size: 1.2rem;
     font-weight: 700;
     line-height: 3.6rem;
     position: relative;
     text-transform: uppercase 
}
 header .frame ul.menu>li a {
     color: var(--store-font-color);/*var(--store-font-color); NEW variable*/
     display: block;
     padding-right: 14px;
     padding-left: 14px 
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li a {
         padding-right:8px;
         padding-left: 8px 
    }
}
 header .frame ul.menu>li a img {
     height: auto;
     position: absolute;
     top: 15px;
     right: 14px;
     width: 10px 
}
 @media only screen and (max-width: 1200px) {
     header .frame ul.menu>li a img {
         top:14px;
         right: 9px;
         width: 8px 
    }
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li a img {
         top:13px;
         right: 5px;
         width: 7px 
    }
}
 header .frame ul.menu>li.cart {
     margin-left: 10px 
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li.cart {
         margin-left:0 
    }
}
 header .frame ul.menu>li.cart a img {
     top: 11px;
     left: -5px;
     width: 13px 
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li.cart a img {
         display:none 
    }
}
 header .frame ul.menu>li.hasChildren a {
     padding-right: 28px 
}
 @media only screen and (max-width: 1200px) {
     header .frame ul.menu>li.hasChildren a {
         padding-right:20px 
    }
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li.hasChildren a {
         padding-right:15px 
    }
}
 header .frame ul.menu>li.hasChildren>.submenu {
     background-color: #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
     padding-top: 10px;
     padding-bottom: 10px;
     position: absolute;
     text-align: left;
     top: 67px;
     width: 235px;
     opacity: 0;
     visibility: hidden;
     z-index: -1 
}
 header .frame ul.menu>li.hasChildren>.submenu::before {
     content: '';
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
     border-bottom: 20px solid #fff;
     height: 0;
     position: absolute;
     top: -8px;
     left: 50%;
     transform: translateX(-50%);
     width: 0 
}
 header .frame ul.menu>li.hasChildren>.submenu li {
     display: block;
     font-size: 1.3rem;
     font-weight: 400;
     line-height: 1.9rem;
     position: static;
     text-transform: none 
}
 header .frame ul.menu>li.hasChildren>.submenu li a {
     display: block;
     font-size: 1.3rem;
     font-weight: 400;
     padding: 9px 30px 9px 30px;
     width: 100%;
     position: relative;
     text-transform: none;
	 color: var(--store-font-color);
}
 header .frame ul.menu>li.hasChildren>.submenu li a::after {
     content: '';
     background-color: var(--mobile-menu-page-list-color);
     height: 1px;
     position: absolute;
     right: 30px;
     bottom: 0;
     left: 30px 
}
 header .frame ul.menu>li.hasChildren>.submenu li a:hover,header .frame ul.menu>li.hasChildren>.submenu li a:focus {
     background-color: var(--mobile-menu-page-list-color) 
}
 header .frame ul.menu>li.hasChildren>.submenu li a:hover::before,header .frame ul.menu>li.hasChildren>.submenu li a:focus::before {
     content: '';
     background-color: var(--mobile-menu-page-list-color);
     height: 1px;
     position: absolute;
     top: -1px;
     right: 0;
     left: 0 
}
 header .frame ul.menu>li.hasChildren>.submenu li a img {
     right: 30px;
     transform: rotate(-90deg) 
}
 header .frame ul.menu>li.hasChildren>.submenu li a span.icon {
     display: none 
}
 header .frame ul.menu>li.hasChildren>.submenu li:last-of-type a::after {
     display: none 
}
 header .frame ul.menu>li.hasChildren>.submenu li.main a {
     font-size: 1.2rem;
     font-weight: 700;
     padding-left: 45px;
     text-transform: uppercase 
}
 header .frame ul.menu>li.hasChildren>.submenu li.main a::after {
     display: none 
}
 header .frame ul.menu>li.hasChildren>.submenu li.main a img.left {
     right: auto;
     left: 30px;
     transform: rotate(90deg) 
}
 @media only screen and (max-width: 767px) {
     header .frame ul.menu>li.hasChildren>.submenu li.main a img.left {
         display:none 
    }
}
 header .frame ul.menu>li.hasChildren>.submenu li.main a span.icon {
     display: none 
}
 header .frame ul.menu>li.hasChildren>.submenu li.title {
     display: block;
     font-size: 1.3rem;
     font-weight: 700;
     line-height: 3.6rem;
     padding-right: 30px;
     padding-left: 30px;
     position: relative 
}
 header .frame ul.menu>li.hasChildren>.submenu li.title::after {
     content: '';
     background-color: var(--mobile-menu-page-list-color);
     height: 1px;
     position: absolute;
     right: 30px;
     bottom: 0;
     left: 30px 
}
 header .frame ul.menu>li.hasChildren>.submenu li>.submenu {
     background-color: #fff;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
     padding-top: 10px;
     padding-bottom: 10px;
     position: absolute;
     top: 0;
     width: 235px;
     opacity: 0;
     visibility: hidden;
     z-index: -1 
}
 header .frame ul.menu>li.hasChildren>.submenu li>.submenu::before {
     display: none 
}
 header .frame ul.menu>li.hasChildren>.submenu.hover {
     opacity: 1;
     top: 37px;
     visibility: visible;
     z-index: 1 
}
 @media only screen and (max-width: 1200px) {
     header .frame ul.menu>li.hasChildren>.submenu.hover {
         top:34px 
    }
}
 @media only screen and (max-width: 1024px) {
     header .frame ul.menu>li.hasChildren>.submenu.hover {
         top:31px 
    }
}
 @media only screen and (max-width: 900px) {
     header .frame ul.menu>li.hasChildren>.submenu.hover {
         top:29px 
    }
}
header .frame ul.menu > li.accountBalance a, header .frame ul.menu > li.accountBalance span {
    color: var(--account-balance-color);
    text-decoration: underline
}
 header .frame ul.menu.left {
     text-align: left 
}
 header .frame ul.menu.left li:first-of-type a {
     padding-left: 0 
}
 header .frame ul.menu.right {
     text-align: right 
}
 header .frame ul.menu.right li:last-of-type a {
     padding-right: 0 
}
header .frame ul.menu.right u.submenu li.hasChildren
{
	
}
 header .frame .submenu.open {
     opacity: 1 !important;
     top: 37px !important;
     visibility: visible !important;
     z-index: 1 !important 
}
 header .frame .submenu.open:not(.tier2) {
     top: 0 !important 
}
 header .frame .submenu.zero {
     box-shadow: none !important;
     visibility: hidden !important 
}
 header.sticky {
     height: 96px 
}
 @media only screen and (max-width: 1200px) {
     header.sticky {
         height:92px 
    }
}
 @media only screen and (max-width: 1024px) {
     header.sticky {
         height:87px 
    }
}
 @media only screen and (max-width: 900px) {
     header.sticky {
         height:84px 
    }
}
 @media only screen and (max-width: 767px) {
     header.sticky {
         height:88px 
    }
}
 header.sticky #ctl00_logo {
     top: 9px 
}
 header.sticky #ctl00_logo img {
     width: 170px 
}
 header.sticky .frame ul.menu {
     margin-top: 23px 
}
 .acct-balance-block {
     background-color: var(--default-background-color);
     height: 25px;
     text-align: center 
}
 .acct-balance-block a {
     display: inline-block;
     vertical-align: top;
     font-size: 1.2rem;
     font-weight: 700;
     line-height: 25px;
     text-decoration: underline;
     text-transform: uppercase 
}
#header-instructions {
    background-color: var(--header-bar-bg-color);
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center
}
 #header-instructions .frame {
     display: block 
}
 #header-instructions .frame p {
     color: #fff;
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem 
}
 #divMainContent {
     font-family: var(--default-font-family);
     margin: 0 0 0 0 
}
 #divMainContent .tabs-container.tabs-hide {
     display: none 
}
footer {
    background-color: var(--footer-background-color);
	background-image: linear-gradient(45deg, #102033, #123a61); /*Option to do both? */
    padding-top: 20px;
    padding-bottom: 20px
}
 footer .frame {
     font-size: 0 
}
 @media only screen and (max-width: 900px) {
     footer .frame {
         padding-right:2%;
         padding-left: 2% 
    }
}
 footer .frame>div {
     display: inline-block;
     vertical-align: top;
     width: 49% 
}
 @media only screen and (max-width: 600px) {
     footer .frame>div {
         display:block;
         margin-bottom: 25px;
         text-align: center !important;
         width: 100% 
    }
}
 footer .frame>div h4,footer .frame>div p {
     color: var(--footer-font-color) 
}
 footer .frame .left {
     font-size: 1.4rem;
     margin-right: 1%;
     text-align: left 
}
 footer .frame .left h4 {
     font-size: 1.8rem;
     font-weight: 700;
     margin-bottom: 8px 
}
 footer .frame .left p {
     line-height: 2rem 
}
 footer .frame .left p a {
     color: var(--footer-font-color);
     font-weight: 700;
     text-decoration: none 
}
 footer .frame .left p a:hover {
     color: #fff 
}
 footer .frame .right {
     font-size: 1.2rem;
     margin-left: 1%;
     text-align: right 
}
 @media only screen and (max-width: 600px) {
     footer .frame .right {
         margin-bottom:0 
    }
}
 footer .frame .right img {
     margin-bottom: 5px;
	 max-width: 200px;
}
 body {
     padding-top: 128px;
     -moz-transition: padding-top .5s ease;
     -o-transition: padding-top .5s ease;
     -webkit-transition: padding-top .5s ease;
     transition: padding-top .5s ease 
}
 @media only screen and (max-width: 1200px) {
     body {
         padding-top:124px 
    }
}
 @media only screen and (max-width: 1024px) {
     body {
         padding-top:99px 
    }
}
 @media only screen and (max-width: 900px) {
     body {
         padding-top:87px 
    }
}
 @media only screen and (max-width: 767px) {
     body {
         padding-top:88px 
    }
}
 @media only screen and (max-width: 600px) {
     body {
         padding-top:104px 
    }
}
 body#login {
     background-image: url(../../Images/bgPattern.jpg);
     background-position: left top;
     background-repeat: repeat 
}
 body>form {
     background-color: #fbfbfb 
}
 body #container {
     background: none;
     background-color: #fff;
     padding: 0 0 0 0;
     width: 100% 
}
 body #container .mainContent {
     background-color: transparent;
     border-radius: 0;
     margin: 0 auto 0 auto;
     max-width: 1390px;
     width: 100%;
     padding-top: 25px;
     padding-right: 5%;
     padding-bottom: 25px;
     padding-left: 5% 
}
 @media only screen and (max-width: 767px) {
     body #container .mainContent {
         padding-right:2%;
         padding-left: 2% 
    }
}
 body #container .mainContent h1,body #container .mainContent h2,body #container .mainContent h3 {
     color: var(--store-font-color);
     font-family: var(--default-font-family) 
}
 body #container .mainContent h1 {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-size: 1.8rem;
     line-height: 2.2rem;
     margin-bottom: 15px;
     text-align: left 
}
 body #container .mainContent h2 {
     font-size: 1.6rem;
     line-height: 2rem;
     margin-bottom: 15px 
}
 body #container .mainContent h2.crumb {
     font-size: 1.8rem;
     line-height: 2.2rem;
     margin-bottom: 10px 
}
 body #container .mainContent h3 {
     font-size: 1.4rem;
     line-height: 1.8rem;
     margin-bottom: 10px 
}
 body #container .mainContent p {
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 20px 
}
 body #container .mainContent ul,body #container .mainContent ol {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-family: var(--default-font-family);
     font-size: 1.3rem;
     font-weight: 400;
     line-height: 1.9rem;
     list-style: disc;
     margin-bottom: 20px;
     padding-left: 40px;
     text-align: left 
}
 body #container .mainContent ul li,body #container .mainContent ol li,body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget li.trigger {
     background-color: transparent;
     display: list-item;
     font-family: var(--default-font-family);
     font-size: 1.3rem;
     font-weight: 400;
     line-height: 1.9rem;
     margin-bottom: 5px 
}
 body #container .mainContent .left_panel ul.categoryMenu {
     font-size: 0;
     list-style: none;
     margin-bottom: 25px;
     padding: 0 0 0 0;
     width: 100%;
     text-align: left 
}
 body #container .mainContent .left_panel ul.categoryMenu li {
     display: inline-block;
     vertical-align: top;
     font-weight: 1.3rem;
     font-weight: 400;
     line-height: 1.9rem 
}
 body #container .mainContent .left_panel ul.categoryMenu li a {
     background: none;
     color: var(--store-font-color);
     display: inline-block;
     vertical-align: top;
     margin: 0 15px 0 15px;
     padding: 0 0 0 0;
     width: 100%;
     position: relative;
     width: auto 
}
 body #container .mainContent .left_panel ul.categoryMenu li a span {
     display: none 
}
 body #container .mainContent .left_panel ul.categoryMenu li a span[id^="sign"] {
     background-color: var(--links-and-button-color);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #fff;
     display: block;
     font-weight: 700;
     height: 10px;
     line-height: 10px;
     position: absolute;
     top: 4px;
     right: -14px;
     text-align: center;
     transform: rotate(45deg);
     width: 10px 
}
 body #container .mainContent .left_panel ul.categoryMenu li:first-of-type a {
     margin-right: 0;
     margin-left: 0;
     padding-right: 10px;
     padding-left: 0 
}
 body #container .mainContent .left_panel ul.categoryMenu li:first-of-type a::after {
     content: '';
     background-color: var(--store-font-color);
     position: absolute;
     top: 4px;
     right: 0;
     bottom: 4px;
     width: 1px 
}
 body #container .mainContent .product-list-page {
     font-size: 0 
}
 body #container .mainContent .product-list-page .filter-block,body #container .mainContent .product-list-page .right_panel {
     display: inline-block;
     vertical-align: top 
}
 body #container .mainContent .product-list-page .filter-block {
     margin-right: 2%;
     width: 20% 
}
 @media only screen and (max-width: 767px) {
     body #container .mainContent .product-list-page .filter-block {
         margin-right:0;
         margin-bottom: 20px;
         width: 100% 
    }
}
 body #container .mainContent .product-list-page .filter-block .widget,body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget {
     background-color: transparent;
     font-size: 1.3rem;
     line-height: 1.9rem;
     list-style: none;
     margin-bottom: 25px;
     padding-left: 0 
}
 body #container .mainContent .product-list-page .filter-block .widget a.trigger,body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget li.trigger a.trigger {
     background-color: var(--expandable-title-background-color);
     color: var(--store-font-color);
     display: block;
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 8px;
     padding: 3px 3px 3px 3px;
     width: 100%;
     position: relative 
}
 body #container .mainContent .product-list-page .filter-block .widget a.trigger span,body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li.trigger a.trigger span,body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget li.trigger a.trigger span {
     background-color: var(--store-font-color);
     color: #fff;
     display: block;
     height: 13px;
     line-height: 13px;
     position: absolute;
     top: 50%;
     right: 6px;
     text-align: center;
     transform: translate(0, -50%);
     width: 13px 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters {
     display: none;
     list-style: none;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     width: 100% 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li {
     list-style: none;
     padding-left: 16px;
     position: relative 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container {
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     margin-bottom: 8px;
     padding-left: 18px;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container input {
     cursor: pointer;
     opacity: 0;
     position: absolute 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container input:checked~.checkmark {
     background-color: #fff !important;
     border-color: var(--default-border-color) 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container input:checked~.checkmark::after {
     border: solid var(--links-and-button-color);
     border-width: 0 3px 3px 0;
     display: block;
     left: 3px;
     height: 7px;
     top: -0.5px;
     width: 2px;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container .checkmark {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     height: 13px;
     position: absolute;
     top: 3px;
     left: 0;
     width: 13px 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container .checkmark::after {
     content: '';
     display: none;
     height: 10px;
     position: absolute;
     top: 5px;
     left: 9px;
     width: 5px;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li .container:hover input~.checkmark {
     background-color: #ccc;
     border-color: #ccc 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li.hasChildren {
     position: relative 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li.hasChildren a {
     color: var(--store-font-color);
     font-size: 1.8rem;
     font-weight: 700;
     position: absolute;
     top: 0;
     left: 0 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li.hasChildren ul {
     display: none;
     margin-bottom: 0;
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     width: 100%;
     width: auto 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters li.hasChildren ul li {
     padding-left: 16px 
}
 body #container .mainContent .product-list-page .filter-block .widget ul.filters a.see-all {
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop {
     position: relative 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop input[type=text] {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     color: var(--store-font-color);
     padding-right: 30px;
     width: 100% !important 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop a {
     font-weight: 700;
     height: 30px;
     line-height: 30px;
     position: absolute;
     text-align: center;
     top: 0;
     right: 0;
     width: 30px 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop a:hover {
     background-color: var(--links-and-button-color);
     color: #fff 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop input[type=checkbox],body #container .mainContent .product-list-page .filter-block .search-on-shop label {
     display: inline-block;
     vertical-align: middle 
}
 body #container .mainContent .product-list-page .filter-block .search-on-shop label {
     font-size: 1.2rem 
}
 body #container .mainContent .product-list-page .right_panel {
     font-size: 1.3rem;
     position: relative;
     width: 78% 
}
 @media only screen and (max-width: 767px) {
     body #container .mainContent .product-list-page .right_panel {
         width:100% 
    }
}
 body #container .mainContent .product-list-page .right_panel .sorting-options {
     font-size: 0;
     margin-bottom: 10px 
}
 body #container .mainContent .product-list-page .right_panel .sorting-options>* {
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem 
}
 body #container .mainContent .product-list-page .right_panel .sorting-options .widget.dd {
     margin-right: 20px;
     position: relative 
}
 body #container .mainContent .product-list-page .right_panel .sorting-options .widget.dd label {
     color: var(--product-sort-and-show-label-color);
     font-size: 1.3rem;
     line-height: 30px;
     position: absolute;
     top: 0;
     left: 6px 
}
 body #container .mainContent .product-list-page .right_panel .sorting-options .widget.dd select {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     display: block;
     font-size: 1.3rem;
     line-height: 30px;
     padding-left: 58px;
     position: relative;
     z-index: 1 
}
 body #container .mainContent .product-list-page .right_panel .sorting-options .widget.dd.show-per-page select {
     padding-left: 46px;
     position: relative;
     z-index: 1 
}
 body #container .mainContent .product-list-page .right_panel #product-list {
     font-size: 0 
}
 @media only screen and (max-width: 500px) {
     body #container .mainContent .product-list-page .right_panel #product-list {
         margin-top:42px 
    }
}
 body #container .mainContent .product-list-page .right_panel #product-list a {
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     margin: 0 1% 40px 1%;
     width: 23.5% 
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list a {
         width:32% 
    }
}
 @media only screen and (max-width: 600px) {
     body #container .mainContent .product-list-page .right_panel #product-list a {
         width:48% 
    }
}
 body #container .mainContent .product-list-page .right_panel #product-list a:first-child {
     margin-left: 0 !important;
     margin-right: 1% !important 
}
 body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(4n+1) {
     margin-left: 0 
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(4n+1) {
         margin-left:1% 
    }
}
 body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(4n) {
     margin-right: 0 
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(4n) {
         margin-right:1% 
    }
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(3n+1) {
         margin-left:0 
    }
}
 @media only screen and (max-width: 600px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(3n+1) {
         margin-left:1% 
    }
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(3n) {
         margin-right:0 
    }
}
 @media only screen and (max-width: 600px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(3n) {
         margin-right:1% 
    }
}
 @media only screen and (max-width: 600px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(odd) {
         margin-right:2%;
         margin-left: 0 
    }
}
 @media only screen and (max-width: 600px) {
     body #container .mainContent .product-list-page .right_panel #product-list a:nth-child(even) {
         margin-right:0;
         margin-left: 2% 
    }
}
 body #container .mainContent .product-list-page .right_panel #product-list a .image {
     border: 1px solid var(--default-border-color);
     margin-bottom: 10px;
     position: relative;
     text-align: center 
}
 body #container .mainContent .product-list-page .right_panel #product-list a .image img {
     height: auto;
     width: 100% 
}
 body #container .mainContent .product-list-page .right_panel #product-list a .title,body #container .mainContent .product-list-page .right_panel #product-list a .price {
     color: var(--store-font-color);
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 5px 
}
 body #container .mainContent .product-list-page .right_panel #product-list a .price {
     font-weight: 700;
     margin-bottom: 0 
}
 body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine {
     font-size: 0;
     position: absolute;
     top: 28px;
     right: 0;
     text-align: right;
     width: 240px 
}
 @media only screen and (max-width: 1200px) {
     body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine {
         top:27px 
    }
}
 @media only screen and (max-width: 1024px) {
     body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine {
         top:25px 
    }
}
 @media only screen and (max-width: 767px) {
     body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine {
         top:24px 
    }
}
 @media only screen and (max-width: 500px) {
     body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine {
         margin-left:1px;
         top: 60px;
         left: 0;
         text-align: left 
    }
}
 body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine>* {
     border: 1px solid var(--default-border-color);
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     height: 30px;
     line-height: 30px;
     margin: 0 0 0 -1px !important;
     text-align: center;
     width: 30px 
}
 body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine span {
     background-color: var(--pagination-background-selected);
     border-color: var(--pagination-background-selected);
     color: #fff;
     font-weight: 700 
}
 body #container .mainContent .product-list-page .right_panel #product-list span.paginationLine a:hover {
     background-color: var(--pagination-background-hover);
}
 body #container .mainContent .product-list-page .right_panel .disclaimer {
     font-size: 1.3rem;
     font-weight: 700;
     line-height: 1.9rem;
     margin-top: 50px;
     padding-top: 0;
     text-align: center 
}
 body #container .mainContent .product-list-page .right_panel .disclaimer p {
     margin-bottom: 10px 
}
 body #container.admin {
     padding-top: 35px 
}
 body#login .login-page {
     background-color: #fff;
     border: 0;
     border-radius: 0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
     margin: 0 0 0 0;
     max-width: 630px;
     position: absolute;
     top: 50%;
     left: 50%;
     padding: 20px 90px 20px 90px;
     width: 100%;
     transform: translate(-50%, -50%) 
}
 @media only screen and (max-width: 650px) {
     body#login .login-page {
         left:15px;
         right: 15px;
         transform: translate(0, -50%);
         width: auto 
    }
}
 @media only screen and (max-width: 600px) {
     body#login .login-page {
         padding-right:40px;
         padding-left: 40px 
    }
}
 body#login .login-page .login-page-top {
     font-size: 0;
     margin-bottom: 10px;
     padding-top: 15px;
     padding-bottom: 15px;
     position: relative 
}
 body#login .login-page .login-page-top::before {
     content: '';
     background-color: var(--header-bar-bg-color);
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     width: 1px 
}
 body#login .login-page .login-page-top>div {
     display: inline-block;
     vertical-align: middle;
     float: none;
     margin: 0 0 0 0;
     width: 45% 
}
 body#login .login-page .login-page-top .logo {
     margin-right: 5%;
     text-align: right 
}
 body#login .login-page .login-page-top .logo a {
     display: block 
}
 body#login .login-page .login-page-top .logo a img {
     display: inline-block;
     vertical-align: top;
     height: auto;
     margin: 0 0 0 0;
     max-width: 190px;
     width: 50%; /* adjust to logo size/ratio when setup new site*/ 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page .login-page-top .logo a img {
         max-width:100px;
         width: 100% 
    }
}
 body#login .login-page .login-page-top .login-title {
     margin-left: 5%;
     text-align: left 
}
 body#login .login-page .login-page-top .login-title p {
     font-size: 1.6rem;
     font-weight: 600;
     line-height: 1.6rem 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page .login-page-top .login-title p {
         font-size:1.4rem;
         line-height: 1.4rem 
    }
}
 body#login .login-page .login-page-top .login-title h1 {
     font-size: 3.8rem;
     font-weight: 700;
     line-height: 3.8rem;
     text-transform: uppercase 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page .login-page-top .login-title h1 {
         font-size:2.8rem;
         line-height: 2.8rem 
    }
}
 body#login .login-page #form-login .item {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 10px;
     width: 100% 
}
 body#login .login-page #form-login .item .label {
     color: var(--store-font-color);
     font-size: 1.4rem;
     line-height: 1.4rem;
     margin-bottom: 6px 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page #form-login .item .label {
         font-size:1.2rem;
         line-height: 1.2rem 
    }
}
 body#login .login-page #form-login .item .entry input[type=text],body#login .login-page #form-login .item .entry input[type=password] {
     background-color: var(--default-background-color);
     border: 0;
     border-radius: 3px;
     box-shadow: none;
     color: #3f3f3f;
     font-size: 1.4rem;
     height: auto;
     margin: 0 0 0 0;
     padding: 12px 10px 12px 10px !important;
     width: 100% !important 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page #form-login .item .entry input[type=text],body#login .login-page #form-login .item .entry input[type=password] {
         font-size:1.2rem 
    }
}
 body#login .login-page #form-login #btnLogOn {
     background-color: var(--links-and-button-color);
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     vertical-align: top;
     font-size: 1.6rem;
     font-weight: 700;
     margin-bottom: 25px;
     padding: 12px 12px 12px 12px;
     width: auto;
     text-decoration: none;
     text-transform: uppercase;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s 
}
 @media only screen and (max-width: 600px) {
     body#login .login-page #form-login #btnLogOn {
         font-size:1.4rem 
    }
}
 body#login .login-page #form-login #btnLogOn:hover {
     background-color: var(--links-and-button-hover-color) 
}
 body#login .login-page p.help {
     color: var(--store-font-color);
     font-size: 1.2rem;
     line-height: 1.8rem;
     margin-bottom: 10px;
     text-align: center 
}
 body.categories #container .categories-slider-container .item img {
     height: auto;
     width: 100% 
}
 body.categories #container .mainContent .slider-plc {
     height: auto;
     width: 100% 
}
 body.categories #container .mainContent h1 {
     font-size: 3.6rem;
     line-height: 4.4rem;
     margin-top: 50px;
     margin-bottom: 30px;
     text-align: center 
}
 body.product-details #container .mainContent .left_panel ul.categoryMenu li a span[id^="sign"] {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     color: var(--store-font-color);
     transform: rotate(0deg) 
}
 body.product-details #container .mainContent .right_panel ul.template-box {
     list-style: none;
     padding: 0 0 0 0;
     width: 100%;
     margin: 0 0 0 0;
     width: auto 
}
 body.product-details #container .mainContent .right_panel ul.template-box li {
     display: inline-block;
     vertical-align: top;
     margin-right: 1% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage {
     width: 32% 
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage {
         width:40% 
    }
}
 @media only screen and (max-width: 767px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage {
         display:block;
         margin: 0 auto 25px auto;
         max-width: 300px;
         width: 100% 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage .ProductImageBig {
     border: 1px solid var(--default-border-color) !important;
     height: auto;
     margin-bottom: 10px;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage .productImgs {
     font-size: 0 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage .productImgs .productImg {
     border: 1px solid var(--default-border-color) !important;
     display: inline-block;
     vertical-align: top;
     height: auto;
     margin-right: 3%;
     margin-bottom: 3%;
     max-width: 68px;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.fullSizedImage .productImgs .productImg:nth-child(4n) {
     margin-right: 0 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty {
     margin-right: 0;
     width: 66% 
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty {
         width:58% 
    }
}
 @media only screen and (max-width: 767px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty {
         width:100% 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul {
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc {
     margin-right: 12%;
     margin-bottom: 50px;
     width: 50% 
}
 @media only screen and (max-width: 1100px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc {
         margin-right:5% 
    }
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc {
         margin-right:0;
         width: 100% 
    }
}
 @media only screen and (max-width: 600px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc {
         margin-bottom:25px;
         margin-right: 0%;
         width: 100% 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 30px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] .ratingNewEntry .fitRatingItems {
     margin-top: 10px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] .ratingNewEntry .submitRating {
     margin-top: 10px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] .ratingNewEntry .submitRating input {
     background-color: var(--links-and-button-color);
     color: #fff;
     cursor: pointer;
     font-weight: 700;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     text-transform: uppercase 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] .ratingNewEntry .submitRating input:hover,body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc span[id$="lblReviews"] .ratingNewEntry .submitRating input:focus {
     background-color: var(--links-and-button-hover-color) 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc ul.field-form {
     padding: 0 0 0 0;
     width: 100%;
     width: auto 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc ul.field-form li {
     display: block;
     margin-right: 0;
     margin-bottom: 10px;
     position: relative 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc ul.field-form li .field-label {
     display: none;
     color: var(--qry-select-and-label-color);
     font-size: 1.3rem;
     line-height: 2.9rem;
     position: absolute;
     top: 0;
     left: 4px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.template-desc ul.field-form li select {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     color: var(--qry-select-and-label-color);
     font-size: 1.3rem;
     max-width: 275px;
     width: 100%;
     padding-left: 5px;
     width: 100% !important 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add {
     margin-right: 0;
     margin-bottom: 50px;
     width: 37% 
}
 @media only screen and (max-width: 1100px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add {
         width:44% 
    }
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add {
         width:350px 
    }
}
 @media only screen and (max-width: 600px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add {
         width:100% 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add p {
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 0 
}
 @media only screen and (max-width: 600px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add p {
         text-align:center 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add p.price {
     font-size: 3.6rem;
     font-weight: 700;
     line-height: 4.4rem;
     margin-bottom: 90px 
}
 @media only screen and (max-width: 600px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add p.price {
         margin-bottom:40px 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add {
     background-color: #fbfbfb;
     border: 1px solid var(--default-border-color);
     padding: 10px 20% 10px 20%;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add p.title {
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 8px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .qtyUpDown {
     display: inline-block !important;
     vertical-align: top !important;
     font-size: 0;
     margin-bottom: 20px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .qtyUpDown .qtyUpDownBtn {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     font-size: 2rem;
     font-weight: 700;
     height: 28px;
     padding-top: 3px;
     padding-right: 6px;
     padding-bottom: 3px;
     padding-left: 6px;
     text-align: center;
     user-select: none;
     width: 30px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .qtyUpDown input[type=text].quantityNotCustom {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     border-right: 0;
     border-left: 0;
     display: inline-block;
     vertical-align: top;
     height: 28px;
     line-height: 28px;
     padding: 0 0 0 0;
     width: 100%;
     text-align: center;
     width: 38px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .item {
     font-size: 0 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .item>div {
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add .item>div:first-child {
     font-weight: 700;
     margin-right: 8px;
     width: 90px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.price-qty-add #qty-add a.LinkButton {
     display: inline-block;
     vertical-align: top;
     font-size: 1.6rem;
     line-height: 2.2rem;
     margin-top: 15px;
     text-transform: uppercase 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full {
     margin-right: 0;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li.trigger {
     margin-right: 0;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li.trigger a.trigger {
     border-bottom: 2px solid var(--default-border-color);
     color: var(--store-font-color);
     display: block;
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 4px;
     padding-bottom: 4px;
     position: relative;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li.trigger a.trigger::after {
     content: '';
     background-color: var(--store-font-color);
     color: #fff;
     height: 20px;
     line-height: 20px;
     text-align: center;
     width: 20px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li.trigger a.trigger span.hide {
     display: none 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li ul {
     display: block 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li ul.close {
     display: none 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li ul span[id$="lblDescription"] ul {
     list-style: disc;
     margin-left: 20px;
     padding-left: 20px 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full ul li ul span[id$="lblDescription"] ul li {
     display: list-item 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block {
     font-size: 0 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block>* {
     display: inline-block;
     vertical-align: top;
     font-weight: 1.3rem;
     line-height: 1.9rem 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.title {
     font-weight: 700;
     margin-right: 5px 
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.title {
         display:block;
         margin-right: 0;
         margin-bottom: 5px 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item {
     margin-right: 23px;
     position: relative 
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item {
         display:block;
         margin: 0 0 0 0 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item::after {
     content: '|';
     position: absolute;
     top: 0;
     right: -15px 
}
 @media only screen and (max-width: 1024px) {
     body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item::after {
         display:none 
    }
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item span.entry {
     font-weight: 700 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item:last-child {
     margin-right: 0 
}
 body.product-details #container .mainContent .right_panel ul.template-box li.desc-qty ul li.full .average-fit-rating-block p.item:last-child::after {
     display: none 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container {
     margin-top: 35px 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider {
     display: block 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-prev,body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-next {
     top: 30% 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-prev::before,body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-next::before {
     color: var(--header-bar-bg-color);
     font-size: 6rem 
}
 @media only screen and (max-width: 767px) {
     body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-prev {
         left:-5px 
    }
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-prev::before {
     content: '\2039' 
}
 @media only screen and (max-width: 767px) {
     body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-next {
         right:-5px 
    }
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-next::before {
     content: '\203A' 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide {
     margin: 0 20px 0 20px;
     -webkit-transition: all ease-in-out .3s;
     -moz-transition: all ease-in-out .3s;
     -ms-transition: all ease-in-out .3s;
     -o-transition: all ease-in-out .3s 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide .item {
     position: relative 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide .item a {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide .item img {
     border: 1px solid var(--default-border-color);
     height: auto;
     margin-bottom: 8px;
     width: 100% 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide .item p {
     margin-bottom: 8px 
}
 body.product-details #container .mainContent .right_panel .product-detail-slider-container .related-slider .slick-slide .item p.price {
     font-weight: 700;
     margin-bottom: 0 
}
 body.cart>#page>form {
     background-color: #fbfbfb 
}
 body.cart #divMainContent,body.checkout #divMainContent .mainContent {
     margin: 0 auto 0 auto;
     max-width: 1390px;
     width: 100%;
     padding-top: 25px;
     padding-right: 5%;
     padding-bottom: 25px;
     padding-left: 5% 
}
 @media only screen and (max-width: 767px) {
     body.cart #divMainContent,body.checkout #divMainContent .mainContent {
         padding-right:2%;
         padding-left: 2% 
    }
}
 body.cart #divMainContent .ErrorMessage {
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     font-weight: 700;
     font-style: italic;
     line-height: 1.9rem;
     margin-bottom: 25px 
}
 body.cart #divMainContent .pageSC {
     font-size: 0 
}
 body.cart #divMainContent .pageSC>* {
     background-color: #fff;
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 @media only screen and (max-width: 767px) {
     body.cart #divMainContent .pageSC>* {
         width:100% 
    }
}
 body.cart #divMainContent .pageSC .cartArea {
     margin-right: 2% 
}
 @media only screen and (max-width: 767px) {
     body.cart #divMainContent .pageSC .cartArea {
         margin:0 0 15px 0 
    }
}
 body.cart #divMainContent .pageSC .cartArea td {
     vertical-align: top 
}
 body.cart #divMainContent .pageSC .cartArea input[type=text].cartQuantity {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     display: inline-block;
     vertical-align: top;
     height: 23px;
     padding: 0 3px 0 3px;
     width: 38px;
     text-align: center 
}
 body.cart #divMainContent .pageSC .cartArea .qtyUpDown {
     display: inline-block;
     vertical-align: top 
}
 body.cart #divMainContent .pageSC .cartArea .qtyUpDown>* {
     background-color: #fbfbfb;
     border: 1px solid var(--default-border-color);
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     height: 23px 
}
 body.cart #divMainContent .pageSC .cartArea .itemSummaryParams {
     margin-top: 10px 
}
 body.cart #divMainContent .pageSC .cartArea .itemSummaryParams .itemSummaryParam {
     margin-bottom: 5px 
}
 body.cart #divMainContent .pageSC .cartArea .cartItemSku {
     margin-top: 15px 
}
 body.cart #divMainContent .pageSC .cartArea2 {
     width: 32% 
}
 @media only screen and (max-width: 767px) {
     body.cart #divMainContent .pageSC .cartArea2 {
         width:100% 
    }
}
 body.cart #divMainContent .pageSC .cartArea2 .orderSummaryTotal label,body.cart #divMainContent .pageSC .cartArea2 .orderSummaryTotal .orderSummaryValue {
     line-height: 2.4rem 
}
 body.cart #divMainContent .pageSC .cartArea2 .orderSummaryTotal .orderSummaryValue {
     font-size: 1.8rem 
}
 body.cart #divMainContent .pageSC .cartArea2 .cartOrderAction1 {
     padding-right: 10px 
}
 body.checkout #divMainContent {
     background-color: #fbfbfb 
}
 body.checkout #divMainContent .mainContent {
     background-color: transparent 
}
 body.checkout #divMainContent .mainContent .item {
     margin-bottom: 20px;
     width: 100% 
}
 body.checkout #divMainContent .mainContent .item.halves,body.checkout #divMainContent .mainContent .item.thirds {
     font-size: 0 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.halves,body.checkout #divMainContent .mainContent .item.thirds {
         margin-bottom:0 
    }
}
 body.checkout #divMainContent .mainContent .item.halves .half,body.checkout #divMainContent .mainContent .item.thirds .third {
     display: inline-block;
     vertical-align: top;
     width: 49% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.halves .half,body.checkout #divMainContent .mainContent .item.thirds .third {
         margin-bottom:20px;
         width: 100% 
    }
}
 body.checkout #divMainContent .mainContent .item.halves .half:first-child {
     margin-right: 1% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.halves .half:first-child {
         margin-right:0 
    }
}
 body.checkout #divMainContent .mainContent .item.halves .half:last-child {
     margin-left: 1% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.halves .half:last-child {
         margin-left:0 
    }
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.thirds {
         margin-bottom:0 
    }
}
 body.checkout #divMainContent .mainContent .item.thirds .third {
     width: 32% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.thirds .third {
         margin-bottom:20px;
         width: 100% 
    }
}
 body.checkout #divMainContent .mainContent .item.thirds .third:nth-child(2) {
     margin-right: 2%;
     margin-left: 2% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent .item.thirds .third:nth-child(2) {
         margin-right:0;
         margin-left: 0 
    }
}
 body.checkout #divMainContent .mainContent .item.multi .entry {
     margin-bottom: 10px 
}
 body.checkout #divMainContent .mainContent .item.multi .entry:last-of-type {
     margin-bottom: 0 
}
 body.checkout #divMainContent .mainContent .item .label {
     font-size: 1.2rem;
     font-weight: 700;
     line-height: 1.8rem;
     margin-bottom: 2px 
}
 body.checkout #divMainContent .mainContent .item .entry input[type=text],body.checkout #divMainContent .mainContent .item .entry select {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     border-radius: 3px;
     width: 100% 
}
 body.checkout #divMainContent .mainContent .item .FieldValidator {
     font-size: 1.2rem 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] {
     font-size: 0 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"]>* {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     margin-top: 35px;
     padding: 20px 50px 20px 50px;
     width: auto 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"]>* {
         padding-right:20px;
         padding-left: 20px 
    }
}
 @media only screen and (max-width: 600px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"]>* {
         margin-top:5px 
    }
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] h2 {
     font-size: 1.4rem;
     line-height: 2rem 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] p {
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 8px 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget li.trigger a.trigger {
     margin-bottom: 15px 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] ul.widget li.trigger ul {
     display: none;
     list-style: none 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea {
     margin-right: 2%;
     width: 64% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea {
         width:54% 
    }
}
 @media only screen and (max-width: 600px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea {
         margin-right:0;
         margin-bottom: 20px;
         width: 100% 
    }
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea .terms-block {
     margin-bottom: 20px 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea .terms-block input[type=checkbox] {
     box-shadow: 0 0 3px #3175e7;
     display: inline-block;
     vertical-align: middle;
     height: 13px;
     width: 13px 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea .terms-block label {
     display: inline-block;
     vertical-align: middle 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 {
     background-color: transparent;
     border: 0;
     padding: 0 0 0 0;
     width: 100%;
     width: 34% 
}
 @media only screen and (max-width: 900px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 {
         width:44% 
    }
}
 @media only screen and (max-width: 600px) {
     body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 {
         width:100% 
    }
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     margin-bottom: 25px;
     padding: 20px 10px 20px 10px;
     width: auto 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block>a {
     float: right;
     line-height: 1.9rem 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block h3 {
     font-size: 1.4rem;
     line-height: 2rem 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block p.order-total {
     font-size: 3.1rem;
     font-weight: 700;
     line-height: 2rem 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block .account-balance {
     border-top: 1px solid var(--default-border-color);
     margin-top: 20px;
     overflow: hidden;
     padding-top: 15px 
}
    body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block .account-balance p {
        color: var(--account-balance-color);
        float: left;
        font-style: italic;
        font-weight: 700;
        margin-bottom: 3px
    }
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block .account-balance p.amount {
     float: right;
     margin-right: 3px 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block .account-balance p.note {
     clear: left;
     margin-bottom: 0;
     width: 100% 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block#item-summary-block table tr td {
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 10px 
}
 body.product-edit .mainContent {
     background-color: #fff;
     padding: 35px 5% 35px 5%;
     width: 100% 
}
 body.product-edit .mainContent #container {
     display: block !important;
     min-width: 0 !important 
}
 body.product-edit .mainContent #container ul.tabs {
     padding: 0 0 0 0;
     width: 100% 
}
 body.product-edit .mainContent #container ul.tabs::after {
     right: 0;
     left: 0 
}
 body.product-edit .mainContent #container .subheader {
     border-bottom: 1px solid var(--store-font-color);
     display: inline-block;
     vertical-align: top;
     font-size: 1.6rem;
     font-weight: 700 
}
 body.product-edit .mainContent #container table.tablePad tr td {
     padding: 0 3px 8px 3px;
     width: 100%;
     width: auto 
}
 body.product-edit .mainContent #container table.tablePad tr td:first-child {
     font-size: 1.4rem;
     line-height: 30px;
     width: 250px 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child input,body.product-edit .mainContent #container table.tablePad tr td:last-child select {
     margin-bottom: 4px;
     padding: 0 3px 0 3px;
     width: 100%;
     width: 100% !important 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child input[type=checkbox],body.product-edit .mainContent #container table.tablePad tr td:last-child input[type=radio] {
     margin-top: 5px;
     padding: 0 0 0 0;
     width: 100%;
     text-align: left;
     width: 20px !important 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child textarea {
     background-color: var(--default-background-color);
     border: 0;
     width: 100% 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child table:not(.mceLayout) {
     border: none 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child table:not(.mceLayout) td {
     border: none 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child table:not(.mceLayout) td input[type=checkbox],body.product-edit .mainContent #container table.tablePad tr td:last-child table:not(.mceLayout) td input[type=radio] {
     margin-top: 0;
     width: 20px !important 
}
 body.product-edit .mainContent #container table.tablePad tr td:last-child table.mceLayout {
     width: 100% !important 
}
 body.product-edit .mainContent #container #Divisions table,body.edit-group div[id$="updGroupElements"] table {
     border-collapse: collapse;
     border: 1px solid var(--default-background-color);
     width: 100% 
}
 body.product-edit .mainContent #container #Divisions table th,body.product-edit .mainContent #container #Divisions table td,body.edit-group div[id$="updGroupElements"] table th,body.edit-group div[id$="updGroupElements"] table td {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     padding: 6px 3px 6px 3px;
     width: auto 
}
 body.product-edit .mainContent #container #Divisions table thead th,body.edit-group div[id$="updGroupElements"] table th {
     background-color: var(--header-bar-bg-color);
     border-color: var(--default-background-color);
     color: #fff;
     font-weight: 400 
}
 body.product-edit .mainContent #container #Prices table:not(.tablePad) {
     border-collapse: collapse;
     border: 1px solid var(--default-background-color);
     width: 100% 
}
 body.product-edit .mainContent #container #Prices table:not(.tablePad) th,body.product-edit .mainContent #container #Prices table:not(.tablePad) td {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     padding: 6px 3px 6px 3px;
     width: auto 
}
 body.product-edit .mainContent #container #Prices table:not(.tablePad) thead th {
     background-color: var(--header-bar-bg-color);
     border-color: var(--default-background-color);
     color: #fff;
     font-weight: 400 
}
 body.product-edit .mainContent #container #Prices table:not(.tablePad) thead th a {
     color: #fff;
     font-weight: 700 
}
 body.product-edit .mainContent #container #Groups table[id$="grdGroups"] {
     border-collapse: collapse;
     border: 1px solid var(--default-background-color);
     width: 100% 
}
 body.product-edit .mainContent #container #Groups table[id$="grdGroups"] th,body.product-edit .mainContent #container #Groups table[id$="grdGroups"] td {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     padding: 6px 3px 6px 3px;
     width: auto 
}
 body.product-edit .mainContent #container #Groups table[id$="grdGroups"] thead th {
     background-color: var(--header-bar-bg-color);
     border-color: var(--default-background-color);
     color: #fff;
     font-weight: 400 
}
 body.product-edit .mainContent #container #Groups table[id$="grdGroups"] thead th a {
     color: #fff;
     font-weight: 700 
}
 body.product-list .productQuickView {
     -webkit-appearance: none;
     background-color: var(--quick-view-open-button-background);
     border: 1px solid var(--quick-view-open-button-border);
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     cursor: pointer;
     font-size: 1.3rem;
     font-weight: 700;
     line-height: 1.9rem;
     margin: 0 auto 0 auto;
     padding: 0 20px 0 20px;
     width: auto;
     position: absolute;
     bottom: 25px;
     left: 50%;
     transform: scale(1) translateX(-50%);
     -webkit-transition: all 450ms ease 0ms;
     -moz-transition: all 450ms ease 0ms;
     -ms-transition: all 450ms ease 0ms;
     -o-transition: all 450ms ease 0ms;
     z-index: 1 
}
 body.product-list .productQuickView:hover {
     transform: scale(1.2, 1.2) translateX(-40%);
     -webkit-transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
     -moz-transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
     -ms-transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms;
     -o-transition: all 450ms cubic-bezier(.23, 1, .32, 1) 0ms 
}
 #editItemPopup_container {
     background-color: rgba(0,0,0,0.4);
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 9000 
}
 #editItemPopup_popup {
     background-color: #fbfbfb;
     position: fixed;
     top: 50%;
     left: 50%;
     padding: 5px 5px 5px 5px;
     width: 50%;
     transform: translate(-50%, -50%);
     z-index: 9002 
}
 @media only screen and (max-width: 1500px) {
     #editItemPopup_popup {
         width:70% 
    }
}
 @media only screen and (max-width: 1024px) {
     #editItemPopup_popup {
         width:90% 
    }
}
 .product-details #editItemPopup_popup {
     width: 60% 
}
 @media only screen and (max-width: 1500px) {
     .product-details #editItemPopup_popup {
         width:80% 
    }
}
 @media only screen and (max-width: 1024px) {
     .product-details #editItemPopup_popup {
         width:90% 
    }
}
 #editItemPopup_popup .editItemClose {
     color: var(--store-font-color);
     font-size: 2rem;
     font-weight: 700;
     position: absolute;
     top: 10px;
     right: 10px 
}
 #editItemPopup_popup .addToCartPopupContinueShopping {
     display: block;
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin: 5px 35px 0 0;
     text-align: right 
}
 #editItemPopup_popup .quick-view-cols {
     font-size: 0;
     padding: 5px 5px 5px 5px;
     width: auto 
}
 #editItemPopup_popup .quick-view-cols::after {
     content: '';
     clear: both 
}
 #editItemPopup_popup .quick-view-cols>div {
     display: inline-block;
     vertical-align: top;
     font-size: 1.3rem;
     width: 49% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 {
     margin-right: 1% 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-1 {
         display:block;
         margin: 0 0 0 0 !important;
         width: 100% !important 
    }
}
 .product-details #editItemPopup_popup .quick-view-cols .quick-view-col-1 {
     margin: 25px 2% 0 5%;
     width: 49% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productMainImg {
     border: 1px solid var(--default-border-color);
     margin-bottom: 10px 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productMainImg {
         margin:0 0 10px 0;
         max-width: 177px;
         width: 100% 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productMainImg img {
     height: auto;
     max-width: none;
     width: 100% 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productMainImg img {
         max-width:175px;
         width: 100% 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productImgs {
     font-size: 0 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productImgs {
         margin:0 0 0 0;
         max-width: 202px;
         width: 100% 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 .productImgs .productImg {
     border: 1px solid var(--default-border-color) !important;
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     height: auto;
     margin-right: 2%;
     width: 20% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage {
     margin-bottom: 15px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage span.addToCartPopupMessage {
     font-size: 1.8rem;
     font-weight: 700;
     line-height: 2.4rem;
     margin-bottom: 10px;
     margin-left: 8px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div {
     font-size: 0 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div>* {
     display: inline-block;
     vertical-align: top;
     font-size: 1.4rem;
     line-height: 2rem 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg {
     border: 1px solid var(--default-border-color);
     margin-right: 2%;
     margin-bottom: 10px;
     width: 32% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg img {
     height: auto;
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg+div {
     width: 66% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg+div div[id$="AddToCartPopup"] {
     font-size: 0 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg+div div[id$="AddToCartPopup"]>* {
     display: inline-block;
     vertical-align: top;
     font-size: 1.4rem;
     line-height: 2rem 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg+div div[id$="AddToCartPopup"] div {
     font-weight: 600 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 div.addToCartPopupMessage+div .productAddToCartPopupImg+div div[id$="AddToCartPopup"] div:first-child {
     margin-right: 35px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-1 span.addToCartPopupProductName {
     color: var(--store-font-color);
     display: block;
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 35px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 {
     margin-left: 1% 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 {
         display:block;
         margin: 5px 0 0 0 !important;
         width: 100% !important 
    }
}
 .product-details #editItemPopup_popup .quick-view-cols .quick-view-col-2 {
     margin: 25px 5% 0 2%;
     max-width: none;
     width: 100%;
     width: 37% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemProductName {
     font-size: 2rem;
     font-weight: 700;
     line-height: 2.8rem 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemProductName {
         font-size:1.5rem 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemPriceLbl {
     font-size: 1.3rem;
     font-weight: 400;
     line-height: 1.9rem;
     margin-top: 10px 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemPriceLbl {
         margin-top:5px 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemPrice {
     font-size: 3.6rem;
     font-weight: 700;
     line-height: 4.4rem 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .editItemPrice {
         font-size:2.5rem;
         line-height: 3rem 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews {
     margin-top: 15px 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews {
         margin-top:10px 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews span[id$="lblReviews"]>* .ratingNewEntry {
     display: block;
     margin-top: 15px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingNewEntry .fitRatingItems {
     margin-top: 10px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingNewEntry .submitRating {
     margin-top: 10px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingNewEntry .submitRating input {
     background-color: var(--links-and-button-color);
     color: #fff;
     cursor: pointer;
     font-weight: 700;
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s;
     text-transform: uppercase 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingNewEntry .submitRating input:hover,#editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingNewEntry .submitRating input:focus {
     background-color: var(--links-and-button-hover-color) 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingCountAndNew {
     margin-left: 4px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-reviews .ratingCountAndNew>* {
     display: inline-block;
     vertical-align: top 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options {
     display: inline-block;
     vertical-align: top;
     margin-top: 20px;
     width: 100% 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options {
         margin-top:10px 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options .optionsLbl {
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 10px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form {
     list-style: none;
     padding: 0 0 0 0;
     width: 100%;
     width: auto 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form {
         margin-bottom:0 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form li {
     position: relative 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form li span[id$="lGroupName"] {
     color: var(--quick-view-options-color);
     font-size: 1.3rem;
     line-height: 2.9rem;
     position: absolute;
     top: 0;
     left: 4px;
     display: none 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form li select {
     background-color: transparent;
     border: 1px solid var(--default-border-color);
     color: var(--quick-view-options-color);
     font-size: 1.3rem;
     padding-left: 5px;
     width: 220px !important 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form li select {
         width:180px !important 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-options ul.field-form li a {
     background: none;
     background-color: transparent;
     color: var(--links-and-button-color);
     padding: 0 0 0 0;
     width: 100%;
     width: auto 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-quantity {
     font-size: 1.4rem;
     font-weight: 700;
     line-height: 2rem;
     margin-bottom: 10px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-quantity .qty-area {
     margin-top: 10px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-quantity .qty-area::after {
     content: '';
     clear: both 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-quantity .qty-area .qtyUpDownBtn {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     cursor: pointer;
     display: none;
     float: left;
     font-size: 2rem;
     font-weight: 700;
     height: 28px;
     padding-top: 3px;
     padding-right: 6px;
     padding-bottom: 3px;
     padding-left: 6px;
     text-align: center;
     user-select: none;
     width: 30px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-quantity .qty-area input[type=text].editItemQuantity {
     background-color: #fff;
     border: 1px solid var(--default-border-color);
     border-right: 0;
     border-left: 0;
     float: left;
     height: 28px;
     line-height: 28px;
     padding: 0 0 0 0;
     width: 100%;
     text-align: center;
     width: 38px 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-actions {
     clear: left;
     display: inline-block;
     vertical-align: top;
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-actions a {
     background-color: var(--links-and-button-color);
     border: 1px solid var(--links-and-button-color);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #fff;
     display: inline-block;
     vertical-align: middle;
     font-weight: 1.6rem;
     font-weight: 700;
     line-height: 2.2rem;
     padding: 10px 10px 10px 10px;
     width: auto;
     text-transform: uppercase 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-actions a:hover {
     background-color: var(--links-and-button-hover-color);
     border-color: var(--links-and-button-hover-color) 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-actions a.btn-full-view {
     background-color: #fff;
     color: var(--links-and-button-hover-color) 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .quick-view-actions a.btn-full-view:hover {
     background-color: var(--links-and-button-hover-color);
     color: #fff 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .addToCartPopupCartTotalLbl {
     font-size: 1.3rem;
     line-height: 1.9rem;
     margin-bottom: 15px;
     text-align: left 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .addToCartPopupCartTotalLbl .addToCartPopupCartTotal {
     display: block;
     font-size: 3.6rem;
     font-weight: 700;
     line-height: 4.4rem 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions {
     font-size: 0 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions>* {
     display: inline-block;
     vertical-align: middle;
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 @media only screen and (max-width: 850px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions>* {
         display:block;
         text-align: center 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a {
     background-color: var(--links-and-button-color);
     border: 1px solid var(--links-and-button-color);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #fff;
     font-size: 1.6rem;
     font-weight: 700;
     line-height: 2.2rem;
     padding: 10px 10px 10px 10px;
     width: auto 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.editItemUpdate {
     margin: 0 10px 0 0 
}
 @media only screen and (max-width: 850px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.editItemUpdate {
         margin-right:0;
         margin-bottom: 8px;
         text-align: center 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.editItemUpdate:hover {
     background-color: #fff;
     color: var(--links-and-button-color) 
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.btn-full-view {
     background-color: #fff;
     color: var(--links-and-button-color);
     margin-left: 10px 
}
 @media only screen and (max-width: 850px) {
     #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.btn-full-view {
         margin-top:8px;
         margin-left: 0;
         text-align: center 
    }
}
 #editItemPopup_popup .quick-view-cols .quick-view-col-2 .add-to-cart-popup-actions a.btn-full-view:hover {
     background-color: var(--links-and-button-color);
     color: #fff 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems {
     border-top: 1px solid var(--default-border-color);
     display: block;
     margin: 25px 5% 25px 5%;
     padding-top: 25px;
     width: 90% 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems {
         margin-top:30px;
         text-align: center 
    }
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container {
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container h2 {
     font-size: 1.4rem;
     line-height: 2rem;
     text-align: center 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider {
     margin: 0 auto 0 auto;
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-arrow::before {
     color: var(--header-bar-bg-color) 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide {
     margin: 0 5px 0 0 
}
 @media only screen and (max-width: 600px) {
     #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide {
         text-align:left 
    }
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide .item {
     position: relative 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide .item a {
     outline: 0;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide .item img {
     border: 1px solid var(--default-border-color);
     height: auto;
     margin-bottom: 5px;
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide .item p {
     margin-bottom: 0 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .slick-list .slick-slide .item p.price {
     font-weight: 700;
     margin-bottom: 0 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .item {
     position: relative 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .item a {
     outline: 0;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .item img {
     border: 1px solid var(--default-border-color);
     height: auto;
     margin-bottom: 5px;
     width: 100% 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .item p {
     margin-bottom: 0 
}
 #editItemPopup_popup .quick-view-cols .addToCartPopupRelatedItems .product-detail-slider-container .related-slider .item p.price {
     font-weight: 700;
     margin-bottom: 0 
}
 #division-list-block {
     font-size: 0 
}
 #division-list-block .division-item {
     display: inline-block;
     vertical-align: top;
     margin: 2% 2% 2% 2%;
     position: relative;
     text-align: center;
     width: 22% 
}
 @media only screen and (max-width: 1024px) {
     #division-list-block .division-item {
         width:30.6667% 
    }
}
 @media only screen and (max-width: 767px) {
     #division-list-block .division-item {
         width:48% 
    }
}
 #division-list-block .division-item:nth-child(4n+1) {
     margin-left: 0 
}
 @media only screen and (max-width: 1024px) {
     #division-list-block .division-item:nth-child(4n+1) {
         margin-left:2% 
    }
}
 #division-list-block .division-item:nth-child(3n+1) {
     margin-right: 0 
}
 @media only screen and (max-width: 1024px) {
     #division-list-block .division-item:nth-child(3n+1) {
         margin-right:2% 
    }
}
 @media only screen and (max-width: 1024px) {
     #division-list-block .division-item:nth-child(3n+1) {
         margin-left:0 
    }
}
 @media only screen and (max-width: 767px) {
     #division-list-block .division-item:nth-child(3n+1) {
         margin-left:2% 
    }
}
 @media only screen and (max-width: 1024px) {
     #division-list-block .division-item:nth-child(2n+1) {
         margin-right:0 
    }
}
 @media only screen and (max-width: 767px) {
     #division-list-block .division-item:nth-child(2n+1) {
         margin-right:2% 
    }
}
 #division-list-block .division-item:first-child {
     margin-right: 2% !important 
}
 @media only screen and (max-width: 767px) {
     #division-list-block .division-item:nth-child(odd) {
         margin-left:0 
    }
}
 #division-list-block .division-item:first-child {
     margin-right: 2% !important 
}
 @media only screen and (max-width: 767px) {
     #division-list-block .division-item:nth-child(even) {
         margin-right:0 
    }
}
 #division-list-block .division-item .division-link {
     cursor: pointer;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1 
}
 #division-list-block .division-item img.thumb {
     border: 1px solid #e1e1e1;
     height: auto;
     padding: 10px 10px 10px 10px;
     width: 100%;
     /*-webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     opacity: .5;
     filter: alpha(opacity=50);*/
     -webkit-transition: .3s;
     -moz-transition: .3s;
     -ms-transition: .3s;
     -o-transition: .3s 
	 
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     opacity: 1;
     filter: alpha(opacity=100) 
}
 #division-list-block .division-item h2 {
     color: #fff !important;
     font-family: var(--default-font-family) !important;
     font-size: 2rem !important;
     font-weight: 700 !important;
     line-height: 2.8rem !important;
     margin-bottom: 0 !important;
     padding: 20px 20px 20px 20px;
     width: auto;
     background: var(--links-and-button-color);
     background: -moz-linear-gradient(top, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
     background: -webkit-linear-gradient(top, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
     background: linear-gradient(to bottom, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--links-and-button-color)', endColorstr='var(--links-and-button-hover-color)', GradientType=0) 
}
 #division-list-block .division-item:hover img.thumb {
     /*-webkit-filter: grayscale(0);
     filter: grayscale(0);
     opacity: 1;
     filter: alpha(opacity=100) */
	-webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     opacity: .5;
     filter: alpha(opacity=50);
}
 #division-list-block .division-item:hover h2 {
     background: none;
     background-color: var(--links-and-button-color) 
}
 #popup_container,#popup_container2,#popup_container3,#popup_container_img {
     background-color: rgba(0,0,0,0.65);
     display: none;
     opacity: .5;
     filter: alpha(opacity=50);
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 9000 
}
 #popup_popup,#popup_popup2,#popup_popup3,#popup_popup_img {
     background-color: #fff;
     border: 1px solid var(--header-bar-bg-color);
     -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
     -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
     -ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
     box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
     display: none;
     margin-left: -175px;
     position: fixed;
     top: 50%;
     left: 50%;
     width: 500px;
     z-index: 9002 
}
 #popup_popup .toppopup,#popup_popup2 .toppopup2,#popup_popup3 .toppopup3,#popup_popup_img .toppopup3 {
     background-size: 100px;
     border-bottom: 1px solid #444;
     height: 20px;
     padding: 3px 3px 3px 3px;
     width: auto 
}
 #popup_close,#popup_close2,#popup_close3,.close {
     background-color: transparent;
     background-image: url(/Images/close_popup.gif);
     background-position: center -15px;
     background-repeat: no-repeat;
     cursor: pointer;
     display: block;
     float: right;
     height: 15px;
     margin-bottom: 5px;
     width: 15px 
}
 #popup_close:hover,#popup_close2:hover,.close:hover {
     background-position: center 0 
}
 .cls_Error,.cls_Warning,.cls_Info,.cls_Unknown {
     font-weight: bold;
     padding: 20px 20px 20px 45px;
     width: auto;
     text-align: center 
}
 #preloader_container {
     background-color: #fff;
     display: none;
     opacity: .5;
     filter: alpha(opacity=50);
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 9100 
}
 #preloader {
     background-color: #fff;
     background-image: url(/Images/progress.gif);
     background-position: center 5px;
     background-repeat: no-repeat;
     border: 1px solid #092794;
     color: #444;
     display: none;
     font-weight: bold;
     height: 25px;
     margin-top: -55px;
     margin-left: -75px;
     padding-top: 85px;
     position: fixed;
     top: 50%;
     left: 50%;
     width: 150px;
     text-align: center;
     z-index: 9101 
}
 #SesSavImg {
     display: block;
     height: 0 
}
 #divRejectPopup #popup_popup2 {
     margin-top: -85px 
}
 #divRejectPopup,#divChangeQuantitiePopup {
     font-size: 1.1rem 
}
 #divRejectPopup table,#divChangeQuantitiePopup table {
     width: 100% 
}
 #divRejectPopup table td,#divChangeQuantitiePopup table td {
     padding: 5px 7px 0px 5px;
     width: 100% 
}
 #divRejectPopup table textarea,#divChangeQuantitiePopup table textarea {
     border: 1px solid gray;
     font-size: 1.4rem;
     height: 75px;
     overflow: auto;
     padding: 0px 0px 0px 0px;
     width: 100% 
}
 .uploaded-image-wrapper {
     background-color: var(--default-background-color);
     margin-bottom: 15px;
     padding: 10px 10px 10px 10px;
     width: auto;
     position: relative 
}
 .uploaded-image-wrapper a {
     display: inline-block;
     vertical-align: top 
}
 .uploaded-image-wrapper a img {
     background-color: #fff;
     height: 210px;
     padding: 10px 10px 10px 10px;
     width: 210px 
}
 .imgZoom {
     background-color: var(--links-and-button-color);
     background-image: url(/images/zoom.png);
     background-position: 50%;
     background-repeat: no-repeat;
     height: 50px;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 50px;
     z-index: 20 
}
 .upload-buttons-block {
     margin-bottom: 10px;
     text-align: center 
}
 .upload-buttons-block a {
     clear: both;
     width: auto !important 
}
 #container.front {
     background-color: #fff;
     background-image: none;
     margin: 0 auto 0 auto;
     max-width: 1490px;
     padding: 25px 2% 25px 2%;
     width: 100% 
}
 #container.front h1 {
     font-size: 1.8rem;
     line-height: 2.2rem;
     text-align: left 
}
 #container.front .mainContent {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding-bottom: 0 
}
 #container.front .mainContent ul {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     text-align: left 
}
 #container.front .mainContent ul li {
     background-color: transparent;
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 #container.front .mainContent ul li a {
     background: none;
     color: var(--store-font-color);
     padding: 0 0 0 0;
     width: 100%;
     width: auto 
}
 #container.userList .mainContent .frame {
     padding-right: 0;
     padding-left: 0 
}
 #container.userDetails div[id$="tdUserDivisions"] .tab {
     width: 100% 
}
 #container.userDetails div[id$="tdUserDivisions"] .tab ul {
     margin: 0 0 0 0;
     padding: 0 0 0 0;
     width: 100% 
}
 #container.userDetails div[id$="tdUserDivisions"] .tab #content {
     font-size: 1.3rem;
     line-height: 1.9rem 
}
 #container.userDetails div[id$="tdUserDivisions"] .tab #content .user-details-block {
     width: 100% 
}
 #container.userDetails div[id$="tdUserDivisions"] .tab #content .user-details-block tr:first-of-type td>* {
     display: inline-block;
     vertical-align: top;
     margin-bottom: 10px 
}
 #container {
     background-image: url(../../Images/bgPattern.jpg);
     background-position: left top;
     background-repeat: repeat;
     padding: 45px 2% 45px 2%;
     width: auto 
}
 #container>h1 {
     margin-bottom: 15px;
     text-align: center 
}
 #container ul {
     background-color: var(--store-font-color);
     -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;
     font-size: 0;
     list-style: none;
     text-align: center 
}
    #container ul li {
        background-color: var(--links-and-button-color);
        display: inline-block;
        vertical-align: top;
        font-size: 1.4rem;
        line-height: 4rem
    }
    #container ul li a:not(.see-all):not(.filter-box a) {
        color: #fff;
        padding: 10px 20px 10px 20px;
        width: auto;
        position: relative;
        /*background: var(--links-and-button-color);
        background: -moz-linear-gradient(top, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
        background: -webkit-linear-gradient(top, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
        background: linear-gradient(to bottom, var(--links-and-button-color) 0, var(--links-and-button-hover-color) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#var(--links-and-button-color)', endColorstr='#var(--links-and-button-hover-color)', GradientType=0)*/
        /*background: var(--links-and-button-color);
        background: -moz-linear-gradient(top, #fff 0, #333F48 100%);
        background: -webkit-linear-gradient(top, #fff 0, #333F48 100%);
        background: linear-gradient(to bottom, #fff 0, #333F48 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#333F48', GradientType=0)
*/
		background: var(--links-and-button-color);
    }
 #container ul li a:not(.see-all):not(.filter-box a)::after {
     content: '';
     background-color: rgba(255,255,255,0.45);
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 1px 
}
        #container ul li a:not(.see-all):not(.filter-box a):hover {
            background: none;
            background-color: var(--links-and-button-hover-color)
        }
 #container ul li:last-of-type a::after {
     display: none 
}
 #container ul.tabs {
     background-color: transparent;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     padding: 2% 100px 0 100px;
     width: 100%;
     position: relative;
     text-align: left 
}
 @media only screen and (max-width: 1024px) {
     #container ul.tabs {
         margin:0 auto 0 auto;
         max-width: 95%;
         width: 100%;
         padding-right: 0;
         padding-left: 0 
    }
}
 #container ul.tabs li {
     background-color: transparent;
     border: 1px solid var(--store-font-color);
     margin-left: -1px 
}
 #container ul.tabs li a {
     color: var(--store-font-color);
     display: block;
     font-size: 1.1rem;
     font-weight: 700;
     padding-right: 10px;
     padding-left: 10px;
     text-transform: uppercase 
}
 #container ul.tabs li a:hover,#container ul.tabs li a:focus {
     background-color: #d2d2d2 
}
 #container ul.tabs li.tabs-selected {
     background-color: var(--links-and-button-color) !important 
}
 #container ul.tabs li.tabs-selected a {
     color: #fff !important 
}
 #container ul.tabs::after {
     content: '';
     background-color: var(--header-bar-bg-color);
     height: 1px;
     position: absolute;
     right: 100px;
     bottom: 0;
     left: 100px 
}
 @media only screen and (max-width: 1024px) {
     #container ul.tabs::after {
         right:0;
         left: 0 
    }
}
 #container .mainContent {
     background-color: #fff;
     -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;
     padding-bottom: 1% 
}
 #container .mainContent h1 {
     background-color: var(--store-font-color);
     -webkit-border-radius: 10px 10px 0 0;
     -moz-border-radius: 10px 10px 0 0;
     border-radius: 10px 10px 0 0;
     color: #fff;
     text-align: center 
}
 #container .mainContent .frame {
     max-width: none;
     padding: 2% 100px 2% 100px;
     width: 100% 
}
 #container .mainContent .manage-table {
     border: 2px solid var(--default-background-color);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     margin: 2% auto 2% auto;
     max-width: 650px;
     width: 100%;
     padding: 2% 2% 2% 2%;
     width: auto 
}
 #container .mainContent .manage-table h3 {
     background-color: #f6f6f6;
     margin-right: -10px;
     margin-left: -10px;
     padding: 10px 10px 10px 10px;
     width: auto 
}
 #container .mainContent .manage-table h3:not(:first-of-type) {
     margin-top: 15px 
}
 #container .mainContent .manage-table .item {
     border-bottom: 1px solid var(--default-background-color);
     display: block;
     font-size: 0;
     margin-bottom: 8px;
     padding-bottom: 8px;
     width: 100% 
}
 #container .mainContent .manage-table .item>div {
     display: inline-block;
     vertical-align: top;
     font-size: 1.4rem;
     width: 49% 
}
 #container .mainContent .manage-table .item .label {
     line-height: 30px;
     margin-right: 1% 
}
 #container .mainContent .manage-table .item .entry {
     margin-left: 1% 
}
 #container .mainContent .manage-table .item .entry input,#container .mainContent .manage-table .item .entry select {
     width: 100% 
}
 #container .mainContent .manage-table .item .entry input[type=checkbox],#container .mainContent .manage-table .item .entry input[type=radio] {
     margin-top: 5px;
     text-align: left;
     width: 20px 
}
 #container .mainContent .manage-table .item .entry textarea {
     background-color: var(--default-background-color);
     border: 0;
     width: 100% 
}
 #container .mainContent .manage-table .item .entry a.LinkButton {
     margin-top: 10px 
}
 #container .mainContent .manage-table .item .entry a.LinkButton.right {
     float: right 
}
 #container .mainContent .manage-table .item .entry table:not(.mceLayout) {
     border: none 
}
 #container .mainContent .manage-table .item .entry table:not(.mceLayout) td {
     border: none 
}
 #container .mainContent .manage-table .item .entry table:not(.mceLayout) td input[type=checkbox] {
     margin-top: 0;
     width: 20px 
}
 #container .mainContent .manage-table .item .entry table.mceLayout {
     width: 100% !important 
}
 #container .mainContent .manage-table a.LinkButton {
     display: block;
     margin: 0 auto 0 auto;
     text-align: center;
     width: 130px 
}
 #container .mainContent .manage-table .actions,#container .mainContent .manage-table .upload-buttons-block {
     font-size: 0;
     text-align: center 
}
 #container .mainContent .manage-table .actions a.LinkButton,#container .mainContent .manage-table .upload-buttons-block a.LinkButton {
     display: inline-block;
     vertical-align: top;
     margin-right: 10px;
     margin-left: 10px;
     width: auto 
}
 #container .mainContent .manage-table .upload-buttons-block a {
     font-size: 12px 
}
 #container .mainContent .manage-table .upload-buttons-block #divThumbnailUploadProgress,#container .mainContent .manage-table .upload-buttons-block #divFrontImageUploadProgress,#container .mainContent .manage-table .upload-buttons-block #divBackImageUploadProgress {
     font-size: 16px;
     margin-top: 15px 
}
 #container .mainContent .manage-table.lg {
     max-width: 1240px;
     width: 100% 
}
 #container .mainContent .manage-table.lg .item .label {
     width: 31% !important 
}
 #container .mainContent .manage-table.lg .item .entry {
     width: 67% 
}
 #container .search-block,#container.userList .mainContent .search-block {
     background-color: var(--default-background-color);
     font-size: 0;
     margin-bottom: 15px;
     padding: 10px 10px 10px 10px;
     width: 100% 
}
 #container .search-block h5 {
     font-size: 1.4rem;
     margin-bottom: 10px 
}
 #container .search-block .item {
     display: inline-block;
     vertical-align: top;
     font-size: 1.2rem;
     margin-right: 5px 
}
 #container .search-block .item .label {
     display: block;
     margin-bottom: 3px 
}
 #container .search-block .item .entry {
     display: block 
}
 #container .search-block .item .entry input,#container .search-block .item .entry select {
     background-color: #fff;
     border: 0;
     color: var(--store-font-color);
     height: 30px;
     line-height: 3rem;
     padding: 0 4px 0 4px;
     width: auto 
}
 #container .search-block .item .entry a.btn {
     display: block;
     height: 30px 
}
 #container table[id$="grdProducts"],#container table[id$="grdCategories"],#container table[id$="grdUsers"],#container table[id$="grdLocations"],#container table[id$="grdDivision"],#container table[id$="grdProfileProperty"],#container table[id$="grdOrders"],#container table[id$="grdOrderDetails"] {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     width: 100% 
}
 #container table[id$="grdProducts"] tr:hover td,#container table[id$="grdCategories"] tr:hover td,#container table[id$="grdUsers"] tr:hover td,#container table[id$="grdLocations"] tr:hover td,#container table[id$="grdDivision"] tr:hover td,#container table[id$="grdProfileProperty"] tr:hover td,#container table[id$="grdOrders"] tr:hover td,#container table[id$="grdOrderDetails"] tr:hover td {
     background-color: #f0f0f0 
}
 #container table[id$="grdProducts"] tr th,#container table[id$="grdCategories"] tr th,#container table[id$="grdUsers"] tr th,#container table[id$="grdLocations"] tr th,#container table[id$="grdDivision"] tr th,#container table[id$="grdProfileProperty"] tr th,#container table[id$="grdOrders"] tr th,#container table[id$="grdOrderDetails"] tr th,#container table[id$="grdProducts"] tr td,#container table[id$="grdCategories"] tr td,#container table[id$="grdUsers"] tr td,#container table[id$="grdLocations"] tr td,#container table[id$="grdDivision"] tr td,#container table[id$="grdProfileProperty"] tr td,#container table[id$="grdOrders"] tr td,#container table[id$="grdOrderDetails"] tr td,
#container table[id$="grdAdminConfigSettings"] tr th, #container table[id$="grdFonts"] tr th, #container table[id$="grdPDFColors"] tr th, #container table[id$="grdTaxes"] tr th, #container table[id$="grdAllowedDomains"] tr th, #container table[id$="grdAdminConfigSettings"] tr td, #container table[id$="grdFonts"] tr td, #container table[id$="grdPDFColors"] tr td, #container table[id$="grdTaxes"] tr td, #container table[id$="grdAllowedDomains"] tr td,
#container table[id$="grdEmailDigestSettings"] tr th, #container table[id$="grdActivityLogSettings"] tr th, #container table[id$="grdEmailDigestSettings"] tr td, #container table[id$="grdActivityLogSettings"] tr td {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     padding: 6px 3px 6px 3px;
     width: auto 
}
 #container table[id$="grdProducts"] tr th,#container table[id$="grdCategories"] tr th,#container table[id$="grdUsers"] tr th,#container table[id$="grdLocations"] tr th,#container table[id$="grdDivision"] tr th,#container table[id$="grdProfileProperty"] tr th,#container table[id$="grdOrders"] tr th,#container table[id$="grdOrderDetails"] tr th,
#container table[id$="grdAdminConfigSettings"] tr th, #container table[id$="grdFonts"] tr th, #container table[id$="grdPDFColors"] tr th, #container table[id$="grdTaxes"] tr th, #container table[id$="grdAllowedDomains"] tr th,
#container table[id$="grdEmailDigestSettings"] tr th, #container table[id$="grdActivityLogSettings"] tr th {
     background-color: var(--header-bar-bg-color);
     border-color: var(--default-background-color);
     color: #fff;
     font-weight: 400 
}
 #container table[id$="grdProducts"] tr th a,#container table[id$="grdCategories"] tr th a,#container table[id$="grdUsers"] tr th a,#container table[id$="grdLocations"] tr th a,#container table[id$="grdDivision"] tr th a,#container table[id$="grdProfileProperty"] tr th a,#container table[id$="grdOrders"] tr th a,#container table[id$="grdOrderDetails"] tr th a,body.edit-group div[id$="updGroupElements"] table th a, 
 #container table[id$="grdAdminConfigSettings"] tr th a, #container table[id$="grdFonts"] tr th a, #container table[id$="grdPDFColors"] tr th a, #container table[id$="grdTaxes"] tr th a, #container table[id$="grdAllowedDomains"] tr th a,
 #container table[id$="grdEmailDigestSettings"] tr th a, #container table[id$="grdActivityLogSettings"] tr th a{
     color: #fff;
     font-weight: 700 
}
 #container table[id$="grdProducts"] tr td,#container table[id$="grdCategories"] tr td,#container table[id$="grdUsers"] tr td,#container table[id$="grdLocations"] tr td,#container table[id$="grdDivision"] tr td,#container table[id$="grdProfileProperty"] tr td,#container table[id$="grdOrders"] tr td,#container table[id$="grdOrderDetails"] tr td,
#container table[id$="grdAdminConfigSettings"] tr td, #container table[id$="grdFonts"] tr td, #container table[id$="grdPDFColors"] tr td, #container table[id$="grdTaxes"] tr td, #container table[id$="grdAllowedDomains"] tr td,
#container table[id$="grdEmailDigestSettings"] tr td, #container table[id$="grdActivityLogSettings"] tr td {
     font-size: 1.2rem;
     line-height: 1.6rem 
}
 #container table[id$="grdProducts"] tr td.al_center,#container table[id$="grdCategories"] tr td.al_center,#container table[id$="grdUsers"] tr td.al_center,#container table[id$="grdLocations"] tr td.al_center,#container table[id$="grdDivision"] tr td.al_center,#container table[id$="grdProfileProperty"] tr td.al_center,#container table[id$="grdOrders"] tr td.al_center,#container table[id$="grdOrderDetails"] tr td.al_center,
#container table[id$="grdAdminConfigSettings"] tr td.al_center, #container table[id$="grdFonts"] tr td.al_center, #container table[id$="grdPDFColors"] tr td.al_center, #container table[id$="grdTaxes"] tr td.al_center, #container table[id$="grdAllowedDomains"] tr td.al_center,
#container table[id$="grdEmailDigestSettings"] tr td.al_center, #container table[id$="grdActivityLogSettings"] tr td.al_center {
     text-align: center 
}
 #container table[id$="grdProducts"] tr td p,#container table[id$="grdCategories"] tr td p,#container table[id$="grdUsers"] tr td p,#container table[id$="grdLocations"] tr td p,#container table[id$="grdDivision"] tr td p,#container table[id$="grdProfileProperty"] tr td p,#container table[id$="grdOrders"] tr td p,#container table[id$="grdOrderDetails"] tr td p,
#container table[id$="grdAdminConfigSettings"] tr td p, #container table[id$="grdFonts"] tr td p, #container table[id$="grdPDFColors"] tr td p, #container table[id$="grdTaxes"] tr td p, #container table[id$="grdAllowedDomains"] tr td p,
#container table[id$="grdEmailDigestSettings"] tr td p, #container table[id$="grdActivityLogSettings"] tr td p {
     margin-bottom: 10px 
}
 #container table[id$="grdProducts"] tr td ul,#container table[id$="grdCategories"] tr td ul,#container table[id$="grdUsers"] tr td ul,#container table[id$="grdLocations"] tr td ul,#container table[id$="grdDivision"] tr td ul,#container table[id$="grdProfileProperty"] tr td ul,#container table[id$="grdOrders"] tr td ul,#container table[id$="grdOrderDetails"] tr td ul, 
 #container table[id$="grdAdminConfigSettings"] tr td ul, #container table[id$="grdFonts"] tr td ul, #container table[id$="grdPDFColors"] tr td ul, #container table[id$="grdTaxes"] tr td ul, #container table[id$="grdAllowedDomains"] tr td ul,
 #container table[id$="grdEmailDigestSettings"] tr td ul, #container table[id$="grdActivityLogSettings"] tr td ul{
     background-color: transparent;
     border-radius: 0;
     list-style: disc;
     margin-bottom: 10px;
     margin-left: 25px;
     text-align: left 
}
 #container table[id$="grdProducts"] tr td ul li,#container table[id$="grdCategories"] tr td ul li,#container table[id$="grdUsers"] tr td ul li,#container table[id$="grdLocations"] tr td ul li,#container table[id$="grdDivision"] tr td ul li,#container table[id$="grdProfileProperty"] tr td ul li,#container table[id$="grdOrders"] tr td ul li,#container table[id$="grdOrderDetails"] tr td ul li,
#container table[id$="grdAdminConfigSettings"] tr td ul li, #container table[id$="grdFonts"] tr td ul li, #container table[id$="grdPDFColors"] tr td ul li, #container table[id$="grdTaxes"] tr td ul li, #container table[id$="grdAllowedDomains"] tr td ul li,
#container table[id$="grdEmailDigestSettings"] tr td ul li, #container table[id$="grdActivityLogSettings"] tr td ul li {
     background-color: transparent;
     display: list-item;
     font-size: 1.2rem;
     line-height: 1.6rem;
     margin-bottom: 4px 
}
 #container table[id$="OrdersReport_fixedTable"],#container #InventoryReport div[id$="updReportIR"],#container #UsersReport div[id$="rvViewerUR"] {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     width: 100% 
}
 #container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"] {
     width: 100% 
}
 #container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"]>div {
     padding-top: 5px;
     padding-bottom: 6px 
}
 #container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"]>div>div>table>tbody>tr>td {
     height: 16px;
     vertical-align: top 
}
 #container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"]>div>div>table>tbody>tr>td input[type=text] {
     background-color: #fff;
     height: 16px;
     line-height: 16px 
}
 #container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"]>div>div>table>tbody>tr>td span,#container table[id$="OrdersReport_fixedTable"] div[id$="rvOrdersReport_ctl05"]>div>div>table>tbody>tr>td a {
     line-height: 16px 
}
 #container table[id$="OrdersReport_fixedTable"]>tbody>tr:nth-child(4)>td {
     width: 100% 
}
 #container table[id$="OrdersReport_fixedTable"]>tbody>tr:nth-child(4)>td input[type=image] {
     background-color: transparent;
     border: 0;
     padding: 0 0 0 0;
     width: 100%;
     width: 16px 
}
 #container table[id$="OrdersReport_fixedTable"]>tbody>tr:last-child>td {
     width: 100% 
}
 #container table[id$="OrdersReport_fixedTable"] div[id^="VisibleReportContent"] {
     margin-top: 15px 
}
 #container table.resp.bt tr td {
     border: 0;
     border-bottom: 1px solid var(--default-border-color);
     padding: 0 0 0 0;
     width: 100%;
     width: 100% !important 
}
 #container table.resp.bt tr td::before {
     background-color: #f2f2f2;
     padding: 4px 4px 4px 4px;
     width: 90px;
     text-align: left 
}
 #container table.resp.bt tr td:last-child {
     border-bottom: 10px solid var(--default-border-color) 
}
 #container table.resp.bt tr td span.bt-content {
     padding: 4px 4px 4px 4px;
     width: auto 
}
 #container table.resp.bt tr:hover td {
     background-color: transparent 
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] thead {
         display:none 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] tr {
         display:block;
         position: relative;
         padding: 0 0 0 0;
         width: 100%;
         width: auto 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] tr:hover td {
         background-color:transparent 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] td {
         border:0 !important;
         border-bottom: 1px solid var(--default-border-color) !important;
         display: flex;
         padding: 4px 0 0 0 !important;
         width: 100% !important 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] td::before {
         background-color:#f2f2f2;
         content: attr(data-label);
         display: inline-block;
         vertical-align: top;
         font-weight: 700;
         margin-top: -4px;
         margin-right: 4px;
         padding: 4px 4px 4px 4px;
         width: 90px;
         text-align: left 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] td:last-child {
         border-bottom:10px solid var(--default-border-color) !important 
    }
}
 @media only screen and (max-width: 767px) {
     #container table[id$="grdUsers"] td:last-child::after {
         border-bottom:1px solid var(--default-border-color);
         content: '';
         position: absolute;
         right: 0;
         bottom: 0;
         left: 0 
    }
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] {
     width: 100% 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"] {
     width: 100% 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"]>div {
     padding-top: 5px;
     padding-bottom: 6px 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"]>div>div>table>tbody>tr>td {
     height: 16px;
     vertical-align: top 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"]>div>div>table>tbody>tr>td input[type=text] {
     background-color: #fff;
     height: 16px;
     line-height: 16px 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"]>div>div>table>tbody>tr>td span,#container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] div[id$="rvViewerIR_ctl05"]>div>div>table>tbody>tr>td a {
     line-height: 16px 
}
 #container #InventoryReport div[id$="updReportIR"] table[id$="fixedTable"] input[type=image] {
     background-color: transparent;
     border: 0;
     padding: 0 0 0 0;
     width: 100%;
     width: 16px 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] {
     width: 100% 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"] {
     width: 100% 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"]>div {
     padding-top: 5px;
     padding-bottom: 6px 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"]>div>div>table>tbody>tr>td {
     height: 16px;
     vertical-align: top 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"]>div>div>table>tbody>tr>td input[type=text] {
     background-color: #fff;
     height: 16px;
     line-height: 16px 
}
 #container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"]>div>div>table>tbody>tr>td span,#container #UsersReport div[id$="rvViewerUR"] table[id$="fixedTable"] div[id$="rvViewerUR_ctl05"]>div>div>table>tbody>tr>td a {
     line-height: 16px 
}
 #container .admin-panel {
     background-color: #fff;
     border-bottom: 2px solid var(--header-bar-bg-color);
     padding: 2% 100px 2% 100px;
     width: 100%;
     position: relative 
}
 @media only screen and (max-width: 1024px) {
     #container .admin-panel {
         margin:0 auto 0 auto;
         max-width: 95%;
         width: 100%;
         padding-right: 0;
         padding-left: 0 
    }
}
 #container .admin-panel a.LinkButton {
     position: absolute;
     top: 0;
     right: 100px 
}
 @media only screen and (max-width: 1024px) {
     #container .admin-panel a.LinkButton {
         right:0 
    }
}
 #container .admin-panel .top-actions {
     position: absolute;
     top: 0;
     right: 0 
}
 #container .admin-panel .top-actions a.LinkButton {
     float: right;
     margin-left: 4px;
     position: static 
}
 #container .admin-panel.tabs-hide {
     display: none 
}
 #container .admin-panel .inventoryReportTable table {
     border: 0 
}
 #container .admin-panel .inventoryReportTable table td {
     border: 0;
     padding: 0 0 0 0;
     width: 100% 
}
 #container .admin-panel .inventoryReportTable table td #VisibleReportContentctl00_ContentPlaceHolder1_rvViewer_ctl09>div>table {
     width: 100% 
}
 #container .admin-panel .inventoryReportTable table td #VisibleReportContentctl00_ContentPlaceHolder1_rvViewer_ctl09>div>table table {
     width: 100% !important 
}
 #container.order-details .mainContent,#container.orderList-details .mainContent,#container.userList .mainContent,#container.uploadFont .mainContent {
     padding-bottom: 2% 
}
 #container.orderList-details #orderDetails-table {
     margin-top: 35px 
}
 #container.uploadFont .mainContent {
     position: relative 
}
 #container.uploadFont .mainContent a.LinkButton {
     position: absolute;
     top: 41px;
     right: 0 
}
 #container.uploadFont .mainContent #ctl00_ContentPlaceHolder1_ctl00 {
     padding: 2% 100px 2% 100px;
     width: 100% 
}
 #container.uploadFont .mainContent #ctl00_ContentPlaceHolder1_ctl00 table {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     width: 100% 
}
 #container.uploadFont .mainContent #ctl00_ContentPlaceHolder1_ctl00 table th,#container.uploadFont .mainContent #ctl00_ContentPlaceHolder1_ctl00 table td {
     border: 1px solid var(--default-background-color);
     border-collapse: collapse;
     padding: 6px 3px 6px 3px;
     width: auto 
}
 #container.uploadFont .mainContent #ctl00_ContentPlaceHolder1_ctl00 table table {
     float: right;
     width: auto 
}
 body.checkout #divMainContent .mainContent div[id$="divMain"] .cartArea2 .block {
     padding-bottom: 40px;
}
.category-home-banner {
    width: 100%;
    margin: 0px auto 0px auto;
}
#ctl00_ContentPlaceHolder1_divConfirmationButtons{margin-top: 30px !important;margin-bottom: 30px !important;}
#ctl00_ContentPlaceHolder1_divConfirmationButtons a.LinkButton {
	position: relative !important;
	top: unset !important;
    right: unset !important;
}
#ctl00_ContentPlaceHolder1_grdOrderDetails a.LinkButton {
	position: relative !important;
	top: 10px !important;
    right: -20px !important;
}