/*
STYLE SHEET FOR WILKSOFT.PL
Created by STUDIO POSTER
http://www.studioposter.com.pl
ToC
1. defaults
2. structure
3. menu, search, navigation
4. rightside, content
5. map, faq
6. forms
7. additions, google maps
Notes
*/



/* --------- 1. defaults --------- */

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border: 0;
}

a, a:visited { text-decoration: underline; outline: 0; /* prevent dotted border in Firefox */  }
a { color: #717C8C; }
ol, ul { list-style: none; }

body {
	margin: 6px 0;
	background: #EAEDF1 url(../images/bg_site.png) top left repeat-x;
	font-size: 100%;
	color: #717C8C;
}

body, input, textarea, select, option, optgroup, button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #717C8C;
}

input, textarea, select, option, optgroup, button {
	font-size: 100%;
}

address {
	font-size: 0.79em;
  	font-style: normal;
	font-weight: bold;
}

/* --------- 2. structure --------- */

#main{
	width: 940px;
	margin: 0 auto;
	padding: 5px 0 4px;
	background: #F8F9FA url(../images/bg_top.png) top left no-repeat; 
}
	#contentWrap {
		width: 930px;
		min-height: 340px;
		margin: 0 auto;
		background: #ECF0F5 url(../images/bg_content_wrap.png) bottom left no-repeat;
	}
		.contentHeader {
			height: 100%;
			overflow: hidden;
			background: #6A7687 url(../images/bg_header.gif) top left no-repeat;
		}
			.headerMenu {
				float: right;
				padding: 36px 12px 0 0;
				color: #C6CBD1;
				font-size: 0.59em;
				font-weight: bold;
			}
			.contentHeader h1 img {
				display: block;
				margin-left: 20px;
			}
		.topMenu {
			background: url(../images/bg_top_menu.gif) top left no-repeat;
			height: 38px;
			overflow: hidden;
		}
		
		.mainContainer {
			width: 910px;
			margin: 0 auto;
			padding: 10px 0;

		}
			.frameContainer {
				position: relative;
				height: 100%;
				overflow: hidden;
				background: url(../images/bg_main_container.gif) top left repeat-y;
			
			}
				.leftSide {
					float: left;
					width: 670px;
					padding: 12px;
					background: url(../images/bg_top_left.gif) top left no-repeat;
				}
					.content {
						background: #ECF0F5;
						padding: 10px;
					}
						.contentScroll {
							height: 310px;
							font-size: 0.72em;
							overflow: auto;
							padding: 10px;
						}
						
						.contentNoScroll {
							min-height: 310px;
							font-size: 0.72em;
							padding: 10px;
						}
						* html .contentNoScroll { 
						   height: expression( this.scrollHeight < 310 ? "311px" : "auto" ); /* sets min-height for IE */
						}
						.content h1  {
							padding: 4px 0 8px;
							font-size: 1.29em;
							line-height: 18px;				
						}					
						.content h2, .content h3  {
							padding: 4px 0 8px;
							font-size: 1.19em;
							line-height: 18px;				
						}
						.content  p {
							padding: 0 0 10px; 
							line-height: 18px;
						}
						.content a {
							color: #F99302;
							text-decoration: underline;
						}
						.content ol {
							margin: 6px 40px 10px;
							list-style-type: decimal;
						}
							.content ol li, 
							.content ul li {
								line-height: 18px;
							}
						.content ul {
							margin: 6px 40px 10px;
							list-style-type: disc;
						}
							.content ul ul {
								list-style-type: circle;
							}
						.content hr {
							border-top: #F99302 1px solid;
							height: 1px;
							overflow: hidden;
							padding-bottom: 16px;
						}
									
				.rightSide {
					float: right;
					width: 216px;
				}
				.frameBottom {
					position: absolute;
					bottom: -1px;
					left: 0;
				}
		
#footer { 
	width: 940px;
	height: 48px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/bg_footer.png) top left no-repeat;
	
}

/* --------- 3. menu, search, navigation --------- */

.headerMenu a, .headerMenu a:visited {
	color: #C6CBD1;
	text-decoration: none;
}
.headerMenu a:hover {
	text-decoration: underline;
}

.topMenu .search {
	height: 38px;
	float: right;
	width: 220px;
	background: url(../images/bg_search.gif) 0 5px no-repeat;
}
	.search fieldset {
		height: 100%;
		overflow: hidden;
	}		
		.search fieldset label,
		.search fieldset input.button, 
		.search fieldset input.text {
			float: left;
		}
		.search fieldset label {
			padding: 10px 4px 0 4px;
			color: #fff;
			letter-spacing: -1px;
			font-size: 0.69em;
		}
		.search fieldset input.text {
			background: transparent; 
			border: 0px; 
			margin: 11px 0 0 0;
			font-size: 0.69em;
			width: 124px;
		}
		.search fieldset input.button {
			display: block;
			padding: 8px 0 0 10px;
		}
		
