body { /* background color */ /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	margin: 0px 0px 0px 0px; /* top right bottom left */
    background-image: url(../images/bg-2.jpg);
    background-attachment: fixed;
    background-position: top;
    background-repeat: repeat-x;
    background-color: black;

}

h1{
	font-size: 30px;
	margin: 4px 0px;
	}
.ddsmoothmenu{
font: bold 12px Verdana;
width: 100%;
  background-color: transparent;
  z-index:1
}

.ddsmoothmenu ul{
z-index:1;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin-left: 10px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block; /*background of menu items (default state)*/
color: black;
padding: 4px 4px;
border-right: 0px solid #778;
color: #2C2C2C;
text-decoration: none;
  background-color: #f5f5f5
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #5B5B5B;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #5B5B5B;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold
}

.ddsmoothmenu ul li a:hover{
color: #426384;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
margin: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
padding:0px;
margin: 0;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px Verdana;
width: 190px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px #91760c;
}

.ddsmoothmenu ul li ul li a:hover{
background-color: #CFCFCF;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

.eventtext {
    color: #FF0000; /* text color */
	font-family: Verdana; /* font name */
	font-size: small; /* font size */
  font-weight: bold
}
.eventdate {
    color: #000000; /* text color */
	font-family: Verdana; /* font name */
	font-size: x-small; /* font size */

}
.invizon {
    color: #343434; /* text color */
	font-family: Verdana; /* font name */
	font-size: small; /* font size */


}
.button {
	color: #FFFFFF; /* text color */
	font-family: Verdana; /* font name */
	font-size: small; /* font size */
  font-size-adjust: -5;

}

.input, textarea, select {
	font-family: Verdana; /* font name */
	font-size: small; /* font size */
}

a:active {
	color: #316AC5;
    text-transform: none;
    text-decoration: none /* active link color */;
    font-weight: normal
}

a:link {
	color: #1a557f;
    text-transform: none;
    text-decoration: none /* link color */;
    font-weight: normal
}


a:hover{
	color: #2679B7;
    text-transform: none;
    text-decoration: underline ;
    font-weight: lighter
}
a:visited {
	color: #2679B7;
    text-transform: none;
    text-decoration: none /* visited link color */;
    font-weight: normal
}

.blockheader{
  border-bottom-color: #A9A9A9;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-size: small;
  font-weight: normal;
  text-transform: uppercase;
  font-style: normal;
  border-top-color: #A9A9A9;
  border-top-style: solid;
  border-top-width: 1px
}


/* Site layout */
.ewLayout {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	width: 100%;
	height: 100%;
}

.ewHeaderRow {
	background-color: #e8e8e8; /* background color */
}
.maintable {
    background-attachment: fixed;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
    background-color: transparent;

}

.ewContentTable {
	font-family: Verdana; /* font name */
	font-size: small; /* font size */
	width: 100%;
	height: 100%;


}

.ewMenuColumn {
	background-color: #000000; /* background color */
	width: 150px;
	vertical-align: top;
	padding: 4px;

}

.ewContentColumn {
    background-attachment: fixed;
    background-color: #ffffff;
	vertical-align: top;
	padding: 0px;
    border-left-width: 0px;
    border-left-color: #000000;
    border-right-color: #000000;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-top-color: #ffffff;
    border-top-width: 0px;
    border-top-style: solid;
    border-left-style: solid
}

.ewFooterRow {
	background-color: transparent; /* background color */
	color: #878787; /* footer font color */
	padding: 0px;
}

.ewFooterText {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

/* main table */
.ewTable {
    
    width: auto; /* table width */
	color: #464646; /* text color */
	font-family: Arial; /* font name */
	font-size: small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
  background-color: #FFFFFF;

}

/* main table data cells */
.ewTable td {
	padding: 0px; /* cell padding */
	border: 0px solid; /* cell spacing */
	border-color: #CCCCCC;  /* table background color */
}

.ewTable .feature_cont h2 b{
	/*color: #0061CA;*/	
	color: #CF8300;
}

.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}
.Headerfont {color: #1a557f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.ewSearchOpr {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	color: #FFCC00;
}
.ewsmalltext {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	color: #FFCC00;
}
.ewListAdd {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
}

.invizonlist td {
	color: #FFFFFF; /* text color */
	font-family: Verdana; /* font name */
	font-size: small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top; 
}

.ewAddOption td {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	padding: 2px; /* cell padding */	
	border: 0px;	
}

/* Table with dotted spacers */
.ewTableInner {
	background-color: transparent; /* header color */
	color: #727272; /* header font color */
	vertical-align: top;
  border-left-color: #696969;
  border-left-style: dashed;
  border-left-width: 0px;
  border-right-color: #696969;
  border-right-style: dashed;
  border-right-width: 0px;
  table-layout: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small
}


/* main table header cells */
.ewTableHeader {
	background-color: transparent; /* header color */
	color: #727272; /* header font color */
	vertical-align: top;
}

.ewTableHeader a:link {	
	color: #727272; /* header font color */	
}

.ewTableHeader a:visited {
	color: #727272; /* header font color */
}

/* main table row color */
.ewTableRow {
	background-color: transparent;  /* alt row color 1 */
	padding-top: 5px;
}

.ewTableRow #home img{
	margin: 0px;	
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: transparent; /* alt row color 2 */
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: transparent; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
   background-color: transparent; /* highlight color */
}

