/********************************************************************************
|	Zako
|	CSS MAIN Layout
|	Design and CSS by Peter J and Nandor S
|	Copyright (c) 2007 CarrotPlant
|	www.carrotplant.com
********************************************************************************/

/* General
--------------------------------- */
html, body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	color: #0a4b28;
	font-family: Verdana, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	background: #313131 url("../gfx/page_bg.gif");
	text-align: center;
}

a,
a:link,
a:visited,
a:active{
	color: #0a4b28;
	font-family: Verdana, Calibri, Tahoma, Verdana, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
}

a:hover {
	text-decoration: none;
}

p, div {
	text-align: left;
}

img {
	border: 0px;
}

img.left{
	float: left;
}

img.right{
	float: right;
}

h1,
h2,
h3,
h4{
	margin: 0px;
	padding: 0px;
	color: #094a27;
	font-family: "Chaparral Pro", "Trebuchet MS", Verdana, Tahoma,  Georgia, Calibri, sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}

h1.title{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
	line-height: 22px;
	padding-right: 100px;
}

h1.title span.date{
	position: absolute;
	font-size: 10px;
	font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: right;
	width: 566px !important;
	width: 586px;
	height: 16px;
	line-height: 16px;
	padding-right: 20px;
	background: url("../gfx/ico_date.gif") no-repeat right center;
}

h2 {
	font-size: 16px;
}

h2.subTitle {
	margin: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
	height: auto;
	padding: 0px;
	padding-left: 4px;
	border-bottom: 1px dotted #b2d7c3;
}

h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

p{	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Calibri, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	text-indent: 10px;
	line-height: 18px
}


p.center,
h1.center,
h2.center{
	text-align: center;
	text-indent: 0px;
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	
}

li {
	font-family: Verdana, Helvetica, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Calibri, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	line-height: 18px;
	padding-left: 5px;
}

b.ul{
	text-decoration: underline;
}

/* Structure
--------------------------------- */
.layoutBg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #00853c url('../gfx/background_pattern.gif') repeat-x top left;
	text-align: center;
}

.layoutWrapper{
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 822px;
}

.lHeader,
.lContent{
	padding: 0;
	margin: 0;
	width: 822px;
}

.lHeader{

}

.lContent{
	padding-left: 20px;
	padding-right: 20px;
	background: url('../gfx/content_bg.png') repeat-y top left;
}

.lFooter{
	width: 100%;
	color: #FFF;
	font-family: Verdana, Calibri, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background: url("../gfx/footer_bg.gif") repeat-x top left;
	text-align: center;

}

/*  Footer
--------------------------------- */

.lFooterWrapper{
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 822px;
	height: 140px;
	padding-top: 22px;
	background: url("../gfx/content_footer_bg.png") no-repeat top left;
}

/* MENU */

.lFooter ul.menu{
	list-style-type: none;
	height: 15px;
	line-height: 15px;
	padding: 0px;
	margin: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.lFooter ul.menu li{
	float: left;
	text-indent: 0;
	border-right: 1px solid #336c45;
}

.lFooter ul.menu li.last{
	border: 0px;
}

.lFooter ul.menu li a,
.lFooter ul.menu li a:link,
.lFooter ul.menu li a:active,
.lFooter ul.menu li a:visited
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	font-family: Tahoma, Verdana, Calibri, Verdana, sans-serif;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
}

.lFooter ul.menu li a:hover
{
	text-decoration: none;
}

/* INFO */

