/* Global Reset */



:root {
    
   /** 網頁主要 | menu顏色 **/ 
  --maincolor:#afc036;
    
   /** 網頁副顏色 **/
  --sencolor: #f2cc29;
    
     /** footer顏色  **/ 
  --footercolor: #f2cc29;
    
     /** 系統按鈕｜ 聯絡我們頁面icon顏色 **/ 
  --sysbtncolor: #afc036;
    
     /** 系統告示背景色 **/ 
  --infomessagecolor: #EFF8FA;
    
     /** 系統error告示背景色 **/ 
  --infoerrormessagecolor:  #FFECEC
     /**  **/ 
  --fontcolor: #ffffff;
    
     /** 標題H2顏色 **/ 
  --titlecolor: #2b3863;
    
     /** 標題H3顏色 **/ 
  --subtitlefontcolor: #222;
    
     /** 系統按鈕|｜ 聯絡我們頁面icon字色 **/ 
  --sysbtnfontcolor: #fff;
    
     /** 網頁內容顏色 **/ 
  --contentfontcolor: #222;
    
    /* 如需增加背景圖片設定 */
    
 /* --mainbg: url(/templates/2019/webbg001.png) ;
  --leftboxbg: url(/templates/2019/webbg003.png) ;  
  --contentbg: url(/templates/2019/webbg003.png) ;  
  --prowrapperbg: url(/templates/2019/webbg003.png) ;*/
    
}


* {
    margin: 0;
    padding: 0;
}



#TopMenu .ifontla{
    font-size: unset;
    padding: unset;
}
#Menu li ul ul {
    position: initial;
}

.ifontla {
    font-size: xx-large;
    padding: 0 10px;
    color: #ffe31a;
}

.fa-facebook:hover {
    color: #2e59fa;;
}


.fa-instagram:hover {
    color: #ba18e2;
}

.fa-youtube:hover {
    color: #ff1e3d;
}


/* General */

.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.aPadding {
    padding: 0.8em 2em;
    text-decoration: none;
}
.w60f18 {
    width: 95%;
    font-size: 18px;
    max-width: 1400px;
    margin: 0 auto;
}
.w1400 {
    max-width: 1400px;
    margin: 0 auto;
    width: 95%;
    font-size: 18px;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

/* Kevin animation */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* animation End */

.banner-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
#banner-logo {
    height: 150px;
    width: auto;
    float: none;
}
#banner-logo img {
    width: atuo;
    height: 150px;
}
.banner-img {
    top: 0;
}
body {
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    height: 100%;
}
input,
select {
    font-size: 11px;
}
input {
    padding: 1px;
}
p {
    line-height: 1.3;
    margin-bottom: 15px;
}
a {
    font-weight: normal;
    text-decoration: underline;
}
h2,
.TitleHeading {
    font-size: 1.3em;
    font-weight: bold;
    margin: 6px 0 6px 0;
}
h3 {
    font-size: 1.1em;
    margin-bottom: 6px;
}
h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}
img,
img a {
    border: 0;
}
ul,
ol {
    margin: 0 0 10px 30px;
}
li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}
blockquote {
    margin-left: 28px;
}
select option {
    padding: 0 10px;
}
hr {
    margin: 10px 0;
    padding: 0;
    background: #c7d7db;
    height: 1px;
    border: 0;
}
iframe {
    border: none;
}

/* Forms */

.HorizontalFormContainer dl,
.VerticalFormContainer dl {
    margin: 0;
}
.HorizontalFormContainer dt img {
    vertical-align: middle;
    float: left;
}
.HorizontalFormContainer dt .fieldLabel {
    float: left;
    padding-top: 4px;
    padding-left: 4px;
}
.HorizontalFormContainer dt {
    width: 160px;
    float: left;
    clear: left;
}
.HorizontalFormContainer dd.ProductField {
    height: 20px;
}
.HorizontalFormContainer dd {
    padding-top: 4px;
    margin-left: 170px;
}
.NarrowFormContainer dt {
    width: 110px;
}
.NarrowFormContainer dd {
    margin-left: 120px;
}
.HorizontalFormContainer p.Submit {
    margin-left: 170px;
}
.NarrowFormContainer p.Submit {
    margin-left: 120px;
}
.VerticalFormContainer dt {
    margin-bottom: 6px;
}
.VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 10px;
}

/* Page Container */

#Container {
    width: 100%;
    margin: 0 auto;
}

/* Top Navigational Menu */

#TopMenu {
    display:block;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    height: 36px;
    z-index: 39;
    background-color: transparent;
    color: #ffffff;
}


#TopMenu * {
    color: #9b9494;
}

#TopMenu img{
    height: 20px;
}

#TopMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: fit-content;
    float: right;
    position: fixed;
    right: 0;
}

#TopMenu li {
list-style: none;
    float: left;
    margin: 4px 2px;
    padding: 5px 0px;
    /* border: 1px solid #aaa; */
    /* height: 20px; */
    border-radius: 4px;
    text-align: center;
    /* background: #fff;*/
}

