/*	
 * 3dcart Shopping Cart System - Version: 6
 * http://3dcart.com/
 * Date: Tue, Sept 23 2014
*/

/*body:: Controls website background and any other text outside of a table without an associated style.*/ 	
body {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
	color: #3f3f3f;
	background: #FFF;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
input,
textarea,
select {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#mobileMenu i,
#slideMenu i,
#closeSlideMenu i,
#closeSlideMenu2 i,
#mobileCart i {
	color: #3f3f3f;
	font-size: 21px;
}
blockquote {
	color: #3f3f3f;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	background: #FFF;
	border-left: 6px solid #f8981d;
	margin: 0 0 15px 0;
	padding: 40px;
}
/* QuickSearch */
table.searchlight-results {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    width: 250px;
}
div.searchlight-results-wrapper {
	border: none;
    margin-top: 1px;
}

/*******************************************************************************************************/
/*          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: bold;
	text-decoration: none;
	line-height: 35px;
	margin: 10px 0 0 0;
	padding: 0;
}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/*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: 14px;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	height: 31px;
	line-height: 31px;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	background: #f8981d url(../images/2-dots.png) no-repeat right center;
}
/*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: #3f3f3f;
	font-weight: normal;
}
/*footerLinks:: Controls the way the Footer Links display in the Global Footer.*/
.footer a, .footer a:hover {
	font-size: 11px;
	color: #3f3f3f;
	font-weight: normal;
	text-decoration: underline;
}
/*icon:: Controls the way the menu icons display if they are being used.*/ 
.icon {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #3f3f3f;
	position: absolute;
	top: 0px;
	left: 5px;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	-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: bold;
color: #f8981d;
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: 11px;
color: #3f3f3f;
font-weight: normal;

}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-size: 12px;
	color: #3f3f3f;
	font-weight: bold;
}
/*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-family: 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #f8981d;
	background: url(../images/cart.png) no-repeat left center;
	display: inline-block;
	line-height: 25px;
	padding: 0 0 0 37px;
}
/*search-text:: Controls the way the search box displays of the frame.*/ 
.search-text {
	font-size: 20px;
	font-weight: bold;
	color: #3d3d3d;
	line-height: 57px;
	height: 57px;
	width: 443px;
	background: #FFF;
	border: none;
	padding: 0 0 0 25px;
	margin: 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: #3f3f3f;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-decoration: none;
display: block;
line-height: 21px;
padding: 0 10px 0 12px;
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: #FFF;
	background: #f8981d;
	text-decoration: none;
}
/*A.cat:visited:: After a user has visited that section.*/ 
/*A.cat:visited {
	color: #3f3f3f;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 21px;
	padding: 0 10px 0 12px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}*/
