/******************** RESET ********************/

html, div, form { display: block; }

body {
	display:block;
	margin: 0;
	padding: 0;
	background: #fff url(../images/bodyBackground.png) top left repeat-x;
	font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;
	font-size: 12px;
	color: #353535;
	}
	
* { outline: none; }

#mainContent h1 {
	clear: both;
	margin: 0 0 15px 0;
	font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #234f8d;
	letter-spacing: -1px;
	}
	
#mainContent h2 {
	clear: both;
	margin: 0 0 10px 0;
	font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #234f8d;
	}

#contentContainer p { margin: 0 0 10px 0; }
img { margin: 0; border: 0; }
a { outline: none; text-decoration: none; cursor: pointer; }
a:hover { outline: none; text-decoration: none; cursor: pointer; }
#contentContainer a { color: #353535; }
#contentContainer a:hover { color: #000; text-decoration: underline; }

input[type=text], input[type=password], textarea { cursor: text; }
input[type=submit] { cursor: pointer; }

hr {
	height: 1px;
	background: transparent url(../images/hr.png) top left repeat-x;
	color: transparent;
	margin: 20px 0;
	border: 0;
	_border-top: 1px dashed #000;
	}

.png { behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc); }
.clearfix { clear: left; }

.borderImg {
	padding: 4px;
	border: 1px solid #b3b3b3;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #fff;
	}
	
.contentLeftImg {
	float: right;
	margin: 0 20px 20px 0;
	padding: 4px;
	border: 1px solid #b3b3b3;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #fff;
	}
	
.contentRightImg {
	float: right;
	margin: 0 0 20px 20px;
	padding: 4px;
	border: 1px solid #b3b3b3;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: #fff;
	}
	
#ajaxloading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	line-height: 70px;
	margin: -35px 0 50px -75px;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	background: #95d1f3;
	text-align: center;
	font-size: 17px;
	color: #fff;
	}
			
/******************** OLDAL STRUKTÚRA ********************/

#wrap {
	background: transparent url(../images/topWrap.png) scroll center 286px no-repeat;
	}
	
	#wrap2 {
		background: transparent url(../images/wrap2Background.png) scroll center bottom repeat-x;
		}
		
		#headerContainer {
			width: 100%;
			height: 286px;
			}
			
			#header {
				width: 970px;
				height: 286px;
				margin: 0 auto;
				overflow: hidden;
				clear: both;
				}
				
				#logo {
					display: block;
					width: 190px;
					height: 96px;
					background: url(../images/logo.png) top left repeat-x;
					float: left;
					}
					
					#logo h1 { text-indent: -1000em; margin: 0; }
					
				#webshopButton {
					display: block;
					width: 334px;
					height: 70px;
					margin: 0 0 0 65px;
					background: url(../images/webshopButton.gif) top left repeat-x;
					text-indent: -1000em;
					float: left;
					}
					
				#topNav {
					display: block;
					width: 288px;
					height: 87px;
					margin: 0 0 0 67px;
					padding: 0;
					list-style-type: none;
					overflow: hidden;
					float: left;
					}
					
					#topNav li {
						height: 87px;
						float: left;
						}
						
						#topNav li a {
							display: block;
							height: 87px;
							text-indent: -1000em;
							}
							
						#topNav .auto a {
							width: 139px;
							background: url(../images/topNav1.png) top left no-repeat;
							}
							
							#topNav .auto a:hover, #topNav .auto .active { background: url(../images/topNav1.png) bottom left no-repeat; }
							
						#topNav .motor a {
							width: 149px;
							background: url(../images/topNav2.png) top left no-repeat;
							}
							
							#topNav .motor a:hover, #topNav .motor .active { background: url(../images/topNav2.png) bottom left no-repeat; }
							
		#contentContainer {
			background: transparent url(../images/bottomWrap.png) bottom center no-repeat;
			}
							
			#content {
				width: 960px;
				margin: 0 auto;
				padding: 0 5px;
				background: transparent url(../images/contentBackground.png) top center repeat-y;
				behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
				}
				
				#leftSide {
					width: 270px;
					float: left;
					}
					
					#nav {
						display: block;
						width: 230px;
					    list-style: none;
					    margin: 20px;
					    padding: 0;
						text-indent: -1000em;
						}
					
				#mainContent {
					width: 650px;
					padding: 20px;
					float: left;
					}
							
		#footerContainer {
			width: 100%;
			height: 122px;
			background: transparent url(../images/footerBackground.png) top left repeat-x;
			}
			
			#footer {
				width: 960px;
				height: 122px;
				margin: 0 auto;
				overflow: hidden;
				clear: both;
				background: transparent url(../images/footerShadow.png) top center no-repeat;
				behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
				font-size: 10px;
				color: #02152f;
				}
				
				#footerNav {
					display: block;
					height: 52px;
					padding: 0;
					list-style-type: none;
					text-align: center;
					clear: both;
					}
					
					.autoFooter { margin: 0 0 0 22px; }
					.motorFooter { margin: 0 0 0 165px; }
					
					#footerNav li {
						display: block;
						float: left;
						line-height: 52px;
						margin: 0 0 0 10px;
						}
						
						#footerNav li:first-child { margin: 0; }
						
						#footerNav li a {
							color: #fff;
							padding: 0 0 0 10px;
							border-left: 1px solid #042757;
							}
							
							#footerNav li a:hover { color: #000; }
							
				#footer .left {
					float: left;
					margin: 25px 0 0 0;
					}
					
				#footer .right {
					float: right;
					margin: 25px 0 0 0;
					}
					
					#footer .right span { font-size: 9px; padding: 0 0 0 4px; }
					
					#footer .right a {
						display: block;
						width: 108px;
						height: 28px;
						background: transparent url(../images/everengine.png) top left no-repeat;
						behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
						text-indent: -1000em;
						}
						
						#footer .right a:hover {
							background: transparent url(../images/everengine.png) bottom left no-repeat;
							behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
							}
							
