@charset "utf-8";

@import "niftyCorners.css";
@import "lightbox.css";
@import "tutorsty.css";
@import "flexcrollstyles.css";


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000;
	margin:0px;
	padding:0px;
}


#main {
	width:962px;
	background:url(../images/layout/center_bg.gif) top center repeat-y;
	margin:0 auto;
}


#menu {
	width:960px;
	height:42px;
	background: url(../images/layout/div_menu_bg.gif) top center no-repeat;
	margin:4px 0px 10px 1px;
}

#menu_list {	
	width:700px;
	margin:0px auto;
}


#three {
	width:931px;
	text-align:center;
	margin:17px auto 0px auto;
}

#three .left {
	background: #141212;
	
	width:249px;
	height:270px;
	
}





#three .rtop {
	/*background:url(../images/ads_banners/traders_top.gif); */
	float:left; 
	width:249px; 
	height:130px;
}

#three .rbottom {
	clear:left;
	 width:249px;
	 height:140px;
}
/*#three .rtop:hover {
	background:url(../images/ads_banners/traders_top_o.gif);
}*/


#content {
	background: url(../images/layout/content_top.gif) top center no-repeat #FFF;
	padding:15px;
	margin:16px 1px 0px 1px;
}

#content, #content p {
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:90%;
}

 #content #textbox {
	width:702px;
} 


#textbox a, #textbox2 a {
	color:#333;
	text-decoration:none;
}

#textbox a:hover, #textbox2 a:hover {
	text-decoration:none;
}

div#banner-container{
	float:right;
	width:195px;
	/*background-color:#000;*/
	margin:19px 0px 0px 10px;
	padding:10px
}

div#banner-container img {margin:2px 0;}

#banner {
}

#content img {
	float:left;
	/*margin:3px 10px 6px 0px;*/
}

#content h1 {display:block; background:none;  padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; width:auto; color:#1f86c2; font-weight:normal;}

/*#content h1 {
	display:block;
	background:#CCC;
	padding:5px 5px 0px 5px;
	width:690px;
}*/

#content h2 {display:block; background:none;  padding:0px 0px 0px 0px; margin:10px 230px 5px 0px; width:auto; color:#1f86c2; border-bottom:1px solid #ccc; font-weight:normal;}

/*#content h2 {
	display:block;
	background:#CCC;
	padding:5px 5px 0px 5px;
}*/

#footer {
	height:60px;
	color:#666;
	font-size:70%;
	text-align:center;
}


.purchase {
	background:#333;
	color:#fff;
	font-size:110%;
	padding:5px;
	text-align:center;
}

.table_float {
	float:left;
}

.table_float .center {
	width:190px;
	height:194px;
	display:block;
	height:215px; 
	margin:0 auto;
}

.table_float h2 {
	padding:0px;
	margin:0px 0px 10px 0px;
}

.xypipes h4, .xypipes h5, .xypipes h6,
.mufflers h4 , .mufflers h5 .mufflers h6, 
.mufflers table h4, .mufflers table h5, .mufflers table h6,
.cats h2, .cats h1, .cats h3, .cats h4, .cats h5, .cats h6,
.cats table h1, .cats table h2, .cats table h3, .cats table h4, .cats table h5, .cats table h6{
	padding:0px;
	margin:0px;
	
}

.xypipesh1 h1{
	margin-top:0px;
	width:500px !important;
}


.cats h1 {
	background:#333 !important;
	color:#FFF;
	font-size:80%;
	margin-top:2px;
	width:95% !important;
}

.cats h3 {
	font-size:140%;
	background:none;
}

.cats h2 {
	background:none !important;
	font-size:110% !important;
	padding:0px !important;
}


.xypipes h6, .mufflers h6, .cats h6 {
	background:#333;
	color:#fff;
	font-size:75%;
	padding:0px 0px 0px 6px;
}

.mufflers table h6, .cats table h6{
	padding:1px 3px 1px 3px;
	font-size:75%;
}


.cats p {
	margin:0px;
	padding:0px;
	font-size:83% !important;
}

