/*
    3dcart Style Sheet 
    by Infomart2000 Corp.
    www.3dcart.com
    ---------------------   */



/*body:: Controls website background and any other text outside of a table without an associated style.*/
body {

font-family: 'CenturyGothic', sans-serif;
font-size: 13px;
color: #000000;
background: #ffffff;
font-weight: 300;
padding: 0;
margin: 0;
max-width: 100%;
min-width: 320px;
overflow-x: hidden;

}
img {
border: 0;
}
input,
textarea,
select {
font-family: 'CenturyGothic', sans-serif;
}
#mobileMenu i,
#mobileCart i {
color: #6bcaba;
font-size: 21px;
}
::selection {
color: #FFF;
background: #6bcaba;
}
::-moz-selection {
color: #FFF;
background: #6bcaba;
}
blockquote {
font-family: 'CenturyGothic', sans-serif;
color: #000000;
font-size: 30px;
font-weight: 300;
text-align: center;
line-height: 1em;
background: #ffffff;
border-left: 6px solid #c0c0c0;
margin: 30px 0;
padding: 40px;
}
.clear { clear:both;}

#viewCartQuick .product-item .img {
    height: auto;
    margin-bottom: 10px;
    min-height: 120px !important;
    padding-top: 10px;
}
#viewCartQuick .product-item {
    height: auto;
    margin: 0 3px;
    min-height: 160px;
    position: relative;
    text-align: center;
    width: auto;
}
/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)           */
/*******************************************************************************************************/


/*store-name:: Store Name.*/	 
.store-name {
font-size: 35px;
color: #3e343c;
font-weight: 300;
text-decoration: none;
line-height: 35px;
margin: 0;
padding: 25px 0 0 0;
}
/*store-slogan:: Store Slogan.*/	 
.store-slogan {
font-size: 14px;
color: #ad0413;
font-weight: 300;
text-transform: lowercase;
margin: 0;
padding: 15px 0 0 0;
}
/*frame:: Controls the left and right column background.*/
.frame {
background: #ffffff;
}
/*mod_bg:: Controls the left and right column modules background.*/
.mod_bg {
background: none;
}
/*frame-ht:: Controls the height left, right and middle columns.*/
.frame-ht {
height: 1000px;
}
/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers {
background-color: #6bcaba;
font-size: 15px;
color: #000;
font-weight: 300;
text-transform: uppercase;
line-height: 30px;
margin-bottom: 10px;
display: inline-block;
padding: 0 10px;
}
/*footer:: This style controls the text you type under global footer. Merchants usually use to add security logos, credit card logos, privacy notes, etc.*/
.footer {

font-size: 11px;
color: #000;
font-weight: 300;

}
/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:hover {
font-size: 11px;
color: #6bcaba;
font-weight: 300;
text-decoration: underline;
}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
font-size: 10px;
font-weight: 300;
color: #FFF;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
width: 30px;
height: 30px;
line-height: 30px;
background: #9a9a9a;
position: absolute;
top: -8px;
left: 112px;
font-size: 18px;
font-weight: 300;
color: #FFF;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-border-radius: 50%;
}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {
float: left;
font-size: 12px;
font-weight: 400;
color: #000;
width: 12px;
height: 20px;
text-align: left;
}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {
font-size: 12px;
color: #ffffff;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {

font-size: 12px;
color: #000;
font-weight: Normal;

}
/*cart-text:: Controls the way the text on the mini shopping cart displays. The mini-shopping cart is usually located in the header.*/ 
.cart-text {
font-size: 12px;
font-weight: 300;
color: #000;
}
/*search-text:: Controls the way the search box displays of the frame.*/ 
.search-text {
font-size: 20px;
font-weight: normal;
color: #000000;
line-height: 57px;
height: 57px;
width: 443px;
background: #ffffff;
border: none;
padding: 0 0 0 25px;
margin: 0 11px 0 0;
}
/*A.cat:: Controls the way the Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/  
A.cat {
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
padding: 6px 5px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
/*A.cat:hover:: When a user passes  their mouse over them.*/
A.cat:hover {
color: #fbf9f2;
background: #6bcaba;
text-decoration: none;
}
/*A.subcat:: Controls the way the Sub-Category Links display in the left or right navigation bars before a user clicks or mouses over them.*/  
A.subcat {
color: #000000;
font-size: 12px;
font-weight: 300;
font-style: normal;
text-decoration: none;
}
/*A.subcat:hover:: When a user passes  their mouse over them.*/
A.subcat:hover {
color: #6bcaba;
text-decoration: none;
}
/*A:menu:: Controls the way the Links display in the top navigation before a user clicks or mouses over on them.*/  
A.menu {
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
padding: 5px;
}
/*A:menu:over:: When a user passes their mouses over them.*/
A.menu:hover {
color: #fbf9f2;
background: #6bcaba;
text-decoration: none;
}
/*A:menu-bottom:: Controls the way the Links in the footer display before a user clicks or mouses over on them.*/  
A.menu-bottom {
color: #000000;
font-size: 16px;
font-style: normal;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
}
/*A:menu-bottom:over:: When a user passes their mouses over them.*/
A.menu-bottom:hover {
color: #6bcaba;
text-decoration: none;
}
ul#menu-bottom {
width: 300px;
height: 125px;
float: left;
}
li#menu-bottom {
width: 150px;
line-height: 20px;
list-style: none;
float: left;
}
/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/  
A.link {
color: #000000;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-decoration: none;
}
/*A:link:over:: When a user passes their mouses over them.*/
A.link:hover {
color: #6bcaba;
text-decoration: none;
} 
A.details {
color: #000000;
font-size: 12px;
font-style: normal;
text-decoration: underline;
font-weight: 300;
}
/*A.details:hover:: When a user passes their mouse over them.*/
A.details:hover {
color: #6bcaba;
text-decoration: none;
}
/*******************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************/



/*Alignment fix for the use of the XHTML Transitional DOCTYPE.*/ 
tr {
text-align: left;
}
/*td:: Controls all text inside a table without and associated style.*/ 
td {
text-decoration: none;
word-spacing: normal;
font-size: 12px;
}
/*data:: Controls the font style of your content on all the pages.*/
.data {

text-decoration: none;
word-spacing: normal;
font-size: 13px;

}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
background: #ffffff;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {

