/* This CSS is only used on specific Product page - ProductDetails control */

.ProductDetails
{
}
.ProductDetails .Layout
{
}
.ProductDetails .Layout TD
{
	border: 12px solid white;
}

.ProductDetails TD.Photo
{
	background: white;
}

.ProductDetails TD.Right
{
	background: #cdbe95;
}
.ProductDetails TD.Right DIV.Wish
{
	background: #2a4c30;
	border: 1px solid #2a4c30;	/* For some reason this is needed */
}

.ProductDetails TD.Right DIV.Opts
{
}
.ProductDetails TD.Right .Minis TD
{
}
.ProductDetails TD.Right .Minis IMG
{
	border: 3px solid #cdbe95;
}
.ProductDetails TD.Right .Minis IMG:hover
{
	border: 3px solid #2a4c30;
}

.ProductDetails TD.Right DIV.Opts .ManualsVideos
{
	margin: 12px 0 12px 0;
}
.ProductDetails TD.Right DIV.Opts .WTB
{
	margin: 10px 0 10px 0;
}
.ProductDetails TD.Right DIV.Opts .Share
{
	margin: 10px 0 0px 0;
}
.ProductDetails TD.Right .WLtextSM
{
	font-size: 12px;
}
#fr .ProductDetails TD.Right .WLtextSM
{
	font-size: 11px;
}



/* http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Tabs/Tabs.aspx */
.ProductDetails .Tabs
{
	margin-top: 20px;
}
.ProductDetails .Tabs .ajax__tab_header			/* Wraps all Tabs */
{
}
.ProductDetails .Tabs .ajax__tab_outer			/* ??? */
{
}
.ProductDetails .Tabs .ajax__tab_inner			/* ??? */
{
}
.ProductDetails .Tabs .ajax__tab_tab			/* Actual Tab */
{
	padding: 10px 18px 12px 18px;
	color: #2a4c30;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;
}
/* Note that using just .ajax__tab_active will show white only below the text in IE8 and FF */
.ProductDetails .Tabs .ajax__tab_active .ajax__tab_tab	/* Active/Selected Tab */
{
	background: white;
}
.ProductDetails .Tabs .ajax__tab_hover .ajax__tab_tab	/* Tab Hover */
{
	background: #fdf7e0;
}
.ProductDetails .Tabs .ajax__tab_body			/* Tab Contents */
{
	background: white;
	padding: 10px;
}