*, html, body, div {
  padding: 0;
  margin: 0px 0px 0px 0px;
  }
  
a img, :link img, :visited img {
  border: none;         /* a linkelt kepek alapertelmezett borderenek eltavolitasa */
  }				
:link,:visited {
  text-decoration: none;
  }

body { 
	margin: 0; 
	background: #e4e4e4; 
	color: #7d7c76;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
  }

#box-body {
	position: relative;
	display: block;
	width: 730px;
  /* height: 800px; */
	/* background: url(../images/hu/box-bg.gif) top left repeat-y; */
  }
  #box-body div#header {
    position: relative;
    display: block;
    left: 21px;
    width: 739px;
    height: 123px;
    background: #ffffff url(../images/header-bg.gif) top left repeat-x;
    }
    #box-body div#header span#logo {
      display: block;
      position: absolute;
      top: 30px;
      left: 29px;
      width: 182px;
      height: 32px;
      background: url(../images/logo.gif) top left no-repeat;
      cursor: pointer;
      }
      
    /* --- navbar --- */
    #box-body div#header div#navbar {
      position: absolute;
      top: 14px;
      left: 600px;
      width: 100px;
      }
      /* HIR */
      #box-body div#header div#navbar a {
        position: relative;
        display: block;
        overflow: hidden;
        height: 9px;
        float: right;
        }
        #box-body div#header div#navbar a#icon1 {
          width: 11px;
          height: 9px;
          }
          
        #box-body div#header div#navbar a#icon2 { 
          width: 11px; 
          height: 9px;
          }
        
        #box-body div#header div#navbar a#icon3 {
          width: 11px;
          height: 9px;
          }

        #box-body div#header div#navbar a span {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          display: block;
          overflow: hidden;
          cursor: pointer;
          }

          #box-body div#header div#navbar a#icon1 span {
            background-image: url(../images/icons.gif);
            background-position: 11px 0px;
            }
            #box-body div#header div#navbar a#icon1:hover span {
              background-position: 11px -9px;
              }

        #box-body div#header div#navbar a#icon2 span {
          background-image: url(../images/icons.gif);
          background-position: 22px 0px;
          }
          #box-body div#header div#navbar a#icon2:hover span {
            background-position: 22px -9px;
            }

        #box-body div#header div#navbar a#icon3 span {
          background: url(../images/icons.gif) top left no-repeat;
          }
          #box-body div#header div#navbar a#icon3:hover span {
            background-position: 0 -9px;
            }

    #box-body div#header div#cardbar {
      position:absolute;
      top: 37px;
      left: 602px;
      width: 110px;
      }
      #box-body div#header div#cardbar img {
        border: 1px solid #cccccc;
        }


      #box-body div#header div#navbar #icon1, #box-body div#header div#navbar #icon2 {
        margin-left: 30px;
        }


/* --- HIR --- */
#box-body div#header div#menu {
	position: absolute;
	top: 83px;
	left: 0px;
	width: 739px;
	height: 38px;
  }
  #box-body div#header div#menu div#menustart {
    width: 15px;
    height: 38px;
    float: left;
    background: url(../images/menu-start.gif) top right no-repeat;
    }

  #box-body div#header div#menu div#menuend {
    width: 11px;
    height: 38px;
    float: left;
    background: url(../images/menu-end.gif) top left no-repeat;
    }

  #box-body div#header div#menu div#menucontent {
    width: 708px;
    height: 38px;
    float: left;
    background: url(../images/menu-bg.gif) top left repeat-x;
    }
    #box-body div#header div#menu div#menucontent span {
      margin-left: 15px;
      display: block;
      float: left;
      height: 32px;
      cursor: pointer;
      }
      #box-body div#header div#menu div#menucontent span#menu1 {
        width: 55px;
        background: url(../images/hu/menu-1.gif) top left no-repeat;
        }
        
      #box-body div#header div#menu div#menucontent span#menu2 {
        width: 68px;
        background: url(../images/hu/menu-2.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#menu4 {
        width: 109px;
        background: url(../images/hu/menu-4.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#menu5 {
        width: 48px;
        background: url(../images/hu/menu-5.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#menu6 {
        width: 33px;
        background: url(../images/hu/menu-6.gif) top left no-repeat;
        }

      #box-body div#header div#menu div#menucontent span#menu7 {
        width: 66px;
        background: url(../images/hu/menu-7.gif) top left no-repeat;
        }

      #box-body div#header div#menu div#menucontent div#flags {
        position: absolute;
        top: 0px;
        right: 30px;
        }

      #box-body div#header div#menu div#menucontent span#flag4 {
        width: 13px;
        background: url(../images/flag1.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag1 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag2.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag2 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag3.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag3 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag4.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag5 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag5.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag6 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag6.gif) top left no-repeat;
        }

      #box-body div#header div#menu div#menucontent span#flag7 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag7.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag8 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag8.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag9 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag9.gif) top left no-repeat;
        }
      
      #box-body div#header div#menu div#menucontent span#flag10 {
        width: 13px;
        margin-left: 3px;
        background: url(../images/flag10.gif) top left no-repeat;
        }
      
