// okreslenie rodzaju glownej kategori
if(!empty($_SESSION['mainpart']))
{
    switch($_SESSION['mainpart']){
	case 'cat1': 
		$cat = 1;
		break;
	case 'cat2': 
		$cat = 2;
		break;
	case 'cat3': 
		$cat = 3;
		break;
	case 'cat4': 
		$cat = 4;
		break;
	case 'cat5': 
		$cat = 5;
		break;
	case 'cat6': 
		$cat = 6;
		break;
	case 'cat7': 
		$cat = 7;
		break;
	case 'cat8': 
		$cat = 1;
		break;
	}
}else{
    $cat = 6;
}
?>
html{margin:0;padding:0}


body 
{

	background-color: #fff;
	font-family: verdana, Tahoma, Sans-Serif;
	font-size: 11px;
	color: #949494;
	margin: 0;
	
		
}

#page-container {
	margin: 0 auto;
	width: 992px;
	position: relative;
	min-height: 1000px;
}

#shadow-right
{
	position: absolute;
	width: 4px;
	height: 100%;
	*height: expression(parentElement.offsetHeight + "px");
	right: -4px;
	top: 0;
	
	background-image: url('/Images/shadow-right.jpg');
	background-repeat: repeat-y;
}

#shadow-left
{
	position: absolute;
	width: 168px;
	height: 100%;
	*height: expression(parentElement.offsetHeight + "px");
	left: -4px;
	top: 0;
	
	background-image: url('/Images/shadow-left.jpg');
	background-repeat: repeat-y;
	background-color: whitesmoke;
	border-right: 1px silver solid;
}

#rightside-panel
{
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
	width: 169px;
	
	position: absolute;

	top: 20px;
	right: 0;
}


#topspan
{
   
   background: white url('/Images/top_bg.gif') repeat-x;   
	padding: 0;
	margin: 0;
	min-width: 960px;
	width: 960px;
	_width: 850px;
	height: 34px;
	margin: 0 auto;
}


#leftcontent a{
display: block;
font-weight: 800;
font-size: 10pt;
vertical-align: middle;
width: 149px;
text-align: center;
padding: 0px;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px;
  
}

#leftcontent a:hover{
display: block;
text-decoration: none;
}


#slogan
{
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
	margin-top: 8px;
}

#phone
{
	position: absolute;
	top: 0px;
	right: -1px;
	
	padding: 10px;
	color: White;
	font-size: 12px;
	font-weight: bold;
	background-color: black;
	display:block;
	widht: 148px;
	min-width: 148px;
	height: 107px;
	border-left: 1px #868686 solid;
}

#header
{
 background: white url('/Images/r/menuback1.gif') repeat-x;	
	margin: 0;
	text-align: left;
	position: relative;
	width: 992px;
	
	height: 160px;
	
	/*
	vertical-align: top;
	min-height: 100px;
	background-position: 12px 0px;
	*/
}

#menuspan2 /* TODO unused? */
{
	
	text-align: left;
	vertical-align: top;
	min-height: 100px;
	margin: 0 auto;
	padding-left: 1px solid black;
	width: 100%;
	height: 120px;	
	min-height: 100px;
	width: 1018px;
	_width: 992px;
}

.leftbutton
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px
	text-align: center;
	 background: white url('/Images/r/left_button1.gif') no-repeat;	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	color: white;
	font-weight: bold;
	float: left;
	
}

.leftbuttonwhite
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px;
	text-align: center;
	background: white url('/Images/r/left_button.gif') no-repeat;
	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;color: #FF8A53;
}

.rightbutton
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px
	text-align: center;
	 background: white url('/Images/r/right_button1.gif') no-repeat;	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	color: white;
	font-weight: bold;
	float: left;
	
}

.rightbuttonwhite
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px;
	text-align: center;
	background: white url('/Images/r/right_button.gif') no-repeat;
	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;color: #FF8A53;
}