font-size: 38px;
font-weight: 300;
color: #000000;
text-transform: none;

}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {

font-size: 14px;
color: #000000;
font-weight: 300;

}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {
font-size: 13px;
color: #000000;
font-weight: bold;
letter-spacing: 0;
}
/*error:: Controls the error messages*/ 
.error {
font-size: 12px;
font-weight: 300;
color: #af0b03;
text-decoration: none;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {
color: #585C5F;
border: 1px solid #CCC;
border-style: none none solid;
}
/*borders2:: Controls the color of the solid line dividers used throughout the site.*/ 
.borders2 {
border: 1px solid #CCC;
border-style: none none solid;
}
/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/  
A {
color: #861f41;
font-size: 12px;
font-style: normal;
text-decoration: none;
font-weight: 300;
}
/*A:hover:: When a user passes  their mouse over them.*/
A:hover {
color: #6bcaba;
text-decoration: underline;
}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON VIEW CART AND CHECKOUT PAGES      */
/*******************************************************************************************************/

/*checkout-headers:: Controls the titles of the sections on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers {
font-size: 14px;
color: #000;
font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
font-size: 16px;
font-weight: bold;
color: #000;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
font-size: 16px;
font-weight: bold;
color: #6bcaba;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
font-size: 12px;
font-weight: bold;
background-color: #6bcaba;
color: #000;
padding:4px;
}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/

/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
font-size: 12px;
font-weight: bold;
color: #000000;
border: 1px solid #CCC;
border-style: none none solid;
}
/*item:: Controls the item description and item details text.*/ 
.item {
font-size: 12px;
color: #000000;
font-weight: 300;
        background: #ffffff;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
font-size: 22px;
color: #000000;
font-weight:normal;
}
/*price-info:: Controls the way the sub-prices display on the product page, the final price is controlled by the style called "price".*/ 
.price-info {
font-size: 12px;
font-weight: 300;
color: #000;
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
color: #6bcaba;
text-decoration: none;
text-align: left;
letter-spacing: 0;
font-size: 10px;
vertical-align:bottom;
}
/*availability-txt:: Controls the way the Availability of the product displays i.e. 'In Stock', 'Back Order'.*/ 
.availability-txt {
color: #585C5F;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
color: #585C5F;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 7px;
line-height: 10px;
font-size: 16px;
font-style:italic;
}
/**********************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/**********************************************************/

/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {

border: none;
background: #6bcaba;
font-family: 'CenturyGothic', sans-serif;
font-weight: 300;
font-size: 18px;
color: #000;
cursor: pointer;


margin: 0;
padding: 9px 14px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;

}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {

border: none;
background: #861f41;
font-family: 'CenturyGothic', sans-serif;
font-weight: 300;
font-size: 18px;
color: #000000;
cursor: pointer;
margin: 0;
padding: 9px 14px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;

}
/*button:hover:: Controls the button tag when a user mouses over them, (ONLY if it is not using and image).*/ 
button:hover {
border: none;
background: #6bcaba;
font-weight: 300;
font-size: 18px;
color: #000000;
cursor: pointer;
margin: 0;
padding: 9px 14px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  
.txtBoxStyle {
border: 1px solid #b7b4ac;
background: #eee;
font-weight: 300;
font-size: 12px;
color: #000000;
    margin: 0;
padding: 8px 12px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/
.txtAreaStyle {
border: 1px solid #b7b4ac;
background: #ffffff;
font-weight: 300;
font-size: 12px;
color: #000000;
    margin: 0;
padding: 8px 12px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
height: 20px;
color: #000000;
font-size: 12px;
border: none;
padding: 3px 0 0 0;
margin: 0;
}

/********************************************/
/*   STYLES USED ONLY ON THE INVOICE        */
/********************************************/

/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table {
background-color: #6bcaba;
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
font-size: 10px;
font-weight: bold;
background-color: #ffffff;
color: #4f4e4e;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */ 
.font1 {
font-size: 12px;
font-weight: 400;
color: #000000;
}
/*font2:: Secondary Screen Font */ 
.font2 {

font-size: 12px;
font-weight: 400;
color: #6bcaba;

}
.font3 {
font-size: 12px;
font-weight: 400;
color: #FFF;
}
.font4 {
font-size: 12px;
font-weight: 400;
color: #ffffff;
}
/*top:: Controls the  Color of the top Bar*/
.top {

background: #ffffff;

}
/*line:: Controls the  Color of the line bellow the top bar*/
.line {
background: #000000;
}

/*********************************/
/*          CUSTOM STYLES        */
/*********************************/

/* Accent/Secondary Colors */

.accent-color {
    color: #6bcaba;
}
.accent-bg-color {
    background: #e2e2e2;
    color: #000;
}

#mainContainer {
margin: 0 auto;
    /*padding: 0 45px;*/
padding: 0;
    position: relative;
    width: 100%;
}
header {
margin: 0 auto;
    max-width: 100%;
    position: relative;
}

/*#logo {
margin: 0 auto;
height: 120px;
max-height: 100%;
position: relative;
}*/
#logo {
margin: 0 auto;
height: 100px;
max-height: 100%;
position: relative;
float:none;
text-align:center;
width:100%;
}
/*#logo img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}*/
#logo img {
max-width: 90%;
max-height: 100%;
position: absolute;
margin:0 auto;
left:0;
right:0;
text-align:center;
top:0;
/*border-bottom:2px solid #000;*/
}
#logo a {
text-decoration: none;
display: inline-block;

}
#logo a:hover {
text-decoration: none;
}
#cart {
font-size: 10px;
color: #ad0413;
font-weight: 300;
text-align: center;
background: #3e343c;
padding-top: 50px;
width: 108px;
height: 108px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
right: 0;
top: -42px;
z-index: 1;
overflow: hidden;
cursor: pointer;
}
#cart span {
font-family: 'CenturyGothic', sans-serif;
font-size: 14px;
color: #FFF;
font-weight: 300;
line-height: 22px;
display: block;
}
a#search {
background: #6bcaba url(../images/lens.png) no-repeat center center;
width: 45px;
height: 45px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: absolute;
right: 92px;
top: -12px;
display: block;
z-index: 2;
}
#searchBox {
display:block !important;
float: right;width: auto;padding: 20px 0;
background:#e2e2e2; padding:0px; float:left;
border: 1px solid;
}
#searchBox .ms-searchBox{background:#ffffff; height:32px; /*max-width: 70%;*/ color:#fff; }
#searchBox input[type="text"] {
border: none;margin: 0;height: 32px;width: 100px;line-height: 32px;padding-left: 15px;padding-right: 15px;vertical-align: middle; background:#ffffff; color:#000;
}
#searchBox input[type="submit"] {
background:#e2e2e2 url(../images/search_btn-sml.png) no-repeat; border:none !important;cursor: pointer;float: right; font-size: 12px;font-weight: 600;height: 24px;line-height: 24px;margin: 7px 4px 0;padding: 0; width: 16px; text-indent:-999px;
}
.status img {
    border: 0 none;
    width: 50px;
}
.ls-search {float: right;width: auto;padding: 20px 0; display:none !important;}
.ls-search-box { background:none; padding:0px; float:left;}
.ls-search-box-inner { background:#ffffff; height:32px; /*max-width: 70%;*/ color:#fff;}
.ls-search-text { border: none;margin: 0;height: 32px;width: 100px;line-height: 32px;padding-left: 15px;padding-right: 15px;vertical-align: middle; background:#ffffff; color:#000;}
.ls-search-btn { background:#414142 url(../images/search-icon.jpg) no-repeat; border:none !important;cursor: pointer;float: left; font-size: 12px;font-weight: 600;height: 24px;line-height: 24px;margin: 7px 4px 0;padding: 0; width: 16px;}

nav {
/*margin-bottom: 30px;
min-height: 49px;
overflow:hidden;*/
}
nav ul {
list-style: none;
text-align: center;
line-height: 49px;
padding: 0;
margin: 0;
}
nav li {
display: inline-block;
*display: inline;
    zoom: 1;
}
/*#homeCarousel {
    margin: 0 0 30px;
background: url('../images/angled-bg.png') repeat top left;
padding: 10px;
}*/
ul.slides li {
/*float:none !important;*/
margin-top: 0px
}
#homeCarousel {
    margin: 0 0 30px;
}
#homeCarousel .slides {
/*padding: 10px;
background: #ffffff;*/
}
#homeHeader .content {
text-align:center;
}
.home_promo_txt1 {
    font-size: 16px;
text-align:center;
margin-bottom: 20px;
}
@media only screen and (min-width: 901px) {
.home_promo_txt1 h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0;
}
.home_special_cats {
    display: inline-block;
    text-align: center;
width: 16.666666%;
}
.home_special_cats > a {
    display: block;
    font-size: 25px;
    font-weight: 300;
}
}
@media only screen and (max-width: 901px) {
.home_promo_txt1 h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0;
}
.home_special_cats {
    display: inline-block;
    text-align: center;
width: 49%;
}
.home_special_cats > a {
    display: block;
    font-size: 18px;
    font-weight: 300;
}
}
.home_special_cats > a img {
max-width: 100%;
}
.home-banner {
text-align:center;
margin-top: 20px;
}
.home-banner img {
max-width:100%;
}

