body {
	background: #fff url(img/bodyBg.png) top repeat;
	padding: 0; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
}

ul {
	list-style-image: url(img/odrazka.png);
	list-style-position: outside;
	margin: 0px 0 0 0;	
}

	li {
		padding: 0; margin: 7px 0;
	}

h1 {
	font: normal normal 1.8em Verdana;	
	margin: 0;
	padding: 20px 0 0 10px;
	color: #39c;
	height: 121px;
	width: 222px;
	position: absolute;
	left: 22px;
	top: 25px;
}
	h1 a {
		color: #444;
		text-decoration: none;
	}
	h1 span {
		background: url(img/logo.png);
		position: absolute;
		top: 0;
		left: 0;
		height: 121px;
		width: 222px;
		font-size: 1px;
		line-height: 1px;
		cursor: pointer;		
	}

a {
	color: #f80;
	text-decoration: underline;
}
	a:hover {
		color: #999;
		text-decoration: underline;
	}

a img {
	border:none;	
}

form {
	margin: 0;
	padding: 0;
}

input.text {	
	height: 21px;
	padding: 5px 5px 0 5px;
	color: #555;
	font-size: 14px;
	border: none;
}
	input.text.short {
		background: #e0e0e0 url(img/inputShort.png);
		width: 127px;			
	}
	input.text.long {
		background: #e0e0e0 url(img/inputLong.png);
		width: 262px;	
	}
textarea{
	border: none;
	padding: 5px;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #999;	
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}
	textarea.long{
		background: #e0e0e0 url(img/textareaLong.png);		
		width: 262px;
	}


.smallOrangeButton {		
	margin: 7px 0 5px 0;
	background: #f90 url(img/smallOrangeButton.png);
	border: none;
	width: 92px; height: 20px;	
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
}

.corner {
	position: absolute;
	width: 19px; height: 19px;
}

#topBackgroud {
	background: #fff url(img/topBg.png) top repeat-x;
	padding: 10px 0 0 0; margin: 0;	
}

#bottomBackgroud {
	background: url(img/bottomBg.png) bottom repeat-x;
	min-height: 384px;
    _height: 384px;
	_overflow: visible;
	padding: 10px 0 0 0; margin: 0;		
}

