

/* begin categoryGrid */

/* only used when the cart is displaying a "grid" (multiple columns) of categories */



#categoryGrid {

	text-align: left;

	margin: 5px;

	width: 98%;

}



#categoryGrid h2 { }



#categoryGrid #categoryDescription {

	float: left;

	clear: left;

	margin-bottom: 10px;

	width: auto;

	height: auto;

}



/* used in 2 column category Grids */

#categoryGrid .content-odd2 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 47%;

}



#categoryGrid .content-even2 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 47%;

}





/* used in 3 column category Grids */

#categoryGrid .content-odd3 {

	text-align: center;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 33%;

}



#categoryGrid .content-even3 {

	text-align: center;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 33%;

}





/* used in 4 column category Grids */

#categoryGrid .content-odd4 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 25%;

}



#categoryGrid .content-even4 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 25%;

}





/* used in 5 column category Grids */

#categoryGrid .content-odd5 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 20%;

}



#categoryGrid .content-even5 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 20%;

}



/* used in 6 column category Grids */

#categoryGrid .content-odd6 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 16%;

	padding-bottom: 15px;

}



#categoryGrid .content-even6 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 16%;

	padding-bottom: 15px;

}





#categoryGrid .title { font-family: sans-serif; margin-top: 8px; margin-bottom: 8px; float: left; clear: both; width: 100%; text-align: left; }



#categoryGrid .title a { font-size: 14px; font-family: sans-serif; text-decoration: underline; font-weight: bold; line-height: 16px; text-align: left; }



#categoryGrid .title a:hover { text-decoration: none; text-align: left; }



#categoryGrid .photo {

	width: 100%;

	height: auto;

	float: left;

	clear: left;

}



#categoryGrid .description { font-family: sans-serif; width: 100%; text-align: left; clear: both; }



#categoryGrid .details {

	width: 100%;

	font-size: 11px;

	font-weight: normal;

	text-align: center;

	color: #464646;

}



#categoryGrid .details .buttons {

	width: 100%;

	float: left;

	clear: left;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 5px;

}



#categoryGrid .details .buttons .detailBtn {

	font-weight: bold;

	font-size: 10px;

	float: left;

	padding-top: 6px;

	width: 100%;

	height: 19px;

	text-align: center;

	vertical-align: middle;

}



#categoryGrid .details .buttons .detailBtn a {

	text-align: center;

	color: #FFFFFF;

	text-decoration: none;

}



#categoryGrid .details .buttons .detailBtn a:hover {

	text-align: center;

	color: #FFFFFF;

	text-decoration: underline;

}



#categoryGrid #btmOptions {

	height: 40px;

}



#categoryGrid #btmOptions .pagination {

	float: right;

	padding-top: 18px;

	height: 22px;

	font-size: 12px;

}



#categoryGrid #btmOptions .pagination a {

	color: #C00000;

	text-decoration: underline;

}



#categoryGrid #btmOptions .pagination a:hover {

	color: #000000;

	text-decoration: none;

}



#categoryGrid homepagecontent {

	clear: left;

	float: left;

}



#categoryGrid img {

	display:	inline;

}

/* end categoryGrid */





























/* begin productGrid */

/* only used when a product is displaying a "grid" (multiple columns) of products */



#productGrid {

	text-align: left;

	margin: 5px;

	width: 98%;

}



#productGrid h2 { text-align: left; }



#productGrid #categoryDescription {

	float: left;

	clear: left;

	margin-bottom: 10px;

	border: 1px solid #FFFFFF;

	width: auto;

	height: auto;

}



#productGrid table{

	float: left;

	clear: left;

	width: 100%;

}



#productGrid #topOptions {

	width: 98%;

	height: 40px;

	float: left;

	clear: left;

}



#productGrid #topOptions .search {

	float: left;

	clear: left;

	height: 18px;

}



#productGrid #topOptions .myrow {

	width: 100%;

	height: 25px;

}



#productGrid #topOptions .display {

	float: left;

	clear: left;

	height: 18px;

	width: 50%;

	text-align: left;

}



#productGrid #topOptions .sort {

	width: 50%;

	height: 20px;

	float: right;

	text-align: right;

}



#productGrid #topOptions .sort .label {

	float: left;

	height: 18px;

	padding: 2px;

	padding-top: 5px;

}



#productGrid #topOptions .sort .option {

	float: left;

	height: 18px;

	padding: 2px;

}



#productGrid #topOptions .sort .option select {

	height: 18px;

}





/* used in 2 column product Grids */

#productGrid .content-even2 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 45%;

	padding-bottom: 15px;

}



#productGrid .content-odd2 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 45%;

	padding-bottom: 15px;

}





/* used in 3 column product Grids */

#productGrid .content-even3 { font-size: 14px; font-family: sans-serif; text-align: center; vertical-align: top; padding: 8px 15px 15px; margin:	1px; width: 30%; }



#productGrid .content-odd3 { font-size: 14px; font-family: sans-serif; text-align: center; vertical-align: top; padding: 8px 15px 15px; margin:	1px; width: 30%; }





/* used in 4 column product Grids */

#productGrid .content-even4 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 22%;

	padding-bottom: 15px;

}



#productGrid .content-odd4 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 22%;

	padding-bottom: 15px;

}





