.Wrapper {
 
}

.BillboardSpacer
{
    clear: both;
    height: 10px;
    width: 900px;
}

.BillboardCWrapper
{
    position: relative;
    float: left;
    left: 50%;
    margin-left: -494px;
    margin-top: 0px;
    background-color: Transparent;    
}

 .ProductContentContainer {
 	position:relative;
 	float:left;
 	margin-top: 7px;
	margin-left: 5px;
	background-color: #ffffff;
	width: 687px;
 	font-size:.75em;
 }
 
 .ProductContentArea {
 	margin:5px;
 }
 
.ProductBody
{
 	position: relative;
 	float: left;
 	width: 450px;
	margin-top: 10px;
}

.ProductBodyTabs
{
 	position: relative;
 	float: left; 	
	margin-top: 10px;
	width:687px;
}

.ProductText
{
	display:inline;
}

.ProductEnlargeImage
{
	text-align: right;
}

.ProductImageDiv
{
	position: relative;	
	max-width: 211px;
	height: 255px;		
	overflow: hidden;
	text-align: center;
}

.ProductImageBox
{
 	position:relative;
 	float:left;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 5px;
	width: 211px;
 	min-height: 320px;
 	height: 320px auto;
}

.ProductMainImage
{
	border: 0px;
	max-width: 211px;
	height: 255px;	
}

.ProductStoreLocator
{
	position: relative;	
	margin-top: 15px;
	text-align: center;
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.0em;
	width: 211px;
}

.ProductEnlargeLink
{
	color: #000000;
	text-decoration: none;

	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.0em;
}

a.ProductEnlargeLink:hover
{
	text-decoration: underline;
}


.ProductInfo
{
	position: relative;
 	float:left;	
	width: 100%;
	margin-top: 10px;
	 
}

.ProductTop
{
 	position:relative;
 	float:left;
	width: 430px;
	margin-top: 10px;
}

.ProductTopLeft
{
 	position:relative;
 	float:left;
	width: 430px;
	margin-top: 10px;
	margin-left: 5px;
}

.ProductTopNoImage
{
	position:relative;
 	float:left;
	width: 667px;
	margin-top: 10px;
	font-size:0.95em;
}

.ProductHeadline
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.8em;
	color: #990000; 
}

.ProductSubhead
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.2em;
	color: #000000; 
}

.ProductByline
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.2em;
	color: #000000; 
}

.ProductBlurb
{
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.0em;
	color: #000000; 
}

.ProductDetails
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.2em;
	color: #000000; 
}



.ProductStoreLocatorImage
{
	margin-top: 3px;
	border: 0px;
}


.ProductExtraWrapper
{
	margin-top:7px; 
	float:left; 
	position:relative; 
	width:687px; 
	background-color:white;
}

.ProductExtraContent
{
	margin:5px;
	float:left;
}


/*
<!-- Related Articles -->
<div class="ProductSectionBox">
<div class="ProductSectionHeadline">Related Articles</div>
<div class="ProductSectionLine"><!-- line --></div>
<div class="ProductSectionText"><!-- related -->
<control type="relatedcontentlinks" metadata="type:article,productid:123"/>
</div>
</div>
*/

.ProductSectionBox
{	
 	position:relative;
 	float: left;
	width: 677px;
	margin-top: 15px;
	overflow:hidden;
}

.ProductSectionHeadline
{
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.5em;
	color: #990000; 
}

.ProductSectionLine
{
    position: relative;
	float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 1px;
    width: 100%;	
	border-bottom: 1px solid #ededed;
	background-color: #cccccc;
	overflow: hidden;
}

.ProductSectionText
{
	color: #000000;
	margin-left: 10px;
}

.ProductSectionBody
{
	color: #000000;
}


.ProductSectionText a
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	line-height: 17px;
}

.ProductSectionText a:hover
{
	text-decoration: underline;
}

.ProductSpacer{	
 	position:relative;
 	float: left;
	width: 677px;
	height: 10px;
}

.ProductSectionArtLinkBox
{
	margin-top: 5px;
 	position:relative;
 	float: left;
	width: 677px;
	text-align: right;
}


.ProductSectionArtLink
{
	color: #000000;
	text-decoration: none;
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.0em;
}

a.ProductSectionArtLink:hover
{
	text-decoration: underline;
}




/*
<!-- sample chapter -->
<div class="ProductSampleChapter"> Read a Sample Chapter online or<br/>
	<a href="" target="_blank"><img src="/dnd/images/4new/Product_Download_Sample_Chapter.png" class="ProductSampleChapterImage"/></a>
</div>
*/