#TopMenu li.First a {  border-left: 0;}

#TopMenu li a, #TopMenu li div {
    /* display: block; font-size: 12px; */
    text-decoration: none;
  padding: 0 10px 0 10px;
   /*   margin: 0px 0 0 0;*/
}

#TopMenu li div a {
    padding: 0px 8px;
    margin: 0;
    display: inline;
    font-size: 12px;
}

#TopMenu li a:hover {    text-decoration: none;}


/* Pages Menu */

#Menu {
 clear: both;
    margin: auto;
    height: auto;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 100%;
    /* border-top: 1px solid #e2e2e2; */
    /* border-bottom: 1px solid #e2e2e2;margin-bottom: 10px; */
    padding-top: 15px;
    padding-bottom: 15px;
    
    margin-top: 10px;
/* max-width: 1170px; */
background: #5e5d6d; 
background-color:var(--maincolor); 
}

#Menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Menu li.First a {
    background-image: none;
}
#Menu li a {
    display: block;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: 12px 15px;
    color: #fff;
}
#Menu li a:hover {
    text-decoration: none;
}
#Menu li ul {
    width: auto;
    position: absolute;
    clear: left;
    top: 100%;
    left: 0;
    display: none;
    text-align: left;
    font-size: 16px;
    background: transparent;background: #cfcfcf;
    background-color:var(--sencolor);
    z-index: 1;
}
#Menu li ul li {
    clear: both;
    color: white;
    line-height: initial;
    text-align: left;
    /*background: #cfcfcf;*/
}
#Menu li ul li a {
    padding: 5px 10px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 200px;
    height: auto;
}
#Menu li ul li:hover a {
    color: #000;
}
#Menu li ul li:hover {
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
}
#Menu li ul li a:hover {
    text-decoration: none;
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1 !important;
}
#Menu li:hover a,
#Menu li.over a {
    text-decoration: none;
}
#Menu li ul li a,
#Menu li.over li a {
    text-decoration: none !important;
}
#Menu li:hover ul,
#Menu li.over ul {
    display: block;
}
.Block.BlockContent.banner_home_page_top td {
    vertical-align: top;
}

div#Menu .CategoryList h2 {
    display: none;
}

/* Holly Hack. IE Requirement */

* html #Menu ul li {
    float: left;
    height: 1%;
}
* html #Menu ul li a {
    height: 1%;
}

/* End */


/* Outer Content Wrapper (Surrounds header & content) */

#Outer {
    clear: both;
}
#Wrapper {
    clear: both;
    margin: auto;
    width: 100%;
    overflow: hidden;
}

/* Header */

#Header {
    position: relative;
    clear: both;
    width: 100%;
    background-color: #fff;
}



/* Logo */

#Logo {
    width: 100%;
    height: auto;
    margin: 24px auto;
    text-align: center;
    text-align: CENTER;
    max-width: 1170px;
}
#Logo h1 {
    font-size: 1.4em;
    font-weight: normal;
}
#Logo h1 a {
    text-decoration: none;
}
.logo-font {
    font-size: 1.3em;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    margin: auto auto auto 10px;
}
#Logo img {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: auto;
    vertical-align: middle;
}
div#logoAndButton {
    text-align: center;
    width: 96%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 12px 0;
}
/* Top Search Form */

#SearchForm {
    display: none;
    padding: 20px 20px 20px;
    text-align: right;
}
#SearchForm label {
    font-weight: bold;
}
#SearchForm input.Textbox {
    width: 139px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0.9em;
    padding: 3px;
}
#SearchForm .Button {
    width: 27px;
    height: 27px;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
}
#SearchForm p {
    text-align: right;
    margin: 0 0 0 45px;
    font-size: 0.9em;
    display: none;
}
#SearchForm a {
    text-decoration: none;
}

/* Left Content Area */

.Left {
    display: none;
    float: left;
    min-height: 500px;
    width: 18%;
    margin: 1%;
}
div#SideCategoryList li,
div#SideShopByBrand li {
    border: none;
    margin: 5px 0;
}
div#SideCategoryList,
div#SideShopByBrand {
    font-size: 18px;
    margin: 0px 0;
}
.Left h2 {
    font-size: 1.25em;
}
.Left a {
    color: #000;
}
.Left li a:hover {
    text-decoration: none;
}
.Left .BlockContent {
    margin: 0 10px 0 10px;
}
.Left ul {
    margin: 0;
    padding: 0;
}
.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Left .BlockContent {
    margin: 0 10px 0 10px;
}
.Left li {
    border-bottom: 1px solid #c5dde9;
}
.Left li a {
    text-decoration: none;
}
.Left li a:hover {
    text-decoration: underline;
}
.Left #SideCategoryList li ul {
    border-top: 1px solid #c5dde9;
}
.Left #SideCategoryList li.LastChild {
    border-bottom: 0 !important;
}
.Left #SideCategoryList li {
    padding: 3px 0 0 0;
}
.Left #SideCategoryList li ul {
    padding-left: 15px;
}

/* Primary Content Area */

