body {
	background-color:#f8f8f8;
	margin: 0px;
	background-image: url(gfx_dir/ergotop_bg00.gif);
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #1f202f;
}
#body{
	width:1000px;
	margin: auto;
	}

.btmFooter {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-position: center;
}

.clearfloat { 
	clear:both;    height:0;
    font-size: 1px;    line-height: 0px;
}

#header {
	width: 1000px;
	height: 129px;
}
#logo{
	float:left; 
	width: 347px;
	height: 129px;
}
#layoutHolder{
	float:right;
	width: 653px;
	height: 129px;	
	background-image:url(gfx_dir/ergotop_header03.jpg);
	background-repeat:no-repeat; background-position:top right;
	}
#pathHolder{
	width: 740px;
	height: 17px;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #dbdbdb;
	margin-bottom: 10px;
	}	
#pathHolder.link{ color:#F6F; }
#pathHolder.link:hover{ text-decoration:underline; }

#pageCountContainer{
	height:24px; text-align:left;
	background-color:#dadada;
	margin-bottom: 10px;
	}
.pageCount{
	height:24px;	float:left;
	font-weight:bold;
	text-align:center; font-size:11px; color:#1f202f;
	line-height: 23px;
	padding-left: 8px; padding-right: 8px;
	border-right: 1px solid #ffffff;
	}
	.pageCount:hover{
	cursor:pointer;
	background-color:#2c5bcf;
	color:#FFFFFF;
	}
	.pageClicked{
	height:24px;	float:left;
	font-weight:bold;
	text-align:center; font-size:11px;
	background-color:#4fb4fc;
	color:#ffffff;
	line-height: 23px;
	padding-left: 8px; padding-right: 8px;
	border-right: 1px solid #ffffff;
	}

#contentHolder{
	width:1000px; height:auto;
	background-color:#f8f8f8;
	
	}
	
#contentContainer{
	float:right; text-align:left;
	width: 740px; height:auto;
	}	
#contentWhiteField{
	float:left;
	font-size:12px; line-height:1.4em;
	height:auto; width:700px;
	background-color: #FFFFFF;
	border: 1px solid #dbdbdb;	
	padding-top: 10px; padding-bottom: 10px;
	padding-left: 20px; padding-right:20px;
	margin-bottom: 10px;
	}


/* ------------------------------- inputs -----------------------------------*/
input, textarea, select {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #1f202f;
	padding-left: 6px;
	border: 1px solid #CCCCCC;
}
.inputBtn  {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: #2c5bcf;
	color: #FFFFFF;
	border: 1px groove #FFFFFF;
	font-weight: bold;
	text-align: center;
	height:22px;
	padding-bottom:4px;
}
.inputCart {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #000000;
	border: 2px solid #dbdbdb;
	font-weight: normal;
	text-align: center;
	height:15px;
	width: 36px;
}
.inputCartBtn {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: #5acb33;
	color: #FFFFFF;
	border: 1px solid #dbdbdb;
	font-weight: bold;
	text-align: center;
	height:20px;
	padding-bottom:4px;
} 

/* ------------------------------- search -----------------------------------*/
#searchHolder{
	float:left;
	width: 250px;	height:45px;
	background-image:url(gfx_dir/ergotop_bg01.gif);
	background-repeat:repeat-x;
	padding-left: 20px;	padding-top: 7px;
}
.btnSearch{
	width: 24px;	height: 24px;
	position:relative;
	top: 2px;
	border:none;
	}
.searchInput {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	height: 22px; width: 207px;
	padding-left: 5px;
	border: 0px none #FFFFFF;
	vertical-align:text-bottom;
}

/* ------------------------------- menu-----------------------------------*/
#mainMenuHolder{
	height: 52px; width:1000px;
	background-image:url(gfx_dir/ergotop_bg01.gif);
	background-repeat:repeat-x;
}
#mainMenu{
	float:right;
	height: 52px; width:700px;;
	text-align:right; padding-right:20px;
	padding-top: 9px;
	}
#menuDiv{
	width: 250px; height:auto;
	float: left;
	text-align:left;
	}
#menu-item1{
	background-color: #363646;
	padding-left: 18px; padding-top: 6px; padding-bottom:8px;
	height: auto; width: 232px;
	background-image: url(gfx_dir/menuHr_bg1.gif);
	background-repeat: repeat-x;	background-position:bottom;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;	color: #ffffff;
	clear:left;
	}
	#menu-item1:hover{
		/*background-color: #121221;*/
		background-color:#6f7185;		
	}
	
	