@media only screen and (min-width: 901px) {
.content-bottom {
    display: block;
    margin: 0 auto;
    width: 60%;
}
.home-col-one {
    background-color: #ffffff;
    border: 2px solid #2b2b2b;
    display: inline-block;
    float: left;


    outline: 20px solid #ffffff;
    padding: 70px 25px;
    width: 46%;
}
.home-col-two {
    background-color: #ffffff;
    border: 2px solid #fa4b3a;
    display: inline-block;
    float: right;
    outline: 20px solid #2B2B2B;
    padding: 70px 25px;
    width: 46%;
}
.home-col-one > span, .home-col-two > span {
color: #fff;
    display: block;
    font-size: 36px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
}
.home-col-one > span:last-child, .home-col-two > span:last-child {
color: #F9F8B7;
}
}
@media only screen and (max-width: 900px) {
.content-bottom {
    display: block;
    margin: 0 auto;
    width: 94%;
}
.home-col-one {
    background-color: #fa4b3a;
    border: 2px solid #2b2b2b;
    display: block;
    outline: 20px solid #fa4b3a;
    padding: 40px 25px;
    width: 100%;
margin-bottom: 52px;
}
.home-col-two {
    background-color: #2B2B2B;
    border: 2px solid #fa4b3a;
    display: block;
    outline: 20px solid #2B2B2B;
    padding: 40px 25px;
    width: 100%;
}
.home-col-one > span, .home-col-two > span {
color: #fff;
    display: block;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
}
.home-col-one > span:last-child, .home-col-two > span:last-child {
color: #F9F8B7;
}
}