/* --- main ---  */
#box-body div#main {
	position:relative;
	display: block;
	left: 21px;
	width: 739px;
	/*height: 618px; */
	background: #ffffff;
  }
  #box-body div#main div#mainstart {
    width: 739px;
    height: 72px;
    background: #ffffff url(../images/main-box-top.gif) top right no-repeat;
    }

  #box-body div#main div#mainend {
    display: block;
    width: 739px;
    height: 85px;
    background: #ffffff url(../images/main-box-bottom.gif) top right no-repeat;
    }

  #box-body div#main div#maincontent {
    position: relative;
    display: block;
    width: 695px;
    background:  #ffffff;
    }


/* page headers */
#logo-index, #logo-support, #logo-questions, #logo-transactionfinder, #logo-membership, #logo-faq, #logo-copyrights, #logo-privacy, #logo-statement {
	display: block;
	position: absolute;
	top: 40px;
	left: 29px;	
	height: 27px;
  }

#logo-index {
	width: 237px;
	background: url(../images/hu/welcome.gif) top left no-repeat;
  }

#logo-support, #logo-copyrights {
	width: 110px;
	background: url(../images/hu/contactus.gif) top left no-repeat;
  }

#logo-privacy {
  width: 134px;
  background: url(../images/hu/privacy.gif) top left no-repeat;
  }

#logo-questions {
	width: 99px;
	background: url(../images/hu/questions.gif) top left no-repeat;
  }

#logo-transactionfinder {
	width: 192px;
	background: url(../images/hu/transactionsfinder.gif) top left no-repeat;
  }

#logo-membership {
	width: 104px;
	background: url(../images/hu/membership.gif) top left no-repeat;
  }

#logo-faq {
	width: 34px;
	background: url(../images/hu/faq.gif) top left no-repeat;
  }

#logo-statement {
	width: 201px;
	background: url(../images/hu/statement.gif) top left no-repeat;
  }

#box-body div#main div#text {
	display: block;
	position: relative;
	left: 29px;
  }

#box-body div#main div#text_small {
	display: block;
	position: relative;
	left: 29px;
	font-size:11px;
  }

#box-body div#main div#text_secure {
	display: block;
	position: relative;
	font-size:11px;
  }

/*  --- warning box --- */
#box-body div#main div#warning {
	display: block;
	position: relative;
	top: 0px;
	left: 5px;
	width: 739px; 
  }
  #box-body div#main div#warning div {
    display: block;
    clear: both;
    }

  #box-body div#main div#warning div#warningtop {
    width: 728px;
    height: 16px;
    background: url(../images/warning-top.gif) bottom left no-repeat;
    }

  #box-body div#main div#warning div#warningcontent {
    width: 728px;
    background: url(../images/warning-bg.gif) top left repeat-y;
    }
    #box-body div#main div#warning div#warningcontent span {
      font-size: 12px;
      display: block;
      margin: 12px 35px 12px 35px;
      vertical-align: middle;
      }

  #box-body div#main div#warning div#warningbottom {
    width: 728px;
    height: 16px;
    background: url(../images/warning-bottom.gif) top left no-repeat;
    }

#box-body div#main span#customer-service {
	display: block;
	position: relative;
	top: 0px;
	left: 29px;
	height: 30px;
  color: #ffbf12;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	/*background: url(../images/hu/toll-free-customer-service.gif) top left no-repeat;*/
  }

