/*
 * --- Main layout + stick footer ---
 */
html, body {margin:0; padding:0;}
html {height: 100%;}
body {
	height: 100%; 
	background:url('./web/header_back.gif') repeat-x top white;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size:100%;
}

#container1 {
	position: relative;
	min-height: 100%;
}
* html #container1 {
	height: 100%;
}
#container2 {padding-bottom:90px;}
#footer {
	position: relative;
	margin: -40px auto 0 auto;
	height:40px;
}

/**
 * --- LAYOUT ---
 */
.clear { /* Class for clearing floats */
	height:1px; /* for IE margin-freakout */
	clear:both;
	font-size:1px;
	margin:0;
}

#container1 {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#header {
	height:210px;
	position:relative;
	background:url('./web/header_back.gif') repeat-x #0065ce;
}
h1 {margin:0;}

/* Footer */
#footer {
	clear:both;
	background:url('./web/footer_back.gif') repeat-x #0065ce;
}

#footer_content {
	width:980px;
	margin:0 auto;
	height:40px;
	background:url('./web/footer.jpg') no-repeat;
	position:relative;
}

/* Left column */
#left {
	float:left;
	width:200px;
}

/* Content and its top padding */
#content {
	float:right;
	width:750px;
	position:relative;
}
.content_padding {
	height:20px;
	margin-bottom:30px;
	position:relative;
}

/*
 * --- HEADER ---
 */

/* Fix for the background on right */
#footer_right {
	position:absolute;
	right:0; top:0;
	height:40px;
	width:400px;
	background:url('./web/footer_right.gif') repeat-x;
}

#header_right {
	position:absolute;
	right:0; top:0;
	height:110px;
	width:400px;
	background:url('./web/header_right.gif') repeat-x;
	
}

/* Logo */
#header h1 {
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	width:160px;
	height:110px;
	font-size:1.3em;
	margin:0;
}

#header h1 a {
	text-decoration:none;
	color:black;
}

#header h1 a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:160px;
	height:110px;
	cursor:hand;
	background:url('./web/logo.gif') no-repeat;
}
#header h1 a span.logo_de {
	background:url('./web/logo_de.gif') no-repeat;
}

/* Languages */
#langs {
	background:#1451bd;
	position:absolute; 
	top:0; left:0;
	padding:10px 1px 6px 6px;
	
}
#langs a img {
	border:solid #3333a4 1px;	
	float:left;
	margin-right:5px;
}

/* Search form */
#search {
	width:134px;
	height:26px;
	position:absolute;
	top:180px;
	left:851px;
	background:url('./web/search.jpg') no-repeat;
	position:relative;
}

#search #find {
	background:none;
	width:63px;
	margin-left:10px;
	margin-top:1px;
	height:18px;
	border:none;
	
}
#search #find_button {
	width:51px; height:21px;
	position:absolute;
	top:0; left:78px;
	background:url('./web/search_button.gif') no-repeat;
	border:none;
	padding:0; margin:0;
	padding-top:1px;
}

/* Webshop menu */
#webshop_menu {
	position:absolute;
	left:0; top:180px;
	width:800px;
	color:#404040;
	padding-top:6px;
	font-size:0.9em;
	padding:6px 0 2px 0;
	height:30px;
}

#webshop_menu a {
	color:#404040;
	text-decoration:none;
	padding:4px 0 4px 0;
}
#webshop_menu a:hover {
	text-decoration:underline;
}

#webshop_left {float:left;}
#webshop_right {float:right; height:30px;}
#webshop_right a {
	margin-left:15px;
	padding-left:27px;
}
#cart {background:url('./web/icons/cart.gif') no-repeat left;}
#checkout {background:url('./web/icons/checkout.gif') no-repeat left;}
#logout {background:url('./web/icons/logout.gif') no-repeat left;}

/* Dealer search */
#dealer_search {
	width:419px; height:31px;
	position:absolute;
	top:210px; left:561px;
	top:0; left:332px;
	background:url('./web/search_dealer.gif') no-repeat;
	font-size:0.9em;
	color:#404040;
}

#dealer_search form {
	padding:0;
	margin:4px 0 0 0;
	padding-left:25px;
}

