/* -----------------------------------------------------------------------

	KKV Szállítás - Gui.css
	http://kkvszallitas.hu

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

body {
	display: block;
	margin: 0;
	padding: 0;
	background: #e8e8e4 url(../images/body_background.jpg) top center no-repeat;
	}
	
	.container_top {
		width: 990px;
		height: 3px;
		margin: 20px auto 0 auto;
		background: url(../images/container_top.png) bottom center no-repeat;
		}
	
	#container {
		width: 990px;
		margin: 0 auto;
		background: url(../images/container_background.png) top center repeat-y;
		}
		
		#header {
			width: 920px;
			height: 66px;
			margin: 0 auto;
			padding: 26px 20px 0 20px;
			background: url(../images/header.png) top left repeat-x;
			}
			
			#logo {
				display: block;
				float: left;
				margin: 0;
				}
				
			#header .dhl {
				float: right;
				padding: 10px 0 0 0;
				}
				
		#header_pics {
			width: 960px;
			margin: 0 auto;
			}
			
			#header_pics  img {
				display: block;
				}
				
		#nav_container {
			width: 990px;
			height: 67px;
			margin: 0 auto;
			background: url(../images/nav.png) top left no-repeat;
			}
			
			#nav_container ul {
				float: left;
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				#nav_container ul li {
					position: relative;
					float: left;
					height: 52px;
					}
					
					#nav_container ul li a {
						display: block;
						height: 52px;
						text-indent: -1000em;
						}
						
					#nav_01 { width: 121px; background: url(../images/nav.png) left top; }
					#nav_01 a:hover { background: url(../images/nav.png) left 72px; }
					
					#nav_02 { width: 63px; background: url(../images/nav.png) -121px top; }
					#nav_02 a:hover { background: url(../images/nav.png) -121px 72px; }
					
					#nav_03 { width: 78px; background: url(../images/nav.png) -184px top; }
					#nav_03 a:hover { background: url(../images/nav.png) -184px 72px; }
					
					#nav_04 { width: 72px; background: url(../images/nav.png) -263px top; }
					#nav_04 a:hover { background: url(../images/nav.png) -263px 72px; }
					
					#nav_05 { width: 134px; background: url(../images/nav.png) -335px top; }
					#nav_05 a:hover { background: url(../images/nav.png) -335px 72px; }
					
					#nav_06 { width: 141px; background: url(../images/nav.png) -469px top; }
					#nav_06 a:hover { background: url(../images/nav.png) -469px 72px; }
					
					#nav_07 { width: 165px; background: url(../images/nav.png) -610px top; }
					#nav_07 a:hover { background: url(../images/nav.png) -610px 72px; }
					
				#nav li .sub {
					position: absolute; /*--Important--*/
					top: 50px; left: 0;
					float: left;
					display: none; /*--Hidden for those with js turned off--*/
					padding: 14px 0 0 0;
					background: transparent url(../images/subTop.png) top left no-repeat;
					}
					
				#nav li .sub .subBackground { /*--If needed to break out into rows--*/
					clear: both;
					width: 100%;
					background: #bd0101 url(../images/sub.png) top left repeat-x; /*--Background gradient--*/
					padding: 10px 0 10px 10px;
					}
						
					#nav li .sub ul{
						list-style: none;
						margin: 0;
						padding: 0;
						width: 180px;
						float: left;
						}
						
						#nav .sub ul li {
							width: 170px; /*--Override parent list item--*/
							height: 30px !important;
							border-top: 1px dotted #610202;
							background: none !important;
							}
							
						#nav .sub ul li:first-child{
							border: none !important;
							}
							
							#nav .sub ul li a {
								width: 115px; /*--Override parent list item--*/
								height: 30px !important;
								line-height: 30px;
								padding: 0 0 0 15px;
								text-indent: 0 !important;
								text-shadow: 1px 1px 0 #540202;
								font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
								font-size: 14px;
								color: #fff;
								background: url(../images/arrow.png) left center no-repeat !important;
								}
								
							#nav .sub ul li a:hover {
								width: 145px; /*--Override parent list item--*/
								line-height: 30px;
								padding: 0 0 0 25px;
								text-shadow: 1px 1px 0 #540202;
								background: #980202 url(../images/arrow.png) 10px center no-repeat !important;
								text-decoration: none;
								}
				
			#nav_container form {
				display: block;
				float: left;
				height: 41px;
				margin: 12px 0 0 26px;
				}
				
				#nav_container form input.text {
					display: block;
					float: left;
					width: 127px;
					height: 19px;
					margin: 0;
					padding: 5px 10px;
					border: 0;
					background: transparent;
					}
					
				#nav_container form input.submit {
					display: block;
					clear: none !important;
					float: left;
					width: 29px;
					height: 29px;
					margin: 0;
					padding: 0;
					border: 0;
					background: url(../images/nav.png) -946px -12px no-repeat;
					text-indent: -1000em;
					}
					
				#nav_container form input.submit:hover {
					background: url(../images/nav.png) -946px -84px no-repeat;
					}
					
			#content {
				width: 960px;
				margin: 0 auto;
				padding: 5px 0 0 0;
				background: #dadada url(../images/content.png) top left repeat-x;
				}
				
				#content .content_header {
					height: 52px;
					margin: 0 20px;
					background: url(../images/content_header.png) bottom left no-repeat;
					}
					
					#top_banner {
						display: none;
						width: 920px;
						margin: 0 auto 20px auto;
						}
						
						#top_banner img {
							display: block;
							}
							
					#signin_status {
						text-align: right;
						padding: 0 20px 10px 0;
						font-size: 11px;
						}
						
						#signin_status span {
							font-style: italic;
							font-weight: bold;
							}
					
					#content .content_header h1 {
						display: block;
						height: 40px;
						line-height: 38px;
						margin: 0;
						padding: 0 20px;
						font-size: 17px !important;
						background: #c3c3c3;
						}
		
	.container_bottom {
		width: 990px;
		height: 3px;
		margin: 0 auto 20px auto;
		background: url(../images/container_bottom.png) top center no-repeat;
		}
		
	#footer_container {
		width: 990px;
		/* height: 301px; */
		margin: 0 auto;
		background: url(../images/container_background.png) top center repeat-y;
		}
		
		#footer_container .header {
			width: 920px;
			/* line-height: 40px; */
			margin: 0 auto;
			padding: 0 20px;
			background: url(../images/footer.png) top left repeat-x;
			/* font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif; */
			/* font-size: 17px; */
			/* font-weight: bold; */
			/* color: #cc0000; */
			}
			
		#footer_container .content {
			width: 960px;
			height: 197px;
			margin: 0 auto;
			background: url(../images/footer.png) left -40px repeat-x;
			}
			
			#footer_container .content .box {
				float: left;
				width: 199px;
				margin: 20px 20px 0 0;
				padding: 0 0 0 20px;
				border-left: 1px solid #cecece;
				}
				
				#footer_container .content .box h2 {
					margin: 0 0 10px 0;
					text-transform: uppercase;
					font-size: 14px;
					color: #333;
					}
					
				#footer_container .content .box img {
					display: block;
					float: left;
					margin: 0 10px 0 0;
					}
				
			#footer_container .content .box:first-child {
				width: 200px;
				border: 0 !important;
				}
			
		#footer_container .footer {
			width: 920px;
			height: 64px;
			margin: 0 auto;
			padding: 0 20px;
			background: url(../images/footer.png) left -237px repeat-x;
			}
			
			#footer_container .footer ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
				
				#footer_container .footer ul li {
					float: left;
					margin: 24px 5px;
					padding: 0 0 0 10px;
					border-left: 1px solid #000;
					font-size: 11px;
					}
					
				#footer_container .footer ul li:first-child {
					margin: 24px 5px 0 0;
					padding: 0;
					border-left: 0;
					}
					
			#footer_container .footer .dhl {
				float: right;
				margin: 25px 0 0 0;
				}
				
	#copyright {
		width: 960px;
		margin: 0 auto;
		font-size: 11px;
		}
		
		#copyright .left {
			float: left;
			padding: 0 0 13px 0;
			}
			
		#copyright .right {
			float: right;
			padding: 0 0 13px 0;
			}