/* =========================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS - HOME == */
/* =========================================== */

/* ----------------- */
/* GENERAL SELECTORS */
/* ----------------- */

/* Tire Selector Form */
div.tire-selector-form {
	margin-bottom: 10px;
	}
	div.tire-selector-form h6 {
		margin-bottom: 5px;
		}
	div.tire-selector-form select {
		clear: right;
		display: inline;		
		margin-bottom: 5px;
		font-size: .8em;
		}		
	div#by-vehicle select {
		width: 245px;
		}
	div#by-size select {
		width: 80px;
		overflow: visible;
		}

/* ------------------ */
/* SPECIFIC SELECTORS */
/* ------------------ */

	/* ~~~~~~ */
	/* Header */
	/* ~~~~~~ */
	div#header {
		height: 106px;
		}		
		a.logo_anchor {			
			top: 36px;
			left: 24px;				
			width: 315px;
			height: 61px;			
			background-repeat: no-repeat;			
			}
			a.logo_anchor img {
				display: none; /* Hide default (smaller) logo */
				}			

	/* ~~~~~~~ */
	/* Content */
	/* ~~~~~~~ */
	div#content {		
		}
		div#content h1 {
			position: absolute;
			z-index: 10000;
			margin: 0;			
			}
			div#content h1 img.tagline {						
				}
			div#content h1 span.tagline {
				display: none;				
				}
		div#slideshow {
			width: 899px;
			height: 203px;
			overflow: hidden;
			background-color: #000;
			}
		div#features {
			position: relative;
			z-index: 1;
			width: 899px;
			min-height: 100px;
			background: #f2f2f2 url(../../images/backgrounds/columns-borders-899.png) repeat-y;
			}
			div.feature {
				float: left;
				width: 298px;
				height: auto;
				overflow: auto;
				margin-left: 2px;
				}
			div.feature-first {
				width: 299px;
				margin-left: 0;
				}
				div.feature h2 {
					display: block;
					min-height: 22px; /* Total 27 */					
					padding: 5px 18px 0; /* Original padding left/right 21px - changed 5/27/09 for 100 Years feature */
					font-size: 1em;
					font-weight: normal;
					color: #fff;
					background: #000 url(../../images/backgrounds/gradient-black-5x27.gif) repeat-x;					
					}
				div.feature div.body {					
					padding: 0 18px 10px; /* Original padding left/right 21px - changed 5/27/09 for 100 Years feature */
					}
					/* Dealer Locator feature image */				
					div#dealer-locator div.body img {
						float: right;
						margin: 27px 13px 0 10px;						
						}
		div#line-up {			
			width: 768px; /* Total 899 - Edited in IE 5.5 CSS */
			height: 126px;
			padding-left: 131px; /* Use padding here due to IE 6 issues with margin on first child element */
			background: #fff url(../../images/backgrounds/gradient-red-w-container.png) no-repeat;			
			}
			div#line-up div.product {
				float: left;
				width: 136px;
				height: auto;
				margin-top: 25px;
				margin-right: 31px;
				}
				div#line-up div.product h3 {
					width: 136px;
					height: 49px;
					overflow: hidden;
					margin-bottom: 0;
					}
				div#line-up div.product p {
					display: block;
					width: 134px;
					height: 42px;
					overflow: auto;					
					font-size: .9em;					
					background: #fff url(../../images/backgrounds/gradient-gray-5x36.png) repeat-x;
					border-top: 1px solid #f9f9f9;
					border-left: 1px solid #f9f9f9;
					border-right: 1px solid #f9f9f9;					
					}
					div#line-up div.product a.text {
						display: block;
						padding-left: 16px;
						color: #808080;
						text-decoration: none;
						background: transparent url(../../images/arrows/arrow-gray-tiny.gif) 6px 5px no-repeat;
						}
			
	/* ~~~~~~ */	
	/* Footer */
	/* ~~~~~~ */
	div#footer {		
		height: 86px; /* 1 pixel smaller than background image (including padding) */
		margin-bottom: 30px;
		padding-top: 21px;	
		background-position: bottom left; /* Hide line at top of background image */							
		}