@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}
html,body {
	height: 100%;
}
body {
	background-color: #ffffdf;
	background-image: url(../elements/bg.png);
	color: #666666;
	font: 12px Verdana;
}
img {
	border: 0px;
}
a {
	color: #fd7809;
	text-decoration: none;
}
a:hover {
	color: #39aeb9;
}
h1 {
	clear: both;
	font: 24px Arial, Verdana, Helvetica, sans-serif;
	color: #fd7809;
	font-weight: bold;
}
h2 {
	font: 20px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
h3 {
	font: 17px Verdana, Helvetica, sans-serif;
	padding-bottom: 16px;
	overflow: hidden;
}
h4 {
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	overflow: hidden;
	font-weight: bold;
}
h5 {
	font-size: 11px;
	font-weight: normal;
	color:#666666;
}
div {
	scrollbar-face-color: #fdd764; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-arrow-color: #fd7809; 
	scrollbar-track-color: #ffffff; 
}
li {
	list-style: none;
}
hr, .hrs, hrnoc {
	clear: left;
	width: 100%;
	padding: 16px 0px 16px 0px;
	color: #ffffff;
	border: 0px;
	height: 30px;
	filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10; 
}

.hrs {
	height: 2px;
}

.hrnoc {
	clear: none;
}


input[type=text], input[type=password] {
	border: 1px solid #8c9e20;
	padding-left: 3px;
	height: 18px;
	line-height: 18px;
}
.input1 {
	border: 1px solid #8c9e20;
}
.input2 {
	border: 1px solid #39aeb9;
}
.input3 {
	width:160px; 
	border:1px solid #F90 !important; 
	margin-top:4px; 
	margin-bottom:4px;
}
textarea {
	border: 1px solid #8c9e20;
	overflow: auto;
}
table {
	width: 100%;
}




/* base classes */

.sale {
	color:#FF0000; 
	text-decoration: line-through;
	text-line-color: #000000;
}
.required {
	color: #FF0000;
}
.error {
	padding: 24px 0px 24px 0px;
	color: #FF0000;
}
.ok {
	color: #99CC00;
}
.grey {
	color:#39aeb9;
}
.button, .button2 { 
	background: url(../elements/button.png);
	width: 107px;
	height: 26px;
	color: #ffffff;
	border: none;
	font-weight: bold;
	cursor: hand;
	vertical-align: middle;
}
.button2 {
	background: url(../elements/button2.png);
}
.buttonsmall, .buttonsmall2 { 
	background: url(../elements/button_small.png);
	width: 81px;
	height: 19px;
	color: #FFFFFF;
	border: none;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: hand;
	vertical-align: middle;
}
.buttonsmall2 {
	background: url(../elements/button_small2.png);
}

.buttonbag, .buttonbag2 { 
	background: url(../elements/button_bag.png);
	width: 107px;
	height: 27px;
	color: #FFFFFF;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: hand;
	padding-left: 9px;
	vertical-align: middle;
}
.buttonbag2 {
		background: url(../elements/button_bag2.png);
}
.navibar {
	padding: 18px 0px 18px 0px;
	text-align: center;
}
.navibar a {
	color: #8b9c1f;
}

.location {
	padding: 12px 0px 12px 0px;
}

.price, .price2 {
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0px 2px 0px;
	text-align: right;
}

.price input[type=text], .price2 input[type=text]  {
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
	width: 30px;
	vertical-align: middle;
}


.buttons {
	text-align: center;
}

.number {
	text-align: right;
	padding-right: 3px;
}


.graybg {
	background-color: #ececec;
}

.subleft {
	width: 40%;
	float: left;
}

.subright {
	width: 30%;
	float: right;
	text-align: center;
}

/* base end */




#container {
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: auto;
}




/* columns */

.columnleft {
	width: 260px;
	padding-left: 20px;
}
.columnleft_body {
	width: 240px;
	padding: 0px 10px 0px 10px;
	background: url(../elements/leftcolumn_bg.png);
}
.columnleft_top {
	height: 16px;
	background: url(../elements/leftcolumn_bg_top.png);
}
.columnleft_bottom {
	width: 240px;
	height: 121px;
	padding: 0px 10px 0px 10px;
	background: url(../elements/leftcolumn_bg_bottom.png);
}

