/* CSS Document */

#wrapper {	
	position:relative; 
	width: 910px;
	text-align:left; 
	margin: 0px auto;
	padding: 0px;
}


body {
	background-color: #fffeec;
	margin: 0px;
	padding: 0px;
}

#content {
	float:left;
	width: 910px;
	text-align: left;
	margin: 0px auto auto auto;
	padding: 0px 0px 0px 0px;
	background: url(../images/body_bg.jpg) top left repeat-y;

}
/*STYLING FOR PAGES OTHER THAN THE HOME PAGE*/
#content2 {
	float:left;
	width: 700px;
	text-align: left;
	margin: 18px auto auto auto;
	padding: 0px 0px 0px 0px;
	background: url(../images/main_bg2.gif) top left repeat-y;
}
#subContent {
	float: left;
	width: 527px;
	margin: 0px;
	padding: 0px;
}
#subContent p {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000;
	padding: 0px 4px 0px 4px;
	}
	
/*							*/
#header {
	float: left;
	position: relative;
	top: 0px;
	left:: 0px;
	width: 910px;
	height: 124px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header.jpg);

}
.logoLink {
position: absolute;
top: 0px;
left: 0px;

}
.login
{
	position: absolute;	
	width: 465px;
	padding: 0px;
	top: 60px;
	left: 375px;
	margin: 0px;
}
.login p {
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #0066CC;
}
.login form {
	font-size: 10px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #666666;

}
.login a:link {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #660000;
	text-decoration: underline;
}
.login a:visited {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #660000;
	text-decoration: underline;
}
.login a:hover {
	font-size: 14px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #660000;
	text-decoration:none;
}


/*NAVIGATION BAR */
.nav
{
	float: left;
	width: 880px;
	height: 40px;
	padding: 0px;
	margin: 0px;
}

.nav ul
{
	position:absolute;
	margin: 0px;
	padding: 0px;
	top: 38px;
	left: 340px;
    list-style-type: none;
}

.nav ul li { 
	display: inline;
}

.nav li{

}

.nav ul li a
{
	text-decoration: none;
	float: left;
	margin-right: 8px;
}

.nav .alt {
display: none;
}
/*INDIVIDUAL LINKS*/
a#home {
    display: block;
    background-image: url(../images/nav/home.gif);
	width: 33px;
	height: 13px;
}
a#home:link, a#home:visited{
    display: block;
    background-image: url(../images/nav/home.gif);
}
a#home:hover {
    display: block;
    background-image: url(../images/nav/home_hv.gif);
}

a#aboutus {
    display: block;
    background-image: url(../images/nav/about.gif);
	width: 53px;
	height: 13px;
}
a#aboutus:link, a#aboutus:visited{
    display: block;
    background-image: url(../images/nav/about.gif);
}
a#aboutus:hover {
    display: block;
    background-image: url(../images/nav/about_hv.gif);
}

a#productline {
    display: block;
    background-image: url(../images/nav/productline.gif);
	width: 73px;
	height: 13px;
}
a#productline:link, a#productline:visited{
    display: block;
    background-image: url(../images/nav/productline.gif);
}
a#productline:hover {
    display: block;
    background-image: url(../images/nav/productline_hv.gif);
}

a#contactus {
    display: block;
    background-image: url(../images/nav/contact.gif);
	width: 62px;
	height: 13px;
}
a#contactus:link, a#contactus:visited {
    display: block;
    background-image: url(../images/nav/contact.gif);
}
a#contactus:hover {
    display: block;
    background-image: url(../images/nav/contact_hv.gif);
}

a#services {
    display: block;
    background-image: url(../images/nav/services.gif);
	width: 50px;
	height: 13px;
}
a#services:link, a#services:visited {
    display: block;
    background-image: url(../images/nav/services.gif);
}
a#services:hover {
    display: block;
    background-image: url(../images/nav/services_hv.gif);
}

a#linecard {
    display: block;
    background-image: url(../images/nav/linecard.gif);
	width: 54px;
	height: 13px;
}
a#linecard:link, a#linecard:visited {
    display: block;
    background-image: url(../images/nav/linecard.gif);
}
a#linecard:hover {
    display: block;
    background-image: url(../images/nav/linecard_hv.gif);
}

