/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* ----------------------- */
/* ELEMENT/CLASS SELECTORS */
/* ----------------------- */

body {	
	background: #f0a52d url(../images/backgrounds/design.jpg) top center no-repeat fixed;
	}
	h1 {
		clear: left;
		margin-bottom: 5px;
		color: #b42017;
		}
	h2, dt, h4 {
		color: #46a1b7;					
		}
	h3 {
		color: #b42017;
		}
	ul, ol {
		margin-left: 0;
		margin-right: 0;
		}
	.alert {
		text-transform: uppercase;
		font-size: 120%;
		font-weight: bold;
		}
	.note {
		width: 65%;
		margin-left: auto;
		margin-right: auto;
		color: #46a1b7;
		}
	h1.second {
		margin-top: 10px;
		}	
		h1 span.link {
			position: relative;
			top: -2px;
			left: 10px;
			color: #46a1b7;
			font-size: 90%;
			}
			h1 span.link a {
				position: relative;
				top: 1px; /* IE CSS EDIT */
				padding: 0 3px !important;
				color: #46a1b7;
				font-size: 75%;
				}
	p.read-more {
		clear: both;
		}
	p.read-more a {			
		color: #c53127;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		}
	p.download-rebate-form {
		color: #46a1b7;
		}
		p.download-rebate-form a {
			color: #46a1b7;
			text-transform: uppercase;
			font-size: 95%;
			}
	/* Shorter block of general content */
	.general {
		width: 75%;
		}
	a {
		color: #b42017;
		font-weight: bold;
		}
	a:visited {
		color: #034150;
		}
	a:hover {
		text-decoration: none;
		}
	abbr {
		border-bottom: none;
		}	
	/* Accessibility skip link */
	.skip {
		display: none;
		}
	/* Generic Columns */
	.column1 {
		float: left;
		width: 45%;
		}
	.column2 {
		float: right;
		width: 45%;
		}
	/* Generic navigation */
	ul.nav {
		margin: 0;
		padding: 0;
		}	
		ul.nav li {
			display: inline;
			margin: 0;
			margin-left: -2px; /* IE 7 CSS EDIT */
			padding: 0;		
			list-style-type: none;			
			overflow: hidden;
			background: transparent url(../images/navigation/line.gif) no-repeat right;		
			}	
		ul.nav li.last {
			padding-right: 0;
			background-image: none;
			}
			ul.nav a {
				position: relative;
				left: -1px; /* IE 7 CSS EDIT */
				display: inline-block;
				color: #fff !important; /* Need "important" to override visited link color */
				text-transform: uppercase;
				text-decoration: none;				
				}	
	/* Generic error messages */
	.error {
		color: red;
		font-weight: bold;
		}
	.validationerror {
		display: block;
		}
	/* Generic Forms */
	fieldset {
		margin-bottom: 15px;		
		}
		fieldset ul, fieldset li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			fieldset li {
				display: inline;
				}
		fieldset label {
			display: inline !important; /* Needed for ASP.NET-generated labels which are not implicit */
			margin-right: 1em;			
			}
		fieldset div.input label {
			display: block !important;
			margin-right: 0;
			}
	div.input {
		float: left;
		margin-bottom: 5px;
		padding-right: 4px;	
		}	
		div.input input, div.input select {
			width: 300px;
			margin-right: 20px;			
			}			
		div.input textarea {
			width: 586px;
			height: 3em;
			}	
	div.default {
		width: auto !important;
		height: auto !important;	
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
		div.default input, div.default select {
		 	width: auto;
			height: auto;			
			}	
	div.checkbox, div.radio {
		clear: both;		
		float: none;
		}		
		div.checkbox input, div.radio input {
			width: auto;
			}
		div.checkbox label, div.radio label {
			display: inline; /* Needed for ASP.NET-generated labels which are not implicit */
			}
	div.phone {
		}
		div.phone input {
			width: auto !important;
			}
		div.phone fieldset {
			width: 565px;
			}
	div.address {
		clear: both;
		width: 100%;
		}
		div.address input {
			width: 100%;
			}
	div.zip {
		}
		div.zip input, div.zip select {
			width: 120px;
			}
	div.comment {
		clear: both;
		width: 100%;
		}
		div.comment textarea {
			width: 100%;
			height: 6em;
			}
	div.submit {
		float: none;
		clear: both;
		margin-bottom: 20px;
		padding-top: 10px;
		}
		div.submit input {
			display: block;
			margin-top: 15px;			
			}
		div.submit * {
			clear: both;
			}
	/* Form focus */
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		background-color: #fbd534;
		}
	/* Input errors */
	div input.inputError, div select.inputError {
		border-color:Red;
		border-width: thin;
		border-style: solid; 		 
		}
	
/* --------------------- */
/* SPECIFIC ID SELECTORS */
/* --------------------- */

/* Outer container */
div#outer {
	width: 100%;
	background: transparent url(../images/backgrounds/color-offset.gif) repeat-x;
	}
	div#main {
		position: relative;
		width: 788px;
		overflow: visible;
		margin: 0 auto;
		}
		/* Header */
		div#header {
			position: relative;
			margin: 0 auto;
			padding-top: 8px;
			}			
			#tagline {
				position: absolute;				
				top: 9px;
				right: 0px;
				}
		/* Content */
		div#content {	
			min-height: 450px;	
			margin: 16px auto 0;
			}	
			div#primary {				
				padding: 15px 19px;
				background-color: #e9edee;
				border: 2px solid #fff;
				}	
			/* Buttons */			
			div#button-sweepstakes a {
				display: block;
				width: 507px;
				height: 45px;				
				margin: 20px auto;
				padding-top: 9px;
				text-align: center;
				background: transparent url(../images/buttons/button-bg-sweepstakes.png) no-repeat; /* IE 6 CSS EDIT */
				}
			div#button-sweepstakes a:hover {
				background-image: url(../images/buttons/button-bg-sweepstakes-alt.png); /* IE 6 CSS EDIT */
				}
			div#buttons {				
				margin-top: 17px;			
				}
				div#buttons div.button a {
					float: left;
					display: block;
					width: 173px;
					height: 90px;
					overflow: hidden;
					margin-right: 26px;
					border: 2px solid #fff;	
					background-repeat: no-repeat;
					}				
				div#buttons div.last a {
					margin-right: 0;
					margin-left: 2px;
					}
				div#buttons div.button a:hover img {
					visibility: hidden;			
					}	
				/* Specific buttons */
				div#button-download-rebate-form-w a {
					background-image: url(../images/buttons/download-rebate-form-w-alt.gif) !important;
					}
				div#button-check-rebate-status-w a {
					background-image: url(../images/buttons/check-rebate-status-w-alt.gif);
					}
				div#button-find-a-dealer-w a {
					background-image: url(../images/buttons/find-a-dealer-w-alt.gif);
					}
				div#button-enter-sweepstakes-w a {
					background-image: url(../images/buttons/enter-sweepstakes-w-alt.gif);
					}
				div#button-view-qualifying-tires-w a {
					background-image: url(../images/buttons/view-qualifying-tires-w-alt.gif);
					}
			/* User forms */
			div#form {
				padding: 15px 22px;
				background-color: #e9edee;
				border: 2px solid #fff;
				}
			/* Rebate details, aside content */
			div#aside {
				float: left;
				width: 369px; /* 397 total */
				min-height: 200px;
				margin-right: 44px;
				padding: 15px 19px;
				background-color: #e9edee;
				border: 2px solid #fff;
				}	
			div.details {
				float: right;
				width: 469px;
				padding: 15px 19px;
				background-color: #e9edee;
				border: 2px solid #fff;
				}
				div.details h2 {
					margin-bottom: 20px;
					}
				/* Tire images */
				div.details img { /* Tires have more white-space than design */
					float: left;
					margin-right: 20px;			
					}	
				div.info {
					float: right;
					width: 300px;
					}	
				/* Specific details (needed due to different tire image widths) */
				#courser-htr-plus div.info, #courser-mt div.info {
					width: 290px;
					}
				#avenger-hp div.info {
					width: 270px;
					}				
			/* Rebate Lineup */
			div#rebate-lineup {
				float: left;				
				padding: 15px 0;
				}	
				div#rebate-lineup li {
					margin-left: 20px;
					list-style-type: none;
					}
					div#rebate-lineup h4 {
						margin-top: 10px;
						}				
					div#rebate-lineup li li {
						margin-bottom: 5px;
						margin-left: 20px;
						list-style-type: none;
						}
					div#rebate-lineup li li.active a {
						font-weight: bold;
						}
					div#rebate-lineup a {
						color: #000;					
						font-weight: normal;
						}
			/* Prizes */
			div#content div.prize {
				float: left;				
				}				
				div#content div.prize img {
					margin-right: 47px;
					border: 2px solid #fff;
					}
				div#content div.prize img.last {
					margin-left: 1px;
					margin-right: 0;					
					}	
				div#content div.prize span.desc {
					display: block;
					width: 228px;
					margin-top: 5px;
					color: #46a1b7;
					font-size: 110%;
					font-weight: bold;
					text-align: center;
					}		
		/* Navigation */
		div#navigation {			
			}	
			div#nav-header {				
				position: absolute;
				top: 127px;
				right: 0px;
				width: 788px;
				}
				div#nav-header ul {
					position: relative;
					left: 1px;
					float: right;
					}
					div#nav-header li {
						font-size: 105%;						
						}	
						div#nav-header a {	
							height: 16px;						
							padding: 8px 20px 7px;
							}
						div#nav-header a:hover {
							background-color: #eaaa30;
							}		
	/* Footer */
	div#footer {		
		width: 100%;
		height: 24px;
		overflow: visible;
		margin-top: 25px;
		margin-bottom: 70px;
		text-align: center;		
		}
		div#nav-footer {	
			min-height: 21px; /* IE 6 CSS EDIT */
			text-align: center;
			background-color: #539eb6;				
			}
			div#nav-footer li {
				white-space: nowrap;
				}
				div#nav-footer a {						
					padding: 4px 18px 3px;
					}
				div#nav-footer a:hover {
					background-color: #eaaa30;
					}
		div#footer p {
			position: relative;
			top: 20px;
			color: #fff;
			font-size: 80%;
			}
			
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {position: relative; top: -150px; height:400px; width:300px; background-color:#fff; border:3px solid #ccc; padding: 20px;}
#simplemodal-container a.modalCloseImg {background:url(../images/buttons/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #contactDiv_popup {padding:15px;}
#whatIsThisSpan a.basic	{ margin-left: 5px; font-size: 80%; }