body
{
   font-size: small;
   font-family: Arial, Verdana, Sans-Serif;
   color: #333;
   margin: 0px;
}

div#page
{
   text-align: center;
}

div#content
{
   margin-left: auto;
   margin-right: auto;
   width: 980px;
   text-align: left;
}

div#body
{
   min-height: 350px;
}

h1
{
   font-size: 180%;
   color: #32375E;
   margin: 10px 0px 10px 0px;
}

h2
{
   font-size: 160%;
   color: #32375E;
   margin: 10px 0px 10px 0px;
}

h3
{
   font-size: 140%;
   color: #32375E;
   margin: 10px 0px 10px 0px;
}

h4
{
   font-size: 120%;
   color: #32375E;
   margin: 10px 0px 10px 0px;
}

a:link, a:visited, a:active
{
   font-family: Arial;
   font-size: 12px;
   color: #2B3366;
}

a:hover
{
   text-decoration: none;
}

/* Status and Error Messages */
.defaultError
{
   color: Red !important;
}

div.statusError
{
   background: #E6EBEE url('images/icoImportant.gif') no-repeat left;
   border: dashed 1px #ccc;
   padding: 10px 5px 10px 45px;
   margin: 5px 0px 5px 0px;
}

h3.statusErrorHeader
{
}

div.statusConfirmation
{
   background: #E6EBEE url('images/icoImportant.gif') no-repeat left;
   border: dashed 1px #ccc;
   padding: 10px 5px 10px 45px;
   margin: 5px 0px 5px 0px;
}

h3.statusConfirmationHeader
{
}

/* End Status and Error Messages */

/* Structural Divs */

div.outterCenter
{
   text-align: center;
}

div.innerCenter
{
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}


/* End Structural Divs */

/* General cases */

div.fieldSpacer
{
   line-height: 2;
}

.lblField
{
   font-weight: bold;
   color: #2A3366;
}

a.hlField
{
   font-weight: bold;
   color: #2A3366;
   text-decoration: underline;
}

div.engineMechanicalDiagram
{
   background: #CAD5DC;
   color: #32375E;
   font-weight: bold;
   padding: 5px;
   text-align: center;
}

/* End General cases */

/* Call Out Box */

div.callOut
{
   padding: 10px 15px 10px 15px;
   background-color: #EEEFF1;
   border: solid 1px #DCDFE2;
   border-bottom: solid 8px #2C3367;
   margin: 10px 0px 15px 0px;
}

div.callOut table
{
   border-collapse: collapse;
   width: 100%;
   margin-bottom: 15px;
}

div.callOut table td.hr, div.hr
{
   border-bottom: solid 1px #B40C23;
   margin-bottom: 5px;
}

div.callOut .title, div.title
{
   color: #2b3366;
   font-size: 12pt;
   font-weight: bold;
   padding: 3px;
}

div.callOut .requiredFields
{
   text-align: right;
   padding: 3px;
}

div.callOut div.buttons
{
   margin-left: 150px;
   margin-top: 15px;
}

div.callOut td.subRow
{
   padding: 5px;
   background-color: #ffffff;
   border-bottom: dashed 1px #333;
   border-top: dashed 1px #333;  
}

a.closeButton, a.closeButton:visited,
a.closeButton:active, a.closeButton:hover
{
   padding: 3px;
   margin: 2px;
   font-weight: bold;
   text-decoration: underline;
   cursor: pointer;
}

/* End Call Out Box */

/* Special cases */

/* Parts Results Page */

.searchTerm
{
   color: #BC263A;
   font-weight: bold;
   font-size: 90%;
}

.searchTermValue
{
   color: #3B4347;
}

div.partResultsDiagram
{
}

div.partResultsArea
{
}

tr.highlightedPartResult td
{
   border-top: solid 4px #B40C23;
   border-bottom: solid 4px #B40C23;
   color: #2B3366;
   font-weight: normal;
   vertical-align: top;
}

tr.highlightedPartResult a
{
   color: #2B3366;
   font-weight: bold;
}

/* End Parts Results Page */

/* Part Detail Page */

div.partDetailContainer
{
   border: solid 1px #777;
   margin: 15px;
}

.partsQuestions
{
   float: right;
   padding: 5px 10px 5px 10px;
   border: solid 1px #777;
   border-top: none;
   border-right: none;
}

td.partDetailImage
{
   vertical-align: top;
   padding-bottom: 15px;
}

td.partDetailImage div.imageBox
{
   border: solid 1px #777;
   padding: 5px;
}

td.partDetailArea
{
   vertical-align: top;
   padding-left: 20px;
}

td.partDetailArea P
{
   line-height:normal;
}

.detailImageZoom
{
   background-color: #ffffff;
   padding: 5px;
   border: solid 1px #ccc;  
}

a.partDetailZoom, a.partDetailZoom:visited,
a.partDetailZoom:active, a.partDetailZoom:hover
{
   background-color: #B8BFC4;
   border-top: solid 1px #777;
   width: 100%;
   text-align: center;
   font-size: 55px;
   cursor: pointer;
}

ul.compatibleVehiclesList
{
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 12px;    
}
ul.compatibleVehiclesList li:first-child
{
    margin-bottom: 5px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size:14px;
}