/* --- customer service --- */
#box-body div#main div#customerservice {
	position: relative;
	top: 0px;
	left: 28px;
	width: 687px; 
  /* height: 205px; */
	background: url(../images/support-box-bg.gif) top left repeat-y;
  }

#box-body div#main div#customerservicetop { 
	position: absolute;
	display: block;
	height: 161px;
	width: 687px;
	background: url(../images/support-box-top.gif) top left no-repeat;
  }

#box-body div#main div#customerservicebottom { 
	position: relative;
	display: block;
	height: 25px;
	width: 687px;
	background: url(../images/support-box-bottom.gif) bottom left no-repeat;
  }

#box-body div#main div#customerservice .row, #box-body div#main div#customerservice .lastrow {
	position: relative;
	height: 20px;
	width: 325px;
	background: url(../images/botted-line.gif) bottom left no-repeat;
	overflow: hidden;
	padding-top: 3px;
  }

#box-body div#main div#customerservice img {
	position: relative;
	left: 10px;
	top: 1px;
	width: 18px;
	height: 12px;
	margin-right: 5px;
	float:left;
	border: 1px #7d7c76 solid;
  }

#box-body div#main div#customerservice .lastrow {
	background: none;
  }

#box-body div#main div#customerservice .country {
	float: left;
	font-weight: bold;
	text-indent: 10px;
  }

#box-body div#main div#customerservice .number {
	float: right;
	padding-right: 10px;
  }

#box-body div#main div#customerservice div#list1 {
	position: relative;
	top: 8px;
	left: 5px;
	width: 333px;
  /* height: 180px; */
  }

#box-body div#main div#customerservice div#list2 {
	position: absolute;
	top: 8px;
	left: 343px;
	width: 333px;
  /* height: 160px; */
  }

#box-body div#main div#notice {
	display: block;
	position: relative;
	font-size: 10px;
	left: 30px;
	height: 40px;
	width: 687px;
  }

/* --- contact info --- */
#box-body div#main span#contact {
	position: relative;
	display: block;
	top: 10px;
	left: 29px;
	width: 200px;
	height: 33px;
	color: #ffbf12;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	/*background: url(../images/hu/contact-info.gif) top left no-repeat;*/
  }

#box-body div#main div#contact-box {
	position: relative;
	display: block;
	top: 0px;
	left: 29px;
	font-size: 10px;
  }
  #box-body div#main div#contact-box span#address {
    position: absolute;
    left: 0px;
    display:block;
    width: 220px;
    }

  #box-body div#main div#contact-box a { 
    color: #7d7c76;
    text-decoration: underline;
    }
    #box-body div#main div#contact-box a:hover { 
      color: #7d7c76;
      text-decoration: none;
    }

/* --- footer --- */
#box-body div#footer { 
	position: relative;
	display: block;
	left: 21px;
	height: 129px;
	width: 739px;
  }
  #box-body div#footer div#footertop { 
    position: absolute;
    display: block;
    height: 20px;
    width: 739px;
    background: url(../images/footer-top.gif) top left no-repeat;
    }

  #box-body div#footer div#footerbottom, #box-body div#footer div#footerbottomindex { 
    position: absolute;
    display: block;
    width: 739px;
    top: 20px;
    height: 114px;
    text-align: center;
    background: url(../images/footer-bottom.gif) top left no-repeat;
    }
    #box-body div#footer div#footerbottom span, #box-body div#footer div#footerbottomindex span {
      font-size: 10px;
      }

    #box-body div#footer div#footerbottomindex span {
	    top: 10px;	
      }

		#box-body div#footer div#footerbottomindex #footertext
		{
			margin: 10px auto 0px auto;
		}
	
#box-body a { 
	color: #7d7c76;
	text-decoration: underline;
  }
  #box-body a:hover { 
    color: #7d7c76;
    text-decoration: none;
    }

#box-top {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	width: 779px;
	background: url(../images/gradient-top.gif) top left no-repeat;
  }

#box-bottom {
	position: relative;
	display: block;
	width: 779px;
  /* height: 128px; */
	background: url(../images/gradient-bottom.gif) bottom left no-repeat;
  }

/* footer flags */