/*A.cat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
/*A.cat:visited:hover {
	color: #FFF;
	background: #f8981d;
	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: #3f3f3f;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: block;
padding: 0 10px 0 25px;

}
/*A.subcat:hover:: When a user passes  their mouse over them.*/ 	
A.subcat:hover {
	color: #f8981d;
	text-decoration: none;
}
/*A.subcat:visited:: After a user has visited that section.*/ 
/*A.subcat:visited {

color: #ffffff;
font-size: 11px;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: block;
padding: 0 10px 0 25px;

}*/
/*A.subcat:visited:hover:: When a user hovers over a section they have visited.*/ 	 
/*A.subcat:visited:hover {
	color: #f8981d;
	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 {
	font-family: Verdana, sans-serif;
	color: #3f3f3f;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 65px;
}
/*A:menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover {
	color: ##f8981d;
	text-decoration: none;
}
/*A:menu:over:: After a user has visited that section.*/ 	
/*A.menu:visited {
	font-family: Verdana, sans-serif;
	color: #3f3f3f;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 65px;
}*/
/*A:menu:visited:over:: A user hovers over a section they have visited.*/ 		
/*A.menu:visited:hover {
	color: ##f8981d;
	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: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
/*A:menu-bottom:over:: When a user passes their mouses over them.*/ 	
A.menu-bottom:hover {
	color: #3f3f3f;
	text-decoration: none;
}
/*A:menu-bottom:over:: After a user has visited that section.*/ 	
/*A.menu-bottom:visited {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}*/
/*A:menu-bottom:visited:over:: When a user hovers over a section they have visited.*/ 		
/*A.menu-bottom:visited:hover {
	color: #3f3f3f;
	text-decoration: none;
}*/
/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link {
	color: rgb(255, 165, 0);
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
/*A:link:over:: When a user passes their mouses over them.*/ 	
A.link:hover {
	color: #f8981d;
	text-decoration: none;
}
/*A:link:over:: After a user has visited that section.*/ 	
/*A.link:visited {
	color: #3f3f3f;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}*/
/*A:link:visited:over:: When a user hovers over a section they have visited.*/ 		
/*A.link:visited:hover {
	color: #f8981d;
	text-decoration: none;
}*/
/*A.details:: Controls the way the Top Sellers Links display before a user clicks or mouses over them.*/ 	 
A.details {
	color: #2c3e50;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	background: #FFF;
	padding: 4px 6px;
}
/*A.details:hover:: When a user passes their mouse over them.*/ 	 	
A.details:hover {
	color: #FFF;
	background: #5973b6;
	text-decoration: none;
}
/*A.details:visited:: After a user has visited that section.*/ 
/*A.details:visited {
	color: #2c3e50;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	background: #FFF;
	padding: 4px 6px;
}*/
/*A.details:visited:hover:: When a user hovers over a section they have visited.*/ 	 
/*A.details:visited:hover {
	color: #FFF;
	background: #5973b6;
	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;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {
	font-size: 20px;
	font-weight: bold;
	color: #f8981d;
}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-size: 18px;
	color: #3f3f3f;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 10px;
	padding-left: 9px;
	border-bottom: 1px solid #000;
	display: block;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {
	font-size: 13px;
	color: #f8981d;
	font-weight: bold;
	letter-spacing: 0;
}
/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: bold;
	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: orange;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-decoration: underline;

}
/*A:hover:: When a user passes  their mouse over them.*/ 	 	
A:hover {
	color: #f8981d;
	text-decoration: underline;
}
/*A:visited:: After a user has visited that section.*/ 
/*A:visited {
	color: #3f3f3f;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}*/
/*A:visited:hover:: When a user hovers over a section they have visited.*/ 	 
/*A:visited:hover {
	color: #f8981d;
	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: #3f3f3f;
	font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-size: 16px;
	font-weight: bold;
	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: bold;
	color: #f8981d;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-size: 12px;
	font-weight: bold;
	background-color: #EEE;
	color: #f8981d;
	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: #585C5F;
	border: 1px solid #CCC;
	border-style: none none solid;
}
/*item:: Controls the item description and item details text.*/ 
.item {
	font-size: 12px;
	color: #3f3f3f;
	font-weight: bold;
}
/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 22px;
	color: #f8981d;
	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: bold;
	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: #f8981d;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	color: #f8981d;
	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: #f8981d;
	font-weight: bold;
	font-size: 12px;
	color: #3f3f3f;
	text-transform: uppercase;
	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: #3f3f3f;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	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: #3f3f3f;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	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: #fefefe;
	font-weight: normal;
	font-size: 12px;
	color: #000;
    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: #fefefe;
	font-weight: normal;
	font-size: 12px;
	color: #000;
    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: #3f3f3f;
	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: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/

/*font1:: Primary Screen Font */ 
.font1 {
	font-size: 12px;
	font-weight: bold;
	color: #3f3f3f;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-size: 12px;
	font-weight: bold;
	color: #f8981d;
}
.font3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.font4 {
	font-size: 12px;
	font-weight: bold;
	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;
}

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

/* Accent/Secondary Colors */

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

#mainContainer {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.wrapper {
	background: #FFF;
	padding: 0 9px;
}
#mobileMenu {
	display: none;
	float: left;
	width: 30px;
	height: 25px;
	margin: 15px 0 0 10px;
}
#slideMenu {
	display: none;
	float: right;
	width: 30px;
	height: 25px;
	margin: 19px 10px 0 10px;
    cursor: pointer;
}
#closeSlideMenu {
	display: none;
	float: right;
	width: 30px;
	height: 25px;
	margin: 0 0px 10px 10px;
    cursor: pointer;
}
#closeSlideMenu2 {
    display: none;
    padding: 0 1em;
}
#mobileCart {
	display: none;
	float: right;
	width: 30px;
	height: 25px;
	margin: 15px 10px 0 0;
}
header {
	height: 67px;
	position: relative;
	margin-bottom: 26px;
	border: 2px solid #3f3f3f;
	border-left: none;
	border-right: none;
}
#logo {
	float: left;
	width: 35%;
}
#logo img {
	margin-top: 1%;
	max-width: 100%;
	max-height: 58px;
}
nav#navCatMenu {
	float: right;
	width: 60%;
	height: 65px;
	line-height: 65px;
}
nav#navCatMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
nav#navCatMenu li {
	display: inline-block;
	margin-left: 1em;
}
.utils {
	color: #f8981d;
	font-size: 12px;
	height: 42px;
	margin-top: 20px;
}
.utils a {
	color: #f8981d;
	font-size: 12px;
	text-decoration: underline;
}
.utils a:hover {
	color: #3f3f3f;
	font-size: 12px;
	text-decoration: none;
}
.social-icons {
	float: left;
	margin-right: 8px;
}
.social-icons a {
    background: none;
    color: #f8981d;
	display: block;
    font-size: 20px;
	float: left;
}
.social-icons a:hover {
    color: #000;
    font-size: 20px;
}
#cart {
	float: right;
	line-height: 42px;
	text-align: right;
	cursor: pointer;
}
#searchBox {
	float: left;
	width: 250px;
	background: #FFF;
	margin: 0 20px 0 0;
}
#searchBox form {
    position: relative;
}
#searchBox input {
	float: left;
}
#searchBox input[type="text"] {
	color: #5a5a5a;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -1px;
	width: 80%;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0 0 0 10px;
	background: transparent;
	border: 1px solid #f8981d;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
}
#searchBox input[type="submit"] {
	color: #5a5a5a;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	width: 20%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #f8981d url(../images/lens.png) no-repeat center center;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.login {
	float: left;
	line-height: 42px;
}
.m-search {
    display: none;
	margin: 5px 2%;
	padding-bottom: 10px;
}
.m-search form {
	margin: 0 auto;
	text-align: center;
}
.m-search input {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
.m-search input[type="text"] {
	font-size: 16px;
	font-weight: normal;
	color: #3d3d3d;
	line-height: 30px;
	height: 30px;
	width: 85%;
	background: #FFF;
	border: 1px solid #f8981d;
	padding: 0 0 0 15px;
	margin: 0 0;
}
.m-search input[type="submit"] {
	width: 15%;
	height: 30px;
	background: #f8981d url(../images/lens.png) no-repeat center center;
	border: none;
	cursor: pointer;
}
aside#leftBar {
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	padding: 0;
    display: block;
}
aside#rightBar {
	float: left;
	width: 180px;
	margin: 0 0 0 10px;
	padding: 0;
    display: block;
}
aside .module {
	margin-bottom: 10px;
	padding: 14px 1px;
	border: 1px solid #3f3f3f;
}
aside .module ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
aside .module .info {
	width: 100%;
	padding: 0 15px;
}
aside .module .name {
	line-height: 1em;
	margin-bottom: 10px;
}
aside .module .price2 {
	float: left;
}
aside .module .stars {
	float: right;
}
aside .module .div {
	display: block;
	height: 1px;
	background: none;
	border-bottom: 1px dashed #c3c3c3;
	margin: 10px 15px;
}
.manf-select {
	width: 183px;
	overflow: hidden;
	height: 29px;
	background: #FFF url(../images/dark-arrow.png) no-repeat right center;
	border: 1px solid #000;
}
.manf-select select {
	font-weight: bold;
	width: 210px;
	height: 29px;
	line-height: 29px;
	-webkit-appearance: none;
	background: transparent !important;
	border: none;
}
.topsellers_topitem {
	position: relative;
	margin: 0 12px;
	padding: 0 0 10px 0;
}
.topsellers_topitem .img {
	display: table-cell;
	width: 171px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}