.xypipes p, .mufflers p {
	margin:0px;
	padding:0px 0px 0px 5px;
	background:#CCC;
}

.mufflers table p {
	padding:0px 3px 0px 3px;
	font-size:83% !important;
}

.cats table p {
	padding:0px 3px 3px;
	font-size:83% !important;
	background: #ccc;
}


.mufflers img{
	float:left;
}

.mufflers .cent {display:block; width:183px; height:139px; margin:0 auto;}

.cats .cent {display:block; width:210px; height:141px; margin:0 auto;}


.mufflers table {
	clear:both;
	padding-bottom:25px;
	padding-top:5px;
	width:95%;
	margin:0 auto;
}


.mufflers .narrow {
	clear:both;
	margin-bottom:35px;
	margin-top:5px;
	width:55%;
	margin:0 auto;
}

.mufflers h6.more_info {
	font-size:90%;
	background:#333;
	color:#fff;
	text-align:center;
}

.single_link {
	display:block;
	margin-top:20px;
}

.single_link a {
	text-decoration:none;
	font-weight:bolder;
	color:#000;
	border-left:1px solid #666;
	border-right:1px solid #666;
	padding:1px 6px 1px 6px;
	font-size:90%;
}

.single_link a:hover {
	background:#000;
	color:#0CF;
}

#callback input, #callback textarea {
	border:none;
	background:none;
}

#callback {
	color:#666;
}


.forms {
	margin:0px 6px; display:block; width:695px; background:#CCC; font-family:'trebuchet MS', Verdana, Arial, helvetica, sans-serif; font-size:100%; padding:5px;
}

.forms input, .forms textarea {
	border:none;
	background:none;
}

.curves {
	background:#fff;
	padding:3px 4px;
	margin-right:50px;
	width:400px;
}

.curves2 {
	background:#CCC;
	padding:3px 4px;

	width:175px;
}


.forms td {
	font-weight:bolder !important;
}

.forms .important {
	color:#C33;
}

.forms .f_buttons {
	background:black;
	font-weight:bolder;
	color:#39F;
	padding:4px;
}

.forms2 .f_buttons {
	background:black;
	font-weight:bolder;
	color:#39F;
	padding:4px;
}

.forms .f_buttons:hover {
	color:#36F;
	background:#000;
}

.forms2 .f_buttons:hover {
	color:#36F;
	background:#000;
}


.formh1 {
	display:block; 
	height: 20px; 
	margin-bottom:20px; 
	margin-top:0px; 
	padding:0px 0px 5px 5px !important; 
	font-size:120%; 
	background:#333 !important; 
	color:#CCC !important;
	}

.formh1b {
	display:block; 
	
	margin-bottom:4px; 
	margin-top:0px;
	vertical-align:middle;
	
	font-size:120%; 
	background:#333 !important; 
	color:#CCC !important;
	width:185px !important;
	}


.address p {
	font-size:98% !important;
}

.address h2 {
	width:300px;
}

.opening {
	background:#333;
	color:#CCC;
	position:relative;
	top:80px;
	left:175px;
	width:160px;
	padding:8px;
	font-weight:bolder;
	font-size:85%;
	text-align:center;
	float:right;
	
}

div#telw{
	width:680px;
	background:black;
	color:#09F;
	font-size:120%;
	text-align:center;
	padding:5px;
	font-weight:bolder;
	margin:1px 0px;
}



.transport h6 {
	font-size:90% !important;
	padding:0px;
	margin:0px;
}

.transport p {
	padding:0px;
	margin:0px;
}

.transport td {
	border-bottom:1px solid #666;
}

.mapsml {
	float:left;
	margin-top:80px;
	margin-left:20px;
	width:250px;
}

.customb {
	text-align:left;
}

.customb h2 {
	margin:5px 0px 6px 0px;
	padding:0px 0px 0px 10px !important;
	width:470px;
	background: #fff url(../images/decro/customb_h2_bg.gif) repeat-y !important;
	color:#FFF;
}


