/* 10px = 77(%) */
/* 11px = 85(%) */
/* 13px = 100(%) */
/* 12px = 92.3(%) */
/* 14px = 108(%) */
/* 15px = 116(%) */
/* 16px = 131(%) */
/* 18px = 138.5(%) */
/* 20px = 153.9(%) */
/* 22px = 153.9(%) */
/* 24px = 182(%) */


* {
      margin: 0;
}

html {
      height: 100%;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	*font-size: small;
	*font: x-small;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #222;
	height: 100%;
	background-image: url(../images/t3_bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.interior {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	*font-size: small;
	*font: x-small;
	text-align: left;
	background-color: #fff;
	color: #222;
}

p {
	font-size: 108%;
	color: #444;
	font-weight: 100;
	padding: .5em .5em .5em .5em;
	letter-spacing: .5px;
	word-spacing: 1px;
	line-height: 1.35em;
}

p.indent {
	padding: 0 .5em .5em 2em;
	line-height: 1.25em;
	font-size: 100%
}

b {
	font-weight: 800;
}

h1 {
	font-size: 138.5%; 
	font-weight: 400;
	color: #5f1112;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 0 .10em 1.5em;
	border-width: 0 0 1px 0;
	border-color: #eee;
	border-style: solid;
	background-image: url(../images/accent.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.red {
      font-size: 153.9%;
      color: #880101;
      padding: 0 0 .75em 0;
      line-height: 1em;
}

h2 {
	font-size: 153.9%;
	color: #5f1112;
	text-align: left;
	padding: 0 0 .10em 0em;
}

h3 {
	font-size: 131%;
	color: #333;
	text-align: center;
}

h4 {
	font-size: 153.9%;  
	font-weight: normal; 
	color: #333;
	padding:  .25em .25em .5em 0;
}

h5 {
	font-size: 100%;
	padding: 0;
	color: orange;
}

/* for use in the contact form */
h6 {
	font-size: 153.9%;
	color: #333;
	padding: 0 0 .5em 0;
	text-align: left;
	padding: 0 0 .10em 0;
}

.special {
	padding: 0 3em .5em 2em;
}

ul {
	margin: 0 0 0 1em; 
	padding: .5em 0 .5em 1em;
}

li {
	font-size: 100%;
	list-style-type: none;
	padding: 0 0 .25em .1em; 
	margin: 0 0 0 1em; 
}

.list {
	font-size: 108%;
	list-style-type: disc;
	padding: 0 0 .25em .1em; 
	margin: 0 0 0 1em; 
}

blockquote {
	width: 98%;
	margin: auto;
	margin-bottom: .5em;
	font-size: 108%;
	color: #666;
	padding: 1em 1em 1em 1em;
	font-style: italic;
	font-weight: 600;
}

form {
      width: 98%;
}

.contact_input {
      width: 98%;
}

input {
     width: 8em;
     padding: .25em;
}

.submit {
	margin-left: 5em;
	width: 5em;
}

textarea {   
      padding: .25em;
      resize: none;
}

table {
	width: 100%;
	font-size: 131%;
	color: #444;
	margin: 0; 
	border-color: #f3f3f3;
	border-style:solid;
	border-width: 1px;
}

td {
	padding: .25em 0 .25em .75em;
	color: #5f1112;
}

th {
	font-weight: 600;
	text-align: center;
	font-size: 131%;
}

.super_nav {
	margin: auto;
	padding: 0 0 0 0;
	text-align: right;
	width: 73em;
	*width: 949px;
	height: 45px;
}

.super_logo {
      float: left;
      height: 2em;
      font-size: 131%;
}

.t3_container {
	margin: auto;
	margin-top: 0;
	margin-bottom: -12em;
	padding: 0;
	text-align: left;
	width: 73em;
	*width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.t3_container_interior {
	margin: auto;
	margin-top: 0;
	background-color: #fff;
	margin-bottom: -12em;
	padding: 0;
	text-align: left;
	width: 73em;
	*width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.t3_top_bar {
	width: 100%;
	height: 2.54em;
	*height: 33px;
	padding: 1em 0 0 0;
	margin: 0;
	background-color: transparent;
}

.top_banner {
	width: 100%;
	height: 14.3em;
	 *height: 186px;
	padding: 0 ;
	margin: .95em 0 0 0;
	background-image: url(../images/t3_banner_v3.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}

.interior_banner {
      height: 1.5em;
}

.logo {
	height:5em;
	*height: 65px;
	width: 35%;
	float: left;
	margin: 0;
	padding: 1em 0 0 0 ;
}

.store_cat_nav {
	height:8em;
	*height: 65px;
	margin: 1em 0 0 0;
	padding: 0;
	background-image: url(../images/cat_nav.png); 
	background-repeat: no-repeat;
	background-position: top left;
}

.store_logo {
	width: 20em;
	float: left;
	margin: 0;
	padding: 0 ;
}

.store_logo p {
      font-size: 400%;
      line-height: 1em;
      margin: 0;
}

.category_nav {
	float: right;
	width: 70%;
	padding: 0;
	margin: 1em 0 0 0;
	background-color: ;
	text-align: center;
}

.cart {
      float: right;
      width: 50%;
      margin: 0 0 1em 0;
      padding: 0;
      font-size: 116%;
      text-align: center;
}

.additional_images {
      float: left;
      width: 45%;
      margin: 0 0 0 0;
      padding:0;
      font-size: 100%;
      text-align: center;
}

p.cart_title {
      color: #002038;
      text-align: center;
}

p.cart_price {
      padding: 0;
      color: #002038;
      text-align: center;
      font-size: 131%;
}

p.cart_shipping {
      padding: 0;
      color: #910000;
      font-size: 85%;
      text-align: center;
}

.price {
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}

.content {
	float: right;
	width: 67%;
	padding: 1em 1em 1em 0;
	margin: 0;
}

.left_column {
	width: 30%;
	float: left;
	padding: 0;
	border-color: #eaeaea;
	border-width: 0 1px 0 0;
	border-style: solid;
	margin-top: 1em;
	margin-right: 0;
	margin-left: 0;
	min-height: 45em;
	height: auto !important;
	height: 100%;
}

.left_prod_nav {
      margin: 0 .5em 0 .25em;
}

.content_row {
	margin: 1em 0 0 0;
	padding: .5em 0 .5em 0;
}

.title_row {
	margin: 0 0 1em 0;
	padding: .5em 0 .5em 0;
}

.will_it_fit {
      width: 20%;
      float: right;
}

.forty_left {
	width: 33%;
	float: left;
	padding: .10em 0 .25em 0;
	margin: 0;
}

.sixty_right {
	width: 65%;
	float: right;
	padding: .10em 0 .25em 0;
	margin: 0;
}

.half_left {
	width: 49%;
	float: left;
	padding: .10em 0 .25em 0;
	margin: 0;
}

.half_right {
	width: 49%;
	float: right;
	padding: .10em 0 .25em 0;
	margin: 0;
}

.two_thirds_right {
	float: right;
	width: 66%;
	padding: 0 .25em .25em 0;
	margin: 0;
}

.one_third_left {
	width: 33%;
	float: left;
	padding: .10em 0 .25em 0;
	margin: 0;
}

.one_third_mid {
	width: 33%;
	float: left;
	padding: .10em  0em .25em 0;
	margin: 0;
}

.one_third_right {
	width: 33%;
	float: right;
	padding: 0 0 .25em 0;
	margin: 0;
}

.two_thirds_left {
	float: left;
	width: 66%;
	padding: 0 .25em .25em 0;
	margin: 0;
}

.two_thirds_right {
	float: right;
	width: 66%;
	padding: 0 .25em .25em 0;
	margin: 0;
}

.wheelsDb li{
      font-size: 131%;
      text-align: center;
}

.bold {
      width: 50%;
      font-weight: 800;
      text-align: right;
      color: #444;
}

.odd {
      background-color: #f7f7f7;
}

.add_info {
	visibility: hidden;
	width: 1px;
}

.footer_cap_row {
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
	padding: 3em 0 1em 0;
	font-size: 100%;
	color: #444;
	background-image: url(../images/footer_cap.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.footer_cap_row p {
      color: #666;
      font-style: italic;
      padding: .75em 3em 0em 2em;
}

.footer_cap_row h1 {
      font-size: 131%;
      text-align: left;
      color: #888;
      padding: 0 0 0 1.5em;
      text-transform: uppercase;
      border-width: 0;
}

.attribution {
      text-align: left;
      font-style: normal;
      padding: 0 0 1em 2em;
      text-transform: uppercase;
      font-size: 100%;
      font-weight: 800;
      letter-spacing: 1px;
}

.footer_site_wide {
	margin: auto;
	height:  12em;
	*height:  156px;
	width: 100%;
	text-align: center;
	padding: 0 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	clear: both;  
}

.credits {
	margin: auto;
	height:  3em;
	*height:  36px;
	width: 100%;
	color: #666;
	font-size: 108%;
	text-align: center;
	padding: 1em 0 0 0;
}

.img { 
	padding: 1em 1em 1em 3em;
}

.img_center {
	display: block;
	margin: auto;
	width: 65%;
	padding: 0 1em 1em 0em;
}

.img_left {
	float: left;
	width: 99%;
	padding: 0 1em 1em 0;
}

.img_right {
	float: right;
	padding: 0 0 0 0;
}

/* for the product  image  */
.product {
	float: left;
	padding: 0 1em 1em 0;
}

.add_this {
	float: right;
	width: 50%;
	padding: 3em 0 0 0;
}

.right {
	text-align: right;
}

.center {
      text-align: center;
      font-size: 131%;
      color: orange;
}

.push {
	clear: both;
	height:  12em;
	*height:  156px;
}

.clear {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
}