.topsellers_topitem .img img {
	width: 150px;
}
.topsellers_topitem .info {
	padding: 0.5em 0;
}
.topsellers_topitem .action a {
	width: 100px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: #000;
	text-decoration: none;
	display: block;
	margin: 0 auto;
}
.topsellers_topitem .action a:hover {
	color: #3f3f3f;
	background: #f8981d;
	text-decoration: none;
}
#mainContent {
	float: left;
	width: 100%;
	border: 1px solid #3f3f3f;
	margin: 0;
	padding: 8px;
}
footer {
	min-height: 150px;
	position: relative;
	background: #f8981d;
	margin-top: 10px;
	padding: 45px 0 0;
}
ul.frame-links {
	list-style: none;
	display: block;
	text-align: center;
	margin: 0 0 10px;
	padding: 0;
}
ul.frame-links li {
	display: inline-block;
	margin-right: 15px;
}
#copyright {
	text-align: center;
	margin: 0 0 10px;
}
#modMailist label {
	line-height: 14px;
	display: block;
	margin-bottom: 15px;
}
#modMailist form {
	padding: 0 0 0 10px;
}
#modMailist input {
	float: left;
}
#modMailist input[type="text"] {
	color: #83827f;
	width: 120px;
	margin: 0 2px 10px 0;
}
#modMailist input[type="submit"] {
	margin: 0 0 10px;
}
.stats {
	height: 0;
	overflow: hidden;
}

