@import 'reset.css';


.tablist {
	height: 20px;
	margin: 0;
	padding-left: 10px;
	/*background: url('http://www.3com.com/homepage07/images/tab_bottom.gif') repeat-x bottom;*/
	}
	
.showcaseBox .tablist {
	float:none;
	padding-left:26px;
	font-size: 10px;
	line-height: 14px;
	width:650px;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #666666;
}

html>body .showcaseBox .tablist {padding-left:24px;} /*For Netscape/Safari */


.tablist li {
		float:left;
		margin: 0; 
  		display: inline;
  		list-style-type: none;	
  		/*width:auto;	*/
}

.showcaseBox .tablist li.showcaseHeader {
		margin-top: 2px;
		margin-left:-15px;
		padding-left:0px;
		font-weight: bold;
		color: #333;
		/*padding-right:150px;*/
		width:155px;
		/*font-weight:bold;*/
		font-size:11px;
		/*text-align:center;*/
}

	
.tablist a:link, .tablist a:visited
	{
		/*width:auto;*/
		float: left;
		margin-right: 2px;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		/*font-weight: bold;*/
		padding: 2px 4px 2px 4px;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		border-top: 1px solid #999999;
		text-decoration: none;
		color: #666666;
	}
	
.tablist a:link.current, .tablist a:visited.current {
		background: #fff;
		color: #000;
		font-weight:bold;
}

.tablist .current {
	background: #fff;
	border-bottom: 1px solid #ffffff;
	}
	
/*#automat .current {
	width:160px;
}*/

.tablist a:hover {
		background: #fff;
		/*line-height: 14px;*/
}

.tabcontent {
	display:none;
	margin-top:-1px;
	padding: 10px;
	height:200px;
	/*width:670px;*/
	_height:210px;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-top:solid 1px #999999;
}

.showcaseBox {
	width: 690px; 
	_width: 502px; /*IE6*/
	/*height: 215px; */
       height: auto;
	float: left; 
	padding-top: 13px; 
}

html > body .showcaseBox {margin-top:1px; } 

.showcaseContentLeft {
	/*height:169px;*/
	height:auto;
	float:left;
	padding-right:10px;
	/*width:153px;*/
}

.showcaseContentRight {
	border-left:solid 1px #ccdcec;	
	float:left;
	padding-left:10px; 
	width:500px;
}


.showcaseContentRight table.termekek td{
    padding:5px;
    width:180px;

}
	
.tabcontent leftImage {
	/*For the 3com customer images */
	float:left;
	padding-right:10px;
	border-right:solid 1px #999999;
	}


.tabcontent li {
		font: normal Arial, Helvetica, sans-serif;	
  	}
	
.newsBox {
	width: 243px; 
	height: 215px; 
	float: right; 
	padding-top: 13px; 
}

html > body .newsBox {margin-top:1px; } 



/* layout, typo, default values */

/*
	layout
*/
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #0150a0; line-height: 15px;
	background-color: #fff;
}

.errorText {
	color: Red;
}

div.wrapper {
	width: 938px; margin: 13px auto 30px;
}
/* head */
div.head {
	width: 938px; height: 100px; overflow: hidden;
	background: url('../images/bg_head.gif') no-repeat 0 67px;
	clear: left; 
}
div.head a.home ,
div.head a.home img { 
	display: block; width: 302px; height: 60px; 
}
	/* nav */
div.head ul.nav { 
	margin: 7px 15px 0 0; width: 770px; height: 33px; 
	float: left;
}
div.head ul.nav li { 
	display: block; width: 128px; height: 33px; 
	overflow: hidden; float: left; 
}
div.head ul.nav li a { 
	display: block; width: 128px; height: 33px; overflow: hidden;
	float: left;
	font-size: 12px; color: #191a4a; font-weight: bold;line-height: 33px; text-align: center;
	background: url('../images/bg_nav.gif') no-repeat 0 50px;
}
div.head ul.nav li a:hover, div.head ul.nav li a.selected {  
	text-decoration: none; 
	background: url('../images/bg_nav.gif') no-repeat 0 0;
}
	/* active main menus */
body.mm div.head ul.nav li a.mm1 { background-position: 0 0 }
body.mm div.head ul.nav li a.mm2 { background-position: 0 0 }
body.mm div.head ul.nav li a.mm3 { background-position: 0 0 }
body.mm div.head ul.nav li a.mm4 { background-position: 0 0 }
body.mm div.head ul.nav li a.mm5 { background-position: 0 0 }


	/* /nav */
div.head div.options { 
	float: left; 
	width: 153px; 
	position: relative; top: 12px; 
}
div.head div.options input { 
	width: 100px;
	float: none;
}
div.head div.options input.submit { 
	width: 24px; background-color: #004f9f; color: #fff;
	margin: 0 4px 0 0;
}
div.head div.options select { 
	width: 128px; position: relative; top: 2px;
	font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
} 
/* / head */