/* search site start */

.tx-indexedsearch-searchbox table td {
	padding: 2px 2px;
}
.tx-indexedsearch .tx-indexedsearch-res 
.tx-indexedsearch-descr 
.tx-indexedsearch-redMarkup {
	color: #FF3100;
	}
	
ul.browsebox li a, 
ul.browsebox li a:hover,
ul.browsebox li a:visited,
td.tx-indexedsearch-title a, 
td.tx-indexedsearch-title a:hover, 
td.tx-indexedsearch-title a:visited,
.tx-indexedsearch-path a,
.tx-indexedsearch-path a:hover,
.tx-indexedsearch-path a:visited {
	color: #F99302 !important;
	}
.tx-indexedsearch-path a {
	font-size: 1.39em;
}	
td.tx-indexedsearch-title a {
	font-weight: bold;
	}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	padding: 10px 0 0;
}

/* search site end */
	
.topMenu ul {
	float: left;
	height: 100%;
	overflow: hidden;
}
	.topMenu ul li {
		float: left;
		padding: 0 1px 0 0;
		background: url(../images/separator_top_menu.gif) top right no-repeat;
	}
	.topMenu ul li a, .topMenu ul li a:visited {
		padding: 10px 11px;
		display: block;
		font-size: 0.82em;
		color: #fff;
		text-decoration: none;
	}
	.topMenu ul li a:hover, .topMenu ul li.active a {
		color: #303030;
		background: url(../images/bg_act_link.gif) top left repeat-x;
	}
	.topMenu ul li a#home {
		background: none;
		padding: 10px 11px 14px;
	}

.subMenu, .solution {
	background: #F99302 url(../images/bg_submenu.gif) bottom left no-repeat;
	height: 100%;
	overflow: hidden;
	color: #fff;

}
.subMenu {
	height: 23px;
	padding: 6px 10px 0;
	font-size: 0.69em;
}
.solution {
	height: 23px;
	padding: 6px 0 0;
	font-size: 0.59em;
}
	.subMenu a, .subMenu a:visited,
	.solution  a, .solution  a:visited {
		padding: 0 4px;
		color: #fff;
		text-decoration: none;
	}
	.subMenu a:hover, .subMenu a.act,
	.solution a:hover, .solution a.act {
		color: #525D6C !important;
		text-decoration: none;
	}
.path {
	padding: 0 0 10px;
	font-size: 0.69em;
	color: #525D6C;
	font-variant: normal;
}
	.path a, .path a:visited {
		font-weight: bold;
		color: #525D6C;
		font-variant: normal;		
	}

	#footer ul {
		float: left;
		width: 430px;
		height: 100%;
		overflow: hidden;
		color: #fff;
		margin: 10px 0 0 10px;
	}
		#footer ul li {
			float: left;
			background: url(../images/separator_footer_menu.gif) top left no-repeat;
			margin: 0 0 0 -2px;
		}
		#footer ul li a {
			display: block;
			color: #fff;
			padding: 6px 12px 7px 14px;
			font-size: 0.59em;
			font-weight: bold;
			text-decoration: none;
		}
	.copyrightStudioPoster {
		float: right;
		font-weight: bold;
		margin-left: -515px;
		width: 515px;
		height: 100%;
		overflow: hidden;
		padding: 16px 0 0;
		color: #fff;
		font-size: 0.59em;
	}
		.copyrightStudioPoster p {
			float: left;
			padding-left: 54px;
		}
			.copyrightStudioPoster p a {
				color: #fff;
			}

/* --------- 4. rightside, content --------- */

.rightSide a img {
	display: block;
	margin-bottom: 5px !important;
}
div.csc-textpic-clear {
	display: block; 
	clear:both; 
	height:0; 
	font-size:0; 
	line-height:0; 
	visibility: hidden; 
	overflow:hidden;
}

div.csc-textpic,
div.csc-textpic-imagewrap,
div.csc-textpic dl,
div.csc-textpic dt  {
	padding: 0 !important;
	margin: 0 !important;
}

/* content */
.contentScroll p, .contentNoScroll p {
	padding-bottom: 10px;
	line-height: 18px;
}

/* --------- 5. map, faq --------- */