.Content {
    width: 100%;
    min-height: 500px;
    margin: 0 auto;
    font-size: 0.95em;
    max-width: 1200px;
   
}
.BlockContent {
    position: relative;
}
.Content .Block {
    clear: both;
}
.Block {}
.Content h2,
.TitleHeading {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #222;
    margin: 20px 0;
    position: relative;
}
.Content a:hover {
    text-decoration: underline;
}

/* Primary Content Area (column span of 2) */

.Content.Wide {}

/* Primary Content Area (column span of 3 - spans entire page width) */

.Content.Widest {
    width: 80%;
}

/* Right Content Area */

.Right {
    display: none;
    float: right;
    min-height: 500px;
    width: 160px;
    font-size: 0.85em;
    padding-bottom: 10px;
    margin-left: 10px;
}
.Right h2 {
    font-size: 1.25em;
    margin: 5px 10px 8px;
    width: 140px;
}
.Right a {
    color: #000;
}
.Right li a:hover {
    text-decoration: underline;
}
.Right .BlockContent {
    margin: 0 10px 0 10px;
}
.Right ul {
    margin: 0;
    padding: 0;
}
.Right li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}
.Right .BlockContent {
    margin: 0 10px 0 10px;
}
.Right li {
    border-bottom: 1px solid #c5dde9;
}
.Right li a {
    text-decoration: none;
}
.Right li a:hover {
    text-decoration: underline;
}

/* Page Footer */

#Footer {
    clear: both;
    font-size: 0.85em;
    text-align: center;
    margin: 0 0;
    padding: 20px 0 5px;
        background: #5e5d6d;
    background-color: var(--footercolor);
    color: #fff;
}
#Footer  a,#Footer  a span {
  color: #fff;
}


#Footer p, #Footer a, #Footer span {}


#Footer ul {
    list-style: none;
    margin: 0 0 30px 115px;
    padding: 0;
}
#Footer li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#Footer li a {
    text-decoration: none;
    padding: 0 10px 0 10px;
}



/* Newsletter Subscription Form */

.NewsletterSubscription {
    clear: both;
}
.NewsletterSubscription label {
    clear: both;
    float: left;
}
.NewsletterSubscription input {
    width: 129px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}
.NewsletterSubscription .Button {
    width: 95px;
    height: 25px;
    border: 0;
    margin-top: 6px;
    vertical-align: middle;
}
.fastCartBottom {
    display: none;
}

/* Product Listings */

div#HomeFeaturedProducts,
div#HomeNewProducts {
    text-align: center;
}
.ProductList {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    margin: 0 auto;
    width: 96%;
}
.Content .ProductList li {
list-style: none;
    border: 0;
    font-size: 0.95em;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    transition: all 0.2s ease;
    margin-bottom: 10px;
    padding: 8px;
    height: auto !important;
    flex: 1 1 30%;
    max-width: 33%;
}


.Content .ProductList li .ProductActionAdd a:hover {
    background-color: #888;
    color: #fff;
}


.Content .ProductList li .ProductActionAdd a {
text-decoration: none;
    margin-top: 10px;
    display: block;
    padding: 10px 5%;/*width: 95%; margin: auto;*/
    width: fit-content;
    background-color: var(--sysbtncolor);
    color: var(--sysbtnfontcolor);
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.2s ease;
   
}




.ProductImage img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
}
.Content .ProductList li .ProductDetails {
    margin: 5px 0;
    font-size: 16px;
    min-height: 4em;
    font-weight: 900;
}

.Content .FeaturedProducts .ProductList li, .Content #HomeNewProducts .ProductList li {
    flex: 1 1 25%;
    MAX-WIDTH: 25%;
}

.ProductList strong,
.ProductList strong a {
font-weight: 900;
    color: #222;
    text-decoration: none;
    font-size: 15px!important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    WORD-BREAK: break-all;
}


.Content .ProductList li .ProductPriceRating {
    font-size: 18px;
    position: relative;
    margin: 2px 0;
}
.ProductList .ProductImage {
    margin: 0 0 5px 0;
    display: flex;
    width: auto !important;
    height: auto !important;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    max-width: 100%;
    max-height: 30VH;
    align-items: CENTER;
    JUSTIFY-CONTENT: center;
    min-height: 30VH;
}
.ProductList .ProductImage img {
    vertical-align: middle;
}
.ProductImage a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.ProductList p {
    margin: 5px 0 5px 5px;
}
.ProductPrice,
.ProductList em {
    font-style: normal;
    font-weight: bold;
    color: #222;
}
.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}
.ProductList .Rating img {
    height: 12px;
    margin-top: 3px;
}


span.SalePrice {
    COLOR: #d80000;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
}
.Left .ProductList .ProductImage,
.Right .ProductList .ProductImage {
    display: none;
}
.Left .ProductList li,
.Right .ProductList li {
    clear: both;
    width: 140px;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 3px 0 5px 0;
    color: #000;
}
.Right .SideCart p {
    color: #000;
}

/* Top Seller Block Specific */