aside#leftBar {
float: left;
width: 218px;
margin-right: 32px;
    display: block;
}
aside .module {
margin-bottom: 25px;
}
aside .module ul {
list-style: none;
padding: 0;
margin: 0;
}
aside .module li a {
line-height: 23px;
}
aside .module .info {
float: left;
width: 184px;
}
aside .module .name {
display: inline;
}
aside .module .price2 {
display: inline;
font-size: 12px;
}
aside .module .div {
display: block;
height: 1px;
background: #bdbcb7;
margin: 10px 0 7px 0;
}
#mainContent {
float: left;
width: 100%;
}
@media (min-width: 768px) {
#mainContainer > #mainContent {
padding: 0 45px;
}
}
footer {
border-top: 1px solid #c0c0c0;
margin: 30px 0;
}
footer ul {
list-style: none;
display: block;
height: 59px;
line-height: 59px;
border-bottom: 1px solid #c0c0c0;
padding: 0;
margin: 0;
}
footer li {
/*float: left;*/
text-align:left;
margin:15px 0;
}
footer li.div {
width: 1px;
height: 14px;
background: #861f41;
margin: 23px 5px 0 5px;
}
footer li.div:last-child {
display: none;
}
.copyright {
padding: 0 55px;
text-align:center;
margin-top: 20px;
}
@media(max-width: 979px) {
.copyright {
padding: 0;
}
}
#copyright {
float: left;
line-height: 40px;
}
.social-icons {
margin-top: 10px;
text-align: center;
}
.social-icons a {
float: none !important;
width: 22px;
height: 22px;
display: inline-block;
margin-left: 5px;
background: url(../images/social-icons.png) no-repeat;
}
.social-icons a.facebook {
background-position: 0 0;
}
.social-icons a.twitter {
background-position: -26px 0;
}
.social-icons a.gplus {
background-position: -51px 0;
}
.social-icons a.youtube {
background-position: -77px 0;
}
.social-icons a.pinterest {
background-position: -103px 0;
}
.social-icons a.instagram {
background-position: -129px 0;
}
.social-icons a.tumblr {
background-position: -154px 0;
}
.social-icons a.blog {
background-position: -180px 0;
}
.stats {
height: 0;
overflow: hidden;
}
#simplemodal-container {
background: #ffffff !important;
border: 1px solid #000000 !important;
margin: 0 !important;
padding: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a.modalClose {
background: url(../images/x.png) no-repeat;
width: 15px;
height: 15px;
display: block;
position: absolute;
right: -25px;
top: -25px;
display: none;
}
#homeHeader {
padding-bottom: 0;

margin-bottom: 20px;
}
#homeHeader p, #homeFooter p {
text-align: justify;
}

.hs-item {
font-size: 16px;
color: #efeeeb;
font-weight: 300;
text-decoration: none;
float: left;
width: 100%;
height: 228px;
background: #ffffff;
position: relative;
margin: 0;
}
.last-item .hs-item {
margin-right: 0;
}
.hs-item .overlay {
width: 100%;
height: 228px;
background: #000000;
position: absolute;
left: 0;
top: 0;
opacity: 0.902;
cursor: pointer;
    overflow: hidden;
display: none;
}
.hs-item .info {
position: absolute;
top: 35%;
left: 0;
right: 0;
text-align: left;
padding: 0 30px;
}
.hs-item .img {
height: 228px;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.hs-item .img a {
    display: block;
}
.hs-item .img img {
    max-height: 150px;
    max-width: 150px;
}
.hs-item .name {
display: inline;
}
.hs-item .price2 {
display: inline;
}
#homeFooter {
padding: 20px 0;
}
#mobileMenu {
display: none;
float: left;
width: 30px;
height: 25px;
margin: 36px 0 0 0;
}
#mobileCart {
display: none;
float: right;
width: 30px;
height: 25px;
margin: 30px 0 0 0;
}
.mobile .search {
display: none;
}

h1.page_headers {
margin-bottom: 30px;
}
/*@media (min-width: 768px) {
#listing0 {
padding: 0 45px;
}
}*/
#listing0 h1 {
    margin-bottom: 20px;
}


ul#desktopMenu {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
border-bottom:1px solid #000;
max-height:54px;
overflow:visible;
}
ul#desktopMenu li {
display: inline-block  !important;
position: relative;
}
ul#desktopMenu > li:hover {
box-shadow: 0 0 4px #ccc inset;
}
ul#desktopMenu li:hover > a {
color: #6bcaba;
}
@media (min-width: 1101px) {
ul#desktopMenu li a {
display: block;
padding: 11px 20px;
color: #000000;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 20px;
    font-size: 18px;
    font-weight: 300;
}
}
@media min-width: 980px) and (max-width: 1100px) {
ul#desktopMenu li a {
display: block;
padding: 0 8px;
}
}
ul#desktopMenu .hide-li{
display:none !important;
}
#menubar_m1{
display:inline-block;
}
.sub-menu-item img{
left:230px !important;
}
ul#desktopMenu li a:hover {
color: #6bcaba;
text-decoration: none;
background: none;
}
ul#desktopMenu li ul {
display: none;
position: absolute;
text-align: left;
padding: 10px; 
/*margin-left: -2px;*/
width: 250px; 
top: 96%;
z-index: 99999;
}

ul#desktopMenu li:hover > ul {
display: block;
box-shadow: 0 2px 3px #fff;
}

ul#desktopMenu li ul li {
margin: 0;
padding: 0;
float: left;
display: block;
width: 100%;
}

ul#desktopMenu li ul li a:hover {
color: #6bcaba;
background: none;
}
ul#desktopMenu li ul li a {
color: #333;
text-transform: none;
font-weight: normal;
padding: 10px 10px;
display: block;
font-size:14px;
line-height: normal;
}
ul#desktopMenu li ul li:hover {
background: none;
}
/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-borderradius #cart {
    background: none;
    background: url('../images/cart.png') no-repeat center 35px;
}
.no-borderradius #search {
    background: none;
    background: url('../images/search-bg.png') no-repeat center 5px;
}
.no-boxshadow .boxShadow {
    border: 1px solid #eae9e6;
}
.sub-categories .img img {
    width: 100%;
}
#simplemodal-container .simplemodal-data {
    height: auto;
    overflow: hidden;
}

/*	Theme Responsive Styles
-----------------------	*/

@media only screen and (max-width: 767px) {
body {
max-width: 100%;
/*overflow-x: hidden;
padding: 0 20px;*/
}
#mainContainer {
width: 100% !important;
margin: auto;
}
aside {
display: none !important;
}
#mainContent {
display: block;
width: 100% !important;
}
#logo img {
/*position: static;*/
}
a#search, div#cart {
display: none !important;
}
#mobileMenu, #mobileCart {
display: block;
}