#main {
	width: 900px;
	border: 3px solid #333;
	margin: 15px auto 0 auto;
	background: #333;
	position: relative;
}
	#main #mainCornerLeft {
		bottom: -3px; left: -3px;
		background: url(img/mainCornerLeft.png);
	}
	
	#main #mainCornerRight {
		bottom: -3px; right: -3px;
		background: url(img/mainCornerRight.png);
	}

	#top {
		background: #f90 url(img/top.png) no-repeat top center;
		height: 165px;
		position: relative;
		border-bottom: 3px solid #333;
	}	
		#topCornerLeft {
			top: -3px; left: -3px;
			background: url(img/topCornerLeft.png);
		}
		#topCornerRight {
			top: -3px; right: -3px;
			background: url(img/topCornerRight.png);
		}
		#top #user {
			position: absolute;
			left: 685px; top: 35px;
			font-size: 0.8em;	
		}
		#top #userPanel {			
			position: absolute;
			right: 120px; top: 65px;
			font-size: 0.8em;
			line-height: 1.3em;
		}
			#top #userPanel a {			
				color: #444;
				text-decoration: none;
			}
			#top #userPanel a:hover {			
				color: #fff;
				text-decoration: underline;
			}
		#top #userCart {			
			position: absolute;
			right: 5px; top: 103px;
			width: 90px;			
			font-size: 1.7em;
			line-height: 0.9em;
			color: #fff;
			font-weight: bolder;
			text-align: center;
			margin: 0; padding: 0;
		}
			#top #userCart .small{
				line-height: 1em;			
				font-size: 0.45em;
				color: #333;
				margin: 0; padding: 0;				
			}
	#menu {
		height: 41px;
		background: #999 url(img/menuBg.png) repeat-x;
		text-align: center;
		border-bottom: 3px solid #333;
	}	
		#menuLeft {
			height: 41px;
			background: url(img/menuBgLeft.png) left no-repeat;
		}
		#menuRight {
			height: 41px;
			background: url(img/menuBgRight.png) right no-repeat;
		}	
		#menu ul {
			width: 436px;
			list-style-type: none;
			list-style-image: none;
			padding:0; margin: 0 auto;		
		}
			#menu ul li {
				float: left;
				margin: 0; padding: 0;	
				position: relative;		
			}				
				#menu .separator {
					width: 2px; height: 41px;
					background: url(img/menuSeparator.png);				
				}
				#menu ul li a {
					cursor: pointer;
					color: #fff;
					font-size: 1.6em;
					text-decoration: none;				
				}
					#menu ul li a:hover {
					color: #f90;					
					text-decoration: none;				
				}
				#menu ul li a span{						
					position: absolute;
					top: 0; left: 0;	
					height: 41px;
					display: block;
				}
				#menu #home {	
					width: 83px;
				}	
					#menu #home a span {	
						background: url(img/menuHome.png) top;				
						width: 83px; 
					}
					#menu #home a:hover span {
						background: url(img/menuHome.png) bottom;
						width: 83px; 
					}
				#menu #info {					
					width: 135px; 
				}
					#menu #info a span {	
						background: url(img/menuInfo.png) top;				
						width: 135px; 
					}
					#menu #info a:hover span {
						background: url(img/menuInfo.png) bottom;
						width: 135px; 
					}
				#menu #cart {
					width: 84px;
				}
					#menu #cart a span {	
						background: url(img/menuCart.png) top;				
						width: 84px; 
					}
					#menu #cart a:hover span {
						background: url(img/menuCart.png) bottom;
						width: 84px; 
					}
				#menu #wizard {
					width: 124px;
				}
					#menu #wizard a span {	
						background: url(img/menuWizard.png) top;				
						width: 124px; 
					}
					#menu #wizard a:hover span {
						background: url(img/menuWizard.png) bottom;
						width: 124px; 
					}
					
	#cols {
		padding: 0; margin: 0;
		background: url(img/mainBg.png) repeat-y;		
	}
		#cols #content {
			width: 494px;
			margin-left: 203px; 
			_margin-left: 200px; 
			background: #fff url(img/contentTop.png) top left no-repeat;
		}
			#cols #content .topCorners {
				width: 494px;
				background: url(img/contentTop.png) top left no-repeat;
			}
			#cols #content .bottom {
				width: 494px;
				padding: 0 0 21px 0;
				background: url(img/contentBottom.png) bottom left no-repeat;
			}
			#cols #content .plus {
				width: 494px;
				height: 40px;
				background: #333 url(img/plusDark.png) center center no-repeat;
			}
			#cols #content .equals {
				width: 494px;
				height: 40px;
				background: #333 url(img/equalsDark.png) center center no-repeat;
			}
		#news {
			border-top: 3px solid #333;
			width: 494px;
			background: #fff url(img/newsTop.png) top left no-repeat;
			margin-left: 203px; 
			_margin-left: 200px;
			padding-top: 41px;
			font-size: 0.8em;
		}
		#news .bottom {
			background: url(img/contentBottom.png) bottom left no-repeat;
		}
		.bigproduct {
			position: relative;
			padding: 5px;
			min-height: 135px;
			_overflow: visible;
			_height: 135px;
			background: url(img/bigProductBg.png) top repeat-x;
			border-bottom: 2px solid #333;
		}
			.bigproduct .stats {
					position: absolute;
					top: 0;	right: 0;	
					height: 33px;
					width: 170px;
					line-height: 33px;								
				}
				.bigproduct .status {
					float: right;
					height: 33px;				
				}	
					.status.akce{
						width: 61px;
						background: url(img/bannerAkce.png) no-repeat;
					}
					.status.top{
						width: 49px;
						background: url(img/bannerTop.png) no-repeat;
					}	
					.status.doprodej{
						width: 108px;
						background: url(img/bannerDoprodej.png) no-repeat;
					}	
					.status.novinka{
						width: 92px;
						background: url(img/bannerNovinka.png) no-repeat;
					}	
			.bigproduct h2 {
				color: #444;
				font-size: 1.4em;
				font-weight: normal;
				line-height: 1.5em;
				margin: 0; padding: 0;
				width: 220px;
			}
			.bigproduct .image {
				position: absolute;
				top: 5px; left: 2px;
				width: 110px;
				text-align: center;
			}
				.bigproduct .image a img{
					border: 1px solid #fff;
				}
				.bigproduct .image a:hover img{
					border: 1px dashed #f90;
				}
			.bigproduct .info {
				margin: 0 0 0 auto;
				width: 370px; 
				margin-bottom: 15px;
			}
				.bigproduct table td {
					padding: 2px 10px 0 0;
					vertical-align: top;					 
				}
				.ordinaryPrice {
					color: #999;
					font-size: 1.6em;
					text-align: center;
					font-style: italic;
					font-weight: bold;
				}
				.ourPrice {
					position: absolute;
					bottom: 2px; right: 159px;
					width: 150px;
					background: url(img/productPrice.png) bottom right no-repeat;
					color: #f80;
					font-size: 2.7em;					
					line-height:1.5em;
					padding-right: 10px;
					text-align: right;
					font-style: italic;
					font-weight: bolder;
				}
				.buttons {
					position: absolute;
					bottom: 0; right: 0;
					width: 159px; height: 56px;		
					background: #333 url(img/productLeftCorner.png) top left no-repeat;
				}
					.buttons input {
						position: absolute;
						border: none;						
						height: 26px;
						margin: 0; padding: 0;	
						left: 2px;					
					}
					.buttons .compare {
						top: 2px;											
						width: 157px; height: 26px;
						background: #999 url(img/productCompare.png);						
					}
					.buttons .no {
						top: 30px;
						width: 64px;
						height: 20px;
						background: #fff url(img/productNo.png);
						text-align: center;
						padding: 6px 0 0 0;
						font-weight: bold;
						color: #444;
					}
					.buttons .buy {
						top: 30px;
						left:auto;
						right: 0;
						width: 90px;
						background: #f90 url(img/productBuy.png);
					}
					.buttons .remove {
						top: 30px;
						left:auto;
						right: 0;
						width: 90px;
						background: #f90 url(img/buttonRemove.png);
					}
					
					.buttons .buy2 {
						top: 2px;
						left:auto;
						right: 0;
						width: 90px;
						background: #f90 url(img/productBuy.png);
					}
		#cols .panel {
			width: 200px;
			border-top: 3px solid #333;
		}
			#cols .panel .bottom {
			padding: 45px 2px 15px 2px;
			background: url(img/panelBottom.png) bottom no-repeat;
		}
			#search.panel {
				text-align: center;
				border-top: none;
				background: #fff url(img/panelVyhledavani.png) top no-repeat;
				font-size: 0.7em;
				color: #999;				
			}
				#searchInput {
					background: url(img/searchInput.png);
					width: 175px; height: 21px;
					padding: 5px 0 0 5px;
					margin: 5px 0 0 0;
					border: none;
					color: #999;
					text-align: center;
				}
				#search .smallOrangeButton {					
					margin: 7px 0 5px 0;					
				}				
			#products.panel {
				background: #fff url(img/panelProdukty.png) top no-repeat;
				font-size: 0.8em;				
			}
				#products.panel .bottom {
					width: 193px;
					padding-left: 5px;
					background: url(img/panelBottomXmas.png) bottom no-repeat;
				}
				#products .catArrow {
					cursor: pointer;
				}
				#products .cat {
					overflow: hidden;
				}
					#products .cat.closed {
						height: 1.1em;
					}
					#products .cat .contents{
						padding-left: 11px;
					}
				#products a {
					color: #444;
					text-decoration: none;
				}
					#products a:hover {
						color: #f90;
						text-decoration: underline;
					}
			#update.panel {
				text-align: right;
				background: #fff url(img/aktualizaceBg.png) top no-repeat;
				font-size: 12px;
				font-weight: bolder;
				line-height: 27px;
				color: #555;
				height: 27px;
				width: 190px;
				padding-right: 10px;				
			}				
			#actions.panel {
				background: #fff url(img/panelAkce.png) top no-repeat;
			}
				#actions .product {
						position: relative;
						padding: 4px 0 4px 0;
						background: url(img/smallDivider.png) bottom no-repeat;
					}
					#actions .product .image {
						position: absolute;
						top: 2px; left:2px;
					}
				#actions table {
					width: 150px;
					margin: 0 0 0 auto;	padding: 0; 
				}				
					#actions table td {
						padding: 0; margin: 0;	
						vertical-align: sub;
						text-align: center;	
						font-weight: bold;			
					}
						#actions table .name {
							font-size: 0.9em;
							line-height: 0.9em;
							padding-bottom: 5px;
						}				
						#actions table .action {	
							font-size: 1.8em;							
							padding:0;						
							font-style: italic;			
							color: #f90;					
						}
						#actions table .ordinary {	
							font-size: 0.8em;
							line-height: 0.9em;							
							color: #999;					
						}
						#actions table .small {					
							font-size: 11px;
							line-height: 11px;
							font-weight: normal;
							font-style: normal;								
						}
			#gear.panel {
				background: #fff url(img/panelPrislusenstvi.png) top no-repeat;
			}
				#gear .product {
						position: relative;
						padding: 4px 0 4px 0;
						background: url(img/smallDivider.png) bottom no-repeat;
					}
					#gear .product .image {
						position: absolute;
						top: 2px; left:2px;
					}
				#gear table {
					width: 150px;
					margin: 0 0 0 auto;	padding: 0; 
				}				
					#gear table td {
						padding: 0; margin: 0;	
						vertical-align: sub;
						text-align: center;	
						font-weight: bold;			
					}
						#gear table .name {
							font-size: 0.9em;
							line-height: 0.9em;
							padding-bottom: 5px;
						}				
						#gear table .action {	
							font-size: 1.8em;							
							padding:0;						
							font-style: italic;			
							color: #f90;					
						}					
						}
						#gear table .ordinary {	
							font-size: 0.8em;
							line-height: 0.9em;							
							color: #999;					
						}
						#gear table .small {					
							font-size: 11px;
							line-height: 11px;
							font-weight: normal;
							font-style: normal;								
						}
			#contacts.panel {
				font-size: 0.8em;
				line-height: 1.5em;
				border-top: none;
				background: #fff url(img/panelKontakty.png) top no-repeat;
			}
				#contacts table {
					padding: 8px 0 0 8px;					
				}
			#comparsion.panel {				
				background: #fff url(img/panelSrovnani.png) top no-repeat;	
				text-align:center;						
			}
				
				#comparsion .product {
						width: 196px;	
						position: relative;					
						padding: 4px 0 4px 0;
						background: url(img/smallDivider.png) bottom no-repeat;						
					}
					#comparsion .product .image {
						position: absolute;
						top: 2px; left:2px;
					}
				#comparsion table {
					width: 140px;
					margin: 0 0 0 auto;	padding: 0; 
				}				
					#comparsion table td {
						padding: 0; margin: 0;	
						vertical-align: sub;
						text-align: center;	
						font-weight: bold;			
					}
						#comparsion table .name {
							font-size: 0.9em;
							line-height: 0.9em;
							padding-bottom: 5px;
						}						
						#comparsion table .small {					
							font-size: 11px;
							line-height: 11px;
							font-weight: normal;
							font-style: normal;															
						}
						#comparsion .small {					
							font-size: 0.7em;
							color: #999;
							margin: 3px 10px 0 10px;								
						}
		#cols #leftPanels {
			float: left;
		}
		#cols #rightPanels {
			float: right;
		}		
		#cols .floatCleaner{
			height: 1px; line-height: 1px;
			font-size: 1px;
			clear: both;			
		}