.custom {
	background:#F4F4F4;
	padding:10px;
	margin-bottom:20px;
}

div#applist {
	background:#212121 url(../images/decro/applist_bg.gif) no-repeat 80% -5% ;
	padding-top:1px;
	margin-bottom:20px;
	width:703px;
}

#applist p {
	margin:0px;
	padding:0px;
}

#applist ul li {
	padding:3px;
	color:#FFF;
	font-weight:bolder;
}


.question {
	margin-bottom:15px;
	padding-top:15px;
	
}

.question a {
	background:#EAEAEA;
	color:#142D3A;
	font-weight:bolder;
	padding:1px 7px;
	text-transform:uppercase;
	font-size:70%;
	text-decoration:none;
}

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

.answer {
 width: 640px; background-color:#333; display:none; padding:10px; margin-top:-10px;
}

.answer p {
	color:#fff !important;
	font-weight:bolder;
}

.answer ul li, .answer ul ol {
	color: #fff !important;
}



.gallerythumbs ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.gallerythumbs h4:hover {
	color:#333333;
}
.gallerythumbs li {
	float:left;
	list-style:none;
	display:block;
	height:180px;
	padding:5px;
}
.gallerythumbs a {
	text-decoration:none;
	display:block;
	float:left;
}

.gallerythumbs .vid_link a {display:inline; clear:both; border-top:1px dotted #999; margin-left:35px;}

.gallerythumbs h4 {
	padding:0px;
	margin:0px;
	clear:both;
	text-align:center;
	font-size:85%;
}

#ticker {
	text-align:left;
	
}

#ticker .rss {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ccc;
	padding:5px;
	
}

#ticker a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #09F;
}

#ticker a:hover {
	color:#03C;
}

#ticker h1, .rss h2 {
	color:#ccc;
}

#ticker h1 {
	font-size:90%;
}

#ticker h2 {
	font-size:80%;}

#ticker .date {
	font-size:70%;
	color:#666;
}

#ticker .description {
	font-size:75%;
	color:#CCC;
}

div#mfgirl{
	background:#EAEAEA;
	padding:10px;
}

div#mfgirl h1 {font-size:140%; width:670px;}

div#mfgirl .h1-normal h1 {background:none !important; font-size:90% !important; font-weight:normal;}

.mfgirl {
	margin-top:0px;
	color:#333 !important;
	width:670px;
}

.spokestable {
	color:#333;
	font-size:75%;
	font-weight:bolder;
	
}

.spokestable td {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

div#spokespersons {
	background:#ccc;
	padding:10px;
	
}

div#spokespersons h2 {
	background:#fff;
	margin-top:0px;
}

.dealerh3 {
	margin:30px 0px 0px 0px;
	padding:0px;
}

.tradeformh1, tradeformh2 {
	width:660px !important;
}

div#maptext {
	float:left;
	width:390px;
	margin-right:10px;

}

.fmap {
	float:right;
	margin-right:10px;
}

.footerlnks a {
	color:#555;
	text-decoration:none;
	padding:3px 7px;
	text-transform:uppercase;
	font-size:85%;
	font-weight:bolder;
}

.footerlnks a:hover {
	color:#09F;
}

/* bottom banners ============================== */

#banners img {margin:2px; width:235px; height:113px; background:#666; display:block; float:left;}
#banners {margin:10px 2px; padding-left:1px;}


/* content float left & right ========================= */
#textboxx .left { width:310px; height:285px; float:left; padding-right:15px; border-right:1px solid #CCC;}
#textboxx .right { width: 585px; float:left; padding-left:15px;}
#textboxx .right p, #textbox .left p {padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;}
#textboxx h1, #textbox2 h1 {display:block; background:none; border-bottom:1px solid #e5e5e5;  padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; width:auto; color:#1f86c2; font-weight:normal;}
#textboxx {height:300px; width:auto; display:block;} 
#textboxx ul {margin:0px; padding:0px;}
#textboxx ul li {list-style:none;}
#textboxx img { margin:3px 10px 6px 0px;}
#textboxx .right a.link, #textbox2 a.link {color:#06C; text-decoration:underline;}
#textboxx .right a:hover.link, #textbox2 a:hover.link {text-decoration:none; cursor:pointer;}
#textboxx .right a {color:#333; text-decoration:none;}
#textboxx .right a:hover, #textbox2 a:hover {text-decoration:none; cursor:text;}