/*	home.html Template
	------------------	*/
.header-specials {
	color: #f8981d;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;
	margin: 0 0 10px;
}
.productBlockContainer {
	margin: 0;
}
.product-item {
	width: 100%;
	background: #FFF;
	border: 1px solid #e9e9e9;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}
.product-item .name {
	min-height: 60px;
}
.last-item .product-item {
	margin-right: 0;
}
.category-footer {
	border-top: 1px solid #4e4e4d;
	padding: 15px 0;
}

/*	listing_0.html Template
	-----------------------	*/
#listing0 h1 {
    font-size: 18px;
}

#tcdmenu {position: relative; width: 100%;  z-index: 100;}
#tcdmenu span {display: block;}
#tcdmenu > ul {list-style: none; margin: 0; padding: 0; vertical-align: baseline; line-height: 1;}
#tcdmenu > ul {display: block; position: relative; width: 100%;}
#tcdmenu > ul li {display: block; position: relative; margin: 0; padding: 0; width: 100%;}
#tcdmenu > ul li a { color: #3f3f3f; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 600; margin: 0; padding: 6px 12px; position: relative; text-decoration: none; text-transform: none; width: 100%;}
#tcdmenu > ul li:first-child>a {border-top: 0; }
#tcdmenu > ul li:last-child>a {border-bottom: 0; }
#tcdmenu > ul li > a:hover, #tcdmenu > ul li:hover > a { background: #f8981d none repeat scroll 0 0; border-color: rgba(0, 0, 0, 0); color: #ffffff;}
#tcdmenu > ul .has-sub>a::after {content: ''; position: absolute; top: 16px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #d8d8d8;}
#tcdmenu > ul .has-sub>a::before {content: ''; position: absolute; top: 17px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #000; }
#tcdmenu > ul li>a:hover::after, #tcdmenu > ul li:hover>a::after {border-left: 4px solid #fff; }
#tcdmenu > ul li>a:hover::before, #tcdmenu > ul li:hover>a::before {border-left: 4px solid rgba(0, 0, 0, .3); }
#tcdmenu > ul ul {position: absolute; left: 174px; min-width: 200px; top: -9999px; padding-left: 3px; opacity: 0; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; -ms-transition: opacity .3s ease-in; }
#tcdmenu > ul li:hover>ul {top: 0px; opacity: 1; }
#tcdmenu ul ul li a { background: #3f3f3f none repeat scroll 0 0; color: #ffffff; text-transform: none;}

