/**************************************
*
* Author........:  Charles Cho
* Website.......:  http://motoguys.com
* Last Revised..:  October 9, 2006
*
**************************************/



/**************************************
*
* Layout Settings
*
**************************************/

body {
margin: 30px 12px;
padding: 0;
background: #111 url(/images/design/bg.jpg) fixed;
font-family: "trebuchet ms", sans-serif;
font-size: 13px;
line-height: 19px;
}

#container {
margin: 0px auto;
padding: 0;
border: solid #fff;
border-width: 8px 8px 0 8px;
width: 730px;
background: #fff;
}

#headerContainer {
margin: 0;
padding: 5px 6px;
background: #ffffcc url(/images/design/header-bg.jpg) top no-repeat;
min-height: 108px;
height: auto !important;
height: 108px;
}

#navigationContainer {
}

.splashContainer {
margin: 0 0 8px 0;
padding: 0;
width: 730px;
background: url(/images/engine_control_unit_480x239.jpg) top right repeat-y;
}

.splash {
margin: 0;
padding: 0;
width: auto;
float: right;
}

#subHeaderContainer {
margin: 0;
padding: 0 6px;
}

#contentContainer {
margin: 0;
padding: 20px 0 20px 0;
width: 730px;
min-height: 150px;
height: auto !important;
height: 150px;
}

#content {
margin: 0;
padding: 5px 6px;
width: 418px;
_width: 430px;
float: none;
}

#module {
margin: 0;
padding: 5px 6px 5px 14px;
border-left: solid 1px #a8b090;
width: 214px;
_width: 235px;
float: right;
}

#footerHr {
margin: 0;
padding: 0;
height: 1px;
background: url(/images/design/hrf.jpg) repeat-x;
font-size: 1px;
}

#footer {
margin: 0;
padding: 0;
}

#footer p {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 17px;
}

/**************************************
*
*Navigation Settings
*
**************************************/

#navigation {
margin: 0;
padding: 0;
list-style: none;
background: url(/images/nav/nav-bg.jpg) repeat-x;
background-position: 0 0;
float: left;
width: 728px;
max-width: 728px;
border: solid #a8b090;
border-width: 1px;
}

#navigation li {
margin: 0;
padding: 0;
display: inline;
}

#navigation a:link, #navigation a:visited {
margin: 0;
padding: .6em .6em;
border: solid #99cc33;
border-width: 0 1px 0 0;
background: url(/nav/nav-bg.jpg) repeat-x;
background-position: 0 0;
text-decoration: none;
float: left;
width: auto;
color: #008000;
}

#navigation a:hover, #navigation a:active {
background: url(/images/nav/nav-bg.jpg) repeat-x;
background-position: 0 -150px;
color: #006400;
}

/**************************************
*
* Anchor Settings
*
**************************************/

a:link, a:visited, a:active {
color: #008000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/**************************************
*
* Blockquote Settings
*
**************************************/

blockquote {
margin: 0;
padding: 0 0 0 45px;
background: url(/images/design/open-quotation-mark.jpg) top left no-repeat;
}

/**************************************
*
* Definition List Settings
*
**************************************/

#compareAndSave {
margin: 0;
padding: 0;
width: 470px;
}

#compareAndSave dt {
margin: 0;
padding: 0;
width: 319px;
float: left;
}

#compareAndSave dd {
margin: 0;
padding: 0;
width: 151px;
text-align: right;
float: right;
}

/**************************************
*
* Header Settings
*
**************************************/

h2 {
margin: 0 0 13px 0;
padding: 0;
font-size: 19px;
line-height: 24px;
letter-spacing: -1px;
}

h3 {
margin: 0 0 2px 0;
padding: 0;
font-size: 13px;
}

h4 {
margin: 0 0 1px 0;
padding: 0;
font-size: 13px;
line-height: 19px;
}

.columnHead {
margin: 0;
padding: 0;
color: green;
}

.faqQ {
color: #990000;
}

.greenText {
color: #393;
}

.moduleHeader {
margin: 0 0 1px 0;
padding: 0;
}

.non-visual {
position: absolute;
left: -9999px;
}

.redText {
color: #900;
}

.symptoms {
color: #990000;
}

/**************************************
*
* Image Settings
*
**************************************/

.noMargin {
margin: 0;
padding: 0;
}

.noPadding {
padding: 0;
}

img {
border: 0;
display: block;
}

.imageMarginBottom {
margin: 13px auto;
padding: 0;
}