.columnright {
	width: 684px;
	float: right;
	padding-right: 20px;
	
}
.columnright_body {
	width: 664px;
	padding: 0px 10px 0px 10px;
	background: url(../elements/rightcolumn_bg.png);
	background-position: bottom;
	min-height: 600px;
	overflow: auto;
}
.columnright_top {
	height: 16px;
	background: url(../elements/rightcolumn_bg_top.png);
}
.columnright_bottom {
	width: 664px;
	height: 16px;
	padding: 0px 10px 0px 10px;
	background: url(../elements/rightcolumn_bg_bottom.png);
}

.columnsubleft {
	width: 450px;
	padding-left:6px;
	float: left;
}
.columnsubleft .separator2 {
	clear: both;
	height: 42px;
	background: url(../elements/sep_main_h.png) no-repeat;
	background-position: 0px 36px;
	padding: 12px 0px 2px 0px;
	color: #8c9e20;
	font-size: 18px;
	font-weight: normal;
	text-align:center
}
.columnsubright {
	width: 197px;
	float: right;
}


/* columns end */




/* categories */

.categories h3, .categories2 h3, .categories3 h3, .categories4 h3, .categories5 h3, .categories6 h3 {
	color: #ffffff;
	padding: 5px 0px 24px 14px;
	text-align: center;
}

.categories {
	background: url(../elements/title_bg_orange.png) no-repeat;
}
.categories2 {
	background: url(../elements/title_bg_yellow.png) no-repeat;
	color:#999;
	font-size:11px;
	letter-spacing:0px;
}
.categories2 li {
	padding: 6px 0px 6px 0px;
	border-bottom: 1px dotted #f1c231;
}
.categories2 a {
	font-size: 14px;
	font-weight: bold;
	background: url(../elements/list1.png) no-repeat;
	background-position: 0px 2px;
	padding-left: 28px;
	margin-left: 5px;
	letter-spacing:-1px;
}

.categories3 {
	background: url(../elements/title2_bg_yellow.png) no-repeat;
}
.categories3 a {
	font-size: 13px;
	background: url(../elements/list4.png) no-repeat;
	padding-left: 24px;
	margin-left: 6px;
	
}
.categories3 li {
	padding: 4px 0px 4px 0px;
	border-bottom: 1px dotted #b7dd45;
}

.categories4 {
	background: url(../elements/title2_bg_green.png) no-repeat;
}
.categories4 li{
	padding: 6px 0px 6px 0px;
	border-bottom: 1px dotted #b7dd45;
}
.categories5 {
	background: url(../elements/search_title.png) no-repeat;
}
.categories6 {
	background: url(../elements/tajekoztato_title.png) no-repeat;
	padding: 3px 0px 24px 10px;
}
.categories6 a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
/* categories end */



/* parts */ 

.product_1 {
	width: 33%;
	float: left;
	text-align: center;
	padding-bottom: 12px;
}
.product_1 img {
	border: 2px solid #b7dd45;
}
.product_1 img:hover {
	border: 2px solid #f1c231;
}
.product_1 .pict {
	height: 90px;
	overflow: hidden;
}
/* parts end /*



/* product */
.product img {
	float: left; 
	margin: 0px 7px 4px 0px;
	border: 2px solid #b7dd45;
}
.product li {
	color: #39aeb9;
}
.product .lead {
	color: #999999;
	font-weight: bold;
	padding-bottom: 12px;
}
.product_images {
	text-align: center;
	color: #666666;
}
.product_images img {
	float: none;
	margin: 28px auto 4px auto;
	border: 2px solid #CCCCCC;
}
.product ul {
	padding-top: 12px;
}
.product li {
	height: 20px;
	line-height: 20px;
}
.product li a {
	color: #39aeb9;
	background: url(../elements/list3.png) no-repeat;
	padding-left: 19px;
	margin-left: 5px;
}
/* product end */







