/* ======================== */
/* == GENERAL FORMATTING == */
/* ======================== */

/* NOTE: Specific CSS on Calendar page */
/* NOTE: Additional external CSS for Tire Specs page */

html {
	margin: 0px;
	padding: 0px;
	}
	body {		
		margin: 0px;
		padding: 10px;
		font: .7em/1.5em Verdana, Helvetica, Arial, sans-serif;
		color: #000;
		/* IE-specific code - non-standard */
		scrollbar-3dlight-color: #FFF;
		scrollbar-arrow-color: #FFF;
		scrollbar-base-color: #FFF;
		scrollbar-darkshadow-color: #FFF;
		scrollbar-face-color: #CCC; /* Non-Cooper gray */
		scrollbar-highlight-color: #FFF;
		scrollbar-shadow-color: #FFF;
		scrollbar-track-color: #FFF;		
		}
		h1 {
			font-size: 1.5em;
			margin: 0 0 1em 0; /* Get all margins in the same across browsers */
			color: #0A2972;
			}
		h2, h3 {
			font-size: 1em;
			}
		p {
			margin: 0 0 1em 0; /* Get all margins in the same across browsers */
			}
		p.error {
			color: red;
			}
		a {
			color: #0A2972;
			}		
		a:hover {
			text-decoration: none;
			}
		span.normal {
			font-weight: normal;
			}
		iframe {
			margin: 0px;
			padding: 0px;
			background: transparent url(images/loading.gif) center center no-repeat;
			/* IE-specific code - non-standard */
			scrollbar-3dlight-color: #FFF;
			scrollbar-arrow-color: #FFF;
			scrollbar-base-color: #FFF;
			scrollbar-darkshadow-color: #FFF;
			scrollbar-face-color: #CCC; /* Non-Cooper gray */
			scrollbar-highlight-color: #FFF;
			scrollbar-shadow-color: #FFF;
			scrollbar-track-color: #FFF;			
			}
			
/* =========================================== */
/* == STRUCTURAL LAYOUT AND SPECIFIC DESIGN == */
/* =========================================== */

div#main {
	/* NOTE: Changed per client request 4/6/2006, GML
	width: 640px;
	height: 422px;
	background: transparent url(images/frame_generic_640.gif) no-repeat;	
	*/
	width: 780px;
	height: 514px;
	margin: 0px auto 0px auto;
	background: transparent url(images/frame_generic_780.gif) center center no-repeat ;
	}
	div#content {
		position: relative;
		top: 24px;
		left: 26px;
		/* NOTE: Changed per client request 4/6/2006, GML
		width: 580px;
		height: 370px;
		*/
		width: 723px;
		height: 460px;
		padding-right: 10px;		
		overflow: auto;	
		}
		div.tireselectorform {
			margin: 10px 0px 20px 0px;
			}
		img#cooperlogow {
			float: right;
			border: none;
			}
		/* Form pages */		
		div.textinput { 						
			float: left;
			
			overflow: visible;
			margin: 0px;
			padding: 0px 5px 2px 0px;				
			}		
			input.regular { 
				width: 340px; 
				}
			input.doublewide, textarea.doublewide {				
				width: 690px;				
				}
		div.otherinput { 
			margin-bottom: 20px; 
			}
		fieldset {
			margin-bottom: 10px;
			}		
			
		/* Careers Job Search */
		div.joblisting {			
			padding: 5px 20px 5px 20px;
			border: 1px solid #A7ABAC;
			}
		div.joblisting_alt {
			padding: 5px 20px 5px 20px;
			}
			a.button {
				margin-left: 10px;
				padding: 3px;
				color: #FFF;
				background-color: #0A2972;
				text-decoration: none;		
				}