a#partsindex {
    display: block;
    background-image: url(../images/nav/partsindex.gif);
	width: 66px;
	height: 13px;
}
a#partsindex:link, a#partsindex:visited {
    display: block;
    background-image: url(../images/nav/partsindex.gif);
}
a#partsindex:hover {
    display: block;
    background-image: url(../images/nav/partsindex_hv.gif);
}

a#parts_search{
    display: block;
    background-image: url(../images/nav/partsearch.gif);
	width: 68px;
	height: 13px;
}
a#parts_search:link, a#parts_search:visited {
    display: block;
    background-image: url(../images/nav/partsearch.gif);
}
a#parts_search:hover {
    display: block;
    background-image: url(../images/nav/partsearch_hv.gif);
}

/*END OF NAVIGATION*/

#marquee {
	float: left;
	text-align: center;
	width: 900px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#overview {
	float: left;
	width: 240px;
	margin: 10px 0px 0px 50px;
	background: url(../images/nav_div.jpg) top right no-repeat;
	padding: 0px;
}
/*IE HACK*/
*html #overview {
	float: left;
	width: 260px;
	margin: 10px 0px 0px 25px;
	background: url(../images/nav_div.jpg) top right no-repeat;
	padding: 0px;
}
/*end hack*/
#overview p {
	font-size: 12px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #000;
	padding: 0px 10px 0px 20px;
	}
	
#overview ul {
	font-size: 12px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #000;
}

#overview h1 {
	font-size: 22px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #4a4a4a;
	padding: 0px;
	margin: 0px 4px 4px 20px;
}

#overview h2 {
	font-size: 12px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px 4px 4px 20px;
}
	
#overview img {
	margin: 0px;
	padding: 15px;
}

/*PRICING*/
#pricingInfo {
	float: left;
	width: 580px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#pricingInfo p {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000;
	padding: 0px 10px 0px 20px;
	}
#pricingInfo a:link {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
#pricingInfo a:visited {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
#pricingInfo a:hover {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration:none;
}

#pricingInfo li {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000;
	list-style-type: none;
	}

#pricingInfo h1 {
	font-size: 16px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	padding: 0px;
	margin: 0px;
}

#pricingInfo h2 {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
	
#pricingInfo img {
	margin: 0px;
	padding: 15px;
}
/*PRICING DETAIL*/
#pricingDetail {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	background-color: #e7e7d5;

}
#pricingDetail p {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding: 4px;
	margin: 0px;
	}

#pricingDetail h1 {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	padding: 0px;
	margin: 4px;
}

#pricingDetail h2 {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 4px;
}
#pricingDetail li{
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#pricingDetail ul {
	margin: 0px;
	padding: 4px;
}

	
/*
#overviewHeading  {
	background: url(../images/hd_overview.jpg) top left no-repeat;
	width: 263px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}

#overviewHeading span {
display: none;
}*/

#centerContent {
	float: left;
	width: 264px;
	margin: 0px;
	padding: 0px;
}

.contentArea1 {
	float: left;
	width: 400px;
	margin: 10px 40px 0px 42px;
	padding: 0px;

}
.contentArea1 p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0px 10px 20px 4px;
	margin: 0px;
	}
.contentArea1 table tr, p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

