/*-----------------------------------------------*/
/*--[ CSS Splitstream 2006, copyright Robarov ]--*/
/*-----------------------------------------------*/
* {
	font-size:100%;
	margin:0;
	padding:0;
	}http://www.split-stream.com/
html, body { height: 100%; }
body {
	background: #000;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.8em;
	text-align: center; /* Centers container in IE 5 */
	}

/*--[ common ]----------------------------------------------------------------*/
h1 {
	font-size: 2em;
	line-height: 36px;
	height: 36px;
	color: #de0900;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
h2 {
	clear: both;
	font-size: 1.6em;
	line-height: 28px;
	color: #000;
	margin-bottom: 6px;
	}

h3 {
	font-size: 1.2em;
	margin-bottom: 6px;
	color: #de0900;
	}

p, address {
	margin-bottom: 15px;
	}
strong {
	color: #de0900;
	}
address {
	font-style: normal;
	}
ol {
	margin: 0 20px 15px;
	}

 ul {
	margin-bottom: 15px;
	}
	ul li{
		background: url(../i/layout/bullet.gif) 0 0.5em  no-repeat;
		list-style-type: none;
		padding:0 0 0 16px;
		}

a {
	color: #de0900;
	}
	a:hover {
		text-decoration: none;
		color: #000;
		}
img {
	border: none;
	}
.alignleft {
	margin: 5px 20px 0px 0;
	float: left;
	}
.alignright {
	margin: 5px 0 0px 20px;
	float: right;
	}
.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide, #skipnav { /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
.intro {
	padding-top: 20px;
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.8em;
	text-align: center;
	color: #348dcc;
}
.info {
	background: #f7f7f7;
	padding: 10px 20px;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}
.news {overflow:auto; clear: both;}

/*--[ container ]----------------------------------------------------------------*/
#container {
	background: #fff;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

/*--[ content ]----------------------------------------------------------------*/
#content {
	background: #fff;
	padding: 20px;
	width: 920px;
}

/*--[ header ]----------------------------------------------------------------*/
#header {
	background: url(../i/layout/bg-header.jpg) 0 0 no-repeat;
	position: relative;
	height: 240px;
	width: 960px;
	}
#header h2 {
	background: transparent;
	position: absolute;
	top: 60px;
	left: 300px;
	margin: 0px;
	width: 330px;
	height: 100px;
	z-index:1;
	}

#header h2 a {
	text-indent: -9000em;
	overflow: hidden;
	width: 330px;
	height: 100px;
	display: block;
	text-decoration: none;
	float: left;
}
#lng {
	position: absolute;
	top: 0px;
	right: 80px;
	font-size: 0.9em;
	text-transform: lowercase;
	}
#lng a {
	text-decoration: none;
	color: #f2efe5;
}
#lng a:hover {color: #f99837;}

#nav {
	position: absolute;
	bottom: 10px;
	left: 20px;
	margin: 0px;
	}
#nav li{
		height: 20px;
		margin: 0px 23px;
		float: left;
		display: inline;
		padding: 0px;
		}
#nav li a {
	display: block;
	text-indent: -9000em;
	overflow: hidden;
	height: 20px;
	float:left;
	}

#nav1, #nav1 a{width: 40px;}
#nav2, #nav2 a{width: 65px;}
#nav3, #nav3 a{width: 90px;}
#nav4, #nav4 a{width: 48px;}
#nav5, #nav5 a{width: 38px;}
#nav6, #nav6 a{width: 36px;}
#nav7, #nav7 a{width: 75px;}

#nav li, #nav li a{
	background-image:url(../i/layout/bg-nav.gif);
	background-repeat: no-repeat;
}
#nav1, #nav1 a { background-position: 0px 0px;}
#nav2, #nav2 a {background-position: -38px 0px;}
#nav3, #nav3 a {background-position: -105px 0px;}
#nav4, #nav4 a {background-position: -195px 0px;}
#nav5, #nav5 a {background-position: -242px 0px;}
#nav6, #nav6 a {background-position: -280px 0px;}
#nav7, #nav7 a {background-position: -316px 0px;}

#nav1 a:hover, #nav1.active a {background-position: 0px -20px;}
#nav2 a:hover, #nav2.active a {background-position: -38px -20px;}
#nav3 a:hover, #nav3.active a {background-position: -105px -20px;}
#nav4 a:hover, #nav4.active a {background-position: -195px -20px;}
#nav5 a:hover, #nav5.active a {background-position: -242px -20px;}
#nav6 a:hover, #nav6.active a {background-position: -280px -20px;}
#nav7 a:hover, #nav7.active a {background-position: -316px -20px;}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	margin: 0px;
	background: #ef2b2f;
	font-size: 0.9em;
	color: #fff;
	clear: both;
	}
#footer p {
	margin: 20px 40px 0 40px;
	padding: 5px 0;
	display: block;
	line-height: 2.2em;
	}
#footer span {
	float: right;
	}

#footer a {color: #fff;}
#footer a:hover {color: #de0900;}