.mobile .search {
display: block;
border-bottom: 1px solid #4c434a;
margin: 5px 0;
padding-bottom: 10px;
}
.mobile .search form {
margin: 0 auto;
text-align: center;
}
.mobile .search input {
float: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
}
.mobile .search input[type="text"] {
font-size: 16px;
font-weight: normal;
color: #3d3d3d;
line-height: 30px;
height: 30px;
width: 76%;
background: #FFF;
border: none;
padding: 0 0 0 15px;
margin: 0 2% 0 0;
}
.mobile .search input[type="submit"] {
width: 15%;
height: 30px;
background: #9a9a9a url(../images/lens.png) no-repeat center center;
border: none;
cursor: pointer;
}
nav {
width: 100%;
height: 0;
border: none;
overflow: visible;
}
nav ul {
position: relative;
background: #000000;
/*display: none;*/
padding: 10px;
z-index: 1001;
}
nav li {
display: block;
border-bottom: 1px solid #fff;
}
nav li a{
font-size: 14px !important;
color: #fbf9f2 !important;
width: 100%;
float: none;
display: block;
padding: 0 !important;
}
.hide-cat{
display:block;
line-height:20px !important;
}
#menubar_m1{
display:none;
}
#homeHeader {
margin-bottom: 0;
padding-bottom: 20px;
}
#homeHeader img {
height: auto;
width: 100%;
}
.hs-item .img {
margin: 0 auto;
width: auto;
}
.hs-item .overlay {
width: 100%;
}
.hs-item .info {
position: absolute;
top: 35%;
left: 0;
right: 0;
text-align: center;
padding: 0 30px;
}
footer ul {
list-style: none;
display: block;
text-align: center;
line-height: normal;
height: auto;
padding: 10px 0;
border-bottom: 1px solid #000000;
}
footer li {
float: none;
display: inline-block;
margin: 0 5px 10px 5px;
white-space: nowrap;
}
footer .div {
display: none;
}
#copyright {
float: none;
text-align: center;
}
.social-icons {
float: none;
text-align: center;
}
.social-icons a {
float: none;
display: inline-block;
}
#globalFooter {
float: none;
text-align: center;
margin-top: 10px;
}
ul#desktopMenu .hide-li {
    display: block !important;
}

}

@media only screen and (max-width: 979px) {

body {
max-width: 100%;
/*overflow-x: hidden;
padding: 0 20px;*/
}
#mainContainer {
width: 100%;
}
#leftBar {
display: none !important;
}
#rightBar {
display: none;
}
.hfc-footer-links {
width:100% !important; text-align:center !important;
}

.hfc-footer-links ul {
margin:0px !important;
}
footer li {
/*float: left;*/
margin: 0 10px;
text-align: center;
}
footer li a{
font-size:14px !important;
}
.page_headers {
    font-size: 25px;
line-height:27px;
}
}

/*
START: HELPER CLASSES & STYLES
---------------------------------------------*/

/** START: COLUMNS */
.col-group:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .col-group             { zoom: 1; } /* IE6 */
*:first-child+html .col-group { zoom: 1; } /* IE7 */

.col-2, .col-xs-2,
.col-3, .col-xs-3,
.col-4, .col-xs-4 {
float: left;
display: inline-block;
}
.col-2 {
width: 50%;
}
.col-3,
.col-xs-3 {
width: 33.33333333%;
}
.col-4,
.col-xs-4{
width: 20%;
}
/** END: COLUMNS */

.text-left {
text-align: left;
}
.text-right {
text-align: left;
}
.text-center {
text-align: center;
}


/*
END: HELPER CLASSES & STYLES
---------------------------------------------*/

/*
START: CUSTOM THEME SPECIFIC STYLES
---------------------------------------------*/
.houzz {
color: #9a9a9a;

}
.top-menu-bar {
height: 35px;
    margin: 0 auto;
    max-width: 100%;
}
.tmb-left {
height: 33px;
    overflow: hidden;
    padding: 0;
    width: 50%;
}
.tmb-right {
width: auto;
float: right;
}
.tmb-phone,
.tmb-timing {
color: #6bcaba;
text-transform: uppercase;
font-size: 12px;
}
.tmb-phone:after {
content: '|';

display:inline-block;
margin: 0 3px;
}
.tt-days {
font-weight: bold;
margin-right: 5px;
}
.tmb-menu {
display: inline-block;
    height: 33px;
    margin-left: 0;
    max-width: 100%;
    overflow: hidden;
}
.tmb-menu ul { list-style-type:none; padding-left: 6px; }
.tmb-menu ul li { display:inline-block; margin:0 10px 0 0; line-height: 32px;}
.tmb-menu a {
color: #000 !important;
font-size: 12px;
text-transform: uppercase;
display: inline-block;
background: none !important;
padding-left: 0;
padding-right: 0;
}
.tmb-menu a:hover {
color: #6bcaba !important;
}
.tmb-menu a:not(:last-child):after{
color: #000;
/*content: '|';*/
content: '';
display: inline-block;
margin: 0 8px;
}
/*.tmb-menu > #FRAME_MENU > a:nth-child(3) {
padding-left: 30px;
background: #ffffff url('../images/chat.png') no-repeat left center !important;
}*/
.tmb-cart {
display: inline-block;
color: #000;
height: 33px;
padding: 4px 12px;
font-size: 12px;
        text-transform: uppercase;
background: none !important;
cursor: pointer;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.tmb-cart:hover {
color: #6bcaba;
}
.tmb-cart i {
margin-right: 5px;
}
.tmb-account {
display: inline-block;
line-height: 32px;
color: #000;
height: 33px;
padding: 4px 12px;
font-size: 12px;
    text-transform: uppercase;
background: none !important;
cursor: pointer;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.tmb-account:hover {
color: #6bcaba;
}
.tmb-account i {
margin-right: 5px;
}
.tmb-search {
    float: right;
    padding: 4px;
}
.tmb-search > form {
    position: relative;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.tmb-search form #searchlight {
    border: medium none;
    padding: 0 5px;
width:200px;
color: #666;
background-color: #e2e2e2;
float: left;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.tmb-search form #searchlight:focus {
    box-shadow: none;
color: #000;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.tmb-search > form:focus button {
display:block;
}
.tmb-search form button {
    background: #ffffff;
    border: 0 none;
font-size: 12px;
padding: 0 5px;
display:none;
width: 20px;
height: 20px;
position:absolute;
right: 0;
top:0;
}

/* LOGO AND SEARCH */
.logo-search {
/*padding: 18px 0;*/
padding:0px;
padding-bottom: 10px;
}
.hml-mailist-box {
/*background: url('../images/angled-bg.png') repeat top left;*/
padding: 5px;
clear:both;
}

.hml-mailist-box .options{
float:left;
}
.hml-mailist-box-inner {
background: #eeeeee;
height: 32px;
max-width: 100%;
margin-bottom:25px;
text-align: left;
}
.hml-text {
border: none;
margin: 0;
height: 32px;
width: 100%;
line-height: 32px;
padding-left: 15px;
padding-right: 15px;
vertical-align: middle;
background-color: #eeeeee;
}

.hml-btn {
border: none;
color: #ffffff;
text-transform: uppercase;
height: 32px;
width: 80px;
font-weight: 600;
font-size: 12px;
margin: 0;
padding: 0 16px;
line-height: 24px;
background: #6bcaba; /* Old browsers */
cursor: pointer;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
float: right;
-webkit-appearance: none;
border-radius:0;
}

.hml-btn:hover, .hml-btn:focus {
color: #fff;
background: #861f41; /* Old browsers */
}

/*nav.hz-cats-menu ul{
background-color: #c0c0c0;
line-height: 35px;
max-height: 35px;
max-width: 100%;
overflow: hidden;
border-bottom: 5px solid #000;
}*/
nav.hz-cats-menu ul{
background-color: #ffffff;
/*line-height: 50px;*/
/*max-height: 56px;*/
/*max-width: 100%;*/
/*overflow: hidden;*/
/*border-bottom: 5px solid #000;*/
margin:1px 0 0 0;
}
@media (min-width: 1101px) {
nav.hz-cats-menu ul>li>a.cat,
#menubar_m1 ul.desktopMenu li a {
color: #000;
text-transform: uppercase;
display: inline-block;
padding: 0 20px;
font-size: 18px !important;
font-weight:300;
}
}
@media (max-width: 1100px) {
nav.hz-cats-menu ul>li>a.cat,
#menubar_m1 ul.desktopMenu li a {
color: #000;
text-transform: uppercase;
display: inline-block;
padding: 0 8px;
font-size: 14px;
font-weight:300;
}
}
nav.hz-cats-menu ul>li>a.cat:hover,
#menubar_m1 ul.desktopMenu li a:hover{
color: #fff;
background-color: #000;
}


