/*
 Valid CSS kód: Fülöp Gergely (AionNET Kft.)
*/


html {

}

body {
 margin: 0;
 padding: 0;
 background: #DBE2E7;
 font-family:  Arial, Verdana, Sans-serif;
 font-size: 12px; 
 color: #000;
 background: url(./img/bg.gif) left top;
}

/*
div.background {
  background: url(./img/focilabda.gif) repeat left top;
}
*/

/* Alapvető beállítások */

form {
 margin: 0;
 padding: 0;
}

input {
 height: 14px;
 border: 1px solid #7482bb;
 font-size: 11px;
 background-image: url(./img/input.gif);
 background-repeat: repeat-x;
 background-position: 0 0; 
}

input.okButton {
 width: 30px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}

#leftSide input.okButton {
 margin: 7px 0 7px 54px;
}

span.userName {
 width: 138px;
 padding: 0 0 7px 0;
 display: block;
 text-align: right;
}
span.userName input {
 width: 80px;
}

span.userPass {
 width: 138px;
 display: block;
 text-align: right;
}
span.userPass input {
 width: 80px;
}

span.searchText {
 width: 138px;
 padding: 0 0 7px 0;
 display: block;
 text-align: left;
}
span.searchText input {
 position: relative;
 top: 3px;
 width: 90px;
}

span.searchText input.okButton {
 position: relative;
 top: 4px;
 width: 30px;
 height: 18px;
 margin: 0 0 0 5px;
}

.hidden {
 visibility: hidden;
}

input.hidden {
 visibility: hidden;
}


label {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

ul, li {
 margin: 0;
 padding: 0;
 list-style-image: none;
 list-style-type: none;
}

hr.separator {
 border: 0;
 border-top: 1px solid #CCD2EA;
 height: 1px;
}

a {
 text-decoration: none;
 color: #003399;

}

a:hover {
 color: #4f72b8;
}

div.clear {
 clear: both;
 font-size: 1px;
}

p {
 margin: 0;
 padding: 0 0 15px 0;
}

h1 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

h2 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: normal;
 padding: 0;
 margin: 0;
}

h3 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

h4 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

h5 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

h5.news {
 font-family: Verdana, Arial, Sans-serif;
 color: #990000;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

h6 {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 padding: 0;
 margin: 0;
}



/* Fejléc */

#mainHeader {
 width: 760px;
 margin: 0 auto 0 auto;
 background-color: #eaeefa;
}

#flashHeader {
 width: 760px;
 height: 195px;
 background-color: #ddd;
}

#textMenu {
 clear: both;
 height: 37px;
 background-image: url(./img/header.gif);
 background-repeat: repeat-x;
 background-position: bottom;  
}

#textMenu ul {
 position: relative;
 left: 10px;
 width: 685px; /*670px*/
 margin: 2px 0 0 0;
 padding: 10px 0 0 55px; /*10px 0 0 70px*/
 list-style-type: none;
 float: left;
 border-top: solid 1px #eaeefa;
}

#textMenu li {
 margin: 0;
 padding: 0 7px 0 7px;
 background-image: url(./img/menu.gif);
 background-repeat: no-repeat;
 background-position: 0 1px;  
 float: left;
}

#textMenu li.first {
 margin: 0;
 padding: 0 10px 0 2px;
 background: none;
 float: left;
}

#textMenu a {
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 11px; /*12px*/
 font-weight: bold;
}

#textMenu a:hover {
 color: #4f72b8;
}



/* Lábléc */

#mainFooter {
 position: relative;
 width: 760px;
 height: 38px;
 margin: 0 auto 0 auto;
 padding: 6px 0 0 0;
 clear: both;
 background-image: url(./img/header.gif);
 background-repeat: repeat;
 background-position: 0 0;
}

#mainFooter p {
 padding: 0;
 font-size: 11px;
 text-align: center;
 color: #003399;
}

#mainFooter .smLogo {
 position: absolute;
 left: 640px;
 top: 6px;
}



/* Képes menü */

#pictureMenu ul {
 margin: 0;
 padding: 10px 0 0 13px;
 list-style-type: none;
 float: left;
}

#pictureMenu ul.last {
 padding: 10px 0 5px 13px;
}