.Left .TopSellers li .TopSellerNumber,
.Right .TopSellers li .TopSellerNumber {
    /* Contains the number of the item */
    float: left;
    width: 20px;
    font-size: 1.2em;
    padding: 6px 0 3px 6px;
}
.Left .TopSellers .ProductDetails,
.Right .TopSellers .ProductDetails {
    /* Contains the details of the item */
    margin-left: 24px;
    width: 110px;
    padding: 3px 0 3px 0;
}
.Left .TopSellers li.TopSeller1,
.Right .TopSellers li.TopSeller1 {
    /* No1 seller box */
    clear: both;
    float: left;
    width: 128px;
    margin: 10px 0 5px 0;
    padding: 5px;
    overflow: visible;
    display: inline;
}
.Left .TopSellers li.TopSeller1 img,
.Right .TopSellers li.TopSeller1 img {
    text-align: center;
    overflow: hidden;
    max-width: 130px;
}
.Left .TopSellers li.TopSeller1 .TopSellerNumber,
.Right .TopSellers li.TopSeller1 .TopSellerNumber {
    width: 44px;
    height: 34px;
    font-size: 2em;
    padding: 7px 0 6px 0;
    margin: -20px 0 0 0;
    text-align: center;
    display: Block;
}
.Left .TopSellers li.TopSeller1 .ProductDetails,
.Right .TopSellers li.TopSeller1 .ProductDetails {
    margin-left: 0;
}
.Left .TopSellers li.TopSeller1 .ProductImage,
.Right .TopSellers li.TopSeller1 .ProductImage {
    width: 130px;
    display: inline;
    text-align: center;
    overflow: hidden;
}
.Content .TopSellers li .TopSellerNumber {
    display: none;
}

/* Page Breadcrumbs */

.Breadcrumb ul,
.Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.Breadcrumb {
    display: none;
    font-size: 0.9em;
    padding-bottom: 4px;
}
.Breadcrumb li {
    padding-left: 6px;
    display: inline;
}
.Breadcrumb li a {
    padding-right: 10px;
    text-decoration: none;
    background: url(../../default/images/BreadcrumbSep.gif) no-repeat right;
}
.FindByCategory ul,
.FindByCategory li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.FindByCategory li {
    padding-left: 12px;
    background: url('../../default/images/BreadcrumbSep.gif') no-repeat 3px 5px;
    padding-right: 8px;
    display: inline;
}

/* Miscellaneous Definitions */

.Meta {
    color: #444;
    font-size: 0.93em;
}
.Left .FeedLink,
.Right .FeedLink {
    padding-right: 5px;
}
.Content .FeedLink {
    margin-top: 4px;
}
.FloatRight {
    float: right;
}
.FloatLeft {
    float: left;
}
.ClearRight {
    clear: right;
}
.ClearLeft {
    clear: left;
}
.SortBox {
        font-size: 1.2em;
    color: #444;
    float: unset;
    position: unset;
    text-align: right;
    right: 0;
}
.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}
.Clear {
    clear: both;
}
.Field45 {
    width: 45px;
}
.Field100 {
    width: 100px;
}
.Field150 {
    width: 150px;
}
.Field200 {
    width: 300px;
    padding: 5px;
    /* margin: 10px;
    height: 20px; */
    border: none;
    border-width: 2px;
    background: #efe9de;
    background: var(--infomessagecolor);
    border-radius: 5px;    BORDER: 1px SOLID #cecdced9;
    /* overflow: hidden; */
}
.Field250 {
    width: 250px;
}
.Field300 {
    width: 300px;
    padding: 5px;
    /* margin: 10px; */
    height: 100px;
    border: none;
    border-width: 2px;
    background: #efe9de;background: var(--infomessagecolor);
    border-radius: 5px;    BORDER: 1px SOLID #cecdced9;
    /* overflow: hidden; */
}
.Field350 {
    width: 350px;
}
.Field400 {
    width: 400px;
}
.MB10 {
    margin-bottom: 10px;
}
.MT0 {
    margin-top: 0px;
}
.LH140 {
    line-height: 140%;
}
.PLRB5 {
    padding: 0px 5px 5px 5px;
}
.PLR10 {
    padding: 0px 10px 0px 10px;
}
.PL20 {
    padding: 0px 0px 0px 20px;
}
.PL40 {
    padding: 0px 0px 0px 40px;
}
.ML20 {
    margin: 0px 0px 0px 20px;
}
.MT10 {
    margin-top: 10px;
}
.PL10 {
    padding-left: 10px;
}
.PB2 {
    padding-bottom: 2px;
}
.NoMarginBottom {
    margin-bottom: 0;
}
.Required {
    color: red;
    font-weight: bold;
    visibility: visible;
}
.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}
.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}
.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

/************* Page Specific: Create Account / Login Page *************/

.CreateAccount {
    float: left;
    width: 335px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}