.hz-footer-container {
min-height: 245px;
background: #ffffff;
padding: 20px 0;
border-top: 2px solid #3e343c;
}
.hz-footer-container footer {
width: 100%;
max-width: 100%;
margin: 0 auto;
border: none;
padding:0 55px;
}
.hz-footer-container footer h3 {
font-size: 18px;
color: #000;
font-weight: bold;
}
.hz-footer-container footer ul {
border: none;
}
@media (min-width:980px) {
.hzz-mail-list {
    box-shadow: 0 0 13px #ccc inset;
}
}
.hzz-mail-list {
    margin: 0 auto;
    padding: 20px;
}
.hzz-mail-list h3{
font-family: 'CenturyGothic', sans-serif;
}
.hzz-mail-list p {
color:#000;
font-size:14px;
}

.hml-text {
max-width: 76%;
}
.hml-btn {
max-width: 20%;
}
.hfc-footer-links {
text-align: center;
float:left;
width:33.333333%;
text-align:left;
}
.hfc-footer-links .cc > li {
    display: inline;
}
.hfc-footer-links .social {
    height: auto;
}
.hfc-footer-links .social li {
    display: inline-block;
    line-height: normal;
    margin: 0 10px;
float:none;
}
.hfc-footer-links .social i {
    font-size: 40px;
-webkit-transition: background 200ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;
}
.hfc-footer-links .social i:hover {
color: #6bcaba;
-webkit-transition: background 200ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;
}
.hfc-footer-links ul {
display: inline-block;
height: auto;
line-height: 1;
margin: 20px auto;
}
@media (min-width:980px) {
.hfc-footer-links ul>li>a, .hfc-footer-links a.cat {
color: #000;
font-size: 14px;
text-transform:none;
}
}
@media (max-width:979px) {
.hfc-footer-links ul>li>a, .hfc-footer-links a.cat {
color: #000;
font-size: 14px;
text-transform:none;
display: block;
}
}
.hfc-footer-links ul>li>a:hover, .hfc-footer-links a.cat:hover {
background: none;
color: #6bcaba;
}
.hfc-footer-links ul>li>a:hover {
/*color: #6bcaba;*/
}
footer .hfc-footer-links li.div {
background: #ffffff;
margin: 0 8px;
}

.hz-mobile-menu {
width: 100%;
height: 50px;
display: none;
margin-bottom: 20px;
}
.hz-mobile-menu .col-group {
height: 100%;
margin: 0 -10px;
background-color: #6bcaba;
}
.hz-mobile-menu .col-group .col-xs-3{
height: 100%;
cursor: pointer;
-webkit-transition: background 200ms ease-in;
-moz-transition: background 200ms ease-in;
-ms-transition: background 200ms ease-in;
-o-transition: background 200ms ease-in;
transition: background 200ms ease-in;
}
.hz-mobile-menu .col-group .hmm-menu{
background: url('../images/menu.png') no-repeat center center;
}
.hz-mobile-menu .col-group .hmm-search{
background: url('../images/search.png') no-repeat center center;
border-left: 1px solid #5f5f5f;
border-right: 1px solid #5f5f5f;
}
.hz-mobile-menu .col-group .hmm-cart{
background: url('../images/mcart.png') no-repeat center center;
}
.hz-mobile-menu .col-group .col-xs-3:hover {
background-color: #ffffff;
}
.hcm-menu {
display: none;
}
.hz-cats-menu h3 {
display: none;
}
.hz-cats-menu .closeMenuBtn {
padding: 0;
font-size: 12px;
border: 0;
line-height: 12px;
display: inline-block;
width: 20px;
height: 20px;
margin-bottom: 30px;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #ffffff;
color: #000000;
}
.closeMenu {
display: none;
}


