/* ProductDetailsTab Theme - used in the AjaxControlToolkit Tab control located 
in the lower half of ProductDetails.aspx */

.ProductDetailsTab 
{
    float:left;
    width:586px;
}

.ProductDetailsTab .ajax__tab_header 
{
    position:relative;
	font: bold 11px Arial, Verdana, Sans-serif;
}

.ProductDetailsTab .ajax__tab_header .ajax__tab_outer 
{
    padding-right:6px;
    margin-right:-2px;
    background:url(Images/ProductDetailsTab/tab-right.gif) no-repeat right;
    height:28px;
}

.ProductDetailsTab .ajax__tab_header .ajax__tab_inner 
{
    padding-left:6px;
    background:url(Images/ProductDetailsTab/tab-left.gif) no-repeat;
}

.ProductDetailsTab .ajax__tab_header .ajax__tab_tab
{
    height:21px;
    padding:7px 7px 0 7px;
    margin:0; /* margin=0 good for all but breaks in FF3 (see hack below) */
    background:url(Images/ProductDetailsTab/tab.gif) repeat-x;
}

/* FF3 and IE7 hack for above "margin:0" rule */
.ProductDetailsTab .ajax__tab_header .ajax__tab_tab, x:-moz-any-link, x:default 
{
    margin-bottom: -3px;
}
.ProductDetailsTab .ajax__tab_header .ajax__tab_tab
{
    *margin-bottom:0; /* Fix for IE7 */
}

.ProductDetailsTab .ajax__tab_hover .ajax__tab_outer,
.ProductDetailsTab .ajax__tab_hover .ajax__tab_inner, 
.ProductDetailsTab .ajax__tab_hover .ajax__tab_tab 
{
    color: #8BBACA;
}
.ProductDetailsTab .ajax__tab_active .ajax__tab_outer 
{
    background:url(Images/ProductDetailsTab/tab-active-right.gif) no-repeat right;
}
.ProductDetailsTab .ajax__tab_active .ajax__tab_inner 
{
    color: #8BBACA;
    background:url(Images/ProductDetailsTab/tab-active-left.gif) no-repeat;
}
.ProductDetailsTab .ajax__tab_active .ajax__tab_tab 
{
    background:url(Images/ProductDetailsTab/tab-active.gif) repeat-x;
}