/* top */
#top {
	height: 212px;
	background: url(../elements/top_bg.jpg) no-repeat;
	padding-bottom: 26px;
	margin: 0px;
}
#top .inout {
	width: 928px;
	padding-top: 17px;
	margin-bottom: 30px;
	height:18px;
	text-align: right;
	color: #ffffff;
}
#top .inout a {
	font-size: 11px;
	color: #FEF9E9;
	font-weight: bold;
}
#top .inout a:hover {
	color: #fd7809;
}
#top .logo img {
	padding-left: 52px;
	padding-bottom: 58px;
}
#top .menu {
	text-align: center;
	color: #f1c231;
}
#top .menu a {
	color: #FFFFFF;
	font-weight: bold;
}
#top .menu a:hover {
	color: #f1c231;
}
#top .separator {
	padding: 0px 24px 0px 24px;
}
#top .user {
	font-weight: bold;
	padding-right:40px;
}
/* top */


/* bottom */
#bottom {
	clear: both;
	width: 962px;
	height: 44px;
	background: url(../elements/bottom_bg.png) no-repeat;
	background-position: 0px 26px;
	margin: 0px auto 26px auto;
	padding-top:  26px;
	color: #ffffff;
}
#bottom a {
	color: #ffffff;
	font-weight: bold;
}
#bottom .subleft {
	padding: 14px 0px 0px 20px;
}
#bottom .subright {
	padding: 14px 20px 0px 0px;
	text-align: right;
}

/* bottom */





/* boxs */
.boxs {
	height: 60px;
	text-align:center;
}
.boxs a {
	color: #ffffff;
}
.boxs h4 {
	padding-top: 14px;
	padding-left: 4px;
}
.middlebox_left, .middlebox_center, .middlebox_right{
	width: 142px; 
	height:48px; 
	float: left; 
	background-image:url(../elements/button_middle_moon.png)
}
.middlebox_center {
	margin-left: 11px;
	background-image:url(../elements/button_middle_orange.png)
}
.middlebox_right {
	margin-left: 11px;
	background-image:url(../elements/button_middle_green.png)
}

/* boxs end */










/* rating start */
.rate {
	clear: both;
	width: 125px;
	margin-left: auto;
	margin-right: auto;
}
.st{
	list-style: none;
	margin-left: 1px!important;
	padding :0px;
	margin-bottom: 4px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url(../elements/rate_stars.gif) top left repeat-x;		
}
.st li{
	padding:0px;
	margin:0px;
	float: left;
}
.st li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.st li a:hover{
	background: url(../elements/rate_stars.gif) left bottom;
	z-index: 2;
	left: 0px;
}

.st a.st1{
	left: 0px;
}
.st a.st1:hover{
	width:25px;
}
.st a.st2{
	left:25px;
}
.st a.st2:hover{
	width: 50px;
}
.st a.st3{
	left: 50px;
}
.st a.st3:hover{
	width: 75px;
}
.st a.st4{
	left: 75px;
}	
.st a.st4:hover{
	width: 100px;
}
.st a.st5{
	left: 100px;
}
.st a.st5:hover{
	width: 125px;
}
.st li.st-current{
	background: url(../elements/rate_stars.gif) left center;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}
/*  rating end */


/* row */

.row {
	clear: both;
	padding-bottom: 48px;
	min-height: 120px;
}
.row h4{
	padding-bottom: 7px;
}
.row img {
	float: left;
	border: 2px solid #b7dd45;
	margin: 0px 12px 7px 0px;
}

/* row end */




/* comment */

.comment_row_1 {
	clear: both;
	margin: 52px 0px 22px 0px;
	padding: 4px;
	background-color: #f3f4f5;
}
.comment_row_1 .top_left {
	float: left;
	width: 49%;
}
.comment_row_1 .top_right {
	width: 50%;
	text-align: right;
	color: #999999;
}
.comment_row_1 .serial {
	float: left;
	width: 8%;
	padding-top: 14px;
}
.comment_row_1 .comment {
	padding: 10px 4px 10px 4px;
	margin: 8px 0px 8px 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFF4F;
	width: 90%;
}
.comment_row_1 .bottom_left {
	float: left;
	width: 49%;
}
.comment_row_1 .bottom_right {
	width: 50%;
	text-align: right;
}

