/************** General styles ***************/

body {
	background: #e9e9e9 url('../img/bgr_body.gif') top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

/* Page wrapper */

div.pMainWrapper {
	margin: 13px auto 0;
	width: 919px;
	background: #fff url('../img/bgr_main_wrapper.gif') top left repeat-y;
}

/* Extra page wrapper for extra drop shadow */

div.pDropShadowWrapper {
	width: 899px; /* 919px */
	padding: 0 10px;
	background: transparent url('../img/bgr_wrapper_dropshadow.gif') top left no-repeat;
}

/* Messages on form pages */

span.formCopmulsoryWarning,
span.asterisk {
	color: #e20074;
	font-size: 12px;
	font-weight: bold;
}

/* Compulsory fields on form pages */

span.asterisk {
	padding: 0 0 0 3px;
}

/* For the clearing */

.clear {
	clear: both;
}

/* 'Reszletek' link on many pages */

a.details {
	background: url('../img/ico_more_hover.gif') right 3px no-repeat;
	text-align: right;
	color: #e20074;
	font-size: 12px;
	padding: 0 17px 0 0;
	margin: 0 10px 0 0;
	display: block;
	text-decoration: none;
}

a.details:hover {
	text-decoration: underline;
}

/************** General styles - header ***************/

/* Header container */

div.pHeader {
	position: relative;
	width: 899px;
	height: 70px;
	background: #fff url('../img/bgr_header.gif') 5px 5px no-repeat;
}

/* Logo in header */

div.pHeader a.logo {
	position: absolute;
	display: block;
	width: 200px;
	height: 38px;
	top: 20px;
	left: 45px;
	cursor: pointer;
	text-decoration: none;
}

/* Header links container */

div.pHeader ul.headerLinks {
	list-style: none;
	margin: 0 0 0 744px;
	padding: 5px 0 0;
}

/* Header links as list-items */

div.pHeader ul.headerLinks li {
	display: inline;
	padding: 0 4px 0 0;
}

/* Header links */

div.pHeader ul.headerLinks li a {
	text-decoration: none;
	color: #343434;
	font-size: 10px;
}

div.pHeader ul.headerLinks li a:hover {
	text-decoration: underline;
}

/************** General styles - footer ***************/

div.pFooter {
	background: #e9e9e9 url('../img/bgr_footer.gif') top left repeat-x;
	padding: 11px 7px 5px 7px;
}

div.pFooter span {
	color: #333;
	font-size: 10px;
}

div.pFooter ul {
	margin: -5px 0 0 0;
	list-style: none;
	float: right;
}

div.pFooter ul li {
	display: inline;
	padding: 0 0 0 11px;
}

div.pFooter ul li a{
	color: #333;
	font-size: 10px;
	text-decoration: none;
	line-height: 13px;
}

div.pFooter ul li a:hover{
	text-decoration: underline;
}

/* Logos on product category pages */

img.bottomLogos {
	padding: 0 0 22px 0;
}

/************** General styles - content ***************/

/* Content beneath the footer starts here */

div.pContentWrapper {
	width: 887px; /* 899px */
	padding: 5px 7px 10px 5px;
	/*padding: 5px 5px 10px 5px;*/
	background: #fff;
}

/******** General styles - Content left column **********/

div.pContentLeft {
	float: left;
	width: 709px;
	padding: 0;
	position: relative;
}

/* If there's a text on the subheader image, this style applies */
/* See also in mod_ie.css */

div.pContentLeft p.onImageText {
	position: absolute;
	top: 51px;
	left: 20px;
	line-height: 16px;
	color: #343434;
	font-size: 12px;
}

/* This is the main section of the content part of the page */
/* See also in mod_ie.css */

div.pContentLeft div.mainContent {
	width: 672px; /* 707px */
	margin: 10px 0 0 0;
	padding: 23px 15px 15px 19px;
	background: #fff url('../img/bgr_main_content.gif') top left repeat-x;
	border: 1px solid #e7e7e7;
}

/******** General styles - Content right column *********/

div.pContentRight {
	float: right;
	width: 167px;
	margin: 1px 0 0;
}

/******** General styles - boxes in the right column,
and boxes in the main promo - index.html *********/

div.pContentRight div.box,
div.promoBoxContainer div.box {
	width: 167px;
	border-bottom: 1px solid #999;
	background: #fefefe url('../img/bgr_right_box.gif') bottom left repeat-x;
}

div.pContentRight div.box h2 {
	width: 167px;
	height: 30px;
	border-top: 4px solid #e20074;
	border-bottom: 1px solid #999;
}

div.pContentRight div.box h2 span,
div.promoBoxContainer div.box h2 span {
	display: none;
}

/* Box, textbox*/

div.pContentRight div.box p,
div.promoBoxContainer div.box p {
	margin: 19px 10px 20px;
	color: #333;
	font-size: 12px;
	line-height: 14px;
}

/* More products box on almost every page */

div.pContentRight div.moreProducts {
	height: 164px;
	margin: 0 0 10px;
}

div.pContentRight div.moreProductsTop {
	height: 168px;
	margin: 0 0 10px;
}

/* Quick links box on almost every page */

div.pContentRight div.quickLinks {
	margin: 9px 0 0 0;
	height: 188px;
}

div.pContentRight div.quickLinksIntra {
	margin: 9px 0 0 0;
	height: 110px;
}

div.pContentRight div.whatIsIct {
	/*height: 218px;*/
	margin: 0 0 9px;
	padding: 0 0 30px;
}

div.pContentRight div.quickLinks h2,
div.pContentRight div.quickLinksIntra h2 {
	border-top: 4px solid #c69f88;
	border-bottom: 1px solid #999;
}

/* Intranet useful inforamation link */

div.pContentRight div.usefullInfo {
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
}

div.pContentRight div.usefullInfo h2 {
	border-top: 4px solid #c69f88;
	border-bottom: 1px solid #999;
}

/**** General styles - Right-side boxes first-level lists ****/

div.pContentRight ul.firstLevel {
	list-style: none;
	margin: 18px 0 0 11px;
}

/* See also in mod_ie.css */

div.pContentRight ul.firstLevel li {
	margin: 0 0 5px;
	line-height: 14px;
	float: left;
	clear: both;
	width: 156px;
	color: #343434;
	font-size: 12px;
	line-height: 14px;
}

/* See also in mod_ie.css */

div.pContentRight ul.firstLevel li a,
div.pContentRight ul.firstLevel li span {
	background: transparent url('../img/ico_more.gif') 0px 2px no-repeat;
	padding: 0 0 0 15px;
	color: #343434;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height: 14px;
}

div.pContentRight ul.firstLevel li a:hover {
	background-image: url('../img/ico_more_hover.gif');
	text-decoration: underline;
}

/**** General styles - Right-side boxes second-level lists ****/

div.pContentRight ul.secondLevel {
	list-style: none;
	margin: 5px 0 3px 16px;
	clear: both;
}

/* See also in mod_ie.css */

div.pContentRight ul.secondLevel li {
	background: transparent url('../img/ico_more_seclevel.gif') 0px 5px no-repeat;
	padding: 0 0 0 15px;
	margin: 2px 0 1px;
	line-height: 14px;
	float: left;
	clear: both;
	width: 120px;
	color: #e20074;
	font-size: 12px;
	text-decoration: none;
}

/* See also in mod_ie.css */

div.pContentRight ul.secondLevel li a {
	background: none;
	padding: 0;
	color: #e20074;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height: 14px;
}

div.pContentRight ul.secondLevel li a:hover {
	background: none;
	text-decoration: underline;
}

/* List-specialities for products box */
/* See also in mod_ie.css */

div.pContentRight ul.productList {
	margin: 15px 0 0 11px;
}

/********* Contact page styles - kapcsolat.html **********/

/* Form container */
/* See also in mod_ie.css */

div.pContentLeft div.contactFormContainer {
	width: 673px;
	margin: 24px 0 0;
}

/* Contact forms container table styles */

div.pContentLeft table.contactFormTable {
	width: 673px;
}

div.pContentLeft table.contactFormTable td{
	border-bottom: 1px solid #e7e7e7;
}

/* Table last row without border */

div.pContentLeft table.contactFormTable td.lastRow{
	border: none;
}

/* Labels */

div.pContentLeft table.contactFormTable label{
	float: left;
	margin: 6px 0 5px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

/* Only the first column labels */
/* See also in mod_ie.css */

div.pContentLeft table.contactFormTable label.firstCol{
	width: 183px;
}

/* Only the second column labels */
/* See also in mod_ie.css */

div.pContentLeft table.contactFormTable label.secondCol{
	width: 113px; /* 183px */
	padding: 0 0 0 40px;
}

/* Input fields */
/* See also in mod_ie.css */

div.pContentLeft table.contactFormTable input {
	float: left;
	margin: 4px 0 5px;
	width: 126px; /* 144px */
	height: 13px; /* 18px */
	border: 1px solid #aaa;
	font-size: 11px;
	padding: 2px 9px 3px;
}

/* Only the first column input fields */

div.pContentLeft table.contactFormTable input.firstCol{
	margin: 4px 0 5px 0;
}

/* Only the second column input fields */

div.pContentLeft table.contactFormTable input.secondCol {
	float: right;
	margin: 4px 16px 5px 0;
}

/* If there's an errorfield, then its the field next to the error */

div.pContentLeft table.contactFormTable input.errorNeighbourFC {
	margin: 19px 0px 5px 0;
}

div.pContentLeft table.contactFormTable input.errorNeighbourSC {
	float: right;
	margin: 19px 16px 5px 0;
}

/* Textarea of input fields */
/* See also in mod_ie.css */

div.pContentLeft table.contactFormTable textarea {
	float: right;
	margin: 9px 16px 5px 0;
	padding: 7px;
	width: 130px; /* 144px */
	height: 100px; /* 114px */
	border: 1px solid #aaa;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Select of input fields */

div.pContentLeft table.contactFormTable select {
	float: left;
	margin: 9px 0px 5px 0;
	padding: 0 0 0 6px;
	width: 146px;
	height: 16px;
	border: 1px solid #aaa;
	font-size: 10px;
	background: #f4f4f4;
}

/******** Form errors *******/

/* Error message container */

div.pContentLeft table.contactFormTable div.errorMessageFC {
	width: 146px;
	float: left;
	padding: 3px 0 5px;
}

div.pContentLeft table.contactFormTable div.errorMessageSC {
	width: 146px;
	float: right;
	padding: 3px 0 5px;
	margin: 3px 16px 0 0;
}

/* Error message itself */

div.pContentLeft table.contactFormTable span.errorField {
	padding: 0 0 0 1px;
	color: #e20074;
	font-size: 10px;
}

/* Input field, textarea, when its an error */

div.pContentLeft table.contactFormTable input.errorField,
div.pContentLeft table.contactFormTable textarea.errorField {
	margin: 3px 0 0 0;
	border: 1px solid #c6558f;
}

div.pContentLeft table.contactFormTable div.errorMessageSC input.errorField,
div.pContentLeft table.contactFormTable div.errorMessageSC textarea.errorField {
	margin: 3px 0 0 0;
}

/********* Submitting ********/
/* Submit button container */

div.pContentLeft div.formSubmitContainer {
	width: 673px;
	height: 41px;
	margin: 18px 0 0;
	background: #f4f4f4;
}

/* Submit button */
/* See also in mod_ie.css */

div.pContentLeft div.formSubmitContainer input.contactSubmit{
	width: 66px;
	height: 23px;
	border: none;
	background: transparent url('../img/btn_contact_submit.jpg') top left no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 1px 2px;
	margin: 8px 15px 0 0;
	float: right;
}

/*********  Fix height for kapcsolat-visszaigazolas.html,
kapcsolat.html ********************/

div.contact{
	height: 755px;
}

/********* Text styles - szoveges_t-systemsrol.html,
szoveges_mi_az_ict.html **********/

div.pContentLeft div.mainContent p {
	color: #333;
	font-size: 13px;
	padding: 0 0 18px;
	margin: 0 0 18px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 18px;
}

div.pContentLeft div.mainContent p.last {
	border: none;
}

div.pContentLeft div.mainContent h3 {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px;
}

/***************** Opening page - index.html ***************/

div.pContentLeft div.mainFlashContent {
	width: 709px;
	height: 248px;
	background: #f4f4f4;
	border: none;
}

/* For intranet only */

div.pContentLeft div.mainFlashContentIntra {
	width: 709px;
	height: 248px;
	background: #fff url('../img/img_noflash.jpg') top left no-repeat;
	border: none;
}

/* See also in mod_ie.css */

div.promoBoxContainer {
	width: 709px;
	height: 249px;
	margin: 11px 0 0;
	overflow: visible;
}

div.promoBoxContainer div.box {
	float: left;
	width: 169px;
	height: 248px;
	margin: 0 11px 0 0;
}

div.promoBoxContainer div.box h2 {
	border-top: 4px solid #a0bcd5;
	border-bottom: none;
	height: 52px;
	width: 169px;
}

/* See also in mod_ie.css */

div.promoBoxContainer div.box p {
	margin: 9px 8px 15px;
	
}

/* See also in mod_ie.css */

div.promoBoxContainer div.box p.leveling {
	margin: 9px 8px 29px;
	
}

div.promoBoxContainer div.last {
	margin: 0;
}

/***************** Useful informations page -
szoveges_hasznos_informaciok.html ***************/

div.useful {
	height: 755px;
}

h6.downloadable {
	padding: 0 0 18px 0;
	margin: 19px 0 0 1px;
	border-bottom: 1px solid #e7e7e7;
	height: 43px;
}

h6.first {
	margin: 4px 0 0 1px;
}

h6.downloadable div,
h6.downloadableProduct div {
	padding: 0 0 0 15px;
	border-left: 5px solid #c69f88;
	position: relative;
	height: 42px;
}

h6.downloadable span,
h6.downloadableProduct span {
	display: block;
	position: absolute;
	top: -3px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

h6.downloadable a.file,
h6.downloadableProduct a.file {
	background: transparent url('../img/ico_download.gif') 0px 8px no-repeat;
	display: block;
	position: absolute;
	top: 13px;
	left: 16px;
	/*margin: 0 0 0 1px;*/
	padding: 9px 0 0 18px;
	color: #e20074;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

h6.downloadableProduct a.second{
	top: 33px;
}

h6.downloadable a.file:hover,
h6.downloadableProduct a.file:hover {
	text-decoration: underline;
}

h6.tall,
h6.tall div {
	height: 142px;
	border-bottom: none;
}

h6.downloadable a.second {
	top: 33px;
}

h6.downloadable a.third {
	top: 53px;
}

h6.downloadable a.fourth {
	top: 73px;
}

h6.downloadable a.fifth {
	top: 93px;
}

h6.downloadable a.sixth {
	top: 113px;
}

/* Product category pages */

div.pContentLeft div.mainContent h3.product {
	margin: 0 0 15px 21px;
}

div.pContentLeft div.mainContent p.product {
	background: transparent url('../img/bgr_line.gif') 0px 4px no-repeat;
	border: none;
	color: #333333;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 14px 6px;
	padding: 0 0 0 15px;
}

div.pContentLeft div.mainContent p.productLinks {
	padding: 0 0 12px 21px;
}

div.pContentLeft div.mainContent p.innerLinks {
	padding: 0 0 0 21px;
	border: none;
}

div.pContentLeft div.mainContent p.lastLink {
	border: none;
}

div.pContentLeft div.mainContent a.productDetails {
	background: url('../img/ico_more_hover.gif') right 2px no-repeat;
	text-align: left;
	color: #e20074;
	font-size: 12px;
	padding: 0 19px 0 0;
	margin: 0 10px 0 0;
	text-decoration: none;
}

div.pContentLeft div.mainContent a.productDetails:hover {
	text-decoration: underline;
}

/* Did you know lists - tudta_e.html */

div.pContentLeft div.mainContent p.gotList {
	border: none;
	margin: 0;
	padding: 0 0 18px;
}

div.pContentLeft div.mainContent  ul.textList {
	list-style: none;
	margin: 5px 0 18px 0;
	padding: 0 0 18px 16px;
	clear: both;
	border-bottom: 1px solid #e7e7e7;
}

div.pContentLeft div.mainContent ul.textList li {
	background: transparent url('../img/ico_more_seclevel.gif') 0px 8px no-repeat;
	padding: 0 0 0 15px;
	margin: 2px 0 1px;
	line-height: 18px;
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

/* Individual product pages */

h6.subProduct {
	color:#333333;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 18px 0;
	margin: 19px 0 0 1px;
	border-bottom: 1px solid #e7e7e7;
}

h6.subProduct div {
	padding: 0 0 0 16px;
	border-left: 5px solid #a0bcd5;
}

div.pContentLeft div.mainContent p.listHead {
	border: none;
	margin: 0;
	padding: 0 0 4px 14px;
	font-weight: bold;
}

h6.downloadableProduct {
	padding: 0 0 18px 0;
	margin: 19px 0 0 1px;
	border-bottom: none
	height: 43px;
}

h6.downloadableProduct div {
	border-left: 5px solid #a0bcd5;
}

div.pContentRight div.moreProductsCat {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

div.pContentRight div.moreProductsCat h2 {
	width: 167px;
	height: auto;
	border-top: 4px solid #a0bcd5;
	border-bottom: 1px solid #999;
}

div.pContentRight div.moreProductsCat h6 {
	margin: 5px 0 10px 11px;
	color: #333;
	font-size: 11px;
	font-weight: bold;
}

div.pContentRight div.moreProductsCat ul.firstLevel {
	margin: 0 0 0 11px;
}

/********** Questionarre page styles - kerdoiv.html **********/

div.pContentLeft div.questionarreFormContainer,
div.pContentLeft table.questionarreFormTable {
	width: 673px;
	overflow: hidden;
}

div.pContentLeft table.questionarreFormTable td {
	border-bottom: 1px solid #e7e7e7;
}

div.pContentLeft table.questionarreFormTable td.number {
	vertical-align: middle;
}

/* Table last row without border */

div.pContentLeft table.questionarreFormTable td.lastRow {
	border: none;
}

div.pContentLeft table.questionarreFormTable div.questionNumbering {
	width: 11px; /*16px*/
	height: 15px; /*16px*/
	padding: 1px 0 0 5px;
	margin: 6px 10px 5px 0;
	background: transparent url('../img/ico_qbullet.gif') top left no-repeat;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
	line-height: 11px;
	clear: none;
}

div.pContentLeft table.questionarreFormTable td.question div.labelContainer {
	/*height: 16px;*/
	width: 230px;
	margin: 7px 13px 4px 0;
}

div.pContentLeft table.questionarreFormTable td.question label {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

div.pContentLeft table.questionarreFormTable td.answer select {
	width: 336px; /*336px*/
	height: 18px; /*20px*/
	border: 1px solid #aaa;
	padding: 0 0 0 6px;
	margin: 6px 66px 5px 0;
	font-size: 11px;
	color: #888;
	display: block;
}

/*div.pContentLeft table.questionarreFormTable td.answer select option {
	width: 500px;
}*/

div.pContentLeft div.formSubmitContainer a.matrixSubmit {
	display: block;
	float: left;
	width: 66px;
	height: 23px;
	border: none;
	background: transparent url('../img/btn_matrix_submit.gif') top left no-repeat;
	margin: 9px 0 0 272px;
	text-decoration: none;
	line-height: 14px;
}

div.pContentLeft div.formSubmitContainer a.matrixSubmit:hover {
	background-image: url('../img/btn_matrix_submit_hover.gif');
}

div.updater {
	margin: 50px auto;
	text-align: center;
	font-size: 10px;
	color: #e20074;
}

div.updater img {
	margin: 0 0 8px;
}

div.pContentRight div.questionarre {
	padding: 0 0 15px;
	margin: 0 0 10px;
}

div.pContentRight div.questionarre p {
	margin:8px 10px 8px;
}

div.pContentRight div.quickLinksIndex {
	height:286px;
}

div.pContentRight div.whatIsIctIndex {
	height:140px;
}

div.pContentRight div.usefullInfoIndex {
	height: 189px;
}