/* CSS autotronics Inc */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color:#C8BF99; margin: 4px 0px 0px 0px; padding: 0;}
body p{line-height:13px;}

#wrapper {margin: 0 auto; text-align: left; width: 800px; height: 600px; background-color:#000000;}
#homeHeader {position: relative; height: 65px; width: 800px; background-image:url(images/home_header.gif); background-repeat:no-repeat;}

#menu{float: left; width: 170px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/home_left_col.gif);}
#menu p, #contactMenu p{color:#FFFFFF; text-align:right; color:#EF3C12; margin: 120px 10px 0px 0px; padding: 0px 0px 0px 0px;font-size:12px; font-weight:bold; line-height:14px; font-style:italic;}
#menu a:link, #menu a:active, #menu a:visited, #contactMenu a:link, #contactMenu a:active, #contactMenu a:visited {text-decoration:none; color:#EF3C12;}
#menu a:hover, #contactMenu a:hover {color:#7C7A4A;}

#contactMenu{float: left; width: 170px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/orange_left_col.gif)}

#homeCopy {float: right; padding:0px; background-image:url(images/home_body.gif); background-repeat:no-repeat; width:630px; height:507px;}
#homeCopy p, #contactCopy p { text-align:center; margin:6px 20px 0px 20px; line-height:13px;}
#homeCopy h6 {font-size:11px; text-align:center; margin:0px 20px 0px 20px; line-height:13px; color:#EF3C12;}
#homeCopy h3, #contactCopy h3 {font-size: 25px; font-weight:bold; margin:15px 30px 8px 30px; color:#EF3C12; text-align:center;}

#contactCopy, #aboutCopy {float: right; padding:0px; background-image:url(images/orange_body.gif); background-repeat:no-repeat; width:630px; height:507px;}
#contactCopy a:link, #contactCopy a:active, #contactCopy a:visited {text-decoration:none; color:#000000; font-weight:bold;}
#contactCopy a:hover {color:#7C7A4A; font-weight:bold;}

#aboutCopy p { text-align:left; margin:5px 30px 0px 30px; line-height:14px;}
#aboutCopy h3 {font-size: 25px; font-weight:bold; margin:17px 30px 10px 30px; color:#EF3C12; text-align:left;}
#aboutCopy a:link, #aboutCopy a:active, #aboutCopy a:visited {text-decoration:none; color:#EF3C12;}
#aboutCopy a:hover {color:#7C7A4A;}

#homeFooter { clear:both; width:800px; height:38px; background-image:url(images/home_footer.gif); background-repeat:no-repeat;}
#homeFooter p, #homeFooter a:link, #homeFooter a:active, #homeFooter a:visited {font-style:italic; font-weight:bold; color:#FFFFFF; text-align:right; line-height:14px; padding:15px 10px 0px 0px; text-decoration:none;}
#homeFooter a:hover { color:#7C7A4A;}

#brakeCopy p, #clutchCopy p, #duplexCopy p, #pancakeCopy p{ text-align:center; margin:5px 0px 0px 0px;}
#brakeParts p, #clutchParts p, #duplexParts p, #pancakeParts p, #slipParts p { text-align:left; margin:0px 2px 0px 5px; font-size:11px;}
#brakeParts h6, #clutchParts h6, #duplexParts h6, #pancakeParts h6, #slipParts h6 { text-align:left; margin:0px 0px 0px 5px; font-size:10px; font-weight:normal;}
#brakeCopy h4, #brakeParts h4, #clutchCopy h4, #clutchParts h4, #duplexCopy h4, #duplexParts h4, #pancakeCopy h4, #pancakeParts h4, #customCopy h4, #solenoidCopy h4, #torqueCopy h4, #slipCopy h4, #slipParts h4, #orangeCopy h4  {font-size: 23px; font-weight:bold; margin:90px 0px 0px 3px; color:#000000; text-align:left;}
#brakeCopy a:hover, #brakeParts a:hover, #clutchCopy a:hover, #clutchParts a:hover, #duplexCopy a:hover, #duplexParts a:hover, #pancakeCopy a:hover, #pancakeParts a:hover, #customCopy a:hover, #solenoidCopy a:hover, #torqueCopy a:hover, #slipCopy a:hover, #slipParts a:hover, #orangeCopy a:hover {color:#7C7A4A; font-style:italic; font-weight:bold;}
#brakemenu a:hover, #clutchmenu a:hover, #duplexmenu a:hover, #pancakemenu a:hover, #custommenu a:hover, #solenoidmenu a:hover, #torquemenu a:hover, #slipmenu a:hover, #orangemenu a:hover {color:#7C7A4A;}
#brakemenu p, #clutchmenu p, #duplexmenu p, #pancakemenu p, #custommenu p, #solenoidmenu p, #torquemenu p, #slipmenu p, #orangemenu p  {color:#FFFFFF; text-align:right; margin: 310px 10px 0px 0px; padding: 0px 0px 0px 0px;font-size:10px; font-weight:bold; line-height:14px; font-style:italic;}

