﻿/* 
    AUTHOR: Sergio Vila Pouca
            sevipo@gmx.de
*/

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
 html { overflow-y: scroll; }
 body { 
	font: 62.5% "Lucida Grande", sans-serif;
	background: #000000; 
}

img {  border-style: none;}

 ul { list-style: none inside; }  
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.2em; }
	p.metadata { background: #ffffff; padding: 3px;}

	p#product-sidebar {	font-size: 1.2em; line-height: 0.5em; margin-bottom: 0.5em;	}

	p#yellow { font-size: 1.2em; color: #fff000; }
	
hr {
	border: 0;
	width: 100%;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;	
}

#container p {
    margin:10px;
	}

a { outline: none; 
	color: #333333;
	text-decoration: none;
	}



a:hover {	outline: none; 
			color: #ff0000;
			text-decoration: none;
			}

a img { border: none; }   

h1 {
	font-family: Georgia, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #a69028;
	}
h2 {
	font-family: Verdana, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #ffffff;
	padding: 25px 0 0 0;
	}
h2#price {
	font-family: Verdana, serif;
	font-size: 2.4em;
	font-weight: normal;
	color: #ffffff;
	padding: 0 75px 0 0;
	}
	h2#article-area2 {
		font-family: Georgia, serif;
		font-size: 3em;
		font-weight: normal;
		color: #a69028;
		padding-left: 20px;
		padding-top: 20px;
		text-decoration: none;
		} 
	h4#article-area2 {
		font-family: Georgia, serif;
		font-size: 2em;
		font-weight: normal;
		color: #a69028;
		padding: 10px 0 0 20px;
		margin-bottom: -10px;
		} 
	h5#article-area2 {
		font-family: Georgia, serif;
		font-size: 1.7em;
		font-weight: normal;
		color: #a69028;
		padding: 10px 0 0 20px;
		margin-bottom: -10px;
		} 
	form#article-area3 {
		font-family: Verdana, serif;
		font-size: 1.5em;
		font-weight: normal;
		color: #ffffff;
		padding-left: 20px;
		padding-top: 20px;
		} 
	h1#product-sidebar {
		font-family: Verdana, serif;
		font-size: 5em;
		font-weight: bold;
		color: #fff000;
		text-align: right;
		} 
	h1#product-sidebar1 {
		font-family: Verdana, serif;
		font-size: 3em;
		font-weight: bold;
		color: #fff000;
		text-align: right;
		}
	h1#product-sidebar2 {
		font-family: Verdana, serif;
		font-size: 2em;
		font-weight: bold;
		color: #fff000;
		text-align: right;
		}
	h4#product-sidebar {
		font-family: Arial, serif;
		font-size: 1.2em;
		font-weight: normal;
		color: #ffffff;
		text-align: right;		
		}
	h4#product-sidebar {
		font-family: Arial, serif;
		font-size: 1.2em;
		font-weight: bold;
		color: #ff0000;
		text-align: right;		
		}
	h5#product-sidebar {
		font-family: Arial, serif;
		font-size: 2em;
		font-weight: bold;
		color: #6699ff;
		text-align: right;
		padding-right: 10px;
		padding-top: 20px;
		}
	h5#product-sidebar1 {
		font-family: Arial, serif;
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: -10px;
		padding-top: 10px;
		color: #6699ff;
		text-align: left;
		}  
	h6#product-sidebar {
		font-family: Trebuchet MS, serif;
		font-size: 2em;
		font-weight: normal;
		color: #ffffff;
		text-align: right;
		}
	h6#product-sidebar1 {
		font-family: Trebuchet MS, serif;
		font-size: 1.6em;
		font-weight: normal;
		color: #ffffff;
		text-align: left;
		}

.spacesmall { 
line-height: 0.2 em; 
}

