/* alamo.css - Style Sheet for AlamoMotorsports.Com */
/* Validated at http://jigsaw.w3.org/css-validator/ */

body {
  margin : 0;
  padding : 0;
  color : black;
	background : #606060;
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-size : smaller;
  border-style : none;
}

/*Styles unique to Header Section*/
#header_container {
	width : 920px;
	height : 150px;
	margin : 0 auto 0 auto;
	padding : 0;
	background : url(/images/AMSHeaderBG.gif) no-repeat top center;
  border : 0;
}

#header {
	width : 880px;
	height : 140px;
	padding  : 10px 20px 0 20px;
  margin : 0;
  border : 0;
}

#header_lh_cell {
	width : 400px;
	height : 70px;
  padding : 10px 0 0 10px;
  margin : 0;
  text-align : left;
  float : left;
  border-style : none;
}

#header_center_cell {
  width : 200px;
  height : 70px;
  padding : 10px 0 0 10px;
  margin : 0;
  color : yellow;
  text-align : center;
  float : left;
  border-style : none;
}

#header_rh_cell {
  width : 240px;
  height : 70px;
  padding : 10px 10px 0 10px;
  margin : 0;
  color : white;
  text-align : right;
  float : left;
  border-style : none;
}

/*Definitions that enable drop-down & flyout menus*/
#header_menu {
  width : 860px;
  height : 50px;
  /*padding : 60px 10px 0 30px;*/
  /*position:absolute;
  top:155px;
  margin : 0;*/
  clear:both;
  color : white;
  border : 0;
  position:absolute;
  top:155px;
  left:100px;
  /*margin:50px 0 0 75px;*/
}

#header_menu ul {
  list-style : none;
  padding : 0; 
  margin : 0;
  float : left;
  /*Widths for each menu item set separately below...*/
}

#header_menu a, #header_menu h2 {
  font : bold 11px/16px verdana, arial, sans-serif;
  display : block;
  border : 0;
  margin : 0;
  line-height : 126%;
  padding : 0;
  text-align : center;
}

#header_menu h2 {
  color : white;
  background : #000000;
}

#header_menu a {
  color : white;
  background : #000000;
  text-decoration : none;
}

#header_menu a:hover {
  color : yellow;
  background : red;
}

#header_menu li {
  position : relative;
}

#header_menu ul ul {
  position : relative;
  width : 8em;
  z-index : 500;
}

#header_menu ul ul a {
  color : yellow;
  background : #A88;
}

/*Menu Item Widths*/

#category {
  width : 90px;
}

#manufacturer {
  width : 120px;
}

#info {
  width : 8em;
}

#showcart {
  width : 120px;
}

#search {
  width : 320px;
}



/*Turns off display for first dropdown, then first/second pop-out when not hovering*/
div#header_menu ul ul,
div#header_menu ul li:hover ul ul,
div#header_menu ul ul li:hover ul ul {
  display: none;
}


/*Turns on display for first dropdown, then first/second pop-out when hovering*/
div#header_menu ul li:hover ul,
div#header_menu ul ul li:hover ul,
div#header_menu ul ul ul li:hover ul {
  display: block;
}

/*Styles unique to Content Section*/
#content_container {
	width: 920px;
	margin : 0 auto 0 auto;
	padding: 0;
	background: url(images/AMSContentBG.gif) repeat-y top center;
	border : 0;
}

#content {
	width: 840px;
	padding : 10px 40px 10px 40px;
	margin: 0;
}

#footer_container {
	width : 920px;
	height : 150px;
	margin : 0 auto 0 auto;
	padding : 0;
	background : url(http://www.alamomotorsports.com/images/AMSFooterBG.gif) no-repeat top center;
}

#footer {
	width: 880px;
	height: 130px;
	padding : 0px 20px 10px 20px;
	margin: 0;
	color : white;
	text-align : center;
	font-size : x-small;
	line-height : 175%;
	border : 0;
}

/*Images...*/
img {
  border : 0;
  /*vertical-align : middle;*/
  vertical-align : text-bottom;
}

/*The basic paragraph*/
p {
  text-align : justify;
  font-family : Verdana, Arial, sans-serif;
  margin-left : 10px;
  margin-right : 10px;
}

/*An Emphasized Paragraph*/
p.emph {
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-weight : bold;
}

/*Emphasized Text*/
.bam {
  font-family : "Verdana Bold", "Arial Bold", "Arial Black", Arial, sans-serif;
  font-size : 18px;
}

/*Fix the linefeed the IE forces after a </form>*/
form {
  display : inline;
}


/*Tables*/
table {
  /*border : 0;  This was goofing up IE*/
}

/*Define the links*/
a:link {
  color : #0000FF;
  text-decoration : none;  
  background-color : transparent;
}

a:visited {
  color : #0000FF;  
  text-decoration : none;  
  background-color : transparent;
}

a:active {
  color : #0000FF;  
  text-decoration : none;  
  background-color : transparent;
}

a:hover {
  color : #0000FF;  
  text-decoration : underline;  
  background-color : transparent;
}

/*Define the links in the Header and footer area*/
.header_footer_links a:link {
  color : white;
  text-decoration : none;  
  background-color : transparent;
}

.header_footer_links a:visited {
  color : white;  
  text-decoration : none;  
  background-color : transparent;
}

.header_footer_links a:active {
  color : white;  
  text-decoration : none;  
  background-color : transparent;
}

.header_footer_links a:hover {
  color : white;  
  text-decoration : underline;  
  background-color : transparent;
}



#new_header_container {
	width : 920px;
	height : 190px;
	margin : 0 auto 0 auto;
	padding : 0;
	background : url(images/alm-header1.jpg) no-repeat top center;
  	border : 0;
	position:relative;

}

h1#page-title{
	width:500px;
	float:left;
	height:50px;
	margin:40px 0  0 20px ;
}

h1#page-title a { /*Interesting technique...indent the text off the page, leave the anchor surrounding the image.*/
	text-indent:-4000px; 
	width:350px;
	display:block;	
	height:50px;
}


h2#slogan{
	width:90px;
	float:left;
	height:30px;
	margin:40px 0  0 0px ;
}

h2#slogan a {  /*Same technique as page-title anchor used here.*/
	text-indent:-4000px; 
	width:90px;
	display:block;	
	height:30px;
}


.clear{
	clear:both;	
}



#new_header_container {
	width : 920px;
	height : 190px;
	margin : 0 auto 0 auto;
	padding : 0;
	background : url(images/alm-header1.jpg) no-repeat top center;
  	border : 0;

}

h1#page-title{
	width:500px;
	float:left;
	height:50px;
	margin:40px 0  0 20px ;
}

h1#page-title a { 
	text-indent:-4000px; 
	width:350px;
	display:block;	
	height:50px;
}


h2#slogan{
	width:90px;
	float:left;
	height:30px;
	margin:40px 0  0 0px ;
}

h2#slogan a { 
	text-indent:-4000px; 
	width:90px;
	display:block;	
	height:30px;
}

#chat{
	width:175px;
	float:right;
	margin-top:30px;
}

.clear{
	clear:both;	
}