/* CSS style sheet for rmimaging.com reseller page */

.locationDivider		/* for divs to contain dividers within the location page */
{
	width: 660px;		/* same width as locationTable */
	float: left; clear: both;
	background-color: #eeeeee;
	/* margin: 20px 0 15px 0; This is what I really want, but IE is ignoring the margin-bottom.  See ieShim */
	margin: 20px 0 5px 0;
	padding: 5px 0 5px 5px;
	font-size: 120%;
	font-weight: bold;
	font-family: "Futura", Helvetica, sans-serif;	/* header font */
}
/* For IE, which appears to ignore the bottom margin of the location divider, style a height for the first table row so the reseller logo isn't bumping the bottom of the location divider */
.ieShim
{
	line-height: 10px;
}

.locationTable
{
	clear: both;
	width: 660px;		/* same width as locationDivider */
}
.locationTable td
{
	vertical-align: top;
}
.locationTable .col1		/* For store name */
{
	width="40%";
}
.locationTable .col2		/* For city names */
{
	width="25%";
	padding-left: 7px;
}
/* Like div#information p.h2, div#sitemap p.h2 */
.locationTable .title, .locationTable .title a
{
	color: #3c93c9;		/* sky blue */
	font-size: 115%;
	font-weight: normal;
	font-family: "Futura", Helvetica, sans-serif;	/* header font */
}

.locationLogo	/* for store logo to appear to left of store info */
{
	float: left; clear: both;
	/* width: 50px;	This will set the image width */
	/* height: 36px;	Um, let's set a uniform height instead */
	/* Um, maybe size the logos individually */
	border: 0;
	margin: 0px 7px 7px 0px;		/* top right bottom left */
}
.locationFlag
{
	margin-right: 10px;
	border: 0;
}