.activebutton
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px
	text-align: center;
	 background: white url('/Images/r/button_active1.gif') no-repeat;	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	color: white;
	font-weight: bold;
	float: left;
	
}


.activebutton a
{
  color: white;
  text-decoration: none;
}

.activebutton:hover
{
  color: white;
  text-decoration: none;
}

.topbutton
{
	width: 119px;
	height: 30px;
	padding: 5px 0px 0px 0px;
	margin-right: 0px;
	text-align: center;
	background: white url('/Images/button.gif') no-repeat;
	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;color: #FF8A53;
}



#ramka_11
{  
 	width: 13px;
	min-width: 13px;
	max-width: 13px;
	height: 22px;
    text-align: left;
}

#ramka_22
{  
    border-bottom: 1px solid silver;
    text-align: center;
	heigh: 22px;
}
#ramka_33
{  
 	width: 14px;	
	min-width: 14px;
	max-width: 13px;
	height: 22px;
    text-align: right;
}


.topbutton a
{
	text-decoration: none;
	color: inherit;
}
.topbutton a:hover
{
	text-decoration: none;
    color: inherit;
}
.topbutton a:visited
{
	text-decoration: none;
    color: inherit;
}

.topbutton:hover
{
	text-align: center;
	background: white url('/Images/r/button_active.gif') no-repeat;	font-family: Segoe UI, verdana, Tahoma, Sans-Serif;
	font-size: 14px;
	color: white;
	
	font-weight: bold;
	float: left;
}

#logoimage
{
	clear: none; 
	display: inline; 
	position: static; 
	float: left;
}

#content
{
	margin: 0;
	padding: 10px 0px 10px 0px;
	/*max-width: 1018px;*/
	position: relative;
}

#footer
{
	width: 100%;
	height: 20px;

	font-size: 11px;
	color: #999999;
	text-align: center;
	padding-top: 10px;
	position: relative;
	bottom: 0px;
	z-index: 5;
	
}


#footer span
{

}


#sidebar
{
	margin: 0px;
	padding: 12px;
	padding-left: 10px;
	width: 164px;
	position: absolute;
	left: 0px;
	top: 0px;
}




#leftcontent
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: 1px solid green;
}



#lefthead
{
	width: 140px;
	
	_width: 100px;
	height: 20px;
	text-align: center;
	padding-top: 4px;
	
   background: white url('/Images/top_bg.gif') repeat-x;   
   color: #FF8A53;
   
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bolder;
}