.AccountLogin {
    float: left;
    padding-left: 20px;
    width: 335px;
}
ul.ShippingAddressList,
ul.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.ShippingAddressList li {
    width: 30%;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
div#ProductDetails {
    position: relative;
}
div#ProductByCategory,
div#ProductDescription,
div#ProductReviews,
div#SimilarProductsByCustomerViews {
    font-size: 16px;
    width: 98.5%;
    max-width: 1400px;
    margin: 0 auto;
}

.productbox {
    display: flex;
    JUSTIFY-CONTENT: space-around;
    ALIGN-ITEMS: start;
}

.PrimaryProductDetails .ProductThumb {
position: relative;
    max-width: 50% !important;
    HEIGHT: auto!IMPORTANT;
    /* text-align: center; */
    /* left: 0; */
    /* top: 0; */
    text-align: CENTER;
    flex: 2 1 45%;
    PADDING: 1%;
}
.PrimaryProductDetails .ProductMain {
     max-width: 50% !important;
    HEIGHT: auto!IMPORTANT; 
    flex: 2 1 45%;
    PADDING: 1%;
}
.PrimaryProductDetails .ProductMain,
.PrimaryProductDetails .ProductMain * {
    font-size: 16px;
}
.PrimaryProductDetails dl {
    font-size: 0.90em;
}
.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.Clear.AddThisButtonBox {
    MARGIN: 0 AUTO;
}

h2.protitle {
    TEXT-ALIGN: LEFT;
    FONT-SIZE: 28px!IMPORTANT; word-break: normal;
}

.PrimaryProductDetails dd {
    margin-left: 90px;
}
.Right hr {
    margin: 5px 0 0;
}
.Content h3 {
    margin-bottom: 5px;
}
.ComparisonCheckbox {
    float: left;
}
.SideRecentlyViewed .CompareButton {
    margin: 10px 0 0 0;
    padding: 0;
}
.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}
.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

/* Product Comparisons */

.ComparisonTable {
    width: 100%;
}
.ComparisonTable td {
    vertical-align: top;
    font-size: 11px
}
.CompareFieldName {
    width: 95px;
    padding: 8px 10px 8px 15px;
}
.CompareFieldTop {
    padding: 5px;
    text-align: center;
}
.CompareFieldTop a {
    text-decoration: none;
    font-size: 10px;
}
.CompareFieldTop a:hover {
    text-decoration: underline;
}
.CompareLeft {
    padding: 5px 10px 5px 10px;
}
.CompareCenter {
    text-align: center;
    padding: 5px;
}
.CompareRating {
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
}
.CompareProductOption {
    margin-left: 20px;
    padding-left: 5px;
}
.Availability {
    color: gray;
}
.LittleNote {
    color: gray;
    font-size: 0.85em;
}
.ViewCartLink {
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* General Tables */

table.General,
table.CartContents,
table.General {
    width: 100%;
    margin: 10px 0;
}
table.General thead tr th,
table.CartContents thead tr th {
    padding: 6px 10px;
    text-align: left;
}
table.General tbody td,
table.CartContents tbody td {
    padding: 6px 10px;
    vertical-align: top;
}
table.General tbody tr.First td {
    border-top: 0;
}

/* Cart Contents Table */

.CartContents tbody td,
.CartContents tfoot td {
    border-bottom: 0;
}
.CartContents .ProductName a {
    font-weight: bold;
}
.ProceedToCheckout {
    text-align: right;
}
.Content .ProceedToCheckout {
    width: 200px;
    float: right;
}
.ProceedToCheckout a {
    padding-top: 5px;
}
.MiniCart .SubTotal {
    text-align: center;
    font-size: 115%;
    color: #075899;
}
.MiniCart .CartProductOptionList {
    display: block;
}
.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}
.JustAddedProduct strong,
.JustAddedProduct a {
    font-weight: bold;
    font-size: 1.02em;
    display: block;
    margin-bottom: 3px;
}
.CategoryPagination .PagingList,
.CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.CategoryPagination {
    padding: 5px;
    text-align: center;
}
.CategoryPagination .PagingList li {
    display: inline;
    padding: 0 5px;
}

ul.PagingList li.ActivePage {
     BACKGROUND: #222;  COLOR: #fff; 
        background-color: var(--sysbtncolor);
    color: var(--sysbtnfontcolor);
    border-radius: 5px;
}

/* Quick Search */

.QuickSearch {
    margin: 0;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #BFBFBF;
}
.QuickSearchTitle td,
.QuickSearchAllResults td {
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
}
.QuickSearchResult td {
    font-size: 11px;
    padding: 8px;
    cursor: pointer;
}
.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
}
.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}
.QuickSearchResultName {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}
.QuickSearchResultName a {
    font-weight: bold;
    text-decoration: none;
}
.QuickSearchResult .Price {
    font-size: 11px;
}
.QuickSearchHover td {
    background: #E8F4F8;
}
.QuickSearchHover a {
    text-decoration: underline;
    font-weight: bold;
}
.QuickSearchAllResults td {
    text-align: right;
    height: 25px;
}
.QuickSearchAllResults a {
    text-decoration: underline;
}
.QuickSearchAllResults a:active,
.QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}

