/*
 * Eric's Meyer Revoked Reset - 
 * http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
 * */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

body{
	background-color:	#ffffff;
	color:			#7e8288;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	font-size:		11px;
}

a{
	color:			#7e8288;
	text-decoration:	none;
}

em{
	font-style:             italic;
	
}

div.belka{
	clear:			both;
}

strong{
	font-weight:		bold;
}

sup{
	vertical-align:		super;
	font-size:		0.8em;
}
body{
	margin:			0px;
	padding:		0px;
}


#layout, #toplinks, #logoarea, #main, #brands, #footer{
	width:			950px;
	margin:			0px auto;
}

#toplinks{
	height:			20px;
}

#logoarea{
	height:			163px;
}

#main{
}

	#mainmenu{
		width:		280px;
		float:		left;
		padding-bottom:	200px;
	}


	#dholder{
		clear: both;
		position:	relative;
	}

	
	#dystrybutor{
		position:	absolute;
		width:		280px;
		height:		130px;
		top:		-180px;
	}

	#contents{
		width:		670px;
		float:		right;
	}

	#tabs{
		border-bottom:	1px solid white;
		height: 	40px;
	}


	#breadcrumbs{
		height:		30px;
	}


	#pagetitle{
		height:		40px;
		margin-left:    23px !important;
	}



#brands{
	clear:			both;
	height:			85px;
}

#footer{
	height:			25px;
}
/**
 * toplinks 
 */

#toplinks{
	border-top:		5px solid #7e8288;
}

#toplinks ul {
	float: 			right;
	width: 			318px;
	list-style:		none;
}

#toplinks li{
	float: left;
	padding:		0px 8px;
	height:			19px;
	line-height:		19px;
	background:		url(images/tn_separator.gif) right top no-repeat;
}

#toplinks li.last{
	background:		none;
}

#toplinks a{
	padding-left:		13px;
	background:		url(images/tn_home.gif) 0px 50% no-repeat;
}

#tn_oferta{
	background-image:	url(images/tn_oferta.gif) !important;
}

#tn_kontakt{
	background-image:	url(images/tn_envelope.gif) !important;
}


/**
 * logo area 
 */


#logoarea{
	background:		white url(images/la_bkg.jpg) left bottom no-repeat;
}

#logoarea a{
	float: left;
	display:		block;
	width:			364px;
	height:			74px;
	margin-left:		10px;

	background:		white url(images/la_logo.jpg);
}
#logoarea a#rf {
	float: right;
	display:		block;
	width: 			162px;
	height:			74px;
	background:		white url(images/rf.png) right bottom no-repeat;
	}

/**
 * main menu 
 */

#mainmenu{
	padding-top:		34px;
	background:		white url(images/menu_bg.jpg) no-repeat;
}

#mainmenu form{
	height:			43px;
	background-color:	#43474e;
	border-bottom:		1px solid white;
}

#mainmenu fieldset{
	text-align:		center;
	padding-top:		11px;
}

#mainmenu input{
	height:			18px;
	border:			1px solid #666a6f;
	background-color:	#43474e;
	color:			white;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	font-size:		10px;
	line-height:		10px;
	vertical-align:		top;
	padding-bottom:		2px;
}

#mainmenu input.tbox{
	height:			15px;
	padding:		2px 0px 0px 17px;
	border:			1px solid #a5acb2;
	width:			167px;
	color:			#636363;
	background:		white url(images/mglass.gif) 4px 50% no-repeat;
}


#mainmenu ul{
	border-top:		40px solid #efefef;
}


#mainmenu li{
	height:			34px;
	line-height:		33px;
	border-bottom:		1px solid #d9d9d9;

	font-weight:		bold;
	font-size:		11px;
}

#mainmenu a{
	color:			#065880;
	padding-left:		9px;
	display:		block;
	height:			34px;
	line-height:		34px;
	background:		white url(images/menu_n.gif) 0px 8px no-repeat;
}

#mainmenu a:hover {
	background-color:	#f3f3f3;
		
}

#mainmenu li.l0selected{
	background:		white url(images/menu_s.gif) 0px 1px no-repeat;
}

#mainmenu li.l0selected a{
	background:		none;

}

#mainmenu li.l1{
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;
}