#leftcontent a:hover.menu_cat1	{
		background: white url('/Images/p/lmenu1.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat1	{
		background: white url('/Images/p/lmenu1s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat1a
	{
		/* background: white url('/Images/p/lmenu1a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat1c
	{
		color: #FF8B55;
		
	}
	
#leftcontent a.menu_cat1c
	{
		color: #FF8B55;
	}
	
   #leftcontent a:hover.menu_cat2	{
		background: white url('/Images/p/lmenu2.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat2	{
		background: white url('/Images/p/lmenu2s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat2a
	{
		/* background: white url('/Images/p/lmenu2a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat2c
	{
		color: #88CC1F;
		
	}
	
#leftcontent a.menu_cat2c
	{
		color: #88CC1F;
	}
	
   #leftcontent a:hover.menu_cat3	{
		background: white url('/Images/p/lmenu3.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat3	{
		background: white url('/Images/p/lmenu3s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat3a
	{
		/* background: white url('/Images/p/lmenu3a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat3c
	{
		color: #FFA32A;
		
	}
	
#leftcontent a.menu_cat3c
	{
		color: #FFA32A;
	}
	
   #leftcontent a:hover.menu_cat4	{
		background: white url('/Images/p/lmenu4.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat4	{
		background: white url('/Images/p/lmenu4s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat4a
	{
		/* background: white url('/Images/p/lmenu4a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat4c
	{
		color: #2CA4CA;
		
	}
	
#leftcontent a.menu_cat4c
	{
		color: #2CA4CA;
	}
	
   #leftcontent a:hover.menu_cat5	{
		background: white url('/Images/p/lmenu5.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat5	{
		background: white url('/Images/p/lmenu5s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat5a
	{
		/* background: white url('/Images/p/lmenu5a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat5c
	{
		color: #6633cc;
		
	}
	
#leftcontent a.menu_cat5c
	{
		color: #6633cc;
	}
	
   #leftcontent a:hover.menu_cat6	{
		background: white url('/Images/p/lmenu6.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat6	{
		background: white url('/Images/p/lmenu6s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat6a
	{
		/* background: white url('/Images/p/lmenu6a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat6c
	{
		color: #FA353D;
		
	}
	
#leftcontent a.menu_cat6c
	{
		color: #FA353D;
	}
	
   #leftcontent a:hover.menu_cat7	{
		background: white url('/Images/p/lmenu7.gif') no-repeat;
		background-color: #FF8B55;
		background-position: 0px 0px;
height: 67px;
color: white;
		
	}
	
#leftcontent a.menu_cat7	{
		background: white url('/Images/p/lmenu7s.gif') no-repeat;
		margin: 0px;
		padding: 0px;
height: 67px;
	}
	
	 a.menu_cat7a
	{
		/* background: white url('/Images/p/lmenu7a.gif') no-repeat;*/
		/*margin: 0px;
		margin-left: 15px;
		display: block;
		color: white;
		text-decoration: none;
		font-weight: bolder;
		font-size: 10pt;
		text-align: center;
		padding-top: 5px;
		_padding-top: 0px;
		height: 29px;
		width: 140px;
		_width: 134px;*/
	}
	
	
	
#leftcontent	a:hover.menu_cat7c
	{
		color: #FF8B55;
		
	}
	
#leftcontent a.menu_cat7c
	{
		color: #FF8B55;
	}
	
   


#leftfoot
{
	width: 172px;
	height: 7px;
}

#contentpane
{
	position: relative;
	display: block;
	width: 600px;
	margin: 0px 0px 0px 0px;
	left: 165px;
	padding-right: 10px;
	padding-left: 4px;
	padding-top: 0px;
	background-color: #fff;
}

#contentpane li
{
	color: #949494;
	color: black;
	font-size: 10pt;
	margin-left: 10px;
	text-align: justify;
	margin-right: 10px;
}

#right pane
{
	width: 150px;
	float: right;
	
	margin: 0px;
	padding: 0px;
}


h1
{
	font-size: 18px;
	font-weight: bold;
	color: #FF8A53;
	width: 500px;
	margin-left: 10px;
	border-bottom: 2px solid #dedede;
}

h2
{
	font-size: 16px;
	font-weight: bold;
	color: #FF8A53;
	width: 500px;
	margin-left: 10px;
	border-bottom: 2px solid #dedede;
}
	
#contentpane p
{
	color: #949494;
	color: black;
	font-size: 10pt;
	margin-left: 10px;
	text-align: justify;
	margin-right: 10px;
}



#rightpane a, #contentpane a
{
	color: #FF8A53;
}

#contentpane a:visited
{
	color: #FF8A53;
}

.readmore
{
	text-align: right;
	border-bottom: solid 1px #cccccc;
	padding-bottom: 7px;
}

.readmore a
{
	text-decoration: none;
	font-size: 10px;
	color: Black;
	margin-right: 10px;
	
}

.redbox
{
	background: white url('/Images/box_red.gif') no-repeat;
	width: 168px;
	height: 183px;
	margin: 10px;
	float: left;
}

.orangebox
{
	background: white url('/Images/box_orange.gif') no-repeat;
	width: 168px;
	height: 183px;
	margin: 10px;
	float: left;
}

.greenbox
{
	background: white url('/Images/box_green.gif') no-repeat;
	width: 168px;
	height: 183px;
	margin: 10px;
	float: left;
}

.boxhead
{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: White;
	margin-top: 10px;
}

.boxcontent
{
	color: 8a8a8a;
	margin: 10px 10px 10px 10px;
}

#flashbox
{
	width: 250px;
	height: 75px;
	margin-top: 0px;
	*margin-top: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;	
}

#menubox
{
	position: relative;
	top: 0px;
}

.lang
{
	border: 0;
	float: right;
	position: relative;
	vertical-align: top;
	margin-top: -32px;
	margin-right: 175px;
	
}

.horizontalMenu
{
	position: absolute;
	vertical-align: bottom;
	top: 100px;
	left: 50px;
	margin-left: 50px;	
	color: white;
	font-size: 10pt;
	height:26px;
}

horizontalMenuLeft
{
	position: absolute;
	vertical-align: bottom;
	top: 100px;
	left: 50px;
	z-order: 1000;
	color: white;
	font-size: 10pt;
	height:26px;
	width: 194px;
	display:block;
	background-color: black;
	border: 1px solid green;
	
}



.horizontalMenu a
{
	color: white;
	font-weight: bolder;
	text-decoration: none;
	display: inline-block;
	margin-left:4px;
	display: inline-block;
	padding:3px;
	padding-bottom: 1px;
	height:26px;
	min-height:26px;
	padding-top:0px;
}

.horizontalMenu a:hover
{
	background-color: white;
	display: inline-block;
	font-weight: 800;
	text-decoration: none;
	height:26px;
	color: #FF8A53;
}

#bodytable
{
	width: 100%;
}

#leftcell
{
	width: 172px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#centercell
{
	width: 100%;
	max-width: 800;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	vertical-align: top;
}

#rightcell
{
	width: 172;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
	vertical-align: top;
}

.t {background: url('/Images/s/t.gif') 0 0 repeat-x; width: 100%;
background-color: white;}
.b {background: url('/Images/s/b.gif') 0 100% repeat-x}
.l {background: url('/Images/s/l.gif') 0 0 repeat-y}
.r {background: url('/Images/s/r.gif') 100% 0 repeat-y; }
.bl {background: url('/Images/s/bl.gif') 0 100% no-repeat}
.br {background: url('/Images/s/br.gif') 100% 100% no-repeat}
.tl {background: url('/Images/s/tl.gif') 0 0 no-repeat}
.tr {background: url('/Images/s/tr.gif') 100% 0 no-repeat; padding:10px;}

.bl2 {background: url('/Images/s/bl2.gif') 0 100% no-repeat}
.tl2 {background: url('/Images/s/tl2.gif') 0 0 no-repeat}






td.colorTester{
	width: 40px;
	border: solid 1px black;
}

div#colorsList{
	padding-right: 20px;
	height: 400px;
	position: absolute;
	top: 160px;
	left: 45%;
	display: none;
}

div#colorsList2{
	overflow-y: scroll;
	height: 400px;
	overflow-x: hidden;
	background-color: white;
}

table.fullWidth{
	width: 100%;
}

table.fullWidth * td{
	vertical-align: top;
}

table.infoTable, table.list, div#colorsList * table{
	border: solid 1px;
	border-collapse: collapse;
	text-align: left;
}

