@charset "utf-8";

/* BODY+WRAPPER+HEADER+CONTENT------------------*/

html, body  {	margin: 0;	padding: 0;}

body {/* background: #111 url(../img/site/n_bk_body-2.png) repeat-x center top;*/background-color:#262728;
	text-align: center;}

div.wrapper {	width : 994px;margin: 0 auto 0px; padding:0;position : relative;
/*	border-left: 1px solid #111;	border-right: 1px solid #111;*/ border-bottom:1px solid red;
} 

#header { background: url(../rotator/header.gif) black no-repeat center top;
	height: 110px;	padding: 0; text-align:left; margin:0 0 1px 0; position:relative;}
.header_top_space	{height:89px; width:990px; margin:0 padding:0;}

.homex	{background: url(../img/site/menu-home-icon.gif) no-repeat 0px 0px scroll transparent; display:block; width:46px; height:31px; float:left;}
.homex:hover	{background: url(../img/site/menu-home-icon.gif) no-repeat -46px 0px scroll transparent;}

#logos {	height: 68px; padding: 0;
	background-image: url(../img/site/n_bk_logos.png);
	background-repeat: no-repeat;}

#logos-cartek-w, #logos-typex-w, #logos-typex, #logos-matrix-w, #logos-trucktek, #logos-trucktek-w 
{	height: 55px; width: 994px; padding: 0; background-repeat: no-repeat;}

#logos-cartek-w { background-image: url(../img/site/div-logos-cartek-w.jpg);}
#logos-typex-w { background-image: url(../img/site/div-logos-typex-w.jpg);}
#logos-typex {	background-mage: url(../img/site/div-logos-typex-w.jpg);}
#logos-matrix-w { background-image: url(../img/site/div-logos-matrix-w.jpg);display:none;}
#logos-trucktek {	background-image: url(../img/site/div-logos-trucktek.jpg);}
#logos-trucktek-w {	background-image: url(../img/site/div-logos-trucktek-w.jpg);}

#content {clear: both; height: 1%; overflow:hidden;
	background-color:#fff; margin:0; text-align:left;}
#content a { outline: 0;}
#content a img {border:0; outline: 0;}

/* place for BANNERS--------------------*/

#banners { clear: both; height: auto; padding: 0px 7px 0px 7px;
	background: url(../img/site/n_bk_banners.png) repeat-y;
	text-align: left; display:none;}

#banners img { padding: 24px 3px 0px 3px;}
 
#hotitem { background: url(../img/site/n_bk_banners.png) repeat-y;
	width: 944px; height: 5px; padding: 0;margin: 0;display:none;}
.hot  { float: left;margin: 0; border: 0; padding: 10px 0 0 13px;}
.clear  {clear: both;}

.scroller-panel	{background-color:#000; padding-left:2px; padding-top:0px; margin:4 0 0 0; border:0; }

/* place for MAKE AND MODEL MENUS--------- */

#left {	float: left;width:230px; margin-left: 0px;	margin-top: 0px;}
 
#right {	float: left;padding-top: 12px;font: normal 11px arial, verdana, helvetica, sans-serif; font-size: 11px; letter-spacing: 0.02em; color: #6a6a6a; border-left:1px solid #f1f2f3; padding-left:10px; margin-left:10px;}
#right br {	margin: 0;	padding:0;	line-height: 2px;}

#right_l {	float: left;  margin: 0;  padding: 0;	width: 248px;}	
#right_l a {text-decoration: none;color: #9DA2AA;}
#right_l .partnumber {	font: 12px Verdana, Geneva, sans-serif;	letter-spacing: 1px;}
#right_l .still2 { width: 106px; height: 86px; padding:6px 2px 6px 2px; margin: 0 0 0 0;/*border: solid 1px #e1e1e1;*/}
#right_r {	margin: 0 0 0 5px;	float: left;}
#right_r h2 {  color: red;  margin:0;  padding: 0 0 4px 0;  font-size: 16px;}

.thumbnail{float: left;width: 106px;padding: 0 12px 16px 0;}

/* place for MAKE AND MODEL MENUS STYLE2------------*/

#left_st2 {	float: left;	width: 426px;	margin-left: 20px;	margin-top: 7px; font: normal 13px arial, helvetica, verdana, sans-serif; color: #444;}
#left_st2 h1, #left_st2 h3  {    color: red; font-size: 130%; line-height: 25px;margin: 0; padding: 4px 0 0 0;
}
#left_st2 h4  {  padding: 18px 0 0 0px;  font-size: 110%;  margin: 0;  color: red;}
#left_st2 p{color: #444444;}

