/******************/
/*  Common tags.  */
/******************/

a 
{ 
	color: #006;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
 
	font-weight: normal; 
	text-decoration: underline; 
}
a:active, 
a:hover 
{ 
	color: #006;
	text-decoration: none; 
}

body 
{ 
	background-color: #FFF; 
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

form
{
	margin: 0;
	padding: 0;
}

input 
{ 
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
input.checkbox 
{
	height: 12px;
	width: 12px;
}
input.radio 
{
	height: 12px;
	width: 12px;
}
input.text 
{ 
	background-color: #F2F2F2;
	border: 1px solid #999;
	padding: 1px;
}

li 
{ 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

ol 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

option 
{
	background-color: #F2F2F2;
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

p 
{ 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0;
}

td 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
 
}

ul 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}

select 
{
	background-color: #F2F2F2; 
	color: #000; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
 
	margin: 0; 
	padding: 1px;
}

textarea 
{ 
	background-color: #F2F2F2;
	border: 1px solid #999; 
	color: #000; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	margin: 0; 
	padding: 1px;
	scrollbar-3dlight-color: #999; 
	scrollbar-arrow-color: #999; 
	scrollbar-base-color: #999;
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-face-color: #FFF; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #999; 
	scrollbar-track-color: #FFF;
}


/*************/
/*  Button.  */
/*************/

a.button
{ 
	background-color: #FFF;
	border: 1px #F00 solid;
	color: #F00;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
 
	font-weight: bold;
	margin: 10px 0;
	padding: 1px 4px;
	text-decoration: none;
}
a.button:active,
a.button:hover
{ 
	background-color: #F00;
	border: 1px #F00 solid;
	color: #FFF;
	text-decoration: none;
}


/***************/
/*  Contacts.  */
/***************/

.contacts
{
	border-bottom: 1px #999 solid;
	border-top: 1px #999 solid;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 3px 0;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
}
.contacts a,
.contacts a:hover 
{
	color: #666;
	text-decoration: underline;
}


/****************/
/*  Copyright.  */
/****************/

.copyright
{
	border-bottom: 1px #999 solid;
	border-top: 1px #999 solid;
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 3px 0;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
}


/********************/
/*  Document body.  */
/********************/

.doc_body 
{
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 12px 10px 0 0;
	vertical-align: top;
	line-height: 140%;
	width: 415px;
}


/*********************/
/*  Document title.  */
/*********************/


.doc_title 
{
	color: #006;
	font-family: "Trebuchet MS", Verdana;
	font-size: 22px; 
	padding: 5px 0 2px 0;
	text-align: left;
	line-height: 110%;
}



/****************/
/*  Find-fast.  */
/****************/

.ff
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	color: #000;
	width: 140px;
}




/***********/
/*  Form.  */
/***********/

.form
{ 
	background-color: #FFF;
}
.form td
{ 
	background-color: #FFF;
}

/* - form fields */
.form_field
{
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 3px 1px;
	text-align: left;
	vertical-align: middle;
}

/* - form labels */
.form_label
{
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 3px 1px;
	text-align: left;
	vertical-align: middle;
}

/*  - errors in form fields */
.err,
#err
{ 
	color: #C00; 
}
input.err
{
	background-color: #F2F2F2;
	border: 1px #C00 solid; 
	color: #000;
	padding: 1px;
}
select.err,
select.err option, 
textarea.err 
{ 
	border: 1px #C00 solid; 
	color: #000;
}

/* - hints in forms */
#hint 
{
	color: #999;
	font-size: 10px;	padding: 0 5px;
}

/* - required fields */
#req,
span.req
{ 
	color: #C00;
}

/* - titles of fieldgroups */
.form .title
{
	font-weight: bold;
	padding: 10px 0 5px 0;
}


/***************/
/*  Frontpage  */
/***************/

/* - contacts */
.frontp_contacts
{
	border-bottom: 2px #CCC solid;
	border-top: 1px #999 solid;
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	padding: 2px 0;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.frontp_contacts a,
.frontp_contacts a:hover 
{
	color: #999;
	text-decoration: underline;
}

/* - copyright */
.frontp_copyright
{
	background: url(/site/tmpl/img/frontp_bg1.gif) no-repeat right top;
	border-bottom: 1px #CCC solid;
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	height: 17px;
	padding: 0 340px 0 0;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
}


/***************/
/*  Headings.  */
/***************/

div.h1
{
	font-family: Verdana, Helvetica, Arial;	font-size: 10px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h2
{
	font-family: Verdana, Helvetica, Arial;	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h3
{
	font-family: Verdana, Helvetica, Arial;	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h4
{
	font-family: Verdana, Helvetica, Arial;	font-size: 14px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h5
{
	font-family: Verdana, Helvetica, Arial;	font-size: 16px;
	font-weight: bold;
	padding: 1px 2px;
}
div.h6
{
	font-family: Verdana, Helvetica, Arial;	font-size: 18px;
	font-weight: bold;
	padding: 1px 2px;
}


/*************/
/*  Search.  */
/*************/

.search_word
{ 
	background-color: #FFF;
	border: 1px #F4F4F4 solid;
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
 
	padding: 1px 5px;
	width: 127px;
	height: 20px;
	margin-top:-1px;
}


/**************************************************/
/*  Layout (base class for Listing, Form, etc.).  */
/**************************************************/

/* - body */
table.layout_body
{
	margin-bottom: 4px;
	margin-top: 4px;
}

/* - table of items at footer1 */
table.layout_footer1 #sep
{
	width: 6px;
}

/* - table of items at footer2 */
table.layout_footer2 #sep
{
	width: 6px;
}

/* - table of items at header1 */
table.layout_header1 #sep
{
	width: 6px;
}

/* - table of items at header2 */
table.layout_header2 #sep
{
	width: 6px;
}


/***********************/
/*  Tables of layout.  */
/***********************/

table#t1
{
	margin: 20px auto;
	width: 772px;
}

#t1 #header {
	background: url(/site/tmpl/img/header_grad.jpg) repeat-x;
}
#t1 #logo {
	width: 176px;
	height: 97px;
	background: url(/site/tmpl/img/logo.jpg) no-repeat;
}
#t1 #header_right {

	background: url(/site/tmpl/img/header_grad.jpg) repeat-x;
	vertical-align: top;
}
#t1 .right_border {
	background: url(/site/tmpl/img/header_right.jpg) no-repeat top right;
	height: 100%;
	float:right;
}
#t1 #left_panel_header {
	height: 25px;
	width: 176px;
	background: url(/site/tmpl/img/left_panel_top.jpg) no-repeat bottom left;
}
#t1 #center_header {
	width: 460px;
}
#t1 #right_panel_header {
	width: 136px;
	background: url(/site/tmpl/img/right_panel_top.jpg) no-repeat bottom left;
}

