/*-----------------------------------------------------*/
/*--[ CSS Allting 2006, copyright Robarov ]--*/
/*-----------------------------------------------------*/

* {
	font-size:100%;
	margin:0;
	padding:0;
	}

body {
	background: #f7f0dd url(../i/layout/bg-body.jpg) 0 0 repeat-x;
	color: #848484;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 2em;
	}

#container {
	background: #fff url(../i/layout/bg-container.gif) 0 0 repeat-y;
	width: 760px;
	margin: 0 auto; /* Center it pls, thx */
	text-align: left;
	}

#sidebar {
	background: url(../i/layout/bg-sidebar.gif) 0 0 no-repeat;
	width: 230px;
	height: 336px;
	float: left;
	padding: 15px 0 40px 0;
	}
#content {
	background: url(../i/layout/bg-h1.gif) 30px 12px no-repeat;
	width: 530px;
	float: left;
	padding: 15px 0 0 0;
	}

/*--[ header ]----------------------------------------------------------------*/

#header {
	background: #fff url(../i/layout/bg-header.jpg) bottom left no-repeat;
	width: 760px;
	height: 280px;
	position: relative;
	}

#start #header{
	background: #fff url(../i/layout/bg-header.jpg) 0 80px no-repeat;
	height: 90px;
	overflow: hidden;
}
	#header h2 {
		background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
		margin: 0px;
		padding: 0px;
		border-bottom: 0px;
		}
	#header h2 a {
		background: #fff url(../i/layout/logo.gif) 0 0 no-repeat;
		text-indent: -9000em;
		overflow: hidden;
		width: 338px;
		height: 80px;
		display: block;
		text-decoration: none;
		float:left;
	}

/*--[ common ]----------------------------------------------------------------*/

h1, h2, h3, h4 {
	margin: 0 20px;
	font-weight: normal;
	}
h1 {
	font-size: 1.8em;
	color: #747474;
	padding: 0 0 6px 0;
	margin: 0 30px 20px 70px;
	border-bottom: 1px solid #ddd;
	}

h2 {
	margin: 0 30px 4px 20px;
	font-size: 1.6em;
	padding: 0 0 6px 0;
	margin: 0 30px 10px;
	border-bottom: 1px solid #ddd;
	}
h3 {
	margin: 0 20px 4px;
	font-size: 1.2em;
	text-transform: uppercase;
	}
p {
	margin: 0 30px 15px;
	}
	strong {
		color: #067ab4;
		}
ol {
	margin: 0 40px 15px;
	}
	ol li {
		background: #f6fcff;
		border: 1px solid #a9dcf6;
		padding: 5px 10px;
		margin: 0 0 10px 0;
		}
 ul {
	margin: 0 30px 15px;
	}
	ul li{
		background: url(../i/layout/bullet.gif) 0 0.5em  no-repeat;
		list-style-type: none;
		padding:0 0 0 20px;
		}

a {
	color: #077ab5;
	outline: none;
	}
a:hover {
	color: #0b4f72;
	text-decoration: none;
	}
a:active {
	color: #1096db;
	}

img {
	border: none;
	margin: 0 0 0 20px;
	}
.alignleft {
	margin: 0 15px 5px 30px;
	float: left;
	}
.alignright {
	margin: 0 30px 5px 15px;
	float: right;
	}
.highlight { /* highlight important text */
	background: #FFC;
	}
.clear { /* clear floated divs */
	clear: both;
	}
.hide{ /* hides text from broswer */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
.info {
	padding:10px 20px;
	background: #f8f3eb;
	border: 1px solid #ddd1bd;
	color: #88736d;
	}

/*--[ nav ]----------------------------------------------------------------*/
#nav {
	position: absolute;
	left: 10px;
	bottom: 20px;
	margin: 0px;
	width: 220px;
	height: 148px;
	}

.nl #nav {background: url(../i/layout/bg-nav.gif) 0 0 no-repeat;}
.fr #nav {background: url(../i/layout/bg-nav-fr.gif) 0 0 no-repeat;}
#start #nav {
 display: none;
	}

	#nav li{
		position: absolute;
		left: 0px;
		height: 28px;
		width: 220px;
		padding: 0px;
		background: none;
		}
	#nav li a {
		display: block;
		text-indent: -9000em;
		overflow: hidden;
		height: 28px;
		width: 220px;
		float: left;
		}
		#nav li#nav1{top:0px;}
		#nav li#nav2{top:30px;}
		#nav li#nav3{top:60px;}
		#nav li#nav4{top:90px;}
		#nav li#nav5{top:120px;}

		.nl #nav li a:hover, .nl #nav li.active a {background-image:url(../i/layout/bg-nav.gif); background-repeat: no-repeat; }
		.fr #nav li a:hover, .fr #nav li.active a {background-image:url(../i/layout/bg-nav-fr.gif); background-repeat: no-repeat; }

		#nav li#nav1 a:hover, #nav li#nav1.active a { background-position: -220px 0px; }
		#nav li#nav2 a:hover, #nav li#nav2.active a { background-position: -220px -30px; }
		#nav li#nav3 a:hover, #nav li#nav3.active a { background-position: -220px -60px; }
		#nav li#nav4 a:hover, #nav li#nav4.active a { background-position: -220px -90px; }
		#nav li#nav5 a:hover, #nav li#nav5.active a { background-position: -220px -120px; }

