*
{
	margin:0;
	padding:0;
}

body
{
	font-family:Helvetica, Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:400;
	text-align:center;
	background-color:#EEEEEE;
	margin:0;
}


#newsletter-message
{
  display:block;
  width:340px;
  font-size:10px;
  background-color:red;
  color:white;
  font-weight:bold;
  position:relative;
  top:10px;

  
  
}

#border
{
        width:994px;	
	border-spacing:0;
	margin-left:auto;
	margin-right:auto;
	border-style:none;
	border-width:0;
	padding:0; 
}

#main-section
{
	width:990px;
	border-spacing:0;
	margin-left:auto;
	margin-right:auto;
	border-style:none;
	border-width:0;
	padding:0;

}


#banner
{
	float:right;
	width:990px;
	height:160px;
	background-image:url("gfx/banner.png");
	margin-bottom:12px;
	text-align:left;
}

#center-container
{
	clear:both;
	width:990px;

}

#center-menu
{
	float:left;
	width:200px;
}

#center-content
{
	float:right;
	width:780px;
}


.menu-top
{
	text-align:left;
	width:190px;
	height:24px;
	background-image:url("gfx/menu-top.png");
	background-repeat:no-repeat;
	color:#FFF;
	font-size:14px;
}

.menu-center
{
	text-align:left;
	width:190px;
	background-image:url("gfx/menu-bg.png");
	background-repeat:repeat-y;
}

.menu-bottom
{
	width:190px;
	height:2px;
	background-image:url("gfx/menu-bottom.png");
	margin-bottom:10px;
	background-repeat:no-repeat;
}

.menu-name
{
	font-size:12px;
	padding-left:10px;
	cursor:default;
	position:relative;
	top:3px;
	font-weight:bold;
}

.menu-text
{
 	padding-top:10px;  
        padding-left:10px;
        padding-right:10px;
        padding-bottom: 2px;
}

.content-top
{
	text-align:left;
	width:780px;
	height:24px;
	background-image:url("gfx/content-top.png");
	background-repeat:no-repeat;
	color:#000;
}

.content-center
{
	text-align:left;
	width:780px;
	background-image:url("gfx/content-bg.png");
	background-repeat:repeat-y;
}

.content-bottom
{
	width:780px;
	height:2px;
	background-image:url("gfx/content-bottom.png");
	margin-bottom:10px;
	background-repeat:no-repeat;
}

.content-name
{
	font-size:12px;
	padding-left:10px;
	cursor:default;
	position:relative;
	top:5px;
	font-weight:bold;
	color:#333333;
}

.content2-top
{
	text-align:left;
	width:385px;
	height:24px;
	background-image:url("gfx/content2-top.png");
	background-repeat:no-repeat;
	color:white;
}

.content2-center
{
	text-align:left;
	width:385px;
	background-image:url("gfx/content2-bg.png");
	background-repeat:repeat-y;
}

.content2-bottom
{
	width:385px;
	height:10px;
	background-image:url("gfx/content2-bottom.png");
	margin-bottom:10px;
	background-repeat:no-repeat;
}

.wmid1, .wmid2, .wmid3, .wmid4, .wmid5, .wmid6
{ 
    	font-size:12px;

    	color:black;
    	display:block;
	text-decoration:none;
	padding-left:5px;
	padding-top:7px;
	padding-bottom:7px;
	border-top:1px solid #d2d2d2;
	background-repeat:no-repeat;  
  
}

.wmid2, .wmid3, .wmid4, .wmid5, .wmid6 {
	width:200px;
	font-size:10px;
}


.id1:hover, .wmid1:hover, .wmid2:hover, .wmid3:hover, .wmid4:hover, .wmid5:hover, .wmid6:hover {
	text-decoration:underline;
}



.content-text
{
        padding:10px;
        padding-left:15px;
}

.menu-graphic-block
{
float:left;
width: 340px;
margin-bottom: 10px;
margin-left:20px;
text-align:left;

}

.menu-graphic-text
{
color:black;
text-decoration:none;
font-size:14px;
font-weight:bold;



}



.menu-graphic-picture
{
border: 0px solid #DDD;

}

.menu-graphic-link
{

}

.form-line
{
height:25px;

}

.break
{
display:block;
height:10px;
}

.small-text
{
font-size: 11px;
}

.partners-graph
{
margin-left:8px;
margin-bottom: 10px;
border:1px solid #DDD;
}

h1
{
padding-bottom:15px;
}

h2
{
padding-bottom:5px;
padding-left:10px;

}

.content-text p
{
padding-left:10px;
padding-bottom:10px;
}

#navbar-text
{
font-size:11px;
}

.navbar-link
{
color:black;
text-decoration:underline;

}

.navbar-link:hover
{


}

#menu-container {
position:absolute;
top:137px;
left:5px;
vertical-align:bottom;
text-align:left;
font-size:13px;
}

.menu-button
{
color:black;
text-align:left;
font-size:13px;
text-decoration:none;
}

.menu-button:hover {
	text-decoration:underline;
}


.footer-link
{
color:black;
font-weight:bold;
position:relative;
top:12px;
margin-left:10px;
margin-right:10px;
text-decoration:none;

}