#t1 #left_panel {
	height: 300px;
	text-align: center;
	vertical-align: top;
	padding: 5px 0 20px 0;
	background: url(/site/tmpl/img/left_panel_grad.jpg) repeat-y;
}
#t1 #right_panel {
	text-align: center;
	vertical-align: top;
	background: url(/site/tmpl/img/right_panel_grad.jpg) repeat-y;
}
#t1 #contents {
	vertical-align: top;
	padding: 0 15px 20px 15px;
}
#t1 #left_panel_footer {
	height: 14px;
	vertical-align: top;
	background: url(/site/tmpl/img/left_panel_bot.jpg) no-repeat top left;
}
#t1 #right_panel_footer {
	background: url(/site/tmpl/img/right_panel_bot.jpg) no-repeat top left;
}

#t1 #contacts {
	width: 100%;
	height: 34px;

}

#contacts .left {
	width: 8px;
	background: url(/site/tmpl/img/footer_left.jpg) no-repeat bottom left;
}
#contacts .right {
	width: 8px;
	background: url(/site/tmpl/img/footer_right.jpg) no-repeat bottom right;
}
#contacts .contents {
	text-align: center;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	color: #666;
	background: url(/site/tmpl/img/footer_grad.jpg) repeat-x;
}

#search {
	clear:right;
	float:right;
	padding:40px 20px 0 0;
}

.img_right img {
	margin: 7px;
}

.prodlist {
	border-bottom: 1px solid #EBF0F3;
	color: #666;
	padding: 2px 0;
}
.prodlist a {
	color: #666;
	font-weight:bold;
	text-decoration: none;
}
.prodlist a:HOVER {
	color: #666;
}

/************/
/* siteEdit */
/************/

.siteEditDotOver 
{
	background-color: #EFEFEF;
	border: 2px solid #369;
	display: none;
	height: 169px;
	margin: 0;
	position: absolute;
	visibility: visible;
	width: 150px;
	z-index: 2500;
}
.siteEditDotOver table 
{
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
}
.siteEditDotOver table td.odata 
{
	background-color: #FFF;
	border-bottom: solid #BBB 1px;
	padding: 0;
}
.siteEditDotOver table td.edata 
{
	background-color: #F6F6F6; 
	border-bottom: solid #BBB 1px;
	padding:0;
}
.siteEditDotOver a 
{
	display: block;
	color: #009;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
}
.siteEditDotOver a:hover 
{
	text-decoration: underline;
}




/**********************************/
/* vertical menu at left or right */
/**********************************/

/*  - container */
.v1_menu_content
{
	width: 169px;
	padding: 3px 5px 0px 15px;
}

/*  - 1.level */
.v1_menu_content .l1,
.v1_menu_content .l1_a 
{ 
	background: url(/site/tmpl/img/v1_l1.jpg) no-repeat;
	color: #124669;
	height: 21px;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px 0px 15px;
	margin: 3px 0;
	text-decoration: none;
}
.v1_menu_content .l1:active, 
.v1_menu_content .l1:hover
{
	background: url(/site/tmpl/img/v1_l1_a.jpg) no-repeat;
	color: #124669;
	text-decoration: none;
	padding: 3px 5px 0px 15px;
}
.v1_menu_content .l1_a,
.v1_menu_content .l1_a:active, 
.v1_menu_content .l1_a:hover
{ 
	background: url(/site/tmpl/img/v1_l1_a.jpg) no-repeat;
	color: #124669;
	text-decoration: none;
	padding: 3px 5px 0px 15px;
}

