body {
background-color: #000033;
margin: 20px 0px 0px 0px;
overflow-y: auto;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 0.7em;
color: #787878;
}

br {clear: both; font-size: 0.1em;}
.hidden {display:none;}
img {border: 0px;}

/* layout */
#document {
width: 782px;
margin: 0 auto;
padding: 0px;
text-align: left;
background: white url('img/shdw_r.gif') no-repeat top right;
}

#head {
height: 25px;
margin-right: 12px;
padding-top: 10px;
text-align: right;
background: white url('img/bg_head.jpg') no-repeat 10px 10px;
}
:root #head {
height: 57px;
}
#head h1 {
margin: 0px;
padding: 0px;
}
#head a {
display: block;
height: 57px;
margin: 0px 10px;
background-position: right bottom;
background-repeat: no-repeat;
}
#head span {
display: none;
}

#navigation {
	margin: 0px 0px 10px;
	width: 694px;
	padding-top: 10px;

}
#navigation h2 {
text-align:right;
clear:both;
font-size: 1em;
width: 137px;
padding: 3px 8px 3px 8px;
margin: 0px 1px 1px 0px;
float: left;
cursor: default;
font-weight: normal;
}

#navigation a {
display: block;
width: 137px;
margin:0px;
margin-left: expression((navigator.appVersion.indexOf('MSIE 5') > -1) ? '-16px' : '0px');
padding: 3px 8px 3px 8px;
background-color: #AFAFAF;
text-decoration: none;
color: white;
}
#navigation .active {background-color: #000033;}

#navigation li {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#navigation li {
border-bottom: 1px white solid;
}
:root #navigation a, :root #navigation h2 {
width: 122px;
}

#navigation a:hover {
background-color: #646464;
}
#navigation ul {
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
width: 555px;

}

/* no-js */
#navigation a {
background-image: url('img/border_w.gif');
background-repeat: repeat-y;
background-position: top right;
}
#navigation li {
float: left;
}

.homepage #content, .sitemap #content {margin-top:0px !important;}
#content {
	background-color:#E6E6E6;
	float: right;
	width: 555px;
	margin-right: 11px;
	margin-bottom: 20px;

}
:root #content {
margin-right: 22px;
}

#content img{
	float: left;
}

#context {
width: 185px;
float: left;
margin: 0px 0px 10px 5px;

}
:root #context {
margin-left: 10px;
}

#foot {
margin: 0px;
padding:0px;
list-style-type: none;
height: 12px;
background: #6E6E6E url('img/shdw_b.gif') no-repeat 0px 0px;
}
#foot li {display: none;}

#metanavi {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding:5px 0px 0px;
	clear:both;
	height: 2em;

}
#metanavi li {
float: left;
padding: 0px 6px 0px 6px;
border-right: 1px #787878 solid;
}
#metanavi .last {
border: 0px;
}

/* doc style */
.bikes #tab1, .accessories #tab2, .clothing #tab3, .info #tab4 { background-color: #000033 !important; }

#head a { background-image: url('img/home.gif'); }
.bikes #head a { background-image: url('img/bikes.gif') !important; }
.accessories #head a { background-image: url('img/accessories.gif') !important; }
.clothing #head a { background-image: url('img/clothing.gif') !important; }
.info #head a { background-image: url('img/info.gif') !important; }

.sitemap #content {background-color: white;}

.homepage #context {display: none;}
.homepage #content {width: 750px;background-color: white;}

.flexiway #context {display: none;}
.flexiway #content {width: 750px;background-color: white;}
.flexiway #content p{
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #666666;
	padding-left: 0px;
}

.homecol {float:left;width:370px;overflow:hidden;margin-right:10px; }
.homecol.last {margin-right:0px;}
.homecol p {background-color:#E6E6E6;height:85px; padding-left: 10px !important;}
:root .homecol p {height: 65px;}
.homepage h3 {height:70px !important;}
.homecol h3 {height: 40px !important;}
.prodlink {display:block;height:70px;background-image:url(img/h_flexiway.gif); background-position:0px 0px;background-repeat:no-repeat;border-bottom: 10px white solid;}
.prodlink:hover { background-position: 0px -60px; }

:root .prodlink {height:60px;}

/* text */
p.center {text-align:center; padding-left: 10px !important;}

a:active {
text-decoration: underline !important;
}
hr {display:none;}

p {
padding: 10px 10px 10px 149px;
margin: 0px;
line-height: 140%;
color: #787878;
}

p.right {
float: right;
width: 416px;
padding-left: 10px !important;
}
:root p.right {
width: 396px;
}
img.left {
margin: 12px 0px 10px 10px;
}

#content h2, #content h4 {
line-height: 140%;
font-size: 1em;
padding: 0px;
margin: 0px;
}

#content a {
color: #787878;
text-decoration: underline;
}

#context a {
text-decoration: none;
color: white;
background-color: #000033;
display:block;
padding: 190px 10px 6px 10px;
margin-bottom: 10px;
line-height: 140%;
height: 230px;
width: 185px;
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
}

:root #context a {
height: 30px;
width: 165px;
}

#context a:hover {
background-color: #969696;
}

#metanavi a {color: #787878; text-decoration: none;}
#metanavi a:hover {text-decoration: underline;}

h3 {
font-size: 1em;
margin: 0px;
padding: 0px;
height: 40px;
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom: 1px white solid;
}
h3 span {
display: none;
}

p.border {
border-top: 10px white solid;
}
img.border, div.border {
border-bottom: 10px white solid;
}

.hometeaser {
padding: 10px 10px 10px 110px;
width: 370px;
height: 100px;
margin-bottom:10px;
margin-right: 10px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #E6E6E6;
float: left;
}
:root .hometeaser {width:250px;height:80px;}
.hometeaser strong {display: block;}
.hometeaser.last {margin-right:0px;}
.hometeaser a {
font-weight:normal !important;
color: #787878 !important;
text-decoration: none !important;
display:block;
width:100%;
}
.hometeaser a:active {text-decoration: none !important;}
.hometeaser a:hover {
background-color: transparent !important;
color: #787878 !important;
}
.hometeaser a:hover strong {
text-decoration: underline;
}

.cbox {
background-color: #E6E6E6 !important;
height: 242px;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

:root .cbox {
height: 226px;
}
#brands img{
	margin: 0px 12px;
	padding: 0px;
}

a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
#headbelow {
	height: 30px;
	text-align: right;
	background: white url(img/head_below.jpg) no-repeat 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 195px;
	margin: 0px;
	float: left;
}

.contactform
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:25px;
}
#KClink {
	float: right;
	text-align: right;
	margin-right: 10px;
	background-position: right;
	width: 575px;
}
#logos img{
	margin: 0px 8px;
	padding: 0px;
}