/* ------------------- */					
/* -- PRODUCT PAGES -- */
/* ------------------- */

/* General attributes */
h2 {
	font-size: 13px;
	}
h3 {
	font-size: 13px;
	}
/* Headers over additional lists (currently at bottom of screen) */
h3.list {
	margin: 0 0 8px 0;
	padding: 0;	
	white-space: nowrap;
	}
	
/* Content */	
div#content {	
	background-image: url(../../images/background_content_grad.png);
	}
	/* Header */
	div#header {
		position: relative;
		z-index: 2;
		width: 460px;
		height: 72px;
		overflow: auto;
		margin-left: 380px;
		border-bottom: 1px solid #D7D7D7;		
		}	
	div#header.has-js {
		overflow: visible;
		}	
		/* Tire Selection */			
		div#scroll {			
			margin-top: 5px;												
			}
		/* Next Button - NOT CURRENTLY USED 
		div#nextbutton {
			float: right;
			width: 125px;
			height: 23px;
			margin-top: 7px;
			font-size: 9px;
			background: #EBEEF3 url(../../images/background_nextfeature.gif) no-repeat;
			}
			span#nextcount {
				float: left;
				margin: 6px 0 0 7px;
				}
			span#nexttext {
				float: right;
				margin: 6px 17px 0 0;
				}
				span#nexttext a {
					text-decoration: none;
					}
		*/
		/* Headline */
		h1.name {
			margin-top: 5px;						
			}
			h1.name span.category {
				display: block;
				color: #A7ABAC;
				font-size: 12px;
				font-weight: normal;					
				margin: 0px;					
				}
	/* Tire Summary */
	div#tiresummary {
		position: absolute;
		top: 25px;
		left: 0px;
		width: 360px;
		height: 470px;
		overflow: hidden;
		}		
		/* Tire Photos */
		div#tirephoto {
			width: 340px;
			height: 308px;
			overflow: hidden;
			}
			div#tire_image {
				position: absolute;
				top: 27px;
				left: 20px;		
				}
			div#tire_enlarge {
				position: absolute;
				top: 27px;
				left: 20px;
				display: none; /* Hide by default */
				}					
			div#tire_cut_away {
				position: absolute;
				top: 27px;
				left: 20px;					
				display: none; /* Hide by default */
				}
			/* Tire Photo Navigation (more images) */
			div#tirephotonav {
				position: absolute;
				top: 250px;
				left: 20px;				
				}
				div#tirephotonav ul {
					margin: 0;
					padding: 0;
					list-style-type: none;
					}
					div#tirephotonav li {
						margin: 0;
						padding: 0;
						font-size: 11px;
						text-transform: uppercase;
						}
						div#tirephotonav a {
							position: relative;
							left: -12px;
							padding-left: 12px;
							text-decoration: none;
							}
						div#tirephotonav a:hover {
							background: transparent url(../../images/navigation/arrow_blue_right.gif) left center no-repeat;
							}
		/* Comparison Matrix (Chart) */
		div#tireratings {	
			position: absolute;
			top: 324px;
			left: 0px;			
			width: 340px;
			height: 145px;
			margin: 0 0 0 20px;				
			overflow: hidden;								
			}			
			div#tireratings table {					
				margin-bottom: 3px;											
				}
				div#tireratings th {
					display: none; /* Headers only used for print and text-only browsers */
					}
				div#tireratings td {						
					margin: 0;
					padding: 0;
					color: #012A62;
					font-size: 9px;
					}					
				div#tireratings td.disabled {
					color:#c0c4d0;
					}
				div#tireratings td.ratingtype {
					white-space: nowrap; /* Do not allow wrap to push chart off the screen (arg) */
					}
					/* Sliders */
					div#tireratings td img {
						width: 195px;
						height: 11px;
						padding-right: 3px;
						}
			p.asterisk {					
				text-transform: uppercase;
				font-size: 9px;
				}
				p.asterisk p.ms {
					padding-left: 5px;
					}
	/* Tire Details */
	div#tiredetail {
		position: relative;
		z-index: 1;
		top: 20px; /* Used because IE seems to ignore a top margin - also allows better positioning of tab content */
		width: 460px;
		height: 184px;			
		margin-left: 380px;		
		}	
		/* Important Link Area (optional - formerly contained in header in old design) */ 
		/* Populated only when a tire search initiates the tire detail page */
		ul#headerlinks {
			position: absolute;
			top: -40px;
			right: 0px;
			z-index: 1001;
			}		
		div#tiredetail table {			
			margin-top: 10px;
			}
			div#tiredetail th {
				padding: 1px 5px 1px 5px;
				color: #FFF;
				background-color: #7C91AD;
				border: 1px solid #FFF;
				text-align: center;
				}
			div#tiredetail td {
				padding: 1px 5px 1px 5px;
				border: 1px solid #CECECE;
				text-align: center;
				}
		/* Product Features */
		div#tiredetail_nav {
			position: absolute;				
			top: 231px;
			left: 0px;
			width: 230px;
			height: 135px;
			/* Cannot use due to indicators - overflow: hidden; */
			}			
			div#tiredetail_nav ol {
				margin: 0 0 0 18px; /* EDITED IN IE CSS */
				padding: 0;
				font-size: 11px;
				}
				div#tiredetail_nav li {	
					width: auto;
					/* height - Edited in IE 6 CSS */	
					line-height: 1em;
					margin: 0 0 2px 0;
					padding: 0;
					color: #012A62;
					font-weight: bold;												
					}
					div#tiredetail_nav a {
						position: relative;
						left: -35px;
						display: block;
						width: 220px;															
						padding-left: 35px; /* Edited in IE CSS and IE 6 CSS */
						line-height: 12px;
						color: #00459C;						
						font-weight: normal;						
						text-transform: uppercase;
						background-repeat: no-repeat;
						background-position: 0px 3px;								
						}
		/* Main Content */							
		div.tabcontent {
			position: absolute;
			top: 0px;
			left: 0px;		
			width: 440px; /* Total width = 460px - EDITED IN IE 5.5 CSS */
			height: 165px;
			padding-right: 20px;
			overflow: auto;
			background-color: #FFF;				
			}					
	/* Additional Link Lists */
	div#linklists {			
		}
		/* Standard Link */
		div#additionallinks {
			position: absolute;
			top: 300px;
			left: 380px;			
			}
			div#additionallinks ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				font-size: 11px;
				}
				div#additionallinks li {
					float: left;
					margin-right: 5px;
					}
					div#additionallinks a {						
						text-transform: uppercase;												
						}	
		/* Additional Resources */		
		div#additionalresources {
			position: absolute;
			top: 349px;
			left: 618px;
			width: 220px;
			height: 135px;									
			}			
			div#additionalresources ul {
				width: 202px; /* Total = 220px - EDITED IN IE 5.5 CSS */
				height: 83px; /* Total = 101px - EDITED IN IE 5.5 CSS */
				margin: 0;
				padding: 9px;
				overflow: hidden;
				list-style-type: none;
				font-size: 11px;
				background: #7D92AF url(../../images/background_additionalresour.png) no-repeat;
				}
				div#additionalresources li {
					width: auto;
					height: 14px;
					overflow: hidden;		
					margin: 0 5px 3px 5px;
					padding: 0;						
					}
					div#additionalresources a {
						color: #FFF;						
						text-transform: uppercase;
						}