#footer {
	width: 265px; height: 53px;
	margin: 15px auto 30px auto;
	background: #333 url(img/footer.png);
	padding: 27px 0 0 137px;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: center;
	font-variant: small-caps;
	color: #fff;
	word-spacing: 0.4em;
}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	#footer a:hover {
		color: #f90;
		text-decoration: underline;
	}
	#footer .copy {
		color: #fa0;
		font-variant: normal;
		word-spacing: 0.1em;		
	}
#productDetail {
	width: 494px;
	margin-left: 203px; 
	_margin-left: 200px; 
	background: #fff url(img/contentTop.png) top left no-repeat;
	font-size: 0.8em;
}
	#productDetail .bottom {
		width: 494px;
		padding: 15px 0 21px 0;
		background: url(img/contentBottom.png) bottom left no-repeat;
	}
	#productDetail .navigation {
		color: #666;
		font-size: 0.7em;
		padding: 0 10px 15px 10px;
		text-align: center;
	}
		#productDetail .navigation .header{
			color: #f90;
			font-weight: bold;
		}
		#productDetail .navigation a{
			color: #666;
			text-decoration: underline;
		}
		#productDetail .navigation a:hover{
			color: #f90;
			text-decoration: underline;
		}
	#productDetail .info {
		border-top: 2px solid #333;
		padding: 39px 5px 5px 5px;
		position: relative;
		min-height: 135px;
		_overflow: visible;
		_height: 135px;
	}
		#productDetail .info .product{
			background: url(img/prodProduct.png);
			width: 128px; height: 39px;
			position: absolute; top: 0; right: 0;
		}
			#productDetail h2 {
				color: #444;
				font-size: 1.8em;
				font-weight: normal;
				line-height: 1.5em;
				margin: 0; padding: 0;
				
			}
			#productDetail .image {
				position: absolute;
				top: 15px; left: 5px;
				width: 110px;
				text-align: center;
			}
			#productDetail .info .informace {
				margin: 0 0 0 auto;
				width: 370px; 
				margin-bottom: 15px;
			}
				#productDetail table td {
					padding: 2px 10px 0 0;
					vertical-align: top;					 
				}
			#productDetail .stats {
				position: absolute;
				top: 0;	left: 120px;
				height: 33px;
				line-height: 33px;								
			}
				#productDetail .status {
					float: left;
					height: 33px;				
				}
		#productDetail .info .description{
			background: url(img/prodDescription.png);
			width: 103px; height: 39px;
			position: absolute; top: 0; right: 0;	
		}
			#productDetail .info p{
				text-indent: 1em;
			}	
		#productDetail .info .params{
			background: url(img/prodParams.png);
			width: 158px; height: 39px;
			position: absolute; top: 0; right: 0;
			
		}
			#productDetail #parametry {
				width: 90%;
				margin: 0 auto;	
				border-top: #ccc 1px solid;
				border-bottom: #ccc 1px solid;
				margin-bottom: 10px;		
			}
			#productDetail #parametry th {
				font-variant: small-caps;
				font-weight: bolder;
				font-size: 1.1em;
				border-right: #ccc 1px solid;
				border-left: #ccc 1px solid;
				padding: 0 10px;			
			}
			#productDetail #parametry td {
				padding: 4px 10px;
				vertical-align: text-bottom;
				border-right: #ccc 1px solid;
			}
				#productDetail #parametry .odd th {
					background: #e0e0e0;
				}
				#productDetail #parametry .even th {
					background: #fff;
				}				
		#productDetail .info .fotogallery{
			background: url(img/prodFotogallery.png);
			width: 175px; height: 39px;
			position: absolute; top: 0; right: 0;
		}
			#productDetail .info a img{
				border: 1px solid #fff;
			}
			#productDetail .info a:hover img{
				border: 1px dashed #f90;;
			}