.space { 
line-height: 4 em; 
}
	

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; } 
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
 #page-wrap {
	width: 1020px;
	margin: 0 auto;
	}     
	#main-content {
		background: url(images/articlearea-slice.jpg) repeat-y;		
		padding: 30px 50px 30px 50px;
		min-height: 210px;
	}
	#main-contentblack {
		background: url(images/articleareablack-slice.jpg) repeat-y;		
		padding: 30px 50px 30px 50px;
		min-height: 210px;
	}
	  #main-contentproducts {
		background: url(images/productpage-slice.jpg) repeat-y;			
		padding: 0px 0px 0px 50px;
		min-height: 210px;
	} 

	#main-contentcompany {
		background: url(images/blackwhitepage-slice.jpg) repeat-y;			
		padding: 30px 0px 0px 50px;
		min-height: 210px;
	}
	#main-contentcompany1 {
		background: url(images/blackwhitepage-slice.jpg) repeat-y;			
		padding: 30px 50px 30px 50px;
		min-height: 210px;
	}
		#main-contentbg {

		}
		#article-area {
			margin-top: 20px;
			width: 425px;
			float: left;
			}
				#article-areawolfsnout {
					margin-top: 20px;
					margin-left: 30px;
										
					}
						
				p#article-areacompany {
					margin-left: 20px;
					width: 520px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					padding-bottom: 10px;
					}

					p#article-areacompanyright {
					
					
					width: 520px;
					float: center;
					font-size: 1.2em;
					line-height: 1.3em;					
					padding-bottom: 10px;
					}

				p#article-area1 {
					margin-left: 20px;
					width: 520px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					padding-bottom: 10px;
					}
						p#article-area1 a {
							text-decoration: none;
							color: #ffffff;
							}
								p#article-area1 a:hover {
									text-decoration: none;
									color: #ff0000;
									}
				

				p#article-area2 {
					margin-left: 120px;
					width: 520px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					text-decoration: none;
					}
						p#article-area2 a{
							text-decoration: none;
							color: #ffffff;
							}
							p#article-area2 a:hover{
								color: #fff000;
								}

					ul#article-area2 {
						margin-left: 30px;
						float: left;
						font-size: 1.2em;
						line-height: 1.3em;
						text-align: justify;
						color: #ffffff;
						}
						
				p#article-area3 {
					margin-left: 20px;
					width: 480px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					padding: 20px;
					}
						p#article-area3 a{
							text-decoration: none;
							color: #ffffff;
							}
							p#article-area3 a:hover {
									text-decoration: none;
									color: #ff0000;
									}
				p#article-area4 {
					margin-left: 20px;
					width: 480px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					padding: 20px;
					}

				p#article-areamap {
					margin-left: 120px;
					margin-top: 30px;
					width: 520px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					text-align: justify;
					text-decoration: none;
					}
				
				p#return-link a {font-size: 1.1em;
					line-height: 1em;
					padding-left: 180px;
					text-align: center;
					text-decoration: none;
					color: #ffffff;
					}
						p#return-link a:hover {
							text-decoration: none;
							color: #fff000;
							}
		#article-areatable {
			width: 425px;
			float: left;
			}
				table#article-areatable {
					width: 560px;
					}				

		#sidebar {			
			width: 310px;
			float: left;
			padding-left: 165px;
		}
				p#sidebar1 {
					width: 310px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					padding-bottom: 10px;
					text-align: justify;
					}
					p#sidebar1 a {
						text-decoration: none;
						color: #fff000;
						}
				p#sidebartext {
					width: 310px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					margin-bottom: -15px; 
					text-align: left;
					}
				p#sidebar-haendler {
					width: 310px;
					float: left;
					font-size: 1.2em;
					line-height: 1.3em;
					padding-bottom: 10px;
					text-align: justify;
					}

			table#sidebar1 {
					float: center;
					width: 310px;
					}				

		#main-contentbottom {
			height: 345px;			
			background: url(images/ruts.jpg) no-repeat;
		}
		#main-startergatebottom {
			height: 250px;			
			background: url(images/startergate.jpg) no-repeat;
		}
		#main-firebottom {
			height: 250px;			
			background: url(images/fire.jpg) no-repeat;
		}
		#main-contentbottom2 {
			height: 130px;			
			background: url(images/product-footer.jpg) no-repeat;
		}
		#main-contentbottom3 {
			height: 30px;
			background: url(images/productblack-footer.jpg) no-repeat;
		}
		#main-contentbottomwhite {
			height: 30px;			
			background: url(images/swazicowboyz-whitefoot.jpg) no-repeat;
		}
		#main-error {			
			background: url(images/error.jpg) no-repeat;
		}

table#product-pic{
	width: 410px;
	text-align: center;
}

table#product-pic2{
	width: 410px;
	margin-left:60px;
	text-align: center;
}

table#product-acc{
	width: 540px;
	text-align: center;
}

table#product-acc1{
	width: 800px;
	margin-left:20px;
}

table#product-acc2{
	width: 460px;
	margin-left: 30px;
}

table#product-pics{
	width: 910px;
	float: left;
	margin-left: 50px;	
}
	table#product-pics td{
	padding: 10px 0 0 10px;	
	}

