/* ==== Rates Ford Parts ==== */

/* ==== common ==== */
body, html { 
margin: 0; 
padding: 0; 
background: #FFF url(../images/bg-blue-test.jpg) repeat-x;
font: 11px Arial, Helvetica, sans-serif; color: #000; } 

* html #pages {
height: 100%;}

#pages { 
width: 758px; 
margin: 10px auto 0 auto; 
padding: 6px; 
background-color: #fff;
border: 1px solid #d9d9d9; }

/* ==== content ==== */
.clear { clear:both; height:1px; overflow:hidden; }

p {
margin: 0;
padding: 6px 0 6px 0;
line-height: 1.7em;}
#content {
clear: both;
width: 734px;
margin: 1px auto 20px auto;
padding: 24px 0 20px 0; 
background-color: #FFF;
border-top: 3px solid #ff9900;  }
#left {
float: left;
width: 290px; 
margin: 0; 
padding: 0;
background-color: #FFF; }
#left img.map {
float: right;
margin: 20px 12px 0 0;
padding: 0 }
#left img.photos {
float: left;
margin: 0 10px 0 0;
padding: 0; }
#left ul {
margin: 12px 0 0 25px; 
padding: 3px 0;
list-style-type: none; }
#left ul li {
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .35em;
padding-left: 1em;
color: #082b12;
padding: 0 0 7px 15px; }
#right {
float: right;
width: 434px; 
margin: 0; 
padding: 0;
background-color: #FFF; }
#right p {
margin: 0;
line-height: 1.7em; }
#right img.staff {
float: right;
padding: 0 10px 0 0 }
#full {
float: left;
width: 700px; 
margin: 0; 
padding: 0;
background-color: #FFF; }
#full ul {
margin: 12px 0 0 25px; 
padding: 3px 0;
list-style-type: none; }
#full ul li {
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .35em;
padding-left: 1em;
color: #082b12;
padding: 0 0 7px 15px; }

/* ==== offers ==== */
#offers  {
margin: 20px 0 0 0;
padding: 0 }

.offer1 {
float: left;
margin: 0;
padding: 0 }

.offer2 {
float: right;
margin: 0;
padding: 0 }

a {
color: #0066cc;
text-decoration: none; }
a:hover {
color: #ff9900;
text-decoration: underline; }

h1 {
font: normal 18px/16px Arial, Helvetica, sans-serif; color: #0083ca;
margin: 0 0 10px 0;  }
h2 {
font: normal 18px/16px Arial, Helvetica, sans-serif; color: #0083ca;
margin: 26px 0 9px 0;
text-transform: uppercase; }
h3 {
font: bold 18px/16px Tahoma, Arial, Helvetica, sans-serif; color: #0C4B86;
margin: 5px 0 10px 0;
letter-spacing: -1px; }
h4 {
font: bold 18px/16px Tahoma, Arial, Helvetica, sans-serif; color: #0C4B86;
margin: 5px 0 10px 0;
letter-spacing: -1px; }
h5 {
font: bold 16px/14px Helvetica Tahoma, Arial, sans-serif; color: #00;
margin: 5px 0 10px 0;
line-height: 1.2em; }
h6 {
font: 16px/14px Helvetica Tahoma, Arial, sans-serif; color: #00;
margin: 5px 0 10px 0;
line-height: 1.2em; }


/* ==== header ==== */
#header {
height: 62px;
margin: 0;
padding: 12px 12px 0 12px;
background-color: #FFF; }
#headerleft {
float: left;
width: 302px;
margin: 0;
padding: 0; }
#headerright {
float: right;
width: 155px;
margin: 0;
padding: 0; }
#header img {
border: 0; }


/* ==== menu / navigation ==== */
#navcontainer {
width: 734px;
height: 18px;
background-color: #ebebeb;
margin: 0 auto;
padding: 1px 0 1px 0;
font: bold 9px Tahoma, Arial, Helvetica, sans-serif; }
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;}
#nav li {
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #FFF }
#nav a {
color: #757575;
text-decoration: none;
display: block;
margin: 0;
padding: 5px 18px 5px 18px;}
#nav a:hover {
color: #ff9900;
text-decoration: none;
background: #0066cc; }

/* ==== footer ==== */
#footercontainer {
margin: 0 0 0 12px;
padding: 0;
height: 21px;
width: 734px;
text-align: center;
color: #8099cc;
background-color: #003399;}
#footercontainer p {
margin: 0;
padding: 1px 0 0 0; }
#footercontainer a {
color: #8099cc; text-decoration:none; }
#footercontainer a:hover {
color: #FFF; text-decoration:underline; }

/* ==== terms ==== */
#terms {
padding: 2px 0 0 0;
font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; color: #000; 
background-color: #FFF; }
#terms p {
margin: 0 5px 10px 6px; }
#terms h2 {
font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; color: #000; 
margin: 0 0 2px 6px; }
#terms a {
color: #0066cc; text-decoration: underline; font-weight: bold; }
#terms a:hover {
color: #ff9900;
text-decoration: underline; }

/* ==== contact form ==== */
#contact  {
float: right;
width: 380px; 
height: 265px;
background: #f4f1f1;
margin: 30px 0 0 0;
padding: 10px;
font: bold 11px/16px Tahoma, Arial, Helvetica, sans-serif; color: #ff9900; }
#contact form {
margin: 10px 10px;
padding: 0; }
#contact td {
margin: 10px 0 10px 0;
padding: 3px 0 3px 0; }
#contact p {
margin: 0 0 10px 0;
padding: 0; }
.btnSubmit {
width: 50px;
margin: 0;
padding: 0 ;
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000; }
textarea {
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
height: 45px; }
input {
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 220px; }
select {
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 226px;}



/* ==== images only ==== */
img {
margin: 0; padding: 0; }