/*alapbeallitasok start*/
body, html {width: 100%; margin: 0px; padding: 0px; font-family: Verdana; font-size: 11px; color:  #211f59; background-color: transparent; /* All browsers */ }
font, basefont { color: inherit; color: expression(this.parentNode.currentStyle['color']); font: inherit; font-family: expression(this.parentNode.currentStyle['fontFamily']); font-size: 100%; }
center { text-align: inherit; text-align: expression(this.parentNode.currentStyle['textAlign']);}
s, strike, u {text-decoration: inherit; text-decoration: expression(this.parentNode.currentStyle['textDecoration']);}
*[align] { text-align: inherit; } 
* { text-align: expression(this.align ? this.parentNode.currentStyle['textAlign'] : ''); }  
img { margin: 0; border:none; }  
table, tr, th, td { width: auto; height: auto; background-color: transparent; vertical-align: inherit; border: none; }
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
h1 {display: block; width: 100%; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 14px; color: #dda200; }
h3 { display: block; width: 100%; font-size: 12px; font-weight: bold; line-height: 14px; margin-top: 18px; margin-bottom: 5px; color: #211f59; }
p { display: block; width: auto; height: auto; margin: 0px; padding: 0px; font-family: Verdana; font-size: 12px; color: #211f59; line-height: 140%; text-align: justify; }
strong { font-weight: bold; color: #211f59; }
div { display: block; width: auto; height: auto; margin: 0px; padding: 0px; font-family: Verdana; font-size: 12px; color: #211f59; text-align: left;}
ul, ol { font-size: 12px; }
li { margin: 0px; padding: 0px; line-height: 20px; }
a { color: #4761b6; font-weight: bold; text-decoration: none; }
a:hover { color: #4761b6; text-decoration: underline; }
form, fieldset { margin: 0px; padding: 0px; width: auto; height: auto; border: 0px; }
form p { display: table; width: 100%; line-height: 20px;}
form p span { display: table; float: left; width: 200px; }
legend { display: none; }
input { margin: 0px; padding: 0px; width: auto; border: 1px solid #000; }
input.inputbox { width: auto; }
input.submitbutton, input.submit { width: 87px; height: 27px; color: #FFF; border: none; background-image: url(../images/elkuld.jpg); background-repeat: no-repeat; background-position: top left; cursor: hand !important; }
input.submithosszutbutton { width: 140px; height: 27px; color: #FFF; border: none; background-image: url(../images/elkuldhosszu.jpg); background-repeat: no-repeat; background-position: top left; cursor: hand !important; margin-top: 15px;}
p.lang {text-align: center;}
#lost_password {margin-top: 20px;}
/*alapbeallitasok end*/

/*funkcio gombok start*/
div.functionbuttons {width: 100%; float: left; text-align: center; }
div.functionbuttons p { display: inline; height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; }
p.error_message { margin: 0px; padding: 0px; color: #FF0000; border-bottom: 1px solid #CCC; text-indent: 20px; line-height: 25px; font-weight: bold; }
p.success_message { margin: 0px; padding: 0px; color: #211f59; text-indent: 20px; line-height: 25px; font-weight: bold; }
/*funkcio gombok end*/

/*paginator start*/
div.paginator_top { width: 100%; margin-bottom: 10px; text-align: right; display: none; }
div.paginator_bottom { width: 100%; margin-top: 10px; text-align: center; display: none; }
div.paginator, p.paginator a { color: #201F5B; font-weight: bold; }
div.paginator, p.paginator a:hover { color: #201F5B; font-weight: bold; }
/*paginator end*/


/*fo divek*/
div.main { display: block; position: absolute; left: 50%; margin-left: -500px; width: 1000px; background-image: url(../images/mainbg.jpg); background-repeat: repeat-y; background-position: top left; min-height: 100%; }

/*bal oszlop start*/
div.main div.left{ display: block; position: relative; float: left; width: 239px; background-image: url(../images/leftheader.jpg); background-repeat: no-repeat; background-position: top left; }
div.main div.left div#leftkapcsolat { width: 224px; height: auto; font-size: 11px; vertical-align: top; background-image: url(../images/lefmenubottom.jpg); background-repeat: no-repeat; background-position: top left; padding-left: 15px; padding-top: 5px; }
div.main div.left div#leftkapcsolat h4 { font-size: 11px; font-weight: bold; color: #7faefa; text-transform: none; margin-bottom: 25px; }
div.main div.left div#leftkapcsolat p {font-weight: normal; color: #211f59; line-height: 120%; font-size: 11px; }
div.main div.left div#leftkapcsolat a { font-weight: normal; color: #285dc2; text-decoration: underline; }
div.main div.left div#leftkapcsolat a:hover { font-weight: normal; color: #dda200; text-decoration: underline; }

/*bal oszlop end*/

div.main div.center{ display: block; float: left; width: 760px; background-image: url(../images/centerheader.jpg); background-repeat: no-repeat; background-position: top left; }
div.main div.center #flashbanner { display: block; float: right; width: 756px; height: 140px; text-align: right; z-index:1; }
div.main div.center #flashbanner div#flashcontent1{float: right; text-align: right;}

/*tartalom*/
div.main div.center div.mainbody { display: block; float: left; width: auto; margin-top: 20px; margin-bottom: 120px; margin-left: 20px; margin-right: 20px; text-align: justify; position: relative;}
div.main div.center div.mainbody div#mainkerek{display: block; float: left; width: 100%;}
div.main div.center div.mainbody div.content{display: block; float: left; width: 100%;}

/*footer start*/
div#footerdiv {display: block; /* width: 100%; */ height: 56px; text-align: center !important; position: fixed; bottom: 0; left: 50%; margin-left: -500px;}
div#footerdiv div#footer {width: 1000px; height: 56px; background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: top left; margin: auto; }
div#footerdiv div#footer img {    margin: 0px; padding: 0px; margin-top: 15px; margin-left: 15px; }
div#footerdiv div#footer p { display: block; float: left; width: 80px; color: #bdd6ff; margin-top: 20px; margin-left: 110px; }
div#footerdiv div#footerflash { float: left; margin-top: 1px; }
/*footer end*/

/*nyito oldal ujdonsagok start*/
div#mainpage_left { display: block; float: left; width: 270px; height: 100%; margin: 0px; padding: 0px; margin-right: 20px; background-color: #E0E0E8;}
div#mainpage_left div.ujdonsagok{ display: block; float: left; width:250px; background-color: #FFFFFF; padding: 10px;}
div#mainpage_left div.ujdonsagok div.intronews h1.newstitle{color: #221D5D;    padding-left: 13px;}
div#mainpage_left div.ujdonsagok div.intronews div.introtext{width: 220px; margin-left: 14px;}
div#mainpage_left div.ujdonsagok div.intronews div.introtext p{ text-align: left;font-size: 11px; }
/*nyito oldal ujdonsagok end*/

/*nyito oldal akciok start*/
div#mainpage_right { display: block; float: left; width: 421px; background-color: #E0E0E8; margin-bottom: 15px;}
div#mainpage_right div.akciok{display: block; float: left; width: 401px;  margin: 0px; padding: 0px; background-color: #FFFFFF; padding: 10px;}
div#mainpage_right div.akciok div.intronews h1.newstitle{color: #221D5D; padding-left: 13px; width: 380px;}
div#mainpage_right div.akciok div.intronews div.introtext{width: 370px; margin-left: 14px;}
div#mainpage_right div.akciok div.intronews div.introtext p{ text-align: left;font-size: 11px; }
/*nyito oldal akciok end*/

/*nyito oldali dupla box start*/
div.doublebox{display: block; width: 421px; height: auto; float: left;}
div.doublebox div.leftbox{display: block; float: left; width: 184px;height: 94px; background-color: #c0cdec; background-image: url("../images/nyitoatmenet3.jpg"); background-repeat: no-repeat; padding: 10px;}
div.doublebox div.rightbox{display: block; float: right; width: 184px;height: auto; background-color: #FEBB25; background-image: url("../images/nyitoatmenet4.jpg"); background-repeat: no-repeat; padding: 10px;}
div.doublebox div.rightbox h1.title span{color: #4C84E3;}
div.doublebox div.rightbox div.text{display: block; margin-left: 10px; text-align: left;}
div.doublebox div.rightbox div.text p{font-size: 11px;}
/*nyito oldali dupla box end*/

div.supershop_connect input.cardnumber {
      width : 3em;
    margin-right: 5px;
}

div.supershop_connect input.borndate {
      width : auto;
    float: left;

}

div.supershop_connect p.bornp {
      width : auto;
    display: block;
    margin-bottom: 10px;
}

#supershop_connect table {
      font-size: 12px;
    color: #231d59;
}

#supershop_connect table td.header{
      font-size: 12px;
    color: #231d59;
    background-color: #ffe8c3;
}

span#ultimate1 {display: inline; float: none;}
span#ultimate2 {display: inline; float: none;}

/* PONTKALKULÁTOR BY-HA */
div#pontcalculator{}
div#pontcalculator div.top_container{width: 722px;
	height: auto;
	margin: 0px auto 10px auto; }

div#pontcalculator div.top_container div.header_container{ background-image: url('../images/pontcalculator/header.png'); 
	background-repeat: no-repeat;
	width: 722px;
	height: 105px;
	margin: 0px;}
	
div#pontcalculator div.top_container div.header_container div.header_left { float: left;
    padding: 20px 30px 5px;
    text-align: center;
    width: 401px;
	height: 58px;}	
div#pontcalculator div.top_container div.header_container div.header_left h1 { color: #FFFFFF;
    font-family: tahoma;
    font-size: 13px; }
div#pontcalculator div.top_container div.header_container div.header_right { float: right;
    height: 58px;
    padding: 11px 15px 5px;
    text-align: center;
    width: 229px;}	
div#pontcalculator div.top_container div.header_container div.header_right h1 { color: #FFFFFF;
    font-family: tahoma;
    font-size: 13px; }	

	
div#pontcalculator div.top_container div.main_area{ background-image: url("../images/pontcalculator/bg_scroll.png");
    background-repeat: repeat-y;
    float: left;
    height: auto;
    padding-left: 11px;
    width: 711px;}
	
div#pontcalculator div.top_container div.main_area div.left_col { float: left;
    width: 450px; }
div#pontcalculator div.top_container div.main_area div.right_col { float: left;
    width: 260px; }


	div#pontcalculator div.top_container div.main_area div.big {/*background-position: center top;
		background-repeat: no-repeat;
		float: left;
		height: 30px;
		margin: 0 8px;
		padding-top: 30px;
		width: 129px;*/
		background-position: center 18px;
		background-repeat: no-repeat;
		float: left;
		height: 50px;
		margin: 0 8px;
		padding-top: 45px;
		width: 129px;}		
	div#pontcalculator div.top_container div.main_area input.big {background-image: url('../images/pontcalculator/input_big.png'); 
		width: 122px;
		height: 28px;
		border: none;
		background-color: transparent;
		color: #898989;
		display: block;
		margin: auto;
		text-indent: 5px;
		line-height: 1.9;}		
	div#pontcalculator div.top_container div.main_area div.spar {background-image: url('../images/pontcalculator/top_spar.png');}
	div#pontcalculator div.top_container div.main_area div.kaisers {background-image: url('../images/pontcalculator/top_kaisers.png');}
	div#pontcalculator div.top_container div.main_area div.interspar {background-image: url('../images/pontcalculator/top_interspar.png');}
	
	
	div#pontcalculator div.top_container div.main_area div.small {background-position: center top;
		background-repeat: no-repeat;
		float: left;
		height: 30px;
		/*margin: 10px 8px 0;*/
		margin: 10px 37px 0 37px;
		padding-top: 46px;
		width: 72px;}
	div#pontcalculator div.top_container div.main_area div.first {/*margin-left: 50px;*/}
	div#pontcalculator div.top_container div.main_area input.small {background-image: url('../images/pontcalculator/input_small.png'); 
		width: 72px;
		height: 28px;
		border: none;
		background-color: transparent;
		color: #898989;
		display: block;
		margin: auto;
		text-indent: 5px;
		line-height: 1.9;}		
	div#pontcalculator div.top_container div.main_area div.omv {background-image: url('../images/pontcalculator/bot_omv.png'); background-position: center top;}
	div#pontcalculator div.top_container div.main_area div.obi {background-image: url('../images/pontcalculator/bot_obi.png');}
	div#pontcalculator div.top_container div.main_area div.burger {background-image: url('../images/pontcalculator/bot_burger.png');}	
	/*div#pontcalculator div.top_container div.main_area div.patika {background-image: url('../images/pontcalculator/bot_patika.png');}*/
	div#pontcalculator div.top_container div.main_area div.patika {background-image: url('../images/pontcalculator/bot_wellnessszallas.png');}
	div#pontcalculator div.top_container div.main_area div.master {background-image: url("../images/pontcalculator/mastercard.png");
		float: none;
		margin: 33px auto;}	
	
div#pontcalculator div.top_container div.bottom{ background-image: url('../images/pontcalculator/bottom.png'); 
	background-repeat: no-repeat;
	width: 722px;
	height: 24px;
	float: left;}	
	
div#pontcalculator div.button_space {width: 100%; float: left;}	
div#pontcalculator input.big_button { background-image: url('../images/pontcalculator/big_button.png'); 
	width: 375px;
	height: 46px;
	margin: 30px auto 20px;
	border: none;
	background-color: transparent; 
	display: block;
	cursor: pointer;}
	
