/* PRODUCT LIST */

#loading {
position: absolute;
left:0;
top:173px;
}

ul.productlist {
list-style:none;
padding-top:10px;
}

ul.productlist a {
text-decoration: none;
border:none;
outline: none;
}

ul.productlist a li {
display: block;
position: relative;
width:230px;
height:230px;
border-bottom:1px solid #999;
border-right:1px solid #999;
float: left;
}

ul.productlist a li img {
position: absolute;
width:220px;
height:220px;
left:5px;
top:4px;
z-index: 50;
}

ul.productlist a li div.mask {
position: absolute;
z-index: 100;
left:0;
top:0;
background: top left no-repeat url('img/products/product_mask.png');
width:230px;
height:230px;
}

ul.productlist a li div.hover {
position: absolute;
z-index: 80;
left:0;
top:0;
background: top left no-repeat url('img/products/product_hover_mask.png');
width:230px;
height:230px;
display: none;
}

ul.productlist a li div.text {
position: absolute;
z-index: 150;
left:0;
top:10px;
width:230px;
height:32px;
line-height: 23px;
font-size: 10px;
font-family: Arial, sans-serif;
color:#000;
}

ul.productlist a li div.text span.title {
display: block;
float: left;
padding-left:20px;
font-weight: bold;
color:#333C53;
}

ul.productlist a li div.text span.price {
display: block;
float: right;
padding-right:20px;
}

.productitem, .filler {
margin-right:12px;
margin-bottom:12px;
}

ul.productlist .productitem_right, ul.productlist .filler_right {
margin-right:0;
}

ul.productlist li.filler
{
border-top:1px solid #bbb;
border-left:1px solid #bbb;
border-color:#a0a0a0;
width:229px;
height:229px;
background:#a6a6a6;
}

/* HEADER */

div.category_header {
height:33px;
width:960px;

background: top left repeat-x url('img/products/category_header_bg.gif');
font-size:11px;
font-family: "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase;
color:#fff;
line-height:33px;
}

div.category_header span.title {
display: block;
height:33px;
padding-left:10px;
float:left;
}

div.category_header span.next {
display: block;
height:33px;
padding-right:10px;
float:right;
}

div.category_header a {
color:#fff;
text-decoration: none;
}

div.category_header a:hover {
text-decoration: underline;
}

	div.category_header a.next {
	color:#ccc;
	text-decoration: none;
	}
	
	div.category_header a:hover {
	color:#fff;
	text-decoration: underline;
	}

div.category_header span.pagination {
display: block;
height:33px;
float:right;
padding-right:7px;
}

div.category_header span.pagination a {
display: block;
float: right;
width:21px;
height:21px;
margin:6px 0 0 6px;
background: top left no-repeat url(img/products/page_button.gif);
line-height: 20px;
text-decoration: none;
text-align: center;
color:#ddd;
}

div.category_header span.pagination span.label {
padding-right:5px;
color:#bbb;
display: block;
float: right;
line-height: 32px;
}

div.category_header span.pagination a.at, div.category_header span.pagination a:hover {
background-position-x: -21px;
color:#fff;
}

div#product_info_block {
display: block;
background:#eee;
}

div.product_container {
position: relative;
}

div.product_images {
width:320px;
height:320px;
position: absolute;
left:0;
top:0;
}

div.image_thumbs_container {
position: relative;
left:330px;
top:0;
width:90px;
background:#cfcfcf;
background: top left no-repeat url('img/product_thumbs_bg.jpg');
height:330px;
z-index:1000;
overflow: hidden;
}

div.image_thumbs_moving {
padding: 0;
width:70px;
height:auto;
position: absolute;
z-index:50;
left:0;
top:0;
}

div.image_thumbs_mask {
position: relative;
left:10px;
top:15px;
width:70px;
height:307px;
overflow: hidden;
}

	div.image_thumbs_container a.arrow_up {
		display: block;
		width:19px;
		height:9px;
		position: absolute;
		z-index:100;
		left:35px;
		top:3px;
		
		background: url('img/products/image_thumb_arrows.png') no-repeat;
		text-decoration: none;
		background-position-x: 0;
		background-position-y: 0;
	}
	
	div.image_thumbs_container a.arrow_down {
		display: block;
		width:19px;
		height:9px;
		position: absolute;
		z-index:100;
		left:35px;
		top:318px;
		
		background: url('img/products/image_thumb_arrows.png') no-repeat;
		background-position-x: 0;
		background-position-y: -9px;
		text-decoration: none;
	}

div.image_thumbs_moving img {
width:66px;
height:66px;
border:2px solid #aaa;
margin:0;
}

div.product_info_block {
display: block;
background:#bbb top left repeat-x url('img/product_info_gradient.jpg');
position:absolute;
left:420px;
top:0;
width:510px;
height:300px;
border:5px solid #ccc;
padding:10px;
z-index:1;
}

	.product_info_block h2 {
	font-size:17px;
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	border-bottom:1px solid #aaa;
	padding-bottom:5px;
	margin-bottom:5px;
	line-height:50px;
	}
	
	.product_info_block p {
	line-height:20px;
	font-size:11px;
	}
	
	.product_info_block div.jscrollpane {
	display: block;
	position: absolute;
	height:243px;
	padding:10px 10px 0px 10px;
	overflow: auto;
	width:489px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	line-height:20px;
	}
	
	.product_info_block a.addtobag
	{
		display: block;
		width:122px;
		height:55px;
		position: absolute;
		right:8px;
		top:5px;
		background: top left no-repeat url('img/addtobag_button_2015.png');
		overflow: hidden;
		text-decoration: none;
	}
	
		.product_info_block a.addtobag:hover {
		background-position-y: -55px;
		}
	
		a.addtobag .price
		{
		position: absolute;
		display: block;
		left:0px;
		top:8px;
		width:122px;
		height:15px;
		padding:0;
		color:#000;
		text-decoration: none;
		font-size:15px;
		text-align: center;
		font-family:"Trebuchet MS", Arial, sans-serif;
		}
		
		a.addtobag .text
		{
		position: absolute;
		display: block;
		top:36px;
		left:0px;
		width:122px;
		height:15px;
		padding:0;
		text-decoration: none;
		font-size:10px;
		font-family:"Trebuchet MS", Arial, sans-serif;
		font-weight: normal;
		text-align:center;
		color:#222;
		}
		
		a.addtobag:hover .text {
			color:#000;
		}
		
a#cartlink {
margin:0;
padding:0;
text-decoration: none;
outline:none;
border:none;
color:#000;
}

div#cart_indicator {
position: absolute;
left:805px;
top:17px;
line-height:40px;
font-size:11px;
font-family: "Trebuchet MS", Arial, sans-serif;
text-align: left;
width:155px;
display: none;
background: no-repeat url('img/shopping_bag_icon.png');
background-position-y: 6px;
background-position-x: right;
}

span#cart_indicator_text {
display: none;
}