/* CSS FOR AMERICAN CAST IRON SITE, FIREFOX BROWSER */

/* Simulation of tables -- tabular view of data 
------------------------------------*/
/* Widgets America (by item) 
------------------------------------*/
div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 540px;
	}
div#byitem ul.vert li {
	padding: 4px 0;
	margin: 0;
	height: 14px; /* space out your rows */
	}
div#byitem ul.vert li.odd {
	background-color: #eee;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 80px;
	padding: 0 20px 0 0;
	margin: 0;
	}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 130px;
	}
div#byitem ul.horz li.price {
	text-align: right;
	padding-right: 0;
	}


/* Widget Performance (by category) 
------------------------------------*/
div#bycategory ul.horz {
	clear: left;
	list-style-type: none;
	padding: 4px 0 0;
	margin: 0 0 40px;/* note! */
	}
div#bycategory ul.horz li {
	display: block;
	float: left;
	text-align: left;
	}
div#bycategory ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0 5px 0 0;
	}
div#bycategory ul.vert li {
	float: none;
	margin-bottom: 4px;
	padding-left: 6px;
	text-align: left;
	}
div#bycategory ul.horz li.odd {
	background-color: #eee;
	}
div#bycategory ul.vert li.widgetname {
	font-weight: bold;
	}
div#bycategory ul.horz li.tableheader ul.vert li {
	padding-left: 0;
	}
	
li.tableheader {
	font-weight: bold;
	}


/* good looks
------------------------------------*/
#extended h3.tabletitle {
	padding: 10px 0 0;
	clear: left;
	}

/* END CSS */