table.infoTable * td{
	padding: 2px;
	vertical-align: top;
}

table.list * td{
	padding: 4px;
	vertical-align: top;
}

table.list * th{
	background-color: #FFE2D5;
}

tr.listStyle1{
	background-color: #FFFFFF;
}

tr.listStyle2{
	background-color: #FFEBE1;
}

tr.listStyleDone1{
	background-color: lightgreen;
}

tr.listStyleDone2{
	background-color: lawngreen;
}


table{
	border-width: 0px;
}

table.listwww * td{
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid silver;
}

table.listwww * th{
	font-size: bold;
	padding: 4px;
	border-bottom: 2px solid silver;
}


/***************************************************
   AUTHOR: Marcin Krasi�ski ( Cyrix Systems)
   TEMPLATE: HaftArt Studio
   DATE: 2007.08.18
        
 ***************************************************/

/***************************************************
   HTML Element Styles
 ***************************************************/


.ram_title, .ram_title a {
font-family: verdana, arial, sans-serif;
font-size:15px;
color: #FF8A53;


font-weight      : bold;
text-decoration:none;
text-align: center;
text-transform   : uppercase;
white-space      : nowrap;
}


.ram_titles, .ram_titles a {
font-family: verdana, arial, sans-serif;
font-size:12px;
color: #FF8A53;


font-weight      : bold;
text-decoration:none;
text-align: center;
text-transform   : uppercase;
white-space      : nowrap;
}