#pictureMenu li {
 margin: 0;
 padding: 0 6px 0 6px;
 background-image: url(./img/kepalap.gif);
 background-repeat: no-repeat; 
 background-position: 6px 0; 
 text-align: center;
 float: left;
}

#pictureMenu img {
 border: 1px solid #8177b8;
 clear: both;
 margin: 0;
}

#pictureMenu p {
 font-size: 10px;
 font-weight: normal;
 text-align: center;
 color: #003399;
 width: 70px;
 margin: 3px 0 0 0;
 padding: 0;
 clear: both;
}

#pictureMenu div {
 width: 70px;
}



/* Törzs */

#mainPage {
 width: 760px;
 margin: 0 auto 0 auto;
 background-color: #ccd2ea;
 background-image: url(./img/background.gif);
 background-repeat: no-repeat; 
 background-position: 0 0;
 clear: both;
}

#leftSide {
 width: 160px;
 padding: 0 10px 0 10px;
 background-color: #ccd2ea;
 float: left;
}

#rightSide {
 width: 160px;
 padding: 0 10px 0 10px;
 background-color: #ccd2ea; 
 float: left;
}

#mainContent {
 width: 380px;
 margin: 1px 0 0 0;
 padding: 10px;
 background-color: #fff;
 border-top: 2px solid #ccd2ea;
 float: left;
}

#leftSide div.leftBox {
 padding: 0;
 margin: 0;
 background-color: #ccd2ea;
}

#leftSide h6 {
 padding: 8px 0 8px 10px;
 margin: 0 0 12px 0; 
 background-color: #EAEEFA;
 background-image: url(./img/topic.gif);
 background-repeat: repeat-x; 
 background-position: 0 0; 
}

#leftSide h6.spacer {
 margin: 10px 0 12px 0;
}

#leftSide h6.spacer2 {
 margin: 10px 0 12px 0;
 color: #990000;
}

#rightSide div.rightBox {
 padding: 0;
 margin: 0;
 background-color: #ccd2ea;
}

#rightSide h6 {
 height: 20px;
 padding: 8px 0 0 10px;
 margin: 0 0 12px 0;
 background-image: url(./img/topic.gif);
 background-repeat: repeat-x; 
 background-position: 0 0; 
}

#rightSide h6.spacer {
 margin: 10px 0 12px 0;
 color: #990000;
}

#leftSide div.content {
 margin: 0;
 padding: 10px 10px 10px 10px; 
 background-color: #eaeefa;
}

#leftSide p.form {
 padding: 0 0 3px 54px; 
}

#leftSide p.modLink {
 padding: 0; 
}

#leftSide p.name {
 font-weight: bold;
 font-size: 14px;
 padding: 0 0 10px 0;
 color: #003399;
}


#leftSide div.contentList {
 margin: 0;
 padding: 10px 10px 10px 10px; 
 background-color: #eaeefa;
 font-weight: bold;
}

#leftSide div.contentList ul {
 position: relative;
}

#leftSide div.contentList li {
 padding: 0 0 0 8px;
 background-image: url(./img/li.gif);
 background-repeat: no-repeat; 
 background-position: 0 6px;  
}

#leftSide div.contentList a {
 padding: 0;
}

#leftSide div.contentList span {
 color: #990000;
}

#leftSide div.oneProduct {
 margin: 10px 0 0 0;
 padding: 10px 10px 10px 10px; 
 background-color: #eaeefa;
 text-align: center;
 color: #003399;
}

#leftSide div.oneProduct h1 {
 margin: 0 0 10px 0;
 padding: 0;
}

#leftSide div.oneProduct img {
/* width: 100px;*/
/* height: 100px;*/
 margin: 0;
 padding: 0;
 border: 1px solid #7482bb; 
}

#leftSide p {
 padding: 5px 0 0 0; 
}

#leftSide p.price {
 padding: 0;
 color: #990000;
 font-weight: bold;
}

#rightSide div.content {
 margin: 0;
 padding: 10px 10px 10px 10px; 
 background-color: #eaeefa;
}

#rightSide p.form {
 padding: 0 0 3px 54px; 
}


/* Jobboldali ajánlati terméklista */

