/*
 -----------------------------------------------------
	Information Panel
 -----------------------------------------------------
*/
div.infoPanel div.info div.description					{ width: 320px; line-height: 19px; }
div.infoPanel div.info div.description h3				{ font-size: 22px; }
div.infoPanel div.info div.description h4				{ margin-top: 5px; padding-top: 8px; font-size: 14px; color: #CC0000; }
div.infoPanel div.info div.description a.sizeDetails	{ margin-top: 5px; }

div.infoPanel div.info									{ z-index: 3; width: 709px; overflow: hidden; height: 380px; }
div.infoPanel div.info img.product						{ z-index: 2; position: absolute; left: 350px; top: 80px; }
.ed_logo												{ z-index: 2; position: absolute; left: 350px; top: 220px; }

div.infoPanel div.infocontent							{ z-index: 3; width: 709px; overflow: hidden; }
div.infoPanel div.infocontent p							{ padding-bottom: 10px; }

div.infoPanel div.news									{ padding-top: 5px; padding-bottom: 20px; margin-bottom: 15px; }
div.infoPanel div.motorsport							{ padding-top: 5px; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #ccc; height: 150px;}
div.infoPanel div.newsarticle							{ padding-top: 20px; padding-bottom: 20px; }

/*
 -----------------------------------------------------
	News
 -----------------------------------------------------
*/
div.newshead											{ float:left; font-weight: bold; font-size: 14px; padding-bottom: 10px; color: #000; width: 520px; }
div.newsdate											{ float:right; font-weight: bold; font-size: 12px; padding-bottom: 10px; color: #666666; }
div.block img.fl 										{ float: left; display: block; margin: 0 12px 0 0; padding: 0; background-color:#CCC; border: 1px solid #999; }
div.newsarticle div.block ul 							{ list-style:disc; visibility:visible; padding: 10px 0 20px 30px;  }

/*
 -----------------------------------------------------
	Tire Details Page - Vehicle Matches
 -----------------------------------------------------
*/
div.infoPanel div.info div.featureNav					{ margin-top: 10px; width: 510px; position:absolute; bottom: 0; left:10;  }
/* IE can't understand the second CSS rule due to the html>body CSS command so will ignore it and use the first rule. All other browsers will use the second rule. */
div.infoPanel div.info div.featureNav 					{margin-bottom: 95px;}
html>body div.infoPanel div.info div.featureNav 		{margin-bottom: 65px;} 

/*
 -----------------------------------------------------
	Tire Details Page - Content
 -----------------------------------------------------
*/
div.infoPanel div.info div.featureNav div.header				{ font-family:Arial, Helvetica, sans-serif; font-size:14px; width: 510px; font-weight:bold; height: 20px; }
div.infoPanel div.info div.featureNav div.header .header_small	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; }
div.infoPanel div.info div.featureNav div.features				{ background-color: #dedede; /*font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;*/ width: 510px; height: 80px; padding-top: 5px; }
div.infoPanel div.info div.featureNav div.features img			{ float:left;  }
div.infoPanel div.info div.vehicleMatches						{ height: 370px; display: block; width: 190px; position: absolute; right: 20px; top: 85px; background-image: url(../images/gui/productDetail_vehicleMatch_bg.gif); background-position:bottom;  }
div.infoPanel div.info div.vehicleMatches ul					{ list-style: none; padding: 10px; } 
div.infoPanel div.info div.vehicleMatches ul li					{ font-size: 11px; color: #666666; }
div.infoPanel div.info div.vehicleMatches h4					{ font-size: 13px; font-weight: bold;; } 

/*
 -----------------------------------------------------
	Tire Details Page - Rollovers (from previous design)
 -----------------------------------------------------
*/
div.morechars 											{ color: #666666; padding: 5px; width: 500px; background-image: url(../images/gui/moreChars_background.jpg); background-repeat: repeat-x;}
div.morechars h4 										{ font-size: 14px; font-weight: bold; }
/*div.morechars 										{ width:310px; voice-family: "\"}\""; voice-family:inherit; width:350px; } */
html>body .morechars 									{ width:500px; }