/******************** BAL OLDAL ********************/

.modul {
	width: 230px;
	padding: 20px;
	background: url(../images/modulBackground.png) top left repeat-x;
	}
	
	.modul h2 {
		clear: both;
		margin: 0 0 10px 0;
		font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #234f8d;
		}
		
	.vertical {  
		position: relative;
		overflow: hidden;	
		height: 300px;	 
		width: 230px;
		}
		
		.leftNews .items {	
			position:absolute;
			height:20000em;	
			margin: 0px;
			}
			
			.leftNews .items .item {
				overflow: hidden;
				background: #eae9e9;
				height: 268px;	
				margin: 0 0 20px 0;
				padding: 15px;
				border: 1px solid #b8b8b8;
				-moz-border-radius: 10px;  
				-webkit-border-radius: 10px;  
				border-radius: 10px;
				cursor: pointer;
				}
				
			.leftNews .items .item:hover {
				background: #dcdada;
				}
				
				.leftNews .items .item legend {
					font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #3e3d3d;
					}
					
				.leftNews .items .item img {
					width: 150px;
					margin: 0 15px 10px 15px;
					padding: 4px;
					border: 1px solid #b3b3b3;
					-moz-border-radius: 5px;  
					-webkit-border-radius: 5px;  
					border-radius: 5px;
					background: #fff;
					}
		
	.modul .modulIcon {
		width: 245px;
		margin: 0 0 10px 0;
		padding: 0 0 0 25px;
		}
		
		.modul .mail { background: url(../images/mailIcon.png) top left no-repeat; }
		.modul .phone { background: url(../images/phoneIcon.png) top left no-repeat; }
		.modul .address { background: url(../images/addressIcon.png) scroll 3px top no-repeat; }
		
	.modul address {
		font-style: normal;
		}
		
	.modul .info {
		display: block;
		width: 190px;
		height: 30px;
		margin: 15px 0 0 0;
		padding: 0 0 0 40px;
		background: url(../images/infoIcon.png) top left no-repeat;
		}
		
/******************** AKCIÓK ********************/

.sale {
	margin: 0 0 15px 0;
	padding: 15px;
	border-top: 3px solid #3670cf;
	border-bottom: 3px solid #3670cf;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background: #f7f6f6;
	}
	
	.sale img {
		padding: 4px;
		border: 1px solid #b3b3b3;
		-moz-border-radius: 5px;  
		-webkit-border-radius: 5px;  
		border-radius: 5px;
		background: #fff;
		float: left;
		max-width: 150px;
		max-height: 150px;
		_width: 150px;
		_height: 150px;
		}
		
	.sale .details {
		width: 338px;
		margin: 0 0 0 20px;
		float: left;
		}
		
		.sale .details .text {
			display: block;
			margin: 0 0 5px 0;
			padding: 0 0 3px;
			border-bottom: 1px dotted #aeadad;
			font-weight: bold;
			}
			
		.sale .details p { padding: 0 0 10px 0; }
			
		.sale .details .price {
			font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
			font-size: 18px;
			font-weight: bold;
			color: #e40000;
			}
			
/******************** FÓRUM ********************/

.topics {
	margin: 0 0 5px 0;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	background: #fff url(../images/forum/topicsBackground.png) bottom left repeat-x;
	}
	
	.topics:hover {
		background: #f2f2f2 url(../images/forum/topicsBackgroundHover.png) bottom left repeat-x;
		}
	
	.topics .category {
		border-right: 1px solid #d0d0d0;
		float: left;
		}
		
	.topics .name {
		padding: 0 20px;
		float: left;
		color: #6d6d6d;
		}
		
		.topics .name span {
			display: block;
			margin: 8px 0 0 0;
			font-family: Segoe UI, Verdana, Arial, Tahoma, Helvetica, Sans-serif;
			font-size: 18px;
			font-weight: normal;
			color: #234f8d;
			}
			
/******************** TOPICS ********************/

