﻿* { margin:0; padding:0;}
body {background:url(../../images/tail-top.jpg) left top repeat-x #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#000000;}

textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

select { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

input { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

td input.short {width:136px;}
td input.long {width:200px;}
td input.vlong {width:420px;}
td textarea.ibox {width:280px;}
td select.short {width:136px;}
td select.long {width:280px;}

.prodtablewrapper {
	width:870px;
	overflow:hidden;
	margin:0;
	padding-top: 0;	
}

.prodtablewrapper Table{
	border: 1px solid #000000;
	width: 651px;
	text-align: center;
	margin:auto;
	padding: 0px;
}

.prodtablewrapper TD p{
	margin: 0px;
	padding: 0px; !important
}

.prodtablewrapper TD{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	vertical-align: top;
}

.prodtablewrapper TD.tdHeader{
	background-color: #CCCCCC;
}

.prodCenterImage{
	text-align: center;
	border: 1px solid #000000;
}



.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.bars { overflow:auto;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.prodwrapper {
	width:870px;
	overflow:hidden;
	padding-left: 50px;	
}

.prodwrapper p{	padding-right: 30px;}

.container { width:100%;}

p { margin-bottom:16px;}

.tail-top { }
.tail-bottom
{
    background: url(../../images/tail-bottom.gif) left bottom repeat-x;
    width: 100%;
	height:98px;
}

/*==================forms====================*/
select { vertical-align:middle; font-weight:normal;}
input { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#search-form { float:right; padding:51px 4px 0 0;}
#search-form input.text { width:185px; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; background:url(../images/search-bg.gif) left top repeat-x #262627; font-family:Tahoma, Geneva, sans-serif; font-size:.91em; padding:5px 0 4px 8px; color:#8c8e8f; margin-right:5px;}
#search-form input.submit { background:url(../../images/submit.gif) no-repeat left top; width:26px; height:24px; border:none;}

#contacts-form label { display:block; height:32px;} 
#contacts-form label input { width:211px; padding:5px 0 3px 7px; color:#8c8c8d; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; background:#2c2c2d; font-size:.91em;}
#contacts-form textarea {width:211px; height:140px; padding:5px 0 2px 7px; margin-bottom:21px; color:#8c8c8d; overflow:auto; background:#2c2c2d; border:1px solid #404141; border-left:1px solid #000; border-top:1px solid #000; font-size:.91em;}

/*==================list====================*/
ul { list-style:none;}
.head-list
{
    padding: 106px 0px 0px 65px;
}
.head-list li { background:url(../../images/head-list-bg1.jpg) no-repeat left top; font-size:1.17em; padding:24px 0 12px 33px;}
.head-list li.item2 {background:url(../../images/head-list-bg2.jpg) no-repeat left top; padding:13px 0 12px 33px;}
.head-list li.item3 {background:url(../../images/head-list-bg3.jpg) no-repeat left top; padding:13px 0 18px 33px;}
.head-list li a { color:#e9f4ff; text-decoration:none;}
.head-list li a:hover { text-decoration:underline;}

.banners { width:100%; overflow:hidden; padding-bottom:9px;}
.banners li { float:left; width:303px; margin-right:10px; margin-top:15px; height:141px; line-height:1.17em; color:#a4a6a8;}
.banners li.tall { float:left; width:303px; margin-right:10px; margin-top:15px; height:289px; 
line-height:1.17em; color:#a4a6a8;
}
.banners li.banner1 { background:url(../../images/banner1.jpg) no-repeat left top;}
.banners li.banner2 { background:url(../../images/banner2.jpg) no-repeat left top;}
.banners li.banner3 { background:url(../../images/banner3.jpg) no-repeat left top; margin-right:0;}
.banners li div { padding:18px 20px 0 146px;}
.banners li div.prodImage {
	float:left;
	width:150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	border: 3px ridge #000000;
	margin-top:10px;
	margin-left:5px;
}
.banners li div.prodText {float:right;width:125px; height:130px;padding-top: 10px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}
.banners li h5 { color:#ffcc00;}
.banners li p { margin-bottom:15px;}

.products {width:680px;}
.products li { float:left; width:165px; height:185px; margin-top:5px; margin-right:5px;}
.products li.productPic { background:url(../../images/productImageBack.jpg) no-repeat left top;}
.products h5.productHeader {text-align: center; margin-top:5px;margin-bottom:5px;}
.products div.productImage {text-align: center; border-style: solid; border-width: 2px; border-color: black;}
.products a {
	color: #FEB144;
	text-decoration: none;
	text-align: left;
}
.products a:hover {color:#FFFFFF;}

.list1 li { list-style-position:inside; font-weight:bold; color:#4ba2e5; padding-bottom:4px;}

.list2 dt { padding-bottom:6px;}
.list2 dt strong { font-size:.83em; color:#fff; display:block; font-family:Tahoma, Geneva, sans-serif; padding-bottom:3px;}
.list2 dt a { color:#feb144; text-decoration:none; font-weight:bold;}
.list2 dt a:hover { color:#fff; text-decoration:underline;}
.list2 dd {
	font-size: 10px;
	line-height: 1.08em;
	background: url(../../images/line-hor.gif) left bottom repeat-x;
	padding-bottom: 15px;
	margin-bottom: 18px;
}

.list2 dd.noline {
	background-image: none;
}

.bull-list{
	font-size: .9em;
	list-style-position:inside;
	list-style-type:disc;
}

.bull-list-black{
	color:#000000;
	font-size: .9em;
	list-style-position:inside;
	list-style-type:disc;
	margin-left:20px
}

.list2 dd.last { background:none; border-bottom:1px solid #505153;}
.list2 dd.alt { background:none; border:none; padding-bottom:8px; margin-bottom:0;}

.list3 { border-bottom:1px solid #505153; padding-bottom:20px; margin-bottom:20px;}
.list3 li { list-style-position:inside; font-weight:bold; color:#feb144; padding-bottom:4px; font-size:1.1em;}
.list3 li a {color:#feb144; text-decoration:none;}
.list3 li a:hover { text-decoration:underline;}

.list4 li { padding-bottom:3px;}

.list5 li { list-style-position:inside; font-weight:bold; color:#4ba2e5; padding-bottom:4px; font-size:1.1em;}
.list5 li a { text-decoration:none;}
.list5 li a:hover { text-decoration:underline;}

/*==================other====================*/
.img-indent { margin:0 30px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 30px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:36px;}

/*==================txt, links, lines, titles====================*/

/*==================normal anchors====================*/
a {color:#000000;}
a:hover{text-decoration:none;color:#FFFF00;}
/*====================================================*/

h2 { font-weight:normal; color:#181919; font-size:1.4em; line-height:1em; letter-spacing:-1px; margin-bottom:13px; padding-top:8px;}
.StrongHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
	line-height: 1.0em;
	padding:15px 0 0 80px; 
}

h2.alt { padding-top:0;}
h3 { font-size:2em; color:#fff; border-bottom:1px solid #444647; padding:0 0 13px 0; font-weight:normal; letter-spacing:-1px; line-height:1em; margin-bottom:17px;}
h3.alt { border:none; margin-bottom:0;}
h4 { font-size:2em; color:#181919; border-bottom:1px solid #d0d0d0; padding:22px 0 13px 0; font-weight:normal; letter-spacing:-1px; line-height:1em; margin-bottom:17px;}
h5 { font-size:1.1em; margin-bottom:16px; line-height:1.07em;
}
h6 { font-size:1.5em; color:#000000; margin-bottom:16px; margin-left:5px; line-height:1.07em; font-weight:bold; }

.txt1 { color:#000; font-family:Tahoma, Geneva, sans-serif;}
.txt1 a { color:#000; font-family:Arial, Helvetica, sans-serif;}
.txt2 a { font-size:1.1em; color:#181919; font-family:Arial, Helvetica, sans-serif; font-family:Tahoma, Geneva, sans-serif;}

.link1 { background:url(../../images/arrow1.gif) no-repeat left 6px; padding:0 0 0 18px; font-weight:bold; color:#fff; font-size:1.1em;}
.link2 { background:url(../../images/arrow2.gif) no-repeat left 6px; padding:0 0 0 18px; font-weight:bold; color:#181919; font-size:1.1em;}
 
.button { background:url(../../images/button-bg.gif) left top repeat-x; display:block; color:#fff; font-weight:bold; float:left; padding:6px 11px 8px 14px; text-decoration:none;}
.button:hover { text-decoration:underline;}

.button1 { background:url(../../images/button1-bg.gif) left top repeat-x; display:block; color:#fff; font-weight:bold; float:left; padding:7px 11px 8px 14px; text-decoration:none;}
.button1:hover { text-decoration:underline;}

.line-hor { background:#505153; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}
.line-hor1 { background:#dbdbdb; height:1px; overflow:hidden; font-size:0; line-height:0; margin:25px 0 20px 0;}
.line-ver { background-image:url(../../images/line-ver.gif); background-repeat:repeat-y; width:100%;}
.line-ver1 { background-image:url(../../images/line-ver1.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box {background:url(../../images/right-top-corner.jpg) no-repeat right top #3d3d3e; width:100%; color:#a4a6a8;}
.box2 {
	width:100%;
	color:#a4a6a8;
	background-color: #666666;
}
.boxSize230 {
	height:150px;
	margin-top:78px;
	margin-bottom:34px;
	padding-top:15px;
	text-align: center;
}
.box .inner { padding:36px 40px 30px 40px;}

.cont-box { padding:0 125px 0 0; margin:0;}
.cont-box span { float:right;}

.block { padding-bottom:45px;}

/*header*/
#header .row-1 {height:100px;background: url(../../images/logo.jpg) no-repeat left;}
#header .row-1 .head_text{ color:#7a7a7a; padding: 25px 0px 60px 540px;}
#header .row-1 .head_text h3{margin:0; padding:0; border-style: none;font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #FFCC00;text-transform: uppercase;}
#header .row-1 .head_text p { margin:0; padding:0;}
#header .row-1 .head_text p span
{
    color: #FFFFFF;
    font-weight: bold;
} 
#header .row-2 {border: 7px solid #FFFFFF;height: 31px;background-color: #333333; background-image: url(../../images/row2_back.gif);background-repeat: repeat-x;}
#head-highlight{height: 303px;margin: 0 0 10px 0; background: url(../../images/main-bg.jpg) no-repeat left;}

/*content*/
#content { padding-bottom:23px;}
#content .indent { padding:14px 0 0 24px;}
#content .indent1 { padding:0 0 0 24px;}

/*footer*/
#footer .fleft { padding:5px 0 0 4px;}
#footer .fleft strong { color:#000;}
#footer .fright { padding:21px 55px 0 0; background:url(../../images/mail.jpg) no-repeat right 12px; text-align:right;}
#footerNav {margin:0;padding:0;list-style-type:none;width:700px;float:left; font-size:.8em;}
#footerNav li {margin:0;padding:0;float:left;width:185px; text-align:center;}
#footerNav a {text-decoration:none; line-height:1.5; }
#footerNav a:hover {text-decoration:underline;}

/*==========================================*/

/*header*/

#headerNav {
	margin:0;
	list-style-type:none;
	width:900px;
	float:left;
	font-size:1.0em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#headerNav li {
	margin:0;
	padding:0;
	float:left;
	width:100px;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

#headerNav #nav_brakes{
	border-right-style: none;
}

#headerNav a {text-decoration:none; line-height:1.5; }
#headerNav a:hover {
	text-decoration:underline;
	width:100px;
	height:31px;
	background-color: #FFFFCC;
}

#productsandservices {margin: 0 0 10px 0;}           

/*==========================================*/
.banners li div.subText{
	display: inline;
	float:left;
	width:300px;
	color:#000000;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
    height: 139px;
}
