body
{
	margin: 10px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}

a img
{
	border: 0;
}
a
{
	text-decoration: underline;
	color: black;
}

.hidden
{
	display: none;
}

#mainbox
{
	width: 1000px;
	overflow:  hidden;
}

#top
{
	background: #ffffff;
	width: 1000px;
	height: 130px;
	margin-bottom: 3px;
	clear: both;
}

#menu
{
	background: #ff0000;
	width: 1000px;
	height:25px;
	margin-bottom: 3px;
	clear: both;
}

#menu ul
{
	font: bold 12px verdana, arial, sans-serif;
	color: navy;
}

#menu li
{
	list-style-image: url('../img/arr_out.png');
}

#menu li:hover
{
	list-style-image: url('../img/arr_on.png');
	color: white;
}

#menu li.active
{
	list-style-image: url('../img/arr_on.png');
	color: white;
}

#menu li.active:hover
{
	list-style-image: url('../img/arr_on.png');
	color: white;
}

#menu a img
{
	border-left: 1px solid red;
	border-right: 1px solid red;
}

#menu a.active img
{
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#title
{
	background: #c0c0c0;
	width: 728px;
	margin:  0px 0px 0px 1px;
	float: right;
	font: bold 18px verdana, Arial, sans-serif;
	padding: 25px;
	color: #ffffff;
}

#content-title
{
	font: bold 16px arial;
}

#submenu
{
	background: #ccdcf3;
	float: left;
	width: 220px;
	margin: 0;
	padding-top: 10px;
	clear: left;
	font: bold 12px verdana, arial, sans-serif;
	color: #003366;
}

#submenu li:hover
{
	color: #0052c2;
}

#submenu li
{
	list-style-image: url('../img/point_out.png');
}

#submenu li.active, #submenu li.active:hover
{
	list-style-image: url('../img/point_s.png');
}

#submenu li:hover
{
	list-style-image: url('../img/point_on.png');
}

#submenu li a
{
	text-decoration: none;
	color: #003366;
}


#submenu li a:hover, #submenu li.active > a
{
	text-decoration: none;
	color: #0052c2;
}

#submenu ul ul
{
    padding-left:20px;
    font-size: 10px;
    
}
#submenu ul ul li
{
    margin: 7px 0;

}

#middle
{
	width:1000px;
	background: #ccdcf3;
	padding:0;
	margin:0;
	height:auto;
	overflow: hidden
}

#content
{
	background: #ccdcf3 url('../img/bg1.jpg') top left repeat-y;
	float: right;
	width: 766px;
	min-height:750px;
	height:auto !important;
	height:750px;
	margin:0;
	padding: 5px 5px 100px 5px;
	text-align: justify;
	border-left: 3px solid white;
}

#footer
{
	background:#0052c2;
	clear: both;
	width: 990px;
	padding: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: right;
	font: bold 10px verdana,Arial, Helvetica, sans-serif;
	color: #ccdcf3;
	border-top: 3px solid #ffffff;
}

#footer a
{
	text-decoration:none;
	color: #ccdcf3;
}

h2
{
	margin:0;
	font: bold 16px arial, sans-serif;
	color: blue;
}

h4
{
    font:  11px arial;
    margin:0px 0 15px 0;
    color: #505050;
    text-align: left;
}

hr
{
	border: 1px dotted #003366;
}

.type
{
	font: italic 12px verdana, arial,  sans-serif;
}

.title
{
	font: bold 16px arial;
	text-align: left;
}
.titlec
{
	font: bold 16px arial;
	text-align: left;
	background-color: #0052c2;
	color: #ccdcf3;
}
.header
{
	font: bold 14px arial;
	text-align: center;
}
.headerc
{
	font: bold 14px arial;
	text-align: center;
	background-color: #BDCDE4;
}
.headersmall
{
	font-weight: bold;
}
.dl
{
	border: 1px solid black;
	padding: 3px;
}
.rel
{
    border-color: #8C98DF #3841C1 #3841C1 #8C98DF;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-radius:6px;
    -khtml-border-radius:6px;
    -icab-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    -moz-border-radius:6px;
    background: url("../img/gradient.gif") repeat scroll left top;
    opacity: .70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
.rel li
{
    padding: 2px;
    list-style-type: none;
}
.rel .headercc
{
	font: normal 12px arial;
	text-align: left;
}
.rel .headercc a
{
    text-decoration: none;
    color: #003366;
}
.rel .headercc a:hover
{
    color: #0052C2;
}
.button2
{
    font: bold 12px arial;
    color:  #003366;
    background: url('../img/gradient.gif') center left repeat-x;
    border-style: solid;
    border-color: #8C98DF #3841c1 #3841c1 #8C98DF;
    border-width: 1px 2px 2px 1px;
    text-decoration: none;
    text-align:center;
    cursor: pointer;
    padding:2px 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -khtml-border-radius:6px;
    -icab-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
}
.rel .titlecc
{
	font: bold 12px arial;
	text-align: left;
    color:  black;
    padding:2px;
}
table
{
	border-collapse: collapse;
}
.product-banner
{
	text-align: center;
}

.product-descr
{
    text-align: justify;
	vertical-align: top;
}
.warn
{
	font: bold 16px arial;
	text-align: center;
	color: red;
}
dt
{
	font-weight: bold;
}
.szer200
{
	width: 200px;
}
.field-error
{
	border: 2px solid #FF6666;
	background-color: 	#FFFFCC;
}
.bannerbox
{
    display: block;
    margin: 2px auto;
    width: 700px;
    height: 60px;
    font: bold 14px arial;
    color:  #3841c1;
    background: url('../img/gradient.gif') top left repeat-x;
    border-style: solid;
    border-color: #8C98DF #3841c1 #3841c1 #8C98DF;
    border-width: 1px 2px 2px 1px;
    text-decoration: none;
    -moz-border-radius:6px;
    border-radius:6px;
    -khtml-border-radius:6px;
    -icab-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
}
.bannerbox .small
{
    font: normal 15px arial;
}
.bannerbox small
{
    font: normal 12px arial;
}

.bannerbox a
{
    color:  #3841c1;
    text-decoration: none;
}
.bannerbox .logo
{
    width: 150px;
    text-align: center;
    vertical-align: middle;
}
.bannerbox .logo img
{
    padding-top: 8px;
    vertical-align: bottom;
}
.bannerbox .title 
{
    vertical-align: middle;
    padding-top: 5px;
}

.bannerboxtop
{
    display: block;
    margin: 2px auto;
    width: 750px;
    height: 60px;
    font: bold 14px arial;
    color:  #88211A;
    background: url('../img/gradient.gif') top left repeat-x;
    border-style: solid;
    border-color: #8C98DF #3841c1 #3841c1 #8C98DF;
    border-width: 1px 2px 2px 1px;
    text-decoration: none;
    -moz-border-radius:6px;
    border-radius:6px;
    -khtml-border-radius:6px;
    -icab-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
}
.bannerboxtop a
{
    color:  #88211A;
    text-decoration: none;
}
.bannerboxtop .logo
{
    width: 175px;
    text-align: center;
    vertical-align: middle;
}
.bannerboxtop .logo img
{
    padding-top: 8px;
    vertical-align: bottom;
}
.bannerboxtop .title
{
    vertical-align: middle;
    padding-top: 5px;
}
.defaultcursor
{
    cursor: default;
}

table.techspec, table.compare
{
    border-collapse: collapse;
    border: 1px solid black;
    background: #D6D9EA;
}
table.techspec td:last-child
{
    text-align: right;
}
table.techspec td, table.compare td
{
    text-align: left;
    border: 1px solid black;
    padding:2px;
}

table.compare td.top
{
    text-align: center;
    padding:5px;
}
table.compare td.top a
{
    text-decoration: none;
}
table.techspec th, table.compare th
{
    background: #B1C1D8;
    padding: 2px;
}
table.compare td
{
    text-align: center;	
}
table.compare td:first-child
{
    text-align: left;  
}