.tresc {
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;
text-align: left;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}


.tresc_zwykla {
font-family: verdana, arial, sans-serif;
font-size:11px;
color:#000;
text-decoration:none;
text-align: left;
padding          : 4px 5px 3px 5px !important;
padding          : 4px 5px 3px 5px;
text-align       : left;
line-height      : 12px;
  border-bottom    : 1px solid #999999;
}


.foto {
font-family: verdana, arial, sans-serif;
font-size:11px;
background-color: #fff;
text-decoration:none;
text-align: center;
padding          : 10px 3px 10px 3px !important;
padding          : 10px 3px 10px 3px;
 
 
 }

 .tresc_cena {
font-family: verdana, arial, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
font-weight      : bold;
text-align: right;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}


 .cena {
font-family: verdana, arial, sans-serif;
font-size:14px;
color:#000;
text-decoration:none;
   border-bottom    : 1px solid #999999;
font-weight      : bold;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}

 .tresc_title2 {
font-family: verdana, arial, sans-serif;
font-size:12px;
color:#000;
text-align: left;
   border-bottom    : 1px solid #999999;
 
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}

 .tresc_title {
font-family: verdana, arial, sans-serif;
font-size:12px;
color:#000;
text-align: left;
   border-bottom    : 1px solid #999999;
font-weight      : bold;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}

 .tresc_gray {
font-family: verdana, arial, sans-serif;
font-size:12px;
color:#999999;
text-align: left;
   border-bottom    : 1px solid #999999;
font-weight      : bold;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}

.tresc_big {
font-family: verdana, arial, sans-serif;
font-size:16px;
color:#ce5051;
text-align: left;
font-weight      : bold;
padding          : 4px 5px 10px 5px !important;
padding          : 4px 5px 10px 5px;
margin-bottom: 10px;
line-height      : 12px;
}