#mainmenu li.l1 a{
	padding-left:		20px;
	background:		white url(images/marrow.gif) 10px 50% no-repeat;
	height:			29px;
	line-height:		29px;

}
#mainmenu li.l1 a:hover {
	background:		#4195bf url(images/marrow_white.gif) 10px 50% no-repeat;
	color:			white;
}

#mainmenu .l1selected{

	padding-left:		10px;
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;

	background-color:	#066da0 !important;
}
#mainmenu .l1selected a{
	background:		#066da0 url(images/marrow_hover.gif) 0px 50% no-repeat !important;
	color: 			white !important;
	font-weight:		normal !important;
	padding-left:		10px;
	height:			29px;
	line-height:		29px;
}

/**
 * l3
 */

#mainmenu li.l2{
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;
}

#mainmenu li.l2 a{
	padding-left:		40px;
	background:		white url(images/marrow.gif) 30px 50% no-repeat;
	height:			29px;
	line-height:		29px;

}
#mainmenu li.l2 a:hover {
	background:		#4195bf url(images/marrow_white.gif) 30px 50% no-repeat;
	color:			white;
}

#mainmenu .l2selected{
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;

	background-color:	#066da0 !important;
}
#mainmenu .l2selected a{
	padding-left:		40px;
	background:		#066da0 url(images/marrow_hover.gif) 30px 50% no-repeat !important;
	color: 			white !important;
	font-weight:		normal !important;
	height:			29px;
	line-height:		29px;
}

/**
 * l4
 */

#mainmenu li.l3{
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;
}

#mainmenu li.l3 a{
	padding-left:		60px;
	background:		white url(images/marrow.gif) 50px 50% no-repeat;
	height:			29px;
	line-height:		29px;

}
#mainmenu li.l3 a:hover {
	background:		#4195bf url(images/marrow_white.gif) 30px 50% no-repeat;
	color:			white;
}

#mainmenu .l3selected{
	font-weight:		normal;
	height:			30px;
	line-height:		30px;
	background:		white url(images/smenu_border.gif) left bottom no-repeat;
	border:			none;

	background-color:	#066da0 !important;
}
#mainmenu .l3selected a{
	padding-left:		60px;
	background:		#066da0 url(images/marrow_hover.gif) 50px 50% no-repeat !important;
	color: 			white !important;
	font-weight:		normal !important;
	height:			29px;
	line-height:		29px;
}




#dystrybutor{
	color:			white;
	margin-top:		50px;
	background-color:	#43474e;
	border-top:		1px solid #43474e;
}

#dystrybutor h2{
	width:			79px;
	height:			15px;
	background:		#43474e url(images/dystrybutor_hdr.jpg) no-repeat;
	text-indent:		-1234px;
	margin-left:		16px;
	margin-top:		11px;
	margin-bottom:		10px;
}

#dystrybutor div{
	margin-left:		12px;
	padding-left:		4px;
	background:		#43474e url(images/dystrybutor_line.gif) left bottom no-repeat;
	padding-bottom:		5px;
	padding-top:		5px;
}

#dystrybutor div strong{
	font-size:		12px;
}

#dystrybutor div.last{
	background:		none;
}

#dystrybutor a{
	color:			#419ec9;
}


/**
 * brands 
 */

#brands{
	padding-top:		10px;
}

#brands li{
	float:			left;
	margin-right:		45px;
}

#brands li.last{
	margin-right:		0px;
}
#brands li.first{
	margin-left:		30px;
}

#brands a{
	display:		block;
	height:			59px;
	width:			50px;
	background:		white url(images/brand_delta.jpg) center center no-repeat;
	text-indent:		-1234px;
}

#b_molyslip{
	background-image:	url(images/brand_molyslip.jpg) !important;
	width:			90px !important;
}

#b_heldite{
	background-image:	url(images/brand_heldite.jpg) !important;
	width:			100px !important;
}
#b_parson{
	background-image:	url(images/brand_parson.jpg) !important;
	width:			170px !important;
}
#b_wymark{
	background-image:	url(images/brand_wymark.jpg) !important;
	width:			140px !important;
}
#b_triflow{
	background-image:	url(images/brand_triflow.jpg) !important;
	width:			110px !important;
}


/**
 * footer 
 */

#footer{
	background:		white url(images/fo_line.gif) right top repeat-x;
	padding-top:		5px;
}

