/*	
    3dcart Style Sheet 
    by Infomart2000 Corp.
    www.3dcart.com
    ---------------------   */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,900,700');

/*body:: Controls website background and any other text outside of a table without an associated style.*/ 	
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;color: #343638;	background: #fff;font-weight: 400;padding: 0;margin: 0;}
img {border: 0;}
input, textarea, select {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#mobileMenu i, #mobileCart i {color: #464646;font-size: 21px;}
::selection {color: #FFF;background: #b29d4b;}
::-moz-selection {color: #FFF;background: #b29d4b;}
blockquote {color: #000;font-size: 30px;font-weight: 400;text-align: center;line-height: 1em;background: #FFF;border-left: 6px solid #b29d4b;margin: 0 0 15px 0;padding: 40px;}

/*********************************/
/*          CUSTOM STYLES        */
/*********************************/
#closeSlideMenu {
    display: none;
    text-align: right;
}
#showSlideMenu {
    float: right;
    overflow: hidden;
    text-align: right;
    width: 50%;
}

#mobileMenu i,
#slideMenu i,
#closeSlideMenu i,
#mobileCart i {
	color: #000;
	font-size: 21px;
}
#closeSlideMenu i {
	color: #000;
	font-size: 21px;
}

#slideMenu,
#mobileMenu,
#showSlideMenu {
	display:none !important;
}
.clear {
	clear:both;
}
#mainContainer {display: block;}
.wrapper {width: 980px;margin: 0 auto;position: relative;}
.body-content { margin: 0 auto; position: relative; width: 980px;}
section#home { background:none; box-shadow:none; border-radius:0px; padding:0px; margin:0px;}
section { background:#FFFFFF; padding:0px; min-height:400px;}

.primary { width:440px; margin:0 20px 0 0 !important; float:left; }
.secondary { width:440px; margin:0 0 0 20px !important; float:right;}

#message { background:#FFFFFF url("../images/error.png") no-repeat scroll 30px 20px;min-height: 400px;text-align: left;}

#searchBox input[type="text"] {

	height: 27px;
	line-height: 27px;
	padding-left: 30px;
	background: url(../images/lens.png) no-repeat left center;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #383733;
	border-left: none;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
}