#right_st2 {width: 505px; float:left; margin:0; padding:1px 0 0 24px; font: normal 11px verdana, helvetica; letter-spacing: 0.01em;	color: #8a8a8a;}
#right_st2 img {float: left;padding:3px 10px ;margin:0; }


#right_st2_l { float: left;  margin: 0;  padding: 0;	width: 248px;}
#right_st2_l a {text-decoration: none;color: #9DA2AA;}
#right_st2_l .partnumber { font-family: arial, helvetica, verdana, sans-serif;	font-size: 12px; letter-spacing: 1px;}
#right_st2_l .still2 { width: 106px; height: 86px; padding: 6px 2px 6px 2px; margin:0; border: solid 1px #e1e1e1;}
#right_st2_r { margin: 0 0 0 5px; float: left;}

/*.thumbnail {float: left;width: 106px;padding: 0 12px 16px 0;}*/
.thumbnail {float: left;width: 106px;padding: 0 4px 3px; border: 1px solid #D1D2D3; border-radius:5px; margin:2px; text-align:center;}

/* OTHER ITEMS----------------------------*/

.pmini  {font-size: 9px;	color: red;	margin: 0;}
.mini  {float:left;	font-size: 11px; width: 200px; color: red;	margin: 0;}
.desc2  {width: 480px; float:left; font-size: 14px; font-weight: bold;
	margin: 0;  padding: 0 0 14px 0;  color: #111;}
#desc2  {width: 480px; float:left; font:bold 16px arial, verdana, helvetica, san-serif;	margin: 0;  padding: 0 0 4px 0;  color: red;}
#desc  {width:480px;font-size: 14px;line-height: 1.6em;margin: 0;
 padding: 0 0 12px 0; color:#666;}

/* features style-------------------------- */

.h4-head {color: red; font: bold 100% Verdana, Helvetica;margin: 0;padding: 8px 0 0 14px;}
.head-img  {margin: 0;padding: 18px 0 0 24px;}

.features {line-height: 1.45em;  margin: 0;  padding: 5px 0 20px 0;}
.features li  {padding: 0 0 6px 0;}
.features a  {color: red;  text-decoration: none;}

hr  {color: red;margin: 0;padding: 0;}

.features2 {width: 630px;font-size: 11px;line-height: 1.6em;margin: 0; padding: 0px 0 26px 0;}
.features2 li  {padding: 0 0 2px 0;}
.features2 closer  {padding: 0 0 0px 0;}
.features2 a  {color: red;  text-decoration: none;}
.feature-right  {font-size: 120%;}
.features2 h1 {color: red; font-size:150%;margin: 0;padding: 0px 0 10px 0;}
.features2 h2 {color: 040404;font-weight: bold;margin: 0;padding: 0 0 30px 0;}
.features2 h3 {color: red;font-weight: bold;margin: 0;padding: 0 0 30px 0;}
.features2 h4 {color: red;font-size: 110%;margin: 0;padding: 18px 0 0 0;}
.features2 br {margin: 0px 0 20px 0;}

.features2 br.br-terms {margin: 0;padding: 8px 0;}
.features2 p.interp {margin: 0;padding: 0 0 12px 0;}
.features2 span.terms {color: #434343;font-weight: bold;}

/*style for the seats----------------------------*/
.seats {  width: 74px;   height: 90px;  padding: 2px 10px 2px 10px;
	margin: 0 0 0 0; border: solid 1px #e1e1e1;}

.SeatsThumb {float:left; width:99px; padding:0 2px 8px 0;
margin:0; font-size:10px;color: #989898; text-align: center;}

.headline h3 { float:left;width: 430px;margin: 0;padding: 4px 0 2px 0;
font-weight: bolder;color: red;}

.mainhead  {margin: 0; padding: 0 0 14px 0;
	text-align: left; font:bold 16px arial, verdana, helvetica, san-serif; color: Red;}
  
.shellhead  {margin: 0; padding: 0 0 14px 0;
	text-align: left; font-size: 13px;
  font-weight: bold; color: black;}


.shellhead-red  {margin: 0; padding: 0 0 14px 0;
	text-align: left; font-size: 13px;
  font-weight: bold; color: red;}
  
/*form style--------------------------------------*/

input { background-color: #fbfbfb; width: 370px;height: 24px;
    border: 1px solid #e2e2e2; color: #343434;}

textarea {background-color: #fbfbfb; border: 1px solid #e2e2e2;
    color: #343434; width: 370px;}

.button-small {background-color: #e2e2e2; border: 1px solid #e4e4e4;
	color: #343434; height: 26px; margin-right: 10px; width: 100px;}
	
/* BRAKE------------------------------*/


#brake {	background: url(../img/site/n_bk_brake.png) no-repeat;
	clear: both; height: 44px; width:994px; padding: 0;}

#brake-wp {	background: url(../img/site/n_bk_brake-wp.jpg) no-repeat;
	clear: both; height: 44px; width:994px; padding: 0;}


/*NPP PANEL------------------------------*/

.npp { padding: 0;margin: 0; background-color:#111; overflow: hidden; height: 1%;
	font: 12px arial, helvetica, verdana, sans-serif;	text-align: left; }

.npp a { color: #ccc; text-decoration: none;}
.npp a:hover { color: #f3f3f3;}
.npp h4 {padding: 0px 0 12px 0; margin: 0; font-size: 12px;}

.npp_box {float: left; width: 138px; padding:24px 0px 20px 20px;}
	
.npp_box h4 {color: red;}
.npp_box ul {padding: 0; margin: 0; list-style: none; }
.npp_box li {padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223; }
.npp_box .last {padding-right: 0;}

.npp_box2 {float: left;	width:300px;	padding:24px 0px 20px 16px;}
.npp_box2 ul { padding: 0; margin: 0; list-style: none; }
.npp_box2 li { padding: 4px 0px; margin: 0; 	border-bottom: 1px dotted #212223; }
.npp_box2 .last {padding-right: 0;}
.npp_box2 h4 {	color: #ffa000;}

.npp_box3 { float: left;	width: 195px; padding:24px 0px 3px 14px;}
.npp_box3 ul { padding: 0; margin: 0; list-style: none;}
.npp_box3 li { padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223;}
.npp_box3 .last {padding-right: 0;}
.npp_box3 h4 { color: #ffa000;}

.npp_box_large { float: left;	width: 410px; padding:24px 0px 20px 24px;}
.npp_box_large ul { padding: 0; margin: 0; list-style: none;}
.npp_box_large li { padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223;}
.npp_box_large .last {padding-right: 0;}
.npp_box_large h4 { color: #ffa000;}	

.newsimg{float:left; width: 120px; height:65px; border:1px solid #666;border-radius:6px;margin:4px;}
	
/*FOOTER . COPY------------------------------*/
#footer { padding: 0;margin: 0; background-color:#262728; overflow: hidden; height: 1%;
	font: 11px Verdana, Geneva, sans-serif;	text-align: left; }

#footer a { color: #ccc; text-decoration: none;}
#footer a:hover { color: #f3f3f3;}
#footer h4 {padding: 0px 0 12px 0; margin: 0; font-size: 11px;}

.footer_box {float: left; width: 148px; padding:24px 0px 20px 20px;}
	
.footer_box h4 {color: red;}
.footer_box ul {padding: 0; margin: 0; list-style: none; }
.footer_box li {padding: 3px 0px 5px; margin: 0; border-bottom: 1px dotted #505152; }
.footer_box .last {padding-right: 0;}
.footer_box p	{margin: 3px 0 12px; color:#bbb; line-height:17px;}
.footer_box p:hover	{color:#f3f3f3;}
.footer_box2 {	float: left;	width: 364px;	padding:24px 0px 20px 40px;}
.footer_box2 ul { padding: 0; margin: 0; list-style: none; }
.footer_box2 li { padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223; }
.footer_box2 .last {padding-right: 0;}
.footer_box2 h4 {	color: #ffc412;}

.footer_box3 { float: left;	width: 170px; padding:24px 0px 20px 20px;}
.footer_box3 ul { padding: 0; margin: 0; list-style: none;}
.footer_box3 li { padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223;}
.footer_box3 .last {padding-right: 0;}
.footer_box3 h4 { color: #ffc412;}

.footer_box4 { float: left;	width: 220px; padding:24px 0px 20px 20px;}
.footer_box4 ul { padding: 0; margin: 0; list-style: none;}
.footer_box4 li { padding: 3px 0px; margin: 0; 	border-bottom: 1px dotted #212223;}
.footer_box4 .last {padding-right: 0;}
.footer_box4 h4 { color: #ffc412;}

/*FOOTER-COPY-QUICK-LINKS---------------------------*/

#quick-links  { clear:left;margin:0;padding: 4px 40px 20px 0;font: 9px arial, verdana, helvetica, san-serif;
	letter-spacing: 0.05em;color: red; display:none;}
#quick-links a {text-decoration: none; color: red;}
#quick-links a:hover {color: #fff;}
#quick-links span {padding: 0 7px}

#copy   {clear:both;text-align:left;padding:15px; margin:0; color: #767676; background-color:#262728; height:20px;}
#copy p { font-family: Verdana, Geneva, sans-serif; font-size: 10px;
	letter-spacing: 0.05em; margin:0; padding:0;}

.float-right  {float: right}

#copy a {text-decoration: none; color: #767676;}
#copy a:hover {color: #fff;}
#copy p.address { font: 12px arial, verdana, helvetica, san-serif; letter-spacing: 0.09em;
	color: #efefef; margin:0; padding:1px 0;}

.phone {	font-size: 13px;  padding-left: 9px;}
.d-space  {padding-right:12px;}

/*xbulbs-pages---------------------------*/

#xbulb-container { width:100%;	height:auto;overflow:hidden;position:relative;
	float:left;padding:10px 0; margin:0;background-color:#fff;
	font:12px arial, verdana, helvetica, san-serif;}

#xbulb-container h1	{color: red; margin: 0; padding: 0px 20px 0px;
	font-weight: bold; font-size: 16px; }
	
.xbulb-column {float:left;width:100%;background-color:#fff;}
.xbulb-column img {float:left; margin-right:9px; padding:0; border:1px solid #c3c3c3;}
.xbulb-column p	{color: #6a6a6a; margin:0;}
.xbulb-column h3	{color: red; font-size: 14px; padding:0; margin:1px 0 10px 0; }

.xbulb	{float:left; display:block; width: 300px; height: 160px; padding-left:20px;}
.xbulb-top	{display: block; height:10px; clear:right;}

.single-page-title	{color: red; padding-left:24px;}

.rst-table	{border: 8px solid #f3f3f3; font-family: arial, verdana, helvetica, san-serif;
font-size: 12px; background-color: #ddd; margin: 3px 0 32px 0;}

.rst-table th {background-color: #e8e8e8; margin: 0;color: #121212; font-size: 10px;
	font-weight: bold; padding: 2px 12px 2px 12px;}

.rst-table td {background-color: #f9f9f9; margin: 0;padding: 5px 0px 5px 12px; color: #444; }

.rst-model	{width: 310px;}
.rst-part	{width: 90px}

/*single page---------------------------*/

.single-nav	{padding: 0 0 6px 20px;}
.single-nav a {text-decoration: none; border:0; font: bold 12px Verdana helvetica; color:#888;}
.single-nav a:hover {color:red;}
.single-nav .subactive a	{color:red;}
.single-nav	.split {font-size: 9px; color: #999; padding: 0 10px;}

.counter{float: right; padding-right: 20px; margin-top:-8px;}
.single-page-title-h1 {background-color: #fff; text-align: left; font-size: 20px; color: red; padding: 5px 0 2px 20px; margin:0;}
.single-page-title2-h1 {background-color: #fff; text-align: left; font-size: 17px; color: red; padding: 15px 0 2px 10px; margin:0;}
.mk-md	{background-color:#fff; text-align:left; padding: 2px 0 5px 10px; margin:0; font: normal 10px/10px verdana, arial, verdana, helvetica, san-serif; color:#909090;}
.subtitle-h2 {text-align: left; color: red; font: bold 100% verdana, helvetica; padding: 12px 0 0px 20px;
		margin:0;}

/*padding space---------------------------*/

.space8 {padding-left:8px;}
.space12 {padding-left:12px;}
.space16 {padding-left:16px;}
.space20 {padding-left:20px;}
.space24 {padding-left:24px;}
.space30 {padding-left:30px;}

/*front-page-banners---------------------------*/
.front-page-banners	{width: 100%; background-color:#000; text-align:left;}
.fp-banner-title	{padding:16px 0 8px 0;}


/*nav-lines-panel---------------------------*/

.nav-line-panel {background-color:#000;width:994px; overflow:hidden;
		margin:0 0 1px 0; padding:0; text-align: left;}


.nav-line-box {float: left; padding: 14px 0 20px 16px;width: 158px;overflow:hidden;
}
.nav-line-box-2row a:active,
.nav-line-box-2row a:visited,	
.nav-line-box-2row a,	
.nav-line-box a:active,
.nav-line-box a:visited,
.nav-line-box a	{text-decoration: none; color: #9f9f9f; font: 12px/18px arial, verdana,  helvetica, san-serif;}

.nav-line-box-2row a:hover,
.nav-line-box a:hover {color: #fff;}

.nav-line-box-2row ul ,
.nav-line-box ul	{ list-style: none outside none; margin:0; padding:5px 0 0 0;}
.nav-line-row	{width: 150px; float:left;}

.nav-line-box-2row {float: left; padding: 14px 0 20px 16px;width: 300px;
		overflow:hidden;}

.nav-line-box h4 ,
.nav-line-box-2row h4 { font: bold 12px arial, verdana, helvetica, san-serif; margin:0; padding:0 0 6px; color: #fff; border-bottom: 1px solid red;}

.clear	{clear:both;height:0px;}

/*four-column-products---------------------------*/
.prd-list-panel	{width: 230px; float:left; padding:0px 0 20px 15px; margin:0; text-align:center;}
.prd-list-panel h3	{color: red; font-size: 14px; padding:4px 0 0 0; margin:0}
.prd-list-panel {font: normal 12px Arial, helvetica, san-serif; line-height: 15px; color:#444; }
.p-desc	{font: normal 12px arial, verdana, helvetica, san-serif; line-height: 16px; color:#444; padding:4px 52px 20px 24px; margin:0;}
.prd-list-panel img	{width:230px; height:184px;}

.p-desc-2{font: normal 12px arial, verdana, helvetica, san-serif; line-height: 16px; color:#6a6a6a; padding:0px 50px 20px 24px;}

.cf-shell-cell{width:230px; float:left;padding-left:14px; margin:0;}
.cf-shell-cell h4{text-align:center; padding:0; margin:0; color:black;font-size:96%}
.cf-shell-cell p{text-align:center; padding:0; margin:0; color:#555; font-size:12px;}
.cf-shell-head	{clear:left; color:red; padding-top: 20px; border-bottom:1px solid red; margin:0 10px; font-size:96%;}
.anchor	a { background:url("../img/site/anchor-top.gif") no-repeat right 4px; color:red;
		float:right; text-decoration:none; padding-right:20px; margin-right:20px;}
		
/*x-bulb-featured-product---------------------------*/
.product-feature-2col	{clear:both; width:875px; height:260px; border:1px solid #eee; margin:0 0 20px 20px; padding:0;border-radius:10px;
-moz-box-shadow: 0 0 5px #ececec;
-webkit-box-shadow: 0 0 5px#ececec;
box-shadow: 0 0 5px #ececec;}
.pf-1	{float:left; width:320px; height:230px;  padding:0px; margin:15px 0 0 5px;}
.pf-2	{float:left; width:520px; height: 230px; padding:0px; margin:15px 0px 0 15px;}