/* Brand Tag Clouds */

.BrandCloud .smallest {
    font-size: 12px;
}
.BrandCloud .small {
    font-size: 15px;
}
.BrandCloud .medium {
    font-size: 18px;
}
.BrandCloud .large {
    font-size: 20px;
}
.BrandCloud .largest {
    font-size: 26px;
}
.BrandCloud a {
    padding-right: 5px;
}
.DownloadExpires {
    padding-top: 3px;
    font-style: italic;
    color: gray;
}
.DownloadExpiresToday {
    color: red;
}
.CheckoutRedeemCoupon h4 {
    margin-top: 0;
}
.CheckoutRedeemCoupon p {
    margin-top: 10px;
    margin-bottom: 0;
}
.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}
.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}
.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}
.ProductDetailsGrid dd {
    margin-left: 145px;
    margin-bottom: 6px;
}
.SubCategoryList {
    padding: 4px;
}
.SubCategoryList ul,
.SubCategoryList li {
    list-style: none;
    margin-left: 0;
}
.SubCategoryList li {
    margin: 0;
    padding: 0;
    WIDTH: 33%;
    FLOAT: LEFT;
}
.SubCategoryList li a:hover {
    background-color: #aaa;
}
.SubCategoryList li a {
display: block;
    text-decoration: none;
    font-size: 18px;    font-weight: bold;
    background: #5e5d6d;
    background-color: var(--maincolor);
    color: #fff;    margin: 10px;
    TEXT-ALIGN: CENTER;    padding: 10px 15px;
    border-radius: 5px;    transition: all 0.2s ease;
}
.SearchTips .Examples {
    background: lightyellow;
    padding: 8px;
    border: 1px solid #aaa;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}
.PrimaryProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}
.ProductReviewList {
    clear: both;
}
.SortBox select {
    font-size: 0.9em;
}
.SortBox option {
    color: #444;
}

.YourAccount {font-size: 16px;
   
}
.YourAccount li {
    margin-bottom: 8px;
}
.Block.YourAccount ul {    MARGIN: 0;}

.Block.YourAccount ul li {
    WIDTH: 29%;
    display: INLINE-BLOCK;
    MARGIN: 0.5%;
    float: LEFT;
    padding: 0.5%;
    MIN-HEIGHT: 155PX;
}

.Block.YourAccount ul li a {
    WIDTH: 100%;
    display: block;
     BACKGROUND: #222;
    background: var(--maincolor);
    COLOR: #fff;
    PADDING: 10PX;
    MARGIN: 5PX 0;
}

.SoldOut {
    color: #999;
}
.RemoveFromWishlistForm {
    margin: 5px;
}
.ShippingProviderList {
    list-style: none;
}
small {
    font-size: 11px;
    color: gray;
}
.HowToPay {
    margin-bottom: 10px;
}
.ProductList em,
.ProductList .Rating {
    display: block;
}
.GoogleCheckout p,
.PayPalExpressCheckout p,
.AlternativeCheckout p {
    margin: 0;
    font-size: 90%;
}
.GoogleCheckout,
.PayPalExpressCheckout,
.AlternativeCheckout {
    text-align: center;
    margin-bottom: 10px;
}
.KeepShopping {
    width: 180px;
    clear: both;
    text-align: right;
}

/** Top Right Locale Chooser (list of flags) **/

#TopMenu li.Flag {
    float: right;
}
#TopMenu li.Flag div {
    border: 0;
}
#TopMenu li.Flag img {
    margin: 3px;
}
#TopMenu li.Flag img.Last {
    margin-right: 0px;
}
#TopMenu li.Flag img.Selected {
    border: 2px solid #ffffaa;
    margin: 1px 3px;
}

/** Currency Selector **/

.CurrencyList dl {
    margin: 0;
    padding: 0;
}
.CurrencyList dd {
    padding: 0px;
    margin: 0px;
    border: 1px solid #EDECEC;
    background-color: #F9F9F9;
    clear: both;
}
.CurrencyList a {
    padding: 0 3px 0 5px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
}
.CurrencyList a.Sel {
    background-color: #FFFFAA;
}
.CurrencyList a:hover .Text {
    text-decoration: underline;
}
.CurrencyList a .Flag {
    margin-top: 4px;
    display: block;
    float: left;
    width: 24px;
    padding-right: 2px;
    vertical-align: middle;
}
.CurrencyList a .Text {
    display: block;
    padding-left: 24px;
}
.PrimaryProductDetails .YouSave {
    font-weight: bold;
    margin-top: 3px;
    display: block;
}

/* Shipping Estimation on Cart Contents Page */

.EstimateShipping {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    width: 320px;
    padding: 7px;
    float: right;
}
.EstimateShipping dt {
    width: 100px;
    float: left;
    margin-bottom: 8px;
    clear: left;
}
.EstimateShipping dd {
    margin-bottom: 8px;
    font-weight: normal;
    text-align: left;
    margin-left: 114px;
}
.EstimateShipping p.Submit {
    margin-top: 10px;
    margin-bottom: 3px;
}
.EstimateShipping label {
    display: block;
    margin-bottom: 5px;
}
.EstimatedShippingMethods {
    text-align: left;
}
.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}
.EstimatedShippingMethods .VendorShipping {
    margin-left: 20px;
    margin-bottom: 10px;
}
.EstimatedShippingMethods .Submit {
    text-align: right;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}
