/*

This site uses the YUI Library Fonts and Grid Reset Styles

Only use percentages for font sizes.  This will preserve the users ability to
zoom their font size and maintain consistentcy across the "A Grade" browsers.

Use the values below to find the correct percentage for the pixel size desired.

PX	Percentage
10	77%
11	85%
12	93%
13	100%
14	108%
15	116%
16	123.1%
17	131%
18	138.5%
19	146.5%
20	153.9%
21	161.6%
22	167%
23	174%
24	182%
25	189%
26	197%

*/

.yui-t2 .yui-b {
	float: left;
	/* 200px */
	width: 15.3846em;
	*width: 15.0em;
}

.yui-t2 #yui-main .yui-b {
	float: right;
	/* 772px */
	width: 59.3846em;
	*width: 57.9534em;
}

.list-page-head {
	float: left;
	width: 754px;
	clear: both;
	margin-bottom: 7px;
	font-size: 85%;
}

.list-page-head .right {
	float: right;
	clear: right;
	padding-right: 15px;
}

.list-page-head .left {
	float: left;
	clear: left;
	padding-left: 15px;
}

#pgn-head {
	background: url('/site_images/pgn-topbar.jpg') #e7f3dc top center no-repeat;
	height: 27px;
	padding-top: 9px;
}

#breadcrumbs { padding-top: 4px; }
#breadcrumbs a {
	color: #FD008C;
	padding: 0 3px;
	text-transform: capitalize;
	text-decoration: none;
}
#breadcrumbs, #breadcrumbs a.breadcrumb-link {
	color: #3d5c88;
	text-transform: uppercase;
}
#breadcrumbs a.breadcrumb-link { padding-left: 0px; }

#bd .yui-b table {
	float: left;
	clear: both;
}
#bd .yui-b table table {
	float: none;
	clear: none;
}

.pgn-first, .pgn-first a, .pgn-last, .pgn-last a, .pgn-prev, .pgn-prev a, .pgn-next, .pgn-next a, .pgn-cur, .pgn-num, .pgn-num a {
	display: block;
	float: left;
	clear: none;
	outline: none;
}
.pgn-cur, .pgn-num a { padding: 0 5px; font-size: 108%; text-decoration: none; color: #3d5c88; }
.pgn-cur { color: #FD008C; }
.pgn-first a, .pgn-last a, .pgn-prev a, .pgn-next a {
	padding: 0px 5px;
	width: 19px;
	height: 19px;
	text-indent: -5000px;
}
.pgn-first a { background: url('/site_images/pgn-first.jpg') center no-repeat; padding: 0px; }
.pgn-last a { background: url('/site_images/pgn-last.jpg') center no-repeat; padding: 0px; }
.pgn-prev a { background: url('/site_images/pgn-prev.jpg') center no-repeat; }
.pgn-next a { background: url('/site_images/pgn-next.jpg') center no-repeat; }

#limiter, #resort, .total-products { color: #3d5c88; }
#resort { padding-top: 3px; }
#limiter form, #resort form { display: inline; }
#resort .sort-by-btn { color: #FD008C; text-decoration: none; border: none; background-color: #fff; cursor: pointer; padding: 0px 2px; }
#resort .current span { text-decoration: underline; }

.product-wrapper {
	width: 150px;
	height: 190px;
	margin: 15px 22px 15px 0;
	text-align: center;
	float: left;
	padding: 10px;
	border: 1px solid #aad483;
}

.product-wrapper.lastprod { margin-right: 0px; }

.newprod {
	position: relative;
	width: 54px;
	height: 19px;
	background: url('/site_images/pl-new.jpg') #fff no-repeat;
	top: -22px;
	left: -17px;
	float: left;
}

.product-image-wrapper {
	height: 130px;
	/*border: 1px solid #cadea9;*/
}

.product-image-wrapper img {
	width: 130px;
	height: 130px;
}

.product-name-wrapper {
	padding-top: 5px;
	font-size: 85%;
	height: 27px;
	overflow: hidden;
	
	/*border: 1px dotted red;*/
}

.product-name-wrapper a {
	color: #3d5c88;
	font-weight: bold;
	text-decoration: none;
}

.product-price-wrapper {
	font-size: 93%;
	font-weight: bold;
	color: #FD008C;
}

.product-manufacturer-wrapper a {
	font-size: 77%;
	color: #959595;
	text-decoration: none;
}

.product-wrapper a:hover {
	text-decoration: underline;
}

#product-panel {
	width: 300px;
	border-color: #3d5c88;
}

#product-panel .bd {
	background-color: #fff;
}

#subcategory-menu {
	visibility: hidden;
}

#subcategory-menu .current {
	background-color: #aad483;
}