/* main table select color */
.ewTableSelectRow {
	background-color: transparent; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: transparent; /* footer color */

}

/* separator */
.ewSeparator {
    color: gray;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
} 

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
  text-shadow: #ffffff
}

/* highlight */
.ewHighlightSearch {
	font-weight: bold;
	background-color: yellow;
}

/* Ajax */
.ewAstList {
	border: 1px solid black;
	position: absolute;
	padding: 0;
	white-space: nowrap;

}

.ewAstListBase {
	position: absolute;
	padding: 1;
}

.ewAstListItem {
	color: black;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding: 1;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: #5A5A5A; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px; /* border */	
}

.ewMultiPagePager td {
	padding: 0px; /* cell padding */
}

.searchbx  {
color: #282828; /* message color */
	font-family: Verdana; /* font name */
	font-size: x-small; /* font size */
  text-shadow: #000000
}

/*END_SYSTEM_STYLES*/


/*justin's for home*/

.home_text{
	background-color: black; 
	display: block; 
	color: #DFDFDF; 
	font-size: 10px; 
	width: 95%;
	margin: 0 auto;
	}
.home_text p{
	margin: 8px 0px;	
}
	
.home_text a{
	color: #BF7500;
	text-decoration: none;
	font-weight: bold;
	}
	
.home_text a:hover{
	color: #FF9C00;
	text-decoration: underline;
	}
	
.home_text h1{
	font-size: 34px; 
	margin: 0; 
	padding: 0;
	color: #22799E;
	}
	
.home_text h2{
	margin: 5px 0px 5px 0px;
	padding: 0; 
	font-size: 14px; 
	font-weight: bold;
	}
	
.slide-out-div {
    padding: 20px;
    width: 250px;
    background: #ccc;
    border: 1px solid #29216d;
}

.feature_cont{
	margin: 0px 20px;
	}
	
.feature_cont h1{
	font-size: 28px;
	margin: 0px 0px 4px 0px;
	padding: 0;
	}
	
.feature_cont h2{
	margin: 10px 0px;
	padding: 0;
	color: #0061CA;
	font-size: 25px;
	}
	
.feature_cont h3{
	margin: 10px 0px;
	padding: 0;
	color: #0061CA;
	font-size: 20px;
	}
	
.feature_cont p{
	margin: 0;
	padding: 0;
	}
	
.feature_cont ul{
	margin-top: 0px;
	}
	
#chart h2{
	color: #5F5F5F;	
}

#chart h2 b{
	color: #5F5F5F;	
}
	
#chart td{
	border: 1px solid black;
	text-align: center;
	font-size: 12px;
	padding: 0px 4px;
	}
	

#chart td a{
	text-decoration: underline;	
	color:#00458F;
}

#chart td a:hover{
	color: red;
}

.feature_cont li{
	padding-bottom: 4px;	
}

	
#spo{
	padding-right: 15px;	
}

#menu { padding: 0; }
#menu li { display: inline; font-size: 14px; }
#menu li a { background: #B6B6B6; padding: 10px; float:left; border-right: 1px solid #3F3F3F; border-bottom: none; text-decoration: none; color: #000; font-weight: bold;}
#menu li a:hover{ color: #2B6AC5;}
#menu li.active a { background: #E0E3EF url(/images/muffler_book/bottom_arrow.jpg) no-repeat; background-position: bottom center; border-top: 1px solid #3F3F3F; color: #2B6AC5; }
.tab-content { float: left; clear: both; border: 1px solid #ccf; border-top: none; border-left: none; background: #E0E3EF; padding: 10px 20px 20px; width: 940px; text-align: left;}

.tab-content h2{
	font-size: 24px;
	color: #2B6AC5;	
	margin: 0;
}

.tab-content h3{
	font-size: 20px;	
	margin: 4px 0px;
}

.tab-content h4{	
	font-size: 14px;
	margin: 4px 0px 0px 0px;
	padding: 0;
}

.tab-content p{
	margin: 4px 0px 6px 0px;	
}

.muffler_stage{
	background-color: white;
	width: 930px;	
	border: 1px solid black;
}

.muffler_left{
	float: left;
	width:	200px;
	background: url(/images/muffler_book/left_background.jpg) repeat-y;
	padding: 8px;
	font-size: 10px;
	font-weight: 200;
	border-right: 1px solid black;
}

.muffler_left a{
	font-weight: bold;
	text-decoration: underline;
}

.muffler_right{
	float: left;
	width: 680px;
	background-color: white;
	position: relative;
}

.muffler_box{
	float: left;
	margin-left: 10px;
	height: 400px;
	position: relative;	
}

.muffler_box a{
	font-weight: bold;	
}

.muffler_box a:hover{
	text-decoration: underline;	
}

.made_in_usa{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0px 0px 0px 10px;	
}

.image_specs{
	margin-left: 20px;
	position: relative;
	top: -50px;	
	font-weight: 200;
}

.listen_button{
	margin-top: 10px;	
	float: left;
}

.dyno_chart_button{
	margin-top: 10px; 	
	margin-left: 3px;
	float: left;
}

.details_button{
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 5px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.indent{
	margin-left: 6px;	
}

.reg{
font-size:xx-small; vertical-align:top;		
}

.audio_popup{
padding: 40px; 
color: white; 
text-align: center; 
font-size: 16px;
font-family: arial; 
font-weight: bold;	
}