#brakeHeader {position: relative; height: 65px; width: 800px; background-image:url(images/brake_header.gif); background-repeat:no-repeat;}
#brakeCopy {float: right; padding:0px; background-image:url(images/brake_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#brakeParts {float: right; padding:0px; background-image:url(images/brake_part_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#brakeCopy h3, #brakeParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#137177; text-align:center;}
#brakeCopy a:link, #brakeCopy a:active, #brakeCopy a:visited, #brakeParts a:link, #brakeParts a:active, #brakeParts a:visited{text-decoration:none; color: #137177;}
#brakemenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/brake_left_col.gif);}
#brakemenu a:link, #brakemenu a:active, #brakemenu a:visited{text-decoration:none; color:#137177;}
#brakeFooter { clear:both; width:800px; height:28px; background-image:url(images/brake_footer.gif); background-repeat:no-repeat;}
#brakemenu a:hover {color:#7C7A4A;}

#clutchHeader {position: relative; height: 65px; width: 800px; background-image:url(images/clutch_header.gif); background-repeat:no-repeat;}
#clutchCopy {float: right; padding:0px; background-image:url(images/clutch_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#clutchParts {float: right; padding:0px; background-image:url(images/clutch_part_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#clutchCopy h3, #clutchParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#9B4965; text-align:center;}
#clutchCopy a:link, #clutchCopy a:active, #clutchCopy a:visited, #clutchParts a:link, #clutchParts a:active, #clutchParts a:visited{text-decoration:none; color: #9B4965;}
#clutchmenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/clutch_left_col.gif);}
#clutchmenu a:link, #clutchmenu a:active, #clutchmenu a:visited{text-decoration:none; color:#9B4965;}
#clutchFooter { clear:both; width:800px; height:28px; background-image:url(images/clutch_footer.gif); background-repeat:no-repeat;}
#clutchmenu a:hover {color:#7C7A4A;}

#duplexHeader {position: relative; height: 65px; width: 800px; background-image:url(images/duplex_header.gif); background-repeat:no-repeat;}
#duplexCopy {float: right; padding:0px; background-image:url(images/duplex_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#duplexParts {float: right; padding:0px; background-image:url(images/duplex_parts_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#duplexCopy h3, #duplexParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#8F78B2; text-align:center;}
#duplexCopy a:link, #duplexCopy a:active, #duplexCopy a:visited, #duplexParts a:link, #duplexParts a:active, #duplexParts a:visited{text-decoration:none; color:#8F78B2;}
#duplexmenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/duplex_left_col.gif);}
#duplexmenu a:link, #duplexmenu a:active, #duplexmenu a:visited{text-decoration:none; color:#8F78B2;}
#duplexFooter { clear:both; width:800px; height:28px; background-image:url(images/duplex_footer.gif); background-repeat:no-repeat;}
#duplexmenu a:hover {color:#7C7A4A;}

#pancakeHeader {position: relative; height: 65px; width: 800px; background-image:url(images/pancake_header.gif); background-repeat:no-repeat;}
#pancakeCopy {float: right; padding:0px; background-image:url(images/pancake_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#pancakeParts {float: right; padding:0px; background-image:url(images/pancake_parts_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#pancakeCopy h3, #pancakeParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#42A5D2; text-align:center;}
#pancakeCopy a:link, #pancakeCopy a:active, #pancakeCopy a:visited, #pancakeParts a:link, #pancakeParts a:active, #pancakeParts a:visited{text-decoration:none; color:#42A5D2;}
#pancakemenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/pancake_left_col.gif);}
#pancakemenu a:link, #pancakemenu a:active, #pancakemenu a:visited{text-decoration:none; color:#42A5D2;}
#pancakeFooter { clear:both; width:800px; height:28px; background-image:url(images/pancake_footer.gif); background-repeat:no-repeat;}
#pancakemenu a:hover {color:#7C7A4A;}

#customHeader {position: relative; height: 65px; width: 800px; background-image:url(images/custom_header.gif); background-repeat:no-repeat;}
#customCopy {float: right; padding:0px; background-image:url(images/custom_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#customCopy h3 {font-size: 24px; font-weight:bold; margin:20px 30px 10px 30px; color:#EF3C12; text-align:center;}
#customCopy a:link, #customCopy a:active, #customCopy a:visited {text-decoration:none; color:#EF3C12;}
#custommenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/custom_left_col.gif);}
#custommenu a:link, #custommenu a:active, #custommenu a:visited{text-decoration:none; color:#EF3C12;}
#customFooter { clear:both; width:800px; height:28px; background-image:url(images/custom_footer.gif); background-repeat:no-repeat;}
#custommenu a:hover {color:#7C7A4A;}
#customCopy p { text-align:right; margin:5px 30px 0px 36px; line-height:13px; font-size:12px;}