div#footerbottomindex div#flags {
  padding-top: 6px;
	display: block;
	text-align:center;
	height:12px;
}

div#footerbottomindex div#flags_footer {
	  padding-top: 16px;
}

/* subpages design */

#box-body div#main div#supportform, #box-body div#main div#transactionfinder, #box-body div#main div#questionform, #box-body div#main div#membership, #box-body div#main div#statement {
	position: relative;
	display: block;
	top: 0px;
	left: 25px;
	height: auto;
  }

#box-body div#main div#supportform {
	height: 440px;
  }

#box-body div#main div#membership {
	height: 460px;
  }

#box-body div#main div#transactionfinder {
	height: 240px;
  }

#box-body div#main div#statement p{
  display:block;
  position:relative;
  }


#box-body div#main div#statement span {
  display:block;
  position:relative;
  float:left;
  width: 50px;
  text-align:left;
  }

#box-body div#main div#statement div#address{
  display:block;
  position:relative;
  margin-left:50px;
  }

#box-body div#main div#supportform br, #box-body div#main div#transactionfinder br, #box-body div#main div#questionform br, #box-body div#main div#faq br,  #box-body div#main div#membership br{
	clear: both;
  }

#box-body div#main div#supportform input, #box-body div#main div#transactionfinder input, #box-body div#main div#questionform input, #box-body div#main div#membership input {
	border: 1px #d8d8d8 solid;
	margin-bottom: 3px;
	height: 15px;
	width: 145px;
	float: left;
	color: #7D7C76;
	background-color:#f8f8f8;
	padding-left: 3px;
  }

#box-body div#main div#supportform textarea, #box-body div#main div#transactionfinder textarea, #box-body div#main div#questionform textarea, #box-body div#membership textarea  {
	border: 1px #d8d8d8 solid;
	margin-bottom: 3px;	
	color: #7D7C76;
	width: 685px;
	background: url(../images/textarea-bg.gif) bottom left repeat-x;
  }

#box-body div#main div#supportform .submit, #box-body div#main div#transactionfinder .submit, #box-body div#main div#questionform .submit, #box-body div#main div#membership .submit {
	border: 0;
	background: url(../images/send.gif);
	font-weight: bold;
	height: 20px;
	width: 150px;
	color: #7d7c76;
	text-align: center;
	font-size: 11px;
  }

.field {
	display: block;
	float: left;
	width: 162px;
  }

.error {
	visibility: visible;
	/* tavtartas az inputtol */
	margin-left: 10px;
	/* a nyil 6px szeles*/
	padding-left: 10px;
	color: #feb900;
	width: 350px;
	font-weight: bold;
	background: url(../images/arrows.gif) top left no-repeat;
  }

#box-body div#main div#faq {
	position: relative;
	display: block;
	top: 0px;
	left: 25px;
	width: 670px;
  }
  #box-body div#main div#faq .question {
    /* a nyil 6px szeles*/
    display: block;
    padding-left: 10px;
    font-weight: bold;
    background: url(../images/arrows.gif) top left no-repeat;
    }

  #box-body div#main div#faq .answer {
    color: #7d7c76;
    font-weight: normal;
    }

  #box-body div#main div#faq .argument {
    display: block;
    padding-left: 10px;
    background: url(../images/arrows.gif) top left no-repeat;
   }

.warn {
	font-weight: bold;
	text-decoration: underline;
  }

.required {
	color: #ffa201;
  }

.link_to_support {
  font-weight: bold;
	text-decoration: underline;
  }

a#cvv:link,  a#cvv:visited {
  display: block;
  float: left;
  font-weight: bold;
  text-decoration: underline;
  background-color: white;
  }

a#cvv:hover {
  text-decoration: none;
  background: transparent;
  }

a#cvv:link img, a#cvv:visited img {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0px;
  left: 0px;
  border: 0;
  }

a#cvv:hover img {
  display: block;
  position: absolute;
  width: 226px;
  height: 158px;
  top: -190px;
  left: 0px;
  border: 1px solid #ccc;
  }

span#title {
  display: block;
  position: absolute;
  font-family: Arial;
  font-size: 18.5px;
  top: 38px;
  left: 29px;
  height: 30px;
  color: #feb900; 
  }

div#verisign {
  display: block;
  position: absolute;
  top: -20px;
  left: 550px;
}