.clear {
 clear: both;
}

/****  Header Styles  ****/

#header {
	background: url('/img/header-trans.jpg') no-repeat top left;  /****  this is white bg at top of page	  ****/
	width: 770px;
	height: 111px;     /****  Adjust dist betw Home and header divider	  ****/
	position: relative;
	font-family:Arial, Verdana, Tacoma, Comic Sans MS;
	font-size: large;
	color: #609;
	font-style: normal;
	top: -2px;
}

#header #logo {
 position: absolute;
 border: 0;
 left: 8px;
 top: 8px;
}

#header ul {
 position: absolute;
 bottom: 50px;
 right: 8px;
 list-style: none;
 _display: block;
}

#header ul li {
 float: left;
 margin-left: 4px;
 _display: inline;
 _margin-left: 8px;
}

#header ul li a:after {
 content: " |";
}

#header ul li:last-child a:after {
 content: "";
}

#header ul li a {
 color: #333;
 font-size: 1.1em;
 font-family:Arial, Verdana, Tacoma, Comic Sans MS;
 text-decoration: none;
 border-bottom: 2px solid #fff;
}

#header ul li a:hover {
 color: #000;
 border-color: #f99;
 _color: red;
}

/****  END Header Styles ****/




/****  top slide area modify BOTH OF THESE IN THE SAME MANNER AT THE SAME TIME****/
/**** for background color, width/height, Your 1-Stop... verbiage, see embedded javascript ****/

.centerdiv{ /*IE method of centering a relative div*/
 margin: 0 right;
 font-size: 2em;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 color: gold;
}

.centerdiv>div{ /*Proper way to center a relative div*/
 margin: 0 right;
 font-size: 2em;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 color: gold;
}

/**** END top slide area ****/




/****  this is the big buttons at the top of the page	  ****/
#buttonnav {
	width: 770px;
	height: 80px;     
	position: relative;
	font-family:Arial, Verdana, Tacoma, Comic Sans MS;
	font-size: 1.25em;
	color: gold;
	font-style: normal;
	}





/**** Menu Styles ****/

#menu ul {
	list-style-type: none;
}

#menu #Title /**** this is the "Wheels" title in the nav bar ****/
{ padding: 2px 0 2px 0px;  _width: 100%; display: block; color: gray; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none; background: transparent }

/**** lines separating the nav items ****/
#menu ul li {
 border-bottom: 1px solid #ccc;
 border-bottom-color: gold;	
}

/**** top line of the nav items ****/
#menu ul li:first-child {
 border-top: 0px solid #ccc;
 border-top-color: gold;
}

/****  This is the navigation links area  ****/

#menu a:link    /* initial state of the link */    
{ padding: 2px 0 2px 0px;  _width: 100%; display: block; color: white; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none; background: transparent }

#menu a:visited    /* stays this color after being clicked - like history */    
{ padding: 2px 0 2px 0px;  _width: 100%; display: block; color: white; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none; background: transparent }

#menu a:focus   /* has no effect??? */   
{ padding: 2px 0 2px 0px;  _width: 100%; display: block; color: green; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none;background: transparent }

#menu a:hover      /* turns this color when mouse is hovered over it */     
{  padding: 2px 0 2px 0px;  _width: 100%; display: block; color: black; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none; background:  #716E71 }

#menu a:active  /* turns this color when pressed */   
 { padding: 2px 0 2px 0px;  _width: 100%; display: block; color: gold; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-style: normal; font-weight: 700; text-decoration: none; background: transparent }

/**** END Menu Styles ****/


/****  Content Styles  ****/

#content {	/****  This covers all text in the content area  ****/
 font-size: 1.25em;
 color: white;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 line-height: 1.5em;
 width: 70%;       /****  this is the width of the main content area to right of nav  ****/ 
}

