@import url("inside.css");

/* PRODUCT STYLES
--------------------------------------------------------------------------------------------------- */
#product_list {
	padding: 10px 0 0 0;
	position: relative;
	margin: 0 0 20px 0;
}
#product_list ul {
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#product_list li {
	float: left;
	width: 135px;
	background: url(../gfx/blog_item_bg.jpg) repeat-x 0 100% #fff;
	border: 1px dashed #ccc;
	padding: 5px 5px 8px 5px;
	margin: 0 6px 5px 6px;
}
#product_list li a {
	font-size: 11px;
	display: block;
	font-weight: bold;
}
#product_list li a:hover .cta_details {
	background-position: 0 -20px;
}

#product_list li p {
	margin: 0 0 5px 0;
}
#product_list li img {
	border: 1px solid #ccc;
	margin: 0 0 5px 0;
}	
#product_list li .cta_details {
	width: 97px;
	height: 20px;
	background: url(../gfx/btn_view_details.png) no-repeat 0 0;
	text-indent: -999em;
	display: block;
}
#pro_filter {
	position: absolute;
	top: 20px;
	right: 15px;
}
#pro_filter label {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px 0 0;
}



/* PRODUCT DETAILS
--------------------------------------------------------------------------------------------------- */

#detail_container {
	padding: 15px 0 0 0;
}
#detail_container .pro_image {
	display: inline-block;
	float: left;
	padding: 5px 5px 10px 5px;
	background: url(../gfx/blog_item_bg.jpg) repeat-x 0 100% #fff;
	border: 1px dashed #ccc;
	margin: 0 25px 0 0;
}
#detail_container .pro_image img {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
#detail_container .pro_image .image_enlarge {
	display: block;
	width: 144px;
	height: 22px;
	text-indent: -999em;
	background: url(../gfx/btn_enlarge.png) no-repeat 0 0;
}
#detail_container .pro_image:hover .image_enlarge {
	background-position: 0 -22px;
}

#pro_overview {
	padding: 10px;
	margin: 0 0 25px 0;
	display:inline-block;
}
#primary #pro_overview p {
	font-weight: bold;
	color: #00549E;
	font-size: 11px;
	margin: 0;
}
#primary #pro_overview .pro_total {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 0 0 15px 0;
}
#primary #pro_overview .pro_total strong {
	color: #00549E;
}

#primary #pro_overview label {
	font-size: 12px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#primary #pro_overview .qnty_field {
	width: 121px;
	height: 19px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 3px 5px 0 5px;
	background: url(../gfx/qnty_fieldbg.png) no-repeat 0 0;
	border: 0;
	float: left;
	margin: 0 5px 0 0;
}