#footer li{
	float:			left;
	padding:		0px 8px;
	border-right:		1px solid #bdc0c5;
}

#footer li.last{
	border:			none;
}


#footer a{
	color:			#065880;
}

/**
 *  main contents
 */

#tabs{
	border-bottom:	1px solid white;
	background-color: #262d34;
	text-transform:	uppercase;
	margin: 	0px !important;
	padding:	0px !important;
}

#tabs li{
	float:		left;
	width:		133px;
	border-right:	1px solid #3f454b;
	margin:		0px !important;
	padding:	0px !important;
	background: 	#262d34 !important;
	list-style:	none;
}

#tabs a{
	display:	block;
	height:		40px;
	text-align:	center;
	font-size:	12px;
	font-weight:	bold;
	line-height:	40px;
	color:		white !important;
}

#tabs a:hover {
	text-decoration:none !important;
	color:		#a1e1ff !important;
}


#tabs .last{
	border:		none;
	width:		134px;
}

#tabs .selected a{
	color:		#50c7ff !important;
}

/**
 * breadcrumbs 
 */


#breadcrumbs{
	background-color:	#7e8288;
	padding-left:	23px;
	margin:		0px !important;
	padding:	0px 0px 0px 23px !important;
				
}

#breadcrumbs li{
	float:		left;
	background:	#7e8288 !important;
	margin:		0px !important;
	padding:	0px !important;
	list-style:	none;
}

#breadcrumbs a{
	color:		white !important;
	line-height:	30px;
	padding-right:	13px;
	margin-right:	8px;
	background:	#7e8288 url(images/bc_separator.gif) right 50% no-repeat; 
	font-weight:	normal !important;
}

#breadcrumbs .last a{
	background:	#7e8288;
	font-weight:	bold !important;
}

/**
 * page title 
 */

#pagetitle{
	background:	#efefef url(images/pt_bkg.gif) 23px bottom no-repeat;
	border-top:	7px solid white;
	color:		#1d6ea3;
	padding-left:	23px;
	font-size:	18px;
	text-transform: uppercase;
	line-height:	40px;
}
#contents #cnt{
	padding-left:           23px;
}
#cnt h5 {
	clear:		both;
}
#cnt table th {
	text-align: center;
}

#contents p{
	margin:			10px 5px 10px 0px;
	line-height:		1.3em;
	color:			#596267;
	text-align:		justify;
}

#contents p.emph{
	font-weight:		bold;
	margin-top:		30px;
	text-align:		left;
}

#special-invite{
	padding-left:		150px;
	padding-top:		200px;
	background:		white url(images/special_invite.jpg) no-repeat;
}

#special-invite .hd{
	display: none;
}

#contents a{
	color:			#065880;
	font-weight:		bold;
}
#contents a:hover {
	text-decoration:	underline;
}

/**
 * product box 
 */

.productbox{
	/* width:			206px;
 */
	width:			295px;
	/* height:			177px;*/
/* 	height:			100px;
 */
 	height:			110px;
	float:			left;
 	/* background:		white url(/media/css/images/pbox_bg.jpg); 
 */
	margin-right:		6px;
	position:		relative;
/* dodane przez Roberta */
/*	background-color: 	yellow; */
	border: 		1px dashed grey;
	margin-bottom: 		5px;
	padding:		5px 15px 5px 5px;
}

.productbox_first {
}


.productbox h3{
	padding:		20px 0px 0px 78px !important;
	margin:			0px !important;
	color:			#0d74a9;
	font-weight:		bold;
	font-size:		12px;
	height:			70px;

	/* background:		url(images/product_moly.jpg) no-repeat !important; */
}

.productbox h2 a{
	padding:		10px;
}

.productbox h3 a {
	font-size:		12px;
	color:			#0d74a9;
}

.productbox h3 span{
	font-weight:		normal;
	display:		block;
	color:			#065880;
	font-size:		11px;
	line-height:		1.3em;
	margin-top:		5px;
}

.productbox p{
	color:			#065880;
	margin-left:		10px !important;
	margin-right:		10px !important;
	margin-top:		0px !important;
	text-align:		left !important;
}


.productbox a.more{
	position:		absolute;
	bottom:			8px;
	right:			9px;
	width:			40px;
	height:			10px;
	background:		white url(images/product_more.gif) right bottom no-repeat;
	text-indent:		-2345px;
}