.footer-link:hover
{
text-decoration:underline;
}

.sitemapid1
{
font-size:16px;
font-weight:bold;
color:black;
display:block;
margin-top:18px;
margin-bottom:5px;
}

.sitemapid2
{
font-size:16px;
color:#1e4871;
display:block;
margin-left:40px;
text-decoration:none;
margin-top:5px;
font-weight:bold;
}

.sitemapid3
{
font-size:14px;
color:black;
display:block;
margin-left:80px;
text-decoration:none;
margin-top:3px;
}

.sitemapid4
{
font-size:12px;
margin-left:120px;
display:block;
text-decoration:none;
color:#1e4871;
}

.sitemapid5
{
font-size:10px;
margin-left:160px;
display:block;
text-decoration:none;
color:black;
}

.sitemapid6
{
font-size:9px;
margin-left:160px;
display:block;
text-decoration:none;
color:#1e4871;
}


.sitemapid2:hover, .sitemapid3:hover, .sitemapid4:hover, .sitemapid5:hover, .sitemapid6:hover
{
text-decoration:underline;
}


.form-button
{
width:120px;
height:22px;
background-image: url("gfx/form-button.png");
border:none;
font-size:14px;
padding-bottom:2px;
margin-left:20px;


}

.form-button:hover
{

background-image: url("gfx/form-button-active.png");



}

.form-radio-text
{
position:relative;
top:-3px;
font-weight:bold;
left:5px;
}


.product-price-txt
{
width:100px;
display:box;
float:left;
}

.product-price-val
{
width:100px;
display:box;

}

.product-image
{
border: 1px solid black;
width:200px;
height:20px;
float:right;
}


.clear
{
clear:both;
}

.h1-std
{
display:block;
width:750px; 
height:30px;
margin-bottom:10px;
}

.h1-text
{
padding:0;
margin:0;
font-size:24px;

}

.h2-std
{
display:block;
width:730px;
height:24px;

margin-bottom:20px;
background-repeat:no-repeat;
}


.h2-prd
{
display:block;
width:730px;
height:24px;

margin-bottom:10px;
margin-top:20px;
background-repeat:no-repeat;
position: relative;
left:-10px;
}

.h2-text
{
padding:0px;
margin:0;
font-size:18px;

display:box;
height:24px;
position:relative;
left:10px;
}


.short-news-title
{
font-size:12px;
font-weight:bold;
display:block;
background-color:f5f5f5;
}

.short-news-date {
	display:block;
	font-size:12px;
	background-color:f5f5f5;

}

.short-news {
	border-top:1px solid #d2d2d2;
}



.h2-news-full
{
display:block;
width:750px;
height:24px;
margin-bottom:5px;

}


.h2-form
{
display:block;
width:700px;
height:24px;
margin-bottom:15px;
background-repeat:no-repeat;
position:relative;
left:-27px;

}


.p-news
{
margin:0px;
padding:0px;


}

.contact-name
{
padding:0px;
margin:0px;
width:95%;
border-bottom: 1px solid #000;
margin-bottom: 10px;
}

.contact-icon
{
position:relative;
top:3px;
}


.contact-section
{
background:white;
border:1px solid #EEE;
padding:5px;
padding-bottom:0px;
vertical-align:top;
}

.contact-table
{
margin-left:30px;
margin-bottom:20px;
font-size:12px;
width:720px;
}

.contact-link
{
color:black; 
text-decoration:none;
}

.contact-link:hover
{
text-decoration:underline;
}

.contact-form-field
{
padding:0px;
margin:0px;
font-weight:bold;
padding-left:10px;
}

.contact-input-field
{
margin-bottom:10px;
margin-top:3px;
margin-left:20px;
width:650px;

}

.contact-radio-field
{
margin-left:10px;
margin-right:10px;
position:relative;
top:2px;
}


.bracket
{
clear:both;
}

.wm {
	position:relative;
	display:block;
}

.wmc {
	display:none;
	position:absolute;
	background-color:#f5f5f5;
	border:4px solid #e5e5e5;
	z-index:200;
}

.wmselected {
	background-color:#e5e5e5;
}


.p-link {
	text-decoration:none;
	color:black;
}

.p-container {
	display:block;
	border-top:1px solid #d2d2d2;
	padding-top:15px;
	padding-bottom:15px;
}

.p-small-container {
	display:block;
	border-top:1px solid #d2d2d2;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:65px;
	margin-right:10px;
	
}

.p-container:first-child, .p-small-container:first-child {
	border-top:none;
}

.p-name {
	color:black;
	text-decoration:none;
	font-size:12px;
	padding-bottom:10px;
	display:block;
	font-weight:bold;
	color:rgb(80,80,80);
}

.p-description {
	font-size:11px;
	display:block;
	width:270px;
	float:left;
	font-weight:normal;
	text-align:justify;
	margin-top:10px;
	color:rgb(100,100,100);
}

.p-small-description {
	font-size:10px;
	display:block;
	width:600px;
	font-weight:normal;
	margin-top:10px;
	color:rgb(100,100,100);
}