.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align: right;
}
.SharePublicWishList {
    background-color: lightyellow;
    padding: 5px;
    border: 1px solid #CDDEE2;
}

/* Express Checkout */

.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position: relative;
    padding: 6px;
    margin-bottom: 10px;
}
.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}
.ExpressCheckoutBlock {
    padding-top: 6px;
}
.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}
a.ChangeLink {
    position: absolute;
    right: 15px;
}
.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}
.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
}
.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 250px;
}
.LoadingIndicator {
    margin-left: 10px;
}
.LoadingIndicator img {
    vertical-align: middle;
    margin-right: 10px;
}
#TopMenu li.HeaderLiveChat {
    float: right;
}
#TopMenu li.HeaderLiveChat div {
    border-left: 0;
}
.HeaderLiveChat img {
    vertical-align: middle;
}
#ProductOtherDetails .ProductDetailsGrid {
    margin-left: 25px;
}
.SubCategoryListGrid {
    padding: 4px;
}
.SubCategoryListGrid ul,
.SubCategoryListGrid li {
    list-style: none;
    margin-left: 0;
}
.SubCategoryListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}
.SubCategoryListGrid ol {
    clear: both;
}
.SubBrandList {
    padding: 4px;
}
.SubBrandList ul,
.SubBrandList li {
    list-style: none;
    margin-left: 0;
}
.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../default/images/SubBrand.gif') no-repeat 3px 1px;
}
.SubBrandListGrid {
    padding: 4px;
}
.SubBrandListGrid ul,
.SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}
.SubBrandListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}
.SubBrandListGrid ol {
    clear: both;
}
.ProductAddToCart dt div.Required,
#CartEditProductFieldsForm dt div.Required {
    margin-left: -10px;
}
.ProductAddToCart input.Textbox,
#CartEditProductFieldsForm input.Textbox {
    width: 181px;
}
.ProductAddToCart textarea,
#CartEditProductFieldsForm textarea {
    width: 183px;
    height: 50px;
}
.ProductFields dd {
    margin-bottom: 4px;
    float: left;
    margin-left: 20px;
}
.ProductFields {
    margin-bottom: 15px;
}
.ProductFields input.Textbox {
    width: 100%;
}
.ProductFields TextArea {
    width: 100%;
}
.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
}
.CartContents .CartProductFieldsRow {
    border-top: 0;
}
.CartContents .CartProductFieldsRow dl {
    margin-top: 15px;
}
p.QuantityInput,
p.AddCartButton {
    text-align: center;
}
.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}
.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}

.ProductActionAdd {
    display: flex;
    margin-top: 3px;
    align-items: center;
  JUSTIFY-CONTENT: SPACE-EVENLY;
}

.ProductActionAdd a,
.ProductActionAdd strong a {
    text-decoration: underline;
}
.TagList {
    margin-top: 20px;
}
.CartThumb {
    text-align: center;
    width: 1px;
}
.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}
.ViewAllLink a {
    padding-top: 10px;
    display: block;
}
.SelectGiftWrapMultiple {
    max-height: 400px;
}

/* Tabbed Navigation */

.TabNav,
.TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.TabNav {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 4px 6px 4px;
}
.TabNav li {
    display: inline;
}
.TabNav li a {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
}
.TabNav li a:hover {
    text-decoration: none;
}
.TabNav li.Active a {
    margin-top: 0px;
    padding-top: 7px;
    font-weight: bold;
}
.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float: left;
}
.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
    padding-left: 4px;
}
#VendorLogo .BlockContent,
#VendorPhoto .BlockContent {
    margin: 0;
    text-align: center;
}
.TransitTime {
    font-weight: normal;
    color: gray;
}
.Content .ProductList.List li {
    margin: 0;
    margin-top: 6px;
    display: block;
    width: auto;
    float: none;
    padding: 6px;
    min-height: 0;
    height: 132px;
    background-image: none;
}
.Content .ProductList.List .ProductImage {
    margin: 0 !important;
    padding: 0px;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 120px;
    height: 120px;
}
.Content .ProductList.List .ProductDetails {
    height: auto;
    display: block;
    clear: none;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-left: 135px;
    text-align: left;
    background-image: none;
}
.Content .ProductList.List .ProductQty {
    margin-left: 10px;
}
.Content .ProductList.List .ProductDescription {
    font-style: italic;
    margin-top: 5px;
}
.Content .ProductList .ProductRightCol {
    float: right;
}
.Content .ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}
.OrderItemMessage {
    background-color: #fff1a8;
    padding: 7px;
    margin: 10px 0px 10px 0px;
}

/* Custom Fields - Start */