.lFooter .info{
	position: relative;
	top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.lFooter .info ul.info{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style-type: none;
	border-right: 1px dotted #FFF;
}
.lFooter .info ul.first{
	width: 255px;
}

.lFooter .info ul.last{
	border: 0px;
}

.lFooter .info  ul.info li{
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font: 10px normal Tahoma, Verdana, sans-serif;	
	color: #BBB;
	text-indent: 0;
}

.lFooter .info  ul.info li a,
.lFooter .info  ul.info li a:link,
.lFooter .info  ul.info li a:active,
.lFooter .info  ul.info li a:visited
{	
	display: block;
	color: #BBB;
	text-decoration: underline;
	font-weight: normal;
}

.lFooter .info  ul.info li a:hover
{	
	color: #EEE;
	text-decoration: none;
}

/*  Header
--------------------------------- */

.topLogo{

}

.topMenu{
	margin-right: 10px;
}

.topMenu ul{
	height: 41px;
	display: block;
	float: right;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.topMenu ul li{
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	float: left;
	width: 90px;
	text-indent: 0;
	background: url("../gfx/topmenu_li_bg.gif") no-repeat top left;
}

.topMenu ul li a,
.topMenu ul li a:link,
.topMenu ul li a:visited,
.topMenu ul li a:active{
	display: block;
	height: 41px;
	color: #FFF;
	font-family: Tahoma, Verdana, Calibri, Verdana, sans-serif;
	font-size: 11px;
	padding-left: 34px;
	line-height: 41px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

.topMenu ul li a.home{
	background: url("../gfx/topmenu_ico_home.png") no-repeat top left;
}

.topMenu ul li a.contact{
	background: url("../gfx/topmenu_ico_contact.png") no-repeat top left;
}

.topMenu ul li a span{
	color: #FFF;
	
}

.topMenu ul li a.active,
.topMenu ul li a.active:link,
.topMenu ul li a.active:visited,
.topMenu ul li a.active:active{
	color: #FF7800;
	text-decoration: underline;
}

.topMenu ul li a:hover,
.topMenu ul li a.active:hover{
	color: #FF7800;
	text-decoration: none;
}

div.topLang{
	position: absolute;
	top: 81px;
	left: 592px;
	width: 220px;
	height: 27px;
	background: url("../gfx/top_lang_bg.gif") no-repeat top left;
}

div.topLang .inner{
	padding: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 11px;
}

ul.topLang{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

ul.topLang li{
	float: left;
	width: 60px;
}

ul.topLang li a,
ul.topLang li a:link,
ul.topLang li a:active,
ul.topLang li a:visited{
	display: block;
	color: #0a4b28;
	font-weight: normal;
	font-size: 9px;
	height: 16px;
	line-height: 16px;
	text-indent: 18px;
	background-position: 0% 50%;
}

/*  Main Menu
--------------------------------- */

.lMenu {
	height: 33px;
	padding-left: 20px;
	padding-right: 20px;	
	background: url("../gfx/menu_bg.gif") no-repeat top center;
}

.lMenu ul#menu{
	list-style-type:none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.lMenu ul#menu li{
	float: right;
	display: block;
	padding: 0px;
	padding-left: 2px;
	width: 90px;
	height: 33px;
	background: url('../gfx/menu_item_separator.gif') no-repeat top left;
	overflow: hidden;
}

.lMenu ul#menu li.first{
	background: none;
}

.lMenu ul#menu li a,
.lMenu ul#menu li a:link,
.lMenu ul#menu li a:visited,
.lMenu ul#menu li a:active{
	display: block;
	height: 33px;
	line-height: 33px;
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, Georgia, Calibri, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	background: url("../gfx/menu_item_bg.gif") no-repeat top left;
}

.lMenu ul#menu li a.active,
.lMenu ul#menu li a.active:link,
.lMenu ul#menu li a.active:visited,
.lMenu ul#menu li a.active:active{
	text-decoration: none;
	background: url("../gfx/menu_item_active.gif") no-repeat top left;
}

.lMenu ul#menu li a:hover,
.lMenu ul#menu li a.active:hover{
	text-decoration: none;
	background: url("../gfx/menu_item_bg.gif") no-repeat bottom left;
}

.lMenu ul#menu li a.last,
.lMenu ul#menu li a.last:link,
.lMenu ul#menu li a.last:visited,
.lMenu ul#menu li a.last:active{
	background-position: top right;
}

.lMenu ul#menu li a.last:hover {
	background-position: bottom right;
}

/*  Content Layout
--------------------------------- */

.lLeft,
.lRight{
	float: left;
	padding: 0px;
	margin: 0px;

}