ul#nav {
	padding-top: 5px;
	}
	ul#nav li {
		display: inline;
		}
		ul#nav li a {
			display: block;
			height: 188px;
			text-indent: -9999px;
			float: left;
		} 
		ul#nav li.home a {
			width: 169px;
			background: url(images/nav-home.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.home a:hover {
			background-position: 0 -188px;
			}
				#body_home ul#nav li.home a {
				background-position: 0 0px;
				}
		ul#nav li.products a {
			width: 143px;
			background: url(images/nav-products.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.products a:hover {
			background-position: 0 -188px;
			}
				#body_products ul#nav li.products a {
				background-position: 0 0px;
				}
		ul#nav li.company a {
			width: 143px;
			background: url(images/nav-company.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.company a:hover {
			background-position: 0 -188px;
			}
				#body_company ul#nav li.company a {
				background-position: 0 0px;
				}
		ul#nav li.dealers a {
			width: 143px;
			background: url(images/nav-dealers.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.dealers a:hover {
			background-position: 0 -188px;
			}
				#body_dealers ul#nav li.dealers a {
				background-position: 0 0px;
				}
		ul#nav li.downloads a {
			width: 143px;
			background: url(images/nav-downloads.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.downloads a:hover {
			background-position: 0 -188px;
			}
				#body_downloads ul#nav li.downloads a {
				background-position: 0 0px;
				}
		ul#nav li.contact a {
			width: 144px;
			background: url(images/nav-contact.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.contact a:hover {
			background-position: 0 -188px;
			}
				#body_contact ul#nav li.contact a {
				background-position: 0 0px;
				}
		ul#nav li.shop a {
			width: 125px;
			background: url(images/nav-shop.jpg);
			background-position: 0 -376px;
		}
			ul#nav li.shop a:hover {
			background-position: 0 -188px;
			}
				#body_shop ul#nav li.shop a {
				background-position: 0 0px;
				}

ul#nav-description {
	
	}
	ul#nav-description li {
		padding-left: 10px;
		
		display: block;
		height: 22px;			
		float: left;
		text-decoration: none;
		width: 310px;
		color: #ffffff;
		font-size: 1.2em;
		line-height:150%;
		}

ul#nav-products {
	
	}
	ul#nav-products li {
		padding-left: 30px;
		}
		ul#nav-products li a {
			display: block;
			height: 22px;			
			float: left;
			text-decoration: none;
		}
		ul#nav-products li.dbdawg a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.dbdawg-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.wolfsnout a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.tubliss a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.shockcarburetor-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.gastank-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.sidecover-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.muffler-barrier a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.radiator-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.cable-savers a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.carburetor-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li.air-filter a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-products li a:hover {
			color: #fff000;
		}
		
ul#nav-downloads {
	
	}
	ul#nav-downloads li {
		padding-left: 30px;
		}
		ul#nav-downloads li a {
			display: block;
			height: 22px;			
			float: left;
			text-decoration: none;
		}
		ul#nav-downloads li.ignition a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-downloads li.dbdawg-kit a {
			width: 339px;
			color: #ffffff;
			font-size: 1.2em;			
		}
		ul#nav-downloads li a:hover {
			color: #fff000;
		}
				
#footer {
	min-height: 90px;
	text-align:center;
    margin:0 auto;
	width: 350px;
}
	p { padding: 20px 0 0 0px;
		font-size: 1.2em; 
		color: #ffffff;
		}
	ul#nav-footer li {
			display: inline; text-decoration: none;
			padding: 0;
		}
		ul#nav-footer li a {
		text-decoration: none;
		}
		ul#nav-footer li.imprint a {
			color: #ffffff;
			font-size: 1.2em;
		}
		ul#nav-footer li.privacypolicy a {
			color: #ffffff;
			font-size: 1.2em;
		}
		ul#nav-footer li.contact a {
			color: #ffffff;
			font-size: 1.2em;
		}
		ul#nav-footer li a:hover {
			color: #fff000;
		}

#language {
	text-align:center;
    margin:0 auto; padding-top: 5px;
}
	ul#nav-lang li {
			display: inline; text-decoration: none;
			padding: 0;
		}
		ul#nav-lang li a {
		text-decoration: none;
		}
		ul#nav-lang li.english a {
			color: #ffffff;
			font-size: 1.2em;
		}
		ul#nav-lang li.deutsch a {
			color: #ffffff;
			font-size: 1.2em;
		}
			ul#nav-lang li a:hover {
			color: #fff000;
			}
#sende  {
	}
	h2#sende a {
		font-family: Georgia, serif;
		color: #a69028; font-weight: normal;
		font-size: 2em;
		text-decoration: none;
		padding-left: 20px;
		padding-top:10px;
	}

		h2#sende a:hover {
			color: #fff000;
			}

.dac_image { 
float: right 
}

.dac_imageleft { 
float: left; margin-right:20px;
}

#navi, #navi ul { list-style-type:none; margin:0; padding:0; }

#navi li { width:128px; float:left; }

#navi li ul { display:none; }
  #navi li:hover ul { display:block; }

table#dealers   {
	float: center;
	width: 550px;
	margin-left: 10px;
	margin-top: 20px;
	padding-bottom: 10px;
	color: white;
	font-size: 1.2em;
	}
	table#dealers tr:hover { background: #FCF; color: black;}

	td#dealers   {
	padding-left: 10px;
	}