.flexslider:hover .flex-prev {
left: 40px !important;
}
.flexslider:hover .flex-next {
right: 40px !important;
}
#featured-items-heading {
/*margin-bottom:20px;*/
/*background:#c0c0c0;*/
}
#featured-items-heading h2{
    
    color: #000000;
font-family: 'CenturyGothic', sans-serif;
font-size: 36px;
text-transform: uppercase;
text-align: center;
font-weight: 300;
letter-spacing: 1px;
line-height:46px;
}
#featured-items-heading .fancy-devider {
height: 30px;
background: url('../images/top-shadow.png') no-repeat center center;
text-align: center;
display:none;
}
#featured-items-heading .pointing-down {
display: inline-block;
width: 25px;
height: 25px;
padding: 4px;
background: #9a9a9a;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.product-item.alternative {
min-height: 390px;
/*height:405px;*/
height:auto;
cursor: pointer;
background: none;
margin-bottom: 15px;
text-align: center;
box-shadow: 0 0 8px #efefef inset;
}
.product-item.alternative:hover {
background: #ffffff;
}
.product-item.alternative:hover .name a,
.sub-categories.alternative:hover a {
color: #6bcaba;
text-decoration: underline;
}
#featured-items-home.col-group .col-4 {
padding: 10px;
}
.product-item .action {
display: block;
margin: 37px 0 0;
}
.product-item .stars {
display: none;
}
.product-item .img {
width: 200px;
height: 300px;
margin: 0 auto;
max-width: 100%;
text-align: center;
padding: 0;
}
.product-item .img  img {
max-height: 100%;
max-width: 100%;
}
.product-item .stars {
  display: none;
  float: none;
  height: 16px;
  margin: 5px 0;
  text-align: center;
  width: 100%;
}
.product-item .stars img {
  float: none;
}
.product-item .stars span { display:none;}
.product-item .name {
  height: 78px !important;
  margin-bottom: 0;
  margin-top: 15px;
  min-height: 48px;
  overflow: hidden;
  text-align: center;
}
.product-item .description {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
display:none;

}
.product-item .name a {
color: #000000;
font-size: 18px;
font-family: 'CenturyGothic', sans-serif;
font-weight: 400;
text-decoration: none;
line-height:19px;
}
.product-item .name a:hover, .product-item .name a:focus {
color: #6bcaba !important;
}
.product-item .status {
display: block;
margin:0px;
color:#414142;
}
.product-item .price {
color: #000;
font-family: 'CenturyGothic', sans-serif;
font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 5px 0 0;
    text-align: center;
}
.product-item.alternative:hover .price {
    color: #6bcaba;
}
.product-item .price .retailprice {
    font-size: 14px;
    font-weight: normal;
}
.product-item .price .retailprice > span {
    margin-left: 5px;
}
.product-item .price .savings {
    font-size: 14px;
    font-weight: normal;
    color: #861f41;
}
.product-item.alternative:hover .price .savings {
    color: #6bcaba;
}
.product-item .price .savings > span {
    margin-left: 5px;
}
.product-item .on-sale {
background: #6bcaba;
border-radius:20px;
top:-7px;
right:-7px;
font-size:14px;
width:45px;
}
.product-container {
    width: 33.333% !important;
}
.menu-headers {
font-family: 'CenturyGothic', sans-serif;
display: block;
color: #fff;
}
div.qtybox {
margin-bottom: 10px;
}
span.line-between {
display: none;
}
.header h3,
h1.page_headers,
.titles {
color: #000000;
font-family: 'CenturyGothic', sans-serif;
text-transform:uppercase;
}
#featured-items-home {
/*background: url(../images/bottom-shadow.png) no-repeat bottom center;
padding-bottom: 40px !important;
margin-bottom: 60px;*/
}
#leftBanner, #rightBanner  {
margin: 25px auto;

}
aside .module li a,
aside .module .name,

aside .module .info,
aside .module .price,
aside .module a,
aside .module .ranking{
font-size: 13px;
}

@media(max-width: 991px) {
#mainContent {
    float: left;
    width: 100% !important;
}
}

@media(max-width: 979px) {

body {
padding: 0;
}
#mainContainer {
padding: 0 20px;
}
.col-2,
.col-3,
.col-4 {
width: 50%;
}
.ls-search,
.tmb-right,
.tmb-left {
width: auto;
}
.tmb-menu {
margin-right: 10px;
}
ul#desktopMenu {
padding:10px;
border-bottom:none;
height: auto;
overflow: visible;
}
ul#desktopMenu li:hover{
background:none !important;
}
ul.subMenu,
ul#desktopMenu li ul {
display:none !important;
}
.tmb-menu a:not(:last-child):after {
margin: 0 5px;
}

.hml-mailist-box .options {
text-align:center;
}
.hz-footer-container footer {
padding:0px;
}
#logo img {
border-bottom:none;
}
.page_headers {
    font-size: 25px;
}
#searchBox {
position: absolute;
width: 30%!important;
margin: 0 auto;
right: 1%;
}
#searchBox input[type="text"] {
width: 80%;
}
#searchBox input[type="submit"] {
width: 10%;
float: right;
}
}
@media(max-width: 768px) {
.product-item .name,
.product-item .price { margin:0px;}
body {
background: #ffffff;
}
#mainContainer {
padding: 0 10px;
}
#mainContent {
    float: left;
    width: 100% !important;
}
.col-2,
.col-3,
.col-4 {
width: 100%;
}
.top-menu-bar {
border-bottom: 1px solid #dadada;
}
.tmb-left {
text-align: center;
margin:7px 0 0;
}
.tmb-phone,
.tmb-timing { display:block !important;}
.ls-search-box,
.tmb-left .tmb-menu,
.tmb-right {
display: none;
}
.logo-search {
margin: 0 -10px;
background: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 10px;
}
#logo {
width: 100%;
text-align: center;
}
.ls-search {
display: none;
}
.hz-mobile-menu {
display: block;
}
.hcm-menu {
display: block;
}
.hz-cats-menu .mobile {
display: block;
}
.hz-cats-menu {
background-color: #6bcaba;
position: fixed;
left: -250px;
top: 0;
width: 250px;
height: 100%;
overflow-y: scroll;
padding: 20px 15px;
z-index: 1000;
-webkit-transition: left 400ms ease-in;
-moz-transition: left 400ms ease-in;
-ms-transition: left 400ms ease-in;
-o-transition: left 400ms ease-in;
transition: left 400ms ease-in;
}
.hz-cats-menu.visible {
left:0;
}
nav.hz-cats-menu ul {
margin-bottom: 20px;
max-height: none;
background:none;
}
nav.hz-cats-menu ul li {
text-align: left !important;
width:100%;
line-height:normal;
}
nav.hz-cats-menu ul>li>a {
background: none !important;
text-decoration: none !important;
}
.hz-cats-menu h3 {
color: #fff;
display: block;
text-transform: uppercase;
}
nav.hz-cats-menu ul > li > a.cat {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: normal;
padding: 0 20px;
text-transform: uppercase;
}
.closeMenu {
display: block;
}
#loginAccount .alpha-col,
#loginAccount .beta-col {
float: none;
display: block;
width: 100%;
}
#featured-items-heading {
margin: 10px auto;
}
h1.page_headers{
margin: 20px 0;
}
#mediaContainer {
padding: 30px;
}
.product-item .action {
display: block;
margin: 15px 0 0;
}
.page_headers {
    font-size: 20px;
line-height:27px;
}
.product-container {
    width: 33.333%;
}
}