#menu-item2{
	padding-left: 33px;	padding-top: 5px;	padding-bottom: 7px;
	height: auto;	width: 217px;
	background-color:#1f202f;
	background-image: url(gfx_dir/menuitem_arrow2.gif);
	background-repeat: no-repeat;
	background-position:20px center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;	color: #bfc1da;
	clear:left;
	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #363646;
	}
	#menu-item2:hover{
		background-color:#6f7185;
		color: #FFF;
	}
.pdfLink {
	height:34px; width:170px; 
	margin:auto; margin-top:8px; 
	text-align:left; 
	padding-left:40px; 
	line-height:3em; 
	background-image:url(gfx_dir/ico_pedeef.gif); 
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
.pdfLink:hover {
	background-color:#1f202f;
}
.htmlLink {
	height:34px; width:170px; 
	margin:auto; margin-top:8px; 
	text-align:left; 
	padding-left:40px; 
	line-height:3em; 
	background-image:url(gfx_dir/ico_html.gif); 
	background-position:0px 0px; 
	background-repeat:no-repeat;
}
.htmlLink:hover {
	background-color:#1f202f;
}

/* ------------------------------- boxes-----------------------------------*/
#box_help{
	float:left;
	width: 250px; height: 147px;
	background-image:url(gfx_dir/info_box_bg1.gif);
	background-repeat:no-repeat;
	}
#box_cennik{
	float:left;
	text-align:center;
	width: 250px; height: auto;
	background-color: #363646; color:#FFFFFF;

	}	
#bannerHolder{
	float:left;
	text-align:left;
	width: 740px;
	height: auto;
	/*border: 1px solid #dbdbdb;*/
	margin-bottom: 10px;
	}


/* ------------------------------- product -----------------------------------*/
.productCatalogContainer{
	float:left;
	width:200px; min-height: 200px;
	background-image:url(gfx_dir/bg_fotoz.png);
	background-repeat:no-repeat; background-position:top center;
	border: 1px dashed #CCCCCC;
	margin: 10px;
	}
	.productCatalogContainer:hover{
	/*background-color:#f8f8f8;*/
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	cursor:pointer;
	}
.productCatalogFotozHolder{
	overflow:hidden;
	margin-left: 48px; margin-top:37px;
	width:100px; height:99px;
	background-color:#FFFFFF;
	}
.productCatalogProdCounter{
	margin-left: 48px; margin-top:7px;
	width:100px;
	text-align:center; font-size:9px; line-height: 1em; color:#666666;
	}
.productCatalogName{
	margin-left: 13px; margin-top:28px; margin-bottom:10px;
	width:175px;
	text-align:center; font-size:12px; font-weight:bold;
	line-height: 1.2em; color:#1f202f;
	}


#productShortContainer{
	float:left; overflow:hidden;
	height: auto;	width: 738px;
	background-color: #FFFFFF;
	border: 1px solid #dbdbdb;	
	margin-bottom: 10px; 
	}
#productLabelPromoOrNew{
	position:relative; 
	left: -1px; top: -1px; 
	height: 1px;
	}
#productLabelPromoOrNew2{
	position:relative;
	/*border: 1px solid #FF9900;*/
	left: -21px; top: -40px; 
	height: 1px; width:1px;
	}

#productShortImgTmb{
	float:left;
	overflow:hidden;
	max-height: 150px;	width: 100px;
	margin: 20px;
	}
#productShortContent{
	float:right;
	width: 575px;	min-height: 100px;
	margin-top: 10px;	margin-bottom: 10px;
	font-size: 12px;
	border-left-width: 1px;	border-left-style: solid;	border-left-color: #dbdbdb;	padding-left: 10px;
	margin-right: 10px;
	}
	#productShortContent a{
	color:#1f202f; text-decoration:none;
	}
	#productShortContent a:hover{
	color:#1f202f; text-decoration:underline;
	}
#productShortTxt{
	margin-bottom: 20px;
	}
#productShortButtons{
	margin-bottom: 10px;
	}
#productPriceLabelGray{
	font-size: 14px;
	float:left; position:relative;
	margin-left: -12px;
	width: 73px;	height: 28px;
	line-height: 27px;	font-weight: bold;
	background-image: url(gfx_dir/priceLabelGray.gif);	background-repeat: no-repeat;	background-position: left center;
	padding-left: 40px;
	}
	#productPriceLabelRed{
	font-size: 14px; color:#FFFFFF;
	float:left; position:relative;
	margin-left: -12px;
	width: 73px;	height: 28px;
	line-height: 27px;	font-weight: bold;
	background-image: url(gfx_dir/priceLabelRed.gif);	background-repeat: no-repeat;	background-position: left center;
	padding-left: 40px;
	}
	#productPriceLabelNewRed{
	font-size: 14px; color:#FFFFFF;
	float:left; position:relative; top: -8px;
	margin-left: -12px;
	width: 73px;	height: 36px;
	line-height: 50px;	font-weight: bold;
	background-image: url(gfx_dir/priceLabelNewRed.gif);	background-repeat: no-repeat;	background-position: left center;
	padding-left: 40px;
	}
	
