body {
margin: 0px;
padding:0;
border: 0;
background-color:#fff;
color:#000;  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
background: url('images/bg.gif') repeat-x;
}
a{
	color:#838585;
	text-decoration: none;
}

#container{
	position:relative;
	width:900px;
	margin: 0 auto;
	overflow: hidden;
}
div #header{
	position:relative;
	height:129px;
	margin-bottom:33px;
	background: url(images/ic_logo.gif) no-repeat;	
	z-index:100;
	display:none;
	
}

div #header #user_box{
	position: absolute;
	right:0px;
	top:5px;
	width:268px;
	text-align:right;
	color:#000;
	font-size:11px;
}
div #header #user_box input{
	width:80px;
	border: 1px solid #000;
	height:17px;
	font-size:10px;
}
div #header #user_box .item{float: right;padding:1px;}
div #header #user_box .clear{clear:both;}
div #header #user_box .login_btn{position:absolute; right:3px; top:13px;}








div #header #menu {
	position:absolute;
	float:left;
	margin:0px;
	top:52px;
	left:6px;
	height:31px;
}
div #header #menu ul{
	padding-left:5px;
	margin:0px;
	margin-top:8px;

}



div #header #submenu ul{
	/*padding-left:5px;*/
	margin:0px;
	/*margin-top:8px;*/
	
}
div #header #menu li{
	float: left;
	list-style: none;
	color:#fff;
	font-weight: bold;
	line-height: 23px;
	margin-right:2px;
}
div #header #menu .fooldal a{	width:6em;}
div #header #menu .szamitastechnika a{	width:11em;}
div #header #menu .irodatechnika a{	width:9em;}
div #header #menu .multimedia a{	width:8em;}

ul#mainmenu a{float:left;padding-left: 3px;background: #da251d;text-decoration:none;color: #fff}
ul#mainmenu a:hover{background: #979696;color: #FFF}
ul#mainmenu li.active a,ul#mainmenu li.active a:hover{background: #979696;color: #fff;}

div #header #menu .search_form input{width:140px;height:23px;border:1px solid #000;}
div #header #menu .search_form form{display:inline;}
div #header #menu .search_form {background: #979696; width:223px;margin-top:-8px; padding-top:3px;padding-bottom:5px;}
div #header #menu .search_form .button{background-color: transparent;border:0px;width:70px; color:#fff; font-size:12px; font-weight:bold;}



div #header #submenu {
	position:absolute;
	width:900px;
	background: url(images/submenu_top_bg.gif) no-repeat;
	margin:0px;
/*	overflow:hidden;*/
	top:83px;
	left:0px;
/*	height:345px;*/
	padding-top:10px;
	padding-left:10px;
	line-height:5px ;
	z-index:99;
}
div #header #submenu li{	float: left;	list-style: none;	margin-left:2px;	color:#fff;text-align:left;}
div #header #submenu a{	color:#fff; text-decoration:none;}
div #header #submenu a:hover{	color:#fff; text-decoration:underline;}




div #main{
	position:relative;
	float: left;
	/*width:720px;*/
	z-index:10;
}

div #right .content {	background-color: #959494;	color:#fff; text-align:left; padding:10px 0;}
div #right{	position:relative;	float: left;	width: 166px;	margin-left: 14px;	font-size:12px;}
div #right ul{	padding:0;margin:0;padding-left:12px;}
div #right ol{	font-size:14px;	font-weight:bold;	text-decoration:underline; padding:0;margin:0;padding-left:12px;padding-bottom:10px;}
div #right li{	font-size:12px;	font-weight:normal;	text-decoration:none; padding:0;margin:0;padding-left:22px; list-style: none;}

div .title{
	background: url(images/box_title.gif) repeat-x;
	background-color:#fff;
	height:25px;
	color:#fff;
	text-align: center;
	line-height:25px;
	font-weight: bold;
}


#main .list_box{
	overflow:hidden; width:718px; float:left;
	margin:5px 0;
}
div #main .list_box .title{ text-align:left; padding-left:15px; color:#979696; font-size:12px;font-weight:bold;}
div #main .list_box .title a{color:white;}
div #main .list_box .title .selected { color:#fff;}
div #main .list_box .content{	text-align:left;	border:1px solid #979696;	border-top:0px;overflow:hidden;padding-bottom:10px; }
div #main .list_box .content table {width:716px; font-size:11px; text-align:right;}
div #main .list_box .content .left{width:200px; float:left; text-align:center; }
div #main .list_box .content .left .price{font-size:12px;}
div #main .list_box .content .left .productid{font-size:10px;}
div #main .list_box .content .left a{
background: url(images/list_box_arrow.gif) no-repeat 100% 70%; margin-right:20px;line-height:20px;padding: 0 12px;}




