/*-----------------------------------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
{
	float: right;
	width: 220px;
	text-align: right;
	padding: 0 0 4px 0;
	margin: 0 0 0 16px;
}
#detail-pging
{
	display: block;
	float: left;
	width: 99%;
	white-space: nowrap;
	text-align: right;
	padding: 2px 0;
	margin-bottom: 5px;
}
.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;
}
.stars
{
	text-align: left;
	
}
#detail-pricing
{
	display: block;
	width: 100%;
	font: normal 10px arial, sans-serif;
	color: #000;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0;
}
.tabrow
{
}
.tab
{
	width: 520px;
	padding: 0;
	margin: 0 0 1px 22px;
	display:block;
	clear:both;
}
.detail-full .tab
{
	float:left;
	margin: 10px 0px;
}
.tab .true
{
	float: left;
	width: 110px;
	height: 17px;
	font: 800 11px tahoma, sans-serif;
	color: #000;
	background: url(../images/tab_true.gif) no-repeat 0 0;
	text-align: center;
	padding: 4px 0 0 0;
	margin-bottom: -1px;
	position: relative;
	z-index: 100;
	text-decoration: none;
}
.tab .false
{
	float: left;
	width: 110px;
	height: 16px;
	font: 800 11px tahoma, sans-serif;
	color: #666;
	background: url(../images/tab_false.gif) no-repeat 0 0;
	text-align: center;
	border-bottom: 1px solid #666;
	text-decoration: none;
	padding: 4px 0 0 0;
	margin: 0;
}
.tab .false:hover
{
	color: #fff;
	background: url(../images/tab_false_f2.gif) no-repeat 0 0;
}
.tab .page
{
	display: block;
	width: 498px;
	text-align: left;
	border: 1px solid #666;
	padding: 10px 10px 18px 10px;
	margin: -1px 0 12px 0;
}
/*--------------------------------------PRODUCT CROSS SELL------------------------------*/
.CrossSell
{
	display: block;
	width: 174px;
	font: 12px arial, sans-serif;
	color: #000;
	text-align: center;
	border: 1px solid #dcd7c4;
	padding: 8px 0;
	margin: 10px 0;
}
.CrossSell .body .top td,
.CrossSell .body .bot td
{
	border: 0px;
}
.CrossSell .hdr tr .first
{
	display: block;
	font: 13px arial, serif;
	color: #c30;
	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 arial, serif;
	color: #666;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 12px 0;
	margin: 0;
}
.CrossSell .name:hover
{
	color: #c30;
	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" */
.pricing
{
	width: 504px;
	display:block;
	margin-left: -7px;
	text-align:right;
}
.pricing tr
{
    width:504px;
}
.pricing td
{
	border-top: 1px solid #dcd7c4;
	border-bottom: 1px solid #dcd7c4;
	border-collapse: collapse;
}

.pricing .first
{
	border-left: 1px solid #dcd7c4;
}

.pricing .last
{
	border-right: 1px solid #dcd7c4;
}

.pricing .hdr td
{
	height: 14px;
	font: 800 12px arial, sans-serif;
	color: #000;
	border: 0px;
	border-bottom: 3px solid #c30;
	text-align: left;
	padding: 12px 0 2px 0;
	margin: 0;
	width:504px;
}
.pricing .lot td,
.pricing .qty td
{
	font: 800 11px arial, sans-serif;
	padding: 2px 10px;	
	color: #000;
}
/*    Since no row class is specified, it will apply to all */
.pricing td
{
	font: 11px arial, sans-serif;
	padding: 3px;
	color: #000;
	background: #fff;
	padding: 2px 5px;	
}

.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;
}