#dealer_search .search_text {
	border:solid #f7ebd5 1px;
	background:white;
	width:80px;
	margin:0 5px 0 0;
	
}
#dealer_search .search_button {
	border:none;
	background:url('./web/icons/search_dealer.gif') no-repeat right;
	color:#404040;
	padding:0;
	padding-right:26px;
	height:23px;
	position:absolute;
	top:3px; right:10px;
	/*width:100px;*/
	text-align:right;
}
#dealer_search span {
	position:relative;
	_top:-2px;
}

/* Main menu  */ 
#main_menu {
	position:absolute;
	top:111px;
	width:100%;
	height:70px;
}

#main_menu a {
	float:left; 
	width:162px; 
	height:70px;
	color:white;
	text-decoration:none;
	position:relative;
	display:block;
	margin:0;
}
#main_menu a img {
	border:none;
	position:absolute;
	top:20px;
	left:15px;	
	behavior:url('/css/web/iepngfix.htc');
}
#main_menu a:hover, #main_menu a.selected {background:url('./web/main_menu_hover.jpg') no-repeat left -1px;;}
#main_menu div.separator {float:left; width:1px; background:url('./web/main_menu_separator.jpg') no-repeat; height:70px;}

/* Hack for IE vertical centering */
#main_menu a div {
	#position:absolute;
	#top:50%;
}

#main_menu a span {
	padding-left:53px;
	padding-right:15px;
	height:70px;
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
	/* Hack for IE vertical centering */
	#margin-left:53px;
	#padding:0;
	#height:auto;
	#position:relative;
	#top:-50%;
	#display:block;
	cursor:pointer; cursor:hand;
	
}

/* Footer texts */
#footer {
	font-size:0.8em;
}

#footer span {
	position:absolute;
	top:10px;
	left:220px;
}

#footer a {
	color:white;
	position:absolute;
	top:10px;
	left:520px;
}

/* Left menu */
#left_menu_top {
	background:url('./web/left_menu_top.jpg') no-repeat;
	position:absolute; top:-50px; z-index:5;
	width:200px;
	height:50px;
}
#left_menu {
	margin-top:50px;
	position:relative;
	background:url('./web/left_menu_back.jpg') repeat-y;
}

#left_menu a {
	padding:3px 20px 3px 20px;
	display:block;
	color:black;
	text-decoration:none;
	font-size:0.95em;
}
#left_menu a:hover, #left_menu a.selected {
	background:url('./web/left_menu_selected.jpg') left center;
}
#left_menu .separator {
	font-size:1px;
	height:1px;
	background:url('./web/left_menu_separator.jpg') repeat-y;
	width:200px;
}
#left_menu .header {
	background:#d4e9ff;
	color:white;
	font-weight:bold;
	margin:15px 0 10px 0;
	padding:1px 20px 1px 20px;
}

/* 
 * --- CONTENT ---
 */

/* Report message */
.report {
	background:url('./web/report.jpg') no-repeat left center #ffe6ba;
	border:dashed #ffda9a 4px;
	padding:10px 20px 10px 40px;
	margin-bottom:30px;
}