/* used in 5 column product Grids */

#productGrid .content-even5 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 18%;

	padding-bottom: 15px;

}



#productGrid .content-odd5 {

	text-align: center;

	vertical-align: top;

	padding: 8px;

	margin:	1px;

	width: 18%;

	padding-bottom: 15px;

}



/* used in 6 column product Grids */

#productGrid .content-even6 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 15%;

}



#productGrid .content-odd6 {

	text-align: left;

	vertical-align: top;

	padding: 8px 8px 15px;

	margin:	1px;

	width: 15%;

}

#productGrid .title { font-family: sans-serif; margin-top: 8px; margin-bottom: 8px; text-align: left; float: left; clear: both; width: 100%; }



#productGrid .title a { font-size: 14px; font-family: sans-serif; text-decoration: underline; font-weight: bold; line-height: 16px; text-align: left; }



#productGrid .title a:hover { font-family: sans-serif; text-decoration: none; text-align: left; }



#productGrid .photo { text-align: center; width: 100%; height: auto; float: left; clear: left; }



#productGrid .details {

	width: 100%;

	height: auto;

	font-size: 10px;

	font-weight: normal;

	float: right;

	clear: none;

	text-align: left;

	color: #464646;

}



#productGrid .description { font-size: 12px; font-family: sans-serif; float: left; clear: left; width: 100%; height: auto; text-align: left; }



#productGrid .details .sprice { color: #89181a; float: left; clear: left; width: 100%; font-size: 17px; font-family: sans-serif; font-weight: bold; text-align: center; margin-top: 2px; margin-bottom: 8px; }



#productGrid .details .buttons {

	width: 100%;

	height: auto;

	float: left;

	clear: left;

	text-align: center;

}



#productGrid .details .buttons .detailBtn {

	font-weight: bold;

	font-size: 10px;

	float: left;

	padding-top: 6px;

	width: 100%;

	height: 19px;

	text-align: center;

	vertical-align: middle;

}



#productGrid .details .buttons .detailBtn a {

	color: #FFFFFF;

	text-decoration: none;

}



#productGrid .details .buttons .detailBtn a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}



#productGrid .details .buttons .addToCartBtn {

	font-weight: bold;

	font-size: 11px;

	float: left;

	padding-top: 6px;

	width: 100%;

	height: 19px;

	text-align: center;

	vertical-align: middle;

}



#productGrid .details .buttons .addToCartBtn a {

	color: #FFFFFF;

	text-decoration: none;

}



#productGrid .details .buttons .addToCartBtn a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}



#productGrid .details .pricenote {

	margin-top: 10px;

	margin-bottom: 10px;

	color: #C00000;

	font-weight: bold;

}



#productGrid .options {

	clear: left;

	width: 100%;

	height: auto;

	text-align: center;

	margin-top: 10px;

}



#productGrid .options .form-label{

	clear: left;

	float: left;

	text-align: left;

	width: 100%;

	margin: 0;

	padding: 0;

}



#productGrid .options .form-field{

	float: left;

	text-align: left;

	width: 100%;

	margin: 0;

	padding: 0 0 10px;

}



#productGrid #btmOptions {

	clear: left;

	float: left;

	width: 100%;

	height: 60px;

}



#productGrid #btmOptions .batchAddToCartButton {

	font-weight: bold;

	font-size: 10px;

	float: left;

	width: 160px;

	height: 19px;

	text-align: left;

	padding: 3px;

	vertical-align: middle;

	margin-top: 15px;

}



#productGrid #btmOptions .batchAddToCartButton a {

	color: #FFFFFF;

	text-decoration: none;

}



#productGrid #btmOptions .batchAddToCartButton a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}



#productGrid #btmOptions .pagination {

	float: right;

	width: auto;

	height: 19px;

	font-size: 12px;

	padding-top: 15px;

}



#productGrid #btmOptions .pagination a {

	color: #C00000;

	text-decoration: underline;

}



#productGrid #btmOptions .pagination a:hover {

	color: #000000;

	text-decoration: none;



}



#productGrid #btmCategoryPhoto {

	clear: left;

	float: left;

}



#productGrid #btmCategoryPhotoImage {

	clear: left;

	float: left;

}



#productGrid #btmCategoryPhotoCaption {

	clear: left;

	float: left;

}



#productGrid #qtyPricing {

	float: left;

	clear: left;

	border-collapse: collapse;

	margin-bottom: 15px;

	width: 100%;

	text-align: left;

}



#productGrid #qtyPricing .hdr-title-left {

	float: left;

	color: #FFFFFF;

	background-color: #878787;

	text-align: left;

	font-weight: bold;

	padding: 3px;

	width: 25%;

}



#productGrid #qtyPricing .hdr-title-right {

	float: left;

	color: #FFFFFF;

	background-color: #878787;

	text-align: left;

	font-weight: bold;

	padding: 3px;

	width: 50%;

}



#productGrid #qtyPricing .list-left {

	clear: left;

	float: left;

	padding: 3px;

	width: 25%;

}



#productGrid #qtyPricing .list-right {

	float: left;

	padding: 3px;

	width: 50%;

}



#productGrid img {

	display:	inline;



/* end productGrid */





