* { padding:0; margin:0; outline:0; }
body {
	background:url(images/hatter_babas.png) repeat center top #f5d371 ;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#636363;
	text-align:justify;
}
input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; }

.field { background:#ebebeb; border:solid 1px #dedede; padding:2px;}

a img { border:0; }

a { color:#a86c13; text-decoration: underline; cursor:pointer; }
a:hover { color:#666; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

p { font-size: 14px; padding:15px 5px;}
h2 { font-size:14px; line-height:16px; }
h3 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }
h4 { font-size:12px; line-height:14px; text-transform: uppercase; color:#000; }


h1#logo { font-size:0; line-height:0; width:201px; height:64px; float:left; }
h1#logo a{ display:block; height:64px; text-indent: -4000px; background:url(images/logo.png); }

#logo{ z-index:9999;
		position:absolute;
		max-width:1050px;
		margin-left:50px;
	}

.shell { width:960px; margin:0 auto; padding:10px; background:#fff; }

#header { height:219px; background:url(images/header.gif); position:relative;}

#navigation { float:right; white-space:nowrap; margin-right:125px; }
#navigation ul{ list-style-type: none; height:64px; font-weight: bold; float:left;}
#navigation ul li{ float:left; display:inline; }
#navigation ul li a{ float:left; height:64px; line-height:64px; text-decoration: none; color:#fff; padding:0 11px;}
#navigation ul li a.active,
#navigation ul li a:hover{ background:#fff; color:#a86c13; }

#cart { float:right; width:160px; top:0; right:0; height:51px; background: #a86c13; color:#fff; padding:13px 10px 0 10px; white-space:nowrap; line-height:20px;}
a.cart-link { color:#fff; background:url(images/kosar.png) no-repeat 3px 0; padding:0 0 0 32px; text-decoration: none;}
a.cart-link:hover { text-decoration: underline;}

#sidebar { float:left; width:226px;}
#content { float:right; width:724px;}
#content h2 { font-size:23px; margin:15px auto 10px 15px; color: #a86c13; font-family: Verdana, Geneva, sans-serif;}

#main { padding:10px 0 0 0; }

.bonus {
	background:#F62C2F;
	color:#FDFDFD;}

.box { padding:1px; border:solid 1px #dedede; margin-bottom:10px;}
.box h2{ background:#f5d371; color:#a86c13; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; }
.box h2 span{ position:absolute; width:10px; height:5px; background:url(images/h2-arr.gif); top:27px; right:10px; font-size:0; line-height:0;}
.box-content { padding:5px;}

a.bul {  background:url(images/bul.gif) no-repeat 0 center; padding-left:10px;}

.search { min-height:252px;}
.search label { display:block; padding-bottom:3px; }

.search .field { display:block; margin-bottom:10px; }
.search .inline-field label { display:inline; padding:0; }
.search .inline-field .field { display:inline; margin:0; }
.search input.field { width:206px; }
.search select.field { width:212px; }
.search select.small-field { width:70px; }
.search input.small-field { width:70px; }

.search-submit { width:70px; background:#f5d371; border:0; color:#a86c13; height:27px; display:block; line-height:26px; cursor:pointer; margin:22px 0 10px 0px;}

.categories { min-height:383px; }
.categories ul { list-style-type: none; font-size:13px;}
.categories ul li{ border-bottom:dashed 1px #ccc; padding:5px 0;}
.categories ul li.last{ border-bottom:0; padding-bottom:0;}
.categories ul li a{ color:#5f5f5f; text-decoration: none; background:url(images/cat.png) no-repeat 0 4px; padding-left:17px;}
.categories ul li a:hover{ color:#a86c13; }

/* 4 kiemelt kategória */
.kiemeltek { width:auto; height:270px; border-top:1px #79AFD5 dashed;}
.kiemeltek ul { list-style-type: none; font-size:13px;}
.kiemeltek ul li.first{ padding:5px 0; width:220px; height:245px; border:1px solid #CCC; float:left; margin-right:9px; margin-top:15px;}
.kiemeltek ul li{ padding:5px 0; width:233px; height:245px; border:1px solid #CCC; float:left; margin-right: 10px; margin-top:15px;}
.kiemeltek ul li.last{ padding:5px 0; width:226px; height:245px; border:1px solid #CCC; float:right; margin-right: 2px; margin-top:15px;}

.box2 { padding:1px;  margin-bottom:10px;}
.box2 h2{ background:#7f7f7f; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; text-align:center;}
.box2 h2 span{ position:absolute; width:10px; height:5px; background:url(images/h2-arr.gif); top:47px; right:10px; font-size:0; line-height:0;}
.box2-content { padding:5px;}
.box2 p {font-size:24px; text-align:center; line-height:1.6em;}

.box2 h2.facebook{ font-size:22px; background: #0CC; color:#fff; font-weight: normal; padding:10px 5px; position:relative; height:27px; line-height:30px; text-align:left;}
.box2 h2.ujtermekek{ font-size:22px; background:#a86c13; color:#fff; font-weight: normal; padding:10px 5px; position:relative; height:27px; line-height:30px; text-align:center;}
.box2 h2.akcio{ font-size:22px; background: #EBBE0A; color:#fff; font-weight: normal; padding:10px 5px; position:relative; height:27px; line-height:30px; text-align:center;}
.box2 h2.toptiz{ font-size:22px; background: #C96; color:#fff; font-weight: normal; padding:10px 5px; position:relative; height:27px; line-height:30px; text-align:center;}

/* 4 kiemelt kategória vége */

#slider { height:252px; position:relative; overflow:hidden; }
#slider-holder { width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:252px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:252px; position:relative; overflow:hidden; float:left; }

#slider-nav { position:absolute; top:231px; left:15px; z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #B7D4E8; background:#a86c13; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}

.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 1px #dedede; float:left; width:231px; margin-right:9px; height:383px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

.product-info{ position:absolute; width:193px; top:320px; left:0;}
.product-info h3{ background:#a86c13; color:#fff; padding:6px 10px; }
.product-info h4{ font-weight: normal;}
.product-info p{ font-size:16px; line-height:18px; text-transform: uppercase; font-weight: bold; color:#000; padding:5px 0 7px 0;}
.product-info .product-desc{ padding:10px; background-image:url(images/info.png); width:173px; }

.price { display:block; font-size:21px; color:#8b0000; line-height:23px; }

.more-products { border:solid 1px #dedede; position:relative; height:114px; overflow:hidden; }
.more-products ul{ list-style-type: none; height:94px; position:relative; overflow:hidden; width:805px;}
.more-products ul li{ float:left; width:94px; height:94px; border-right:dashed 1px #ccc; text-align:center; padding-left:10px; padding-right:10px;}
.more-products ul li.last{ border-right:0; }

.more-products-holder { width:804px; height:94px; position:relative; overflow:hidden; top:10px; left:70px;}
.more-products-holder img {max-height:94px; max-width:94px; }
.more-products-holder .jcarousel-clip{ width:804px; height:94px; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:40px; left:0; width:30px; height:32px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(images/next.gif); left:910px;}
.more-nav a.prev{ background:url(images/prev.gif); left:20px;}

.cols { padding:15px 0;}
.col { float:left; display:inline; width:217px; margin-right:30px;}
.col-last { margin-right:0;}

h3.ico { background-repeat:no-repeat; background-position:0 2px; padding:6px 0 8px 30px;}
h3.ico1 { background-image: url(images/hazhozszallitas.png);}
h3.ico2 { background-image: url(images/garancia_ikon.png);}
h3.ico3 { background-image: url(images/vasarlasi_feltetelek_ikon.png);}
h3.ico4 { background-image: url(images/vasarlas_menete.png);}

#footer { height:51px; background:#ebebeb; white-space:nowrap; line-height:50px; padding:0 15px; color:#7b7b7b; margin-top:10px;}
#footer a{ color:#7b7b7b; text-decoration: none;}
#footer a:hover{ color:#000;}
#footer span{ padding:0 2px;}

.img1 {
	max-width:230px;
	float:right;
	margin:10px;
	}
	
.img2 {
	max-width:350px;
	float:right;
	margin:20px;
	}
	
.kep_left { float:left;
		 margin:10px; 
		 max-width:250px;
		 max-height:200px;
	}
	
	
.kep_right { float:right;
			margin:10px;
			max-width:200px;
			max-height:300px;
	}	
h6 { font-size:16px;
  	line-height:1.5;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	

/* Kapcsolat */

#kapcsolat {
	width:650px;
	}

#kapcsolat table {
	width:600px;
	margin:50px auto 50px auto;
	font-size:14px;
	}

#kapcsolat td {
	width:250px;
	text-align:left;
	padding:5px 10px;
	} 

#kapcsolat th {
	width:350px;
	text-align:left;
	}

.terkep {
	width:600px;
	margin:auto;
	}

#uzenet {
	width:600px;
	margin:50px auto 50px auto;
	}
#uzenet input {
	font-size:12px;
	padding:2px;
	font-family: Verdana, Geneva, sans-serif;
	color:#444;
	}
#uzenet textarea {
	font-size:12px;
	padding:2px;
	font-family: Verdana, Geneva, sans-serif;
	color:#444;
	}

/* kapcsolat vége  */