/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	

@import url('https://fonts.googleapis.com/css?family=Raleway');

/*********************************/
/*          CUSTOM STYLES        */
/*********************************/

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.round {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}	
.width100{width:100%;}
.width50{width:50%;}
.ypad10{padding:10px 0px;}
.xpad10{padding:0px 10px;}
.txt-c{text-align:center !important;}
.hide{display:none;}
.relative{position:relative;}
.pad20{padding:20px;}


input:focus { outline-color:#ff3300; outline-width:5px;}

::-moz-selection { background: #888; color: #fff; text-shadow: none; }
::selection { background: #888; color: #fff; text-shadow: none; }


@media only screen and (min-width: 320px) and (max-width: 980px) {
}

form{margin:0; padding:0;}

/*******************************************************************************************************/
/*          STYLES USED ON THE FRAME OF THE WEBSITE (HEADER, LEFT NAV, RIGHT NAV AND FOOTER)        */
/*******************************************************************************************************/
/*body:: Controls website background and any other text outside of a table without an associated style.*/ 	
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #010101;
	background:#000 url(images/bg_body.jpg) no-repeat top center;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

p{
	margin:1em 0;
}

.mainframe {
	width:980px;
	padding:0px 0px;
	margin:0px auto;
	background:none;
	position:relative;
/*	overflow:hidden;  */
}
/*store-name:: Store Name.*/		 
.store-name {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:28px;
	line-height:40px;
	color:#fff;
	text-transform:uppercase;
	display:block;
}
/*store-slogan:: Store Slogan.*/		 
.store-slogan {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	text-transform: lowercase;
	line-height:25px;
	display:block;
}
/*frame:: Controls the left and right column background.*/		
.frame {}

/*mod_bg:: Controls the left and right column modules background.*/		
.mod_bg {width:194px; margin-bottom:12px; /* -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777; */}

/*menu-headers:: Controls the way the menu titles look. For example: Categories, Browse By Price, Top Sellers, etc.*/ 
.menu-headers {
	font-family: 'Raleway', sans-serif;
	background: #000;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	padding:0px 15px;
	line-height: 49px;
	text-align: left;
	position:relative;
	z-index:1;
}
.menu-headers img{
	vertical-align:middle;
}
/*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 {
	background:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight:400;
	line-height:16px;
	color: #ccc;
	text-align: left;
	padding:20px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
/*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-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	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: normal;
	color: #000;
}
/*top-sellers-star:: Controls the background image and style for the top ranking item star.*/
.top-sellers-star {
	width: 42px;
	height: 42px;
	line-height:42px;
	background: #ff3300;
	position: absolute;
	top: -10px;
	right: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align:center;
	z-index:1;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	-moz-box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 20px 1px rgba(0, 0, 0, 0.2);
}
#NR_items .top-sellers-star {
	font-size: 13px;
	font-style:italic;
}
/*ranking:: Controls the way the menu icons display if they are being used.*/ 
.ranking {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #ff3300;
	padding: 0px;
	text-align: center;
	background: #000;
	height:24px;
	width:24px;
	line-height:24px;
	position: absolute;
	left:0px;
	top:0px;
}
/*menu-text:: Controls the way the menu (mailing list) text look on the frame.*/ 
.menu-text {
	font-size: 11px;
	color: #000;
}
/*price2:: Controls the way the product's price display in the top sellers and new releases sections.*/ 
.price2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 700;
}
A.cat, A.cat:visited {
	font-family: Tahoma, Geneva, sans-serif;
	color: #231f20;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	padding: 0px 0px 0px 5px !important;
	line-height: 20px;
	display: block;
}
A.cat:hover, A.cat:visited:hover {
	color: #FFF;
	background: #b00312;
	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, A.menu:visited{
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 35px;
}
/*A:menu:over:: When a user passes their mouses over them.*/ 	
A.menu:hover, A.menu:visited:hover{
	color: #ff3300;
	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, A.menu-bottom:visited{
	font-family: Tahoma, Geneva, sans-serif;
	color: #231f20;
	font-size: 12px;
	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, A.menu-bottom:visited:hover{
	color: #ff3300;
	text-decoration:none;
}
/*A:link:: Controls the way Secondary Links display before a user clicks or mouses over on them.*/ 	 
A.link, A.link:visited{
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
}
/*A:link:over:: When a user passes their mouses over them.*/ 	
A.link:hover, A.link:visited:hover{
	color: #ff3300;
	text-decoration:none;
}
/*******************************************************************************************************/
/*          STYLES USED THROUGHTOUT THE WEBSITE        */
/*******************************************************************************************************/

/*td:: Controls all text inside a table without and associated style.*/ 
td {
	color: #010101;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0px;
	line-height: 1.25em;
	font-size: 12px;
}
/*data:: Controls the font style of your content on all the pages.*/
.data {
	color: #010101;
	background: none;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0px;
	line-height: 1.25em;
	font-size: 12px;
	font-weight: 400;
}
/*alternative:: Controls the background color of the boxes used throughout the site.*/
.alternative {
	background: #fff;
	padding: 2px 2px 2px 2px;
	border: 1px solid #cdcdcd;
	-moz-box-shadow: 1px 2px 5px -1px #777;
	-webkit-box-shadow: 1px 2px 5px -1px #777;
	box-shadow: 1px 2px 5px -1px #777;
}
/*page_headers:: Controls the title of all your pages.*/
.page_headers {
	font-family: 'Raleway', sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #000;
	line-height: 1.1em;
	text-transform:none;
	font-style:italic;
	margin:8px 0px 15px 0px;
	padding-bottom:14px;
	background:url(images/titles_bg.gif) no-repeat bottom left;
}
.header h3{
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	color: #000;
	line-height: 1.5em;
	text-transform:none;
	font-style:italic;
	margin:10px 0px 0px 0px;
}
/*titles:: Controls the Tiles  of sections within pages on the site such as (Specials, Feature Items, Items, Related Items).*/ 
.titles {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #010101;
	margin:0px 0px 0px 0px;
	text-transform: none;
	padding:0px 0px;
	font-weight: 400;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: nonw;
	text-align:left;
	position:relative;
}
/*titles2:: Controls the titles on the view cart page*/ 
.titles2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #f8f8f8;
	color: #b3451f;
	padding:5px;
}
.titles3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	line-height: 41px;
	letter-spacing: 0px;
	color: #000;
	margin:0px 0px 0px 0px;
	text-transform: none;
	padding:0px 17px;
	font-weight: bold;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: #b3451f;
	text-align:left;
	position:relative;
}
/*price:: Controls the way the product's final price display throughout the site.*/ 
.price {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #ff3300;
	font-weight: bold;
	letter-spacing: 0px;
}
/*error:: Controls the error messages*/ 
.error {
	font-size: 12px;
	font-weight: normal;
	color: #e10e04;
	text-decoration: none;
}
/*borders:: Controls the color of the line dividers used throughout the site.*/ 
.borders {
	color: #000;
	border: 0px solid #bebebe;
}
/*borders2:: Controls the color of the dotted line dividers used throughout the site.*/ 
.borders2 {
	border: 1px dotted #cccccc;
	border-style: none none dotted;
}
/*A:: Controls the way the all Links without an associated style display before a user clicks or mouses over them.*/ 	 
A, A:visited {
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
	font-style: normal;
	text-decoration: none;
	font-weight: 400;
}
/*A:hover:: When a user passes  their mouse over them.*/ 	 	
A:hover, A:visited:hover {
	color: #ff3300;
	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-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
/*steps:: Controls the way the steps on the checkout pages display.*/
.steps {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #111;
}
/*steps_on:: Controls the way the step the customer is currently on displays on the checkout pages.*/
.steps_on {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ff3300;
}
/*******************************************************************************************************/
/*   STYLES ONLY USED ON PRODUCT PAGES      */
/*******************************************************************************************************/
/*options-titles:: Controls the way the option titles display on the product page.*/
.options-titles {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #585C5F;
	padding:5px;
	border: 1px dotted #cccccc;
	border-style: dotted none dotted none;
}
/*item:: Controls the item description and item details text.*/ 
.item {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #231f20;
	font-weight: normal;
}

/*itemTitle:: Controls the name of the Product.*/ 
.item-title {
	font-size: 16px;
	color: #ff3300;
	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-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #ff3300;
}
/*small-txt:: Controls the way the item id displays.*/ 
.small-txt {
	color: #afafae;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0px;
	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: #000;
	text-decoration: none;
	text-align: left;
	line-height: 1.2em;
	font-size: 11px;
	background-color: #ff3300;
	padding: 0.2em;
	font-style: italic;
}
/*reward-title:: Controls the title of the Reward Points section.*/ 
.reward-title {
	font-family: Tahoma, Geneva, sans-serif;
	color: #ff3300;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 7px;
	line-height: 10px;
	font-size: 16px;
}
/*******************************************************************************************************/
/*      FORM FIELDS & BUTTONS THROUGHOUT THE WEBSITE      */
/*******************************************************************************************************/
/*btn:: Controls the buttons, (ONLY if it is not using and image).*/ 
.btn {font-size:14px; font-weight:400; color:#fff; text-shadow: 1px 1px 1px #333; font-family: Verdana, Geneva, sans-serif; text-transform: lowercase; margin:2px; line-height:20px; padding:3px 22px; text-align:center; cursor:pointer; border:none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; -webkit-appearance:none; background:#ff3300; -moz-box-shadow: inset 0px -7px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -7px 8px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -7px 8px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*btn_over:: Controls the buttons when a user mouses over them, (ONLY if it is not using and image).*/ 
.btn:hover, .btn_over {font-size:14px; font-weight:400; color:#fff; text-shadow: 1px 1px 1px #333; font-family: Verdana, Geneva, sans-serif; text-transform: lowercase; margin:2px; line-height:20px; padding:3px 22px; text-align:center; cursor:pointer; border:none; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; -webkit-appearance:none; background:#ff3300; -moz-box-shadow: inset 0px 7px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 7px 8px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 7px 8px 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*txtBoxStyle:: Controls the text and style of the Text Boxes.*/  	
.txtBoxStyle {
	border: 1px solid #cdcdcd;
	background-color: #fefefe;
	font-weight: normal;
	font-size: 11px;
	color: #252525;
	line-height: 27px;
	height: 27px;
	padding: 1px 1px 1px 8px;
}
/*txtAreaStyle:: Controls the text and style of the Text Areas.*/ 	
.txtAreaStyle {
	border: 1px solid #cdcdcd;
	background-color: #fefefe;
	font-weight: normal;
	font-size: 11px;
	color: #83827f;
}
/*txtSearch:: Controls the style of the Search Box, if different from txtBoxStyle.*/
.txtBoxSearch {
	height: 20px;
	color: #585C5F;
	font-size: 12px;
	border: none;
	padding: 3px 0px 0px 0px;
	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-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #cbcaca;
	color: #4f4e4e;
}
img {
	border: none;
}
/*************************************************************/
/*          LEGACY STYLES: STYLES USED PRIOR TO v3.2         */
/*************************************************************/
/*font1:: Primary Screen Font */ 
.font1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #010101;
}
/*font2:: Secondary Screen Font */ 
.font2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ff3300;
}
.font3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.font4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #c32519;
}
/*top:: Controls the  Color of the top Bar*/		
.top {
	background: none;
}
/*line:: Controls the  Color of the line below the top bar*/
.line {
	background: #fff url(images/BG_menu.gif) repeat-x;
}

/*********************************/
/*Frame*/
/*********************************/
#TS_items, #NR_items, #Category_items, #Brands_items, #Prices_items{}
#TS_items, #NR_items{
	position:relative;
	margin: 6px;
	background:#fff;
	padding:14px;
	-moz-box-shadow: 1px 2px 5px -1px #777;
	-webkit-box-shadow: 1px 2px 5px -1px #777;
	box-shadow: 1px 2px 5px -1px #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.home-width{}
.home-width img{display:block;}
.inner {width:980px; margin:0px auto; position:relative;}

.header-area {padding:50px 0px 0px 0px; height:145px; position:relative; background:none;}
.logo {background:none; float:left; width:50%; margin:0px; padding:6px 0 6px 0; height: 95px; line-height:56px; text-align:left; position:relative; }
.logo a, .logo a:hover, .logo a:visited, .logo a:visited:hover{font-family: 'Raleway', sans-serif; font-size:28px; line-height:56px; color:#000; text-transform: none; text-decoration:none !important;}
.logo img{padding:0; margin:auto 0; position:absolute; top:0px; bottom:0px; left:0px; max-height:96%;}

.header-middle{width:50%; height:74px; float:right; padding:10px 0 8px 0;}

#cart-area{padding:15px 25px 12px 35px; border:none; background: url(images/cart-bg.png) no-repeat left center; display:block; height:56px; width:336px; float:right;}
.cart-area-content{width:100%; height:29px; line-height:28px; position:relative; padding:0 30px 0 38px; background:#fff; color:#2c2c2c; font-size:12px; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cart-area-content strong{font-size:14px;}
.cart-area-content a{font-size:14px; color:#634e35; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
a.cart-icon{position:absolute; width:38px; height:53px; left:-8px; top:-15px; z-index:1; background:url(images/cart.png) no-repeat center center;}

.welcome{float:left; margin:0px; padding:0 25px; width:40%; height:52px; line-height:52px; font-size:14px; color:#fff; font-weight:400; display:block;}
.welcome span{font-size:14px; line-height:52px; color:#fff; text-decoration: none; font-weight:700;}
.welcome span.bullet{font-size:14px; line-height:52px; color:#de5727; text-decoration: none; font-weight:700; margin-left:18px;}
.welcome a{font-size:14px; line-height:52px; color:#fff; text-decoration: underline; padding-left:2px;}
.welcome a:hover{color:#fff; text-decoration:underline;}


#search-area {position:relative; margin: 6px; background:#fff; padding:15px 12px; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.search-box {padding:0px; margin:0px; height:28px; width:100%; border:none; background:none; position:relative; overflow: hidden;}
.btn-search {background: url(images/search.png) no-repeat center center; width:32px; text-align:center; color:#fff; border:0px; display:block; height:28px; line-height:28px; cursor:pointer; padding:0px; margin:0px; position:absolute; right:0px; top:0px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
.search-text {font-family: "Times New Roman", Times, serif; font-size:14px; text-transform:none; font-style:italic; font-weight:400; color:#252420; width:100%; height:28px; line-height:24px; padding:2px 40px 2px 12px; border:1px solid #c3c3c3; margin:0px; background:#fff; position:absolute; left:0; top:0; -moz-box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2);}

.nav-links {height:52px; width:100%; padding:0px; margin:0px; border:none; float:left; background:#ff3300; position:relative; z-index:10; overflow:hidden; -moz-box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
.nav-links ul{height:52px; padding:0px 0px 0px 0px; border-left:1px solid #a4401c; margin:0 1.5% 0 0; float:right; max-width:58.5%; list-style:none; position:relative; z-index:1; background:none;}
.nav-links ul li{display:block; height:52px; line-height:52px; padding:0px 12px; margin:0px; background:none; border-right:1px solid #a4401c; float:left;}
.nav-links ul li a, .nav-links ul li a:visited{font-family: Tahoma, Geneva, sans-serif; font-size:18px; line-height:52px; font-weight:700; color:#fff; font-style:italic; text-transform: none; text-decoration:none; padding:0px 0px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
.nav-links ul li a:hover, .nav-links ul li a:visited:hover{text-decoration:none; color:#e55b2b; background:none;}

/***************/
#HOME{background: url(images/sidebar_bg.jpg) repeat top center; padding:22px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#HOME > div{padding:0 8px;}

.bodycontainer {width:100%; background:#fff; position:relative; padding:13px 10px; margin:4px 0px 6px 0px;}
.homebody{padding:0px !important; background:none !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

#mainContainer {width:100%; padding:0 0 0px 0; margin:0px; min-height:400px; float:left;}
#midContent {float:left; background:none; border-left:4px solid #fff; border-right:4px solid #fff; width:100%; padding:8px; margin:0px; min-height:400px;}
#leftContent {background: url(images/sidebar_bg.jpg) repeat top center; float:left; width:194px; margin:0px 0px 0px 0px; padding:12px 0px; position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#rightContent {background: url(images/sidebar_bg.jpg) repeat top center; float:left; width:194px; margin:0px 0px 0px 0px; padding:12px 0px; position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#midContent img{}

#footerContainer {width:100%; padding:0px 0px 20px 0px; margin:0px auto;}
.footerContent {width:100%; margin:0px auto; padding:2px 0;}

#footer-links {height:52px; width:100%; padding:0px; margin:0px; border:none; float:left; background:#ff3300; text-align:center; position:relative; z-index:10; overflow:hidden; -moz-box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 0px -23px 35px 0px rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} 
#footer-links span{font-size:14px; line-height:52px; color:#de5727; text-decoration: none; font-weight:700;}
#footer-links span:first-child{display:none;}
#footer-links a, #footer-links a:visited{font-family: Tahoma, Geneva, sans-serif; font-size:12px; line-height:52px; font-weight:400; color:#fff; text-transform:none; text-decoration:none; margin:0px 0px; padding:0px 10px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;}
#footer-links a:hover, #footer-links a:visited:hover{text-decoration:none; color:#e55b2b;} 

#mail-area {position:relative; margin:6px; background:#fff; padding:10px 12px 30px 12px; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#mail-area .mail-subtxt{line-height:30px; font-size:12px; color:#252420; text-transform: none; text-align:center;}
#mail-area form{}
#mail-area .mail-box{padding:0px; margin:6px 0px; width:100%; background:none; position:relative;}
#mail-area .mail-txt{font-family: Tahoma, Geneva, sans-serif; font-size:12px; text-transform:none; font-style:italic; font-weight:400; color:#252420; width:100%; height:28px; line-height:24px; padding:2px 40px 2px 12px; border:1px solid #c3c3c3; margin:0px; background:#fff; -moz-box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow:inset 3px 5px 5px 0px rgba(0, 0, 0, 0.2);}
#mail-area .btn, #mail-area .btn_over{width:28px; display:block; height:28px; line-height:22px; cursor:pointer; padding:3px; margin:0px 0px 0px 0px; -webkit-appearance:none; position: absolute; right:0; top:0;}
#mail-area .btn:hover {}
#mail-area .subscribe{text-transform:none; font-size:12px; color:#252420; line-height: 24px;}

.footerContent .mod_bg{width:100%;}
.footerContent #mail-area .mail-box{margin:6px auto; width:96%;}

.copyright{}
.copyright, .copyright a{font-weight:700; font-family: Tahoma, Geneva, sans-serif; text-transform:none; color:#fff; font-size:12px; line-height:18px; padding:0px; text-align:center; padding:10px 0;}

.global-banners{
	position: relative;
	margin: 6px;
	background: #FFF;
	padding: 15px 12px;
	-moz-box-shadow: 1px 2px 5px -1px #777;
	-webkit-box-shadow: 1px 2px 5px -1px #777;
	box-shadow: 1px 2px 5px -1px #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*********************************/
/*Top Sellers*/
/*********************************/

.Tsellers-section {height:auto; margin:0px 0px 0px 0px; padding:12px 0px; background:none; position:relative; text-align:center; border-top:1px solid #808080;}
.Tsellers-section-top{ border-top:none;}
.Tsellers-section .image-container{width:100%; height:110px; padding:0px; margin:0 0 8px 0; text-align:center; position:relative;}
.Tsellers-section .image-container img{max-width:95%; max-height:95%; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.Tsellers-section .products-info{font-size:12px; font-family: Tahoma, Geneva, sans-serif; font-weight:400; color: #484848; text-align:left; text-transform: uppercase; line-height:16px; padding:0px; margin:2px 0px;}
.Tsellers-section .products-info a, .Tsellers-section .products-info a:visited{font-size:12px; font-family: Tahoma, Geneva, sans-serif; font-weight:400; color:#484848; line-height:16px; text-transform:none; text-decoration:none;}
.Tsellers-section .products-info a:hover, .Tsellers-section .products-info a:visited:hover{color:#ff3300; text-decoration: underline;}
.Tsellers-section .products-price{color:#000; font-weight:700; font-family: Tahoma, Geneva, sans-serif; font-size:18px; text-align:left; line-height:26px; padding:0px 0px; margin:0px 0px 0px 0px; float:left; width:50%;}
.Tsellers-section .products-review{text-align:right; padding:0px 0px 0px 0px; float:left; width:50%; line-height:26px;}
.Tsellers-section .products-review img { vertical-align:middle; line-height:26px;}

/*********************************/
/*Links*/
/*********************************/

.cat {margin:7px; padding:6px; list-style:none; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777;}
.cat li {text-align:left; margin:0px 0px 0px 0px; padding:0px; background:none; line-height:24px;}
.cat li a, .cat li a:visited{color:#5c5c5c; font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight:500; text-align:left; padding:5px 10px 5px 15px; line-height:20px; text-transform: none; display:block;}
.cat li a:hover, .cat li a:visited:hover{text-decoration:none; color:#ff3300;}
.cat li.main {}
.cat li.subcat {text-align:left; margin:0px 0px 0px 0px; padding:0px 8px; background:none; line-height:24px;}
.cat li.subcat a, .cat li.subcat a:visited{color:#ff3300; font-family: Tahoma, Geneva, sans-serif; font-size:12px; font-weight:400; text-align:left; padding:0px 10px 5px 14px; line-height:14px; text-transform: none; display:block;}
.cat li.subcat a:hover, .cat li.subcat a:visited:hover{text-decoration: underline; color:#ff3300; background:#fff;}

/***************************************/
/*   Styled Divs to replace Selects    */
/***************************************/
#Brands_items{
	position:relative;
	margin: 6px;
	background:#fff;
	padding:15px 12px;
	-moz-box-shadow: 1px 2px 5px -1px #777;
	-webkit-box-shadow: 1px 2px 5px -1px #777;
	box-shadow: 1px 2px 5px -1px #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#Brands_items .all-guides{
	width: 158px;
	position:absolute;
	left: 12px;
	top: 52px;
	z-index:5;
}

#Show-Brands {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #818285; font-weight:400; background: #fff url(images/d-arrow.png) right center no-repeat; width: 158px; height: 34px; line-height: 32px; border: 1px solid #cfcfcf; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777;} 
#Show-Brands .hov{cursor:pointer; padding:0px 34px 0px 10px;}
.all-guides {list-style:none !important; margin:0px !important; padding:6px !important; background:#fff !important; border: 1px solid #cfcfcf; max-height:164px !important; overflow:auto !important; display:none; -moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777;} 
.all-guides li {line-height:20px; float:none !important; margin:0 !important;}
.all-guides li:hover {background:#ff3300; }
.all-guides a, .all-guides a:visited{display:block; text-decoration:none !important; line-height:20px; color:#5C5C5C; font-size:12px; padding:5px 15px !important;}
.all-guides a:hover, .all-guides a:visited:hover{color:#fff !important; text-decoration:none !important;}

/*********************************/
/*HomePage*/
/*********************************/
.homepage_silder{margin-bottom:10px;}
.flexslider{background:transparent !important;}
.flex-control-nav{bottom:10px !important; z-index:10;}
.flex-control-nav li {margin:0 5px !important;}
.flex-direction-nav a{line-height:40px;}

#HOME{}
#HOME .productBlockContainer{}

.feat-item-list{margin-bottom:45px;}

.product-container, .productContainer{margin:0; padding:0 8px;}
.product-container.middle-item, .productContainer.middle-item{padding:0 4px;}
.product-container.first-item, .productContainer.first-item{padding-left:0;}
.product-container.last-item, .productContainer.last-item{padding-right:0;}

.product-container-elem{width:33.3%; float:left;}

.products-section, .product-item {padding:12px; margin:10px auto 15px auto; text-align:center; position:relative; background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.products-section .image-container, .product-item .img{padding:5px; background:#fff; width:100%; height:180px; position:relative;}
.products-section .image-container img, .product-item .img img{max-width:90%; max-height:170px; min-height: inherit; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.products-section .content{position:relative; width:100%; margin:5px auto 5px auto; padding:0px 8px; background:none; overflow:hidden; text-align:center;}
.products-section .products-info, .product-item .name{font-size:12px; font-family: Tahoma, Geneva, sans-serif; font-weight:400; color:#484848; text-align:center; line-height:16px; height:32px; min-height:initial; overflow:hidden; padding:0px; margin:0px;}
.products-section .products-info a, .product-item .name a{font-size:12px; font-family: Tahoma, Geneva, sans-serif; font-weight:400; color:#484848; line-height:16px; text-transform:none;}
.products-section .products-info a:hover, .product-item .name a:hover{color:#ff3300; text-decoration:none;}
.products-section .products-price, .product-item .price{float:left; width:100%; font-size:18px; font-weight:700; color:#000; text-align:center; line-height:24px; height:24px; padding:0px 0px; margin:5px 0px; vertical-align:top;}
.products-section .products-price img, .product-item .price img{vertical-align:top;}
.products-section .product-reviews, .product-item .stars{float:none;}
.products-section .product-reviews img, .product-item .stars img{display:inline-block; vertical-align:top; float:none;}
.product-item .status{visibility:hidden; height:49px;}

.product-item .stars span{float:none; display:inline-block;}

.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: Tahoma, Geneva, sans-serif; font-weight:400; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; opacity:.95;}

.product-item{-moz-box-shadow: 1px 2px 5px -1px #777; -webkit-box-shadow: 1px 2px 5px -1px #777; box-shadow: 1px 2px 5px -1px #777;}
.product-item:hover{-moz-box-shadow: 1px 2px 5px -1px #000; -webkit-box-shadow: 1px 2px 5px -1px #000; box-shadow: 1px 2px 5px -1px #000;}