#solenoidHeader {position: relative; height: 65px; width: 800px; background-image:url(images/solenoid_header.gif); background-repeat:no-repeat;}
#solenoidCopy {float: right; padding:0px; background-image:url(images/solenoid_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#solenoidCopy h3 {font-size: 24px; font-weight:bold; margin:20px 30px 10px 30px; color:#336633; text-align:center;}
#solenoidCopy a:link, #solenoidCopy a:active, #solenoidCopy a:visited {text-decoration:none; color:#336633;}
#solenoidmenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/solenoid_left_col.gif);}
#solenoidmenu a:link, #solenoidmenu a:active, #solenoidmenu a:visited{text-decoration:none; color:#336633;}
#solenoidFooter { clear:both; width:800px; height:28px; background-image:url(images/solenoid_footer.gif); background-repeat:no-repeat;}
#solenoidmenu a:hover {color:#7C7A4A;}
#solenoidCopy p { text-align:right; margin:5px 20px 0px 36px; line-height:12px; font-size:11px;}

#torqueHeader {position: relative; height: 65px; width: 800px; background-image:url(images/torque_header.gif); background-repeat:no-repeat;}
#torqueCopy {float: right; padding:0px; background-image:url(images/torque_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#torqueCopy h3, #torqueParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#FFCC33; text-align:center;}
#torqueCopy a:link, #torqueCopy a:active, #torqueCopy a:visited, #torqueParts a:link, #torqueParts a:active, #torqueParts a:visited{text-decoration:none; color:#FFCC33;}
#torquemenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/torque_left_col.gif);}
#torquemenu a:link, #torquemenu a:active, #torquemenu a:visited{text-decoration:none; color:#FFCC33;}
#torqueFooter { clear:both; width:800px; height:28px; background-image:url(images/torque_footer.gif); background-repeat:no-repeat;}
#torquemenu a:hover {color:#7C7A4A;}
#torqueCopy ul { text-align:left; margin:5px 10px 0px 300px; line-height:16px; font-size:12px;}
#torqueCopy p { text-align:left; margin:5px 10px 0px 200px; line-height:13px; font-size:12px;}
#torqueCopy h5 { text-align:left; margin:15px 100px 0px 30px; line-height:12px; font-size:11px; font-weight:normal;}
#torqueCopy h6 {text-align:left; margin: 15px 10px 0px 325px; font-size:20px;}
#torqueCopy h2 {text-align:left; margin: 25px 10px 0px 30px; font-size:20px;}

#slipHeader {position: relative; height: 65px; width: 800px; background-image:url(images/slip_header.gif); background-repeat:no-repeat;}
#slipCopy {float: right; padding:0px; background-image:url(images/slip_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#slipParts {float: right; padding:0px; background-image:url(images/slip_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#slipCopy h3, #slipParts h3 {font-size: 24px; font-weight:bold; margin:27px 30px 10px 30px; color:#434A7B; text-align:center;}
#slipCopy a:link, #slipCopy a:active, #slipCopy a:visited, #slipParts a:link, #slipParts a:active, #slipParts a:visited{text-decoration:none; color:#434A7B;}
#slipmenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/slip_left_col.gif);}
#slipmenu a:link, #slipmenu a:active, #slipmenu a:visited{text-decoration:none; color:#434A7B;}
#slipFooter { clear:both; width:800px; height:28px; background-image:url(images/slip_footer.gif); background-repeat:no-repeat;}
#slipmenu a:hover {color:#7C7A4A;}
#slipCopy p { text-align:left; margin:5px 10px 0px 200px; line-height:13px; font-size:12px;}

#orangeHeader {position: relative; height: 65px; width: 800px; background-image:url(images/bearing_header.gif); background-repeat:no-repeat;}
#orangeCopy {float: right; padding:0px; background-image:url(images/bearing_body.gif); background-repeat:no-repeat; width:689px; height:507px;}
#orangeCopy h3 {font-size: 24px; font-weight:bold; margin:20px 30px 10px 30px; color:#EF3C12; text-align:center;}
#orangeCopy a:link, #orangeCopy a:active, #orangeCopy a:visited {text-decoration:none; color:#EF3C12;}
#orangemenu{float: left; width: 111px; height: 507px; margin: 0px; padding: 0px; background-image:url(images/bearing_left_col.gif);}
#orangemenu a:link, #orangemenu a:active, #orangemenu a:visited{text-decoration:none; color:#EF3C12;}
#orangeFooter { clear:both; width:800px; height:28px; background-image:url(images/bearing_footer.gif); background-repeat:no-repeat;}
#orangemenu a:hover {color:#7C7A4A;}
#orangeCopy p { text-align:center; margin:5px 30px 0px 36px; line-height:13px; font-size:12px;}
#orangeCopy ul { text-align:left; margin:5px 10px 0px 200px; line-height:16px; font-size:12px;}


#contentTable {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; text-align:center; font-weight:bold;width: 525px; text-align:center;}
#contentTable a:hover{color:#7C7A4A; font-style:italic;}

.rightAboutImage {float:right; margin: 5px 3px 0px 3px;}
.chartsImage {float:right; margin: 5px 7px 0px 0px;}
.torqueImage1 {float:left; margin: 0px 10px 5px 10px;}
.torqueImage2 {clear:both; float:left; margin: 5px 0px 5px 100px;}
.torqueImageright {float: right; margin: 5px 10px 5px 5px;}