#specs li{
	padding: 0 0 0 20px;
	margin: 0.6em 0;
	background: transparent url(../i/layout/bullet-spec.gif) 0 0.2em no-repeat;
}

/*--[ poll ]----------------------------------------------------------------*/
#poll {
	float: right;
	padding: 10px;
	width: 200px;
	margin: -50px 0 20px 20px;
	border: 1px solid #D93232;

}
#poll ul {margin: 0px;}
#poll li {
	padding: 0px;
	margin-bottom: 6px;
	font-size: 0.9em;
	line-height: 1.4em;
	background: none;
}
#poll li span {
	background: #f7f7f7;
	display: block;
	border: 1px solid #ccc;
	padding: 2px;
	width: 190px;
}
#poll strong {
	display: block;
	background: #D93232;
	color:#fff;
	font-weight: normal;
	text-align: center;
	}

/*--[ riders ]----------------------------------------------------------------*/
#riders, .gallery {overflow: auto;}
#riders li, .gallery li {
	background: transparent;
	padding: 0px;
	float: left;
	width: 150px;
	margin: 0 10px 20px 20px;
	line-height: 1.6em;
	}
#riders a img, .alignright img, .alignleft img, .newsitem img, .gallery a {border: 5px solid #000;}
#riders a:hover img, .alignright:hover img, .alignleft:hover img, .gallery a:hover {border-color: #d93333;}

#riders span {
	display: block;
	background: url(../i/layout/bullet.gif) 0 0.3em  no-repeat;
	padding:0 0 0 16px;
}

/*--[ products ]----------------------------------------------------------------*/
#products {overflow: auto;}
#products li {
	background: transparent;
	padding: 0px;
	float: left;
	width: 460px;
	height: 160px;
	}
#products img {float: left;}
#products a img {border: 3px solid #efefef;}
#products a:hover img {border-color: #d93333;}

#products dl {
	border-top: 1px solid #ccc;
	float: left;
	width: 340px;
	margin: 0 0 0 5px;
}
#products dt {
	float: left;
	width: 200px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	color: #de0900;
}
#products dd {
	float: left;
	background: #f7f7f7;
	text-align: center;
	border-bottom: 1px solid #ccc;
	width: 70px;
}

/*--[ distributors ]----------------------------------------------------------------*/
#distributors, #links {overflow: auto;}
#distributors li, #links li {
	position: relative;
	background: #f7f7f7;
	padding: 0px;
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
	padding: 10px;
	width: 270px;
	height: 230px;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	}
	#links li {height: 220px;}

#distributors li {
	background-repeat: no-repeat;
	background-position: 240px 10px;
}
#distributors #netherlands {background-image: url(../i/layout/nl.gif);background-position: 200px 10px;}
#distributors #france {background-image: url(../i/layout/fr.gif);}
#distributors #new-zealand {background-image: url(../i/layout/nz.gif);}
#distributors #united-kingdom {background-image: url(../i/layout/uk.gif);}
#distributors #germany {background-image: url(../i/layout/ger.gif);}
#distributors #south-africa {background-image: url(../i/layout/sa.gif);}
#distributors #australia {background-image: url(../i/layout/aus.gif);}
#distributors #lithuania {background-image: url(../i/layout/lith.gif);}
#distributors #scandinavia {background-image: url(../i/layout/sca.gif);background-position: 200px 10px;}
#distributors #italy {background-image: url(../i/layout/it.gif);}
#distributors #usa, #distributors #usa2 {background-image: url(../i/layout/us.gif);}
#distributors #spain {background-image: url(../i/layout/es.gif);}
#distributors #portugal {background-image: url(../i/layout/pt.gif);}
#distributors #usa, #distributors #usa2 {background-image: url(../i/layout/us.gif);}
#distributors #slovakia, #distributors #slovakia2 {background-image: url(../i/layout/sk.gif);}
#distributors #czech-republic, #distributors #czech-republic2 {background-image: url(../i/layout/cz.gif); }
#distributors #latvia {background-image: url(../i/layout/la.gif); }

#distributors h2 {
	font-size: 1.3em;
}

.top {
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-decoration: none;
}

#world {
	background: url(../i/layout/world.gif) 0 0  no-repeat;
	width: 680px;
	height: 315px;
	margin-left: 120px;
	position: relative;
}
#world li {
	background: none;
	padding: 0px;
	position: absolute;
	width: 6px;
	height: 6px;
}
#world a {
	background-image: url(../i/layout/world.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	display: block;
	text-decoration: none;
}
#world a span {
	display: none;
}
#world a:hover span {
	position: absolute;
	top: 20px;
	left: -50px;
	color: #fff;
	display: block;
	padding: 5px 10px;
	width: 160px;
	height: auto;
	text-align: center;
	background: #de0900;
}
#w1 {left: 322px; top: 65px;}
#w1, #w1 a {background-position: -322px -65px;}
#w1 a:hover {background-position: -322px -380px;}

#w2 {left: 318px; top: 75px;}
#w2, #w2 a {background-position: -318px -75px;}
#w2 a:hover {background-position: -318px -390px;}

#w3 {left: 614px; top: 276px;}
#w3, #w3 a {background-position: -614px -276px;}
#w3 a:hover {background-position: -614px -591px;}