/**************** vertical (left-side) menu styles ****************/

	#vertical-menu {
		display:block;
		padding: 0;
		margin: 0;
	}  
	
	#vertical-menu ul{
		margin: 0px 3px 3px 10px;
		display:block;
		padding-left: 0px;
	}  
	
	#vertical-menu li {
		
		/*height: 37px;*/
		
		margin: 3px 0px 3px 0px;
		list-style: none;
		position: relative;
		display: block;
	}
	
	#vertical-menu a {
		border: solid 1px #848484;
		background: #fff;
		height: 37px;
		width: 133px;
		display: table;
		*display: block;
		position: relative;
		overflow: hidden;
		text-decoration: none;
		cursor: pointer;
	}
	
	#vertical-menu a div {
		
		display: table-cell;
		*display: block;
		vertical-align: middle;
		
		padding: 2px 5px 2px 5px;
		background: #fff;
		text-decoration: none;
		font-weight: bolder;
		font-size: 12px;
		color: #000;
		
		margin: 0;
		
		height: 37px;
	}
	
	#vertical-menu a div.menu-icon {
		background: #fd8654;
		width: 30px;
		padding: 0;
		*float:left;
		
	}
	
	#vertical-menu a span {
		
		display: table-cell;
		*display: block;
		vertical-align: middle;
		
		padding: 2px 5px 2px 5px;
		background: #fff;
		text-decoration: none;
		font-weight: bolder;
		font-size: 12px;
		color: #000;
		
		margin: 0;
		
		height: 37px;
	}
	
	#vertical-menu a span.menu-icon {
		background: #fd8654;
		width: 30px;
		padding: 0;
		*float:left;
		
	}
	
	/* submenu */
	#vertical-menu ul li a {
		width: 123px;
		height: 31px;
		position: relative;
		border-top: none;

	}
	
	#vertical-menu ul li {
		margin: 0;
	}
	
	#vertical-menu ul li a div,
	#vertical-menu ul li a span {
		
		display: table-cell;
		*display: block;
		vertical-align: middle;
		
		padding: 2px 5px 2px 5px;
		background: #fff;
		height: 26px;
		*height: 30px;
		margin: 0;
		position: relative;
		
		text-decoration: none;
		font-weight: bolder;
		font-size: 10px;
		color: #000;
		
	}
		
	#vertical-menu a div.submenu-icon,
	#vertical-menu a span.submenu-icon{
		display: table-cell;
		width: 20px;
		background: #fd8654;
		padding: 0;
		*height: 31px;
		*float:left;
	}
	
	
   /* #tabs10 {
      float:left;
      font-size:12pt;
	  padding-bottom: 2px;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
      display:list-item; 
	  padding:10px 10px 0 4px;
	  _padding: 0px;
	  list-style:none;
      }
	
	 #tabs10 li  {
	  margin:0;
      display:list-item; 
	  padding:10px 10px 0 5px;
	  _padding: 0px;
	  padding-left: 5px;
	  list-style:none;
	  width: 166px;
      }
	  
    #tabs10 li {
      margin:0;
      padding:0;
	  padding-top: 4px;
	  _padding-top: 2px;
	  clear: both;
    }
	  	
	  */
	 /*
    #tabs10 a {
      float:left;
      /* background:url("../Images/tableft10.gif") no-repeat left top; */
	     /*
      margin:0;
      padding: 0px 0 0 33px;
      text-decoration:none;
	  color: black;	  
      background-position:0% 0px;
      }
	  
	  */

	  
	 /*
	#tabs10 a div
	{
	  background:url("../Images/icon.gif") no-repeat;
      margin: auto auto;
	}*/
	  
    /*#tabs10 a span {
      float:left ;
	  vertical-align: bottom;
	  width: 112px;
	  height: 41px;
	  display: block;
	  min-width: 112px;
	  min-height: 41px;*/
	  
    /*  background:url("../Images/tabright10.gif") no-repeat right top; */
	   /*
      padding: 2px 15px 4px 6px;
	  color: black;	  
	  text-align: center;
	  vertical-align: bottom;
	  font-weight: bolder;
      background-position:100% 0px;
	   cursor: hand;
      }
	#tabs10 a span span
	{
	  background:url("../Images/icon.gif") no-repeat;
      margin: auto auto;
	  display: block;
      padding:0 0 0 -53px;
	  min-width: 30px;
	  min-height: 30px;
	   cursor: hand;
	}  
	
	#tabs10 a span.text 
	{
	   background: none;
	   margin: auto;
	   height: auto;
	   padding: 0;
	   cursor: hand;
	}
	
    #tabs10 a span {
	  float:none;
	  }  
	  
    #tabs10 a:hover {
      background-position:0% -47px;
      }
    #tabs10 a:hover span {
      background-position:100% -47px;
      }
*/
	  
	  
/**************** menu styles ****************/
    #tabs11 {
      float:left;
      font-size:12pt;
	  margin-top: 0px;
	  margin-botton: 0px;
	  padding-top: 0px;
	  padding-right: 4px;
      line-height:normal;
	  width: 120px;
	  max-width: 120px;
      }
    #tabs11 ul {
	  margin:0;
      display:list-item; 
	  padding:0px 10px 0px 5px;
	  list-style:none;
      }

	  
    #tabs11 li {
      margin:0;
      padding:0;
	  clear: both;
	  background: none;
    }
	  	
	  
    #tabs11 a {
      float:left;
      /* background:url("../Images/tableft10.gif") no-repeat left top; */
	  background:  url('/Images/tableft10.gif') no-repeat left top;      margin:0;
      padding:0 0 0 28px;
      text-decoration:none;
	  color: black;
      background-position:0% -19px;
	  height: 28px;
	  overflow: hidden;
	  }
	  
	 #tabs11 a span {
      float:left ;
	  width: 112px;
	  height: 28px;
	  max-height: 28px;
	  display: block;
	  min-width: 110px;
	  min-height: 28px;
	  
    /*  background:url("../Images/tabright10.gif") no-repeat right top; */
	background:  url('/Images/tabright10.gif') no-repeat right top;      padding: 5px 15px 4px 6px;
	  color: black;
	  text-align: center;
	  vertical-align: bottom;
	  font-weight: bolder;
	  background-position:100% -19px;
	  overflow: hidden;
	  }
	  
	#tabs11 a div
	{
	  background:url("../Images/icon.gif") no-repeat;
      margin: auto auto;
	}
	  
   
	#tabs11 a span span
	{
	  background:url("../Images/icon.gif") no-repeat;
      margin: auto auto;
	  display: block;
      padding:0 0 0 -53px;
	  min-width: 30px;
	  min-height: 30px;
	}  
	  
    #tabs11 a span {
	  float:none;
	  }
    #tabs11 a:hover {
	  background-position:0% -66px;
	  }
    #tabs11 a:hover span {
	  background-position:100% -66px;
	  }

	  

    #tabs13 {
      font-size: 8pt;
	  min-width: 600px;
	  max-width: 600px;
	  padding-top: 1px;
      line-height:normal;
	  margin-left: 0px;
	  }
    #tabs13 ul {
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
	  height: auto;
	  margin-left: 0px;
      }
    #tabs13 li {
      display:inline;
      margin:0;
	  margin-top: 1px;
      padding:0;
      }
    #tabs13 a {
      float:left;
	  font-size: 7pt;
     /* background:url("../images/tableft10.gif") no-repeat left top;*/
      margin:0;
      padding:  4px;
      margin: 0px 2px;
      text-decoration:none;
	  border-left: 1px solid #CFCFCF;
	  border-top: 1px solid #CFCFCF;
	  border-right: 1px solid #CFCFCF;
	  background-color: white;
	  color: gray;
      }
    #tabs13 a span {
      float:left;
      display:block;
     /* background:url("../images/tabright10.gif") no-repeat right top;*/
     /* padding:5px 15px 4px 6px;*/
      color: black;
      }
    #tabs13 a span {
	  float:none;
	  }
    #tabs13 a:hover {
      background-position:0% -42px;
	  background-color: #F2F0F0;
      }
	
    #tabs13 a:visited {
	  color: gray;
      }
    #tabs13 a:hover span {
      background-position:100% -42px;
	  background-color: #F2F0F0;
      }
	  
