body { color: #444; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 16px; background-color: #fff; background-image: url(../images/bg.gif); background-repeat: repeat-x; margin: 0; padding: 0; }

p { margin: 16px 0; padding: 0; }
a { color: #30c; }
a:hover { text-decoration: none; }
h1 { color: #c80f14; font-size: 20px; margin: 0 0 12px 0px; padding: 2px 0 5px; border-bottom: 1px solid #ddd; }
h4.testimonials { color: #336; font-size: 18px; background-image: url(../images/gradient-header.gif); background-repeat: repeat-x; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 6px; padding-left: 12px; border-color: #ccc; border-style: solid; border-width: 1px 1px 0px; }
#all { width: 888px; margin-right: auto; margin-left: auto; }
#header { height: 89px; }
.currentpage a { background-position: 0 -31px; }
.currentpage { background-position: 0 -31px; }
#logo { background-image: url(../images/logo.gif); background-repeat: no-repeat; width: 279px; height: 89px; float: left; margin-left:10px; }
#tires { background-image: url(../images/tires.jpg); background-repeat: no-repeat; width: 370px; height: 89px; float: right; margin-right: 40px; display: inline; }
#nav { height: 20px; }
#nav ul { margin: 0 0 0 46px; padding: 0; list-style-type: none; }
#nav li { line-height: 20px; float: left; padding-right: 8px; padding-left: 8px; }
#nav a { color: #12143e; text-decoration: none; }
#nav a:hover { color: #30c; }
#col1 { width: 402px; float: left; margin-right: 15px; margin-left: 20px; padding-top: 25px; display: inline; }
#tire-selector {
	padding:14px;
	margin:0 0 0 100px; 
	background:#f8f8f8; 
	position:relative;
	border:1px solid #dedede; 
	text-align:center;
	width:200px;
}
#arrow { 
	background:url(../images/arrow.gif) no-repeat;
	position: absolute; 
	width:140px;
	height:108px;
	left:-142px; 
	top:110px;
}
p.intro { margin-top: 4px; margin-bottom: 20px; }
#col-full { float: left; display: inline; margin-right: 15px; margin-left: 20px; padding-top: 25px; }
#box-how { color: #141f74; background-image: url(../images/gradient-header.gif); background-repeat: repeat-x; background-position: 1px 1px; margin-right: auto; margin-left: auto; padding-right: 8px; border: double 1px #ccc; }
#box-how-header { background-image: url(../images/how-it-works.gif); background-repeat: no-repeat; width: 131px; height: 25px; margin-top: 1px; margin-left: 8px; display: block; }
#box-how ul { margin: 0 0 0 6px; padding: 15px 0 0; list-style-type: none; }
#box-how li { padding-bottom: 18px; padding-left: 70px; }
#box-how li.computer { background-image: url(../images/icon-computer.gif); background-repeat: no-repeat; background-position: 0 0; }
#box-how li.phone { background-image: url(../images/icon-phone.gif); background-repeat: no-repeat; background-position: 0 -7px; }
#box-how li.money { background-image: url(../images/icon-money.gif); background-repeat: no-repeat; background-position: 0 -6px; padding-bottom: 8px; }
#container-column { background:url(../images/container-rpt.gif) repeat-y right 0; }
#col2 { 
	font-size: 11px; 
	width: 450px; 
	float: left; 
	color:#555;
}
#col2 .pad {
	padding:30px 45px 0 45px;
}
#col2 ul {
	padding:8px 40px 8px 50px;
	margin:0;
}
#arrows { background-image: url(../images/arrows.gif); height: 66px; }
#arrows-dealer { background: url(../images/arrows-dealer.gif) no-repeat; height: auto; }
#form-container { color: #555; background-color: #f6f6f6; background-image: url(../images/gradient-form.gif); background-repeat: repeat-x; position: relative; width: 427px; margin-left: 11px; padding-top: 18px; }
#form-end { background-image: url(../images/form-bg-end.gif); background-repeat: no-repeat; height: 10px; overflow: hidden; margin-left: 11px; }
#footer { background-image: url(../images/FooterBackground.gif); background-repeat: repeat-x; text-align: center; margin-top: 12px; margin-bottom: 4px; padding-top: 50px; }
#footer h6 { font-size: 11px; font-weight: normal; margin: 0; padding: 2px 0 0; border-top: 1px solid #336; }
.divider { background-image: url(../images/divider-rpt.gif); background-repeat: repeat-x; background-position: 0 center; height: 14px; overflow: hidden; margin-top: 6px; margin-bottom: 6px; }
form { margin: 0; padding: 0; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#paginate-slider1 { display: none; }

.contentslide .contentdiv{ color: #336; font-size: 11px; background-image: url(../images/diag.gif); margin-right: auto; margin-left: auto; padding: 12px; border-color: #c7c7c9; border-style: solid; border-width: 0 1px 1px; cursor: pointer; display: none; }

.pagination{ text-align: right; background-color: navy; border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px;
};border-color: navy;border-style: solid;

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
 /*IE6 width*/

}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}