.kosik .bottom {
	position: relative;
}
.kosik .bigproduct {
	font-size: 0.8em;
	background: none;
}
	.kosik .buttons {
		position: absolute;
		bottom: 0; right: 0;
		width: 159px; height: 30px;		
		background: #333 url(img/productLeftCorner.png) top left no-repeat;
	}
		.kosik .buttons .no {
			top: 3px;
		}		
		.kosik .buttons .remove {
			top: 3px;
		}
	.kosik h3 {
		color: #f90;
		font-size: 1.5em;		
		line-height: 0.9em;
		font-weight: normal;
		margin: 0 0 20px 0;
		padding: 15px 0 0 0;
		text-align: center;
	}
	.kosik .paymentTypes {
		width: 100%;
		font-size: 0.9em;	
		margin-bottom: 40px;	
	}
		.kosik .paymentTypes .price{
			color: #f90;
			text-align: right;
			font-style: italic;
			font-weight: bolder;
		}
		.kosik .paymentTypes td{
			border-bottom: 1px solid #333;
			padding: 5px;
		}
	.kosik #shrnuti {
		font-size:0.9em;
		width: 90%;
		margin: 3px auto;		
	}
		.kosik #shrnuti th{
			font-size:0.7em;
			font-weight: normal;
			background: #ccc;
		}
		.kosik #shrnuti th {
			border: 1px solid #ccc;
		}
		.kosik #shrnuti td {
			border: 1px solid #ccc;
			text-align: center;
		}
		.kosik #shrnuti .odd td {
			background: #e0e0e0;
		}
		.kosik #shrnuti .even td {
			background: #fff;
		}
	.kosik .sum {
		margin: 30px 0 0 15px;
	}
		.kosik .sum .small {
			font-size:0.6em;
		}
		.kosik .sum .orange {
			color: #f90;
			font-size: 1.2em;
		}
	.kosik .buy {	
		position: absolute;
		right: 20px;
		bottom: 12px;	
		border: none;						
		margin: 10px auto; padding: 0;												
		width: 92px; height: 28px;
		background: #f90 url(img/buttonBuy.png);						
	}	
	.kosik .next {	
		position: absolute;
		right: 20px;
		bottom: 12px;	
		border: none;						
		margin: 10px auto; padding: 0;												
		width: 92px; height: 28px;
		background: #f90 url(img/buttonNext.png);						
	}
	.kosik .center {	
		margin: 0 auto;						
	}
	.kosik .complete {	
		position: absolute;
		right: 20px;
		bottom: 12px;	
		border: none;						
		margin: 10px auto; padding: 0;												
		width: 176px; height: 28px;
		background: #f90 url(img/dokoncitOjednavku.png);						
	}
	.kosik .complete2 {		
		border: none;						
		margin: auto; padding: 0;												
		width: 176px; height: 28px;
		background: #f90 url(img/dokoncitOjednavku.png);						
	}
	.kosik .divider{
		font-size: 0.9em;
		font-variant:small-caps;
		font-weight: bolder;
		vertical-align: top;
		color: #333;
		border-bottom: 1px solid #f90;
		text-align:center;
		margin: 5px 10px;
	}
	.kosik .customerData {
		margin: 20px auto 35px auto;
	}		
		.kosik .customerData td{
			font-size: 0.9em;
			vertical-align: top;
			padding: 5px 3px;
		}
		.kosik .customerData td.text{
			text-align: right;
			padding-top: 8px;
		}
		.kosik th.divider{
			margin: 5px 0;
		}
	.kosik .customerDataRecap {
		width: 95%;
		margin: 0 auto;		
	}
		.kosik .customerDataRecap td{
			vertical-align:top;
		}
