@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	font-size:12px;
	background: #ffffff;
	/*background-image:url('/images/dropShadow.png');*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

td {
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	font-size:12px;
}
/*
a:link {color: #0A2F5C; font-weight: bold;text-decoration: none;}
a:visited {color: #0A2F5C; font-weight: bold;text-decoration: none;}
a:hover {color: #0A2F5C; font-weight: bold;text-decoration: underline;}
a:active {color: #0A2F5C; font-weight: bold;text-decoration: underline;}
*/
a:link {color: #0A2F5C; font-weight: bold;text-decoration: underline;}
a:active {color: #0A2F5C; font-weight: bold;text-decoration: underline;}
a:visited {color: #0A2F5C; font-weight: bold;text-decoration: underline;}
a:hover {color: #cc0000; font-weight: bold;text-decoration: underline;}


.formLabel {
	font: normal 12px Arial,Helvetica,Tahoma,sans-serif;
	color: #333333;
}

.formField {
	font: normal 11px Arial,Helvetica,Tahoma,sans-serif;
	color: #333333;
}
/*
h1{
	font-size: 160%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #333;
}*/

h1{
	font-size: 200%;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #BA0400;
}

h2{
	font-size: 140%;
	font-family: Arial;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #333;
}


h3 {
	font-size: 130%;
	font-family: Arial;
	font-weight: bold;
	color: #0A2F5C;
}

h4 {
	font-size: 120%;
	font-family: Arial;
	font-weight: bold;
	color: #0A2F5C;
}

h4 {
	font-size: 120%;
	font-family: Arial;
	font-weight: bold;
	color: #0A2F5C;
}

p {
	font-family: Verdana;
	font-weight: normal;
	font-size: 100%;
	margin-top:0;
	margin-bottom:8px;
}

/*

ul {
	margin-left:0;
	padding-left:1.5em;
	margin-top:0;
	margin-bottom:8px;
}

li {
	margin-top:0;
	margin-bottom:.25em;
}

*/


#nakedcontainer {
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px 0px 0px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container {
	width: 1010px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px 0px 0px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#logospace {
	background: #ffffff;
	margin: 0px 20px 0px 0px;
	padding: 0 5px;
/*	border: 1px solid #00CC00;*/
	/*border-bottom: 1px solid #369 */
/*	padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#cartspace {
	background: #ffffff;
	margin: 10px 20px 0px 0px;
	padding: 0 5px;
/*	border: 1px solid #00CC00;*/
	float: right;
}

#navspace {
	background: #ffffff;
	padding: 0 5px;
	margin: 0 20px;
/*	border: 1px solid #00CC00;*/
	/*border-bottom: 1px solid #369 */
/*	padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#searchspace {
	background: #9e0001; 
	height: 20px;
	padding: 10px;
	margin: 0 20px;
/*	border: 1px solid #00CC00;*/
/*	padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#promospace {
	/*background: #9e0001; */
	height: 45px;
	margin: 0 20px;
	background-image: url('/ccp/images/tread3.gif');
	background-repeat: repeat-x;
/*	border: 1px solid #00CC00;*/
	padding: 13px 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#promospace a { 
display: block; 
height: 100%; 
width: 100%; 
}

#crumbspace {
	padding: 3px 10px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left: 1px;
	border-right: 1px;
	border-bottom: 0px;
	border-top: 0px;
	border-style:solid;
	border-color:#666666;
	background: #FFFFFF;
	margin: 0 20px;
}

#crumbspace a {color: #333333; font-weight:normal;}

#contentspace {
	padding: 3px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-top: 0px;
	border-style:solid;
	border-color:#666666;
	background: #FFFFFF;
	margin: 0 20px;
}

#selectvehicleleft {
	margin: 0px;
	padding: 0px;
	float:left;
/*	border: 1px solid #00CC00;*/
	/*border-bottom: 1px solid #369 */
/*	padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#selectproductright {
	margin: 0px;
	padding: 0px;
	width: 500px;
/*	border: 1px solid #00CC00;*/
	float: right;
}


#footerspace {
	padding: 10px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0 20px;
	background:#ffffff;
}


/* Navigation tabs */

#navspace ul
{
margin-bottom: .2em;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#navspace ul li { display: inline; }

#navspace ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #000;
background-color: #ccc;
}

#navspace ul li a#active
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #9e0001;
}

#navspace ul li a:hover
{
color: #fff;
background-color: #9e0001;
}

.pricing{display:block}
.pricing *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dddddd}
.pricing1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#e5e5e5}
.pricing2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e3e3e3}
.pricing3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;}
.pricing4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.pricing5{
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5}
.pricingfg{
  background:#dddddd}
  
  .pricingfg{
  padding:8px;}