div #main .list_box .content .right{width:500px; float:left; text-align:right;}
div #main .list_box .content .name{font-size:14px; color:#3b3b3b;width:480px;left:10px;margin:10px 10px 0px 10px;border-bottom:1px dotted #000;padding-bottom:5px; text-align:left;}
div #main .list_box .content .description{font-size:11px; color:#838585;width:480px;left:10px;margin:10px 10px 40px 10px;border-bottom:1px dotted #000;padding-bottom:5px; text-align:left;}
div #main .list_box .content a {	color:#959494; text-decoration:none;}
div #main .list_box .content a:hover {	color:#000; text-decoration:none;}
div #main .list_box .content .cart{	background: url(images/list_box_cart.jpg) no-repeat;	padding:30px 0;margin: 0 5px;}
div #main .list_box .content .hitel{	background: url(images/list_box_hitel.jpg) no-repeat;	padding:30px 10px;margin: 0 5px;}
div #main .list_box .content .remember{	background: url(images/list_box_remember.jpg) no-repeat;	padding:30px 0;margin: 0 5px;}
div #main .list_box .content .more{	background: url(images/list_box_more.jpg) no-repeat;	padding:30px 0;margin: 0 5px;}
div #main .list_box .content .buy{	background: url(images/list_box_buy.jpg) no-repeat;	padding:30px 0;margin: 0 5px;}

