/* Global Reset */
#Menu li ul ul {
    position: initial;
}

* {
    margin: 0;
    padding: 0;
}

.Left {
  
    display: none!important;
}
.banner-wrapper{    position: relative;
width:100%;
margin:0;
padding:0;
height:500px;
}
#banner-logo  {
height: 150px;
    width: auto;
    float: none;}
#banner-logo img{
width:atuo; 
height:150px;
}
.banner-img{
top:0;
}
.banner-font{   
background:none;
 text-shadow: 0px 0px 5px #ddd;
margin: auto;
    color: #black;
    position: absolute;    line-height: 2em;
    font-size: 2em;
    top: 30%;
    font-weight: 900 !important;
    text-align: center;
    width: 100%;
}
.banner-font2{    
line-height: 2em;
    font-size: 3em;

}
.banner-font3{    
line-height: 3em;
width:30%;
margin:auto;
border-top: 1px solid #fff;
    font-size: 2em;
font-weight:100 !important;

}

/* General */
body {
    font-family: microsoft jhenghei, Arial, Helvetica, sans-serif;
    font-size: 14px;
    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: 999;
    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; */
    text-decoration: none;
    font-size: 12px;
    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; */
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    /* max-width: 1170px; */
    background: #2b3863;
}

#Menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
  /*  border-left: 1px solid #eeeeee;*/
}

#Menu li.First a {
    background-image: none;
}

#Menu li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: 0px 20px;
    color: #fff;
    cursor: pointer;
}

#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;
    z-index: 1;
}

#Menu li ul li {
    clear: both;
    color: white;
    text-align: left;
    background: #fff;
}

#Menu li ul li a {
    padding: 7px 12px;
    font-size: 14px;
    text-align: left;
    margin: 0;
    width: 160px;
    height: auto;
}
#Menu li ul li:hover a {
    color: #FFF;
}
#Menu li ul li:hover {
    background: #ddd;
}
#Menu li ul li a:hover {
    text-decoration: none;
}

#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;  
}
/* 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;
    position: relative;
    clear: both;
    width: 100%;
    background-color: transparent;
}

div#headbox {
    display: none;
    position: absolute;
    right: 10%;
    bottom: 44px;
}

/* Logo */

#Logo {/* display: block; */width: 100%;height: auto;/* position: absolute; *//* float: left; *//* padding: 0; */margin: 24px auto;text-align: center;max-width: 1170px;border-top: 1px solid #e2e2e2;}

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

div#Logo.logo-font {
    display: none!important;
}

#Logo img{
    float: none;
    width: auto;
    height: 150px;
    margin:auto;
    vertical-align: middle;
}

/* 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: 0px 0;
}
div#SideCategoryList, div#SideShopByBrand {
    font-size: 18px;
    margin: 50px 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: 1170px;
}

.BlockContent {
    position: relative;
}
.Content .Block {
    clear: both;
}

.Block {
}

.Content h2, .TitleHeading {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #444;
    margin: 20px 0;
}

.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 auto;
    padding: 20px 0 5px;
    background-color: #fff !important;
    max-width: 1170px;
    border-top: 1px solid #e2e2e2;
    font-size: 16px;
}

#Footer p,#Footer a, #Footer span {
    color: #545454 !important;
}
#Footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#Footer li {
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    /* text-align: center!important; */
}

#Footer li a {
    text-decoration: none;
    padding: 0 10px 6px 10px;
    text-align: left;
    display: block;
}

/* 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 */

.ProductList {
    /* max-width: 1170px; */
    list-style: none;
    margin-left: auto;
    /* margin: 0 auto; */
    /* position: absolute; */
    margin-right: auto;
    padding: 0px 40px;
    /* margin: 0 4.5px; */
    width: fit-content;width: 100%;
    display: inline-block;
}

.Content .ProductList li {
    list-style: none;
    float: left;
    border: 0;
    font-size: 0.95em;
    margin: 1%;
    padding: 1%;
    overflow: hidden;
    min-height: 25em;
    text-align: left;
    border-radius: 5px;
    transition: all 0.2s ease;
    position: relative;
}

.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 10%;
    width: 80%;
    background-color: #1d1d1dbd;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.2s ease;
}

.ProductImage {
    height: auto;
}

.ProductImage, .ProductImage img {
    width: 100%!important;
    height: auto;
    margin: 0 auto;
}


.Content .ProductList li .ProductDetails {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 900;
    height: 75px;
    width: 100%;TEXT-ALIGN: CENTER;
    overflow: hidden;
}

.ProductList strong, .ProductList strong a {
    /* font-weight: 900; */
    /* color: #5380cc; */
    text-align: left!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #677e87;    color: #777777;
}

.Content .ProductList li .ProductPriceRating {
    font-size: 14px;
    position: relative;
    margin: 2px 0;TEXT-ALIGN: CENTER;
}

.ProductList a {
    text-decoration: none;
}

.ProductList .ProductImage {
/*margin: 0 0 5px 0; */
    display: FLEX;
    JUSTIFY-CONTENT: center;
    width: 120px;
    /* height: 190px!Important; */
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
}

.ProductList .ProductImage img {
    vertical-align: middle;
}

.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;
    display: none;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
    display: none;
}

.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: #000000;
}