.tcdtopmenu { float: right; margin: 7px auto 0;}
.tcdtopmenu ul{margin: 0; padding: 0; float: left; list-style: none;}
.tcdtopmenu ul li{position: relative; float: left;}
.tcdtopmenu ul li a{display: block; height: 48px; padding: 0 10px; font-weight: 400; font-size: 14px; color: #444; text-decoration: none; text-transform: uppercase; line-height: 48px; -webkit-transition:background 0.2s linear, color 0.2s linear; -moz-transition:background 0.2s linear, color 0.2s linear; -ms-transition:background 0.2s linear, color 0.2s linear; -o-transition:background 0.2s linear, color 0.2s linear; transition:background 0.2s linear, color 0.2s linear;}
.tcdtopmenu ul li:hover a, .tcdtopmenu ul li a.selected { background: #f8981d none repeat scroll 0 0; color: #ffffff;}
.tcdtopmenu ul li a:active{color: #ccc;}
.tcdtopmenu ul:hover li a.selected{background: #333; color: #ccc;}
.tcdtopmenu ul li:hover a.selected{background: #ebe130; color: #333;}
.tcdtopmenu ul li a:active.selected{color: #ccc;}
a.selected{border-radius:2px 0 0 2px;}
.tcdtopmenu ul ul{visibility: hidden; opacity: 0; height: auto; position: absolute; left: 0; margin-top:20px; padding-top: 0; -webkit-transition:all 0.3s ease 0.1s; -moz-transition:all 0.3s ease 0.1s; -ms-transition:all 0.3s ease 0.1s; -o-transition:all 0.3s ease 0.1s; transition:all 0.3s ease 0.1s; z-index:999999; }
.tcdtopmenu ul li:hover>ul{visibility: visible; opacity: 1; margin-top:0;}
.tcdtopmenu ul ul li{cursor: pointer;}
.tcdtopmenu ul ul li a{background: #3f3f3f none repeat scroll 0 0 !important; width: 165px; height: 30px; padding: 0; padding-left: 20px; font-size: 14px; color: #fff; text-transform: none; line-height: 30px;}
.tcdtopmenu ul ul li span{position: absolute; top: 0; right: 10px; font-size: 16px;}
.tcdtopmenu ul ul li:hover>a{z-index: 1; color: #fff;}
.tcdtopmenu ul ul li a:hover { background: #f8981d none repeat scroll 0 0 !important; box-shadow: none;}
.tcdtopmenu ul ul li a:active{color: #ccc;}
.tcdtopmenu ul ul ul{visibility: hidden; opacity: 0; position: absolute; top: -1px; left: 100%; padding: 0;}

@media only screen and (max-width: 860px) {
.tcdtopmenu ul li a { font-size: 13px; padding: 0 6px;}
}

.free-ship-countdown { background: #F8981D none repeat scroll 0 0; border-bottom: 1px solid #222; display: inline-block; font-weight: 700; padding: 4px 0; text-align: center; width: 100%;}
.free-ship-inner { margin: 0 auto; max-width: 500px;}
.free-ship-text { display: inline-block; line-height: 14px; color: #fff; font-size: 14px; padding: 0; position: relative; top: 0;}

/*********************************/
/*       LTE8 IE FALLBACK        */
/*********************************/
.no-boxshadow .boxShadow {
	border: 1px solid #e9e9e9;
}

/*	Theme Responsive Styles
	-----------------------	*/
@media only screen and (max-width: 767px) {

html {
	padding: 0 !important;
}
body {
    max-width: 100%;
    overflow-x: hidden;
	padding: 0 !important;
}
#mainContainer {
	width: 100% !important;
	margin: auto;
}
header {
	height: 60px;
	border: none;
}
aside {
	display: none !important;
}
#mainContent {
	display: block;
	width: 100% !important;
	border: none;
	padding-bottom: 2em;
}
#logo {
	float: none;
	margin: 0;
	width: auto;
	text-align: center;
}
#logo img {
	max-width: 60%;
	margin-top: 1%;
}
#searchBox {
	width: 100%;
	margin: 0 !important;
}
#searchBox input[type="text"] {
	width: 90%;
	height: 30px;
	line-height: 30px;
	margin: 0;
}
#searchBox input[type="submit"] {
	height: 30px;
}
nav#navCatMenu {
	width: 100%;
	height: auto;
    overflow: visible;
	border-top: 2px solid #3f3f3f;
}
nav#navCatMenu li {
	float: none;
	text-align: center;
	display: block;
}
#closeSlideMenu2 {
    display: block;
    text-align: right;
    cursor: pointer;
}
nav#showSlideMenu ul {
	display: block;
    padding: 0;
}
nav#showSlideMenu li {
    display: block;
    margin-left: 0;
}
nav#showSlideMenu li a {
    padding: 0.2em 0 0.2em 1em;
}
nav#showSlideMenu ul {
    border-bottom: none;
}
#homeCarousel {
    position: relative;
	margin: 0 auto 15px !important;
    overflow: hidden;
}
#homeCarousel img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
#homeHeader {
	border: none;
	margin-bottom: 0;
	padding-bottom: 20px;
}
#homeHeader img {
	width: 100%;
	height: auto;
}
.productBlockContainer {
	margin: 0;
}
.header-specials {
	width: 100%;
	text-align: center;
}
.product-item {
	width: 95%;
	margin: 0 auto 13px;
}
.last-item .product-item {
	margin: 0 auto 13px;
}
.product-item .img {
	width: 100%;
	margin: 0 auto;
}
footer {
	padding-bottom: 30px;
}
#copyright {
	float: none;
	text-align: center;
}
#mailistBox {
	position: relative;
	width: 100%;
	padding-top: 9px;
}
#mailistBox label {
	display: none;
}
#mailistBox input[type="text"] {
	width: 80%;
	height: 30px;
	line-height: 30px;
	margin: 0;
}
#mailistBox input[type="submit"] {
	width: 20%;
	height: 30px;
	line-height: 30px;
}
#FRAME_LINKS {
	float: none;
}
ul.frame-links {
	list-style: none;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 1.5em 0;
}
ul.frame-links li {
	float: none;
	display: block;
	margin: 0 0 10px 0;
}
.social-icons {
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	padding: 14px 0 0 0;
}
.social-icons a {
	float: none;
	display: inline-block;
}
#globalFooter {
	float: none;
	text-align: center;
	margin-top: 10px;
}