.contentArea1 h1 {
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #660000;
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
.contentArea1 h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
.contentArea1 a:link {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.contentArea1 a:visited {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.contentArea1 a:hover {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration:none;
}
.contentArea1 img {
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
.contentArea1 ul {
	font-size: 12px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #000;
}
.tableInfo tr, p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0px;
	}
	
.tableInfo {
margin-left:auto; 
margin-right:auto;
padding: 0px;
margin: 0px 0px 0px 10px;
}

.tableInfo h1 {
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #660000;
	padding: 0px;
}
.tableInfo h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.tableInfo a:link {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.tableInfo a:visited {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.tableInfo a:hover {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration:none;
}
.tableInfo img {
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
.tableInfo ul {
	font-size: 12px;
	font-family: Helvetica, Tahoma, sans-serif;
	color: #000;
}
/*
#showcaseHeading  {
	background: url(../images/hd_methodology.jpg) top left no-repeat;
	width: 264px;
	height: 29px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#showcaseHeading span {
display: none;
}*/

.inTouch {
	float: left;
	width: 264px;
	margin: 0px;
	padding: 0px;
	background: url(../images/intouch_bg.gif) top left repeat-y;

}

.inTouch p {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px 4px 0px 4px;
	}
	
#inTouchHeading  {
	background: url(../images/hd_intouch.jpg) top left no-repeat;
	width: 264px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}

#inTouchHeading span {
display: none;
}


#client {
	float: left;
	width: 173px;
	margin: 0px;
	padding: 0px;
}
#client p {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px 4px 0px 4px;
	}
#client h2 {
	font-size: 16px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #2f7ec4;
	padding: 0px;
	margin: 0px 4px 0px 4px;
	}
#client a:link {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #2a70ae;
	text-decoration: underline;
}
#client a:visited {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #2a70ae;
	text-decoration: underline;
}
#client a:hover {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #2a70ae;
	text-decoration:none;
}
#client img {
	padding: 0px 6px 0px 0px;
}
#clientHeading  {
	background: url(../images/hd_client.jpg) top left no-repeat;
	width: 173px;
	height: 29px;
	margin: 0px;
	padding:  0px 0px 10px 0px;
}

#clientHeading span {
display: none;
}

/*SUB PAGE CLIENTS */
#subClient {
	float: left;
	width: 173px;
	margin: 0px;
	padding: 0px;
}
#subClient p {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0px 4px 0px 4px;
	}
	
/*TOP NAV HEADER
#header p{
	position:relative;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#header a {
	padding: 0px 0px 0px 0px;
}

#header a:link, a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #666;
	text-decoration:none;
}
#header a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #666;
	text-decoration: underline;
} */

/*CONTENT HOLDERS*/
	/*LEFT HANDLER*/
	.mainContent {
		float: left;
		padding: 0px 20px 0px 20px;
	}

	.mainContent h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		font-weight: normal;
		color: #666;
		padding: 0px 0px 0px 30px;
		margin: 0px;	
	}
	.mainContent h2 {
		font-size: 16px;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		color: #013d9f;
		padding: 0px;
		margin: 0px 4px 4px 25px;	
	}
	
	.mainContent img{
	display: block;
    margin-left: auto;
    margin-right: auto;	
	}
	
	.mainContent p {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.mainContent ul {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.mainContent li {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}


	/*RIGHT HANDLER */
	.rightHandler {
		float: left;
		width: 522px;
		padding: 0px 26px 0px 26px;
		margin: 0px;
	}
	.rightHandler p{
		margin: 0px;
		padding: 0px 0px 6px 0px;
	}

/*FOOTER NAV */
#footer {
	float: left;
	width: 910px;
	height: 77px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/footer_bg.jpg) top left no-repeat;

}

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

#footer h1{
	padding: 0px;
	margin: 10px;
	font-size: 12px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
/*FORM */
label
{
width: 18em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#submit
{
margin-left: 20em;
}
/*				*/
/*SELECTION-PAGINATION	*/
.selectionPages {
width: 800px;
text-align: left;
}

/*			*/
.clickImage {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	font-weight:bold;
	color: #bb0201;
	padding: 0px 0px 0px 20px;
}
.highlightSpecialAd {
color: #FF0000;
}
.highlightGuarantee {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	padding: 0px;
}
.mandatoryField {
color: #FF0000;
}
.exampleData {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	padding: 0px;
	margin: 0px;
}

.partsIndexListing {
	float: left;
	width: 460px;
	min-height: 400px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	background-color: #fff;

}
.partsIndexListing p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0px 10px 20px 4px;
	margin: 0px;
	}
.partsIndexListing table tr, p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

.partsIndexListing h1 {
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #660000;
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
.partsIndexListing h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px 4px 4px 4px;
}
.partsIndexListing a:link {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.partsIndexListing a:visited {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration: underline;
}
.partsIndexListing a:hover {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #660000;
	text-decoration:none;
}

.blueBold {
font-weight: bold;
color: #003366;
}
.successNotify {
	color: #008c00;
	font-weight: bold;
}
.inputSectionNotify {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.login form .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.login form .flex input#usr{
	width: 100%;
}
.login form .flex input#pw{
	width: 100%;
}