#productNameLabel{
	height:30px; width:auto;
	background-color:#2c5bcf;	
	}
.productName{
	text-align:left;
	float:left;
	font-size:12px; color:#FFFFFF;
	font-weight:bold; line-height: 29px;
	margin-left:35px;
	}

/* ------------------------------- cart -----------------------------------*/
#cartTop{
	float:right;	text-align:left;
	width:275px;	height:58px;
	position:relative;	left: -10px;	top: 36px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;	color: #ffffff;
	}
.cartProductHolder{
	min-height:25px;
	padding-top:5px;
	margin:1px;
	border-bottom: 1px dashed #CCCCCC;
	}
	.cartProductHolder:hover{
	background-color:#f2f2f2;
	border-bottom: 1px dashed #CCCCCC;
	}
	
#cartBtns{
	width: 185px;
	height: 28px;
	float:left;
	margin-left: 30px;
	}
#cartBtnMinusPlus{
	width: 21px; height: 28px;
	float:left; cursor:pointer;
	background-color:#dbdbdb;
	}
	#cartBtnMinusPlus:hover{
	background-color:#4fb4fc;
	}
.cartAmountInput{
	width: 31px;
	height: 20px;
	float:left;
	background-color:#ffffff;
	font-size: 12px; padding-top:5px;
	color: #1f202f;
	border: 1px solid #DBDBDB;
	}
#cartBtnAdd{
	float:right;
	}
#btnInfo{
	float:right;
	margin-right: 20px;
	}	

/* ------------------------------- links -----------------------------------*/


a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #2c5bcf;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #2c5bcf;
	text-decoration: underline;
}
.darkLink1{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #1f202f;
	text-decoration: none;
	}
	.darkLink1:hover{
	color: #1f202f;
	text-decoration: underline;	
	}
	
.adminLink {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
}
.adminLink:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FF6600;
	text-decoration: underline;
}
.whiteLink {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ffffff; font-size: 11px;
	text-decoration: none;
}
.whiteLink:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ffffff; font-size: 11px;
	text-decoration: underline;
}
.btmFooterLink {
	font-size: 11px;	color: #a7a6a6;
	text-decoration: none;
}
.btmFooterLink:hover {
	font-size: 11px;	color: #FFFFFF;
	text-decoration: underline;
}
.mLink {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;	color: #1f202f;
	text-decoration: none;
}
.mLink:hover {
	text-decoration: underline;
}
/* ------------------------------- backgrounds -----------------------------------*/


.mainContent {
	background-image: url(gfx_dir/ergotop_bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.contentBg {
	background-image: url(gfx_dir/ergotop_bg03.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.logoBg {
	background-image: url(gfx_dir/ergotop_bg04.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* ------------------------------- menu -----------------------------------*/
.menu01 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
.menu02 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.contentLabel {
	background-color: #c0cfff;
	background-image: url(gfx_dir/ergotop_labelBg01.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #264198;
	margin-left: 20px;
}
.imgBdrOrg {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.imgBdrTmb {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
	vertical-align:top;
}
.aLbl {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #264198;
	padding-left: 18px;
}
.aLbl2 {
	padding-left: 8px;
	padding-right: 8px;
}
.imgNoBdr {
	border: 0px none;
}
.companyFont{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	padding: 5px;
	line-height:20px;
}

/* ------------------------------- adminstyle -----------------------------------*/
#logFormHolder{
	width: 450px; height:100px;
	background-color:#f8f8f8;
	border: 1px dashed #ddd;
	margin:auto;
	margin-bottom:15px;
	}


/* ------------------------------- foot -----------------------------------*/
#footHolder{
	width:100%; height:150px;
	background-image:url(gfx_dir/ergotop_bg06.gif);
	background-repeat:repeat-x;	
	}
#footContent{
	width:1000px; height:117px;
	margin:auto;
	background-color:#1f202f;
	background-image:url(gfx_dir/footer_btmRound.gif);
	background-position:bottom; background-repeat:no-repeat;
	}

#footInfoContainer{
	float:left;
	height: 95px; width:110px;
	margin-left: 40px; margin-top:18px;
	color:#ffffff;
	text-align:left; line-height: 16px;
	}

#footLinks{
	float:left;
	height: 95px; width:110px;
	margin-right: 60px; margin-top:18px;
	color:#ffffff;
	text-align:left; line-height: 24px;
	}
#footSign{
	text-align:right; line-height: 17px;
	width: 980px;
	padding-right:20px;
	margin:auto;	
	}