/* content */

div.content {
	width: 938px;
	background: url('../images/bg_content.gif') repeat-x left bottom;
}

/* / content */

/* promo  */
div.promo {
	width: 938px; height: 283px; 
	margin: 2px 0 0;
	background-color: #f2f2f2;
}

div.promo2 {
	width: 938px; height: 100px; 
	margin: 2px 0 0;
	background-color: #f2f2f2;
}
/* / promo */

/* news */
div.news {
	width: 905px; margin: 7px 0 0; padding: 0 13px 18px 20px;
	/*background: url('../i/bg_news.gif') repeat-x left bottom;*/
	float: left;
}
div.news div.bg {
	float: left;
	background: url('../images/bg_news_vline.gif') repeat-y 0 0;
	padding: 4px 0 0;
}

div.news div.item {
	width: 320px; margin: 0 34px 0 0;
	float: left;
}
div.news div.item img { 
	float: left; 
	margin: 0 13px 2px 0;
	border: solid 1px #a9c5d7;
}
div.news div.item h2 {
	font-size: 14px;
    font-weight: normal;
	margin: 0 0 5px 0;
}
div.news div.colr {  
	width: 190px;
	float: left;
}
/* main site left links */
div.news div.colr h3 { 
	width: 190px; height: 18px; margin: 0 0 5px;
	position: relative;
}
div.news div.colr h3 a { 
	display: block;	width: 190px; height: 18px;
	position: absolute; left:0; top:0; z-index: 20;
	text-indent: -2000px; overflow: hidden;
}

div.news div.colr h3 span { background-position: 0 -36px !important} 
div.news div.colr h3.ipc span { background-position: 0 0px !important} 
div.news div.colr h3.labor span { background-position: 0 -18px !important}

div.news div.colr h3 span { 
	width: 190px; height: 18px;
	position: absolute; left:0; top:0; z-index: 10;
	background: url('../images/bg_news_colr_h3.gif') no-repeat 0 0;	
}
div.news div.colr h3.labor span { background-position: 0 -18px }

/* news */

/* foot */
div.foot {
	width: 915px; padding: 18px 10px 0px 13px; margin: 0 0 13px 0;
/*	border-bottom: solid 1px #eaedfa;*/
	float: right;
	line-height: 12px;
	position: relative;
}

div.foot ul { float: right }
div.foot ul li { display: inline }
div.foot ul li a { 
	display: block; padding: 0 10px;
	float: left;
	font-weight: normal; 
	border-right: solid 1px #358de7; 
}
div.foot ul li.last a { 
	border-right-style: none; 
}
div.foot ul.sitelinks li a {
	color: #11287b;
}
div.foot ul.sitelinks li.rss a {
	padding: 0 0 0 30px;
	position: relative;
}
div.foot ul.sitelinks li.rss a span {
	position: absolute; left: 8px; top: -1px;
	display: block; width: 16px; height: 16px;
	/*background: url('icon_rss.gif') no-repeat 0 0;*/
}

div.foot fieldset {
	width: 300px; margin: 0 0 0 30px;
	float: right;
}
div.foot fieldset input {
	width: 90px; 
	position: relative; top: -1px;
	float: none;
}
div.foot fieldset input.submit {
	width: 24px;
}
div.foot div.hr {
	width: 938px;
	position: absolute;	left: 0; top: 53px;
}
div.foot ul.footlogos {
	clear: right; float: right;
	margin: 36px 0 0 0;
}
div.foot ul.footlogos li {}
div.foot ul.footlogos li a {
	width: 75px; height: 28px;
	border-right-style: none;
	position: relative;
}
div.foot ul.footlogos li a span {
	position: absolute; left:0; top:0;
	display: block; width: 75px; height: 28px;
	background: #fff url('../images/bg_footlogos.gif') no-repeat 0 0;
}
div.foot ul.footlogos li.carna a { width: 130px }
div.foot ul.footlogos li.carna a span { 
	width: 130px;
	background-position: -85px 0;

}

/* /foot */


/*
	/ layout
*/


/*
	default values
*/

a { 
/*	color: #358de7; font-weight: bold; text-decoration: none;*/
    color: #358de7; text-decoration: none;
}
a:hover { text-decoration: underline }

div.hr { 
	background-color: #dee8f3; 
	height: 1px; overflow: hidden;
	margin: 4px 0 8px;
}
div.hr hr { display: none }


	/* lists */
ul { list-style-type: none }

body {
/*	background: url('../i/grid.gif') repeat 0 0;*/
}



ol { list-style-position: inside }
ol ol { margin: 0 0 0 1em;  }

	/* form */

