﻿.foo{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HOME PAGE CATEGORIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.HomePageCategoryGrid{ width: 510px;}
.HomePageCategoryGrid a{}
.HomePageCategoryGrid .ItemBox{text-align: center; vertical-align: text-top; background: transparent url(images/cboxItem.gif) no-repeat left top;}
.HomePageCategoryGrid .HomePageCategoryItem {text-align: center; margin: 10px 10px 10px 0px; width: 150px; height: auto;}
.HomePageCategoryGrid .HomePageCategoryItem .title{text-align: center;font-weight: normal;font-size: 0.9em;display: block;overflow: hidden hidden;height: 36px;padding: 9px 0 5px 0;}
.HomePageCategoryGrid .HomePageCategoryItem .title p{padding-top:0px;}
.HomePageCategoryGrid .HomePageCategoryItem .picture{text-align: center;padding: 0px 0 10px 0; vertical-align:middle; height:125px; width:140px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CATEGORY DETAILS PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage{margin-bottom: 15px;padding: 0px;}
.CategoryPage .CategoryTitle{padding: 10px 10px 5px 0px;font-weight: bold;text-transform: uppercase;clear: both;}
.CategoryPage .CategoryDescription{color: #0A263C;font-size: 1.1em;}
.CategoryPage .ProductPager{text-align: center;}
.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;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SUB CATEGORIES - PRODUCTS IN GRID TEMPLATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage .SubCategoryGrid{margin-left: auto;margin-right: auto;width: 700px;}
.CategoryPage .SubCategoryGrid a{}
.CategoryPage .SubCategoryGrid .ItemBox{text-align: center; vertical-align: text-top; background: transparent url(images/cboxItem.gif) no-repeat left top;}
.CategoryPage .SubCategoryGrid .SubCategoryItem{text-align: center;	margin: 10px 0px 10px 0px;width: 150px;height: auto;}
.CategoryPage .SubCategoryGrid .SubCategoryItem .title{text-align: center;font-weight: normal;font-size: 0.9em;display: block;overflow: hidden hidden;height: 36px;padding: 9px 0 5px 0;}
.CategoryPage .SubCategoryGrid .SubCategoryItem .picture{text-align: center;padding: 0px 0 10px 0; vertical-align:middle; height:125px; width:140px;}
.CategoryPage .SubCategoryList{margin-bottom: 15px;padding: 0px;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FEATURED PRODUCTS IN CATEGORY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage .FeaturedProductGrid{margin-bottom: 15px;margin-left: auto;	margin-right: auto;	width: 550px;text-align: center;}
.CategoryPage .FeaturedProductGrid .title{padding: 10px 10px 5px 0px;	font-weight: bold;text-transform: uppercase;	clear: both;margin: 0;	color: #3A4045;}
.CategoryPage .FeaturedProductGrid .ItemBox{padding-bottom: 10px;text-align: center;vertical-align: text-top;}
.CategoryPage .FeaturedProductGrid .ProductItem{text-align: center;margin: 10px 10px 10px 10px;width: 250px;border: solid 1px rgb(232, 230, 210);}
.CategoryPage .FeaturedProductGrid .ProductItem .title{font-weight: bold;	padding: 0 0 0 10px;text-transform: none;}
.CategoryPage .FeaturedProductGrid .ProductItem .title a{display: block;height: 2em;line-height: 1.3em;	overflow: hidden hidden;padding: 4px 10px 8px 0px;}
.CategoryPage .FeaturedProductGrid .ProductItem .picture{text-align: center;margin-top: 10px;}
.CategoryPage .FeaturedProductGrid .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 .FeaturedProductGrid .ProductItem .addInfo{vertical-align: bottom;text-align: right;width: 250px;	height: 85px;	position: relative;}
.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices{text-align: right;	vertical-align: middle;	position: absolute;	bottom: 15px;right: 10px;}
.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .buttons{vertical-align: middle;position: absolute;	bottom: 15px;left: 10px;text-align: left;}
.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices .productPrice{color: green;}
.CategoryPage .FeaturedProductGrid .ProductItem .addInfo .prices .oldproductPrice{color: Red;text-decoration: line-through;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PRODUCTS IN GRID - TEMPLATE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage .ProductGrid{margin-bottom: 15px;margin-left: auto;margin-right: auto;width: 550px;text-align: center;}
.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;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CLASSIFIEDS IN GRID - TEMPLATE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.CategoryPage .ClassifiedGrid{margin-bottom: 15px;margin-left: auto;margin-right: auto;width: 550px;text-align: center;}
.CategoryPage .ClassifiedGrid .ItemBox{padding-bottom: 10px;text-align: center;vertical-align: text-top;}
.CategoryPage .ClassifiedGrid .ClassifiedItem{text-align: center;margin: 10px 10px 10px 10px;width: 250px;border: 1px solid rgb(232, 230, 210);}
.CategoryPage .ClassifiedGrid .ClassifiedItem .title{font-weight: bold;padding-left: 10px;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .title a{display: block;height: 2em;line-height: 1.3em;overflow: hidden hidden;	padding: 4px 10px 8px 0px;color: #3A4045;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .picture{text-align: center;margin-top: 10px;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .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 .ClassifiedGrid .ClassifiedItem .addInfo{vertical-align: bottom;text-align: right;width: 250px;height: 50px;position: relative;background: #fffcd2;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .addInfo .prices{text-align: right;vertical-align: middle;position: absolute;bottom: 15px;right: 10px;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .addInfo .buttons{vertical-align: middle;	position: absolute;	bottom: 15px;left: 10px;text-align: left;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .addInfo .prices .productPrice{color: green;}
.CategoryPage .ClassifiedGrid .ClassifiedItem .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: 600px;
	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;
}
