/*

	Author: James Flagg, Raymond Cordero, Stephen Batts
	Styles used throughout the web application.

*/

body
	{
	background-color: white;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
a { color: #b5121b; text-decoration: none; }
a:hover { text-decoration: underline; }
dl { width: 100%; margin: 0; }
dl dt { float: left; clear: both; }

form, input, img, h3, p { margin: 0; }
input[type="text"], input[type="password"] { border:solid 1px #9e9e9e; }
h3 { text-transform: uppercase; font-size: 13px; line-height: 16px; }
hr { height: 1px; color: #666; margin: 0; }

.button_small, .button_large, .button_xlarge
	{
	display: block;
	width: 67px;
	height: 21px;
	line-height: 21px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border: 0;
	background-color: transparent;
	background-image: url(../images/08images/btn_red_small.gif);
	background-repeat: no-repeat;
	}
.button_large 
	{
	background-image: url(../images/08images/btn_red_large.gif);
	width: 120px;
	}
.button_xlarge 
	{
	background-image: url(../images/08images/btn_red_xlarge.gif);
	width: 175px;
	}

.whyleft { float: left; margin: -30px 20px 0px 20px; }
.whyright { float: right; margin: -30px 100px 0px 0px; }
.featuredEngineImg_right{ float: right; margin: 40px -50px 0px 50px; }
.techTipsImg_right{ float: right; margin: 40px -50px 0px 50px; }
.left { float: left;}
.right { float: right; }
.center { text-align: center; }
.clearall { clear: both; }
.padding { padding: 10px; }
.v_margins { margin-top: 10px; margin-bottom: 10px; }
.h_margins { margin-left: 10px; margin-right: 10px; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.contactAerial { float: right; margin: -188px -75px 0px 0px; }

.red { color: #b5121b; }
.large_text { font-size: 14px; }
.small_text { font-size: 11px; }

.page_container
	{
	width: 958px;
	margin: 0 auto;
	text-align: left;
	}
.container { position: relative; }
.content_border_top, .content_border_top_red 
	{
	width: 738px;
	height: 11px;
	background-image: url(../images/content_border_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left: 2px;
	}
.content_border_top_red { background-image: url(../images/content_border_top_red.gif); }
.content_border, .content_border_red
	{
	width: 738px;
	background-image: url(../images/content_border_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-left: 2px;
	}
.content_border_red { background-image: url(../images/content_border_bottom_red.gif); }
.content_border .content { margin: 0 100px 0px 20px; }
.content_border_red .content { margin: 0 100px 0px 20px; }


.banner { float: left; margin: 10px 0px 10px 0px; }
/*
BODY {
	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;
}

A:link {
	color: #000000;
};

A:visited {
	color: #000000;
};
*/


.pageTitle {

	font-size: 18pt;

	color: #003399;

}



.sectionTitle {

	font-size: 16pt;

	font-weight: bold;

}



/*

	Used when displaying an error which occurred during an operation.

*/

.error {

	font-size: 12pt;

	color: black;

	background: #DB0421;
	
	color: #FFFFFF;

}



/*

	Used to display the status of a completed operation.

*/

.status {

	font-size: 12pt;
	color: black;
	background: #DB0421;
	color: #FFFFFF;
}



/*

	"hidden" text that is displayed by highlighting it.

	Used for diagnostic information.

*/

.diagnostic {

	color: #ffffff;

	font-size: 6pt;

	filter:chroma(color=#ffffff);

}



/*

	===============================================

	========== Cart/Order Details =================

	===============================================

*/

.partNumber {

	font-size: 14pt;

	color: #222233;	

}

.partLabel {

	font-size: 8pt;

	margin-left: 10px;

	color: #000000;	

}



.partDescription {

	font-size: 7pt;

	margin-left: 10px;

	color: #000000;

}



.partLocation {

	font-size: 8pt;

	margin-left: 10px;

	color: #000000;	

}



.partDelivery {

	font-size: 8pt;

	margin-left: 10px;

	color: #000000;	

}



.partPricing {

	margin-left: 10px;

	color: #000000;

	font-size: 8pt;
	padding:2px;

}



.partOptions {

	color: #000000;

	font-size: 8pt;

}



.partActionButton {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8pt;

	width: 55px;

}



/*

	===============================================

	========== Data tables ========================

	===============================================

*/



/*

	The header row displayed above query results.

*/

.dataHeaderRow {

	font-size: 9pt;

	font-weight: bold;

	color: black;

	background: #FF3333;

	text-align: center;

}



/*

	A row of query results (alternating color 1)

*/

.dataRowColor1 {

	font-size: 8pt;

	background: #EEEEEE;

	color: black;

}



/*

	A row of query results (alternating color 2)

*/

.dataRowColor2 {

	font-size: 8pt;

	background: #BBBBBB;

	color: black;

}



/*

	====================================

	== Vehicle Confirmation Page

	====================================

*/



/* Used to display the name of the vehicle, e.g. "1998 Ford Mustang" */

.vehicleName {

	font-size: 16pt;

	color: #336699;	

}



/* Used to display the vehicle details. */

.vehicleDetails {

	font-size: 9pt;

	color: black;

	background: #9999CC;

}



.vehicleAttributeName {

	font-weight: bold;

}



.vehicleAttributeValue {

	margin-left: 10px;

}



/*

	====================================

	== Data entry styles

	== Example: updating account information.

	====================================

*/



.dataEntryForm {

	font-size: 9pt;

	color: black;

	background: #999999;

}



.formField {

	font-size: 9pt;

}



.formFieldLabel {

	font-size: 9pt;

}



.formFieldLabelRequired {

	font-size: 9pt;

	

	font-weight: bold;

}



.submitButton {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9pt;

	color: black;

}



/*

	========================

	======== FAQs ==========

	========================

*/



/* The anchor links appearing at the top of the faq page. */

.faqQuestionLink {

	font-size: 8pt;

	text-decoration: none;

	color: #000000;

}



.faqQuestionLink:hover {

	font-size: 9pt;

	background: #BBBBBB;

	text-decoration: underline;

}



/* FAQ question text */

.faqQuestion {

	font-size: 9pt;

	font-style: italic;

}



/* FAQ answer text */

.faqAnswer {

	font-size: 9pt;
	color: #b5121b; 

}

div.faqAnswer a {
	color: blue;
}



.dealerInfo {

	font-size: 9pt;

}



/*

	========================

	===== Catalog images ===

	========================

*/

.catalogImageCaption {

	font-size: 9pt;

}



/*

==========================================

=== Navigation Link Styles ===============

==========================================

*/



.navLinkSpacing {

	line-height: 7px;

}



.navLink {

	text-decoration: none;	

	font-size: 8pt;

	font-weight: bold;

	width: 130px;

	color: #000000;

}



.navLink:hover {

	font-size: 8pt;

	background: #BBBBBB;

}



.navCenteredLink {

	text-decoration: none;

	text-align: center;

	font-weight: bold;

	width: 130px;

	font-size: 8pt;

	color: #000000;

}



.navCenteredLink:hover {

	font-size: 8pt;

	text-align: center;

	background: #BBBBBB;

}



/* The current link */

.navCurrentLink {

	text-decoration: none;

	font-size: 10pt;

	font-weight: bold;

	width: 130px;

	color: #336699;

	background: #BBBBBB;

}



.navCurrentLink:hover {

	text-decoration: none;

	font-size: 8pt;

	font-weight: bold;

	color: #336699;

	width: 130px;

	background: #BBBBBB;

}



.navCurrentLink:link {

	text-decoration: none;

	font-size: 8pt;

	font-weight: bold;

	color: #336699;



}



.navCurrentLink:visited {

	text-decoration: none;

	font-size: 8pt;

	font-weight: bold;

	color: #336699;

}



/* 

	The subtitle that may appear under a link, such as the current dealer or current 

vehicle.

*/

.navLinkSubtitle {

	text-decoration: none;

	font-size: 7pt;

	font-weight: bold;

	color: #6699CC;

	width: 127px;

	

	margin-left: 3px;

}



.navLinkSubtitle:visited {

	text-decoration: none;

	font-size: 7pt;

	font-weight: bold;

	color: #6699CC;

	margin-left: 3px;

}



.navLinkSubtitle:link {

	text-decoration: none;

	font-size: 7pt;

	font-weight: bold;

	color: #6699CC;

	margin-left: 3px;

}



.navLinkSubtitle:hover {

	text-decoration: none;

	font-size: 7pt;

	font-weight: bold;

	color: #6699CC;

	margin-left: 3px;

	background: #BBBBBB;

}



.linkBlack {

	color: black;

}



.linkBlack:link {

	color: black;

}



.linkBlack:hover {

	color: black;

}



.linkBlack:visited {

	color: black;

}



/*

	These styles are used on the "please wait" page displayed when

	the user is searching for part availability.

*/



.taskName {

	font-size: 12pt;

}



.taskDescription {

	font-size: 8pt;

}



/*

	The website version number which appears just below the navbar.

*/

.versionNumber {

	font-size: 6.5pt;

}



/*

	The copyright notice that appears at the bottom of every page.

*/

.copyright {

	font-size: 7pt;
	font-color: #cc0033;
}



/*

	Smaller text used for user agreement, privacy policy, etc.

*/

.smallerText {

	font-size: 8pt;

}



/*

	=================================

	=== Other miscellaneous styles ==

	=================================

*/

.centeredText {

	text-align: center;

}

.boldItalic {

	font-weight:bold;

	font-style:italic;

}

/*
	New navbar stuff 2008
*/
.nav
	{
	height: 20px;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 20px;
	vertical-align: top;
	padding: 0 20px;
	font-size: 11px;
	font-weight: bold;
	color: white;
	margin: 0;
	overflow: hidden;
	}
.nav[class] { overflow: visible; }
.nav a { color: white; text-decoration: none; }
.nav a:hover { text-decoration: none; }
.nav .nav_main, .nav .nav_main_selected { float: left; position: relative; z-index: 10; }
.nav .nav_main a, .nav .nav_main_selected a
	{
	display: inline-block;
	height: 20px;
	padding: 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
	}
.nav .nav_main a, .nav .nav_main_selected a {
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.nav .nav_main_selected a { background-position: left bottom; }
/*
.nav .nav_main_selected a {
	display: block;
	text-transform: capitalize;
	letter-spacing: 1px;
	background-image: none;
	background-color: #464646;
	color: white;
}
*/
.nav .nav_main[class] a, .nav .nav_main_selected[class] a { display: block; }
.nav .nav_main a:hover { background-position: left bottom; text-decoration: none; }

.nav .nav_main .nav_sub, .nav .nav_main_selected .nav_sub
	{
	position: absolute;
	display: block;
	top: 20px;
	left: 0;
	min-width: 110%;
	overflow: hidden;
	}
.nav .nav_main .nav_sub a, .nav .nav_main_selected .nav_sub a
	{
	display: block;
	text-transform: capitalize;
	letter-spacing: 0;
	background-image: none;
	background-color: #464646;
	color: white;
}
.nav .nav_main .nav_sub a:hover, .nav .nav_main_selected .nav_sub a:hover { background-color: #930619; text-decoration: none; }
.nav .rounded_btm { position: relative; height: 6px; }
.nav .rounded_btm .rounded_bl, .nav .rounded_btm .rounded_br
	{
	float: left;
	height: 6px;
	width: 6px;
	overflow: hidden;
	background-image: url(../images/rounded_nav_bl.gif);
	background-repeat: no-repeat;
	}
.nav .rounded_btm .rounded_br { float: right; background-image: 

url(../images/rounded_nav_br.gif); }
.nav .rounded_btm .rounded_fill
	{
	position: absolute;
	left:4px;
	top: 0;
	background-color: #464646;
	height: 6px;
	width: 96%;
	overflow: hidden;
	}

/*
	Home and Standard page elements
*/
.body_content { padding-top: 4px; padding-bottom: 4px; padding-left: 2px; }
.login_panel { width: 210px; }
.login_panel[class] { width: 212px; }
.login_panel dl dt { text-align: right; width: 55px; font-size: 11px; padding-top: 6px; }
.login_panel[class] dl dt { width: 60px; }
.login_panel dl dd { text-align: right; }
.login_panel dl dd input { width: 124px; margin: 2px 0; }

.block_fixed, .block_fixed_gray, .block_fixed_border 
	{
	font-size: 11px;
	display: block;
	width: 362px;
	height: 107px;
	text-align: left;
	color: black;
	line-height: 11px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 6px;
	margin-bottom: 8px;
	}
.block_fixed[class], .block_fixed_gray[class], .block_fixed_border[class] { margin-right: 8px; margin-bottom: 8px; }
.block_fixed_gray { background-image: url(../images/08images/block_gray.gif); }
.block_fixed_border { background-image: url(../images/08images/block_white.gif); }
.block_fixed .large_text, .block_fixed_gray .large_text, 
.block_fixed_border .large_text { font-size: 12px; line-height: 14px; }

.block_top, .block_btm { background-color: #d6d6d6; }
.block_tl, .block_tr, .block_bl, .block_br
	{
	display: block;
	height: 8px;
	overflow: hidden;
	background-color: white;
	background-repeat: no-repeat;
	}
.block_tl, .block_bl
	{
	float: left;
	width: 8px;
	background-position: top left;
	background-image: url(../images/08images/block_tl.gif);
	}
.block_bl { background-image: url(../images/08images/block_bl.gif); }
.block_tr, .block_br
	{
	width: auto;
	background-position: top right;
	background-image: url(../images/08images/block_tr.gif);
	}
.block_br { background-image: url(../images/08images/block_br.gif); }
.block_content { background-color: #d6d6d6; padding: 0 10px; }
.login_panel .block_content { height: 152px; }

/*
	left-side navigation submenu, part of 2008/2009 website redesign
*/
.navSubmenu {
	margin: 2px 0;
	width: 215px;
	/*background-color: #DDCCCC;*/
	background-color: #d5d5d5;
}

.navSubmenu .navSubmenuLevel1  {
	border-bottom-width: 2px;
	border-bottom-color: #eeeeee;
	border-bottom-style: solid;
}

.navSubmenu .navSubmenuLevel1 a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	color: #b51b20;
	text-transform: uppercase;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
}

.navSubmenu .navSubmenuLevel1 .navSubmenuLevel2 a {
	margin-left: 0px;
	text-indent: 15px;
	color: black;
	width: 215px;
	font-family: Verdana, Verdana, Geneva, sans-serif;
	text-transform: none;
	font-size: 6.5pt;
	background-color: #e6e6e6;
	border-bottom-width: 2px;
	border-bottom-color: #eeeeee;
	border-bottom-style: solid;
	display: block;
}

.content_header
	{
	height: 124px;
	width: 738px;
	min-height: 124px;
	margin: 11px 0 6px 2px;
	background-image: url(../images/banner_bkgd.gif); 
	line-height: 18px;
	color: white;
	}
.content_header[class] { height: auto; }
.content_header .header_text { float: left; margin: 20px; }
.content_header .header_image { float: right; padding: 8px 7px 0px 0px;  }
.content_header h2
	{
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	}
.content_header a { color: white; text-decoration: underline; }
.content_header a:hover { color: silver; text-decoration: none; }

table.form, table.form_dark, table.list
	{
	display: table;
	background-color: #efefef;
	margin: 10px;
	padding: 0;
	}

table.savedCartList
	{
	display: table;
	background-color: #efefef;
	margin: 0px;
	padding: 0;
	}

table.form_dark { background-color: #dadada; }
table.form th, table.list th, table.form_dark th ,table.savedCartList th
	{
	padding: 2px;
	text-align: right;
	background-color: #ccc;
	color: #9e0017;
	font-weight: bold;
	}
table.form_dark th { background-color: #aaa; }
table.list th { text-align: center; }
table.form td, table.list td, table.form_dark td ,table.savedCartList td
	{
	padding: 2px;
	background-color: #e0e0e0;
	color: #0e0e0e;
	text-align: left;
	}
table.form_dark td { backgbround-color: #cfcfcf; }
table.form tr.alt td, table.list tr.alt td { background-color: #dfdfdf; }

table.list td, table.savedCartList td { text-align: center; }

td.fieldName {
	font-weight: bold;
}

.fieldName {
	font-weight: bold;
}

table.list td.fieldName ,table.savedCartList td.fieldName{ 
	text-align: right; 
	font-weight: bold;
	font-size: 9pt;
}

table.list td.fieldValue ,table.savedCartList td.fieldValue { 
	text-align: left; 
}

table.list tr.dataRowColor1 ,table.savedCartList tr.dataRowColorValue1{
	color: #EEEEEE;
}

table.list tr.dataRowColor2 ,table.savedCartList tr.dataRowColorValue1{
	color: #BBBBBB;
}

.lookup_parts_panel { width: 210px; }
.lookup_parts_panel[class] { width: 212px; }
.lookup_parts_panel dl dt { width: 55px; font-size: 11px; padding-top: 6px; }
.lookup_parts_panel[class] dl dt { width: 60px; }
.lookup_parts_panel dl dd { text-align: right; }
.lookup_parts_panel dl dd input { width: 124px; margin: 2px 0; }

.catalog_text_left { float: left; width: 325px; margin: 0px 0px 0px 0px; text-align: justify; }
.catalog_text_right { float: right; width: 325px; margin: 0px 0px 0px 20px; text-align: justify; }

.ul {
	width: 20em;
	}

.li {
	padding-left: 2em;
	text-indent: -2em;
	}
	
.lean_remanufacturing_left { float: left; width: 215px; margin: 0px 0px 0px 0px; text-align: justify; }
.lean_remanufacturing_right { float: right; width: 435px; margin: 0px 0px 0px 20px; text-align: left; } 

.reman_left { float: left; margin: -30px 20px 0px 20px; }
.reman_right { float: right; margin: -30px 0px 0px 20px; }
	
.lean_manufacturing_panel { width: 212px; text-align: justify;}
.lean_manufacturing_panel[class] { width: 212px; height: 530px; text-align: justify;}
.lean_manufacturing_panel dl dt { width: 55px; font-size: 11px; padding-top: 6px; }
.lean_manufacturing_panel[class] dl dt { width: 60px; }
.lean_manufacturing_panel dl dd { text-align: justify; }
.lean_manufacturing_panel dl dd input { width: 124px; margin: 2px 0; }
.lean_manufacturing_panel .block_content { height: 550px; }