/* ----- CSS ----- */

*{
margin: 0px; 
padding: 0px;
}

html{
height: 100%;
}

body{
margin: 0px;
padding: 0px;
background-color: #333333;
text-align: center;
font-size: 62.5%;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
color: #000000;
overflow-x: hidden;
}

h1{
margin: 0px 0px 10px 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 1.6em;
line-height: 18px;
font-weight: bold;
color: #970F00;
}

h2{
margin: 0px 0px 10px 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 1.4em;
line-height: 18px;
font-style: italic;
font-weight: normal;
color: #333333;
}

h3{
margin: 0px 0px 5px 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
line-height: 18px;
font-style: normal;
font-weight: bold;
color: #666666;
}

p{
margin: 0px 0px 20px 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
line-height: 18px;
color: #000000;
}

p a{
color: #970F00;
text-decoration: none;
border-bottom: 1px dotted #970F00;
}

p a:hover{
color: #FF0000;
border-bottom: 1px dotted #FF0000;
}

p img{
vertical-align: middle;
}

.clearboth{
clear: both;
}

a img{
border: 0px;
text-decoration: none;
}

hr{
width: 100%;
height: 1px;
margin: 15px 0px 15px 0px;
padding: 0px;
border: 0px;
background-color: #999;
color: #999;
}

/* ----- HEADER ----- */

#headerblock{
margin: 0px;
padding: 0px;
width: 100%;
background: url(../images/header_bg.gif) top repeat-x;
background-color: #000000;
}

#header{
margin: 0px auto 0px auto;
padding: 0px 10px 0px 10px;
width: 755px;
height: 120px;
background: url(../images/header_bg.gif) top repeat-x;
background-color: transparent;
text-align: left;
}

#header-logo{
float: left;
margin: 0px;
padding: 19px 0px 0px 0px;
width: 260px;
height: 101px;
}

#header-tag{
float: right;
margin: 0px;
padding: 35px 0px 0px 0px;
width: 370px;
height: 85px;
}

/* ----- NAVIGATION ----- */

#navblock{
margin: 0px;
padding: 0px;
width: 100%;
background: url(../images/nav_bg.gif) top repeat-x;
background-color: #000000;
}

#nav{
margin: 0px auto 0px auto;
padding: 0px;
width: 775px;
height: 40px;
background: url(../images/nav_bg.gif) top repeat-x;
background-color: transparent;
}

#nav ul{
margin: 0px;
padding: 12px 0px 0px 0px;
width: 775px;
height: 28px;
}

#nav li{
display: inline;
margin: 0px 7px 0px 7px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#nav li a{
font-family: Verdana, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #FFFF3E;
text-decoration: none;
}

#nav li a:hover{
color: #FFFFFF;
}

/* ----- MID ----- */

#midblock{
margin: 0px;
padding: 0px;
width: 100%;
background: url(../images/mid_bg.gif) top repeat-x;
background-color: #FFFFFF;
text-align: center;
}

#mid{
margin: 0px auto 0px auto;
padding: 0px;
width: 1100px;
height: 160px;
background: url(../images/quickchange_mid_ad.jpg) center top no-repeat;
background-color: #FFFFFF;
text-align: center;
}

#mid-link{
float: right;
margin: 85px 195px 0px 0px;
padding: 0px;
width: 130px;
height: 30px;
}

#mid-link a img{
border: 2px solid #CCCCCC;
}

#mid-link a:hover img{
border: 2px solid #FFFF3E;
}

/* ----- CONTENT ----- */

#contentblock{
margin: 0px;
padding: 0px;
width: 100%;
background: url(../images/content_bg.gif) top repeat-x;
background-color: #FFFFFF;
}

#content{
margin: 0px auto 0px auto;
padding: 20px;
width: 735px;
background: url(../images/content_bg.gif) top repeat-x;
background-color: #FFFFFF;
text-align: left;
}

#content-left{
float: left;
margin: 0px;
padding: 0px 27px 0px 0px;
width: 380px;
border-right: 1px solid #999999;
}

#content-right{
float: right;
margin: 0px;
padding: 0px;
width: 290px;
}

#content-right hr{
margin: 0px 0px 15px 0px;
padding: 0px;
width: 100%;
color: #999;
background-color: #999;
height: 1px;
border: 0px;
}

#content-right img.frame{
border: 1px solid #CCCCCC;
}

#photo-gallery{
margin: 0px;
padding: 0px;
}

#photo-gallery td{
float: left;
margin: 0px 13px 10px 0px;
padding: 3px;
width: 160px;
font-size: 1.1em;
text-align: center;
border: 1px solid #CCC;
background-color: #FFF;
}

#content ul{
margin: 0px 0px 15px 0px;
padding: 0px;
}

#content li{
margin: 0px 0px 0px 15px;
padding: 0px;
font-size: 1.2em;
line-height: 18px;
}

#content img.float-right{
float: right;
margin: 0px 45px 20px 20px;
border: 1px solid #CCC;
}

.qc-option{
float: left;
margin: 0px;
padding: 0px;
width: 238px;
}

.qc-option img{
padding: 4px;
background-color: #FFF;
border: 1px solid #CCC;
}

.frame{
border: 1px solid #CCCCCC;
}

#hints{
margin: 0px;
padding: 0px;
width: 100%;
}

.whats-new-listing{
margin: 0px 0px 12px 0px;
padding: 0px;
width: 280px;
height: 130px;
}

.whats_new_image{
float: left;
margin: 0px 10px 10px 0px;
padding: 0px;
width: 125px;
height: 125px;
border: 1px solid #CCC;
}

.product-listing{
margin: 0px 0px 10px 0px;
padding: 0px;
width: 700px;
height: 130px;
}

.product-image{
float: left;
margin: 0px 10px 10px 0px;
padding: 0px;
width: 125px;
height: 125px;
border: 1px solid #CCC;
}


/* ----- TABLE CHARTS ----- */

#car-chart, #book-chart{
margin: 0px;
padding: 0px;
background-color: #FFF;
border: 1px solid #CCC;
}

#car-chart td, #book-chart td{
margin: 0px;
padding: 5px;
background-color: #FFF;
border: 1px solid #CCC;
}

/* ----- FOOTER ----- */

#footerblock{
margin: 0px;
padding: 0px;
width: 100%;
background: url(../images/footer_bg.gif) top left repeat-x;
background-color: #333333;
}

#footer{
margin: 0px auto 0px auto;
padding: 15px 10px 15px 10px;
width: 755px;
background: url(../images/footer_bg.gif) top left repeat-x;
background-color: #333333;
text-align: left;
}

#footer-left{
float: left;
margin: 0px;
padding: 0px;
}

#footer-right{
float: right;
margin: 0px;
padding: 0px;
}

#footer-left p, #footer-right p{
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
font-weight: normal;
color: #FFFFFF;
}