/* HEADER */

.list-header {
	background: url(../images/divider-4.gif) no-repeat left bottom;
	/*height: 5px;*/
	overflow: hidden;
	padding: 0;
	margin: 0 0 10px;
	clear: both;
	}

.list-header h3 {
	float: left;
	text-transform: uppercase;
	margin: 0;
	}

.list-header h3 a {
	text-decoration: none;
	color: #0995CC;
	}

.list-header a.list-link {
	float: right;
	font: bold 14px/14px Helvetica, Arial, sans-serif;
	background: url(../images/arrow-multi-medium.gif) no-repeat right top;
	/*height: 15px;*/
	padding: 1px 20px 0 0;
	color: #333;
	text-decoration: none;
}
	
.list-header a.list-link:hover {
	color: #09c;
	background-position: right bottom;
	}
	
/* LIST */	

ul.list {
	padding: 0 0 0 5px;
	}
	
ul.list li {
	float: left;
	list-style: none;
	width: 170px;
	height: 280px;
	padding: 0 10px;
	text-align: center;
	}

ul.list li a.list-image {
	width: 150px;
	height: 150px;
	display: block;
	margin: 0 auto 5px;
	}

ul.list li a.list-image img {
	display: block;
	}
	
ul.list li h4 {
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	margin: 0 0 5px;
	height: 50px;
	}
	
ul.list li h4 a {
	text-decoration: none;
	color: #333;
	}

ul.list li h4 a:hover {
	color: #09c;
	}
	
ul.list li p.list-price,
#content ul.list li p.list-price {
	font: bold 11px/14px Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 0 5px;
	}

ul.list li p.list-price .sale {
	color: #f00;
	font-size: 13px;
	}
	
ul.list li ul.list-actions {
	padding: 0 5px;
	height: 22px;
	overflow: hidden;
	}
	
ul.list li ul.list-actions li {
	display: inline;
	width: auto;
	height: auto;
	}
	
ul.list li ul.list-actions li.list-button {
	background: url(../images/button-small-left.gif) no-repeat left top;
	height: 21px;
	padding: 0;
	width: 80px;
	margin: 0 0 0 40px;
	}

ul.list li ul.list-actions li.list-button a {
	display: block;
	height: 16px;
	background: url(../images/button-small-right.gif) no-repeat right top;
	padding: 5px 0 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-shadow: #333 0 1px 0;
	color: #fff !important;
	width: 80px;
	white-space: nowrap;
	text-decoration: none;
	}
	
ul.list li ul.list-actions li.list-compare {
	display: none;
	}

ul.list li p.list-details,	
#content ul.list li p.list-details,
.list-details {
	background: url(../images/button-small-left.gif) no-repeat left top;
	height: 21px;
	padding: 0;
	margin: 0 auto;
	}

ul.list li .list-details a,
.list-details a {
	display: block;
	height: 16px;
	background: url(../images/button-small-right.gif) no-repeat right top;
	padding: 5px 0 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-shadow: #333 0 1px 0;
	color: #fff !important;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	}
	
.list-addtocart {
	background: url(../images/button-small-black-left.gif) no-repeat left top;
	height: 21px;
	padding: 0;
	margin: 5px auto 0;
	width: 110px;
	}

.list-addtocart a {
	display: block;
	height: 16px;
	background: url(../images/button-small-black-right.gif) no-repeat right top;
	padding: 5px 0 0;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-shadow: #333 0 1px 0;
	color: #fff !important;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	}
/*.list-addtocart {
	background: url(../images/button-small-black-left.gif) no-repeat left top;
	height: 21px;
	line-height: 21px;
	padding: 0;
}

.list-addtocart a {
	height: 21px;
	line-height: 21px;
	background: url(../images/button-small-black-right.gif) no-repeat right top;
	padding: 0 30px;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-shadow: #333 0 1px 0;
	color: #fff !important;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
}*/

/* PAGINATION */

.list-nav {
	background: #333 url(../images/list-nav.gif) repeat-x left top;
	height: 42px;
	padding: 0 12px 0 15px;
	overflow: hidden;
	border: 1px solid #efefef;
	border-bottom: 1px solid #888d90;
	clear: both;
	}
	
.list-nav-options {
	float: left;
	/* width: 390px; */
	width: 305px;
	padding: 12px 0 0;
	}

.list-nav-options select {
	font-size: 11px;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #666;
	}

.list-nav-options select.list-nav-view { width: 170px; }
.list-nav-options select.list-nav-sort { width: 130px; }

.list-nav-page {
	float: right;
	/* width: 330px; */
	width: 435px;
	padding: 12px 0 0;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	}
	
.list-nav-page strong {
	font: bold 13px/14px Helvetica, Arial, sans-serif;
	margin: 0 3px;
	color: #fff;
	}
	
.list-nav-page ul,
.list-nav-page li {
	display: inline;
	font: normal 13px/14px Helvetica, Arial, sans-serif;
	}

.list-nav-page span {
	margin: 0 3px;
	color: #ccc;
	}

#content .list-nav-page a {
	margin: 0 3px;
	color: #fff;
	}

#content .list-nav-page .on span,
#content .list-nav-page .on a {
	color: #09c;
	font-weight: bold;
	text-decoration: none;
	}
	
