.foo { }
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE CATEGORIES - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageCategoryGrid { width: 100%; }

.HomePageCategoryGrid a { }

.HomePageCategoryGrid .ItemBox { text-align: center; vertical-align: text-top; }

.HomePageCategoryGrid .HomePageCategoryItem { text-align: center; margin: 10px 10px 10px 10px; width: 150px; height: auto; border: 1px solid rgb(232, 230, 210); }

.HomePageCategoryGrid .HomePageCategoryItem .title { text-align: center; font-weight: bold; font-size: 0.9em; display: block; overflow: hidden hidden; height: 1.8em; padding: 8px 0 5px 0; }

.HomePageCategoryGrid .HomePageCategoryItem .picture { text-align: center; padding: 10px 0 10px 0; }

.HomePageCategory-Wrapper { margin: 5px; padding: 0px; overflow: auto; }
.HomePageCategory-Wrapper li { float: left; height: 160px; overflow: hidden; width: 172px; }
.HomePageCategory-Wrapper li a { color: #505050; display: block; margin: 0 auto; text-align:center;}
.HomePageCategory-Wrapper li a.lnksrc { width: 125px; height: 130px; border: solid 1px #fff; }

.HomePageCategory-Wrapper li h6 { font-size: 12px; margin: 0; }
.HomePageCategory-Wrapper li a:hover { color: #f60; text-decoration: none; border: solid 1px #ddd; }
.HomePageCategory-Wrapper li h6 a:hover { border: solid 1px #fff; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CATEGORY DETAILS PAGE - DONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage { margin-bottom: 15px; padding: 0px; }

.CategoryPage .master-wrapper-side{ margin-top:0px;}
.CategoryPage .master-wrapper-center{ float:right; width:760px;}


.CategoryPage .CategoryDescription { color: #0A263C; font-size: 1.1em; }

.CategoryPage .CategoryDescription * { margin: 0px; padding: 0px; }

.CategoryPage .categoryfilter { margin-bottom: 10px; }

.CategoryPage .ProductPager { text-align: center; margin:0 auto; padding:15px 0; }

.CategoryPage .ProductPager a { font-size: 1em; color: #555; }

.CategoryPage .ProductPager a:link { text-align: center; }

.CategoryPage .ProductPager span { color: #3664A5; font-size: 1.3em; font-weight: bold; }

.ProductPagerTop{ float:right; margin-bottom:10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB CATEGORIES - PRODUCTS IN GRID TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .SubCategoryGrid { margin: 0 auto; width: 100%; }
.CategoryPage .SubCategoryGrid table { width: 100%; }

.CategoryPage .SubCategoryGrid a { }

.CategoryPage .SubCategoryGrid .ItemBox { text-align: center; vertical-align: text-top; }

.CategoryPage .SubCategoryGrid .SubCategoryItem { text-align: center; width: 100%; height: auto; border: 1px solid rgb(232, 230, 210); }

.CategoryPage .SubCategoryGrid .SubCategoryItem .title { text-align: center; font-weight: bold; font-size: 0.9em; display: block; overflow: hidden hidden; height: 1.8em; padding: 8px 0 5px 0; }

.CategoryPage .SubCategoryGrid .SubCategoryItem .picture { text-align: center; padding: 10px 0 10px 0; }

.CategoryPage .SubCategoryList { margin-bottom: 15px; padding: 0px; }


.Grid { width: 100%; margin-bottom: 10px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEATURED PRODUCTS IN CATEGORY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .FeaturedProductGrid { margin-bottom: 15px; margin-left: auto; margin-right: auto;text-align: center; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN GRID - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductGrid {margin:0 auto; width: 100%; text-align: center;  }
.CategoryProductGrid{min-height:500px;height:auto !important;height:500px;}
.CategoryPage .ProductGrid div { text-align: left; }
.CategoryPage .ProductGrid table { width: 100%; }
.CategoryPage .ProductGrid .itemlist li { width: 187px; margin-bottom: 10px;}
.CategoryPage .ProductGrid .itemlist li .title { padding:5px 5px 5px 0; }


.CategoryPage .ProductGrid .ItemBox { padding-bottom: 10px; text-align: center; vertical-align: text-top; }

.CategoryPage .ProductGrid .ProductItem { text-align: center; margin: 10px 10px 10px 10px; width: 250px; border: 1px solid rgb(232, 230, 210); }

.CategoryPage .ProductGrid .ProductItem .title { font-weight: bold; padding-left: 10px; }

.CategoryPage .ProductGrid .ProductItem .title a { display: block; height: 2em; line-height: 1.3em; overflow: hidden hidden; padding: 4px 10px 8px 0px; color: #3A4045; }

.CategoryPage .ProductGrid .ProductItem .picture { text-align: center; margin-top: 10px; }

.CategoryPage .ProductGrid .ProductItem .description { margin: 5px 5px 0 5px; text-align: center; padding: 10px 5px 10px 5px; border-top: solid 1px rgb(232, 230, 210); color: #555; height: 50px; }

.CategoryPage .ProductGrid .ProductItem .addInfo { vertical-align: bottom; text-align: right; width: 250px; height: 85px; position: relative; background: rgb(247, 245, 232); }

.CategoryPage .ProductGrid .ProductItem .addInfo .prices { text-align: right; vertical-align: middle; position: absolute; bottom: 15px; right: 10px; }

.CategoryPage .ProductGrid .ProductItem .addInfo .buttons { vertical-align: middle; position: absolute; bottom: 15px; left: 10px; text-align: left; }

.CategoryPage .ProductGrid .ProductItem .addInfo .prices .productPrice { color: green; }

.CategoryPage .ProductGrid .ProductItem .addInfo .prices .oldproductPrice { color: Red; text-decoration: line-through; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 1 - TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductList1 { width: 600px; margin: 0 auto 0 auto; }

.CategoryPage .ProductList1 .ItemBox { text-align: left; clear: both; position: relative; margin-bottom: 10px; }

.CategoryPage .ProductList1 .ProductItem { width: 600px; height: 177px; margin-top: 10px; border: 1px solid rgb(232, 230, 210); position: relative; }

.CategoryPage .ProductList1 .ProductItem .title { font-weight: bold; padding-left: 10px; }

.CategoryPage .ProductList1 .ProductItem .title a { display: block; height: 2em; line-height: 1.3em; overflow: hidden hidden; padding: 4px 10px 8px 0px; color: #3A4045; }

.CategoryPage .ProductList1 .ProductItem .picture { float: left; margin: 10px 0 10px 10px; }

.CategoryPage .ProductList1 .ProductItem .description { padding: 0px 0 0 10px; margin: 10px 150px 0px 140px; text-align: left; border-left: solid 1px rgb(232, 230, 210); color: #555; }

.CategoryPage .ProductList1 .ProductItem .prices-wrapper { float: right; text-align: right; position: absolute; bottom: 20px; right: 5px; }

.CategoryPage .ProductList1 .ProductItem .prices { }

.CategoryPage .ProductList1 .ProductItem .prices .productPrice { color: green; }

.CategoryPage .ProductList1 .ProductItem .prices .oldproductPrice { color: Red; text-decoration: line-through; }

.CategoryPage .ProductList1 .ProductItem .buttons { padding-top: 20px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCTS IN LINES 2 - TEMPLATE (JUST SHOWS HYPERLINKS)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductList2 { margin-bottom: 15px; padding: 0px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRODUCT FILTERS BOX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.CategoryPage .ProductFilters { width: 98%; margin-left: 5px; border: 1px solid rgb(232, 230, 210); background: rgb(247, 245, 232); }

.CategoryPage .ProductFilters .FilterTitle { font-weight: bold; padding-left: 10px; color: #3A4045; }

.CategoryPage .ProductFilters .FilterTitle span { display: block; height: 2em; line-height: 1.3em; overflow: hidden hidden; padding: 4px 10px 8px 0px; }

.CategoryPage .ProductFilters .FilterItem { padding: 5px 10px 5px 10px; }



/*Filter Box*/
.CategoryPage .tb-category,
.CategoryPage .tb-filter{ width:740px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.tb-filter em{ font-weight:bold;}
.tb-filter h1, .tb-category h1 { font-size: 13px; margin: 5px 0px; }
.tb-filter, 
.tb-category {background-color: #f2faff; border: 1px solid #9ed9fe; margin: 0 10px 10px 0; padding: 10px;overflow: hidden;background-image:url(images/bar/areabg.gif);background-repeat:repeat-x;}
.tb-category {padding:0 10px 10px;}
.tb-filter ul, .tb-category ul { overflow: hidden;}
.tb-filter li, .tb-category li { white-space: nowrap; background: #f6fcff; border: 1px dotted #b6e0f8; float: left; display: inline; height: 20px; line-height: 20px; margin:3px 6px 6px 0;padding: 0 5px; }
.tb-category li { height: 28px; line-height: 28px; padding: 0 12px; }
.tb-filter li.selected { background: #ffffd8; }
.tb-filter li.curr { position: relative; border: solid #b6e0f8; border-width: 1px 1px 0; padding-bottom: 8px; background: white; }
.tb-filter li .filterItem { display: none; }
.tb-filter li a { background: url(http://assets.taobaocdn.com/ark/img/dropdown_2.png) no-repeat right 2px; padding-right: 20px; text-decoration: underline; outline: none; /*margin-left: 6px; */}
.tb-filter li a.curvalue { text-decoration: none; font-weight: bold; background-image: none; color: Green; }
.tb-filter li a.undo { background-image: none; padding: 0px; margin: 0px; }
.tb-filter li a:hover { text-decoration: none; }

.tb-filter li li a { text-decoration: none; }
.tb-filter li li a:hover { text-decoration: underline; }
.tb-filter .selected a { margin-left: 16px; padding-right: 0; background: none; }
.tb-filter .content { clear: left; *clear:none;display:none;zoom:1;margin-top:-7px;background:white;border:1pxsolid#b6e0f8;height:auto;padding:10px;}
.tb-filter .none { display: none !important; }
.tb-filter .content-curr { display: block; *float:none;clear:both;overflow:hidden;zoom:1;width:96%;*width:auto;}
.tb-filter .content ul { overflow: hidden; zoom: 1; }
.tb-filter .content ul.toolong { height: 142px; overflow: auto; }
.tb-filter .content li { background: transparent; border: 0; width: 210px; margin: 0 3px 0 0; padding: 0; overflow: hidden;}
.tb-filter .content li a { margin: 0; padding-right: 0; background: none; }
.tb-filter .content li a i { color: #555; }
.tb-filter .color { padding: 10px; clear: left; }
.tb-filter .color li { width: 29px; height: 26px; }
.tb-filter .color li a { display: block; width: 22px; border: 2px solid #fff; overflow: hidden; }
.tb-filter .color li a span { display: block; width: 20px; height: 20px; border: 1px solid #ccc; text-indent: -9999px; cursor: pointer; }
.tb-filter .color li a:hover, .tb-filter .color li.selectedColor a { border-color: #36c; }
.tb-filter .color li a:hover span, .tb-filter .color li.selectedColor a span { border-color: white; }

/*filter modules adjust for different part*/
.PriceRangeSelector li a { padding:0px; margin:0px; background:none;}

.pricefilter li{ background-image:url(images/currency.png); background-position:3px 0; background-repeat:no-repeat; text-indent:23px; margin:10px 0;}
.pricefilter h3{ font-size:10px; font-weight:bold; color:#E97400; text-indent:5px;}
.SelectedPriceRange p{ margin:0px; padding:0px; text-indent:5px;}