.LittleNotePassword {
    color: gray;
    font-size: 0.85em;
    padding: 2px 0px 2px 0px;
}
.RequiredClear {
    visibility: hidden;
}

/* Custom Fields - End */


/* Product Details */

.ProductDetailsGrid .DetailRow {
     clear: left;
    margin: 10px 0;
    padding-left: 0px;
}
.ProductDetailsGrid .Label {
margin: 0 0 6px 0px;
    float: left;
    width: 130px;
    font-weight: bold;
    padding-top: 1px;
    display: INLINE-BLOCK;
    position: relative;
    text-align: left;
}
.BulkDiscount {
 position: RELATIVE;
    display: BLOCK;
    WIDTH: 100%;
    CLEAR: both;
    /* bottom: 0; 
    left: -50px;
    transform: translate(0, 80%);*/
}
.ProductDetailsGrid .Value {
    display: inline;
}
.ProductDetailsGrid .Label .Required {
    position: absolute;
    left: -1em;
}
.ProductOptionList ul,
.ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ProductOptionList li {
    margin-bottom: 3px;
}
.ProductOptionList input {
    vertical-align: middle;
}

.BulkDiscount button.sysbtn {
    margin: 0 1%;
}

/* Product Videos */

#FeaturedVideo,
#VideoList,
#VideoSingle {
    float: left;
}
#VideoList {
    padding-left: 5px;
}
.VideoSeparator {
    clear: both;
}
.videoRow {
    clear: both;
    margin-bottom: 4px;
    display: block;
    height: 75px;
}
.previewImageContainer {
    height: 30px;
    width: 50px;
}
.videoRow img {
    float: left;
    padding-right: 5px;
}
.videoRowTitle {
    font-weight: bold;
}
.videoRowDescription {
    max-height: 50px;
    overflow: hidden;
}
.VideoOverlay {
    background-image: url('../images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}
.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}

/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}
.videoRowLength {
    padding-left: 4px;
}
.videoRow,
.videoRowTitle,
.videoRow img,
.videoRowLength {
    cursor: pointer;
}
#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    width: 275px;
    height: 265px;
}
#VideoSingle {
    padding-left: 10px;
    width: 275px;
}
#VideoContainer {
    padding: 5px 0 5px 5px;
    height: 265px;
}
.HideElement {
    display: none;
}
.VideoSingleTitle {
    font-weight: bold;
}
.VideoSingleDescription {
    padding-top: 10px;
    overflow-y: auto;
    height: 220px;
    padding-right: 5px;
}
.Left #VideoMiddleContainer,
.Right #VideoMiddleContainer {
    display: none;
}
.Content #VideoSideContainer {
    display: none;
}
#VideoSideContainer ul {
    text-align: center;
}
#VideoSideContainer ul li {
    margin-bottom: 5px;
}
.VideoSideDescription {
    padding: 2px 10px;
}
.VideoImageContainer {
    position: relative;
    float: left;
}

/** Search All Form Result - Start **/

.SearchPaging {
    float: right;
    font-size: 0.95em;
}
.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}
.SearchSorting select {
    font-size: 0.95em;
}
#SearchResultsCategoryAndBrand {
    margin: 5px;
    padding: 5px;
}
.ContentList em,
.QuickSearchResultMeta em {
    font-size: 0.8em;
}

/** Search All Form Result - End **/


/** AJAX loading box - Start **/

#AjaxLoading {
    display: none;
    text-align: center;
    background: #FCF5AA;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}
#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}

/** AJAX loading box - End **/

#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float: left;
    background: none;
    border: none;
    margin-top: 16px;
    cursor: pointer;
    display: none;
}
#ProductDetails .ProductTinyImageList {
    float: left;
    margin-top: 10px;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    margin-left: auto;
}
#ProductDetails .ProductTinyImageList ul li {
    width: 40px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left: 3px;
    border: 1px solid gray;
}
#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}
#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 2px solid white;
}
#ProductDetails .ProductTinyImageList ul {
    margin: 0pt;
    padding: 0pt;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
    width: 2500px;
}
#ProductDetails .ProductThumbImage {
    height: 220px;
    width: 220px;
    overflow: hidden;
    margin: auto;
}
#ProductDetails .ProductMain .OutOfStockMessage {
    clear: left;
}
.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/* Category flyout styles (structural) */


/* Menu containers */

#SideCategoryList .sf-menu,
#SideCategoryList .sf-menu ul,
#SideCategoryList .sf-menu li {
    width: 140px;
    /* the width must be fixed to the use of floats */
}

/* Menu links */

#SideCategoryList .sf-menu a {
    padding: 4px 8px 4px 8px;
    width: 124px;
    /* this + paddings must equal the root width above for hovers to work */
}

/* Child override: menu containers */

#SideCategoryList .sf-menu ul {
    left: 140px;
}

/* Child override: menu links */

#SideCategoryList .sf-menu ul a {
    padding: 4px 8px 4px 8px;
    width: 124px;
    /* this + paddings must equal the child width above for hovers to work */
}

/* End: category flyout styles */