/* General styles for Slide Out Menus */
.cbp-spmenu {
	background: #FFF;
	position: fixed;
}
.cbp-spmenu a {
	display: block;
	font-size: 1.1em;
	font-weight: 300;
    text-align: left;
}
.cbp-spmenu a:hover {
}
/* Orientation-dependent styles for the content of the menu */
 
.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.cbp-spmenu-vertical a {
	border-bottom: 1px solid #000;
	padding: 1em;
}
.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}
.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #000;
}
/* Vertical menu that slides from the left or right */
 
.cbp-spmenu-left {
	left: -240px;
}
.cbp-spmenu-right {
	right: -240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0;
    z-index: 1050;
    overflow-y: auto;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0;
}
/* Push classes applied to the body */
 
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	left: 240px;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
/* Transitions */
 
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

}

@media only screen and (max-width: 980px) {
    
header ul.mobile {
    background: #FFF;
	display: none;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 10px;
    position: relative;
    z-index: 1005;
}
/*header ul.mobile li {
	float: none;
	text-align: center;
	display: block;
}*/
header ul.mobile li { display: block; float: none; text-align: left; width: 100%;}
header ul.mobile li a {
	/*font-size: 12px;*/
	font-weight: bold;
	line-height: 25px;
	width: 100%;
	float: none;
	display: block;
	padding: 0;
}
ul.mobile li a { font-size: 16px;}
ul.mobile ul li a {  font-size: 13px;}
ul.mobile ul { padding: 0; margin: 0 0 5px 15px;}

}