#subnav {
	position:absolute;
	right:20px;
	top:20px;
	background:url(../i/layout/bg-subnav.gif) 50% 50% no-repeat;
	margin: 0px;
	}
	#subnav li {
		background: none;
		width:60px;
		float:left;
		text-align:center;
		padding: 0px;
		}
	#subnav a{
		 color:#999;
		 text-decoration:none;
		}
	#subnav a:hover {
		color: #666;
		text-decoration: underline;
		}
		#subnav .active a {
		color: #067ab4;
		font-weight: bold;
		}

/*--[ language ]----------------------------------------------------------------*/
#lng {
	position: absolute;
	top: 58px;
	right: 12px;
	background: url(../i/layout/bg-lng.gif) 0 0 no-repeat;
	text-align: center;
	width: 128px;
	height: 22px;
	font-size: 0.9em;
	margin: 0px;
	}
#start #lng {
	display: none;
}

/*--[ crumb ]----------------------------------------------------------------*/
#crumb {
	margin: -20px 30px 10px 70px;
	font-size: 0.9em;
	color: #999;
	}
	#crumb a{
		color: #999;
		}
	#crumb a:hover{
		color: #666;
		}


/*--[ sidebar ]----------------------------------------------------------------*/
#sidebar p {
	color: #8d887b;
	line-height: 20px;
	margin: 0 30px 45px;
	}
#sidebar h2 {
	color: #868174;
	border-bottom: 1px solid #e8e1ce;
}

#start #sidebar h3 {
	display: none;
}
#sidebar h3 a {
	color: #746c56;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1em;
	}
	#sidebar h3 a span {
		color: #077ab5;
		font-size: 11px;
		letter-spacing: 1px;
		display: block;
	 	}
	#sidebar h3 a:hover {color: #5d594e;}


/*--[ homepage ]----------------------------------------------------------------*/
#intro {
	background: url(../i/layout/bg-intro.jpg) 0 0 no-repeat;
	padding: 10px 0 20px 20px;
	}
	#intro img {
		float: right;
		margin: -10px 0 0 20px;
	}

#fiches {
	background: #f6fcff;
	border: 1px solid #a9dcf6;
	padding: 5px 10px;
	}
	#fiches li{
		padding:0 0 0 24px;
		border-bottom: 1px solid #a9dcf6;
	}
	li.pdf{background:url(../i/layout/pdf.gif) 0 .3em no-repeat;}
	li.xls{background:url(../i/layout/xls.gif) 0 .3em no-repeat;}
	li.doc{background:url(../i/layout/doc.gif) 0 .3em no-repeat;}
	li.zip{background:url(../i/layout/zip.gif) 0 .3em no-repeat;}
	li.jpg, li.jepg{background:url(../i/layout/jpg.gif) 0 .3em no-repeat;}
	li.rar{background:url(../i/layout/rar.gif) 0 .3em no-repeat;}
	li.gif{background:url(../i/layout/gif.gif) 0 .3em no-repeat;}

	#fiches span {
		font-size: 0.9em;
	}

/*--[ contact ]----------------------------------------------------------------*/
form{
	clear:both;
	margin: 0 30px 15px;
}
	fieldset{border:none;}

	.floatl{
		width:220px;
		float:left;
	}
	.floatr{
		width:220px;
		float:right;
	}
	input, textarea{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		border: 1px solid #E8E1CE;
		background: #F7F0DD;
		padding:2px 0;
		color: #746c56;
	}
	input:hover, input:focus, textarea:hover, textarea:focus {
		border: 1px solid #c3bba6;
	}
	input { width:200px;}
	textarea{
		width:450px;
		height: 100px;
	}
	span.error, .errors{color:#e42323;font-size:.9em;}
	form div {margin:0 0 .6em 0;}
	label {
		display:block;
		cursor:pointer;
	}

	#content ul.attention{
		border-top: 1px solid #ffbc2c;
		border-bottom: 1px solid #ffbc2c;
		background: #fff4b6;
		padding: 5px 10px;
		color:#BC7C12;
		display: block;
	}
	#content .attention li{
		background:url(../i/layout/error.gif) 0 50% no-repeat;
		padding:0 0 0 20px;
	}
	.button, .button:hover, .button:focus {
		background: #047CBB;
		border: 1px solid #fff;
		color: #fff;
		width: 120px;
		margin-top: 10px;
	}
#fitter_unknown, #wholesale_unknown{
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	background: transparent;
	border: 0;
	padding: 0;
}
#address{
	width:250px;
	float:left;
}

/*--[ footer ]----------------------------------------------------------------*/
#footer {
	background: #f7f0dd url(../i/layout/bg-footer.gif) 0 0 no-repeat;
	clear:both;
	margin: 0px;
	height: 22px;
	padding: 20px 10px 0 0;
	font-size: 0.9em;
	text-align:right;
	color :#b6ae97;
	}
	#footer a {
		color: #b6ae97;
	}
	#footer a:hover{
		color: #89826d;
	}
ul#logos{
	width: 500px;
	margin: 0 0 0 30px;
	padding: 0;
	float: left;
	display: block;
}
ul#logos li{
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	padding: 0;
	width: 220px;
	list-style: none;
	background: none;
}
ul#logos img{
	padding: 5px;
	margin: 0;
	border: 5px solid #FDFAF0;
}