/*  ---------- TAGS ----------*/ 
body{margin:0; padding:0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#B69B7E; background:url(images/main_bg.jpg) repeat; text-align:justify}
a{text-decoration:none; outline:none; color:#fff;}
p{line-height:22px}
h1{font-size:14px; font-weight:bold; border-bottom:solid 1px #38332F; line-height:30px; color:#F0CA8B}
h2{font-size:14px; font-weight:lighter; border-bottom:dotted 1px #38332F; line-height:25px; color:#D2CEAF;}

/*  ---------- DIVS ----------*/ 
#main{width:950px; margin:auto; padding:30px 0 0 0; padding:0;}
#head_logo{height:80px}
#head{height:325px;	background:url(images/head_bg.png) no-repeat}
#head2{height:164px; background:url(images/head2_bg.png) no-repeat; padding:18px 30px;}
#content_wrap{background:url(images/content_bg.png) repeat}
#content{padding:30px 45px}
#favorite{height:130px; background:url(images/favorite_bg.png) no-repeat; padding:0 0 0 13px}
#favoriteBar{height:25px; line-height:25px; margin:0 0 15px 840px;}
#favDelete{position:absolute; background: url(images/favDeleteBg.png) no-repeat; width:15px; height:15px; display:block; top:2px; margin:0 0 0 62px;}
#products_gallery{margin:12px 0 0 0; padding:10px 0 0 13px; /* background:url(images/products_gallery_end.png) no-repeat */ background:#DCD5C2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px}
#footer{text-align:center; color:#B79D82; line-height:50px;}
#products table{float:left; margin:0 10px 10px 0; text-align:left; padding:1px; border:solid 1px #725748; padding:0; width:420px;}
#products table td{border:solid 1px #261D18; padding:5px;}
.lapozo{height:25px; line-height:25px; margin:0 0 10px 0;}
#box{float:left; width:300px; display:block; margin:0 10px 0 0; padding:0 0  10px 0;}
#line{height:1px; line-height:1px; font-size:1px; border-bottom:solid 1px #38332F}
#clear{clear:both; height:1px; line-height:1px; font-size:1px}
#left{float:left;}
#right{float:right;}

/*  ---------- FONTS ---------- */
.orange{color:#C26F2D}

/*  ---------- SUBMENU ---------- */
#products ul{margin:10px 0 0 0; padding:0; list-style-type:none;}
#products ul li{float:left}
#products ul li a{width:auto; height:24px; display:block; background:url(images/submenu_btn_bg.png) no-repeat 5px center #550401; margin:0 5px 10px 0; color:#fff; line-height:24px; font-size:12px; padding:0 9px 0 26px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000;}
#products ul li a:hover{color:#f90;}


/*  ---------- LINKS ---------- */
#favorite a img{background-color:#BD9358; padding:2px; border:none; margin:0 5px 0 0}
#favorite a img:hover{background-color:#fff}
#products table a {width:100%; line-height:23px; color:#DF8134; display:block; padding-left:5px;}
#products table a:hover {color:#fff;}
#products table td#kapcsolodo_termekek{padding:0; margin:0;}
#products table td#nekem_tetszik{padding:0; margin:0;}
#products table td#kapcsolodo_termekek:hover{border:solid 1px #fff;}
#products table td#nekem_tetszik:hover{border:solid 1px #fff;}
.lapozo a{color:#8D8465; padding:4px 6px; background:url(images/lapozoBg.png) repeat; margin:0 3px 0 0; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
.lapozo a:hover{color:#fff;}
.lapozo strong{color:#fff;}
.nekemTetszikBtn{background:none; border:none; cursor:pointer; color:#DF8134; text-align:left; margin:0 0 0 2px; padding:0; outline:none}
.nekemTetszikBtn:hover{color:#fff;}
#listEmpty{position:relative; top:0; left:0;}
.btn{padding:7px; background:#271D18; color:#CDBF93; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size:11px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; text-align:center;}
.btn:hover{color:#fff;}

/*  ---------- FORMS ---------- */
#ajanlatkeresForm label{width:120px; float:left; display:block; text-align:right; margin:0 3px 0 0; line-height:30px;}
#ajanlatkeresForm input[type=text], textarea{width:200px;border:solid 1px #3B3130; background:none; color:#DBDAC5; padding:6px; font-family:inherit; font-size:inherit; resize:none}
#ajanlatkeresForm textarea{height:150px; width:300px;}
#ajanlatkeresForm #clear{height:4px; line-height:4px; font-size:4px;}
#ajanlatkeresForm #ajanlatkeresBtn{width:109px; height:24px; line-height:24px; background:url(images/submenu_btn_bg.png) no-repeat; display:block; color:#fff; padding:0 0 3px 18px; border:none; cursor:pointer; margin:10px 0 0 320px;}

#searchForm{width:200px; height:30px; line-height:30px; margin:0; padding:0; background:url(images/searchFormBg.png) no-repeat;}
#searchForm input[type=text]{width:164px; height:14px; line-height:14px; background:none; border:none; padding:5px 3px; font-size:11px; color:#755C42;}
#searchForm input[type=submit]{width:25px; height:30px; background:none; border:none; cursor:pointer}
	
/*  ---------- FORMS JQUERY VALIDATION ---------- */
.inputContainer{position:relative; float:left;}
.formError{position:absolute; top:300px; left:300px; display:block; z-index:5000; cursor:pointer}
#debugMode{background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000}
.ajaxSubmit{padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%; background:#6E0000; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px}
.greenPopup .formErrorContent{background:#33be40;}
.blackPopup .formErrorContent{background:#393939;color:#FFF;}
.formError .formErrorArrow{width:15px; margin:-2px 0 0 13px; z-index:5001}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#6E0000;margin:0 auto;line-height:0px; font-size:0px; display:block}
.formError .formErrorArrowBottom div{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  

/* ---------- JCAROUSEL ---------- */
#mycarousel img{border:solid 2px #E0DFCA;}
.jcarousel-skin-tango .jcarousel-container {
/*    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97; */
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 860px;
    padding:0px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  840px;
    height: 79px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 79px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 26px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
  /*  background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
/*    background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 26px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
/*    background-position: -32px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 /*   background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/* ---------- HIGHSLIDE ---------- */
.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: solid 1px #fff;
	padding:5px;
}
.highslide:hover img {
	border-color:#f60;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: white !important;
}

	
	
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}


/*  JQUERY SLIDE MENU */
.jqueryslidemenu{
	width:100%;
	height:60px;
	background:url(../images/menu_bg.png) no-repeat;
}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	width:155px;
	height:60px;
	display:block;
	color:#CDBF93;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	letter-spacing:1px;
	font-family:Tahoma;
	background:url(images/menuSeparator.png) no-repeat right center;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
/*	color:#fff; */
}

.jqueryslidemenu ul li a:hover{
	color:#fff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index:100000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	width:185px; /*width of sub menus*/
	line-height:28px;
	height:28px;
	font-size:12px;
	background:url(../images/submenu_bg.png) repeat;
	color:#CDBF93;
	border-bottom:solid 1px #845F45;
/*	margin:0 1px 1px 0; */
	padding:0 0 0 5px;
	text-align:left;
}

.jqueryslidemenu ul li ul li ul li a{width:235px; border-bottom:solid 1px #5E3D2E;}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	color:#fff;
}