header { margin:0px; padding:0px;}
header .wrapper {height: 145px; padding:25px 0; border-bottom:1px solid #f78a00;}

.menu-search-holder { margin:0px; padding:0px; float:left;}

.menu-links { float:right; color: #000; font-size: 14px; font-style: normal; font-weight: 700;}
.menu-links a { color: #000;font-size: 14px;font-style: normal;font-weight: 700;text-decoration: none;text-transform: none; text-decoration: none;}
.menu-links a:hover {color: #494d4e !important;text-decoration: none;}


.track-your-order { height:30px; text-align:center; padding:0px; width:215px; 
border:1px solid #4f0202; 
background: -webkit-gradient(linear, left top, right top, from(#af0100), to(#4f0202));
background: -webkit-linear-gradient(top, #af0100, #4f0202);
background: -moz-linear-gradient(top, #af0100, #4f0202);
background: -o-linear-gradient(top, #af0100, #4f0202);
background: -ms-linear-gradient(top, #af0100, #4f0202);
background: linear-gradient(top, #af0100, #4f0202);
background-color: #af0100;

background-color: #af0100;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:4px auto 0;
cursor:pointer;
}
.track-your-order .cart-num { font-size:16px;color:#fff !important; font-weight:bold; line-height:31px; /*background: url(../images/cart-icon.png) no-repeat left center;*/ padding:3px 0}
.track-your-order .cart-num:hover{ text-decoration:underline; color:#fff !important; text-align:center; }

.menu-links .cart-holder { height:46px; text-align:center; padding:0px; width:132px; border:1px solid #ed881c; background: -webkit-gradient(linear, left top, right top, from(#fdc277), to(#e87700));
background: -webkit-linear-gradient(top, #fdc277, #e87700);
background: -moz-linear-gradient(top, #fdc277, #e87700);
background: -o-linear-gradient(top, #fdc277, #e87700);
background: -ms-linear-gradient(top, #fdc277, #e87700);
background: linear-gradient(top, #fdc277, #e87700);
background-color: #fdc277;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.menu-links .cart-num { font-size:16px;color:#000 !important; font-weight:bold; line-height:45px; background: url(../images/cart-icon.png) no-repeat left center; padding:3px 0 0 25px;}
.menu-links .cart-num:hover{ text-decoration:underline; color:#000 !important; text-align:center; }

.search { float:right; width:95%; height:40px;}
#searchBox {width:100%;height:40px;background:#2d2dc3; margin: 0px; padding:0 0 0 6px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#searchBox input {float: left;}
#searchBox input[type="text"] {color: #252525;font-size: 14px;font-weight: normal;letter-spacing: -1px;height: 25px;line-height: 27px;margin: 8px 0 0 0;padding: 0 0 0 10px;background:#fff;;border: none; width:450px; width:450px !ie;}
#searchBox input[type="submit"] {background:#2d2dc3 url(../images/lens.png) center center no-repeat;text-align: center;width: 48px;height: 40px;padding: 3px;border: none;cursor: pointer;float:right; -webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;}

ul.menu-links {float: left; height: 39px;list-style: none outside none; margin: 0;}
ul.menu-links li {display: inline-block;*display: inline;zoom: 1;margin-left: 10px;}
ul.menu-links li:first-child a { color:#af0100 !important;}
#logo {text-align:left; float:left; height:75px; width:239px; margin:0px;}
#logo img { border:none;}

#cart {
	color: #383733;
	min-width: 180px;
	height: 25px;
	border: 1px solid #383733;
	position: absolute;
	right: 0;
	top: 67px;
}
#cart span {
	float: left;
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding: 0 1em;
	border-right: 1px solid #383733;
}
#cart a, #cart a:visited {
	float: left;
	color: #FFF;
	display: block;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 23px;
	text-decoration: none;
	background: #b29d4b url(../images/cart-arrow.png) no-repeat right center;
	padding: 0 26px 0 15px;
}
#cart a:hover, #cart a:visited:hover {color: #383733;}

nav, 
#menubar_m1 {height: 49px; width:100%; overflow:hidden;}
.menu-holder { position:relative; width:980px; margin:0 auto; height:49px;}
nav ul,
.navp ul {font-family:'Exo 2', sans-serif;list-style: none;text-align: left;padding: 0;margin: 0 auto; overflow:hidden; width:980px; height:49px;}

nav li,
.navp li {display:block; float:left;}

/*.nav-links ul li { margin:0 36px 0 0 !important;}
.nav-links ul li:nth-child(5) { margin:0px !important;}*/
.nav-links ul li a { color: #252525 !important; font-size: 18px; font-style: normal; font-weight: 900; line-height: 49px; padding: 10px 0; text-decoration: none; text-transform: capitalize; transition: all 0.3s ease 0s; font-family: 'Roboto', sans-serif !important; word-spacing:1px;}
.nav-links ul li a:hover {color:#2d2dc3 !important; line-height: 49px; padding: 10px 0;}

nav li { margin:0 75px 0 0;}
nav li:nth-child(9) { margin:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
nav li { margin:0 73px 0 0;}
}

.flexslider {background: none repeat scroll 0 0 #FFFFFF;border: medium none;float: left;  height: 360px; margin: 0;position: relative; width: 695px;}
#categoryHeader { width:100%;}
.category-header {float: left; margin: 0 0 0 13px; width: 272px;}
.category-header a img { margin:0 0 6px 0 !important;}
.category-header img:last-child { margin-bottom:0px;}

.category-footer { border-bottom: 1px solid #f78a00;color: #000; font-size: 17px; margin: 15px 0; padding: 0 0 30px;text-align: center; font-weight:bold;}
.category-footer a {font-size: 17px; font-weight:bold; color: #000;}

#checkoutSinglePageHeader { width:100% !important;}

.feature-products-title { color:#000; font-size:24px; text-align:left; margin:0 0 15px 0; font-weight:900;}

/*.main-image { border: 1px solid #CCCCCC !important; width: 100% !important; max-width:100%;}*/
#listing0 .main-image img, #listing0 .main-image a{max-width:500px;}

.product-description { margin-bottom:20px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}

.secondary .pricingBlock { clear:both;}
.secondary .product-id {float: left;margin-bottom: 15px;width:50%; text-align:left;}
.secondary .product-availability {float:left;margin-bottom: 15px;width:50%; text-align:right;}
.secondary .pricingBlock .savings,
.secondary .pricingBlock .retailprice,
.secondary .pricingBlock .price { clear:both !important; width:100%;}

.product-id span,
.product-availability span {padding-left: 5px;}

#divOptionsBlock {margin-bottom: 15px; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f0f1f2));
background: -webkit-linear-gradient(top, #ffffff, #f0f1f2);
background: -moz-linear-gradient(top, #ffffff, #f0f1f2);
background: -o-linear-gradient(top, #ffffff, #f0f1f2);
background: -ms-linear-gradient(top, #ffffff, #f0f1f2);
background: linear-gradient(top, #ffffff, #f0f1f2);
background-color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.boxShadow {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.pad10 {padding: 10px;}

.totalrating {float: left !important;line-height: 15px;margin-bottom: 15px;}
#listing0 h3 { color:#787777;float: left;font-size: 16px;line-height: 25px; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}

.width-set { width:100%;}

.drop-image-holder { width:100%; margin:0px; padding:0px; position:relative;}
.dropdownimage-format {width: 175px;overflow: hidden;height: 29px;background: #FFF url(../images/dark-arrow.png) no-repeat right center;border: 1px solid #efefef;}
.dropdown-format {width: 175px;overflow: hidden;height: 29px;background: #FFF url(../images/dark-arrow.png) no-repeat right center;border: 1px solid #efefef;}
#divOptionsBlock select {color:#999;font-weight: bold;background: transparent !important;border: none;margin: 0px;padding:4px;width: 200px;height: 29px;line-height: 29px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; cursor:pointer;}

ul.color-swatch-area {
    list-style: none outside none;
    margin: 0 0 6px;
    padding: 0;
}
ul.color-swatch-area li {
    cursor: pointer;
    float: left;
    height: 32px;
    margin: 0 0 6px;
    width: 32px;
}
ul.color-swatch-area div {
    border: 1px solid rgba(0, 0, 0, 0);
    height: 32px;
    padding: 3px;
    width: 32px;
}
ul.color-swatch-area div.sw-selected {
    border: 1px solid #000000;
    padding: 3px;
}
#colorSwatch {
    float: left;
    width: 100%;
}

#divOptionsBlock .container {margin:15px auto 5px auto !important;width:100% !important;}
#divOptionsBlock .opt-regular { margin-bottom: 5px;}
#divOptionsBlock .opt-regular span {float:left; margin-right:10px; width:50px;}

#listing0 .header {border-bottom: 2px dotted #D2D2D2; margin: 0 0 10px;}
#listing0 .button {background: none;padding: 0 0 0 5px;}
#listing0 .button:last-child {padding:0 0 0 15px;}
#listing0 .button a{ text-transform:uppercase;}
#listing0 .button a:hover{ color:#b20908;}
#listing0 .email_friend a,
#listing0 .create_review_link a { text-decoration:underline !important;}
.icon-btn {
    background: url("../images/btn-action-sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.icon-btn-gift {
    background-position: 0 -512px !important;
}
.icon-btn-star {
    background-position: 0 -484px !important;
}
.icon-btn-down {
    background-position: 0 -283px !important;
}
.icon-btn-next-r {
    background-position: right -110px !important;
}
.icon-btn-prev {
    background-position: 0 -82px !important;
}
.icon-btn-refresh {
    background-position: 0 -226px !important;
}
.availabilityInfo {float: left; margin: 15px 0 0; width: 100% !important;}
.social-mediaBlock {margin-bottom: 0px !important; float:left; width:40%;}
.social-bookmarking,
.likebutton {width: 150px;float:left; margin-bottom:10px !important;}

.pricingBlock {    float: left;margin:12px 0 5px 0 !important; width: 100% !important;}
.addToCartBlock {float: right;margin:0 !important; text-align: center; width: 60% !important;}
.addToCartBlock .addcart-button input {padding: 8px 15px 8px 35px;width: 140px !important;}
.addToCartBlock .qtybox {float: left;margin: 0 10px 0 0;text-align: left; width: 100px;}
.addToCartBlock label { display: block; float: left; line-height: 30px; margin: 0 5px 0 0; text-align: left;width:auto; font-weight:normal !important;}

.extended_descriptionBlock { margin:35px 0 15px !important;}

.reviewsBlock .header,
.extended_descriptionBlock .header,
.relatedBlock .header { background:#000; border:none !important; padding:10px; margin-bottom:20px !important;}

.pricingBlock .retailprice span { text-decoration:line-through;}
.pricingBlock .saleprice { display: block;}
.pricingBlock .retailprice span,
.pricingBlock .savings span,
.pricingBlock .saleprice span { float:none; /*padding:0px;*/}

.reviewsBlock .header h3,
.extended_descriptionBlock .header h3,
.relatedBlock .header h3 {color:#fff !important; font-family:'Exo 2', sans-serif !important; text-transform:uppercase; font-size:16px;}

.product-item {float: left;margin: 5px;min-height: 200px !important;position: relative;text-align: center;transition: all 0.3s ease 0s; width:186px;}
.product-item .img img {max-width: 1005; min-height: 100%;}
.product-item .img {border: 1px solid #cccccc;height: 150px; max-width: 100%; min-height: 150px; overflow: hidden; padding-bottom: 0; padding-top: 0; text-align: center; vertical-align: middle;}
.product-item .img a { display: block; height: 100%; text-align: center; vertical-align: middle !important; width: 100%;}
.product-item .name {line-height: 20px;max-height: 35px;min-height: 35px;overflow: hidden; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;}
.product-item .name a { font-size:14px;}
.product-item .name a:hover { color:#2d2dc3; text-decoration:underline;}
.product-item .stars {float: left;height: 22px; margin: 0; width:47%; line-height:26px;}
.product-item .on-sale { background:url(../images/band.png) no-repeat top left; display: block; position: absolute; left:3px; top: 3px; width: 70px; height:71px; border-radius:0px; line-height:155px; overflow:hidden;}
.product-item .status { clear: both; font-size: 11px; margin: 5px 0;}

.product-item .stars span {
    display: none;
    float: left;
    line-height: 16px;
    padding: 0 5px;
}

/*.product-item .onsale, .product-item .on-sale {background:url(images/sale.png) no-repeat center center; width:54px; height:54px; line-height:54px; position:absolute; right:5px; top:5px; z-index:1; color:#fff; font-size:0px; text-align:center; font-family: 'aller'; font-weight:400; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; opacity:.95;}*/
.product-item .img{ position:relative;}
.product-item .img img{max-width:92%; max-height:92%; min-height: inherit; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

.retailprice span { font-size:11px; text-decoration:none;}
.product-item .stars img {float: none;}
.price {color: #000;font-size: 15px; letter-spacing: 0; float:right; font-weight:bolder; width:50%;}
.onsaletxt { display:none;}
.onsaletotal  { font-size: 15px; font-weight:normal;padding-left: 10px; color:#03bf32;}
.pricingBlock .retailprice { float: right;text-decoration:none;}

.reviewsBlock {margin: 15px 0;}
#colorSwatch { float: left; width: 42%;}
ul.color-swatch {padding:0;margin:0 0 6px 0;list-style: none;}
ul.color-swatch li {float: left;width: 28px;height: 28px;margin: 0 6px 6px 0;cursor: pointer;}
ul.color-swatch li img { width:28px; height:28px;}

.addl-images { /*float:left;*/}
#listing0 .addl-images > div img {max-height: 98px; max-width: 93px;}
#listing0 .addl-images > div {border: 1px solid #CCCCCC; /*display: inline-block;*/ margin-right:14px; padding: 10px; height:67px;}
#listing0 .detail-section .alpha-col { float: left; margin: 0 15px 0 0; width: 100%;}
#listing0 .detail-section .beta-col { float: left; margin-bottom: 15px;  padding: 24px 0 0;  width: 100%;}
#listing0 .addl-images { height: 67px; overflow: hidden; padding: 0 20px; position: relative;}

.prod-thumb{height:45px; position:relative; float:left !important; width:63px !important;}
.prod-thumb img{position: absolute; margin: auto;left: 0;right: 0;top: 0;bottom: 0;}

.browsing_historyBlock .product-item .price { text-align:center; width:100%;}

.product-item .action {
    clear: both;
    margin: 10px 0;
}

.createFirstReview {float: left;margin: 0 10px 15px 0;}
.email_friend { float: left; margin-bottom: 10px;}

.review-info {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

.productBlockContainer .product-container .product-item {float: none;width: auto;}
section#search .category-header {float: left;margin: 0 !important;width: 100%;}
section#search #itemsBlock .product-item {float: left;width: 31.333%;}

/*#viewCart .applyCoupon {float: none;}*/

#viewCart .shipQuoteInt {
    float: right;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}
aside#leftBar {float: left;width: 231px;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 {
	width: 100%;
}
aside .module .name {
	float: left;
	width: 70%;
}
aside .module .price2 {
	float: right;
	width: 30%;
	text-align: right;
}
aside .module .stars {
	float: right;
}
aside .module .div {
	display: block;
	height: 1px;
	background: #383733;
	margin: 15px 0;
}
.manf-select {
	width: 231px;
	overflow: hidden;
	height: 29px;
	background: #FFF url(../images/dark-arrow.png) no-repeat right center;
}
.manf-select select {
	width: 250px;
	line-height: 29px;
	height: 29px;
	-webkit-appearance: none;
	background: transparent !important;
	border: none;
}
.topsellers_topitem {
	border: 5px solid #FFF;
}
.topsellers_topitem .img {
	display: table-cell;
	width: 221px;
	height: 275px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.topsellers_topitem .info {
	background: #FFF;
	padding: 0.5em 0;
}
.topsellers_topitem .name {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}
.topsellers_topitem .price2 {
	float: right;
	width: 30%;
	text-align: right;
	margin-bottom: 10px;
}
#mainContent {
	float: left;
	width: 100% !important;
}
footer {background:#f6f6f6; margin: 40px 0 0;}
footer .wrapper {min-height: 240px;}
footer .footer-left { float:left; width: 670px;}
#FRAME_LINKS {float: left;}
ul.frame-links {list-style: none;display: block;width: 670px;margin: 35px 0 10px 0;padding: 0;}
ul.frame-links li {float: left; padding-right:10px;}

.social-icons {width: 670px; margin: 20px 0 40px 0;}
.social-icons .social-icons-text { float:left; color:#000; margin:0 10px 0 0; line-height:45px; font-size:14px;}
.social-icons a {float: left;width: 49px;height: 49px;display: block;background: url(../images/social-icons.png) no-repeat; 	transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.social-icons a.facebook {background-position: 0 0;}
.social-icons a.facebook:hover {background-position: 0 -49px;}
.social-icons a.twitter {background-position: -49px 0;}
.social-icons a.twitter:hover {background-position: -49px -49px;}
.social-icons a.instagram {background-position: -98px 0;}
.social-icons a.instagram:hover {background-position: -98px -49px;}
.social-icons a.googleplus {background-position: -147px 0;}
.social-icons a.googleplus:hover {background-position: -147px -49px;}
.social-icons a.youtube {background-position: -196px 0;}
.social-icons a.youtube:hover {background-position: -196px -49px;}


#mailistBox {width: 310px;height: 240px;position: absolute;right: 0;top: 0;padding:20px 0;z-index: 10;}
#mailistBox .mailing-holder { background:#2d2dc3; height:46px; margin:0px; padding:7px 0 0 9px; -webkit-border-radius: 5px;=-moz-border-radius: 5px;border-radius: 5px;}
#mailistBox .mail-form {float: right;margin: 0px;padding: 0px;width: 300px;}
#mailistBox label {color: #000; display: block;font-size: 14px;font-weight: 700;line-height: 18px;margin: 10px 0;text-transform: capitalize;}
#mailistBox input, #mailistBox span {float: left;display: block}
#mailistBox span {margin-right: 10px;}
#mailistBox input[type="text"] {width: 250px;height: 29px;margin:0px;padding: 0 0 0 5px;background: #fff;border: none;-webkit-appearance: none;-moz-border-radius: 0;border-radius: 0;-webkit-border-radius: 0;color:#000;}
#mailistBox input[type="submit"] {width: 41px;height: 29px;margin:0px;padding: 0;background: #fff;border: none;cursor: pointer;-webkit-appearance: none;-moz-border-radius: 0;border-radius: 0;-webkit-border-radius: 0;background:url(../images/mailing-list-arrow.png) no-repeat center center;}

.credit-cards { background:url(../images/credit-cards.png) no-repeat right top; width:96%; height:32px; margin:50px 0 0; float:right;}

#copyright { color:#fff; font-size:12px; margin:20px 0 0 0;}
#globalFooter { color:#fff; font-size:12px;}
.stats {
	height: 0;
	overflow: hidden;
}
.header-specials {font-size: 18px;font-weight: 400;text-transform: uppercase;line-height: 36px;padding-left: 10px;border-bottom: 1px solid #383733;margin-bottom: 35px;}
.featured-products-holder { padding:0; margin:0 0 20px 0;}
.hs-item {float: left; height: 186px; margin:0 6px; position: relative; width: 183px; }
.hs-item .img {display: table-cell;height: 186px !important; width:183px !important; max-height:186px !important; max-width:183px !important; text-align: center;vertical-align: middle;position: relative; }
.hs-item .img img {height: 186px !important; width:183px !important; max-height:186px !important; max-width:183px !important; -webkit-box-shadow: 0px 0px 5px #000000;-moz-box-shadow: 0px 0px 5px #000000;box-shadow: 0px 0px 5px #000000;}
.hs-item .overlay {display: table-cell;text-align: center;vertical-align: middle;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(5, 110, 255, 0.6); background: rgba(5, 110, 255, 0.6); color: rgba(5, 110, 255, 0.6);display: none;cursor: pointer;}
.go-to { width:43px; height:43px; background: url(../images/arrow-img.png) no-repeat  center center; margin:0 auto; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; }
.go-to:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg); }

.hs-item .overlay span {position: absolute;top: 50%;left: 0;right: 0;font-size: 14px;color: #FFF;font-weight: 700;line-height: 1.5em;margin: 0 60px;border-bottom: 1px solid #FFF;text-transform: uppercase;}
.hs-item .info {background: none;padding: 0.5em 0; text-align:center;}
.hs-item .name {color: #FFFFFF; height: 45px; margin: 10px auto;min-height: 45px;overflow: hidden;width: 70%;}
.hs-item .price2 {color: #FFFFFF;font-size: 16px;font-weight: bolder;margin:10px 0 5px 0;text-align: center;width: 100%;}
.hs-item .on-sale {color: #FFF;width: 70px; height: 71px; position: absolute;left: -2px;top: -2px;background: url(../images/band.png) no-repeat left top;}
.hs-item .on-sale .on-sale-text{text-transform:uppercase; position:absolute; left:6px; top:15px;font-size:14px;transform: rotate(-47deg);-ms-transform: rotate(-47deg);-webkit-transform: rotate(-47deg);}
.hs-item .on-sale span {
	position: absolute;
	top: 14px;
	left: -15px;
}

/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-boxshadow .boxShadow {
    border: 1px solid #eae9e6;
}

/*******************************************************************************************************/
/*          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: #FFF;
	font-weight: 400;
	text-decoration: none;
	line-height: 35px;
}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {
	font-size: 14px;
	color: #FFF;
	font-weight: 400;
	text-transform: lowercase;
}
/*frame:: Controls the left and right column background.*/		
.frame {
	background: #FFF;
}
/*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 {
	font-size: 18px;
	color: #383733;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 9px;
	border-bottom: 1px solid #383733;
	display: block;
}
/*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: 12px;color: #000;font-weight: 400;}
/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {font-size: 12px;color: #000;font-weight: 400;text-transform: uppercase;text-decoration: underline;}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
	font-size: 10px;
	font-weight: 400;
	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: #b29d4b;
	position: absolute;
	top: -8px;
	left: 112px;
	font-size: 18px;
	font-weight: 700;
	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: #b29d4b;
	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: #000;
	font-weight: 400;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-size: 16px;
	color: #b29d4b;
	font-weight: 400;
}
/*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: 400;
	color: #b29d4b;
}
/*search-text:: Controls the way the search box displays of the frame.*/ 
.search-text {
	font-size: 22px;
	font-weight: normal;
	color: #3d3d3d;
	line-height: 57px;
	height: 57px;
	width: 443px;
	background: #FFF;
	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.*/ 	
#menubar_m1 .navp li a {
	font-family:'Exo 2', sans-serif;
	color: #fff !important;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform:capitalize;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	line-height:49px;
	padding:10px 20px;
} 
#menubar_m1 .navp li a:hover {
	color: #fff !important;
	text-decoration: none;
	line-height:49px;
	background:#af0100;
	padding: 10px 20px;
}

A.cat {
	font-family:'Exo 2', sans-serif;
	color: #fff;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform:capitalize;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	line-height:40px;
}
/*A.cat:hover:: When a user passes  their mouse over them.*/ 	
A.cat:hover {
	color: #5299ff;
	text-decoration: none;
	line-height:40px;
}
/*A.cat:visited:: After a user has visited that section.*/ 
A.cat:visited {
	color: #af0100;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	line-height:40px;
}

/*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: #383733;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
}
/*A.subcat:hover:: When a user passes  their mouse over them.*/ 	
A.subcat:hover {
	color: #b29d4b;
	text-decoration: none;
}
/*A.subcat:visited:: After a user has visited that section.*/ 
A.subcat:visited {
	color: #383733;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
}
/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.subcat:visited:hover {
	color: #b29d4b;
	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: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
	line-height: 30px !important;
}
/*A:menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover {
	color: #494d4e;
	text-decoration: none;
}
/*A:menu:over:: After a user has visited that section.*/ 	
A.menu:visited {
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	text-transform: none;
}
/*A:menu:visited:over:: A user hovers over a section they have visited.*/ 		
A.menu:visited:hover {
	color: #333;
	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: #000;font-size: 14px;font-style: normal;font-weight: 400;text-decoration: none;text-transform:;} 	
A.menu-bottom:hover {color: #2d2dc3;text-decoration:underline;}	
A.menu-bottom:visited {color: #000;font-size: 14px;font-style: normal;font-weight: 400;text-decoration: none;text-transform: uppercase;}

/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link {
	color: #3b3239;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 0.5em;
	text-transform: uppercase;
	text-decoration: none;
}
/*A:link:over:: When a user passes their mouses over them.*/ 	
A.link:hover {
	color: #b29d4b;
	text-decoration: none;
}
/*A:link:over:: After a user has visited that section.*/ 	
A.link:visited {
	color: #3b3239;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 0.5em;
	text-transform: uppercase;
	text-decoration: none;
}
/*A:link:visited:over:: When a user hovers over a section they have visited.*/ 		
A.link:visited:hover {
	color: #b29d4b;
	text-decoration: none;
}
/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/ 	 
A.details {
	color: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: 400;
}
/*A.details:hover:: When a user passes their mouse over them.*/ 	 	
A.details:hover {
	color: #b29d4b;
	text-decoration: none;
}
/*A.details:visited:: After a user has visited that section.*/ 
A.details:visited {
	color: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	font-weight: 400;
}
/*A.details:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A.details:visited:hover {
	color: #b29d4b;
	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: 12px;
}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
	background: #FFF;
	padding: 5px;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers { color: #252525;font-size: 20px;font-weight: 700; line-height:32px;}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-size: 18px;
	color: #383733;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 9px;
	border-bottom: 1px solid #383733;
	display: block;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 

/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: 400;
	color: #e10e04;
	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: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
}
/*A:hover:: When a user passes  their mouse over them.*/ 	 	
A:hover {
	color: #b29d4b;
	text-decoration: underline;
}
/*A:visited:: After a user has visited that section.*/ 
A:visited {
	color: #383733;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
}
/*A:visited:hover:: When a user hovers over a section they have visited.*/ 	 
A:visited:hover {
	color: #b29d4b;
	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: 700;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-size: 16px;
	font-weight: 700;
	color: #CCC;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
	font-size: 16px;
	font-weight: 700;
	color: #b29d4b;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-size: 12px;
	font-weight: 700;
	background-color: #EEE;
	color: #b29d4b;
	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: 700;
	color: #585C5F;
	border: 1px solid #CCC;
	border-style: none none solid;
}
/*item:: Controls the item description and item details text.*/ 
.item {
	font-size: 12px;
	color: #383733;
	font-weight: 400;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 22px;
	color: #b29d4b;
	font-weight:bold;
}
/*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: 400;
	color: #585C5F;
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #afafae;
	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: #b29d4b;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	color: #b29d4b;
	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-product {
	border: none;
	background: #0069f8 url(../images/check-btn-icon.png) 14px center no-repeat;
	font-weight: 400;
	font-size: 12px;
	color: #f3f1ea;
	text-transform: uppercase;
	cursor: pointer;
	margin: 1px;
	padding: 4px 6px;
	-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-product_over {
	border: none;
	background: #b20808 url(../images/check-btn-icon.png) 14px center no-repeat;
	font-weight: 400;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	cursor: pointer;
	margin: 1px;
	padding: 4px 6px;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.btn {
	border:1px solid #ed881c;
	font-weight: bolder;
	font-size: 14px;
	color: #252525;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0 0 7px 0;
	padding: 8px 12px;
	-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;
	background: -webkit-gradient(linear, left top, right top, from(#fdbd6d), to(#e97900));
	background: -webkit-linear-gradient(top, #fdbd6d, #e97900);
	background: -moz-linear-gradient(top, #fdbd6d, #e97900);
	background: -o-linear-gradient(top, #fdbd6d, #e97900);
	background: -ms-linear-gradient(top, #fdbd6d, #e97900);
	background: linear-gradient(top, #fdbd6d, #e97900);
	background-color: #fdbd6d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn_over {
	border: 1px solid #ed881c;
	font-weight: bolder;
	font-size: 14px;
	color: #2d2dc3;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0 0 7px 0;
	padding: 8px 12px;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, right top, from(#fdbd6d), to(#e97900));
	background: -webkit-linear-gradient(top, #fdbd6d, #e97900);
	background: -moz-linear-gradient(top, #fdbd6d, #e97900);
	background: -o-linear-gradient(top, #fdbd6d, #e97900);
	background: -ms-linear-gradient(top, #fdbd6d, #e97900);
	background: linear-gradient(top, #fdbd6d, #e97900);
	background-color: #fdbd6d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	border: 1px solid #b7b4ac;
	background: #fefefe;
	font-weight: 400;
	font-size: 12px;
	color: #383733;
    margin: 0;
	padding:9px 8px;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/ 	
.txtAreaStyle {
	border: 1px solid #b7b4ac;
	background: #fefefe;
	font-weight: 400;
	font-size: 12px;
	color: #383733;
    margin: 0;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
	height: 20px;
	color: #383733;
	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: #f9f8f8;
}
/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title {
	font-size: 10px;
	font-weight: 700;
	background-color: #cbcaca;
	color: #4f4e4e;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */ 
.font1 {
	font-size: 12px;
	font-weight: 400;
	color: #383733;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-size: 12px;
	font-weight: 400;
	color: #b29d4b;
}
.font3 {
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
}
.font4 {
	font-size: 12px;
	font-weight: 400;
	color: #c32519;
}
/*top:: Controls the  Color of the top Bar*/		
.top {
	background: none;
}
/*line:: Controls the  Color of the line bellow the top bar*/		
.line {
	background: #FFF;
}

.order-trackfield .submit-button,
#loginAccount .submit-button {
    float: left;
    margin: 0 0 15px;
}
.order-trackfield,
.loginField {
    margin: 15px 0 0;
}
.order-trackfield input,
.loginField input {
    float: left;
    margin: 0;
    min-width: 100%;
}
.quantity-table .title-header {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 90px !important;
	background:#2d2dc3;
	color:#fff;
}
.quantity-table .title-header {
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 90px !important;
	background:#2d2dc3;
	color:#fff;
}
.quantityBlock ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 271px !important;
}
.quantityBlock li {
    float: left;
    line-height: 2em;
    margin-right: 5px;
    text-align: center;
    width: 88px !important;
}
.quantity-table {
    display: none;
    margin: 5px auto;
    width: 200px;
}