.p-price {
	font-size:12px;
	font-weight:normal;
	color:black;
	color:rgb(80,80,80);
}

.p-old-price {
	text-decoration:line-through;
	font-size:12px;
	font-weight:normal;
	color:red;
}

.p-image {
	border:0px;
	float:left;
	margin-top:10px;
	margin-right:15px;
}

.pool-percent-bar-0, .pool-percent-bar-1, .pool-percent-bar-2, .pool-percent-bar-3, .pool-percent-bar-4
        {
        border: 1px solid #ECECEC;
        display: box;
        position: relative;
        top: -7px;
        left: 10px;
        height: 4px;
        overflow:       hidden;
        }
        
.pool-percent-bar-0
        {
        background-color: red;
        }
        
.pool-percent-bar-1
        {
        background-color: green;
        }
        
.pool-percent-bar-2
        {
        background-color: blue;
        }
        
.pool-percent-bar-3
        {
        background-color: orange;
        }
        
.pool-percent-bar-4
        {
        background-color: purple;
        }
        
        
/* TABBER STYLE */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	 margin-top:1em;
 margin-left:30px;
}
.tabberlive {
 margin-top:1em;
 margin-left:30px;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #EEE;
 font-size: 14px;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

}

ul.tabbernav li a
{

 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #EEE;
 border-bottom: none;
 background: #f5f5f5;
 text-decoration: none;
 text-decoration:underline;
}

ul.tabbernav li a:link { color: black; }
ul.tabbernav li a:visited { color: black; }

ul.tabbernav li a:hover
{


}

ul.tabbernav li.tabberactive a
{
 background-color: white;
 border-bottom: 1px solid white;
 color:black;
 text-decoration:none;
}

ul.tabbernav li.tabberactive a:hover
{

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #EEE;
 border-top:0;
 background-color:white;
 padding-top:20px;
 padding-bottom:20px;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.window-container
{
	width:150px;
	position:absolute;

	left:350;
	top:200;
	font-size:13px;
	font-family:verdana;
}

.window-titleBar
{
	width:100%;
	height:15px;
	padding: 1px;
	text-indent: 3px;
	font: bold 13px Arial;
	background-color: #3333FF;
	color: #FFFFFF;
	cursor: move;
	overflow: hidden;
}

.window-content
{
	width:100%;
	height:100%;
	background-color: #FFFFFF;
	font-size:13px;
	font-family:verdana;
    border:1px solid #3333FF;
	overflow:auto;
}

.window-statusBar
{
	width:100%;
	height:15px;
	text-indent: 3px;
	font: bold 13px Arial;
	background-color: #99CCFF;
	border:1px solid #3333FF;
	color: #FFFFFF;
	overflow: hidden;
}

.window-minimizeButton
{
	position: absolute;
	right: 40px;
	top: 2px;
	cursor: pointer;
}

.window-maximizeButton
{
	position: absolute;
	right: 20px;
	top: 2px;
	cursor: pointer;
}

 .window-closeButton
{
	position: absolute;
	right: 5px;
	top: 2px;
	cursor: pointer;
}

.window-resizeIcon
{
	float: right;
	cursor: nw-resize;
}





.ac_results {
	padding: 0px;
	border: 1px solid #EEEEEE;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	text-align:left;
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #f5f5f5;
}

.ac_over {
	background-color: #d5e1ed;
	color: black;
}

.ttDescription {
	display:none;
}


#tooltip {
	text-align:justify;
	position: absolute;
	z-index: 3000;
	border: 1px solid #d2d2d2;
	background-color: #f5f5f5;
	padding: 10px;
	opacity: 0.95;
	width:300px;
	font-size:13px;
}
#tooltip h3, #tooltip div { margin: 0; }


.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); cursor:url(gfx/blank.gif), url(gfx/blank.cur), none; }


.chapter {
	font-size:11px;
}

.chapter input, .chapter textarea {
	width:100%;
	font-size:11px;
	border:none;
	background-color: #d7e3f0;
}


.chapter table {
	width:95%;
	font-size:11px;
	margin-left:20px;
}

.chapter table tr td, .chapter table tr th{
	border:1px solid #EEE; padding:3px;
}

.chapter table tr th {
	width:200px;
}

.chapter h2, .content h1, .content h3{
margin-top:15px;
margin-left:0px;
padding-left:10px;
}

.gen_content table{
width:100%;
margin-left:10px;
}

.gen_content input{
	margin-right:5px;
}

.gen_content table tr td {
padding:5px;
font-size:11px;
}

.menu_bottom {
margin-top:15px;
margin-bottom:10px;
}

textarea {
width:100%;
}

hr {
	margin-top:30px;
}


.point {
	width:60px;
}

#newItem {
	width:170px;
	height:82px;
	background-image:url('gfx/gr.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}

#newItem, #newItem a {
	text-decoration:none;
	font-weight:bold;
	color:black;
}


#newItem:hover {
	background-image:url('gfx/gr.hover.jpg');
}

#newItem:hover, #newItem a:hover{
	text-decoration:underline;
	color:black;
	
}