.red {	color:#da251d;}
.bold {	font-weight:bold;}



/* uj */

#bal_box {width:255px; color:#3b3c3c;  float:left; }
.bal_box_termek{ margin-bottom:10px; border:1px solid #bbbbbc; text-align:center; float:left;}
.kicsi{width:255px;}
.bal_box_termek_cim{ font-weight:bold; font-size:12px; line-height:18px}
.bal_box_termek_kep{}
.bal_box_termek_tart{text-align:justify; margin:0px 3px 3px 3px}


#mainmenu a{float:left;padding-left: 3px;background: #da251d;text-decoration:none;color: #fff}
#mainmenu a:hover{background: #979696;color: #FFF}


#kozep_box{width:629px; float:left; margin-left:10px; }
#kozep_box .kozep_felso{position:relative; width:629px; height:25px; background:url('images/box_title.gif') repeat-x; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:14px; padding-left:0px; }
.boxok{width:208px; max-width:208px; border-right:1px solid #bbbbbc; float:left; color:#3b3c3c; overflow:hidden;  border-bottom:1px solid #bbbbbc;}
.elso{border-left:1px solid #bbbbbc;}
.boxok_cim{font-variant:small-caps; font-size:11px; font-weight:bold; line-height:18px;}
.boxok_kep_kicsi{text-align:center; margin-top:5px; margin-bottom:5px; height:45px}
.boxok_kep{text-align:center; margin-top:5px; margin-bottom:5px; height:100px}
.boxok_ar {margin-left:5px; font-weight:bold; margin-bottom:2px; text-align:left;}
.boxok_link{margin-left:5px; text-align:left;}
.boxok_link img{vertical-align:bottom}
.kiemelt_box{width:156px}

.boxok_cim{margin-left:5px;}
.tav{position:relative; clear:both; top:0px; height:8px;}
#leg{border:1px solid #bbbbbc; margin:0px; padding:0px; width:627px; position:relative; top:0px; left:0px; overflow:hidden;}
.leg_fej{clear:both; color:#313332; font-variant:normal; font-weight:normal; font-size:10px; line-height:15px; margin:5px; padding:0px; text-align:justify;}
h1{font-size:12px; margin:5px; padding:0px; line-height:25px; color:#FF0000; display:inline; }
.leg_bal{float:left; width:400px; color:#313332; font-variant:normal; font-weight:normal; font-size:10px; line-height:13px; margin:4px; padding:0px; text-align:justify; margin-right:10px; margin-top:0px;}
.leg_bal h1 a{color:red}
.leg_jobb{float:left;margin-top:10px; text-align:center; width:200px; }
.leg_jobb  img{vertical-align:bottom}

#main_cats{text-align:center;overflow:hidden}
#kozep_fejl{background:url('images/box_title.gif'); width:884px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:14px; padding-left:5px; text-align:center;}
.nagy{width:180px; height:160px}
.nagy2{width:147px; height:160px; }
.nagy3{width:205px; height:130px; }
.boxok1{ color:#3b3c3c; overflow:hidden;  border-bottom:1px solid #bbbbbc;border-left:1px solid #bbbbbc;border-right:1px solid #bbbbbc; }

.kicsis{height:180px;}
.boxok_kep img{margin-top:10px; margin-bottom:10px}
.marg_l {margin-left:10px; margin-bottom:5px}

.talalat_box{width:220px;   float:left; margin-right:5px; margin-bottom:5px}
.talalat_box a{color:#FFFFFF}
.fejl{background:url('images/box_title.gif'); width:220px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:12px; text-align:center;}
.tal_tart{background-color:#979696; height:240px;  color:#FFFFFF; }
.tal_szoveg{padding:15px; font-size:12px; line-height:20px; }

.darab{font-family:Verdana; font-size:10px; clear:both; color:#000000}


#bal{float:left;}
.term{height:135px; width:165px; border-left:1px solid #bbbbbc; border-right:1px solid #bbbbbc; border-bottom:1px solid #bbbbbc; text-align:center}
.term h2{color:#ff0000; text-decoration:underline}
#kozep{margin-left:10px; float:left; }
.kozep_555{background:url('box_title.gif'); width:550px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:12px; text-align:center;}
.kozep_term{border-bottom:2px dotted #bbbbbc; width:500px; margin:0 auto;  height:120px}
.left{float:left;}
.kozep_text{float:left; width:350px; text-align:justify}
.kozep_text h1{margin:0px; color:#313332}
.kozep_text h2{margin:0px; color:#ff0000; font-weight:normal;}

.keret{border-left:1px solid #bbbbbc; border-right:1px solid #bbbbbc; border-bottom:1px solid #bbbbbc; overflow:hidden; width:548px }
#tovabbi{margin:0 auto; width:548px; margin-left:25px; margin-top:7px; line-height:11px}
.tov_termek{float:left; width:250px; margin-top:10px; color:#ff0000; }
.tov_termek h1{color:#7d7d7d; font-weight:normal; margin:0px}
.utolso{margin-bottom:5px}

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

#szures a{	color: white;}
.kosar_lista{border-bottom:1px solid white;}
.kosar_delete{text-align:right;font-size:10px;}

/* Webshop_cart*/ 
#kosar_tart{width:898px; text-align:left;  }
#kosar_tart #fejl{height:20px; background:#505050; font-variant:small-caps; line-height:18px; text-align:left; padding-left:10px; font-weight:bold; color:#ffffff}
#kosar_tart .kosar_keret{margin-left:10px; }
.kosar_adat{clear:both; line-height:20px}
.kosar_sorszam{float:left; width:20px}
.kosar_termek{float:left; width:520px}
.kosar_darab{float:left; width:120px}
.kosar_osszeg{float:left; width:80px}
.kosar_del{float:left; width:10px}
.kosar_ossz{float:left; width:780px}
.kosar_osszar{float:left;}
.tovabb{position:relative; clear:both; margin-right:10px;  text-align:right;}

/* Webshop_order*/ 
#szamla{width:900px; text-align:left}
.fejl2{background:url('images/box_title.gif'); width:450px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:12px; text-align:center;}
.fejl3{background:url('images/box_title.gif'); width:900px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:12px; text-align:center;}
.fejl4{background:url('images/box_title.gif'); width:205px; height:25px; font-variant:small-caps; font-weight:bold; line-height:25px; color:#FFFFFF; font-size:12px; text-align:center;}

.szamla_keret{width:450px;  text-align:right; line-height:35px}
/*.fejl{width:900px; }*/
.meg_adat{width:350px; clear:both; text-align:right;}
.meg_adat1{width:800px; clear:both; text-align:right;}

input{width:200px}
.textar{width:650px}
.cent{width:510px; text-align:right;}
.lapozas{
	margin:5px 0;
}

#footer{clear:both; color:#838585; margin:0 auto; }

#footer ul{margin:0px; padding:0px; width:720px}
#footer li{list-style:none; float:left}
#footer a:hover{font-weight:normal;text-decoration:underline;}