.Right .SideCart p
{
    color: #000000;
}/* 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: 0.95em;
    color: #444;
    float: unset;
    /* position: absolute; */
    right: 0;
    TEXT-ALIGN: RIGHT;
}

.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}

.Clear {
    clear: both;
}

.Field45 {
    width: 95px;
    padding: 6px 4px;
    height: 35px;
    font-size: 17px!important;
    text-align: center!important;
    margin-bottom: 13px;
}

.Field100 {
    width: 100px;
}

.Field150 {
    width: 150px;
}

.Field200 {
    width: 300px;
    padding: 5px;
    /* margin: 10px; */
    height: 20px;
    border: none;
    border-width: 2px;
    background: #efe9de;
    border-radius: 5px;
    /* overflow: hidden; */
}

.Field250 {
    width: 250px;
}

.Field300 {
    width: 300px;
    padding: 5px;
    /* margin: 10px; */
    height: 100px;
    border: none;
    border-width: 2px;
    background: #efe9de;
    border-radius: 5px;
    /* 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 {
    font-size: 16px;
}

.PrimaryProductDetails .ProductThumb {
    position: relative;
    width: 50% !important;
    text-align: center;
    left: 0;DISPLAY: INLINE-BLOCK;
    top: 0;
}

.PrimaryProductDetails .ProductMain {
width: 48%;
    DISPLAY: inline-block;
    /* top: 50%; */
    /* right: 0px; */
    /* transform: translate(0, -50%);*/
}

.PrimaryProductDetails .ProductMain, .PrimaryProductDetails .ProductMain * {
    font-size: 16px;
}

div#ProductDetails .BlockContent {
    DISPLAY: flex;
    ALIGN-ITEMS: start;
}

.PrimaryProductDetails dl {
    font-size: 0.90em;
}

.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.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: 12px 10px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}

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;
}/* 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;
    display: inline-block;
}

.SubCategoryList ul, .SubCategoryList li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryList li {
    margin: 0;
    padding: 0;
    width: fit-content;
    float: left;
    /* display: block; */
}

.SubCategoryList li a:hover {
    background-color: #aaa;
}

.SubCategoryList li a {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    background-color: #ddd;
    margin: 10px;
    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 li {
    margin-bottom: 8px;
}

.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;display: INLINE-BLOCK;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #aaaaaa;
    font-style: italic;
    font-family: Georgia, Utopia, 'Times New Roman', Times, serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

.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: block;
    margin-top: 3px;
    position: absolute;
    bottom: -40px;
    width: 100%;
    transition: 0.5s all;
}


.ProductImage:hover .ProductActionAdd {
    bottom: -0px;

}

.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-top: 6px;
   /* padding-left: 140px;*/
}

.ProductDetailsGrid .Label {
    /*margin: 0 0 6px -140px;*/
    float: left;
    width: 130px;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;    DISPLAY: NONE;
}

.BulkDiscount {
    /* position: absolute; */
    display: inline-block;
    bottom: 0;
    left: 120px;
    transform: translate(0, 0%);
}

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

/* 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 */

#mobliebutton button ,button#search{   
    width:40px;
    height:40px; 
    background: none;
    border: none;
    color:#222;
    padding:0 2vw;
}
#mobliebutton{
    display:none;
    position: absolute;
    top: 2vw;
    left: 0;
    z-index: 9999;
}
#searchbutton{
    display:none;
    position: absolute;
    top: 2vw;
    z-index: 9999;
    right:0;
    }
button#search img {
    width:100%;
    height: auto;
}

/*custom*/

.table-wrap{
padding: 5%;}

.table-td p{
    font-size:1.03em;
    line-height:3em !important;
    }
#ContactForm {
    font-size:1.3em;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
#TopMenu li i {
    margin-right: 4px;
}

div#Box2 img {
    margin: 0 auto;
    max-width:100%;
    height:auto;
}

div#Box2 p {
    text-align: center!important;
}

div#Box2 {
    margin-top: 48px;
}


.float-right {
    float: right;
}

div#Box3 {
    padding: 0 32px;
}

div#Box3 img {
    padding: 16px 14px;
}

div#Box4 {
    padding: 0 32px;
}

div#Box4 img {
    padding: 16px 14px;
}

.ProductActionAdd.mobile {
    display: none;
}

div#Box4 img:nth-child(1) {
    margin-right: 26px;
}

div#Box4 img:nth-child(3) {
    margin-left: 35px;
}

span.FeedLink.FloatRight {
    display: none;
}

.Content .ProductList li,
.fastCartContent .ProductList li {width: 28%!Important;}


.col-sm-6 {
    width: 50%;
    float: left;
}

.col-sm-12 {
    width: 100%;
    display: inline-block;
    margin: 50px 0 30px 0;
}

.col-sm-6.sociallinks ul li a {
    text-align: right!important;
}


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

#Menu div#SideCategoryList, div#SideShopByBrand {
    margin: 0;
    font-size: 14px;
}
tr.gery th {
    background: #F6F6F6!important;
}

table.General tbody tr.First td img {
}
#Menu div#SideCategoryList, div#SideShopByBrand a {
    font-size: 14px;
}
.desktop{display:inline-block!important;}
.mobile{display:none!important;}