#filters {
	background: url(img/filtersBg.png) top no-repeat;
	width: 424px;
	height: 30px;
	padding: 10px 0 0 70px;		
	border-bottom: 1px solid #333;	
	font-size: 0.7em;
	color: #333;
	text-align: center;	
}
	#filters form {
		padding: 0; margin:0;			
	}
		#filters form select{
			font-size: 0.9em;
			position:relative;
			bottom: 0.2em;	
		}
	#filters label {
		position:relative;
		bottom: 0.2em;			
	}
	#filters .ascending{
		background: url(img/buttonAsc.png) no-repeat;
		width: 24px;
		height: 20px;				
		border: none;		
	}
	#filters .descending{
		background: url(img/buttonDesc.png) no-repeat;
		width: 24px;
		height: 20px;				
		border: none;		
	}	
#content.filters {
	background: url(img/contentBottom.png) bottom left no-repeat;
}
	#content.filters .bigproduct {
		font-size: 0.8em;
		background: none;
	}
#welcome {
	margin-top: 15px;
}	
#welcomeImg {
	float: left;
	margin: 17px 22px 30px 10px;
}
#welcomeText {
	font-size: 0.77em;
}

.buttonSend {	
	border: none;						
	margin: 2px; padding: 0;												
	width: 92px; height: 28px;
	background: #f90 url(img/buttonSend.png);
}