/**
 * Text
 */

.productbox:hover {
		/* background-color: #EDEDED;  */
		background-color: #F6F6F6; 
		}
#contents h1{
	font-size:		15px;
	font-weight:		bold;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	margin:			25px 0px 8px 23px;
	color:                  black;
}

#contents h2{
	font-size:		14px;
	font-weight:		bold;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	margin:			25px 0px 8px 0px;
}


#contents h3, #contents h5 {
	font-size:		14px;
	font-weight:		bold;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	color:			#1483b8;
	margin:			25px 0px 8px 0px;
	background:		white url(images/h3_bullet.gif) 0px 50% no-repeat;
	padding-left:		16px;
}

#contents h4, #contents h6{
	font-weight:		bold;
	font-size:              12px;
	font-family:		Tahoma, Verdana, Arial, sans-serif;
	line-height: 		1.3em;
	margin:			10px 0px 4px 0px;
	clear:			both;
}

#contents ul {
	margin:			5px 0px 5px 0px;	
	color:			#596267;
	list-style-image:	url(images/li_bullet.gif);
	padding-left: 		15px;
}

#contents li{
	margin:			6px 0;
/*	background:		transparent url(images/li_bullet.gif) 0px 50% no-repeat; */
	padding-left:		0px;
	line-height: 		1.3em;

}

#contents ul.products li{
	padding:		0px;
}

#contents ul.products li a{
	height:			36px;
	width:			610px;
	background:		transparent url(images/li_products_bg.gif) 0px 50% no-repeat;
	display:		block;
	color:			#065880;
	font-weight:		bold;
	font-size:		12px;
	line-height:		36px;
	padding-left:		25px;
}

#contents h3.productname{
	background:		none;
	color:			#1d6ea3;
	font-size:		18px;
	text-transform: 	uppercase;
	padding-left:		0px;
}


table {
	width:			570px;
	margin-left:		50px;
	margin-top:		10px;
}

table td, table th{
	height:			25px;
	vertical-align:		middle;
	border-bottom:		1px solid white;
}

table th{
	font-weight:		bold;
	width:			216px;
	background-color:	#a0a2a7;
	color:			white;
	padding-left:		10px;
}

table th span{
	font-weight:		normal;
}


table td{
	font-weight:		bold;
	background-color:	#efefef;
	color:			#7e8288;
	text-align:		center;
}

#contents td li {
	margin-left: 10px;
	}
/**
 * fotografie 
 */

div.photos{
	width:			330px;
	float:			right;
	margin-top:		28px;
	margin-left:		10px;
}

div.photos img{
	border:			3px solid #efefef;
	margin-right:		10px;
	margin-bottom:		10px;
	width:			144px;
	height:			144px;
}


/**
 * wyniki wyszukiwania 
 */

dl.searchresults{
	margin-left:            0px;
}

dl.searchresults dt{
	margin-top:             10px;
}

dl.searchresults dt a{
	color:                  blue !important;
	text-decoration:        underline;
	font-weight:            normal !important;
	font-size:              14px;
}

dl.searchresults p{
	margin:                 5px 0px !important;
}

dl.searchresults dd a{
	color:                  green !important;
	font-weight:            normal !important;
}

/**
 * formularz pytania pod produktem 
 */


.askquestion ul{
	list-style:             none;
}

.askquestion li{
	background:             none !important;
	list-style:             none;
}

.askquestion label{
	display:                inline-block;
	width:                  100px;
}

.askquestion input.tbox, .askquestion textarea{
	width:                  300px;
	border:                 1px solid #a6a6a6;
	font-family:            Verdana, Arial, sans-serif;
	font-size:              11px;
}

.askquestion textarea{
	height:                 150px;
	vertical-align:         top;
}

.askquestion .btn li{
	width:                  70px;
	margin-left:            340px;
	list-style:	none;
}

.askquestion .error{
	color:                  red;
	margin-left:            104px;
}


.mailConfirm{
	border:                 1px solid #e6e6e6;
	background-color:       #fafafa;
	padding:                10px 0px;
	width:                  80%;
	margin:                 10px auto;
	font-weight:            bold;
	text-align:             center;
}

.right {
	float: right;
	margin-left: 10px;
	}
.left {
	float: left;
	margin-right: 10px;
	}