#content_txt {	/****  This also covers text in the content area  ****/
 font-size: .75em;
 color: white;
 font-style:normal;
 font-weight:600;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 line-height: 1.25em;
 width: 100%;       /****  this is the width of the main content area to right of nav  ****/ 
}

#content_subtitle {	/****  This also covers text in the content area  ****/
 font-size: 1em;
 color: gold;
 font-style:normal;
 font-weight:bold;
 text-align:center;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 line-height: 1.25em;
 width: 100%;       /****  this is the width of the main content area to right of nav  ****/ 
}

#content_cartpg {	/****  This covers only the text on the cart page, which is the link to terms and conditions  ****/
 font-size: 1em;
 color: white;
 font-style:normal;
 text-decoration:underline;
 text-align:center;
 font-weight:300;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 line-height: 1.25em;
 width: 100%;       /****  this is the width of the main content area to right of nav  ****/ 
}

#content_pmntpg {	/****  This covers only the text on the pmnt page, which is the link to shipping info  ****/
 font-size: 1em;
 color: white;
 font-style:normal;
 text-decoration:underline;
 text-align:left;
 font-weight:300;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 line-height: 1.25em;
 width: 100%;       /****  this is the width of the main content area to right of nav  ****/ 
}

#content #intro {
 width: 584px;     /****  this also controls the width of the main content area to right of nav, in the intro  ****/
 _width: 620px;
 min-height: 262px;
 _height: 262px;
 background: url('/img/home/intro.jpg') no-repeat top right;
 position: relative;
 top: -2px;
}

/****  controls text inside the intro box  ****/
#content #blacktext {
 width: 350px;
 color:#000;
 font-size:12px;
 line-height: 1.5em;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 position: relative;
 top: 5px;
 left: -100px;
}

#content #intro h1 span {
 color: red;
 font-size: 1.2em;
 font-weight: bold;
}

#content #intro h1 em {
 font-weight: bold;
}

#content #intro h1 {
 width: 350px;
 font-size: 1.4em;
 line-height: 1.5em;
 margin-top: 0;
}

#content #intro p strong {
 font-size: 1.4em;
 font-style: italic;
}

#content h1 {
 margin: 0 0 .5em 0;
 font-size: 3em;
 color: #333;
 font-weight: normal;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}

#content #intro + h1 {
 margin-top: 1.5em;
}

#content h2 {
 font-weight: 600;
 margin: .25em 0 .1em 1;
 font-family:Arial, Verdana, Tacoma, Comic Sans MS;
 font-size: 1.25em;
 color:	gold;
 font-style: normal;
 width: 100%;
 text-align:center;
}

#content h1 {
 font-weight: 500;
 margin: 1.5em 0 .5em 1;
 font-family:Arial, Verdana, Tacoma, Comic Sans MS;
 font-size: 1em;
 color:	gold;
 font-style: normal;
 width: 100%;
 text-align:center;
}

/****  control the descriptive paragraph  ****/
#content p {
 width: 500px;    /****  control the descriptive paragraph to the left of the gallery images  ****/
 font-size: 1em;
 line-height: 1.5em;
 margin: 1.5em 0 .5em 0;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 color: #FFF;
}

#content dl {
 font-size: 1.4em;
 margin: 1.5em 0;
 color: #333;
 border-bottom: 2px solid #eee;
 padding-bottom: 5px;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}

#content dl dt {
 margin-top: .5em;
 font-size: 1.2em;
 letter-spacing: 1px;
 color: #000;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}

/**** this is the TITLE text under the four pics on home page - i.e., "Wheel Adapters..." ****/
#content #products dl dt {
 font-size: .7em;
 margin: .5em 0 .25em 0;
 font-weight: bold; 
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}

/**** this is the text under the four pics on home page ****/
#content dl dd {
	line-height: 1.5em;
	font-size: .7em;
	font-family: Arial, Verdana, Tacoma, Comic Sans MS;
}

/**** this is the asterisk under the pics ****/
#content p.note:before {
 color: #777;
 font-size: 1em;
 font-weight: bold;
 content: "* ";
}

