/* this is the clutch finder' */

.Manufacturer_Table{border:1px solid #ccc;}
.Manufacturer_Table th{}

.SpreadsheetRow_Table{}



.CatalogueListing h4 {font-size:30px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:20px; font-weight:normal; color:#666; letter-spacing:-1px; border-bottom:1px solid #ccc;}

#CatalogueBreadcrumb{}
#CatalogueBreadcrumb ul{margin:0; padding:6px 25px;}
#CatalogueBreadcrumb ul li{margin:0; padding:4px; list-style:none; margin:0; padding:0; display:inline; color:#666; font-size:11px;}
#CatalogueBreadcrumb ul li a{color:#000; text-decoration:none;}
#CatalogueBreadcrumb ul li a:hover{color:#0000ff;}

.CatalogueListing table, .Model_Table table, .SpreadsheetRow_Table table{width:720px; margin:20px; padding:0; border:1px solid #aaa;}
.CatalogueListing th, .Model_Table th, .SpreadsheetRow_Table th{font-size:14px; padding:3px; background:#2d2d2d url(../images/catalogue/row-dark-grey-up.jpg) repeat-x bottom; border:1px solid #000; color:#fff; text-transform:uppercase;}
.CatalogueListing td, .Model_Table td, .SpreadsheetRow_Table td{border-bottom:1px solid #ccc; font-size:12px; padding:5px;}
.CatalogueListing td a, .Model_Table td a, .SpreadsheetRow_Table td a{color:#0000ff; text-decoration:none;}
.CatalogueListing td a:hover, .Model_Table td a:hover, .SpreadsheetRow_Table td a:hover{color:#0066FF; text-decoration:none;}
.CatalogueListing tr.EvenRow, .Model_Table tr.EvenRow, .SpreadsheetRow_Table td.EvenRow{background:#ededed url(../images/catalogue/row-grad-up-grey.jpg) repeat-x bottom;}


/* now we set some widths using specific table types? Let's try that */
.CatalogueListing th{width:360px;}
.Model_Table th{width:360px;}
.SpreadsheetRow_Table th{width:230px;}

#listing{} /* may not use this at all? */



/* product info (prodetail) */

.ProductInformation_Table{font-size:13px; padding:1px; border:1px dashed #ccc;}