/*-----------------------------------UNIQUE STYLES FOR THIS SITE------------------------------*/
/* Changes: Here's an example where you created a new html layout and provided new styles */
.detail-text
{
	display: block;
	font: normal 11px verdana, sans-serf;
	color: #000;
	text-align: left;
	padding: 10px 14px 10px 0;
	margin: 0;
}
.detail-img
{
	display: block;
	float: right;
	width: 220px;
	padding: 10px 0 10px 10px;
	margin: 0;
	text-align: right;
}
.detail-pging
{
	display: block;
	float: left;
	width: 99%;
	white-space: nowrap;
	text-align: right;
	padding: 2px 0;
	margin: 0;
}
.link.tell 
{
	display: block;
	width: 108px;
	height: 12px;
	font: 800 9px tahoma, sans-serif;
	color: #475874;
	background: url(../images/butbk_tell.gif) no-repeat 0 0;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 0;
}
.link.tell:hover
{
	color: #fff;
	background: url(../images/butbk_tell_f2.gif) no-repeat 0 0;
	text-decoration: none;
}
.view
{
	display: block;
	font: 800 11px arial, sans-serf;
	color: #475874;
	text-decoration: none;
	padding: 4px 0 10px 0;
	margin: 0;
}
.view:hover
{
	color: #c44e1c;
	text-decoration: underline;
}
/*--------------------------------------PRODUCT CROSS SELL------------------------------*/
.CrossSell
{
	display: block;
	width: 164px;
	font: normal 11px arial, sans-serif;
	color: #000;
	text-align: center;
	border: 1px solid #dae0e9;
	padding: 8px;
	margin: 10px 0;
}
.CrossSell .body .top td,
.CrossSell .body .bot td
{
	border: 0px;
}
.CrossSell .hdr tr .first
{
	display: block;
	font: 13px arial, serif;
	color: #8699b5;
	line-height: 13px;
	text-align: left;
	letter-spacing: 0.12em;
	text-decoration: none;
	padding: 0 0 8px 0;
	margin: 0;
}
.CrossSell .name
{
	display: block;
	font: 800 11px tahoma, serif;
	color: #475874;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 12px 0;
	margin: 0;
}
.CrossSell .name:hover
{
	color: #c44e1c;
	text-decoration: underline;
}	

.CrossSell .pad
{
	display:block;
	margin:0;
	padding:0;
}
 /*-----------------------------------------Product Displays Section----------------------------------------*/ 
/*Changes: All product pricing appears in a table with classname "pricing" */
/*    There is always a row for lot hdrs (.lot), a row for standard hdrs (.qty), and a row for the values (no class name) */

/*    This will apply to all td in a lot or qty row */
.pricing .lot td,
.pricing .qty td
{
	font: 800 11px arial, sans-serif;
	padding: 2px 10px;	
	color: #000;
	border-bottom: 1px solid #556b8c;
}
/*    Since no row class is specified, it will apply to all */
.pricing td
{
	font: 11px arial, sans-serif;
	padding: 3px;
	border-bottom: 1px solid #556b8c;
	color: #000;
	background: #fff;
	padding: 2px;	
}

.pricing .f1 td
{
	background: #fff;
}

.pricing .f2 td
{
	background: #dae0e9;
}

.pricing .sku
{
	font: normal 10px arial, sans-serif;
	color: #000;
	text-align: left;
	line-height: 11px;
	white-space: normal;
	padding: 10px 4px 0 4px;
	margin: 0;
}
.pricing .name
{
	font: 800 12px arial, sans-serif;
	color: #000;
	text-align: left;
	line-height: 11px;
	letter-spacing: 0.04em;
	white-space: normal;
	padding: 10px 14px 0 4px;
	margin: 0;
}
.pricing .desc
{
	font: normal 10px arial, sans-serif;
	color: #000;
	text-align: left;
	line-height: 11px;
	white-space: normal;
	padding: 10px 4px 0 4px;
	margin: 0;
}
.pricing .price
{
	font: 800 11px arial, sans-serif;
	color: #000;
	text-align: right;
	white-space: nowrap;
	padding: 8px 2px 2px 6px;
	margin: 0;
}
.pricing .price.sale
{
	color:Red;
}
.pricing .qty
{
	font: normal 8px arial, sans-serif;
	color: #000;
	text-align: left;
	white-space: nowrap;
	padding: 0 4px;
	margin: 0;
}

/*Changes: here again is the overridden add to cart link - this allows you to have a seperate add to cart on product displays */
.Product .pricing .link
{
	font: 800 10px arial, sans-serif;
	color: #dc6d21;
	background: url(../images/butbk_add.gif) no-repeat 0 0;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1px 0 3px 0;
	margin: 2px 0 2px 0;
	width: 80px;
	display:block;
}

.Product .pricing .link:hover
{
	color: #fff;
	background: url(../images/butbk_add_f2.gif) no-repeat 0 0;
	text-decoration: none;
}	

.notes td
{
	text-align: center;
}

.onsale
{
	display: block;
	font: 800 12px arial, sans-serif;
	color: #c00;
	text-align: center;
	white-space: nowrap;
	padding: 4px 0 0 0;
	margin: 0 0 6px 0;
}

.Variant
{
	clear:both;
}

.Swatch .name
{
	display:block;
	padding-bottom: 2px;
}

.Multi .name
{
	display:block;
}

.Multi .pricing
{
	width: 550px;
}

.Multi .reset
{
	text-align: center;
	width: 550px;
}

.Group .name
{
	display:block;
	width: 175px;
}

.Group .pricing
{
	width: 550px;
}

.Group .group
{
	margin-bottom: 5px;
}

.Group .group td
{
	vertical-align: top;
}

.CrossSell .hdr td
{
	text-align: center;
}

.Product .body td
{
	text-align: center;
}