.lLeft{
	width: 185px;
	margin-right: 5px;
	height: 550px;
}

.lRight{
	width: 586px;
	margin-left: 6px;
	text-align: center;
}

/* SubMenu
--------------------------------- */

.lSubMenu{
	width: 185px;
	background: url("../gfx/submenu_bg.gif") repeat-y top left;
	margin-bottom: 5px;
}	

.lSubMenu .header{
	height: 60px;
	background: url("../gfx/submenu_head.gif") no-repeat top left;
}

.lSubMenu .headerNamestajSR{
	height: 60px;
	background: url("../gfx/submenu_head_namestaj_sr.gif") no-repeat top left;
}


.lSubMenu .headerNamestajHU{
	height: 60px;
	background: url("../gfx/submenu_head_namestaj_hu.gif") no-repeat top left;
}


.lSubMenu .headerNamestajEN{
	height: 60px;
	background: url("../gfx/submenu_head_namestaj_en.gif") no-repeat top left;
}

.lSubMenu .headerMultiform{
	height: 60px;
	background: url("../gfx/submenu_head_multiform.gif") no-repeat top left;
}

.lSubMenu .headerPlastenici{
	height: 60px;
	background: url("../gfx/submenu_head_plastenici.gif") no-repeat top left;
}


.lSubMenu .header h1{
	margin: 0px;
	padding: 1px;
	padding-left: 40px;
	color: #FFF;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.lSubMenu .footer{
	height: 8px;
	overflow: hidden;
	background: #FFF url("../gfx/submenu_foot.gif") no-repeat top left;
}

.lSubMenu .content{
	padding: 1px;
}

.lSubMenu ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
	color: #000;
}

.lSubMenu li{
	margin: 0px;
	padding: 0px;
	margin-top: -12px;
}

.lSubMenu a,
.lSubMenu a:link,
.lSubMenu a:visited,
.lSubMenu a:active{
	display: block;
	color: #0a4b28;
	margin: 0px;
	padding-left: 10px;
	height: 31px;
	line-height: 28px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	background: url("../gfx/submenu_item_normal.gif") no-repeat top left;
}

.lSubMenu a.active,
.lSubMenu a.active:link,
.lSubMenu a.active:visited,
.lSubMenu a.active:active{
	color: #0a4b28;
	background: url("../gfx/submenu_item_active.gif") no-repeat top left;
}


.lSubMenu a:hover,
.lSubMenu a.active:hover{
	color: #FFF;
	text-decoration: none;
	background: url("../gfx/submenu_item_hover.gif") no-repeat top left;
}

.smallBox{
	margin-bottom: 5px;
}

/* Section
--------------------------------- */

.section{
	margin: 0px;
	padding: 0px;
	background: url("../gfx/section_bg_right.gif") no-repeat bottom right;
}

.sectionIn{
	margin: 0px;
	padding: 5px;
	text-align: center;
	/*background: url("../gfx/section_bg_left.gif") no-repeat top left;*/
}

.section ul li{
	text-indent: 10px;
}

/* NavPath
--------------------------------- */

div.navPath{
	background-color: #e5f2eb;
	border-bottom: 1px dotted #b2d7c3;
}

ul.navPath{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 20px;
}

