@charset "UTF-8";

/*
 * File: home.css
 * 
 * Version: 1.0.0
 * Comments:
 * 
 * Author: Ian Adams, http://www.picas.co.uk
 * Copyright(c): 2010 - Ian Adams
*/


#wrapper-content {
	background: none; /* remove left column bg */
	margin: 15px 20px 20px 20px;
}

/** FEATURED BOXES **/
#featured-top {
	background-color: #000;
	width: 950px;
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#featured-top img {
	border: none;
	margin: 0 1px 0 0;
	padding: 0;
	float: left;
}


/** FEATURED BOXES, BOTTOM **/
#featured-bottom {
	width: 950px;
	height: 405px;
	margin: 15px 0 0 0;
	padding: 0;
	overflow: hidden;
}
#featured-bottom dl {
	width: 221px;
	height: 195px;
	margin: 0 22px 15px 0;
	padding: 0;
	float: left;
}
#featured-bottom dt {
	background: url('/images/bg-home-bottom-title.jpg') repeat-x;
	font-size: 1.5em;
	width: 201px;
	height: 28px;
	margin: 0;
	padding: 2px 10px 0 10px;
}
#featured-bottom dt a,
#featured-bottom dd a {
	color: #333;
	text-decoration: none;
}
#featured-bottom dt a:hover,
#featured-bottom dd a:hover {
	color: #000;
}
#featured-bottom dd {
	width: 221px;
	height: 110px;
	margin: 0;
	padding: 0;
}
#featured-bottom dd img {
	border: none;
	margin: 0;
	padding: 0;
}
#featured-bottom dd.desc {
	background: url('/images/bullet-round-large.gif') no-repeat 10px 10px;
	background-color: #f2f2f2;
	width: 184px;
	height: 47px;
	margin: 0;
	padding: 8px 10px 0 27px;
}



/** PRODUCT LISTING - SMALL **/
.wrapper-listing-small {
	clear: both;
	width: 950px;
	height: 242px;
	margin: 15px 0 0 0;
	padding: 0;
}
.wrapper-listing-small h3 {
	background-color: #999;
	color: #fff;
	width: 940px;
	height: 29px;
	margin: 0;
	padding: 3px 0 0 10px;
}
.wrapper-listing-small h3.featured-items {
	background: url('/images/bg-home-bottom-title.jpg') repeat-x;
	color: #333;
}
#wrapper-featured-items {
	background: url('/images/bg-product-related.gif') repeat-x;
	font-size: 0.9em;
	width: 950px;
	height: 209px;
	margin: 0;
	padding: 0;
}
#wrapper-featured-items a {
	color: #333;
	text-decoration: none;
}
#wrapper-featured-items .left,
#wrapper-featured-items .right {
	text-align: center;
/*	line-height: 202px; */
	width: 32px;
	height: 99px;
	margin: 0;
	padding: 90px 0 0 0;
	float: left;
}
/*
#wrapper-featured-items .left,
#wrapper-featured-items .right {
	vertical-align: middle;
}
*/
#wrapper-featured-items .slide-container {
	position: relative;
	width: 886px;
	height: 229px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: auto;
}
#wrapper-featured-items .slide-container .slider {
	min-width: 1800px;
	height: 209px;
	margin: 0;
	padding: 0;
}
#wrapper-featured-items div.product-container {
	width: 100px;
	height: 190px;
	margin: 9px 12px 0 0;
	padding: 0;
	float: left;
}
#wrapper-featured-items div.product {
	background-color: #ebebeb;
	width: 90px;
	height: 180px;
	margin: 0;
	padding: 5px;
}
#wrapper-featured-items div.product:hover {
	background-color: #e2e2e2;
}
#wrapper-featured-items div.image {
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height: 86px;
	text-align: center;
	width: 88px;
	height: 88px;
	margin: 0;
	padding: 0;
}
#wrapper-featured-items div.image img {
	border: none;
	vertical-align: middle;
}
#wrapper-featured-items div.no-image {
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	color: #999;
	width: 88px;
	height: 61px;
	margin: 0;
	padding: 27px 0 0 0;
}
#wrapper-featured-items div.title {
	line-height: 1.3em;
	width: 90px;
	height: 43px;
	margin: 3px 0 2px 0;
	padding: 0;
	overflow: hidden;
}
#wrapper-featured-items div.price {
	width: 90px;
	height: auto;
	margin: 0;
	padding: 0;
}
#wrapper-featured-items div.price span {
	display: block;
}
#wrapper-featured-items div.price .price {
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
}
#wrapper-featured-items div.price .sale-price {
	color: #ff0000;
}
#wrapper-featured-items div.price .crossed {
	display: inline;
	text-decoration: line-through;
}
#wrapper-featured-items div.image .sale-label,
#wrapper-featured-items div.no-image .sale-label {
	position: absolute;
	top: 3px;
	left: 3px;
	float: left;
	z-index: 10;
}