/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.errorBox { background: #ffb3b5; }
.stockWarning {  color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { color: #0000E6; text-decoration: none; }
.orderStyleLink { color: #0000E6; text-decoration: none; }
BODY {
  background: #FFF; /* Background Color of Main Body  */
  color: #000;        /* Text Color Of Body */
  margin: 0px;
} 
A { color: #000;text-decoration: none; }
A:hover { color: #070b12; text-decoration: underline;}
FORM {  display: inline; }
TR.header { background: #fff;   /*Header Bacground Color */ }
TR.headerNavigation { background: #000; }
TD.headerNavigation {
  background: #000;  /*Header Navigation Bacground Color */
  color: #FFF;
  vertical-align:middle;
}
TD.barShadowBottom{
  height:14px;
  background: #F9F9F9; 
  padding: 0;
  margin: 0;
}
A.headerNavigation { 
  color: #FFF; 
}
A.headerNavigation:hover {
  color: #FFF;
}
TD.bodyBreadCrumb {
  color: #000 !important;
  padding: 0 5px;
  letter-spacing: 0.5px !important;
}
TD.bodyBreadCrumb i {padding: 5px;}
A.bodyBreadCrumb {
  color: #000 !important;
  padding: 0;
  letter-spacing: 0.5px !important;
}
TR.headerError {
  background: #ff0000;
}
TD.headerError {
  background: #ff0000;
  color: #FFF;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  background: #00ff00;
  color: #FFF;
  text-align: center;
}
TR.footer {
  background: #000;
}
TD.footer {
  height: 32px;
  color: #FFF;
}
.infoBox {
  background-color: #000;
}
.infoBoxNoBackGround {
  background: none !important;
}
.infoBoxContents {
  background-color: #FFF;
}
.infoBoxNotice {
  background-color: #FF8E90;
}
.infoBoxNoticeContents {
  background-color: #FFE6E6;
}
TD.infoBoxHeading {
  background-color: #000; 
  color: #FFF;
  vertical-align:middle;
}
TD.AlsoCustomerPurchasedInfoBoxHeading{
  border-top: 2px solid #222;
  background: none; 
  color: #000;
  padding: 10px 10px 0 20px;
}
TD.borderColumnRight {
   padding:10px;
   border-right:1px solid #000; 
}
TD.infoBoxHeadingMiddle {
  background-color: #000; 
  color: #FFF;
}
TD.infoBoxHeadingMiddle2 {
  color: #000;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background-color: #ffffff;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background-color: #f8f8f9;
}
TABLE.productListing {
  border: 1px solid #000;
  border-spacing: 1px;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
TABLE.productListing2 {
  border: 1px solid #000;
  background-color: #2a2a2a;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  overflow: hidden;
}
TABLE.productListing2 tr:first-child td:last-child {
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
TABLE.productNew {
  border: 1px;
  border-style: solid;
  border-color: #000;
  background-color: #2a2a2a;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.productListing-heading {
  background-color: #000;
  color: #FFF;
  padding:7px;
}
.RoundedCorners {
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
  border-radius: 10px !important;
  padding: 10px;
}
.RoundedTopCorners{
  border: 1px solid #000;
  background-color: #FFF;
  -moz-border-top-left-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 3px;
}
.TextBoxRoundedTopCorners{
  border: 1px solid #000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6x;
  height:23px;
  border-radius:6px;
}
DIV.categoryBreaker:hover {
  background-color: #000;
  color: #fff;
  border: 1px ridge #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 5px;
}
.categoryBreakerSelected {
  background-color: #000;
  color: #fff;
  border: 1px ridge #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 5px;
}
DIV.categoryBreaker {
  color: #000;
  padding: 3px 5px;
  width: 100%;
}
Div.FreeShipping {
  text-shadow: 1px 1px 1px #141416;
  text-align: center;
  float: right;
  position: relative;
  margin-top: 18px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width:auto;
  height: auto;
  background-color: #000;
  color: #fff;
  padding:8px;
}
A.pageResults {
  color: #000;
}
A.pageResults:hover {
  color: #000;
  background-color: #fff;
}
TD.pageHeading h1 {padding: 0; margin:20px 0;}
table.pageHeading {padding-top:13px;}
TD.pageHeading, DIV.pageHeading, TD.pageHeading h1 {
  color: #000;
}
DIV.pageHeading > h1 {
  color: #000;
}
Div.pageHeadingSpace {
  padding-bottom: 5px;
}
TD.pageHeadingSpace div {
  padding: 15px 20px;
}
TR.subBar {
  background: #f4f7fd;
}
TD.subBar {
  color: #000;
}
TD.main, P.main {
  line-height: 1.5;
}
TD.accountCategory {
  color: #aabbdd;
}
SPAN.newItemInCart {
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
  color:#000;
}
.checkbox label { color:#000 !important;; }
TEXTAREA {
  width: 100%;
}
SPAN.greetUser {
  color: #f0a480;
}
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}
SPAN.markProductOutOfStock {
  color: #c76170;
}
SPAN.productSpecialPrice {
  padding: 0 10px;
  display: inline-block;
  color: #ff0000;
}
SPAN.errorText {
  color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowOverPointer { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo {  color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }
TD.messageStackError, TD.messageStackWarning { background: none !important; border: none; color:#ff0000; }
TD.messageStackSuccess { background: none !important; border: none; color:#008000; }
TD.messageStackError img, TD.messageStackWarning img, TD.messageStackSuccess img {
  width: auto; height: auto;  max-height: 18px; max-width : 18px; padding: 8px; float: left;
}
TD.messageStackError div, TD.messageStackWarning div, TD.messageStackSuccess div {
   margin-top: -8px;
}
/* input requirement */
.inputRequirement { color: #ff0000; }
.hidePrices { display:None; }
A.TopInfo { 
  color: #FFFFFF; 
}
A.TopInfo:hover {
  color: #ffffff;
}
SPAN.b2b_customeremail{text-decoration:underline;}
SPAN.b2b_customercontactus{text-decoration:underline;}
TD.mainorderhistoryheader a, TD.mainorderhistoryheaderfirst a, TD.mainorderhistoryheaderlast a {
  color: #FFF;
}
TD.mainorderhistory {
  border-bottom: none !important;
  border-right:1px solid #2a2a2a;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistoryheader {
  line-height: 1.5;
  border-right:1px solid #2a2a2a;
  border-top:1px solid #2a2a2a;
  border-bottom:1px solid #2a2a2a;
  background-color:#000;
  color: #FFF;
}
TD.mainorderhistoryheaderfirst {
  line-height: 1.5;
  border-top:1px solid #2a2a2a;
  border-right:1px solid #2a2a2a;
  border-bottom:1px solid #2a2a2a;
  background-color:#000;
  color: #FFF;
  padding:5px 3px;
}
TD.mainorderhistoryheaderlast {
  line-height: 1.5;
  border-bottom:1px solid #2a2a2a;
  border-top:1px solid #2a2a2a;
  background-color:#000;
  color: #FFF;
}
TD.mainorderhistoryfirst {
  line-height: 1.5;
  border-right:1px solid #2a2a2a;
  padding:5px 3px;
}
TD.mainorderhistorylast {
  line-height: 1.5;
  border:none;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistorytotalrow {
  border-top: 1px solid #2a2a2a;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistoryonerow {
  border-bottom:1px solid #2a2a2a;
  border-right:1px solid #2a2a2a;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistoryonerowfirst {
  border-bottom: 1px solid #2a2a2a;
  border-right: 1px solid #2a2a2a;
  border-left: none;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistoryonerowlast {
  border-bottom: 1px solid #2a2a2a;
  border-right: none;
  padding-left: 5px; padding-right: 5px;
}
TD.mainorderhistoryonerowlastnototal {
  border-bottom: 1px solid #2a2a2a;
  border-right: 1px solid #2a2a2a;
}
TD.headeraddress {
  color:#484848;
}
A.headeraddress:hover{
  color:#484848;
}
A.headeraddress{
  color:#484848;
}
A.footerlinks {
  color: #FFF;
  text-decoration: none;
}
A.footerlinks:hover {
 color: #FFF;
 text-decoration: underline;
}
TD.utrDisplayHeader{
  border-top:1px solid #2a2a2a;
  border-bottom:1px solid #2a2a2a;
  border-right:1px solid #2a2a2a;
  padding:3px;
  background-color:#000;
  color:#FFF;
}
TD.utrDisplayHeader1stCols{
  border:1px solid #2a2a2a;
  padding:3px;
  background-color:#000;
  color:#FFF;
}
TD.utrDisplayData{
  border-right:1px solid #2a2a2a;
  padding:3px;
}
TD.utrDisplayData1stCols{
  border-left:1px solid #2a2a2a;
  border-right:1px solid #2a2a2a;
  padding:3px;
}
TD.utrDisplayDataBRBG{
  background-color: #CCFFFF;
  border-right:1px solid #2a2a2a;
  padding:3px;
}
TD.utrDisplayTotalLine{
  border-top:1px solid #2a2a2a;
  padding:3px;
}
TD.utrDisplayTotalLine2{
  padding:3px;
}
/* menu categories */
#vertmenu {
width: auto;
padding: 0px;
margin: 0px;
}
#vertmenu h1 {
display: block;
background-color:#FF9900;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0;
padding: 0;
}
#vertmenu ul li.SubCatMenu {
padding-left: 20px;
}
#vertmenu ul li a {
display: block;
padding: 5px 5px 5px 14px;
text-decoration: none;
color: #444444;
width: auto;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus {
 color: #fff;
 background-color: #868686;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 border-radius: 8px;
 box-shadow: 0 0 2px 0 #686868;
}
TD.prInfo{
  border: none;
  padding: 0 20px 0 20px;
}
.ProductListingInfoT{
 border: none;
 padding: 0;
}
TD.MainTableSpacing{
  padding: 0 15px 0 15px;
  margin: 0;
}
Table.MainTableSpacing{
  padding: 0 15px 0 15px;
  margin: 0;
  background-color: #FFF;
}
.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 16px;
    height: 16px;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;
    background: #000;
    color: #fff;
    text-align: center;
}
.numberCircle2 {
    width: 16px;
    height: 16px;
    padding-top: 0;
    padding-left: 4px;
    padding-bottom: 5px;
    color: #000;
    text-align: right;
}
 .NoSearchResult {
  border: 1px;
  border-style: solid;
  border-color: #868686;
  border-spacing: 1px;
  -moz-border-radius: 8px;
  -webkit-borde-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  margin-top: 30px;
  padding:20px;
  display:none;
  }
 #P-Items-Listing-Img-Main-Class {
   margin: 0 20px;
   padding: 10px 0;
 }
 #P-Items-Listing-Img-Class {
   margin: 35px 0;
 }
 .P-Items-Listing-Class {
   background-color: #FFF;
   color: #000;
   overflow: hidden;
   position: relative;
   border: 1px #e6e6e6 solid;
 }
 .P-Items-Listing-Class-AvailableOnInfo {
   padding-top: 30px;
   padding-bottom: 30px;
   text-align: center;
 }
 .P-Items-Listing-Class-AvailableOnInfo-Border-Top {
    margin-top: 32px;
    border-top: 3px solid #222;
 }
 .P-Items-Listing-Class-Img-Background {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   height:100%;
   width:100%;
   border-bottom: 6px solid #fff;
   overflow:hidden;
 }
 .P-Items-Listing-Class-Img-Background-Contain {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   background-origin: padding-box;
   height:100%;
   width:100%;
   border-bottom: 6px solid #fff;
   overflow:hidden;
 }
 
 .bannerribbon {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  background: transparent;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.mainbannerribbon_focuspage {
  width: 100%;
  height: 100%;
  padding-top: 2px;
  margin: 0 15px;
  background: transparent;
  text-align: center;
  overflow: hidden;
}

.bannerribbon_focuspage { 
  width: auto;
  height: auto;
  position: relative;
  display: inline-block;
  margin: 0;
  background: transparent;
  overflow: hidden;
  text-align: center;
}

.bannerribbon-stockup {
  /* adjust the below to control the shape */
  --d:5px; 
  --w:100px;
  --bgc:#333;
  --txtc:#fff;
  /**/
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
  color: var(--txtc);
  text-align: center;
  width: var(--w);
  transform-origin: bottom left;
  padding:2px 0 calc(var(--d)); 
  background:var(--bgc);
  clip-path:polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)))
}

.bannerribbon-stockup_focuspage {
  /* adjust the below to control the shape */
  --d:5px; 
  --w:100px;
  --bgc:#333;
  --txtc:#fff;
  /**/
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(29.29%, -100%) rotate(45deg); /* 29.29% = 100%*(1 - cos(45deg)) */
  color: var(--txtc);
  text-align: center;
  width: var(--w);
  transform-origin: bottom left;
  padding:5px 0 calc(var(--d) + 5px);
  background:var(--bgc);
  clip-path:polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)))
}

.bannerribbon-stockup.left {
  left:0;
  right:auto;
  transform: translate(-29.29%, -100%) rotate(-45deg);
  transform-origin: bottom right;
}

.bannerribbon-stockup_focuspage.left {
  left:0;
  right:auto;
  transform: translate(-29.29%, -100%) rotate(-45deg);
  transform-origin: bottom right;
}
 
 TD.BuyNow {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #666666;
  text-align: center;
  margin: 0 auto;
 }
 TABLE.GalleryItemsInfo { border:0;height:100%;width:100%; }
 TD.ItemsListingInfo h3 {
   padding-top: 8px;
 }
 TD.ItemsListingInfo {
   padding: 0 !important;
   word-break:break-word;
 }
 TD.ItemsListingInfo, TD.ItemsListingInfo h3 {
   color: #000;
   vertical-align: top;
   margin: 0;
   word-break:break-word;
 }
 TD.ItemsListingInfoFLdName {
   color: #2C4261;
   padding-right: 5px;
   vertical-align: top;
   word-break:break-word;
  }
 .P-Items-Listing-Class span img {
   width: 100%;
   max-width: 100%;
   display: block;
   text-align: center;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
  }
 .P-Items-Listing-Info-Class {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #FFF;
    box-shadow: 0 1px 3px 0 #686868;
    text-shadow: none;
    height: 100%;
    width:100%;
  }
  .P-Items-Listing-Class a:hover {
    text-decoration: none;
 }
  .P-Items-Listing-Info-Class h2 {
  word-wrap: break-word;
  padding: 1px;
  margin: 1px;
  color: #000;
  }
  .P-Items-Listing-Info-Class table {
  padding: 1px;
  margin: -5px 1px -5px 1px;
  color: #000;
  width: auto;
  }
 .P-Items-Listing-Info-Class table tr td:nth-child(2) {
  word-wrap: break-word;
  word-break: normal;
  height: auto;
 }
  .P-Items-Listing-Info-Class h2 span {
   color: #2C4261;
  }
  .P-Items-Listing-Info-Class table tr td {
   vertical-align: top;
  }
   .P-Items-Listing-Info-Class table tr td:first-child {
   color: #2C4261;
  }
  .P-Items-Listing-Info-Class a {
  color: #000;
  }
  .P-Category-Listing-Info-Class, .P-Category-Listing-Info-Class h3 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000;
    text-align:center;
    line-height: 20px;
  }
  .P-Category-Listing-Info-Class-Sub-Title {
    padding: 0 10px 10px 10px;
    color: #000;
    text-align: justify;
    text-align-last: center;
  }
 .P-Items-Listing-Info-Class-BuyNow {
   width: 100%;
   margin-top:3px;
   text-align: center;
 }
 .P-animation_image {
   display:none;
   text-align:center;
   margin: 80px auto 80px auto;
   padding: 10px;
 }
 .P-Load-More-Items {
   width: 250px;
   background-color: #FFF;
   box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.33);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   color: #000;
   padding:10px;
   margin: 80px auto 80px auto;
   cursor: pointer;
   display:none;
   text-align:center;
   }
 #FeaturedCategories,#FeaturedCategories h1 {
   text-align:  left; 
   color: #000;
   padding-bottom: 10px;
   margin: 0;
   text-align: center;
 }

.PurchaseContractListDPL tr td.mainorderhistoryheaderfirst,
.PurchaseContractListDPL tr td.mainorderhistoryheaderlast,
.PurchaseContractListDPL tr td.mainorderhistoryheader {
  text-align:center !important;
}

.PurchaseContractListDPL tr td.trans-mainorderhistoryheaderfirst,
.PurchaseContractListDPL tr td.trans-mainorderhistoryheaderlast,
.PurchaseContractListDPL tr td.trans-mainorderhistoryheader {
  padding-top:0;
  background-color:#F0F0F0;
  color:#222;
  font-weight:600;
}

.PurchaseContractListDPL tr td.mainorderhistory {
  text-align: right;
}

.PurchaseContractListDPL tr td.mainorderhistoryfirst,
.PurchaseContractListDPL tr td.mainorderhistory:nth-child(1),
.PurchaseContractListDPL tr td.mainorderhistory:nth-child(2),
.PurchaseContractListDPL tr td.mainorderhistory:nth-child(3),
.PurchaseContractListDPL tr td.mainorderhistory:nth-child(4){
  text-align: center;
}

.PurchaseContractListDPL tr td.mainorderhistorylast{
  text-align: left !important;
  width:30%;
}

.PurchaseContractListDPL {
  border-bottom: 1px solid #000 !important; 
}

/*******************************************************/
/************ New Style Header *************************/
/*******************************************************/

Table.MainTable {
      width: 90%;
      margin-top: -1px;
      margin: 0 auto;
    }
    
    #MainLogoTopHeader {overflow:hidden;}
    
    Div.MainHeader {
      width: 100%;
      margin: 0 0 10px 0;
      padding: 0;
      border-bottom: 2px solid /*START Header Border Line Color*/ #000000; /*END Header Border Line Color*/
    }
    
    Div.ImageLogo {
      align: left;
      margin: 8px;
      vertical-align: middle;
    }
    
    .ImageLogoMainTable {
      width: 100%;
      /*LogoMTR*/ padding-top: 0px; /*LogoMTL*/
      /*LogoMBR*/ padding-bottom: 0px; /*LogoMBL*/
    }
    
    Img.ImageLogo {
      padding: 5px 0;
      /*LogoWR*/ max-width: 220px; /*LogoWL*/
      /*LogoHR*/ max-height: 120px; /*LogoHL*/
    }
    
    .ImageLogoMainTable{margin: -10px 0}
    
    /********************** start menu *************************/
   
    .HeaderTopMenu {
      width: 100%;
      horizontal-align:right;
     
      background-color: /*START Header Bar BG Color*/ #000000; /*END Header Bar BG Color*/ 
      text-align: right;
      margin: 0 auto; 
    }
    
    .HeaderTopMenu ul {
      height: 35px;
      text-align: left;
      display: inline;
      margin-right: 4.5em;
      margin-top: -3px;
      list-style: none;
      width: 90%;
    }
    
    .HeaderTopMenu ul li * {
      color:#fff;
    }
    
    .HeaderTopMenu ul li a {
      padding-left:  25px;
      padding-right:  25px;
      padding-top:  9px;
      display: block;
      height: 17px;
    }
    
    .HeaderTopMenu ul li ul li a {
      display: block;
    }
    
    .HeaderTopMenu ul li:hover, .HeaderTopMenu ul li a:hover {
      text-decoration: none;
      background-color: /*START Header Menu MouseOver Color*/ #262626; /*END Header Menu MouseOver Color*/
    }

    .HeaderTopMenu ul li {
      display: inline-block;
      margin: 0;
      position: relative;
      height: 37px;
      cursor: pointer;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
    }

    .HeaderTopMenu ul li ul {
      padding: 0;
      position: absolute;
      top: 41px;
      left: 2px;
      width: 200px;
      display: none;
      opacity: 0;
      visibility: hidden;
      -webkit-transiton: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      -transition: opacity 0.2s;
       z-index: 1000;
    }
    
    .HeaderTopMenu ul li ul li { 
      background-color: /*START Header Sub-Menu BG Color*/ #000000; /*END Header Sub-Menu BG Color*/ 
      display: block; 
      color: #fff;
      margin-top: -1px;
      margin-left: -2px;
      height: 37px;
    }
    
    .HeaderTopMenu ul li ul li:last-child {       
      -webkit-border-bottom-left-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -khtml-border-bottom-left-radius: 6px;
      -khtml-border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      overflow: hidden;
    }
   
    .HeaderTopMenu ul li ul li:hover {background-color: /*START Header Sub-Menu MouseOver Color*/ #262626; /*END Header Sub-Menu MouseOver Color*/}
    
    .HeaderTopMenu ul li:hover ul {
      display: block;
      opacity: 1;
      visibility: visible;
    }
    
    .HeaderTopSubMenu ul {
      list-style-type: none;
      margin-right: 2px;
      margin-bottom: 3px;
      margin-top: -5px;
      padding: 0;
    }
    
    .HeaderTopSubMenu ul li {
      display: inline;
      padding: 2px;
      color: #000;
    }
    
    .HeaderTopSubMenu ul li a {
      color: #000;
    }
    
    /**************** end menu ***************/
    
     .FooterBar {
      width: 100%;
      height: 35px;
      background-color: /*START Footer BG Color*/ #000000; /*END Footer BG Color*/;
      color: #fff;
      margin-bottom: -20px;
      padding-bottom: 2px;
  }
  
   .FooterBarInner {
      width: 90%;
      height: 100%;
      margin: 0 auto;
  }
  
  .FooterBar a {
    color: #fff;
  }
  
  .FooterDate{
    float: left;
    margin-top: 10px ;
    margin-bottom: 10px;
  }

.ui-jq-button, .ui-jq-submitbutton,
.ButtonRoundedTopCorners, .ui-state-active, .ui-widget-overlay, .ui-state-highlight { background: #2a2a2a !important; }
.ui-jq-button, .ui-jq-submitbutton,
.ButtonRoundedTopCorners, .ui-state-active span.ui-button-text { color: #fff; }
.ui-jq-button:hover, .ui-jq-submitbutton:hover,
.ButtonRoundedTopCorners:hover { background: #3B3B3B; color: #fff; border: 1px solid #ccc;  }

.ui-jq-disable-button, .ui-state-active, .ui-widget-overlay, .ui-state-highlight { background: #686868; }
.ui-jq-disable-button, .ui-state-active span.ui-button-text { color: #fff; }
.ui-jq-disable-button:hover { background: #686868; color: #fff; border: 1px solid #ccc; }

.ui-jq-noicobutton, .ui-state-active, .ui-widget-overlay, .ui-state-highlight { background: #2a2a2a;}
.ui-jq-noicobutton, .ui-state-active span.ui-button-text { color: #fff; }
.ui-jq-noicobutton:hover {background: #3B3B3B; color: #fff;border: 1px solid #ccc; }

.ui-jq-noicobutton-alignment {padding: 0 !important;}

.CheckoutTop, .CheckoutBottom, .Checkout, .ChangeAddress, .CancelSaveCard, .SaveCard, .AddCard, .AccountViewLinkDetails, .AddAddress,
.GenerateLineSheet, .SearchTransAccount, .PDFButton, .ItemsBuyNow, .PayButton,
.ContinueShopping, .ui-state-active, .ui-widget-overlay, .ui-state-highlight { background: #2a2a2a !important; }
.CheckoutTop, .CheckoutBottom, .Checkout, .CancelSaveCard, .SaveCard, .AddCard, .AccountViewLinkDetails, .AddAddress, .GenerateLineSheet,
.SearchTransAccount, .PDFButton, .ItemsBuyNow, .PayButton,
.ContinueShopping, .ChangeAddress, .ui-state-active span.ui-button-text { color: #fff; }
.CheckoutTop:hover,.CheckoutBottom:hover, .CheckoutTop:hover, .Checkout:hover, .CancelSaveCard:hover, .SaveCard:hover,
.AddCard:hover, .AccountViewLinkDetails:hover,.AddAddress:hover,.GenerateLineSheet:hover, .SearchTransAccount:hover,
.PDFButton:hover, .ItemsBuyNow:hover, .PayButton:hover
{ background: #3B3B3B; color: #fff; border: 1px solid #ccc; }

.PayButtonG, .ui-state-active, .ui-widget-overlay, .ui-state-highlight { background: #008000 !important; padding: 0 !important; }
.PayButtonG, .ui-state-active, .ui-widget-overlay, .ui-state-highlight span.ui-button-text { color: #fff !important; }
.PayButtonG:hover { background: #006400 !important; color: #fff !important; }

 /* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" icon-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0; 
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.4em;
    margin-left: 7px;
    
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

.ParentCategories {
  padding: 24px 0;
}

.ParentCategories h2 {
  text-align: left;
  color: #000;
}

.AccesKeyMain {
  color: #000;
}

.P-Info-Img-Colors-Listing-Class {
   background-color: #fff;
   overflow: hidden;
   height:inherit;
   width:inherit;
   border: 1px solid #e6e6e6;
   margin: 0 auto;
   padding-bottom: 5px;
 }
 
 .P-Info-Img-Colors-Listing-Class-G {
   background-size: contain;
   background-origin: border-box;
   background-position: center center;
   background-repeat: no-repeat;
   margin: 0 auto;
   text-align: center;
   height:90%;
   width:90%;
   overflow: hidden;
 }
 
 .P-Info-Img-Colors-Listing-Class-T {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   background-repeat: no-repeat;
   margin: 0 auto;
   text-align: center;
   height:90%;
   width:90%;
   overflow: hidden;
 }
 
 #P-Info-Items-Colors-Listing-Class {
   margin: 20px;
   display: block;
   padding-bottom: 12px;
 }
 
.P-Info-Items-Colors-Name-Listing-Class {
   color: #000;
   text-align: left;
   vertical-align:  middle;
   background-color: #fff;
   width: 90%;
   padding-top: 5px;
   padding-bottom: 4px;
   margin: 0 auto;
   /*SColorTitleBackgroundNew*/ opacity: 1;/*EColorTitleBackgroundNew*/ 
   /*SColorTitleBackgroundOld*/ filter: Alpha(opacity=100);/*EColorTitleBackgroundOld*/
 }
  
.ItemsSearchButtonActive {
  background-color: #2a2a2a;
  cursor: pointer !important;
}

.ItemsSearchButtonInActive {
  background-color: #686868;
  border: 1px solid #686868;
  cursor: default !important;
}

.ItemsSearchButtonInActive:hover {
  background-color: #686868;
}

#P-Featured-Main-Class {
     width: 95%;
     margin: 40px 0;
   }
   
   #P-Featured-Main-Class a {
     text-decoration: none;
   }

   .P-Featured-1 {
     background-color: #FFF;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     color: #000;
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
   }
   
   .P-Featured-1 title {
    display: none;
   }
   
   .P-Featured-1-Title {
     padding: 14px;
     background-color: #FFF;
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11);
     color: #000;
     text-align: center;
     text-decoration: none;
   }
   
   .P-Featured-1-Body {
     height: auto;
     padding: 15px;
     color: #fff;
     color: #000;
     text-align: justify;
     text-decoration: none;
   }
   
   .P-Featured-1-Img {
     width: 100%;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     background-size: cover;
   }

   .P-Featured-1 ul {
      width: 100%;
      margin: 0;
      padding: 0;
      height: inherit;
      list-style-type: none;
      background-color: #F9FFFF;
   }
   
   span.prepackconfigstyle{text-decoration: underline;}
   .LoginFieldWidth{width: 270px;}
   
   .GarmentTableForm {
     background-color: #fff;
     border-collapse: collapse;
     margin: 0 auto;
   }
   
   .GarmentTableForm, .GarmentTableForm td, .GarmentTableForm th {
     border:1px solid #000;
     padding:3px;
     text-align:center;
   }
   
   .GarmentTableForm tr th:first-child, .GarmentTableForm tr td:first-child {
     text-align: left;
   }
   
   .GarmentTableForm tr th {
     background-color: #FFF;
   }
   
   .GarmentTableForm tr td {
     min-width: 30px;
   }
   
   .GarmentTableForm tr td:first-child {
     background-color:#FFF;
   }
   
   .GarmentTableForm tr td:last-child {
     background-color:#FFF;
   }
   
   .GarmentTableForm tr:last-child td:last-child {
     background-color:#000;
     color:#fff;
   }
   
   .GarmentTableForm tr:last-child td {
     background-color:#fff;
   }
         
   .AdditionalImages {
    float:right;
    padding: 4px;
   }
   
   .AdditionalImages a > img {
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
     border-radius: 3px;
    }
   
  .SCartItemsInfo td {vertical-align: top; }
  
  .HomeCategoriesInfo{margin-top: 15px; margin-bottom: 15px; text-align: justify; }
  
  .PrivacyTermsP{text-align: justify; }
  .PrivacyTermsSpan1{padding-top:10px; padding-bottom:10px; text-align: left;  }
  .PrivacyTermsSpan2{padding-top:10px; padding-bottom:10px; text-align: left;  } 

 .P-Category-Listing-Class { border: 1px solid #e6e6e6; background-color: #FFF; color: #000; overflow: hidden; position: relative; }
 .P-Category-Listing-Class-Table-T { background-size: cover; background-repeat: no-repeat; background-position: center center; height:100%; width:100%;}
 .P-Category-Listing-Class-Table-G { border: 5px solid #fff; background-size: contain; background-repeat: no-repeat; background-position: center center; height:100%; width:100%;}
 .P-Category-Listing-HW {height:100%; width:100%; padding: 7px 7px 0 7px}
 .P-Category-Listing-HW td {  border:8px solid #fff; }
 .P-Category-Listing-NO-Caption {height:7px;}
 
 

/* CSS needed for tooltip */
#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:1px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #000;	/* Border width */
	left:18px;	/* Same as border thickness */
	top: -6px;
	position:absolute;
	width:235px;	/* Width of tooltip content */
	height:auto;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
  -moz-border-bottom-left-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.zoom {
    display:inline-block;
    position: relative;
    overflow:hidden;
    margin: 20px;
}

/* magnifying glass icon */
.zoom:after {
    content:'';
    display:block; 
    width:33px; 
    height:33px; 
    position:absolute; 
    top:0;
    right:0;
}

.zoom img {
    display: block;
    overflow:hidden;
}

.zoom img:selection {
    background-color: transparent;
}

.zoom-g{border: none;}


/************************** start tree menu **************/

.tree {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
}
.tree li {
  white-space: nowrap;
  color: #fff;
}

.tree li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tree li ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.tree-node {
  white-space: nowrap;
  margin-top: 2px;
  margin-bottom: -1px;
  margin-right: 3px;
  padding-right: 3px;
  padding-top: -5px;
  padding-bottom: -5px;
  overflow: hidden;
}
.tree-hit {
  cursor: pointer;
  color:#fff;
}
.tree-expanded,
.tree-collapsed{
  display: inline-block;
  width: 18px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 2px;
}

.tree-folder,
.tree-file,
.tree-checkbox,
.tree-indent {
  display: inline-block;
  width: 18px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden;
  margin-top: 2px;
  margin-left:-3px;
}
.tree-expanded {
  background: url('/css/images/tree_icons.png') no-repeat -18px 0px;
}
.tree-expanded-hover {
  background: url('/css/images/tree_icons.png') no-repeat -50px 0px;
}
.tree-collapsed {
  background: url('/css/images/tree_icons.png') no-repeat 0px 0px;
}
.tree-collapsed-hover {
  background: url('/css/images/tree_icons.png') no-repeat -32px 0px;
}
.tree-lines .tree-expanded,
.tree-lines .tree-root-first .tree-expanded {
  background: url('/css/images/tree_icons.png') no-repeat -144px 0;
}
.tree-lines .tree-collapsed,
.tree-lines .tree-root-first .tree-collapsed {
  background: url('/css/images/tree_icons.png') no-repeat -128px 0;
}
.tree-lines .tree-node-last .tree-expanded,
.tree-lines .tree-root-one .tree-expanded {
  background: url('images/tree_icons.png') no-repeat -80px 0;
}
.tree-lines .tree-node-last .tree-collapsed,
.tree-lines .tree-root-one .tree-collapsed {
  background: url('/css/images/tree_icons.png') no-repeat -64px 0;
}
.tree-line {
  background: url('/css/images/tree_icons.png') no-repeat -176px 0;
}
.tree-join {
  background: url('/css/images/tree_icons.png') no-repeat -192px 0;
}
.tree-joinbottom {
  background: url('/css/images/tree_icons.png') no-repeat -160px 0;
}
.tree-folder {
  background: url('images/tree_icons.png') no-repeat -208px 0;
}
  
.tree-folder-open {
  background: url('/css/images/tree_icons.png') no-repeat -224px 0;
}
.tree-file {
  background: url('/css/images/tree_icons.png') no-repeat -240px 0;
}
.tree-loading {
  background: url('/css/images/loading.gif') no-repeat center center;
}
.tree-checkbox0 {
  background: url('/css/images/tree_icons.png') no-repeat -208px -18px;
}
.tree-checkbox1 {
  background: url('/css/images/tree_icons.png') no-repeat -224px -18px;
}
.tree-checkbox2 {
  background: url('/css/images/tree_icons.png') no-repeat -240px -18px;
}

.tree-title {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  height: 25px;
  line-height: 25px;
  width: 100%;
}


#CategoryTree .tree-node-hover, #CategoryTree .tree-node-hover a, #CategoryTree .tree-node-hover a span, #CategoryTree .tree-node-hover a div
{
  background-color: /*START Categories MouseOver BG Color*/ #262626; /*END Categories MouseOver BG Color*/
  color:#fff;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

.FiltersOptions .tree-node-hover, .FiltersOptions .tree-node-hover a, .FiltersOptions .tree-node-hover a span, .FiltersOptions .tree-node-hover a div
{
  background-color: /*START Categories MouseOver BG Color*/ #262626; /*END Categories MouseOver BG Color*/
  color:#fff;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

#CategoryTree .tree-node-selected, #CategoryTree .tree-node-selected a, #CategoryTree .tree-node-selected a span, #CategoryTree .tree-node-selected a div{
  background-color: /*START Categories OnSelect BG Color*/ #262626; /*END Categories OnSelect BG Color*/
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

#CategoryTree .tree-node-selected-custom, #CategoryTree .tree-node-selected-custom a, #CategoryTree .tree-node-selected-custom a span, #CategoryTree .tree-node-selected-custom a div {
  color: #fff;
  background-color: /*START Categories Selected BG Color*/ #000000; /*END Categories Selected BG Color*/
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}

#CategoryTree .tree-collapsed{margin-left: 5px;}
#CategoryTree .tree-expanded{margin-left: 5px;}

.FiltersOptions .tree-node-selected-custom, .FiltersOptions .tree-node-selected-custom a, .FiltersOptions .tree-node-selected-custom a span, .FiltersOptions .tree-node-selected-custom a div {
  background: none;
  color: #000;
  border-radius: 0;
  text-decoration: none;
}

.FiltersOptions a {text-decoration: none;}

.FiltersOptions .tree-checkbox{margin-left: -7px;}
.FiltersOptions .tree-collapsed{margin-left: 5px;}
.FiltersOptions .tree-expanded{margin-left: 5px;}

.FiltersOptions a {text-decoration: none;}
.filter-style-top{margin-top: -30px;padding-top:0;padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom:35px !important;}

.tree-folder, .tree-file,
.tree-folder-open { display: none !important}

#CategoryTree li .tree-indent{display: none;}
#CategoryTree li ul li a { color:#000; width: 100%; display: block;}
#CategoryTree li ul li a span {padding-left:35px; }
#CategoryTree li a { color:#000; width: 100%; display: block;padding-right: 20px;}
#CategoryTree li a span {padding-left: 25px;}

.FiltersOptions li a {color:#000; width: 100%; display: block;padding-right: 20px;}
.FiltersOptions li ul li a { color:#000;}


/************************** end tree menu **************/

.CheckOutTable { background-color:#fff; }
.CheckOutTable tr:first-child { color:#fff; background-color: #000; }
.CheckOutTable tr { background-color: #FFF; }

.CheckOutTable td { padding:5px; border-top: 1px solid #000; border-bottom: 1px solid #000;}

.CheckOutTable td:first-child { border-right: none; }
.CheckOutTable td:first-child { border-left: 1px solid #000; }
.CheckOutTable td:last-child { border-left: none; }
.CheckOutTable td:last-child { border-right: 1px solid #000; }

.CheckOutTable tr:not(:first-child):hover { background-color:#E8E8E8; cursor: pointer; }

.NoPendingOrders{padding-left: 30px; text-align:left;}

.SOSummaryArrow{ padding-left: 15px; width: 25px !important; }
.SOSummaryRecentShipmentArrow { padding-left: 15px;}
.SOSummaryArrow img{ display: none; }

.CustomeFieldFormatR {font-style: normal !important;}
.CustomeFieldFormatI, .CustomeFieldFormatBI {font-style: italic !important;}

.CustomeFieldFormatR h2 {font-style: normal !important;padding:0;margin:0;}
.CustomeFieldFormatB h2 {padding:0;margin:0;font-size:14px;}
.CustomeFieldFormatI h2 {font-style: italic !important;padding:0;margin:0;}
.CustomeFieldFormatBI h2 {font-style: italic !important;padding:0;margin:0;}

.CustomeFieldFormatR h3 {font-style: normal !important;}
.CustomeFieldFormatI h3,.CustomeFieldFormatBI h3 {font-style: italic !important;}

.CheckoutSectionLine{border-top: 1px solid #ccc; margin-top:10px;margin-bottom:-10px;}
.DashboardLine{border-bottom: 1px solid #ccc; margin-top:10px;margin-bottom:-10px;}

.badge {
  color: #ff0000;
  padding-left: 2px;
  padding-right: 2px;
}

.ui-badge-container {
  position: relative;
}

.DivShoppingCart_CheckoutItemSummary { padding:0 !important; border-top:5px solid #000;  border-top-left-radius: 5px; border-top-right-radius: 5px; }
.ShoppingCart_CheckoutItemSummary,.TotalShoppingCart_CheckoutItemSummary {
   margin:0 !important;
   width: 100%;
   border: none;
}
.ShoppingCart_CheckoutItemSummary td {
   padding-left: 3px;
   padding-right: 3px;
}
.ShoppingCart_CheckoutItemSummary td img {
   margin-left: 8px !important;
}
.ShoppingCart_CheckoutItemSummary td input { width: 60px;margin-top: 4px;margin-bottom: 4px;}
.ShoppingCart_CheckoutItemSummary .AlignRight {
   text-align:right !important;
   padding-right: 10px;
}
.ShoppingCart_CheckoutItemSummary .PaddingTop {
   padding-top: 6px;
}
.ShoppingCart_CheckoutItemSummary tr:first-child td:last-child {
  text-align:right;
  padding: 5px 10px;
}
.ShoppingCart_CheckoutItemSummary_Border td { border-bottom: 1px solid #000; }
.ShoppingCart_CheckoutItemSummary_BorderFirstChild td:first-child { border-bottom: 1px solid #000; }
.ShoppingCart_CheckoutItemSummary td.BorderRight { border-right: 1px solid #000; }
.ShoppingCart_CheckoutItemSummary td.BorderLeft { border-left: 1px solid #000; }
.ShoppingCart_CheckoutItemSummary tr:first-child td {
   color: #fff;
   border-bottom: 1px solid #000;
   background-color: #000;
}
.ShoppingCart_CheckoutItemSummary tr:first-child td { border:1px solid #000; }
.ShoppingCart_CheckoutItemSummary tr:first-child td:first-child {
   
}
.ShoppingCart_CheckoutItemSummary tr:first-child td:last-child {
   
}
.ShoppingCart_CheckoutItemSummary tr:first-child td:first-child { text-align: center; }
.ShoppingCart_CheckoutItemSummary td.TotalAmount, .ShoppingCart_CheckoutItemSummary td.TotalQty, .ShoppingCart_CheckoutItemSummary td.SubTotal,
.TotalShoppingCart_CheckoutItemSummary td.TotalAmount, .TotalShoppingCart_CheckoutItemSummary td.TotalQty, .TotalShoppingCart_CheckoutItemSummary td.SubTotal {
   text-align:right;
   padding-right: 10px;
}
.ShoppingCart_CheckoutItemSummary td.TotalQty {text-align:left; padding-left:10px;}
.ShoppingCart_CheckoutItemSummary td.QtyCol {height: 32px;}
.ShoppingCart_CheckoutItemSummary td.QtyCol.CheckoutScreen {height: 22px !important;}
.ShoppingCart_CheckoutItemSummary tr td table tr td{
  text-align: left !important;
  padding: 3px !important;
  border: none !important;
  color: #000 !important;
  background: none !important;
}
.ShoppingCart_CheckoutItemSummary tr td table tr td span span {
  padding: 3px;
}
.ShoppingCart_CheckoutItemSummary tr td table tr td a,
.ShoppingCart_CheckoutItemSummary tr td table tr td a:active,
.ShoppingCart_CheckoutItemSummary tr td  a,
.ShoppingCart_CheckoutItemSummary tr td  a:active{
  text-decoration: underline;
  color: #4169E1;
  padding-right: 10px;
}
.ShoppingCart_CheckoutItemSummary tr td table tr td a:hover { text-decoration: none; }
.ShoppingCart_CheckoutItemSummary .LinkNoDecoration {
  text-decoration: none;
  color: #000;
}
.ShoppingCart_CheckoutItemSummary .LinkNoDecoration:hover { text-decoration: underline; }
.ShoppingCart_CheckoutItemSummary td.PrepackPieces span {  padding-left: 6px; }
.ShoppingCart_CheckoutItemSummary td.TotalSizeQty,
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal { text-align: left; vertical-align: bottom; padding-bottom: 3px; }
.ShoppingCart_CheckoutItemSummary td.TotalSizeAmount { text-align: right; vertical-align: bottom; padding-bottom: 3px; padding-right: 10px; }
.ShoppingCart_CheckoutItemSummary td.TotalSizeQty span,
.ShoppingCart_CheckoutItemSummary td.TotalSizeAmount span,
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal div {
  display: block;
  margin-left: 5px;
}

.ShoppingCart_CheckoutItemSummary td.SizeSubTotal span { margin-left: 0; }
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal div { margin-left: -1px;}
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal div span a, .ShoppingCart_CheckoutItemSummary td.QtyCol div span a {
  text-decoration: underline;
  color: #4169E1;
  padding-right: 10px;
}
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal div span { padding-left: 10px; display: none; }
.ShoppingCart_CheckoutItemSummary td.SizeSubTotal div span a:hover { text-decoration: none; }
.ShoppingCart_CheckoutItemSummary td.SubTotal,.ShoppingCart_CheckoutItemSummary td.SubTotal span { text-align: left;margin-left: 0; }
.ShoppingCart_CheckoutItemSummary td.SubTotal.AlignRight, .TotalShoppingCart_CheckoutItemSummary td.SubTotal.AlignRight  { text-align:right; padding-right: 10px; }
.ShoppingCart_CheckoutItemSummary td.TotalAmount.AlignRight, .TotalShoppingCart_CheckoutItemSummary td.TotalAmount.AlignRight { text-align:right; padding-right: 10px; }

input[type=number]::-webkit-inner-spin-button {
  opacity: 1 !important;
}

input[type=number] {
  padding:3px 5px !important;
}

.jq-dropdown .jq-dropdown-menu{background: #2a2a2a; text-align: left; color: #fff; }
.jq-dropdown .jq-dropdown-menu li>a,
.jq-dropdown .jq-dropdown-menu label{border: 1px solid #2a2a2a;}
.jq-dropdown .jq-dropdown-menu li>a:hover,
.jq-dropdown .jq-dropdown-menu label:hover{background-color:#fff; color:#2a2a2a;}
.jq-dropdown .jq-dropdown-tip:after{border-bottom:6px solid #2a2a2a;}

.FooterDynMenu {
    float: left;
    margin-left:-40px;
    max-height: 33px;
    margin-top: 10px;
    margin-bottom: 10px;
 }
 
 .FooterDynMenuCenter {
    width: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
 }
 
.FooterDynMenu ul, .FooterDynMenuCenter ul  {
  list-style: none;
  width: auto;
  padding-top: 10px;
}

.FooterDynMenu ul li, .FooterDynMenuCenter ul li {
  display: inline;
  padding: 0 5px;
}

.FooterDynMenu ul li img, .FooterDynMenuCenter ul li img {
  max-height: 24px;
  margin-top: -6px;
}

/* The container */
.chk-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.chk-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.chk-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .chk-checkmark {
    background-color: #999;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked ~ .chk-checkmark {
    background-color: #999;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chk-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chk-container input:checked ~ .chk-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chk-container .chk-checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.seeprice_b2bseoenabled {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; 
  -khtml-border-radius: 3px;
  display: block;
  padding: 4px 0;
  background-color: #ccc;
  color:#222;
  text-align: center;
  width: 140px;
  height: 28px;
  margin: 2px 2px 2px 10px;
}

td.focus-view-content h2 {padding:0;margin:0;}
td.focus-view-content span.focus-view-style-orig h2 {padding:10px 0;margin:0;}

.fld-name-word-rap{word-wrap: normal;}

#banner-featured-spacer{margin: 22px 10px;}
.FooterBannerInner{margin-top:-10px;}
.nostock-message{ margin-bottom:0; margin-top:-20px !important; padding:0 !important; }
#CreditCardList table td {padding:3px;}
.jssocials i { color: #595959 !important; }
.jssocials i:hover {color: #222  !important;}
#product-img{height:550px;overflow:hidden;width:50%;padding:0;}
@media screen and (max-width: 968px) {
#product-img{height:inherit;overflow:hidden;width:50%;padding:0;}
}
#product-desc{height:inherit;overflow:hidden;width:50%;}
div.zero-padding > div.row {height:570px;}
div.GarmentTableFormContainer{margin: 0 auto;}
div.addcart-button{width:100%;}
div.Garment-Product-Desc{margin: 0 auto; padding-top:10px; max-width: 65%;}
div.FocusPageDesc h1 {margin:20px 0 10px 0;}
div.FocusPageStylColor h2 {margin-top: -5px; width:auto;}
div.FocusPagePrice { margin-top:-5px; margin-left: -10px;  padding: 10px 0; }
div.FocusPagePriceSpacer{border-bottom:1px solid #222; width:100%; line-height:14px; margin-bottom: 18px;margin-top: 2px;}
#ImageGalleryContainer{margin-bottom: 20px;width:100%;}
.CartPutUpUnitWidth {width:190px !important; color: #000000 !important; border-color: #ccc !important; }
.CartPutUpQtyWidth {width:180px !important; color: #000000 !important; border-color: #ccc !important; }
.CartQtyWidth {width:80px !important; color: #000000 !important; border-color: #ccc !important;}
.CartPutUpUnitRightPad {padding-right: 20px;}
#ClearFilter{margin-left:20px; color:#548dd4;text-decoration: underline;}
#ClearFilter:hover{cursor: pointer; }
#FocusPageRelatedItems { width: 100%; margin: 0; padding: 0;}
.FocusPageRelatedItemsLoader { width: 100%; text-align: center; padding:40px; }
.FocusPageRelatedItemsLoader img { margin: 0 auto;}
.thumb-left-arrow {float:left;z-index:999;margin-right:10px;position:relative;}
.thumb-right-arrow {float:right;z-index:999;margin-left:10px;position:relative;}
.thumb-left-arrow i, .thumb-right-arrow i {color:#888;}
.thumb-right-arrow i:hover{color:#555;cursor:pointer;}
.thumb-left-arrow i:hover{color:#555;cursor:pointer;}
.focus-page-related-items-thumb-nail-slider.lightSlider.lsGrab > * { cursor: default; }
.table-thumb-nails{width: 100%;}
.focus-page-img-info-box{margin:10px 5px 10px 5px;padding:10px 10px 0 10px;border:1px solid #e6e6e6;}
.focus-page-img-info-box a { text-decoration: none; }
.focus-page-img-thumb-td{text-align: center;}
.focus-page-color-thumb-td{text-align: right;height: 43px;}
.focus-page-style-thumb-td{text-align: left;height: 43px;}
.focus-page-style-thumb-td-stc {text-align: center; height: 43px !important;}
.focus-page-thumb-nail-loader {width: 100%; text-align: center; padding:40px 0;}
.focus-page-thumb-nail-loader img {margin:0 auto;}
.focus-page-otheritems-thumbnail-title {margin:0; padding: 12px 0 12px 0;}
.focus-page-otheritems-thumbnail-title h3 {margin:0;padding:0;}
.focus-page-otheritems-thumbnail-body {margin:5px 0 20px 0;}
.focus-page-otheritems-thumbnail{border-top:2px solid #222; padding: 10px 10px 20px 10px; margin:0 auto; max-width: 1280px;}
.focus-page-otheritems-thumbnail-noborder{ padding: 10px 10px 20px 10px; margin:0 auto; max-width: 1280px;}
.focus-page-noitemsfound-thumbnail{border-top:2px solid #222; padding: 10px 10px 20px 10px; margin:10px !important; width: 98% !important;}
.header-uname { float:right !important; text-align:right !important; padding-right:12px; }
.categoryitem_putupunitwidth {margin-left:10px;max-width: 120px;} .categoryitem_putupwidth {margin-left:40px;max-width: 180px;}
.categoryitem_inputwidth {margin-left:40px;width: 80px !important;}
.item-img-infos{ z-index:999; padding:0 12px !important;}
.FocusPageBottomCustomFields{ z-index:1; }
.focus-view-add-to-cart, .focus-view-add-to-cart tr td table {width:100%;}
@media screen and (max-width: 968px) {
     .focus-page-otheritems-thumbnail, .focus-page-otheritems-thumbnail-noborder { max-width: 700px;}
     .header-uname { float:left !important; text-align:left !important; padding: 10px 0 0 30px;}
     #GallerySortOptions{max-width:160px;}
     #tblgallerymobilebody td {padding: 0 7px !important;}
     .FocusPageBottomCustomFields{ margin-top:10px;margin-bottom:0; }
}
@media screen and (max-width: 650px) {
     .focus-page-otheritems-thumbnail, .focus-page-otheritems-thumbnail-noborder{ max-width: 490px;}
     .header-uname { float:left !important; text-align:left !important; padding: 10px 0 0 30px;}
     .categoryitem_putupunitwidth {margin-left:0;} .categoryitem_putupwidth {margin-left:0};
     .focus-view-add-to-cart #AddItemsToCart {margin-left:-5px; margin-top:10px;}
     .focus-view-add-to-cart #putupunit {margin-left:7px;} 
}
@media screen and (max-width: 450px) {
     .focus-page-otheritems-thumbnail, .focus-page-otheritems-thumbnail-noborder{ padding: 10px 0 20px 0; max-width: 330px;}
     .header-uname { float:left !important; text-align:left !important; padding: 10px 0 0 30px;}
     div.FocusPageDesc{max-width: 330px;}
     div.FocusPageDesc h1 {word-wrap: normal;}
     .categoryitem_putupunitwidth {margin-left:0;} .categoryitem_putupwidth {margin-left:0};
     .focus-view-add-to-cart #AddItemsToCart {margin-left:-5px; margin-top:10px;}
     .focus-view-add-to-cart #putupunit {margin-left:7px;}
}
.textarea-resize-vertical { resize:vertical !important }
.prompt.prompt-search { border-radius: 0 !important}
.search-key-field,.search-key-field-mobile {background-color: #fff; color: #222}
.account-info-field-name{color: #222}
.category_items_delete,.delete_item {color: #222 !important;}
.account-info-field-value{color: #000}
.nav-tabs > li.active > a, .nav-tabs > li > a {
  color: #222 !important;
}
.FiltersHeader{display: block; padding: 5px 0;border-bottom: 1px solid #ccc;margin-right: 0;}
.FiltersTableHeader{float:left; margin-left: -5px; margin-right:0; margin-bottom:20px;}
.ClearFilter{margin-left:20px; color:#548dd4;text-decoration: underline;}
.ClearFilter:hover{cursor: pointer; }
.lg-backdrop { background-color: /*start-lg-backdrop*/#000000/*end-lg-backdrop*/ !important; }
.alert-custom{ background-color:#fff; border:1px #ccc solid !important; color:#222; }
.buttontext-color{color: #fff;}
.my-account li { padding-right: 20px;}
.uaccountlogin { padding: 20px !important; }
.credit-card-logos{max-height:35px;}
span.ClearCartContents, span.ClearCartContentsMainPage{color:#fff !important;font-weight:500;font-size:14px;text-decoration: none !important;}
span.ClearCartContents:hover, span.ClearCartContentsMainPage:hover{cursor: pointer;text-decoration: underline !important;}
.itemnotavailabledim{ opacity: 0.2 }.my-account li { padding-right: 20px;}
.error_notfound {font-size: 22px !important;}
.error_notfound .fa {font-size: 26px !important;}
.color-thumbnail-bg { background-repeat: no-repeat; background-attachment: fixed; background-position: center; margin:2px 5px; background-size: 60px 40px !important; height: 40px; width:60px;}