@media only screen and (min-width: 768px) and (max-width: 980px) {

html {
	padding: 0 !important;
}
body {
    max-width: 100%;
    overflow-x: hidden;
	padding: 0 !important;
}
#mainContainer {
    width: 100%;
}
.productContainer {
	float: none !important;
}
.product-item {
	width: 100%;
}
#mobileMenu {
    display: block;
}
aside#leftBar {
    display: none;
}
aside#rightBar {
    display: none;
}
#logo {
	width: 30%;
	margin-left: 2%;
}

}
/* Tablet (Portrait) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

#mobileMenu {
    display: block;
}
aside#leftBar {
    display: none;
}
aside#rightBar {
    display: none;
}

}
/* Tablet (Landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

aside#rightBar {
    display: none;
} 
header ul.mobile {
    background: #FFF;
	display: none;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 10px;
    position: relative;
    z-index: 1005;
}
/*header ul.mobile li {
	float: none;
	text-align: center;
	display: block;
}*/
header ul.mobile li { display: block; float: none; text-align: left; width: 100%;}
header ul.mobile li a {
	/*font-size: 12px;*/
	font-weight: bold;
	line-height: 25px;
	width: 100%;
	float: none;
	display: block;
	padding: 0;
}
ul.mobile li a { font-size: 16px;}
ul.mobile ul li a {  font-size: 13px;}
ul.mobile ul { padding: 0; margin: 0 0 5px 15px;}


}


/*Popup*/
#warning { width:726px; max-width:100%; margin:0px auto; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#fff; text-align:center; position:relative;}
#warning h2 {display:none;}
#warning .image{width:100%; height: auto; overflow:hidden; text-align:center;}
#warning .verify { margin:5px 0px; padding:0px; list-style:none; width:100%; float:left;}
#warning .verify li{ width:50%; float:left;}
#warning .verify li img{cursor:pointer; padding:0 25px;}
#warning .verify li:first-child img{float: right;}
#warning .verify li:last-child img{float: left;}
#warning p {margin:0px auto !important; padding:0px 50px 30px 50px !important; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; font-size:18px !important; font-weight: 700 !important; color:#000 !important; text-align:center !important; letter-spacing:1px; line-height:28px;}

#basic-modal-content {display:none; overflow:hidden;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {padding: 0px; background:#fff; border:0px solid #fff; width:726px; height: auto; min-height:510px;}
#simplemodal-container .simplemodal-data {padding:0px;}
#simplemodal-container a.modalCloseImg {background:url(images/close.png) no-repeat; width:35px; height:35px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

#simplemodal-container .modalCloseImg {display:none !important;}

/*nic warning */

.nicwrap-warning { padding: 5px; height: 20vh; background-color: #000; z-index: 2100; margin-bottom: 15px; }

	.nic-warning { position: fixed; border: 10px #fff solid; background-color: #000; color: #fff; font: 26px/1 'Roboto-Condensed', sans-serif; font-weight: 400; text-align: center; line-height: 1; height: 19vh; min-height: 20vh; top: 0; left: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 5px; z-index: 2100; width: 98.5%; display: flex; justify-content: center; }
	
.nicwrap-warning br { display: none; }

@media (min-width: 568px) { 
.nic-warning { font-size: 17px; } }

@media (min-width: 768px) { 
.nic-warning { font-size: 50px; }
.nicwrap-warning br { display: block; } }

@media (min-width: 992px) { 
.nic-warning { font-size: 52px; }
.nicwrap-warning br.warning-br-1 { display: none; } }

@media (min-width: 1200px) { 
.nic-warning { font-size: 5.5vh; } }

@media (min-width: 1400px) { 
.nic-warning { font-size: 7vh; } }


#blog h1 a {
	font-size: 20px;
    line-height: 1em;
}


#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
#mc_embed_signup .button {background-color: #f8981d; color: #ffffff; margin: 0 auto;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */