@charset "utf-8";
* { margin: 0; padding: 0; outline: 0; border: 0; }
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #333333;
	background: #e7e7e7 url(../images/bodybg.jpg) center center repeat-y;
}
small, .blachgray { color: #0f0506; }
.darkred { color: #bf1e2e; }
h1, h2, h3, h4, h5, h6 { color: #bf1e2e; margin: 0 0 0.75em 0; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1em; }
h4 { font-size: 0.875em; }
h5 { font-size: 0.75em; }
h6 { font-size: 0.75em; font-weight: normal; }
p, li, td, th { font-size: 0.75em; margin: 0 0 1.5em 0; line-height: 1.33em; }
li { margin-bottom: 0.75em; }
th, td { padding: 0.25em; }
ol, ul { margin: 1em 1em 2em 3em; }
ul.roundarrow { margin: 0 0 0.5em 1.25em; list-style-image: url(../images/icon-roundarrow.jpg); }
ul.roundarrow li { line-height: 11px; font-size: 11px; margin: 0 0 4px 0; }

a { color: #be1e2d; text-decoration: none; }
a:hover { text-decoration: underline; }
li li, td td, td p, li p, td li { font-size: 1em; }
hr { background: #fff url(../images/horibar.png) center center no-repeat; height: 14px; border: none; width: 100%; margin: 0 0 8px 0; padding: 0; line-height: 14px; font-size: 10px; display: block; clear: both;}
small { font-size: 0.825em; }
p a { color: #333; font-weight: bold; }
li a { color: #333; }


#maincontainer { background: url(../images/contentbg-top.png) center 173px no-repeat; }
#header { width: 976px; margin: 0 auto; height: 192px; overflow: hidden; }
#headertop { background: url(../images/header-bg.jpg) left top no-repeat; height: 112px; overflow: hidden; position: relative; margin-bottom: 2px; }
#headertop .callexpert { width: 241px; height: 50px; position: absolute; left: 345px; top: 42px; text-align: center; color: #fff;  font-weight: bold; font-size: 16px; padding: 3px 0 0 0; }
#headertop .callexpert strong { color: #be1e2d; font-size: 1.75em; line-height: 0.9em; }
#headertop .imgbox { width: 364px; height: 82px; text-align: center; position: absolute; top: 9px; right: 17px; }
#headertop a.wheelbaselogo { width: 330px; height: 60px; display: block; text-decoration: none; position: absolute; top: 38px; left: 5px; }
#headertop a.wheelbaselogo span { display: none; }

#topnav { height: 29px; overflow: hidden; background: url(../images/topnav-bg.png) left top repeat-x; }
#topnav table { margin: 0; padding: 0; list-style: none; height: 29px; border-collapse: collapse; border-spacing: 0; width:auto; }
#topnav table td { margin: 0; padding: 0; line-height: 29px; height: 29px; overflow: hidden; }
#topnav .inner { background: url(../images/topnav-rightbg.png) right top no-repeat; }
#topnav a { display: block; text-decoration: none; height: 29px; background-position: right top; background-repeat: no-repeat; background-image: url(../images/but-bg.png); color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 29px; padding: 0 15px; }
#topnav a:hover, #topnav a.active { background-position: right bottom; }
#topnav a#but-home { background-image: url(../images/but-home.png); width: 63px; padding: 0; }
#topnav span { display: none; }

#topnav-bot { background: url(../images/topnav-bottombar.jpg) left top no-repeat; height: 35px; overflow: hidden;  padding-left: 220px; }
#topnav-bot h1 { line-height: 35px; color: #fff; }

#container { background: url(../images/contentbg-bot.png) center bottom no-repeat; padding: 0 0 20px 0; }
#contentarea { background: url(../images/contentbg.png) center center repeat-y; }
.wrapper { position: relative; padding: 8px 0; width: 976px; margin: 0 auto; }
.leftcol { float: left; width: 161px; padding: 0 0 0 11px; }
.midcol { float: left; width: 610px; padding: 0 11px; }
.rightcol { float: left; width: 150px; padding: 0 11px 0 11px; text-align: center; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.leftcol img { margin-bottom: 6px; border: 1px solid #c6c6c6; }
.leftcol .noborder { margin: 15px 0 6px 0; border: none; }

.productitem { width: 141px; float: left; margin: 1em 11px 0em 0px; }
.productitem img { width: 99px; height: 90px; overflow: hidden; display: block; margin: 0 0 18px 0; }
.productitem p { margin-bottom: 1em; }
.productitem p a { color: #333; }
.productitem h4 { margin-bottom: 0.33em; }

a.but-visitfullwebsite { background: url(../images/but-visit-our-full-website.png); width: 189px; height: 22px; display: block; text-decoration: none; }
* html .but-visitfullwebsite { cursor: hand; }
a.but-visitfullwebsite span { display: none; }

.floatright { float: right; }
.floatleft { float: left; }

.box { margin: 0 0px 11px 0; padding: 5px; border: 1px solid #c6c6c6; text-align: left; }

.rightcol .productitem { width: auto; float: none; margin: 1em 0 1em 0; text-align: center; }
.rightcol .productitem img { margin: 0 auto; margin-bottom: 10px; }
.rightcol .productitem h3, .rightcol .productitem h4 { color: #0f0506; margin-bottom: 0.33em; }
.rightcol .productitem h3 a,  .rightcol .productitem h4 a { color: #0f0506; }
.rightcol .productitem p { margin-bottom: 0; }

#footer { margin: 25px 15px 0 15px; border-top: 1px solid #cddbdf; color: #666666; }
p.wheelbase { background: url(../images/wheelbaselogo.png) left top no-repeat; height: 23px; font-size: 23px; line-height: 23px; padding: 0 0 0 133px; color: #cc3333; margin: 15px 0; }
p.copyright { font-size: 11px; line-height: 17px; }
p.copyright span { padding: 0 5px; }