.imageCaption {
font-size: 12px;
font-style: italic;
}

/**************************************
*
* List Settings
*
**************************************/

ol {
margin: 0;
padding: 0 0 13px 39px;
}

ul {
margin: 0;
padding: 0 0 13px 39px;
}

/**************************************
*
* Paragraph Settings
*
**************************************/

p {
margin: 0;
padding: 0 0 13px 0;
line-height: 19px;
}

.testimonial {
margin: 0;
padding: 0;
}

.author {
margin: 0;
padding: 0 0 13px 0;
text-align: right;
}

/**************************************
*
* threeColumn Head Settings
*
**************************************/

ol#shippingOptions {
margin: 0;
padding: 0;
list-style-position: inside;
}

#shippingOptions ol li {
}

.threeColumnHeadContainer {
margin: 0;
padding: 0;
background: url(/images/design/three-column-head-bg.jpg) bottom no-repeat;
}

.threeColumnHeadFloat {
margin: 0 0 0 8px;
padding: 5px 6px;
border: solid #99cc00;
border-width: 1px 1px 0 1px;
width: 224px;
float: right;
display: inline;
}

.threeColumnHeadFixed {
margin: 0;
padding: 5px 6px;
border: solid #99cc00;
border-width: 1px 1px 0 1px;
width: 224px;
float: none;
}

/**************************************
*
* threeColumn Description Settings
*
**************************************/

.threeColumnDescriptionContainer {
margin: 0;
padding: 0;
}

.threeColumnDescriptionFloat {
margin: 0 0 0 8px;
padding: 5px 6px;
width: 226px;
float: right;
display: inline;
}

.threeColumnDescriptionFixed {
margin: 0;
padding: 5px 6px;
width: 226px;
float: none;
}

/**************************************
*
* twoColumn Head Settings
*
**************************************/

.twoColumnHeadContainer {
margin: 0;
padding: 0;
background: url(/images/design/two-column-head-bg.jpg) no-repeat bottom;
}

.twoColumnHeadFloat {
margin: 0 0 0 8px;
padding: 5px 6px;
border: solid #99cc00;
border-width: 1px 1px 0 1px;
width: 224px;
float: right;
display: inline;
}

.twoColumnHeadFixed {
margin: 0;
padding: 5px 6px;
border: solid #99cc00;
border-width: 1px 1px 0 1px;
width: 470px;
float: none;
}

/**************************************
*
* twoColumn Description Settings
*
**************************************/

.twoColumnDescriptionContainer {
margin: 0;
padding: 0;
}

.twoColumnDescriptionFloat {
margin: 0 0 0 8px;
padding: 5px 6px;
width: 224px;
float: right;
display: inline;
}

.twoColumnDescriptionFixed {
margin: 0;
padding: 5px 6px;
width: 470px;
float: none;
}

/**************************************
*
* Part Finder Settings
*
**************************************/

form {
margin: 0 0 13px 0;
padding: 0;
}

select {
width: 234px;
font-family: "trebuchet ms", sans-serif;
}

label {
margin: 0;
padding: 3px 10px 3px 0px;
width: 160px;
text-align: right;
display: block;
float: left;
}

/**************************************
*
* Part Summary Settings
*
**************************************/

#partSummary {
margin: 0;
padding: 5px 6px;
border: solid 1px #000;
}

.summary {
font-size: 13px;
line-height: 16px;
}

.ecuPriority {
margin: 0;
padding: 0;
width: 203px;
background: #eee;
float: left;
}

.ecuExpress {
margin: 0 0 0 8px;
padding: 0;
width: 203px;
background: #eee;
float: right;
}

table.order-confirmation {
margin: 0 0 13px 0;
padding: 0;
width: 418px;
border: solid #000;
border-width: 1px;
border-collapse: collapse;
}

table.order-confirmation th {
padding: 5px 4px;
text-align: left;
background: #99cc33;
}

table.order-confirmation tr td {
padding: 3px 4px;
background: #fff;
}

table.order-confirmation tr.odd td {
background: #eee;
}

table.order-confirmation tr td.left {
width: 250px;
}

/**************************************
*
* Miscellaneous Settings
*
**************************************/

.borderBottom {
border: solid #fff;
border-width: 0 0 8px 0;
}

.clearAll {
clear: both;
}

/**************************************
*
* IPSTAT Settings
*
**************************************/

#ipstatHack {
display: none;
}

/**************************************
*
* End of File
*
**************************************/