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

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



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

	/* ~~~~~~ */
	/* Header */
	/* ~~~~~~ */
	div#header {
		height: 85px;
		background: #fff url(../../images/backgrounds/gradient-gray-899x60.png) bottom repeat-y;		
		}		
		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 {	
		height: auto;		
		padding-top: 15px;		
		background: #fff url(../../images/backgrounds/columns-gray-white.gif) repeat-y;
		}
		div#content h1 {
			margin-left: 375px;
			}
			div#content h1 span.image-header {
				width: 477px; /* Fixed-width set for IE 6 */				
				}
		div#content-primary {
			float: right;
			position: relative; /* Needed for pseudoselect element */
			z-index: 9; /* Added 7/10/08 GML */
			right: 37px; /* Used instead of margin for IE 6 */
			width: 497px;
			height: auto;			
			margin-top: 10px;
			margin-bottom: 20px;
			padding-top: 4.5em;	/* Added 2/15/08 GML */
			background: #eaeaea url(../../images/backgrounds/corners-gray-top.gif) no-repeat;
			}
			div#content-primary div#pseudoselect {
				top: 0px;
				right: 10px;
				margin: 16px 0 0 27px; /* Use this instead of "top" for better results if JavaScript does not fire */
				}
			div#content-primary h2 {
				position: absolute; /* Added 2/15/08 GML - Treats this element as if it isn't there from a structure standpoint - allows adjustment of adjacent element for times when this element is not present */
				z-index: 9; /* Added 7/10/08 GML */
				top: 18px;
				left: 27px;
				}
			div#content-primary div.head { /* EDITED IN IE 7 CSS */
				width: 477px;
				height: 12px;
				overflow: hidden; /* For IE 6 */
				margin-left: 10px; /* Original 14px top - updated 2/15/08 GML */
				background: #eaeaea url(../../images/backgrounds/corners-white-top.gif) no-repeat;
				}
			div#content-primary div.body {
				width: 441px; /* Total 477 - Edited in IE 5.5 CSS */
				height: auto;
				min-height: 100px;
				margin: 0 10px;
				padding: 10px 18px;
				background: #fff url(../../images/backgrounds/borders-gray-477.gif) repeat-y;				
				}
				div#content-primary div.body * {
					position: relative;
					z-index: 9; /* Added 7/10/08 GML */
					top: -10px;
					}
					div#content-primary div.body * * {
						top: 0px;
						}
				div#content-primary div.body h3 {
					margin-bottom: 5px; /* Override default */
					padding-bottom: 5px;
					border-bottom: 1px solid #808080;
					}				
				div#content-primary div.body div.tire-selector-form {
					margin-bottom: 40px;
					}
				div.tire-selector-form + div.tire-selector-form {
					margin-bottom: 20px !important;
					}
			div#content-primary div.foot {
				width: inherit;
				height: 30px;				
				background: transparent url(../../images/backgrounds/corners-gray-white-bottom.gif) left bottom no-repeat;
				}
			/* Left Column */
			div#content-aside {	
				float: left;
				width: 293px; /* 337 total - Edited in IE 5.5 CSS */
				height: auto;
				padding: 15px 22px;				
				}	
				/* Tire Photo - on product pages */			
				div#tire-photo {					
					text-align: center;
					}
					div#tire-photo a {
						color: #808080;						
						}
				/* Tire Categories - on non-product pages */
				div.tire-category {					
					width: 197px; /* Total 302 - Edited in IE 5.5 CSS */
					min-height: 102px; /* Height of background image - Edited in IE 6 CSS */
					margin: 0 auto 15px auto;
					padding-left: 105px;									
					background-repeat: no-repeat;					
					}					
					div.tire-category h3 {
						margin-bottom: 5px; /* Override default */
						padding-bottom: 5px;
						border-bottom: 1px solid #808080;						
						}
					div.tire-category p {
						margin: 0;
						font-size: .9em;					
						}
					div.tire-category a {
						display: block;
						margin-top: 5px;
						color: #007cb7 !important;
						font-size: .9em;
						text-transform: uppercase;
						text-decoration: none;
						}
				div#category-passenger {
					background-image: url(../../images/photos/tire-passenger.jpg);
					}
				div#category-suv {
					background-image: url(../../images/photos/tire-suv.jpg);
					}
				div#category-light-truck {
					background-image: url(../../images/photos/tire-light-truck.jpg);
					}
				div#category-commercial {
					background-image: url(../../images/photos/tire-commercial.jpg);
					}
			div#content-table {
				width: 851px;
				height: 154px; /* Height of header and 4 rows at default font size */
				overflow: auto;
				padding-left: 20px;				
				background-color: #fff;
				border-top: #fff 18px solid; /* Acts as padding */
				border-bottom: #fff 14px solid; /* Acts as padding */				
				}					
				/* Firefox bug fix */
				div#content-table table caption {
					-moz-margin-start: -1px;									
					}
					
	/* ~~~~~~ */	
	/* Footer */
	/* ~~~~~~ */
	div#footer {		
		height: 87px; /* Total 109 - Edited in IE 5.5 CSS */
		padding-top: 22px;
		border-top: 1px solid #808080;					
		}