/* TODO move it somewhere else (where?) */	  
#horizontal-menu {
	list-style:none;
	margin:0 10px 0px 10px;
	padding: 4px;
	display:block;
}

#horizontal-menu li {
	
	display:inline;
    margin:0;
	padding: 4px 0 4px 0;
}

#horizontal-menu a {
	text-decoration:none;
	border: 1px solid #CFCFCF;
	background-color: #F2F0F0;
	padding: 4px;
	color: #000;
}

#tabs12 {
      float:center;
	  left: 50%;
	  _left: 50%;
	  top: 0px;
      font-size:93%;
	  min-width: 800px;
	  _width: 800px;
	  margin-left: -468px;
	  padding-bottom: 1px;
      line-height:normal;
	  position: absolute;
      }
    #tabs12 ul {
	  margin:0;
	  padding:0px 10px 0 50px;
	  list-style:none;
	  height: auto;
      }
    #tabs12 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs12 a {
      float:left;
     /* background:url("../images/tableft10.gif") no-repeat left top;*/
      margin:0;
      padding:  4px;
      margin: 0px 2px;
      text-decoration:none;
	  border: 1px solid #CFCFCF;
	  background-color: #F2F0F0;
	 
      }
    #tabs12 a span {
      float:left;
      display:block;
     /* background:url("../images/tabright10.gif") no-repeat right top;*/
     /* padding:5px 15px 4px 6px;*/
      color: black;
      }
    #tabs12 a span {
	  float:none;
	  }
    #tabs12 a:hover {
      background-position:0% -42px;
	  background-color: #FFFFFF;
      }
    #tabs12 a:hover span {
      background-position:100% -42px;
	  background-color: #FFFFFF;
      }
	  
