/* Global Reset */

* {
    margin: 0;
    padding: 0;
}

input.cts_btn_addtocart {
    padding: 10px 40px;
    margin-top: -13px;
    background: #fda02d;
    border: 0;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size: medium;
    letter-spacing: 2px;
}

input.cts_btn_addtocart:hover{
    background:#fd832d;
    cursor: pointer;
}
span.cts_prod_debox_border {
    padding: 2px;
    border: #e22929 1px solid;
    color: #e22929;
}
.cts_page_menu_uus{
    width: 58%;
    margin-left: 3%;
}
.cts_page_menu_right svg {
    color: #f28260;
    padding: 10px;
    font-size: large;
    margin: 0 10px;
}
.cts_desno_mobile_on{
    display: none;
}
.cts_page_menu_right .cts_padding_top svg{
padding: 10px;
border-radius: 25px;
background: #f28260;
color: white;
}


.cts_page_menu_right{
    display: inline-block;
}
.cts_page_menu_right li {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
.cts_btn_btn1{
    background-color: #36aada;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.mainbox{
    display: flex;
}

.mainbox .lSPager {
    display: none;
}
.cts_left_hm_newp{
    width: 45%;
} 
.cts_index_right_flo{
    width: 55%;
}
.cts_padding_top {
    padding-top: 5px;
}
.cts_top_fl_borderr{
    border-right: 2px solid #fff;
    margin-left: 20px;
}
#TopMenu .ifontla{
    font-size: unset;
    padding: unset;
}

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

div#Box1 {
    font-size: 16px;
    text-align: left;
}
div#Box1 table {
    width: 50%;
    max-width: 1400px;
    margin: 0 auto;
    border-spacing: 12px;
    
}
div#Box1 td {
    width: 25%;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
}

div#Box1 a {
    text-decoration: none;
}
div#Box1 h2 {
    color: #fff;
    font-size: 38px;
    margin: 0;
    padding-bottom: 20px;
}
div#Box1 h1 {
    font-size: 24px;
    padding-bottom: 20px;
}


<!--2 col table -->


div#Box2 {
    /* background: #1671a8;
    color: #fff; */
    text-align: center;
    font-size: 18px;
    /* padding: 5%; */
}
div#Box2 table {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    border-spacing: 50px;
}
div#Box2 td {
    width: 33%;
    vertical-align: top;
    /* background: #fff;
    color: #1671a8; */
    padding: 20px 0 30px;
}
div#Box2 td img {
    /* max-width: 200px; */
        border-radius: 15px;
}
div#Box2 >h1 {
    padding-bottom: 20px;
}

<!--3 col table -->
div#Box3 {

}
div#Box3 h3 {
    font-size: large;
    padding: 20px 0;
}
div#Box3 td img {
    border-radius: 15px;
}

div#Box3 td:hover img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
div#Box3 td:hover img {
    opacity: .5;
}


div#Box3 table{
    max-width: 1400px;
    margin: auto;
    width: 90%;
    border-spacing: 20px;
}
div#Box3 h1 {
    color: #013472;
    padding-bottom: 20px;
}

div#Box4 table {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0;
    border-spacing: 12px;
}



div#Box6 table {
    width: 80%;
    margin: auto;
}
div#Box6 a {
    text-decoration: none;
}
div#Box6 td:nth-child(1) {
    width: 25%;
}
div#Box6 td{
    width: 10%;
    text-align: left;
}
/* 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; */
    text-align: center;
}
.NarrowFormContainer p.Submit {
    /* margin-left: 120px; */
    text-align: center;
}
.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%;
    min-height: 35px;
    z-index: 999;
    background-color: #f26070;
}
#TopMenu * {
    color: #fff;
}
#TopMenu li a>i {
    font-size: 18px;
}
#TopMenu li.floatLeft {
    float: left;
    font-size: 15px;
}
#TopMenu img {
    height: 20px;
}
#TopMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 1400px;
    margin: 0 auto;
}
#TopMenu li {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
#TopMenu li.First a {
    border-left: 0;
}
#TopMenu li a,
#TopMenu li div {
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0 10px 0 10px;
    margin: 8px 0 0 0;
}
#TopMenu li div a {
    padding: 0px 8px;
    margin: 0;
    display: inline;
}
#TopMenu li a:hover {
    text-decoration: none;
}

/* Pages Menu */

#Menu {
    clear: both;
    margin: auto;
    position: relative;
    text-align: left;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
}
#Menu ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
#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: #353535;
    margin-top: 20px;
}
#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;
    line-height: initial;
    text-align: left;
    background: #cfcfcf;
}
#Menu li ul li a {
    padding: 7px 12px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 160px;
    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;
    margin-top: 0;
}
.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;
    width: 100%;
    background-color: #fff;
}
div#headbox {
    display: none;
    position: absolute;
    right: 10%;
    bottom: 44px;
}

/* Logo */

#Logo {
    display: inline-block;
    width: 20%;
    height: auto;
    text-align: right;
    position: relative;
    padding: 0;
    z-index: 999;
    vertical-align: middle;
}
#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 {
    display: flex;
    text-align: center;
    width: 96%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 12px 0;
}
/* Top Search Form */
#SearchForm svg {
    margin: 0 0 -9px 0;
}