form {
/*	border: solid 1px #f1f1f1;*/
}
form fieldset p { 
	margin: 2px 0;
	vertical-align: middle;
	float: left;
	width:100%;
}
form fieldset legend {
	display: none;
} 
form fieldset label { 
	vertical-align: middle;
	float: left;
	color: #000;
}
form fieldset.required label {
	width: 100px; padding: 0 0 0 10px;
	background: url('../images/bg_required.gif') no-repeat 0 0;
}

form fieldset i {
	color: #a3a3a3; font-style: normal;
	display: block; float: left; width: 120px; padding: 0 10px;
}

form fieldset input { 
	vertical-align: middle;
	font-size: inherit;
	padding: 1px 3px;

	border: solid 1px #b3b3b3;
	font-size: 11px; color: #000;
	
	float: left;
	
}
form fieldset label {
	width: 110px;
}

form fieldset input,
form fieldset select,
form fieldset textarea { 
	width: 180px;
}
form fieldset input.digits2 { width: 16px }
form fieldset input.digits4 { width: 28px }

form fieldset select {
	width: 190px;
	#width: 192px; /* ie6/7 hack */
}
	/* form:checkbox-radiobutton */
form fieldset p.cbrb { 
	float: left; 
}
form fieldset p.cbrb span { 
	display: block; width: 200px;
	float: left;
	vertical-align: middle;
}
form fieldset p.cbrb label { float: left; } 
form fieldset p.cbrb span label { width: 160px; }
form fieldset p.cbrb input,
form fieldset p.cbrb label,
form fieldset p.cbrb span input { width: auto; float: left; }
form fieldset p.cbrb input {
	margin: 2px 10px 0 0; border-style: none; margin-top: 6px;
}
	/* /form:checkbox-radiobutton */
	
form fieldset input.button {}
form fieldset select { font-size: 11px;} /* font-size: inherit doesnt work in IE */
form fieldset textarea { 
	font-size: inherit; 
	overflow-y: auto;
}
form fieldset input.submit {
	border-style: none; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color:#004F9F; color:#fff;
}
form fieldset p.error input {
	border-color: #f00;
}

form fieldset b.error {
	color: #f00; font-weight: normal;
	display: block; float: left; width: 160px;

}
form fieldset p.cbrb b.error { float:left }

form fieldset div.left {
	float: left; width: 285px;
}
form fieldset div.left label {
	width: 70px;
}
form fieldset div.right {
	float: left; width: 315px;
}
form fieldset p.nolabel {
	padding-left: 110px;
}
form fieldset p.submit {
	border-top: solid 1px #f0f1f3;
	padding-top: 12px;
}
form fieldset p.submit input {
	width: auto; float: none;
	background-color:#004F9F;
	border-style:none;
	color:#FFFFFF; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px;
}


	/* sup,sub */
sup, sub {
	height: 0; line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }


/*
	/ default values
*/

/* 
	global classes 
*/
.clear 			{ clear:both !important; float:none !important; }
.float-left 	{ float:left !important; }
.float-right 	{ float:right !important; }

img.float-left 	{ float:left !important; margin: 0 10px 6px 0 !important }
img.float-right	{ float:right !important; margin: 0 0 6px 10px !important }

.text-left 		{ text-align:left !important; }
.text-right 	{ text-align:right !important; }
.text-center 	{ text-align:center !important; }
.text-justify 	{ text-align:justify !important; }

.bold 			{ font-weight:bold !important; }
.italic 		{ font-style:italic !important; }
.underline 		{ border-bottom:1px solid !important; }
.highlight 		{ background:ffc !important; }

.img-left 		{ float:left !important;margin:4px 10px 4px 0 !important; }
.img-right 		{ float:right !important;margin:4px 0 4px 10px !important; }

.nopadding 		{ padding:0 !important; }
.nomargin		{ margin:0 !important; }
.noindent 		{ margin-left:0 !important; padding-left:0 !important; }
.nobullet 		{ list-style:none !important;list-style-image:none !important; }
.nobg			{ background-image: none !important }
/* 
	/ global classes 
*/


/*
	user generated content reset
*/
font { color: inherit !important; margin: inherit !important; padding: inherit !important; font: inherit !important; text-decoration: inherit !important; border: inherit !important;	background: inherit !important;	bottom: inherit !important;	top: inherit !important; left: inherit !important; right: inherit !important; position: inherit !important; clear: inherit !important; float: inherit !important; height: inherit !important; width: inherit !important; letter-spacing: inherit !important;text-transform: inherit !important;	outline: inherit !important; overflow: inherit !important; display: inherit !important;	visibility: inherit !important;	text-indent: inherit !important; white-space: inherit !important; word-spacing: inherit !important;	z-index: inherit !important; text-align: inherit !important; max-height: inherit !important; max-width: inherit !important;	min-height: inherit !important;	min-width: inherit !important; cursor: inherit !important; }
/*
	/ user generated content reset
*/