/* VIEW & COMPARE */	
	
#content .list-view {
	background: #f9f9f9 url(../images/list-view.gif) repeat-x left top;
	height: 55px;
	padding: 0 15px 0 20px;
	overflow: hidden;
	border: 1px solid #efefef;
	border-top: none;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 10px;
	}
	
#content .list-view h3 {
	float: left;
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	color: #333;
	padding: 20px 0 0;
	}
	
#content .list-view ul.list-view-compare {
	float: right;
	width: 369px;
	height: 45px;
	padding: 6px 0 0;
	}
	
#content .list-view ul.list-view-compare li {
	float: left;
	width: 38px;
	height: 38px;
	padding: 1px;
	background: #ddd;
	border: 1px solid #666;
	list-style: none;
	margin: 0 0 0 6px;
	display: inline;
	}
	
#content .list-view ul.list-view-compare li a {
	width: 16px;
	height: 16px;
	float: right;
	text-indent: -9999em;
	background: url(../images/icon-close.gif) no-repeat left top;
	}
	
#content .list-view ul.list-view-compare li.list-view-compare-title {
	width: 160px;
	height: auto;
	padding: 0 5px 0 0;
	text-align: right;
	border: none;
	background: none;
	}
	
#content .list-view ul.list-view-compare li.list-view-compare-title h4 {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	color: #333;
	text-align: right;
	padding: 4px 0;
	}
	
#content .list-view ul.list-view-compare li.list-view-compare-title a {
	float: right;
	background: url(../images/button-small-left.gif) no-repeat left top;
	height: 21px;
	width: auto;
	text-indent: 0;
	display: block;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-shadow: #333 0 1px 0;
	color: #fff;
	text-decoration: none;
	}
	
#content .list-view ul.list-view-compare li.list-view-compare-title a span {
	display: block;
	height: 16px;
	background: url(../images/button-small-right.gif) no-repeat right top;
	padding: 5px 5px 0;
	width: auto;
	*width: 1%; 
	white-space: nowrap;
	}
	
/* COMPARE PAGE */

#content ul.compare-buttons {
	margin: 0;
	padding: 0;
	border: none;
	height: 45px;
	overflow: hidden;
	clear: both;
	font: bold 15px/15px Helvetica, Arial, sans-serif;
	}
	
#content ul.compare-buttons li {
	float: left;
	height: 29px;
	background: url(../images/button-large-blue-left.gif) no-repeat left top;
	list-style: none;
	margin: 0 5px 0 0;
	}

#content ul.compare-buttons li a {
	display: block;
	background: url(../images/button-large-blue-right.gif) no-repeat right top;
	height: 21px;
	padding: 8px 10px 0;
	width: auto;
	*width: 1%; 
	color: #fff;
	text-decoration: none;
	text-shadow: #197699 0 -1px 0;
	white-space: nowrap;
	color: #fff;
	}
	
#content ul.compare-buttons li.compare-buttons-orange { background-image: url(../images/button-large-orange-left.gif); }
#content ul.compare-buttons li.compare-buttons-orange a {
	background-image: url(../images/button-large-orange-right.gif);
	text-shadow: #b06a25 0 -1px 0;
	}	
	
/* COMPARE LIST */

ul.compare li {
	width: 160px;
	height: auto;
	padding: 0 15px;
	text-align: left;
	}
	
ul.compare li ul.list-actions {
	padding: 20px 0;
	clear: both;
	}

ul.compare li .compare-section {
	padding: 15px 0 0;
	}

ul.compare li .compare-section h5 {
	font: bold 12px/16px Helvetica, Arial, sans-serif;
	color: #0995cc;
	text-transform: uppercase;
	}
	
#content ul.compare li .compare-section p,
#content ul.compare li .compare-section ul {
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0;
	}
	
#content ul.compare li .compare-section ul li {
	list-style: square;
	padding: 0;
	margin: 0 0 0 25px;
	float: none;
	width: auto;
	display: list-item;
	}