#rightSide div.oneProduct {
 margin: 10px 0 0 0;
 padding: 10px 10px 10px 10px; 
 background-color: #eaeefa;
 text-align: center;
 color: #003399;
}

#rightSide div.oneProduct h1 {
 margin: 0 0 10px 0;
 padding: 0;
}

#rightSide div.oneProduct img {
/* width: 100px;*/
/* height: 100px;*/
 margin: 0;
 padding: 0;
 border: 1px solid #7482bb; 
}

#rightSide p {
 padding: 5px 0 0 0; 
}

#rightSide p.price {
 padding: 0;
 color: #990000;
 font-weight: bold;
}




/* Tartalom */

#mainContent h5 {
 height: 18px;
 padding: 5px 5px 0 5px;
 background-color: #f8faff;
 margin: 0 0 10px 0;
}

#mainContent div.productItem {
 padding: 5px 5px 16px 5px;
 margin: 10px 0 0 0;
 background-color: #f8faff;
 color: #003399; 
}

#mainContent div.noItem {
 padding: 5px;
 margin: 10px 0 0 0;
 background-color: #f8faff;
 color: #003399;
 text-align: center;
}

#mainContent div.productItem img {
 margin: 0 6px 0 0;
 border: 1px solid #7482bb; 
 float: left;
}

#mainContent div.productItem h2 {
 margin: 0 0 12px 0;
}

#mainContent div.productItem p.nospace {
 padding: 0;
}


#mainContent div.productItem span.discount {
 color: #990000;
 font-weight: bold;
}

#mainContent div.productItem div.price {
 float: left;
 width: 180px;
}

#mainContent a.cartButton {
 padding: 0px 5px 1px 22px;
 background: #fff;
 border: 1px solid #c2d6f7;
 font-weight: bold;
 background-image: url(./img/cart.gif);
 background-repeat: no-repeat; 
 background-position: 5px 3px;  
 color: #003399;
}

#mainContent a.cartButton:hover {
 background: #F8F8FD;
 background-image: url(./img/cart.gif);
 background-repeat: no-repeat; 
 background-position: 5px 3px;  
 color: #003399;
}

#mainContent div.productItem div.buttons {
 padding: 10px 0 0 0;
}

#mainContent a.modButton {
 padding: 0px 5px 1px 5px;
 background: #fff;
 border: 1px solid #c2d6f7;
 font-weight: bold;
 color: #003399;
}

#mainContent a.modButton:hover {
 background: #F8F8FD;
 color: #003399;
}

#mainContent p.sum {
 padding: 15px 0 15px 0;
 font-size: 16px;
 font-weight: bold;
 color: #003399;
}

#mainContent ul {
 margin: 0 0 15px 0;
}



/* Oldaltérkép */

#mainContent ul.outer {
 margin: 0 0 15px 0;
}

#mainContent ul.outer li {
 margin: 0 0 3px 0;
}

#mainContent ul.inner {
 margin: 3px 0 0 15px;
}

#mainContent ul.inner li {
 margin: 0;
}







#mainContent div.productDetails {
 padding: 5px;
 margin: 10px 0 0 0;
 background-color: #f8faff;
 color: #003399; 
}

#mainContent div.productDetails img {
/* width: 100px;*/
 margin: 0 6px 0 0;
 padding: 0;
 border: 1px solid #7482bb; 
 float: left;
}

#mainContent div.productDetails h2 {
 margin: 0 0 12px 0;
}

#mainContent div.productDetails p {
 padding: 0;
}

#mainContent div.productDetails p.lead {
 padding: 0 0 15px 0;
 font-weight: bold;
}

#mainContent div.productDetails p.price {
 padding: 0 0 15px 0;
}

#mainContent div.productDetails p.cart {
 padding: 15px 0 15px 0;
}



#mainContent div.productDetails span.discount {
 color: #990000;
 font-weight: bold;
}


#mainContent div.productDetails a.cartButton {
height: 20px;
}





/* Lapozó */

#pager {
 height: 24px;
 padding-top: 15px;
 text-align: center;
 color: #003399;
 clear: both;
}

#pager span {
 color: #003399;
 background-color: #ffe;
 font-weight: bold;
 border: 1px solid #c2d6f7;
}