/* comment end */












/* new page */

#newpage {
	margin-bottom: 22px;
}

#newpage .f1{
	margin: 7px 18px 7px 0px;
	text-align: right;
}

#newpage .f2{
	margin: 14px 342px 7px 24px;
	text-align: right;
}

#newpage .message{
	margin: 7px 18px 7px 0px;
	text-align: right;
}

#newpage .buttons{
	margin: 7px 24px 7px 0px;
	text-align: right;
}

#newpage .showhide {
	font-size: 13px;
	margin-right: 24px;
	text-align: right;
	font-weight: bold;
}

/* new page end */


/* new comment */

#newcomment {
	margin-bottom: 22px;
}

#newcomment .f1{
	margin: 7px 18px 7px 0px;
	text-align: right;
}

#newcomment .f2{
	margin: 14px 342px 7px 24px;
	text-align: right;
}

#newcomment .message{
	margin: 7px 18px 7px 0px;
	text-align: right;
}

#newcomment .buttons{
	margin: 7px 24px 7px 0px;
	text-align: right;
}

#newcomment .showhide {
	font-size: 13px;
	margin-right: 24px;
	text-align: right;
	font-weight: bold;
}
/* new comment end */



/* tag cloud */
.tags {
	text-align: justify;
}
.tagcloud6 {
	font-size:18px;
}

.tagcloud5 {
	font-size:17px;
	color: #f1c231; 
}
.tagcloud4 {
	font-size:15px;
	color: #ff3300;
}
.tagcloud3 {
	font-size:14px;
	color: #aabc3c;
}
.tagcloud2 {
	font-size:12px;
	color: #39aeb9;
}
.tagcloud1 {
	font-size:11px;
	color: #f1c231;
}
.tagcloud0 {
	font-size:11px;
}
/*
#tags a {
	color: #398200;
}

#tags a:hover {
	color: #99CC00;
}
*/


/* bag */
#bag {
	height: 212px;
	width: 197px;
	background-image:url(../elements/bag.png);
}
#bag h3 {
	color: #ffffff;
	padding: 5px 0px 12px 14px;
	text-align: center;
}
#bag .baglist {
	height: 112px;
	overflow: hidden;
	overflow-y: auto;
	margin: 12px 6px 7px 16px;
}
#bag .buttons {
	text-align: center;
	padding-left: 8px;
	padding-top: 12px;
}
#bagempty {
	width: 197px;
	height: 33px;
	background-image: url(../elements/bag_empty.png);
}
#bagempty h3 {
	color: #ffffff;
	padding-top: 5px;
	text-align: center;
}
/* bag end */


/* form */

.form {
	width:420px;
	margin:24px 0px 24px 20px;
	float: left;
}
.form input {
	margin: 4px 0px 9px 0px;
}

/* form end */


/* top news */

.topnews {
	min-height: 190px;
}
.topnews img {
	float: left;
	margin-right: 7px;
	border: 2px solid #fd7809;
}
.topnews h1 {
	padding-bottom: 12px;
}
.topnews ul {
	padding-top: 7px;
}
.topnews li {
	line-height: 22px;
}
.topnews li a {
	color: #39aeb9;
	background: url(../elements/list3.png) no-repeat;
	padding-left: 19px;
	margin-left: 5px;
}
.topnews li a:hover {
	color: #8c9e20;
}
/* top news end */



/* editor (content) area */

.picture_left {
	border: 2px solid #cccccc;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}

.picture_right {
	border: 2px solid #cccccc;
	margin-left: 12px;
	margin-bottom: 6px;
	float: right;
}


.kep_bal {
	border: 2px solid #cccccc;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}

.kep_jobb {
	border: 2px solid #cccccc;
	margin-left: 12px;
	margin-bottom: 6px;
	float: right;
}

/* editor (content) area end */