@import url("screen.css");

#content {
	background-image: url("../img/bg/content-pages.png");
}

#content h1 {
	padding: 21px 50px 30px 50px;
	font-size: 150%;
	color: #5798ba;
}

#content ul {
	margin: 0 0 0 0;	
	padding: 0 0 0 0;
	list-style: none;
}

#content ul li {
	margin: 3px 0 3px 0;	
	padding: 0 0 0 14px;
	font-size: 14px;
	background-position: left top;
	background-image: url("../img/bullets/arrows-category-products.png");
	background-repeat: no-repeat;
}

#content ul li a,
#content ul li a:link{
	color: #333333;
}

#category-products {
	margin: 20px 0 0 0;	
	padding: 4px 0 10px 0;
	background-position: left bottom;
	background-image: url("../img/bg/heading.png");
	background-repeat: no-repeat;
}

#content .product {
	margin: 0 0 0 0;
	padding: 26px 50px 0 50px;
	background-position: left top;
	background-image: url("../img/bg/heading.png");
	background-repeat: no-repeat;
}

#content .product .text {
	float: left;
	width: 260px;
}

#content .product .picture {
	float: left;
	padding: 0 0 0 20px;
	width: 100px;
}

#content .product h2 {
	font-size: 16px;
}

#content .product h2 a {
	color: #333333;
}

#content .product p {
	padding: 2px 0 2px 0;
	color: #333333;
}

#content .product .picture p {
	padding: 0 0 0 0;
}

#content .product .picture p img {
	padding: 1px;
	border: 1px solid #5798ba;
}

#content .product p.price {
	font-weight: bold;
}

#content .product p.more a {
	color: #333333;
}


/* */

#content .category {
	margin: 0 0 11px 0;
	padding: 1px 50px 10px 50px;
	background-position: left bottom;
	background-image: url("../img/bg/heading.png");
	background-repeat: no-repeat;
}

#content .category .picture {
	float: left;
	padding: 0 20px 0 0;
	width: 128px;
}

#content .category .text {
	position: relative;
	float: left;
	width: 212px;
	height: 81px;
}

#content .category .text .more {
	position: absolute;
	bottom: 0px;
	border-bottom: 1px solid #d3d3d3;
}

#content .category h2 {
	padding: 0 0 3px 0;
	font-size: 16px;
}

#content .category h2 a {
	color: #333333;
}

#content .category p {
	padding: 2px 0 2px 0;
	color: #333333;
}

#content .category .picture p {
	padding: 0 0 0 0;
}

#content .category .picture p img {
	padding: 2px;
	border: 1px solid #5798ba;
}

#content .category p.price {
	font-weight: bold;
}

#content .category p.more a {
	padding: 0 0 0 17px;
	color: #333333;
	background-position: left top;
	background-image: url("../img/bullets/arrows-subcategory.png");
	background-repeat: no-repeat;
}