/*  - 2.level */
.v1_menu_content .l2,
.v1_menu_content .l2_a 
{ 
	background: url(/site/tmpl/img/v1_l2.jpg) no-repeat;
	color: #124669;
	height: 21px;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px 0px 15px;
	margin: 1px 0;
	text-decoration: none;
	
}
.v1_menu_content .l2:active, 
.v1_menu_content .l2:hover
{
	background: url(/site/tmpl/img/v1_l2_a.jpg) no-repeat;
	color: #124669;
	text-decoration: none;
}
.v1_menu_content .l2_a,
.v1_menu_content .l2_a:active, 
.v1_menu_content .l2_a:hover
{ 
	background: url(/site/tmpl/img/v1_l2_a.jpg) no-repeat;
	color: #124669;
	padding: 3px 5px 0px 15px;
	text-decoration: none;
}

/*  - 2.level */

/*  - 3.level */
.v1_menu_content .l3,
.v1_menu_content .l3_a 
{ 

	color: #666666;
	height: 18px;
	display: block;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 2px 0px 25px;
	margin: 1px 0;
	text-decoration: none;
	
}
.v1_menu_content .l3:active, 
.v1_menu_content .l3:hover
{
	color: #000066;
	text-decoration: none;
}
.v1_menu_content .l3_a,
.v1_menu_content .l3_a:active, 
.v1_menu_content .l3_a:hover
{ 
	color: #000066;
	padding: 1px 2px 0px 25px;
	text-decoration: none;
}

/* -3 Level */

/*******************/
/* language-switch */
/*******************/

/*  - container */
.lang_menu_content 
{
	padding: 10px 0 0 0; 
}

/*  - 1.level */
.lang_menu_content .l1,
.lang_menu_content .l1_a 
{ 
	color: #6A7999;
	display: block;
	font-family: "Trebuchet MS", Verdana;	font-size: 11px;
	padding: 0 7px 0 7px;
	text-decoration: none;
	white-space: nowrap;
	border-right: 1px solid #6A7999;
}
.lang_menu_content .l1_a,
.lang_menu_content .l1:active, 
.lang_menu_content .l1:hover,
.lang_menu_content .l1_a:active, 
.lang_menu_content .l1_a:hover
{ 
	color: #6A7999;
	text-decoration: underline;
}
#menu_lang {
	float:right;
	padding: 0 14px 0 0;
}
#lang_last {
	border-right: none;
}
/*******************/
/* products */
/*******************/


/*  - 1.level */
.prod_menu_content .l1,
.prod_menu_content .l1_a 
{ 
	color: #006;
	display: block;
	font-family: Verdana, Helvetica, Arial;	font-size: 11px;
	padding: 0 7px 0 7px;
	text-decoration: none;
	white-space: nowrap;
	border-right: 1px solid #006;
}
.prod_menu_content .l1_a,
.prod_menu_content .l1:active, 
.prod_menu_content .l1:hover,
.prod_menu_content .l1_a:active, 
.prod_menu_content .l1_a:hover
{ 
	color: #006;
	text-decoration: underline;
}

#prod_last {
	border-right: none;
}
#prod_first {
	padding-left: 0;
}
/****************/
/* location-bar */
/****************/

/*  - 1.level */
.location_bar td
{
	vertical-align: top;
}
.location_bar a
{ 
	color: #999;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 1px;
	text-decoration: none;
}
.location_bar a:active, 
.location_bar a:hover
{ 
	color: #666;
	text-decoration: underline; 
}

/*  - separator */
.location_bar .sep
{
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 4px 0 1px;
}


/******************/
/* navigation-bar */
/******************/

/*  - container */
.navi_menu_content
{
	border-top: 1px #F00 dotted;
	padding: 9px 0;
}

/*  - 1.level */
.navi_menu_content .l1,
.navi_menu_content .l1_a 
{ 
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0;
	text-decoration: none;
}
.navi_menu_content .l1_a,
.navi_menu_content .l1:active, 
.navi_menu_content .l1:hover,
.navi_menu_content .l1_a:active, 
.navi_menu_content .l1_a:hover
{ 
	color: #666;
	text-decoration: underline; 
}

/*  - separator */
.navi_menu_content .l1_sep
{
	color: #666;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: normal;
	padding: 0 11px;
}

/**************/
/*  SiteUser  */
/**************/

#login-link
{
	padding: 10px 0;
}
#login-link a
{
	color: #003da4;
	text-decoration: none;
}
#login-link a:hover
{
	color: #003da4;
	text-decoration: underline;
}

#login-user
{
	background-color: #f3f3f3;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	margin: 10px 13px 10px 13px;
}
#login-user table td
{
	padding: 5px;
}
#login-user .label
{
	padding-bottom: 0;
	padding-right: 0;
}
#login-user .field
{
	padding-bottom: 0;
}