div#pontcalculator div.footer_container div.col {width: 234px;
	height: auto;
	float: left;
	margin: 1px 2px 3px 4px;}

div#pontcalculator div.footer_container div.top { background-repeat: no-repeat;
    height: 106px;
    margin: 0;
    padding: 50px 0 0 4px;
    width: 230px;}
	
div#pontcalculator p.footer_p { border-bottom: 1px dotted #6281C9;
    color: #8AC9FF;
    display: block;
    font-family: tahoma;
    font-size: 11px;
    line-height: 1.4;
    margin: 0 7px 5px 5px;
    padding-bottom: 7px;
    text-align: left;
    width: 214px; }	

div#pontcalculator div.footer_container div.row1 {float: left;
    padding-left: 5px;
    width: 215px;}
div#pontcalculator div.footer_container div.row2 {float: left;
    padding-left: 5px;
    width: 215px;}
div#pontcalculator div.footer_container span.text { font-family: tahoma; 
	color: #8AC9FF;
	display: block;
	float: left;
	margin-top: 7px;}
div#pontcalculator div.footer_container span.num { color: #FFFFFF;
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 20px;
    font-weight: lighter;}		
	
div#pontcalculator div.footer_container div.footer_cols {float: left;}	
	
div#pontcalculator div.footer_container div.col1 {background-image: url('../images/pontcalculator/footer_1_top.png');}
div#pontcalculator div.footer_container div.col2 {background-image: url('../images/pontcalculator/footer_2_top.png');}
div#pontcalculator div.footer_container div.col3 {background-image: url('../images/pontcalculator/footer_3_top.png');}

div#pontcalculator div.footer_container div.bottom	{ background-image: url("../images/pontcalculator/footer_bottom.png");
    height: 14px;
    width: 234px;}

div#pontcalculator div.footer_container div.additional_info {float: left;
    margin: 15px 0;
    text-align: center;
    width: 100%;}
div#pontcalculator div.footer_container div.additional_info p { font-size: 11px; 
	font-family: tahoma; 
	color: #898989;
	text-align: center;}	
	
div#pontcalculator div.footer_container div.footer_infos {color: #898989;
    float: left;
    font-family: arial;
    font-size: 11px;
    margin: 5px 6px 0 12px;
    width: 697px;}	
div#pontcalculator div.footer_container	span.thm {color: #211f59; font-weight: bold;}
div#pontcalculator div.footer_container	div.footer_infos p {color: #898989;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 5px; }

pre {background-color: #222222;
	color: #eeeeee;}	
/* PONTKALKULÁTOR OVER  */