.ProductSampleChapter
{
	margin-top: 10px;
 	position:relative;
 	float: left;
	width: 460px;
}

.ProductSampleChapterImage
{
	margin-top: 3px;
	border: 0px;
}


/* =============================================== */
/* Product Section Video */
/* =============================================== */

		
.ProductSectionVideoTop
{
	margin-top: 5px;
 	position: relative;
 	float: left;
	width: 677px;
	text-align: center;
}

.ProductSectionVideoHeadline
{
	margin-top: 5px;
	margin-left: 30px;
 	position: relative;
 	float: left;
	width: 617px;
	text-align: left;

	text-decoration: none;
	font-family:'arial',helvetica,sans-serif; 
	font-weight: bold;
	font-size: 1.2em;	
}

.ProductSectionVideoText
{
	margin-top: 5px;
	margin-left: 30px;
 	position: relative;
 	float: left;
	width: 617px;
	text-align: left;
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.0em;	
}


/* =============================================== */
/* Gallery */
/* =============================================== */

.Gallery 
{
	position: relative;
	float: left;
}

/* =============================================== */
/* Wallpapers */
/* =============================================== */

.wallpaperlink 
{
    font-family:'arial',helvetica,sans-serif; 
    font-size: 1.0em;
    text-decoration: none;
    line-height: 12px;
    color: Black;
}

a.wallpaperlink:hover 
{
    text-decoration: underline;
}

/* =============================================== */
/* Reviews */
/* =============================================== */

.ProductReviewWrapper
{
	margin-top: 5px;
 	position: relative;
 	float: left;
	width: 667px;
}

.ProductReviewHeadline
{
 	position: relative;
 	float: left;
	width: 667px;

	color: #000000;
    font-family:'arial',helvetica,sans-serif; 
    font-size: 1.25em;
    text-decoration: none;
    font-weight: bold;
}

.ProductReviewLink
{
	color: #000000;
    text-decoration: underline;
    font-style: italic;
}

a.ProductReviewLink:hover
{
	text-decoration:underline;
	color: #990000;
}

.ProductReviewText
{
 	position: relative;
 	float: left;
 	margin-left: 10px;
	width: 647px;
	font-family:'arial',helvetica,sans-serif; 
	font-size: 1.0em;	
}

.ProductReviewText P
{
	margin-top: 5px;
	margin-bottom: 5px;

}





/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 5px 0; 
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 5px 0.5em;
 margin-right: 5px;  
 background: #CCC;
 text-decoration: none;
}

ul.tabbernav li a:link { color: Black; }
ul.tabbernav li a:visited { color: Black; }

ul.tabbernav li a:hover
{
 color: #FFF;
 background: #666; 
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color:#CC0000;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
  
.tabberlive .tabbertab { 
 border:0px;
 border-top:0;
 float:left;
 width:687px;
 background-color:White;
 
}
 .tabbertab > div
{
	margin:5px;	
	float:left;
	clear:both;	
	width:667px;
}

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {  
}


.RelatedLinksDetailedWrapper
{
    height: 76px;
    width: 325px;
    float: left;
}

.RelatedLinksDetailedSpacer
{
    float: left;
    width: 320px;    
    height: 71px;
    margin-left: 0px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #eeeeee;
}

.RelatedLinksDetailedImage
{
    float: left;
    margin-top: 3px;
    margin-left: 3px; 
    height: 65px;    
    width: 65px;    
}

.RelatedLinksDetailedImage img
{
    height: 63px;    
    width: 63px;
    border: 1px solid #777777;    
}

.RelatedLinksDetailedText
{
    float: left;
    width: 245px;
    margin-left: 5px;
    margin-top: 2px;
}

.RelatedLinksDetailedHeadline
{
    float: left;
    width: 231px;   
    font-size: .9em; 
    height: 16px;      
    font-weight: bold;
    overflow: hidden;
}

.RelatedLinksDetailedHeadline a
{
    text-decoration: none;
    color: Black;
}

.RelatedLinksDetailedHeadline a:hover
{
    text-decoration: underline;
}

.RelatedLinksDetailedSub
{
    float: left;
    width: 243px;  
    font-size: .8em;
    max-height: 16px;
    line-height: 12px;
    color: #666666;
    overflow: hidden;
    font-style: italic;
}

.RelatedLinksDetailedBlurb
{
    float: left;
    width: 243px;  
    height: 37px;
    font-size: .8em;
    line-height: 12px;
    overflow: hidden;
}

.RelatedLinksDetailedIcon
{
    float: left;
    margin-top: 2px;
    width: 12px;
    height: 12px;
}