/*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 9px arial, sans-serif;
	color: #333;
	background: #dcdcdc;
	border: 1px solid #666;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1px 3px;
	margin: 0;
}

.Product .pricing .link:hover
{
	color: #fff;
	background: #fe1511;
	border: 1px solid #000;
}	
.Product .pricing .f1, .Product .pricing .f2
{
    width:504px;
    display:block;
}
.Product .pricing .f1 td
{
	background: #fff;
}

.Product .pricing .f2 td
{
	background: #edebe0;
	
}

.notes td
{
	text-align: center;
	border: 0px;
	width: 504px;
	display:block;
}

.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;
	width: 504px;
}
.units
{
    width:504px;
}
.pricing .f1.first .first, .pricing .f2.first .first, .pricing .f1.last .first, .pricing .f2.last .first
{

}
.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;
}

.Catalog .hdr td
{
	border: 0px;
}
.Catalog .pricing td .name:hover
{
	color:Red;
}
.Catalog .pricing 
{
	border-collapse: collapse;
}
.Catalog .pricing .link
{
	font: 800 9px arial, sans-serif;
	color: #333;
	background: #dcdcdc;
	border: 1px solid #666;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase;
	padding: 1px 3px;
	margin: 0;
}

.Catalog .pricing .link:hover
{
	color: #fff;
	background: #fe1511;
	border: 1px solid #000;
}	
.Catalog .pricing .top td
{
	border-bottom: 0px;
}
.Catalog .pricing .bot td
{
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}
.Catalog .pricing .f1 td
{
	background: #fff;
}
.Catalog .pricing .f2 td
{
	background: #edebe0;
}
.Catalog .pricing td
{
	padding: 2px 5px;
}
.Catalog .pricing tr .first
{
	border-right: 0px;
	border-left: 0px;
}
.paging
{
	width: 400px;
}
.swatches
{
	width: 400px;
}
/*----------------------------------Detail Reviews-------------------------------*/
.review
{
	font: 11px arial, sans-serif;
	color: #000;
}
.review .title
{
	float: left;
	font: 800 12px tahoma, sans-serif;
	color: #666;
	padding: 0 6px 4px 6px;
	margin: 0;
}
.review .stars
{
	padding: 0 2px;
	margin: 0;
	text-align:left;
	white-space: nowrap;
}
.review .stars.right
{	
	float: left;
}
.review .stars.left
{
	float: left;
}
.review .title2
{
	display:inline;
	width: 45px;
	font: 800 11px tahoma, sans-serif;
	color: #000;
	white-space: nowrap;
	text-align: right;
	padding: 0 6px 4px 0;
	margin: 0;
	vertical-align: top;
}
.review .sort
{
	float: right;
	text-align: right;
	padding-bottom: 5px;
}
.review .title3
{
	float: left;
	width: 230px;
	font: 800 12px tahoma, sans-serif;
	color: #000;
	padding: 6px 6px 4px 0;
	margin: 0;
}
.review .author
{
	display:block;
	font: 11px arial, sans-serif;
	padding: 0;
	margin: 6px 0 10px 0;
	clear: left;
} 
.review .paging
{
	clear:both;
	width: 498px;
	font: 11px arial, sans-serif;
	color: #000;
	text-align: left;
	background: #dcdcdc;
	padding: 4px 10px;
	margin: 4px -10px;
}
.review .paging-linkarea
{	
	float: right;
	font: 11px arial, sans-serif;
	color: #000;
	text-decoration: none;
	margin: -22px 0 0 0;
}
.review .paging-link
{
	color: #732684;
	padding: 0 2px;
	text-decoration: none;
}
.review .paging-link:hover
{
	color: #306;
	text-decoration: underline;
}
.review .helpful
{
	display: block;
	font: italic 11px verdana, sans-serif;
	color: #fe1511;
	border-bottom: 1px dashed #999;
	padding: 10px 0 10px 10px;
	margin: 0 -10px 4px -10px;
}
.review .helpful-link
{
	font: italic 800 11px verdana, sans-serif;
	color: #000;
	text-decoration: none;
}
.review .helpful-link:hover
{
	text-decoration: underline;
}
.Review .product,
.Review .login
{
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin-bottom: 10px;
}

.Review .product
{
	margin-top: 10px;
}

.Review .product .pad
{
	float:left;
	padding-right: 10px;
}

.Review .product .bodytext
{
	padding-top: 10px;
	margin-left: 110px;
}

.Review .formrow
{
	padding: 5px 0px;
	clear:both;
}

.Review .account
{
	width: 340px;
}

.Review .account .formrow
{
	text-align: right;
}

.Review .list
{
	margin-left: 25px;
}

.Review .text
{
	padding: 4px 10px;
}

.Review .password
{
	margin-left: 50px;
}

.Review .password .link
{
	display:block;
}

.Review .box
{	
	float:left;
	padding: 4px;
	border: 1px solid #dcdcdc;
	width: 425px;
}

.Review .tag
{
	float:left;
	width: 125px;
	font: 800 12px tahoma, sans-serif;
	text-decoration: none;
	vertical-align: top;
	color: Black;
	text-align: right;
	padding: 4px;
}

.Review .review .text
{
	display:block;
	padding: 4px 0px;
}

.Review .text.gray
{
	color: Gray;
}

.Review .text.left
{
	float:left;
	margin-left: 7px;
}

.Review .text.right
{
	float:right;
	margin-right: 80px;
}

.Review .button.left
{
	float:left;
}

.Review .stars
{
	float: left;
	width: 100px;
	padding: 0 2px;
	margin: 0;
}
.Review .title
{
	float: left;
	width: 210px;
	font: 800 12px tahoma, sans-serif;
	color: #000;
	padding: 6px 6px 4px 0;
	margin: 0;
}
.Review .author
{
	display: block;
	font: 11px verdana, sans-serif;
	padding: 0;
	margin: 18px 0 6px 0;
} 
.Review .formrow.border
{
	border: 1px solid #dcdcdc;
}
.SubPages
{	
	border: none;
}
.SubPages .hdr
{
	display: none;
}
.SubPages .name
{
	font: normal 13px verdana, sans-serif;
	color: #000;
	text-decoration:none;
}
.SubPages .name:hover
{
	text-decoration:underline;
}