ul.compatibleVehiclesList li span.partname, x:-moz-any-link {display:-moz-inline-box; padding-top:0.5em;}
ul.compatibleVehiclesList li span.partname, x:-moz-any-link, x:default {display:inline-block; padding-top:0;}
ul.compatibleVehiclesList li span.partname
{
   width: 500px;
   display: inline-block;
   line-height: 1.5em;
   vertical-align: top;
}

ul.compatibleVehiclesList li span.partnotes, x:-moz-any-link {display:-moz-inline-box; padding-top:0.5em;}
ul.compatibleVehiclesList li span.partnotes, x:-moz-any-link, x:default {display:inline-block; padding-top:0;}
ul.compatibleVehiclesList li span.partnotes
{
   width: 300px;
   display: inline-block;
   line-height: 1.5em;
   vertical-align: top;
}
/* End Part Detail Page */

div.toolTipArea
{
   border: solid 3px #717F88;
   background-color: #EFF2F4;
   width: 300px !Important;
   padding: 10px !Important;
}

div.toolTipMedium
{
   width: 400px !Important;
}


div.toolTipLarge
{
   width: 500px !Important;
}

div.tip
{
   background-color: #fff;
   border: dotted 1px #2C3367;
   padding: 5px;
   color: #555;
   font-size: 80%;
}

.toolTipImageArea
{
   min-height: 70px;
   padding: 10px !Important;
   background-color: White !Important;
   border: solid 3px #000 !Important;
   padding: 5px !Important;
}

div.progress
{
   border: solid 1px #999;
   background-color: #fff;
   padding: 10px;
   width: 250px;
   height: 125px;
   margin-left: -125px;
}

.modalBackground
{
   background-color: Gray;
   filter: alpha(opacity=20);
   opacity: 0.20;
}

.categoryLinkFirst
{
}

.categoryLink
{
   display: list-item;
   list-style-type: none;
   margin-left: 93px;
}

div.zoom
{
   background-color: #B8BFC4;
   text-align: center;
   padding: 7px;
   border-top: solid 1px #717F88;
   border-bottom: solid 1px #717F88;
}

div.zoom a
{
   background: url('images/icoZoom.gif') no-repeat top left;  
   padding-left: 20px;
   font-weight: bold;
}

/* SHOPPING CART NAVIGATION */

div#shoppingCartNavigation
{
   border: dotted 1px #2C3367;
   padding: 10px;
   text-align: center;
   color: #888;
}

div#shoppingCartNavigation ul
{
   display: inline;
}

div#shoppingCartNavigation ul li
{
   display: inline;
   padding-right: 20px;
}

div#shoppingCartNavigation ul li a
{
   color: #888;
}

div#shoppingCartNavigation ul li.last
{
   padding-right: 0px;
}

div#shoppingCartNavigation .highlight
{
   font-weight: bold;
   color: #333;
}

/* END SHOPPING CART NAVIGATION */

/* SHOPPING CART LIST */

table.orderTotals
{
}

table.orderTotals td.field
{
   color: #2A3366;
   text-align: right;
   padding: 3px;
}

table.orderTotals td.value
{
   color: #2A3366;
   padding: 3px;
}

table.orderTotals .total
{
   padding: 5px;
   font-weight: bold;
}

/* END SHOPPING CART LIST */

/* Specials */

#Specials
{
   width: 100%;
   border-top: solid 2px #717F88;
   background-color: #E6E9EB;
}

#Specials td
{
   vertical-align: top;
}

#Specials #Spotlight 
{
   height: 220px;
   background-color: #E6E9EB;
}

#Specials h1
{
   color: #B40C23;
   font-size: 16px;
}

#Specials .PartName
{
   display: block;
   border-bottom: solid 1px #717F88;
   font-weight: bold;
   margin-bottom: 10px;
}

#Specials .PartImage
{
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

#Specials .PartPrice
{
}

#Specials .PartLink
{
   text-decoration: none;
   font-weight: bold;
}

#Specials P
{
   margin-top: 35px; 
}

#Specials #Pages 
{
   width: 100%;
   text-align: right;  
   padding-top: 10px;
   padding-bottom: 5px;
   background: #fff url('images/imgSpecialsBG.gif') repeat-x bottom;
}

#Specials #Pages Ul 
{
   text-align: right;  
   display: inline; 
   width: 100%;
   padding-right: 20px;
}

#Specials #Pages Li
{
   text-align: right; 
   display: inline;
   padding: 5px;
   background: #fff url('images/imgSpecialsBGNotOver.gif') repeat-x right bottom;
   color: #fff;
}

.CurrentSpecial
{
   text-align: right; 
   display: inline;
   padding: 5px;
   background: #fff url('images/imgSpecialsBGOver.gif') repeat-x bottom !Important;
}

#Specials #Pages Li a
{
   text-decoration: none;
   color: #fff;
}

/* End Specials */

/* FORM STYLES */

.tb
{
   font-size: 85%;
   width: 99%;
}

.tbArea
{
   font-family: Arial, Verdana, Sans-Serif;
   font-size: 85%;
   width: 99%;
}

.ddl
{
   font-size: 85%;
}

.lbl, label.lbl
{
   font-weight: bold;
   color: #3b4347;
   font-size: 12px;
}

span.cblList label
{
   padding-right: 10px;
}

.waterMark
{
   font-size: 85%;
   color: #999;
}

/* END FORM STYLES */