body {border: 0px; margin: 10px 0px 10px 0px; padding: 0px; font-size: 0.8em; color: #000000;
		text-align: center; background-color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif;}
img {border: 0px;}
hr {color: Black; border-style: solid; height: 2px;}
td {font-family: Verdana, Helvetica, sans-serif; font-weight: normal;}
th {font-family: Verdana, Helvetica, sans-serif; font-weight: bold;}
p {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px; font-family: Verdana, Helvetica, sans-serif;}
a:link, a:visited {color: #CC0033; text-decoration: none;}
a:active, a:hover {color: #CC0033; text-decoration: underline;}
h1 {border: 0px; margin: 0px; padding: 0px; font-size: 28px;  /* fixed size */
		text-align: left; font-weight: normal; font-family: Verdana, Helvetica, sans-serif;}
h2 {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px; font-size: 2.2em;
		text-align: center; font-weight: normal; font-family: Verdana, Helvetica, sans-serif;}
h3 {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px; font-size: 1.6em;
		text-align: left; font-weight: normal; font-family: Verdana, Helvetica, sans-serif;}
h4 {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px; font-size: 1.2em;
		font-weight: bold; text-align: left; font-family: Verdana, Helvetica, sans-serif;}
ol {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px;
		list-style-type: decimal; list-style-position: outside; font-family: Verdana, Helvetica, sans-serif;}
ul {border: 0px; margin: 0em 0em 0.5em 0em; padding: 0px;
		list-style-type: disc; list-style-position: outside; font-family: Verdana, Helvetica, sans-serif;}
li {border: 0px; margin: 0em 0em 0.2em 4em; padding: 0px; font-family: Verdana, Helvetica, sans-serif;}
input, textarea, file {font-size: 1em; padding-left: 2px; font-family: Verdana, Helvetica, sans-serif;}
select {font-size: 1em; font-family: Verdana, Helvetica, sans-serif;}
.nospace {border: 0px; margin: 0px; padding: 0px;}
.footer {margin: 0em 0em 0.5em 0em; font-size: 0.8em;}
.box {border: 0px; margin: 0em 0em 0.5em 0em; padding: 10px; background-color: #EEEEEE;}
.monospace {font-family: "Courier New", Courier, mono, serif;}
.question {margin: 0em 0em 0.5em 0em; font-style: italic;}
.answer {margin: 0em 0em 0.5em 4em;}

/* table display styles */
table.cmstable {margin-bottom: 0.5em;}
th.cmstabletitle {text-align: center;}
p.cmstabletitle {margin: 0px; font-size: 1.5em; font-weight: bold;}
th.cmstableheader {text-align: center;}
p.cmstableheader {margin: 0px; font-weight: bold;}
td.cmstablesubtitle {text-align: left;}
p.cmstablesubtitle {margin: 0px; font-size: 1.2em;}
td.cmstablenormal1 {text-align: left;}
td.cmstablenormal {text-align: center;}
p.cmstablenormal {margin: 0px;}
	
/* layout styles specific to Automotive Styling site */
td.logo {border: 0px; margin: 0px; padding: 0px; width: 170px; height: 100px;
		vertical-align: top; text-align: right;}
td.as {border: 0px; margin: 0px; padding: 0px 10px 0px 0px;	width: 590px; height: 50px;
		vertical-align: top; text-align: center; font-family: "Times New Roman", Times, serif;
		font-size: 24px; font-weight: bold; color: #808080;}
td.topsweep {border: 0px; margin: 0px; padding: 0px; width: 130px; height: 50px;
		background-color: #CCCCCC; background-image: url('topsweep.gif');
		background-repeat: no-repeat; background-position: top;}
td.maintitle {border: 0px; margin: 0px; padding: 0px 10px 0px 0px; width: 460px; height: 50px;
		vertical-align: middle; text-align: left; background-color: #CCCCCC;} /* uses h1 */
td.mainmenu {border: 0px; margin: 0px; padding: 10px 0px 0px 10px; white-space: nowrap;
		background-color: #CCCCCC; vertical-align: top; text-align: left;}
td.fakemenu {border: 0px; margin: 0px; padding: 0px 10px 0px 0px; white-space: nowrap;
		background-color: #CCCCCC; vertical-align: top; text-align: center;}
td.fakemenuintro {border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px;
		border-bottom-style: solid; border-bottom-color: #CCCCCC; margin: 0px; padding: 10px; white-space: nowrap;
		background-color: #CC0033; display: block; font-size: 12px; font-weight: normal; color: #FFFFFF;
		vertical-align: top; text-align: center;}  /* based on submenu below */
td.pagecontent {border: 0px; margin: 0px; padding: 10px 10px 10px 10px; width: 100%;
		background-color: #CCCCCC; vertical-align: top; text-align: left;}
td.bottomspacer {border: 0px; margin: 0px; padding: 0px 0px 0px 10px; width: 170px; height: 50px;
		background-color: #CCCCCC; vertical-align: middle; text-align: left;
		font-size: 12px; color: #000000;}
td.bottomsweep {border: 0px; margin: 0px; padding: 0px; width: 130px; height: 50px;
		background-color: #CCCCCC; background-image: url('bottomsweep.gif');
		background-repeat: no-repeat; background-position: bottom;}
td.bottombrandlogos {border: 0px; margin: 0px; padding: 0px; width: 460px; height: 50px;
		text-align: right; vertical-align: bottom;}
td.bottomautotxtlogo {border: 0px; margin: 0px; padding: 0px 10px 0px 0px; width: 90px; height: 50px;
		text-align: right; vertical-align: bottom;}
td.copyright {border: 0px; margin: 0px; padding: 0px 10px 0px 10px; height: 20px;
		vertical-align: bottom;}
p.copyright {border: 0px; margin: 0px; padding: 0px; font-size: 12px; color: #808080;}
.box20em {width: 20em;}
.red {color: #CC0033;}

/* paragraph styles for the menu and submenu (subsubmenu uses the same paragraph style as submenu) */	
.menu {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #CC0033;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	white-space: nowrap;
	text-decoration: none;
	}
.submenu {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #CC0033;  /* if changing, do ".transMenu .background" AND  ".transMenu .item, .transMenu .item:visited" as well */
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}
	
/* paragraph styles for the menu and submenu WHEN SELECTED (subsubmenu uses the same paragraph style as submenu) */	
.menusel {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	white-space: nowrap;
	text-decoration: none;
	}
.submenusel {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}

/* hyperlink styles for top level menus (linked with p.menu above) */
a.menulink, a.menulink:visited {
	margin: 0px;
	display: block;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0px;
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	}
a.menulinksel, a.menulinksel:visited {
	margin: 0px;
	display: block;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0px;
	text-decoration: none;
	color: #CC0033;
	background-color: #FFFFFF;
	width: 100%;
	}
a.menulink:hover, a.menulinksel:hover, a.menulinktranshover, a.menulinktranshover:hover, a.menulinktranshover:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 2px;
	padding-top: 1px;
	border: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #CC0033;
	width: 100%;
	}

/* hyperlink styles for second level menus (linked with p.submenu above) */
a.submenulink, a.submenulink:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #CC0033;
	width: 100%;
	}
a.submenulinksel, a.submenulinksel:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0px;
	text-decoration: none;
	color: #CC0033;
	background-color: #FFFFFF;
	width: 100%;
	}
a.submenulink:hover, a.submenulinksel:hover, a.submenulinktranshover, a.submenulinktranshover:hover, a.submenulinktranshover:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 3px;
	padding-top: 2px;
	border: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #CC0033;
	width: 100%;
	}

/* hyperlink styles for third level menus (linked with p.submenu above) - only difference to submenu is left indent */
a.subsubmenulink, a.subsubmenulink:visited {
	text-decoration: none;
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 4px;
	border: 0px;
	background-color: #CC0033;
	color: #FFFFFF;
	width: 100%;
	}
a.subsubmenulinksel, a.subsubmenulinksel:visited {
	text-decoration: none;
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 4px;
	border: 0px;
	background-color: #FFFFFF;
	color: #CC0033;
	width: 100%;
	}
a.subsubmenulink:hover, a.subsubmenulinksel:hover, a.subsubmenulinktranshover, a.subsubmenulinktranshover:hover, a.subsubmenulinktranshover:visited {
	text-decoration: none;
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 4px;
	background-color: #FFFFFF;
	color: #CC0033;
	width: 100%;
	}
	
/* floating popup menus - each TR.item is one menu item - based on submenu / subsubmenu */
.transMenu .item, .transMenu .item:visited {
 	margin: 0px;
	display: block;
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	background-color: #CC0033;  /* should be the same as p.submenu above */
	color: #FFFFFF;
	}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .itemhover {
 	margin: 0px;
	display: block;
	font-size: 14px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	background-color: #FFFFFF;
	color: #CC0033;
	}	
	
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
	}
	
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	background-color: #CC0033;  /* should be the same as p.submenu above */
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