.imglink a {display:block; float:left; width:310px; height:92px; background-image:url(../images/ads_banners/magnaflowshop.jpg); background-position:bottom;}
.imglink a:hover {background-position:top;}


#textbox2 {background:#e5e5e5; margin-top:10px; padding:5px;}
#textbox2 p {padding:0px 0px 0px 0px; margin:0px 0px 10px 0px;}
#textbox2 .left{width:520px; float:left; margin-right:20px; padding-right:20px; border-right:1px solid #999;}
#textbox2 .right{float:left;} 
#textbox2 h1 {padding-bottom:2px !important;}
#textbox2 img {float:right; margin:0px 0px 0px 5px;}


#recentprojects a, #mfrange a, #customb a, #whymf a, #products a {color:#06C;} 

#recentprojects a:hover, #mfrange a:hover, #customb a:hover, #whymf a:hover, #products a:hover {text-decoration:none;} 

/* Recent projects ==================== */
#recentprojects .left {float: left; margin-right:5px;}
#recentprojects ul {margin:0px 0px 0px 16px; padding:0px;}
#recentprojects h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1f86c2; font-weight:normal; background:none !important;  width:auto !important; margin:10px 0px 5px 0px !important; padding:5px 0px 3px 0px !important; border-bottom:1px solid #e5e5e5;}
#recentprojects .right {float:right;}
#recentprojects img {margin-right:8px;}


/* MF Range ======================== */
#mfrange img {margin-left:1px;}
#mfrange ul {margin:10px 0px 0px 15px; padding:0px;}
#mfrange h1 {background:none; color:#1f86c2; border-bottom:1px solid #e5e5e5; font-weight:normal;}
#mfrange {margin:15px 0px;}

/* Custom Exhaust steps =================== */
#customb p {margin: 10px 0px;}
#customb table td {border-bottom:1px dotted #999;}
#customb table td.last {border-bottom:none;}
#customb {background:#e5e5e5; padding:10px 5px; margin:15px 0px;}
#customb td p {font-weight:bolder !important;}
#customb .left {float:left; width:450px; margin-right:10px;}



/* Why Magnaflow home page section ======================= */

.whymf {font-size:85%; margin:15px 0px; }
.whymf td {text-align:center;}
.whymf td img {padding-left:28px;}
.whymf h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1f86c2; font-weight:normal; background:none !important; border-bottom:1px solid #e5e5e5;  width:auto !important; margin:10px 0px 20px 0px !important; padding:5px 0px 3px 0px !important;}
.whymf table td {border-right:1px solid #CCC;}
.whymf table td.first {border-left:1px solid #ccc !important;}

/* home page products ============================== */
.from {font-weight:bolder; font-size:110%; color:#F60;}
#products a {font-size:85%;}
#products {margin:10px 0px;}
#products h2 {width:930px !important;}

/* divider ================================ */
.divider {background:#CCC; display:block; width:auto; clear:both; height:1px; margin:10px 0px 10px 0px; position:relative; top:5px;}


/* bottom div ======================== */
#bottom-div {background:url(../images/decro/bottom_div.jpg) top center no-repeat; display:block; height:30px; width:930px;}
#bottom-div .f-right {float:right; margin-top:15px; margin-right:3px;}


/* Links page list ================================ */

.links ul {margin:0px; padding:0px;}
.links ul li {list-style:none; margin:10px;}
.links ul li a {text-decoration:underline !important;}
.links ul li a:hover {color:#CCC !important; text-decoration:none !important;}

/* Exhaust Tags ======================= */


.exhausttags a {color:#666; font-size:110%; line-height:20px; text-decoration:none;}
.exhausttags a:hover {text-decoration:none;}