#content p.note {
 color: #777;
 font-size: 1em;
 font-style: italic;
}

#content a {
 color: #333;
}

#content a:visited {
 color: black;
}

/**** this is the 4 pics and text under it, on the first page ****/
#content #products {  
 clear: both;
 width: 120px;
 font-family: Arial, Verdana, Tacoma, Comic Sans MS;
 background-color: transparent ;
 color: white; 
 line-height: 1.25em;
 font-weight: medium;
 float: left;
 margin-left: 8px;
 font-size: 1em;
}

#content #pictures {
 width: 192px;
 float: right;
 margin-left: 16px;
 *margin-left: 0;
}

#content #pictures h2 {
 margin-top: 0;
 margin-bottom: 0px;
 letter-spacing: 9px;
 color: #FFF;
 font-size: 1.5em;
 border-bottom: 2px solid #ccc;
}

#content #pictures dl {
 border: 0;
 margin: 0;
}

#content #pictures dt {
 float: left;
 width: 100%;
 font-size: .8em;
 margin-top: 1em;
 color: #FFF;
 letter-spacing: 1px;
 font-weight: normal; 
 font-family: Arial, Verdana, Tacoma, Comic Sans MS; 
}

#content #pictures dl dd {
 float: left;
}

#content #pictures dl dd img {
 border: 1px solid #000;
 margin: 8px 8px 0 0;
 width: 54px;
 height: 54px;
}

#content #pictures p {
 font-size: .75em;
 width: 100%;
}

#content dl.contact {
 float: left;
 width: 240px;
 border-bottom: 0;
 margin-top: 0;
}

#content dl.contact dt:first-child {
 margin-top: 0;
}

#content #youtube {
 width: 184px;
 margin-right: 8px;
 margin-left: 16px;
 *margin-left: 0;
 margin-top: -10px;
 float: right;
 _position: absolute;
 _right: 118px;
}

#content #youtube p.caption {
 width: 184px;
 font-size: 1.2em;
 margin: 0;
 padding: 0;
 position: relative;
 top: -1em;
}

#content #flashMessage {
 border: 2px solid #eee;
 margin-right: 8px;
 padding: 5px;
 font-size: 1.3em;
}

/****  END Content Styles  ****/

/**** copyright  ****/
#copy {
 color: #CCC;
 font-style: normal;
 font-family:Arial, Verdana, Tacoma, Comic Sans MS;
 font-size:10px;
}

.normtxt { color: white; font-weight: 600; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
P.normtxt { color: white; font-weight: 600; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
td.normtxt { color: white; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-weight: 525; background-color: transparent }
tr.normtxt { color: white; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-weight: 600; background-color: transparent }
div.normtxt { color: white; font-weight: 600; font-size: .75em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
p.titlefont { color: white; font-weight: bolder; font-size: 16px; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
tr.titlefont  { color: white; font-weight: bolder; font-size: 16px; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
div.titlefont  { color: white; font-weight: bolder; font-size: 18px; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
.redtitle { color: red; font-weight: 900; font-size: larger; font-family: Arial, Verdana, Tacoma, Comic Sans MS }
tr.redtitle { color: red; font-weight: 900; font-size: larger; font-family: Arial, Verdana, Tacoma, Comic Sans MS }
tr.normtxtsmall { color: white; font-weight: plain; font-size: 14px; font-family: Arial, Verdana, Tacoma, Comic Sans MS; background-color: transparent }
body.bg { background-color: black }/**** this changes the entire site's background color. The dark maroon is #2D002B ****/
/**** tr.rightcolumn { padding-top: 3px; margin-center: 0px; width: 770px; float: center }   right column  ****/
td.AAA { color: white; font-size: 1em; font-family: Arial, Verdana, Tacoma, Comic Sans MS; font-weight: 300; font-style:normal; text-align:left; width: 100%; line-height: 1.25em; background-color: transparent }