.important { font-weight: bold; color: #e40000; }

.writeComment {
	width: 618px;
	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	background: #f7f6f6;
	}
	
	.writeComment .left {
		width: 45%;
		float: left;
		}
		
	.writeComment .right {
		width: 55%;
		float: left;
		}
		
		#forumForm label {
			display: block;
			margin: 0 0 5px 0;
			font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #5d5d5d;
			}
		
		#forumForm input[type=text] {
			background: #fff !important;
			}
			
		#forumForm textarea {
			width: 300px !important;
			height: 75px !important;
			background: #fff !important;
			}
			
.comment {
	width: 618px;
	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #d0d0d0;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	border-radius: 10px;
	background: #f7f6f6;
	}
	
	.suzuminnComment {
		padding: 15px;
		border: 1px solid #bcbbbb;
		background: #f0f0f0;
		}
		
		.suzuminnComment .author, .suzuminnComment .date {
			color: #e40000 !important;
			}
	
	.comment .commentHeader {
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		background: transparent url(../images/hr.png) bottom left repeat-x;
		}
		
		.comment .commentHeader  .author {
			line-height: 16px;
			margin: 0 20px 0 0;
			padding: 0 0 0 25px;
			background: transparent url(../images/forum/author.png) top left no-repeat;
			behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
			font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
			font-size: 14px;
			font-weight: bold;
			}
			
		.comment .commentHeader  .date {
			line-height: 16px;
			padding: 0 0 0 25px;
			background: transparent url(../images/forum/date.png) top left no-repeat;
			behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
			font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
			font-size: 14px;
			font-weight: bold;
			}
			
		.comment .commentHeader  .number {
			float: right;
			font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
			font-size: 14px;
			font-weight: bold;
			}
			
	.comment .commentContent p {
		margin: 5px 0 0 0 !important;
		}
		
/******************** AJÁNLOTT JAVÍTOK ********************/

.repairList {
	display: block;
	height: 37px;
	width: 650px;
	margin: 0 0 10px 0;
	padding: 0;
	-moz-border-radius-topleft: 10px;  
	-webkit-border-top-left-radius: 10px;  
	border-topleft-radius: 10px;
	-moz-border-radius-topright: 10px;  
	-webkit-border-top-right-radius: 10px;  
	border-topright-radius: 10px;
	background: url(../images/repairList.png) top left repeat-x;
	list-style-type: none;
	}
	
	.repairList li {
		float: left;
		font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
		font-size: 14px;
		font-weight: normal;
		}
		
		.repairList li a {
			display: block;
			line-height: 37px;
			padding: 0 15px;
			color: #fff !important;
			}
			
		.repairList li a.active {
			height: 37px;
			background: url(../images/repairList.png) bottom left repeat-x;
			}
			
.repeairContainer {
	width: 650px;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	background: transparent url(../images/hr.png) bottom left repeat-x;
	overflow: hidden;
	}
	
	.repeairContainer .left {
		width: 225px;
		padding: 0 0 0 25px;
		background: transparent url(../images/forum/author.png) top left no-repeat;
		behavior: url(http://suzuminn.hu/pngFix/iepngfix.htc);
		font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
		font-size: 14px;
		font-weight: bold;
		float: left;
		}
		
	.repeairContainer .right {
		width: 400px;
		float: left;
		}
			
/******************** KAPCSOLAT ********************/

.contactLeft {
	display: block;
	width: 130px;
	margin: 0 0 7px 0;
	float: left;
	}
	
.contactRight {
	display: block;
	margin: 0 0 7px 0;
	float: left;
	clear: right;
	}
	
#mainContent form {
	display: block;
	margin: 0;
	padding: 0;
	}

	#mainContent input[type=text] {
		display: block;
		width: 200px;
		height: 20px;
		margin: 0 0 10px 0;
		padding: 6px 15px 2px 15px;
		border: 1px solid #d3d3d3;
		-moz-border-radius: 10px;  
		-webkit-border-radius: 10px;  
		border-radius: 10px;
		background: #f8f8f8;
		font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;
		font-size: 12px;
		}
		
		#mainContent input[type=text]:focus {
			border: 2px solid #3670cf;
			padding: 5px 14px 1px 14px;
			}
	
	#mainContent textarea {
		display: block;
		width: 200px;
		height: 100px;
		margin: 0 0 10px 0;
		padding: 15px;
		border: 1px solid #d3d3d3;
		-moz-border-radius: 10px;  
		-webkit-border-radius: 10px;  
		border-radius: 10px;
		background: #f8f8f8;
		font-family: Verdana, Arial, Tahoma, Helvetica, Sans-serif;
		font-size: 12px;
		}
		
		#mainContent textarea:focus {
			border: 2px solid #3670cf;
			padding: 14px;
			}
		
	#mainContent input[type=submit] {
		display: block;
		height: 35px;
		margin: 0;
		padding: 0 15px;
		border: 0;
		-moz-border-radius: 10px;  
		-webkit-border-radius: 10px;  
		border-radius: 10px;
		background: #3670cf;
		font-family: Segoe UI, Segoe UI loaded, Arial, Helvetica, Sans-serif;
		font-size: 14px;
		color: #fff;
		}
		
		#mainContent input[type=submit]:hover {
			background: #254d8e;
			}