#map {
	position: relative;
	width: 571px;
	height: 326px;
	overflow: hidden;
	padding: 14px 13px 14px 23px;
	margin: 10px auto 20px;
	}
	.flashSpacer {
		position: absolute;
		display: block;
		bottom: -1px;
		left: 0;
	}
#mapProduct {
	position: relative;
	width: 548px;
	height: 330px;
	overflow: hidden;
	padding: 14px 12px;
	margin: 0 auto;
	}
#flashFrame {
	position: relative;
	float: left;
	width: 336px;
	background: #fff url(../images/partners_top.gif) top left no-repeat;
	padding: 9px 0;
	}
#partners {
	float: right;
	width: 210px;
	margin: 20px 0 6px;
	}

table#faqList th, table#faqList td {
	padding: 6px 4px;
}
table#faqList th {
	background: #CFD8E5;
	text-align: left;
	cursor: pointer;
}
table#faqList td {
	border-top: #F99302 1px solid;
}

/* --------- 6. forms --------- */

.formFrame {
	width: 584px;
	margin: 0 auto;
	border: 0px solid;
	background: #c5ced8;

}
	.formFrame h2 {
		
		color: #ffffff;
		padding: 12px 0 8px;
		text-align: center;
		margin-bottom: 16px;
		background-color:#717C8C;
	}

fieldset.dataForm, fieldset.termsForm, fieldset.buttonForm {
	display: block;
	margin: 0 auto;
}

	fieldset.dataForm legend {
		color: #717C8C;
		margin: 0;
		padding: 4px 0 18px 34px;
		font-size: 1.09em;
		font-weight: bold;
	}

	/* start IE FIX */	
	* html fieldset.dataForm legend,
	* html fieldset.yourChoice legend,
	* html fieldset.askAbout legend {
		margin-left: -7px;
	}
	*+html fieldset.dataForm legend,
	*+html fieldset.yourChoice legend,
	*+html fieldset.askAbout {
		margin-left: -7px;
	}
	/* stop IE FIX */
	
	fieldset.dataForm p.captcha {
		padding: 6px 0 0 280px !important;
	}
		fieldset.dataForm p.captcha img {
			display: block;
		} 	
	fieldset.dataForm p {
		height: 100%;
		overflow: hidden;
		padding: 5px 0 6px 10px;
	}
		fieldset.dataForm p label {
			float: left;
			padding: 0 4px 0 10px;
			display: block;
			width: 130px;
		}
form#bugFormInfo fieldset.dataForm p label,
form#tipaFriendForm fieldset.dataForm p label {
	text-align: left;
}
		fieldset.dataForm p label.error {
			color: #B01908;
			display: block;
			float: none;
			margin-left: 150px;
			text-align: left !important;
			width: 270px;
		}		
		fieldset.dataForm p input, 
		fieldset.dataForm p textarea,
		fieldset.dataForm p select {
			width: 370px;
			border: 0px solid;
		}

	fieldset.termsForm p {
		padding-left: 20px;
	}
		fieldset.termsForm p input {
			float: left;
		}
		fieldset.termsForm p label {
			margin-left: 30px;
			display: block;
		}
		fieldset.termsForm p label.error {
			color: #B01908;	
		}
				
.description {
	border-top: 2px solid #ecf0f5;
	margin-top: 8px;
	padding: 10px 20px 8px;
	font-size: 0.99em;
}
.separator {
	border-top: 2px solid #ecf0f5;
	margin-top: 8px;
	padding-top: 14px !important;
}
fieldset.buttonForm {
	text-align: center;
	padding: 10px 0;
}

/* --------- 7. additions, google maps, prices --------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.displayBlock { display: block; }
.clearBoth { clear: both; }
.textBold { font-weight: bold; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.form-required { color:#B01908; }

/* google maps */

.tx-zwgmap-pi1 {
	border: #717C8C 2px solid;
	height: 100%;
}

/* prices */

table#priceTable1, table#priceTable2, table#priceTable3 {
	border-right: #717C8C 1px solid;
	margin-bottom: 20px;
}
	table#priceTable1 th, table#priceTable2 th, table#priceTable3 th {
		background: #717C8C;
		color: #ECF0F5;
		padding: 4px;
	}
	table#priceTable1 td, table#priceTable2 td, table#priceTable3 td {
		padding: 4px;
		border-left: #717C8C 1px solid;
		border-bottom: #717C8C 1px solid;
	}
	table#priceTable1 td p.bodytext, table#priceTable2 td p.bodytext, 
	table#priceTable3 td p.bodytext {
		padding: 4px 0;
	}