#w4 {left: 308px; top: 59px;}
#w4, #w4 a {background-position: -308px -59px;}
#w4 a:hover {background-position: -308px -374px;}

#w5 {left: 331px; top: 70px;}
#w5, #w5 a {background-position: -331px -70px;}
#w5 a:hover {background-position: -331px -385px;}

#w6 {left: 354px; top: 244px;}
#w6, #w6 a {background-position: -354px -244px;}
#w6 a:hover {background-position: -354px -559px;}

#w7 {left: 569px; top: 236px;}
#w7, #w7 a {background-position: -569px -236px;}
#w7 a:hover {background-position: -569px -551px;}

#w8 {left: 335px; top: 40px;}
#w8, #w8 a {background-position: -335px -40px;}
#w8 a:hover {background-position: -335px -355px;}

#w9 {left: 334px; top: 84px;}
#w9, #w9 a {background-position: -334px -84px;}
#w9 a:hover {background-position: -334px -399px;}

#w10 {left: 148px; top: 78px;}
#w10, #w10 a {background-position: -148px -78px;}
#w10 a:hover {background-position: -148px -393px;}

#w11 {left: 99px; top: 101px;}
#w11, #w11 a {background-position: -99px -101px;}
#w11 a:hover {background-position: -99px -416px;}

#w12 {left: 297px; top: 91px;}
#w12, #w12 a {background-position: -297px -91px;}
#w12 a:hover {background-position: -297px -406px;}

#w13 {left: 306px; top: 88px;}
#w13, #w13 a {background-position: -306px -88px;}
#w13 a:hover {background-position: -306px -403px;}

#w14 {left: 349px; top: 82px;}
#w14, #w14 a {background-position: -349px -82px;}
#w14 a:hover {background-position: -349px -397px;}

#w15 {left: 340px; top: 70px;}
#w15, #w15 a {background-position: -340px -70px;}
#w15 a:hover {background-position: -340px -385px;}


/*--[ contact ]----------------------------------------------------------------*/
.vcard {
	float: left;
	width: 220px;
}
#contact-form {
	width: 460px;
	float: right;
	}
label {
	cursor: pointer;
	color: #000;
	}
form div {margin-bottom: 0.6em;}
.input {width: 200px;}
.textarea{width: 430px;}
.float {
	float: left;
	margin-right: 30px;
}
.input span, .textarea span {
	display: block;
	width: 200px;
	background: #F3F3F3;
	padding: 4px;
}
.textarea span {width: 430px;}
.error, .input .error, .textarea .error {
	color: #c00;
	width: auto;
	display: inline;
	padding: 0px;
	background: transparent;
	}
form div input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 4px;
	background: #fff;
	border: 1px solid #A7A7A7;
	width: 190px;
	}
fieldset {border: 0px;}

textarea {
	overflow: auto;
	height: 85px;
	width: 420px;
}
html>body textarea {margin-bottom: -2px;}

form p {
	margin: 0px;
	line-height: 40px;
	text-align: right;
}

#attention, #success {
	background: #F5DC63;
	border: 1px solid #D29C34;
	margin: 0 0 15px;
	padding: 5px;
}
#success {
	background: #86D958;
	border: 1px solid #229322;
}
#attention div, #success div {
	background: #fff url(../i/layout/icon-attention.gif) 10px 10px no-repeat;
	margin: 0px;
	padding: 15px 20px 10px 40px;
}
#success div {
	background: #fff url(../i/layout/icon-success.gif) 10px 10px no-repeat;
}

#attention h3, #success h3, #attention ul, #success p {margin: 0 20px;}
#attention h3 {color:#b87f09;}
#success h3 {color:#229322;}

.submit input {
	background: #fff;
	width: 90px;
	height: 40px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	margin: 0 10px 0 20px;
	float: right;
	display: inline;
	}
/*--[ news ]----------------------------------------------------------------*/
.newsitem {
	background: #f7f7f7;
	padding: 10px;
	margin: 0 0 20px 0;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
	float: left;
/*
	width: 672px;
*/
	width: 900px;
}
.newsitem h2, .date-cat {margin: 0px;}
.date-cat {
	font-size: 0.9em;
	color: #666;
}
p.more {
	background: url(../i/layout/bullet.gif) 100% 50% no-repeat;
	padding-right: 16px;
	text-align: right;
	margin: 0px;
}

.gallery a {
	display: block;
	width: 150px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	background: #000;
}
/*--[ sIFR ]----------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
	height: 36px;
}
#prodlist{
    width: 920px;
}
#prodlist li{
    padding: 0;
    float: left;
    background: #222;
    border-bottom: 8px solid #EF2B2F;
    width: 200px;
    margin: 0 20px 20px 10px;
    text-align: center;
    overflow: hidden;
}
#prodlist h2{
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    height: 40px;
}
#prodlist img{
    display: block;
    height: 150px;
    margin: 0 auto;
}
#prodlist a.img{
    background: #eee;
    display: block;
    width: 200px;
    height: 150px;
}
#prodlist h2 a{
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