/* Regisztáció */

#regisztracio {
  margin: 15px 0 0 0;
}
#regisztracio label {
  margin: 0 0 15px 0;
  font-weight: bold;
}
#regisztracio p {
  margin: 0 0 15px 0;
}
#regisztracio p.conditions {
  margin: 0 0 10px 0x;
}
#regisztracio p.normal {
  font-weight: normal;
  margin: 0 0 15px 0;
}

#regisztracio input, #regisztracio select, #regisztracio textarea {
  position: relative;
  top: -17px;
  left: 180px;
  width: 180px;
  display: block;
  margin: 0;
  background-color: #fff;
  border: 1px solid #000;
}
#regisztracio input.pipa {
  position: relative;
  top: -16px;
  left: 177px;
  width: 20px;
  display: block;
  margin: 0 0 10px 0;
  background: none;
  border: 0;
}
#regisztracio input.mehet {
 position: relative;
 top: -10px;
 left: 180px;
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#regisztracio input.mehet:hover {
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#regisztracio input.radio {
  position: relative;
  top: -10px;
  left: 176px;
  width: 20px;
  display: block;
  margin: 0;
  background: none;
  border: 0;
}
#regisztracio span {
  position: relative;
  top: -26px;
  left: 200px;
  width: 20px;
  display: block;
  margin: 0;
  background-color: transparent;
  border: 0;
}

#regisztracio textarea.emailText {
  position: relative;
  top: 0px;
  left: 0px;
  width: 360px;
  height: 200px;
  display: block;
  margin: 5px 0 0 0;
  background-color: #fff;
  border: 1px solid #000;
}

#regisztracio input.go {
 position: relative;
 top: 15px;
 left: 180px;
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#regisztracio input.go:hover {
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}





/* Rendelés */

#rendeles {
  margin: 15px 0 0 0;
}
#rendeles label {
  margin: 0 0 15px 0;
  font-weight: bold;
}
#rendeles p {
  margin: 0 0 15px 0;
}
#rendeles p.conditions {
  margin: 0 0 10px 0x;
}
#rendeles p.normal {
  font-weight: normal;
  margin: 0 0 15px 0;
}

#rendeles input, #rendeles select, #rendeles textarea {
  position: relative;
  top: -17px;
  left: 180px;
  width: 180px;
  display: block;
  margin: 0;
  background-color: #fff;
  border: 1px solid #000;
}
#rendeles input.pipa {
  position: relative;
  top: -16px;
  left: 177px;
  width: 20px;
  display: block;
  margin: 0 0 10px 0;
  background: none;
  border: 0;
}
#rendeles input.mehet {
 position: relative;
 top: 10px;
 left: 260px;
 width: 102px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#rendeles input.mehet:hover {
 width: 102px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#rendeles input.radio {
  position: relative;
  top: -10px;
  left: 176px;
  width: 20px;
  display: block;
  margin: 0;
  background: none;
  border: 0;
}
#rendeles span {
  position: relative;
  top: -26px;
  left: 200px;
  width: 20px;
  display: block;
  margin: 0;
  background-color: transparent;
  border: 0;
}

#rendeles textarea.commentText {
  position: relative;
  top: 0px;
  left: 0px;
  width: 360px;
  height: 100px;
  display: block;
  margin: 5px 0 0 0;
  background-color: #fff;
  border: 1px solid #000;
}

#rendeles input.go {
 position: relative;
 top: 15px;
 left: 180px;
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}
#rendeles input.go:hover {
 width: 62px;
 height: 18px;
 border: 1px solid #7482bb;
 font-family: Verdana, Arial, Sans-serif;
 color: #003399;
 font-size: 12px;
 font-weight: bold;
 background: none;
 background-color: #fff;
}





#mainContent div.appeal {
 padding: 5px;
 margin: 10px 0 10px 0;
 background-color: #EEF1F9;
 color: #003399; 
}

#mainContent div.appeal h1 {
 padding: 0 0 15px 0;
 color: #990000;
}

#mainContent div.appeal p {
 padding: 0;
}

#mainContent div.appeal p.more {
 padding: 0;
 text-align: right;
 font-weight: bold;
}

#mainContent div.appeal p.lead {
 font-weight: bold;
}