ul.navPath li{
	float: left;
	margin: 0px;
	padding: 0px;
	text-indent: 0;
	font-family: Tahoma, Verdana, Calibri, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

ul.navPath li a,
ul.navPath li a:link,
ul.navPath li a:visited,
ul.navPath li a:active{
	font-family: Tahoma, Verdana, Calibri, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
}

ul.navPath li .first{
	padding-left: 0;
}

ul.navPath li .last{
	padding-left: 5px;
}


ul.navPath li a:hover{	
	text-decoration: none;
}

/* Info section
--------------------------------- */

.infoList{
	margin-top: 10px;
	margin-bottom: 10px;
}

.infoListItem,
.infoListItem:link,
.infoListItem:visited,
.infoListItem:active {
	display: block;
	font-family: "Trebuchet MS", Verdana, Tahoma;
	font-size: 11px;
	cursor: pointer;
	color: #0a4b28;
	font-family: "Trebuchet MS", Georgia, Calibri, sans-serif;
}

a.infoListItem{
	cursor: pointer;
}

div.infoListItem,
div.infoListItem:link,
div.infoListItem:visited,
div.infoListItem:active,
div.infoListItem:hover{
	cursor: default;
}

.infoListImgHolder{
	display: block;
	width: 120px;
	height: 90px;
	background: #FFF;
	overflow: hidden;
}

.infoListImg {
	float: left;
	margin: 4px;
}

.infoListTitle{
	display: block;
	color: #0a4b28;
	text-align: left;
	font-family: "Chaparral Pro", "Trebuchet MS", Georgia, Calibri, sans-serif;	
	font-size: 18px;
	font-weight: bold;
	padding: 4px;
	padding-right: 100px;
	border-bottom: 1px solid #b2d7c3;
}

.infoListTitle span.date{
	position: absolute;
	font-size: 10px;
	font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: right;
	width: 556px !important;
	width: 576px;
	height: 20px;
	line-height: 20px;
	padding-right: 20px;
	background: url("../gfx/ico_date.gif") no-repeat right center;
}

.infoListDescription{
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	padding: 4px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
}

.infoListDescription .text{
	display: block;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Calibri, sans-serif;
	font-size: 11px;
	text-align: justify;
	font-weight: normal;
	text-indent: 10px;
	line-height: 18px
}

.infoListItem,
.infoListItem:link,
.infoListItem:active,
.infoListItem:visited {
	color: #000;
	text-decoration: none;
}

.infoListItem:hover .more{
	text-decoration: underline;
}


/* Data list
--------------------------------- */

div.dataList{
	margin: 20px;
	margin-left: 50px;
	margin-right: 50px;
}

ul.dataList{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

ul.dataList li{
	display: block;
	font-weight: bold;
	line-height: 20px;
}

ul.dataList li .label{
	position: absolute;
	width: 230px;
	border-bottom: 1px dotted #b2d7c3;	
	font-weight: normal;	
}

ul.dataList li .data{
	position: relative;
	left: 250px;
	font-weight: bold;
}


/* Form
--------------------------------- */

form {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.form {
	position: relative;
	margin: auto 0px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-size: 11px;		
}

.form ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.form li {
	display: block;
	background: silver;
}

.form  input, .form textarea, .form select {
	width: 300px;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b2d7c3;
	margin: 1px;
}

.form  input.opt{
	width: auto;
	float: left;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 0px;	
}

.form select option.alt{
	background: #e5f2eb;
}

.form label{
	float: left;
	width: 250px;
	text-align: left;
	font-weight: bold;
	margin-left: 30px;
	border-bottom: 1px solid #e5f2eb;
}

.form label span.req{
	margin: 2px;
	color: red;
	float: left;
}

.form br {
	margin:0px;
	padding:0px;
	clear: both;
}

.formSection{
	border: 1px solid #b2d7c3;
	margin-bottom: 10px;	
}

.formSection h1{
	color: #000;
	height: 25px;
	font-weight: bold;
	text-align: center;
	background: #FFF url('../gfx/th_bg.gif') repeat-x top left;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-size: 11px;
	line-height: 25px;
}

.formSection br{
	clear: both;
}
	
.formItem,
.formItemAlt{
	display: block;
	padding: 2px;
}

.formItem{
	background: #FFF;
}

.formItemAlt{
	background: #e5f2eb;
}

.formButtons{
	position: relative;
	margin: 0 auto;
	display: block;
	width: 250px;
	text-align: center;
	margin-top: 20px;
}

.formWarnings p{
	text-align: right;
	color: red;
	font: normal 9px Tahoma, Calibri, Arial, Verdana, sans-serif;
	padding-top: 100px;
	padding-right: 5px;
}

/* Global submit buttons */

input.button_s, input.button_m, input.button_l, input.button_xl,
input.button_s:focus, input.button_m:focus, input.button_l:focus, input.button_xl:focus{
	display: block;
	float: right;
	margin: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	color: #000;
	border: 0px;
	font: bold 10px Tahoma, Calibri, Arial, Verdana, sans-serif;
	line-height: 20px;
	cursor: pointer;
}

a.button_s, a.button_m, a.button_l, a.button_xl,
a.button_s:focus, a.button_m:focus, a.button_l:focus, a.button_xl:focus{
	display: block;
	float: right;
	height: 20px;
	width: 100px;
	margin: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 10px Tahoma, Calibri, Arial, Verdana, sans-serif;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	background: url('../gfx/btn_submit_l.gif') no-repeat top left;
}

input.button_s, input.button_s:focus,
a.button_s, a.button_s:focus{
	width: 60px;
	background: url('../gfx/btn_submit_s.gif') no-repeat top left;
}

input.button_m, input.button_m:focus,
a.button_m, a.button_m:focus{
	width: 80px;
	background: url('../gfx/btn_submit_m.gif') no-repeat top left;
}

input.button_l, input.button_l:focus,
a.button_l, a.button_l:focus{
	width: 100px;
	background: url('../gfx/btn_submit_l.gif') no-repeat top left;
}

input.button_xl, input.button_xl:focus,
a.button_xl, a.button_xl:focus{
	width: 120px;
	background: url('../gfx/btn_submit_xl.gif') no-repeat top left;
}

/* Table
--------------------------------- */

.pageTable{
	background: #b2d7c3;
	font-family: Verdana, Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
}

.pageTable td{
	text-align: center;
	background: #e6f2ec url('../gfx/td_bg.gif') repeat-x top left;
}

.pageTable tr{
	background: #FFF;
}

.pageTable td.alt,
.pageTable tr.alt,
.pageTable th.alt{
	background: #e5f2eb;
}

.pageTable td.left{
	text-align: left;
}

.pageTable th{
	height: 20px;
	text-indent: 5px;
	font-weight: bold;
	text-align: left;
	background: #b2d7c3 url('../gfx/th_bg.gif') repeat-x top left;
	border-bottom: 1px solid #b2d7c3;
}

.pageTable th.empty{
	background: #FFF;
	border: 0px;
}

.pageTable td,
.pageTable th{
	padding: 2px;
	/*border-left: 1px solid #b2d7c3;*/
	border: 1px solid #b2d7c3;
	border-right: 0px;
}

.pageTable td{
	border-top: 0px;
}

.pageTable td.bottomBorder{
	border-bottom: 1px solid #0a4b28;
	background: #e5f2eb;
	padding: 10px;
}

.pageTable td.last,
.pageTable th.last{
	border-right: 1px solid #b2d7c3;
}

.pageTable td.bottom,
.pageTable th.bottom{
	border-bottom: 1px solid #b2d7c3;
}

.pageTable a,
.pageTable a:link,
.pageTable a:visited,
.pageTable a:hover,
.pageTable a:active{
	display: block;
	color: #000;
	text-align: left;
	padding: 2px;
	font-weight: normal;
	text-decoration: none;
}

.pageTable a.center,
.pageTable a.center:hover{	
	text-align: center;
}

.pageTable a:hover{
	color: #000;
	text-decoration: underline;
}

/* Product list
--------------------------------- */

div.productList{
	position: relative;
	display: block;
	margin: 10px auto 10px auto;
	width: 464px;
	text-align: center;
}

div.oneProdCol{
	width: 156px;
}

div.twoProdCol{
	width: 310px;
}

ul.productList{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

ul.productList li{
	float: left;
	padding: 0px;
	margin: 1px;
	text-indent: 0px;
}

ul.productList li a,
ul.productList li a:link,
ul.productList li a:visited,
ul.productList li a:active{
	display: block;
	width: 150px;
	height: 180px;
	padding: 1px;
	cursor: pointer;
	background: url('../gfx/productlist_item_bg.gif') no-repeat top left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	text-indent: 0px;
	margin-bottom: 0px !important;
	margin-bottom: -2px;
}

ul.productList li a:hover{
	color: #FFF;
	background-position: top right;
}

ul.productList li a div.title{
	text-align: center;
	height: 30px;
	line-height: 12px;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	cursor: pointer;
}

ul.productList li a span.title{
	display: block;
	text-align: center;
	height: 30px;
	line-height: 12px;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	cursor: pointer;
}

span.productDim{
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
}

span.productDim img{
	padding-right: 2px;
}

ul.productList span.imageHolder{
	display: block;
	height: 150px;
	width: 150px;
	overflow: hidden;
	background-color: #FFF;
}


/* Download list
--------------------------------- */

div.downloadList{
	position: relative;
	display: block;
	margin: 20px auto 20px auto;
	width: 464px;
	text-align: center;
}

div.oneProdCol{
	width: 156px;
}

div.twoProdCol{
	width: 310px;
}

ul.downloadList{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

ul.downloadList li{
	float: left;
	padding: 0px;
	margin: 1px;
	text-indent: 0px;
}

ul.downloadList li a,
ul.downloadList li a:link,
ul.downloadList li a:visited,
ul.downloadList li a:active{
	display: block;
	width: 150px;
	height: 246px;
	padding: 1px;
	cursor: pointer;
	background: url('../gfx/downloadlist_item_bg.gif') no-repeat top left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Tahoma, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	text-indent: 0px;
	margin-bottom: 0px !important;
	margin-bottom: -2px;
}

ul.downloadList li a:hover{
	color: #FFF;
	background-position: top right;
}

ul.downloadList li a div.title{
	text-align: center;
	height: 30px;
	line-height: 12px;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	cursor: pointer;
}

/* Gallery
--------------------------------- */

.gallery{
	color: #000;
	text-align: center;
}

.galleryHolder{
	position: relative;
	display: block;
	margin: 20px auto 10px auto;
	width: 512px;
	height: 386px;
}

.galleryHolder .gCmdPrev a,
.galleryHolder .gCmdNext a{
	position: absolute;
	height: 386px;
	width: 50px;
	cursor: pointer;
}
.galleryHolder .gCmdPrev a{
	float: left;
	top: 0px;
	left: 0px;
	background: url('../gfx/gallery_img_prev_hover.png') no-repeat left center;
	background: url('../gfx/gallery_img_prev.png') no-repeat left center;
}

.galleryHolder .gCmdNext a{
	top: 0px;
	left: 464px;
	background: url('../gfx/gallery_img_next_hover.png') no-repeat left center;
	background: url('../gfx/gallery_img_next.png') no-repeat left center;
}

.galleryHolder .gCmdPrev a:hover{
	background: url('../gfx/gallery_img_prev_hover.png') no-repeat left center;
}

.galleryHolder .gCmdNext a:hover{
	background: url('../gfx/gallery_img_next_hover.png') no-repeat left center;
}

#bigImageLink{
	cursor: pointer;
}

.galleryImageHolder {
	text-align: center;
	width: 512px;
	height: 384px;
	border: 1px solid #b2d7c3;
	background: #e5f2eb url('../gfx/gallery_img_bg.gif') repeat-x top left;
}

.galleryImage {
	width: 512px;
	height: 384px;
	overflow: hidden;
}

.gallery #loader{
	position: absolute;
	top: 168px;
	left: 232px;
	z-index: 1;
	width: 48px;
	height: 48px;
	display: block;
	background: url('../gfx/loader.gif') no-repeat 50% 50%;
}

.gallery #loader .anim{

}

.galleryImageTitle{
	position: relative;
	margin-top: -35px;
	top: 384px;
	height: 35px;
}

.galleryImageTitleText{
	height: 35px;
	width: 512px;
	background: url('../gfx/gallery_item_title_bg.png') no-repeat 0px top;
	overflow: hidden;
}

.galleryImageTitleText p{
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	line-height: 20px;
	font-family: "Trebuchet MS", Verdana;
	font-size: 11px;
	font-weight: bold;
	text-indent: 25px;	
	background: url('../gfx/ico_image.gif') no-repeat left center;
}

.galleryThumbsHolder{
	text-align: center;	
}

.galleryThumbs{
	position: relative;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	padding: 0px;
	width: 536px;
	overflow: hidden;
}

.galleryThumbs ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.galleryThumbs li{
	float: left;
	padding: 2px;
}

.galleryThumbs li a,
.galleryThumbs li a:link, 
.galleryThumbs li a:visited, 
.galleryThumbs li a:active {
	display: block;
	padding: 5px;
	background: url('../gfx/gallery_img_list_item_bg.gif') no-repeat top left;
	cursor: pointer;	
}

.galleryThumbs li a:hover {
	background: url('../gfx/gallery_img_list_item_bg.gif') no-repeat bottom left;
}

.galleryThumbs .imgHolder {
	display: block;
	width: 120px;
	height: 79px;
	overflow: hidden;
	text-align: center;
	background: #FFF;
}

/* Page Number Buttons
--------------------------------- */

.pageBtn{
	text-align: center;
	margin-top: 10px;
}

.pageBtn ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	float: right;
}

.pageBtn li{
	float: left;
	margin: 1px;
	text-align: center;
}

.pageBtn li a,
.pageBtn li a:link,
.pageBtn li a:visited,
.pageBtn li a:active {
	display: block;
	width: 30px;
	height: 20px;
	line-height: 20px;
	font-size: 8px;
	font-family: Tahoma, Verdana, sans-serif;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	background: url('../gfx/page_btn.gif') no-repeat top left;
	color: #0a4b28;
}

.pageBtn li a.active,
.pageBtn li a.active:hover{
	color: #0a4b28;
	background: url('../gfx/page_btn_ad.gif') no-repeat top left;
}


.pageBtn li a.disabled,
.pageBtn li a.disabled:hover{	
	color: #0a4b28;
	background: url('../gfx/page_btn_ad.gif') no-repeat top right;
}

.pageBtn li a:hover {
	color: #FFF;
	background: url('../gfx/page_btn.gif') no-repeat top right;
}


/* Error and Info box
--------------------------------- */

.errorBox, .infoBox{
	padding: 5px;
	padding-left: 50px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.errorBox p, .infoBox p{
	color: #000;
	font: bold 11px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}

.errorBox{
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	background: #fff6bf url('../gfx/msg_error.gif') no-repeat left center;
	background-position: 15px 50%;
}

.infoBox{
	border-top: 2px solid #c8e3eb;
	border-bottom: 2px solid #c8e3eb;
	background: #e9f4f7 url('../gfx/msg_info.gif') no-repeat left center;
	background-position: 15px 50%;
}

/* FLAG Icons
--------------------------------- */

.icoHu{	background: url('../gfx/flag_hu.gif') no-repeat;}
.icoEn{	background: url('../gfx/flag_en.gif') no-repeat;}
.icoSr{	background: url('../gfx/flag_sr.gif') no-repeat;}

/* CarrotPlant
--------------------------------- */

.cpLogo {
	float: right;
	margin-right: 20px !important;
	margin-right: 10px;
	margin-top: -10px;
}

.cpLogo a,
.cpLogo a:link,
.cpLogo a:visited,
.cpLogo a:active,
.cpLogo a:hover{
	display: block;
	width: 67px;
	height: 33px;
	background: url('../gfx/cp_logo.png') no-repeat left top;
	cursor: pointer;
}

/* Additional classes
--------------------------------- */

div.clear {
	clear: both;
}

br.clear {
	height: 1%;
	clear: both;
	overflow: hidden;
}

div.hr {
	clear: both;
	height: 5px;
	background: #FFF url('../gfx/separator.gif') no-repeat scroll center;
}

div.hr hr {
  display: none;
}


.red {
	color: red;
}

.white {
	background-color: #FFF;
}

.alt {
	background-color: #e5f2eb;
}

.onePixel {
	height: 1px;
}

.noHeight{
	height: 1px;
	overflow:hidden;
}

.minus10pxTopMargin{
	margin-top: -10px;
}