/* Copyright 2006 Mace Engine Reconditioners. All Rights Reserved.
------------------------------------------------------
General Elements
Page Structure
Online Dating
Typography
Images
Navigation
Links
Footer
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html { 
padding: 0;
margin: 0;
}
body {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #555;
background: #fff url(Images/bg.gif) top left repeat-x;
text-align: left;
margin: 0;
padding: 0;
}
body#print table {
font: normal 12px/18px Arial, Helvetica, sans-serif;
}
body#body {
text-align: center;
}
/* PAGE STRUCTURE */
#wrap {
width: 100%; 
margin: 0;
padding: 0;
}
#content {
width: 677px;
margin: 0 auto;
padding: 0 1px;
background: #fff; 
text-align: left;
}
#header {
margin: 1px 0;
padding: 0;
background: url(Images/headerbg.jpg) top left no-repeat;
height: 222px;
width: 677px;
float: left;
}
#copy {
width: 677px;
margin: 0;
padding: 0 0 20px 0;
float: left;
background: url(Images/copybg.gif) top left repeat-y;
}
#right {
width: 493px;
margin: 0;
padding: 0;
float: right;
}
#left {
width: 184px;
margin: 0;
padding: 0;
float: left;
background: #296BA7;
}
.colleft {
float: left;
margin: 0;
padding: 0;
width: 50%;
}
.colright{
float: right;
margin: 0;
padding: 0;
width: 49%;
}
/*TYPOGRAPHY */
table {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #555;
vertical-align: top;
}
table p {
padding: 8px 0;
}
p {
margin: 0; 
padding: 8px 20px; 
}
h1 { 
font: bold 14px/20px Arial, Helvetica, sans-serif;
margin: 16px 20px; 
padding: 0;
color: #333;
}
h2 { 
font: bold 12px/20px Arial, Helvetica, sans-serif;
margin: 8px 20px; 
padding: 0;
color: #000;
}
.featuredproduct h2 {
margin: 8px 20px 0 20px;
} 
h3 { 
font: bold 11px/20px Arial, Helvetica, sans-serif;
margin: 16px 20px; 
padding: 0;
color: #000;
}
.intro {
color: #8a8a8a;
font-weight: bold;
}
ul#callstoaction {
width: 184px;
padding: 0;
margin: 0;
list-style: none;
float: left;
}
ul#callstoaction li {
padding: 0;
margin: 0;
height: 81px;
width: 184px;
float: left;
background: none;
border-bottom: 1px solid #fff;
}
#callstoaction a {
float: left;
padding: 0;
margin: 0;
}
#callstoaction .contact {
border: 0;
}
ul {
list-style: none;
padding: 8px 20px;
margin: 0;
}
li {
background: url(Images/listli.gif) top left no-repeat;
padding: 0 20px;
margin: 0;
}
dl.companycontact {
padding: 8px 20px;
margin: 0;
}
dl.personalcontact {
margin: 8px 0 8px 20px;
padding: 0;
width: 144px;
float: left;
display: inline;
}
.companycontact img {
float: left;
margin-right: 10px;
display: inline;
}
dl img {
border: 1px solid #ccc;
padding: 1px;
}
dd, dt {
padding: 0;
margin: 0;
}
.bluetext {
color: #2D639F;
}
/* IMAGES */
.featuredproduct {
float: left;
background: #D8D8D8;
padding: 0;
margin: 8px 20px 16px 20px;
display: inline;
}
#slideshow {
border: 1px solid #fff;
margin: 5px;
padding: 5px;
float: left;
display: inline;
}
.lg {
padding: 1px;
border: 1px solid #D8D8D8;
margin: 0 0 0 20px;
}
/* NAVIGATION  */
#nav table {
margin: 18px 0 0 0;
padding: 0;
width: 146px;
float: left;
display: inline;
line-height: 18px;
}
#nav td {
margin: 0;
padding: 0;
width: 184px;
}
#nav a {
color: #fff;
margin: 0;
text-decoration: none;
display: block;
padding: 6px 15px 6px 35px;
width: 134px;
font-size: 11px;
background: url(Images/arrow.gif) 10% 50% no-repeat;
}
#nav a:hover, #nav td.current a {
background: #3E81BC url(Images/arrowhov.gif) 10% 50% no-repeat;
}
#globalnav {
width: 100%;
background: #f4f4f4;
float: left;
margin: 10px 0 0 0;
padding: 0;
text-align: center;
clear: both;
}
#globalnav div {
margin: 0 auto;
width: 677px;
padding: 0;
}
#globalnav ul {
margin: 0 0 0 5px;
padding: 5px 0;
list-style: none;
font: normal 11px/13px Arial, Helvetica, "Trebuchet MS", sans-serif;
float: left;
display: inline;
}
#globalnav li {
margin: 0;
padding: 5px 20px 5px 0;
display: inline;
float: left;
background: none;
}
#globalnav li a {
color: #969696;
text-decoration: none;
}
#globalnav li a:hover {
color: #000;
}
/* LINKS */
#viewmore img {
width: 101px;
height: 7px;
float: right;
margin: 8px 20px;
border: 0;
}
.featuredproduct a {
color: #2C639F;
}
#callstoaction {
padding :0;
margin: 0;
}
.logo {
float: left;
padding: 0;
margin: 0;
background: url(Images/logo.gif) top left no-repeat;
height: 130px;
width: 171px;
}
a {
color: #2C639F;
text-decoration: underline;
padding: 0;
margin: 0;
}
a:hover {
color: #000;
text-decoration: none;
}
a img {
border: 0;
}
/* FOOTER */
#footer {
clear: both;
width: 677px;
font: normal 11px/17px Arial, Helvetica, "Trebuchet MS", sans-serif;
padding: 0;
margin: 0;
text-align: center;
}
#footer p {
width: 483px;
padding: 8px 0;
margin: 0 0 0 184px;
}
#footer ul li.credits {
width: 184px;
height: 19px;
background: #fff;
padding: 4px 0 0 0;
margin: 0;
color: #969696;
float: left;
text-align: center;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
width: 677px;
height: 23px;
background: #2C639F url(Images/footercorner.gif) top right no-repeat;
}
#footer li {
margin: 0;
padding: 0 5px 0 10px;
display: inline;
float: left;
color: #fff;
background: none;
}
#footer li a {
float: left;
}
/* FORMS */
.EmailFormContainer, #subscribe {
margin: 8px 20px;
}