/* Content main settings */
h2 {
	font-style:italic;
	font-size:1.6em;
	margin:30px 0 15px 0;
	position:relative;
}
h3 {
	font-size:1.3em;
	margin:30px 0 15px 0;
	
}
h2, h2 a, h3, h3 a {color:#69a5e3;}

a {color:#ff6600;}
a:hover {text-decoration:none;}
a img {border:none;}
p {margin:15px 0 15px 0;}
p.small {font-size:0.9em; color:#404040;}
.separator {height:20px;}

/* Form buttons */
.button {
	width:89px; height:36px;
	background:url('./web/button.jpg') no-repeat;
	border:none;
}
.button_big {
	width:130px; height:36px;
	background:url('./web/button_big.jpg') no-repeat;
	border:none;	
}
.button_big2 {
	width:170px; height:36px;
	background:url('./web/button_big2.jpg') no-repeat;
	border:none;
}

/* Class for inactive items */
.inactive {
	background:orange;
	border:outset orange 2px;
}

/* Paging */
.paging {
	margin:30px 0 30px 0;
	text-align:center;
	clear:both;
}
.paging a, .paging b {
	padding:2px 7px 2px 7px;
	color:#404040;
	font-weight:bold;
	text-decoration:none;
	
}
.paging a {background:#e9f4ff;}
.paging b, .paging a:hover {background:#f8904c;}

/* Normal table */
table {
	border-collapse:collapse;
	border:none;
	font-size:0.9em;
}

th, td {
	border-right:solid white 2px;
	padding:4px 10px 4px 10px;
	text-align:left;
}

th {background:#a5c9ee; font-style:italic; font-weight:bold;}
.table td {background:white;}
.even td {background-color:#f6faff;}

table.fill {width:100%;}
.fill th, .fill td {border-right:none;}
.fill th {background:#d4e9ff;}
.small th, .small td {padding:4px 5px 4px 5px;}
table.margin {margin:20px 0 20px 0;}
.blank td {height:20px;}

table.price {
    /*border:solid black 1px;
    width:100%;*/
    width:auto;
    border-bottom:solid #a5c9ee 1px;
    border-top:solid #a5c9ee 1px;
    margin-bottom:5px;
}
table.price td {
    padding:2px 3px 2px 3px;
}
table.price td b {
        font-size:1.1em;
}

/* Form table */
.form_table th {
	padding:5px 3px 5px 3px;
	text-align:right;
	font-weight:normal;
	background:none;
}
.form_table td {
	padding:5px 3px 5px 3px;
}
.form_table .sep {width:30px; height:20px;}
.form_table h3 {margin:0; position:relative; left:-5px;}

/* Attachments */
.attachments td {padding-right:35px;}
.attachments td {background-repeat:no-repeat; background-position:right 4px;}
.attachments .doc {background-image:url('./web/files/doc.gif');}
.attachments .pdf {background-image:url('./web/files/pdf.gif');}
.attachments .zip {background-image:url('./web/files/zip.gif');}
.attachments .xls {background-image:url('./web/files/xls.gif');}
.attachments a {font-size:15px;}
.attachments i {font-size:13px;}
.attachments span {color:#404040; font-style:italic; font-size:12px; margin-top:4px; display:block;}

/* Dealer buying form icons */
input.shop {
	width:26px;
	height:26px;
	border:none;
	background:url('./web/icons/shop_cart_big.gif') no-repeat #fff5e1;
}

input.favourite_delete {background:url('./web/icons/favourite_delete_big.gif') no-repeat #fff5e1;}
input.favourite_add {background:url('./web/icons/favourite_add_big.gif') no-repeat #fff5e1;}
input.text {
	background:#f2f8ff;
	border:solid #b4d2f1 1px;
}
input.readonly {
    background:#f2f2f2;
}

/*
 * --- PRODUCTS ---
 */

/* Subcategories */
.subcategory {
	width:165px;
	margin:0 30px 30px 0;
	/*float:left;*/
	display:block;
	padding:5px 0 5px 0;
	text-decoration:none;
	/*float:none;*/
}
.fourth {margin-right:0;}
.subcategory h3 {margin:0 0 10px 0;}
.subcategory a {text-decoration:none;}
.subcategory a:hover {text-decoration:underline;}
.subcategory h3 {margin:0px 5px 10px 5px;}
.subcategory img {border:none;}
.subcategory .img {
	border:solid #d4e9ff 5px;
	display:block;
	text-align:center;
	padding:20px 0 20px 0;
	background:white;
	margin:5px;
}

/* Filter form */
form.filter {
	background:#f6faff;
	border:dashed #ebf4ff 5px;
	margin:20px 0 20px 0;
	padding:10px 20px 10px 20px;
	
}
.filter th, .filter td {vertical-align:top;}
.filter th {text-align:right;}

/* Product previews */
/* Columns */
.col350left {width:360px; float:left;}
.col350right {width:360px; float:right;}
.col120left {width:120px; float:left; }
.col210right {width:210px; float:right; font-size:0.95em;}
.col470left {width:470px; float:left;}
.col230right {width:230px; float:right;}
.col470left h2 {margin-top:0;}

/* Back and Archive url */
#back, #archive {
	width:117px;
	position:absolute;
	top:0; right:0;
	height:30px;
	background:url('./web/angle.gif') no-repeat left top #d4e9ff;
	z-index:5;
}
#back a, #archive a {
	display:block;
	font-weight:bold;
	color:white;
	margin:4px 10px 4px 10px;
	text-align:right;
	padding-right:25px;
	background:url('./web/icons/back.gif') no-repeat right center;
	text-decoration:none;
	font-style:italic;
	font-size:18px;
}
#back a:hover, #archive a:hover {text-decoration:underline;}

#archive {
	position:relative;
	top:0; left:0;
	float:right;
}
#archive a {
	background:url('./web/icons/archive.gif') no-repeat right center;
}

/* Product preview */
.preview {
	color:black;
	display:block;
	margin-bottom:30px;
	padding:5px;
	text-decoration:none;
}
.preview h3 {
	width:100%;
}
.preview a {text-decoration:none;}
.preview a:hover {text-decoration:underline;}
.new {
	background:#d4e9ff;
	color:white;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}
.preview .img {
	border:solid #d4e9ff 5px;
	background:white;
	text-align:center;
	float:none;
	padding:5px 0 5px 0;
}
.preview h3 {margin:0 0 15px 0;}
.preview .table {font-size:0.7em; color:#404040;}

/* View of one product */
#dealer {
	border-right:solid #d4e9ff 5px;
	padding-bottom:20px;
	
}
#dealer b {font-style:italic;}
#product .new {padding-left:10px;}
#product .table, #compare .table {font-size:0.9em;}
#product .table td, #compare .table td {font-size:0.85em;}

#product .img {
	display:block;
	border:solid #d4e9ff 5px;
	background:white;
	text-align:center;
	padding:10px 0 10px 0;
}
#product a.img {
	background:url('./web/icons/image.gif') no-repeat left top white;
}
.col230right table {color:#404040;}
.col230right h4 {
	margin:20px 0 0 0;
	background:#d4e9ff;
	padding:2px 10px 2px 10px;
	color:white;
	font-size:1.2em;
	font-style:italic;
}

#product .nav {
	width:175px;
	background:url('./web/angle.gif') no-repeat right #d4e9ff;
	float:right;
	margin-top:20px;
}

#product .nav a {
	display:block;
	font-weight:bold;
	color:white;
	text-align:right;
	text-decoration:none;
	font-style:italic;
	font-size:1.1em;
	margin:0;
	float:right;
	/*width:100%;*/
	width:100px;
	padding:4px 25px 4px 0;
	position:relative;
	left:-10px;
}
#product .nav a:hover {text-decoration:underline;}
#product .nav a.back {background:url('./web/icons/back.gif') no-repeat right center;}
#product .nav a.compare {background:url('./web/icons/compare.gif') no-repeat right center;}

/*
 * --- Compare ---
 */
#popup {background:white; padding:20px;}
#compare h2 {margin-top:0; margin-bottom:40px;}
#compare th i {font-size:0.8em; color:#f6faff;}
#compare td.center {text-align:center; padding:10px 0 10px 0;}
#compare td.price {font-size:1em; font-style:italic; color:#ff6600;}
#compare td span {color:black; font-style:normal; font-size:0.8em;}

/*
 * --- NEWS ---
 */
/* Preview on homepage or archive */
.news_preview {margin:0 0 30px 0; position:relative; border:solid white 1px;}
.news_preview h3 {margin:0 0 10px 0;}
.news_preview p {margin:10px 0 10px 0;}

.calendar {
	position:absolute;
	top:10px; left:0;
	width:30px; height:35px;
	background:url('./web/calendar.gif') no-repeat #d4e9ff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:white;
}
.calendar span {
	display:block;
	color:#314c68;
	font-size:15px;
	margin:-3px;
}

.news {
	display:block;
	margin:0 0 0 40px;
	text-decoration:none;
	color:black;
	padding:5px;
}
.news:hover {background:#f6faff;}
.news h3 a {text-decoration:none;}
.news h3 a:hover {text-decoration:underline;}

/* News article */
.download {margin:0 0 20px 0;}
.download h4 {margin-top:0;}
#news .img {
	background:#d4e9ff;
	margin:0;
	padding:5px;
	text-align:center;
}
#news .img img {border:solid #f6faff 1px;}

/*
 * --- LOGIN PART ---
 */
/* Login form article */
#b2b {
	background:#d4e8ff;
	background:#f6faff;
	padding:10px;
	font-size:0.9em;
}
#b2b h3 {
	color:#ff6600;
	margin:0 0 15px 0;
	font-size:1em;
}
#b2b h3 span {
	color:#69a5e3;
	display:block;
	padding-left:12px;
}

/**
 * --- Search ---
 */
.search_result {
	position:relative;
	margin-bottom:50px;
	min-height:1px;
}
.search_category {
	height:64px;
	position:absolute;
	width:200px;
	top:0; left:-230px;
	background:url('./web/angle2.gif') no-repeat left top #d4e9ff;
	padding:7px 0 7px 0;
	z-index:5;
}
.search_category div {
	padding-right:70px;
	color:#69a5e3;
	font-weight:bold;
	text-align:right;
	
	font-size:1.1em;
	line-height:64px;
	font-style:italic;
	background-repeat:no-repeat;
	background-position:right top;
	color:white;
}
.search_products div {background-image:url('./web/icons/products.png');}
.search_info div {background-image:url('./web/icons/info.png');}
.search_news div {background-image:url('./web/icons/news.png');}

/* Search info preview */
.info_preview {
	width:230px;
	background:#d4e9ff;
	float:left;
	margin:0 20px 30px 0;
	padding:5px 0 5px 0;
}
.info_preview h4 {
	color:white;
	margin:0;
	padding:0 10px 5px 10px;
	font-size:1.2em;
}
.info_preview h4 a {color:white; text-decoration:none;}
.info_preview h4 a:hover {text-decoration:underline;}
.info_preview div {
	text-align:center;
	padding:0 10px 0 10px;
}
.info_preview img {border:solid #f6faff 1px;}

/**
 * --- CART ---
 */
table.cart {margin:30px 0 30px 0;}
.second th {
	font-size:0.7em;
	border-top:solid white 2px;
	/*background:#e5f1ff;*/
	background:none;
	font-style:normal;
	color:#404040;
	font-weight:normal;
	border-bottom:solid #d4e9ff 1px;
}
.total th {background:none; font-size:0.8em; color:#404040; font-style:normal; text-align:right;}
.btop th, .btop td {border-top:solid#d4e9ff 1px; padding-top:15px;}
.right {text-align:right; color:#404040; font-size:0.7em;}
.border {
	font-size:1px; height:1px;
	border-top:solid #d4e9ff 1px;
	margin:20px 0 20px 0;
}
.checkout {
	padding:20px;
	padding:10px 30px 10px 30px;
	background:#f6faff;
	border:none;
}
.checkout th {
	font-weight:bold;
	font-style:italic;
	color:#404040;
	text-align:left; padding-right:10px;
	font-size:0.9em;
	background:none;
	border:none;
}
.checkout td {border:none;}
td.price, th.price {text-align:right;}

/**************************
 * My points application
*/
.points td {vertical-align:top; padding-bottom:30px;}
.points h3 {margin-top:0;}
.points img {border:solid #d4e9ff 5px;}
.points a.order {
        display:block;
	width:130px; height:36px;
	background:url('./web/button_big.jpg') no-repeat;
	border:none;
        text-align:center;
        line-height:36px;
        text-decoration:none;
        color:black;
}

/************************
 * THICKBOX
*/
#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 5px solid #d4e9ff;
	font-size:0.8em;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
}

#TB_caption{
/*	height:25px;*/
	padding:10px 30px 10px 15px;
	float:left;
}

#TB_closeWindow {
	/*height:25px;*/
	padding:10px 15px 10px 0;
	float:right;
}


#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;

}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
	background:url('./web/circle_animation.gif') no-repeat center;
}

/**
 * --- PRINT CSS ---
 */
@media print {
	#header {display:none;}
	#footer {display:none;}
	.content_padding {display:none;}
	#left {display:none;}
	.col470left {width:auto; float:none;}
	.col230right {width:auto; float:none;}
	.col350left {width:auto; float:none;}
	.col350right {width:auto; float:none;}
	.col120left {width:auto; float:left; margin:0 20px 20px 0; }
	.col210right {width:auto; float:none; font-size:0.95em;}
	form.filter {display:none;}
	#back, #archive {display:none;}
	#product .nav {display:none;}
}

/* TABS */
#compare_tabs_list {
	position:relative;
	top:-39px;
	
	
}

#compare_tabs div {
	position:relative;
	top:-10px;
}


.tabs-hide {
   display: none;
}

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	border-bottom:solid #f6faff 1px;
	display:block;
	margin-bottom:10px;
}

.tabs-nav li {
    float:left;
    margin: 0 5px 0 0px;
    width:120px;
	background: url('./web/tab.gif') no-repeat;
	height:25px;
	
}
.tabs-nav .tabs-selected {
	background:url('./web/tab-selected.gif') no-repeat;
}
.tabs-nav a {
	display: block;
	padding: 5px 10px 0px 10px;
    
	text-align:center;
	/*position:relative;
	top:1px;*/
	text-decoration:none;
	color:#69a5e3;
	color:#9cbee8;
	font-weight:bold;
	font-size:0.8em;
}
.tabs-nav .tabs-selected a {
	color:#666;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav {
	*display:inline-block;
}