#redstar
{
  color: red;
  font-weight: bold;
  font-size: 10pt;
}	  

p.info {

background: lightblue url(/Images/info.png) no-repeat scroll 5px;
border:1px solid silver;
margin:10px 0pt 0pt;
padding:10px 10px 10px 30px;
color: gray;
}

p.alert {

background:#E45A49 url(/Images/error.png) no-repeat scroll 5px;
border:1px dashed #FFB36B;
margin:10px 0pt 0pt;
padding:10px 10px 10px 30px;
}

p.suggestion
{
background: #FFFFCC url(/Images/suggestion.gif) no-repeat scroll 5px;
border:1px solid #FFCC00;
margin:10px 0pt 0pt;
padding:10px 10px 10px 30px;
color: gray;
}

a.sys_rightbutton 
{
   border: 1px gray solid;
   display: block;
   height: 22px;
   width: 160px;
   color: black !important;
   text-decoration: none;
   padding-top: 1px;
   font-weight: bold;
}

a.sys_rightbutton img
{
   vertical-align: middle;
   border: 0px none;   
   margin: 1px;
}

a:link.sys_rightbutton 
{
   color: black;
}

a:visited.sys_rightbutton 
{
   color: black;
}

a:hover.sys_rightbutton 
{
   border: 1px black solid;
   color: black !important;
   background-color: whitesmoke;
}


a.sys_rightbigbutton 
{
   border: 1px gray solid;
   display: block;
   height: 44px;
   width: 160px;
   color: black !important;
   text-decoration: none;
   padding-top: 1px;
   font-weight: bold;
   vertical-align: middle;
   text-alignment: center;
   align: center;
   font-size: 10pt;
   
}

a.sys_rightbigbutton img
{
   vertical-align: middle;
   border: 0px none;   
   margin: 1px;
}

a:link.sys_rightbigbutton 
{
   color: black;
}

a:visited.sys_rightbigbutton 
{
   color: black;
}

a:hover.sys_rightbigbutton 
{
   border: 1px black solid;
   color: black !important;
   background-color: whitesmoke;
}

div.login
{
   position: relative; 
   left: 0px;
   margin-left: 10px;
   *margin-left: 0px;
   top: 118px;
   *top: 116px;
   z-index: 1000;
}


div.login * span
{
	background: white;
	padding: 4px;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
	height: 22px;
	*height: 18px;
}

div.login * a:hover * span
{
   background: silver;
}



div.normal 
{
font-size:11px;
margin-bottom:2px;
padding-top:35px;
position:relative;
} 

ul.normal 
{
font-size:14px;
margin-bottom:2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px;
padding:0;
margin-left: 0px;
}

ul.normal ul.normal 
{
  margin-left: 3px;
}

ul.normal li
{
margin-bottom: 3px;
margin-left: 0px;
}

ul.normal li a 
{
  background: whitesmoke url(/Images/li-bg2.png) no-repeat scroll 7px 9px;
border-bottom:1px dotted #F0F0F0;
color:#505050;
display:block;
margin:0 4px;
overflow:hidden;
padding: 0px 0 4px 18px;
text-decoration:none;
font-weight: bold;
}

ul.normal li li a 
{
font-weight: normal;
border-left:1px dotted #F0F0F0;
}


ul.normal li a:hover
{
   background: #FFFFFF url(/Images/li-bg.png) no-repeat scroll 7px 9px;
   color: #FF8B55;
}


table.download2
{
  border: none;
  height: 230px;
  padding 4px:
  margin: 2px;
}

table.download2 img
{
  margin: auto auto;
  border: none;
}