@media(max-width: 479px) {
.hzz-mail-list {
width: 250px;
}
.hml-text {
width: 138px;
max-width: none
}
.hml-btn {
width: 60px;
max-width: none;
}
#mainContent {
/*margin-left: -10px;
margin-right: -10px;
padding-left: 10px;
padding-right: 10px;*/
}
.storeInfo,
.crmForm {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.main-image a,
.main-image a img,
.MagicBoxShadow {
max-width: 100% !important;
height: auto !important;
}
footer li a{
font-size:12px !important;
}
#subcategoriesBlock .columns-3 li,

#subcategoriesBlock .columns-4 li,
#subcategoriesBlock .columns-5 li,
#subcategoriesBlock .columns-6 li {
    width: 50%;
}
.page_headers {
    font-size: 18px;
line-height:20px;
}
.product-container {
    width: 50% !important;
}
}
@media only screen and (max-width: 320px) {
nav.hz-cats-menu ul {
border-bottom:none !important;
}
#subcategoriesBlock .columns-3 li,
#subcategoriesBlock .columns-4 li,
#subcategoriesBlock .columns-5 li,
#subcategoriesBlock .columns-6 li {
    width: 100%;
}
.page_headers {
    font-size: 16px;
line-height:18px;
}
footer li {
  float: none;
  margin: 10px;
  text-align: center;
  width: 100%;
}
.product-container {
    width: 100% !important;
}
}

#FRAME_MANUFACTURER, #modManufacturer {
    background-color: #dddddd;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 0 0 3px;
}

#FRAME_MANUFACTURER form, #modManufacturer form {
padding: 0 10px;
text-align: center;
}
#modManufacturer form {
margin-bottom: 20px;
}
#FRAME_MANUFACTURER select, #modManufacturer select {
width: 80%;
height: 30px;
}

#NEW_RELEASES_BLOCK, #modNewReleases {
    background-color: #dddddd;
    margin-bottom: 15px;
    padding: 0 0 3px;
}
#modNewReleases .inner {
    margin-bottom: 15px;
}
#NEW_RELEASES_BLOCK .inner, #modNewReleases .inner {
padding: 0 10px;
}

.subMenu.all-brands {
    left: -656px;
    width: 780px !important;
}
.subMenu.all-brands > li {
    width: 16.6667% !important;
}
.subMenu.all-brands > li > a {
    padding: 5px 3px !important;
min-height: 47px;
}

.hfc-footer-links .fa {
    font-size: 42px;
}
.hfc-footer-links .fa-cc-paypal {
color: #009BE1;
}
.hfc-footer-links .fa-cc-visa {
color: #16216A;
}
.hfc-footer-links .fa-cc-mastercard {
color: #E7002A;
}
.hfc-footer-links .fa-cc-discover {
color: #F16821;
}
.hfc-footer-links .fa-cc-amex {
color: #0083C7;
}

.hfc-footer-links .social .fa-facebook {
color: #3C5899;
}
.hfc-footer-links .social .fa-twitter {
color: #5EA9DD;
}
.hfc-footer-links .social .fa-pinterest {
color: #CB2028;
}
.hfc-footer-links .social .fa-instagram {
color: #000000;
}

@media (min-width: 861px) {
.sale-bnr {
    color: #6bcaba;
    position: relative;
    text-align: center;
}
.sale-bnr .hd {
    display: inline-block;
    font-size: 26px;
    font-weight: 100;
    line-height: 30px;
    margin-right: 20px;
    text-transform: none;
}
.sale-bnr .txt {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
}
.sale-bnr .limit {
    bottom: 0;
    font-size: 16px;
    position: absolute;
    right: 30px;
}
}
@media (max-width: 860px) {
.sale-bnr {
 color: #fff;
    position: relative;
    text-align: center;
}
.sale-bnr .hd {
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
    line-height: 24px;
    margin-right: 20px;

}
.sale-bnr .txt {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
}
.sale-bnr .limit {
    font-size: 12px;
display:block;
}
}

@media (min-width:980px) {
.hfc-footer-links:nth-child(3) {
    padding-left: 2%;
}
}
.r-tabs .r-tabs-panel {
    background: none;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
background-color: #ffffff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
background-color: #ffffff;
border-top: 1px solid #000;
}
.r-tabs .r-tabs-nav {
    border-bottom: 1px solid #000;
}
#listing0 .header {
    border-bottom: 1px solid #000;
}
#mainContent {
    padding: 0 1%;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {

    background-color: #ffffff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
}

#listing0 .productFeaturesBlock li {
    font-size: 16px;
    list-style: inside none disc;
}
@media (max-width:480px){
#listing0 .productFeaturesBlock li {
    font-size: 14px;
}
}
#listing0 .productFeaturesBlock .feat-name {
    display: inline;
}
.quantity-table{display:block;}
}