﻿#products_container
{
clear: both;
padding-top: 1em;
overflow: auto;
}

/* Filter */
#filter
{
background: #fbfbfb url(/files/images/products/home/white.png) repeat-x left 42px;
border: 1px solid #e8e8e8;
float: left;
width: 170px;
}

#caption
{
background: #efefef url(/files/images/products/home/filter.png) repeat-x left top;
border-bottom: 1px solid #e8e8e8;
color: #4074c2;
font-size: 1.1em;
font-weight: bold;
height: 41px;
line-height: 41px;
text-indent: 10px;
}

#filters
{
line-height: 1.5em;
padding: 0px 10px;
}

h3
{
color: #306fb0;
font-size: 1.1em;
}

#hr
{
border-bottom: 1px solid #e1e1e1;
height: 1px;
margin: 1em 0em;
}

#hr hr { display: none; }

#content #filter a { color: #306fb0; }

dl, dt, dd
{
margin: 0px;
padding: 0px;
}

dl { margin-top: 2em; text-align: left; }
dl.first-child { margin-top: 0em; }
dt { font-weight: bold; }
dd { margin: .75em 10px; }

/* Products Grid */
#grid
{
float: right;
width: 510px;
}

table
{
line-height: 1.5em;
width: 510px;
}

table, caption, .subcategory th, td { border-color: #e8e8e8; }

th, td { padding: 10px; }

td
{
font-size: .9em;
vertical-align: top;
}

.selected td { background-image: url(/files/images/products/home/selected.png); }

caption
{
overflow: auto;
padding: 12px 10px 11px 10px;
text-align: left;
}

	caption a
	{
	font-size: .9em;
	float: right;
	}

	caption span { float: left; }

.model { width: 230px; text-align: left; }

	.model a { font-weight: bold; }

	.model img
	{
	float: left;
	margin-right: 15px;
	width: 50px;
	}

	.model div { color: #999999; }

.features { width: 180px; }

	.features ul
	{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	}

.colors { width: 50px; vertical-align: middle; }

.colors img { margin: auto; }

.compare
{
cursor: pointer;
text-align: center;
vertical-align: middle;
width: 50px;
}

	#compare a
	{
	background: url(/files/images/products/home/compare.png) repeat-x left bottom;
	border: 1px solid #e1e1e1;
	display: block;
	font-size: .9em;
	float: right;
	height: 25px;
	width: 74px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	outline: none;
	}

	#compare a:hover { border-color: #bbbbbb; }

#pages { float: left; }	