#SearchForm {
        /* display: none; */
        margin: 0;
        margin: 20px;
        padding: 20px 0 0;
        text-align: right;
}
#SearchForm label {
    font-weight: bold;
    margin-top: 11px;
    color: #777!important;
}
#SearchForm input.Textbox {
    width: 100px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0.9em;
    padding: 3px;
    margin: 5px;
}
#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: 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: 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-color: #353535;
    color: #fff;
}
#Footer  a,#Footer  a span {
    color:#cce9ff;
}
#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;
    /* flex: 1 1 auto;
    width: 25% !important; */
    margin-bottom: 42px;
    padding: 8px;
    height: auto !important;
}
.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: #e40011;
    color: white;
    font-size: 14px;
    border-radius: 10px;
    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: 3em;
    font-weight: 900;
}
.ProductList strong,
.ProductList strong a {
    font-weight: 900;
    color: #222;
    text-decoration: none;
}
.Content .ProductList li .ProductPriceRating {
    font-size: 18px;
    position: relative;
    margin: 2px 0;
}
.ProductList .ProductImage {
    margin: 0 0 5px 0;
    display: block;
    width: auto !important;
    height: auto !important;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}
.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;
}
.ProductList li .ProductCompareButton {
    display: none;
    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: 0.95em;
    color: #444;
    float: unset;
    position: unset;
    text-align: right;
    right: 0;
}
.CompareButton {
    display: none;
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}
.Clear {
    clear: both;
}
.Field45 {
    width: 45px;
}
.Field100 {
    width: 100px;
}
.Field150 {
    width: 150px;
    width: 100%;
    padding: 10px 0;
    margin: 10px 0 5px;
    border: none;
    border-bottom: #dddfe2 1px solid;
}

.Field200 {
    width: 300px;
    padding: 5px;
    margin: 5px 0;
    min-height: 20px;
    border: none;
    border-width: 2px;
    background: #efe9de;
    BORDER: 1px solid #222;
    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 {
    height: 330px;
    float: left;
    width: 335px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}
.FormContainer.HorizontalFormContainer.NarrowFormContainer {
    width: 50%;
    display: inline-block;
    margin-left: 38px;
}
.AccountLogin {
    /* float: left;  */
    /* padding-left: 20px; */
    width: 100%;    width: 90%;
    text-align: center;
    BORDER: 1PX SOLID #222;
    PADDING: 5%;
}
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: 95%;
    max-width: 1400px;
    margin: 0 auto;
}
.PrimaryProductDetails .ProductThumb {
    position: relative;
    width: 50% !important;
    text-align: center;
    left: 0;
    top: 0;
}
.PrimaryProductDetails .ProductMain {
    width: 50%;
    position: absolute;
    top: 40%;
    right: 0px;
    transform: translate(0, -50%);
}
.PrimaryProductDetails .ProductMain,
.PrimaryProductDetails .ProductMain * {
    /* font-size: 16px; */
}
.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: 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;
}

/* 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: 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;
}
.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;
}
.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 */

.cts_prodde_ship_btm {
    margin-top:40px ;
}
.AddCartButton input[type="image"] {
    width: 150px;
    border-radius: 10px;
}

.AddCartButton input[type="image"]:hover{
    transform: scale(1.1);
}

.ProductDetailsGrid h2{
    text-align: left;
}
.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 6px;
    /* padding-left: 140px; */
    font-size: medium;
}
.ProductDetailsGrid .Label {
    margin: 0 0px 8px 0;
    float: left;
    /* width: 130px; */
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;
}
.BulkDiscount {
    position: absolute;
    /* display: inline-block;
    bottom: 0; */
    left: 0;
    transform: translate(0, 100%);
}
.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*/

#ContactForm {
    font-size: 1.3em;
    width: 500px;
    margin-left: auto;TEXT-ALIGN: CENTER;
    margin-right: auto;    PADDING: 0;
}


div#CreateAccountForm {
    font-size: 1.1em;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

#LoginForm {
    width: 50%;
    margin: 0 auto;
}

input#LoginButton {
    background-color: #4dbd2c;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 7px;
}

#ContactForm .Field300, #ContactForm .Field200 {
    MARGIN: 5PX;
    border: 1PX SOLID #222;
}

input#LoginButton:hover{
    background-color:#368411;
}


.FormUnit--spin {
	display: inline-block;
	display: flex;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.FormUnit-quantity {
    background-color: #ccc;
    border: 0;
    height: 1.5rem;
    color: #919191;
}
.FormUnit-quantity--add {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: none;
	float: right;
    order: 3;
    width: 20px;
}
.FormUnit-quantity--remove {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-right: none;
	float: left;
    order: 1;
    width: 20px;
}
.FormUnit-field--spin {
	border: 1px solid #232323;
	order: 2;
	padding: 0.275rem;
	min-width: 1.5rem;
}

button:disabled {
	opacity: 0.5;
}

.FormUnit-field:invalid {
	border: 1px solid red;
}

.FormUnit-field:valid {
    border: 1px solid #ccc;
    width:50px;
    text-align: center;
}