body {
background-color: #444444;
color: #000000; 
font-size: 12px; 
font-family: Arial, sans-serif; 
margin: 0px; 
padding: 0px; 
}

h1 {
color: #393939;
font-family: arial;
font-size: 19px;
}

h2 {
color: #393939;
font-family: arial;
font-size: 16px;
}

#container {
background: url("alapkepek/mainbg.gif");
position: relative;
top: 0px;
left: 0px;
width: 980px;
margin: 0;
padding: 0;
z-index: 100;
}

#header {
position: relative;
top: 0px;
left: 0px;
height: 148px;
width: 980px;
margin: 0px;
padding: 0px;
background: url("alapkepek/fej.gif");
z-index:100;
}

#content {
position: relative;
top: 10px;
left: 30px;
width: 735px;
background: transparent;
color: #393939;
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
padding: 0px;
margin: 0px;
float: left;
}

#content A:link {
background: transparent;
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #AF4600;
text-decoration: none;
font-weight: bold;
} 
#content A:visited {
background: transparent;
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #AF4600;
text-decoration: none; 
font-weight: bold; 
} 
#content A:active {
background: transparent;
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #cc0404; 
text-decoration: none; 
font-weight: bold;
} 
#content A:hover {
background: transparent;
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #cc0404; 
text-decoration: none; 
font-weight: bold; 
}

#left {
position: relative;
float: left;
top: 0px;
left: 16px;
width: 184px;
background: transparent;
color: #cccccc;
margin: 0px;
padding: 0px;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
}
#left A:link {
background: transparent;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
color: #cccccc;
text-decoration: none;
font-weight: bold;
} 
#left A:visited {
background: transparent;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
color: #cccccc;
text-decoration: none; 
font-weight: bold; 
} 
#left A:active {
background: transparent;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
color: #FFDF51; 
text-decoration: none; 
font-weight: bold;
} 
#left A:hover {
background: transparent;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
color: #FFDF51; 
text-decoration: none; 
font-weight: bold; 
}

#footer {
height: 40px;
padding: 0px;
position: relative;
top: 0px;
left: 0px;
clear: both;
background: url("alapkepek/footer.gif");
}

#copyright {
position: absolute;
right: 20px;
top: 15px;
font-size: 10px;
color: #51524F;
}

#chromeball {
position: absolute;
left: 20px;
top: 12px;
}

.balkiemel {
font-family: arial;
font-size: 10px;
color: #699924;
text-transform: uppercase;
font-weight: bold;
}

.baldoboz {
padding: 10px;
border-bottom: 1px solid #737373;
}

.baldoboz2 {
padding: 10px;
}

.lang {
border: 0px solid #000000;
margin-top: 3px;
}

.searchinput {
position: absolute;
top: 0px;
left: 0px;
background-color: transparent;
border: 0px solid #6E706D;
color: #555555;
font-size: 11px;
font-family: arial;
width: 130px;
padding-left: 2px;
height: 14px;
}

.searchbutton {
position: absolute;
left: 135px;
width: 24px;
height: 17px;
background: transparent;
border: 0px;
cursor: pointer;
}

.search {
position: absolute;
margin-top: 3px;
width: 158px;
height: 17px;
background: url(alapkepek/gombos.gif);
}

.newletter {
position: absolute;
margin-top: 3px;
width: 158px;
height: 40px;
background: url(alapkepek/gombos2.gif);
}

.newsletterbutton {
position: absolute;
top: 30px;
left: 135px;
width: 24px;
height: 17px;
background: transparent;
border: 0px;
cursor: pointer;
}

.newsletterinput1 {
position: absolute;
top: 1px;
left: 1px;
background-color: #FEFDDF;
border: 0px solid #6E706D;
color: #555555;
font-size: 11px;
font-family: arial;
width: 153px;
padding-left: 2px;
height: 13px;
}

.newsletterinput2 {
position: absolute;
top: 21px;
left: 0px;
background-color: transparent;
border: 0px solid #6E706D;
color: #555555;
font-size: 11px;
font-family: arial;
width: 130px;
padding-left: 2px;
height: 14px;
}

.ajanlokep {
border: 1px solid #000000;
}

.ar {
color: #AF4600;
font-family: arial;
font-size: 17px;
font-weight: bold;
}

.kosarba {
margin-top: 5px;
cursor: pointer;
border: 0px;
background: url(alapkepek/kosarba.gif);
width: 106px;
height: 28px;
}

.addtocart {
margin-top: 5px;
cursor: pointer;
border: 0px;
background: url(alapkepek/addtocart.gif);
width: 131px;
height: 28px;
}

.termekhez1 {
width: 65px;
float: left;
padding-top: 5px;
}

.pitch {
background-color: #FEFDE1;
border: 1px solid #717171;
width: 126px;
padding: 2px;
font-size: 11px;
}

.quantity {
background-color: #FEFDE1;
border: 1px solid #717171;
width: 120px;
padding: 2px;
font-size: 11px;
margin-top: 2px;
}

.termekkep {
width: 230px;
margin-left: 20px;
margin-bottom: 20px;
background: url(alapkepek/shadow.gif) bottom;
padding-bottom: 18px;
float: right;
}

.termekkep2 {
border: 1px solid #777777;
width: 230px;
}

.termek {
border-bottom: 1px solid #B6996A;
margin-bottom: 20px;
padding-bottom: 5px;
clear: both;
}

#sorba ul li{
display: inline;
top: 2px;
position: relative;
}

#sorba ul li a:link, #sorba ul li a:visited {
color: #B6996A;
background-color: #E2CFAF;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #B6996A;
}

#sorba ul li a:hover, #sorba ul li a:active{
color: #FEFDE1;
background-color: #699924;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #333333;
}

#sorba2 ul li{
display: inline;
top: 2px;
position: relative;
}

#sorba2 ul li a:link, #sorba2 ul li a:visited {
color: #B6996A;
background-color: #E2CFAF;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #B6996A;
}

#sorba2 ul li a:hover, #sorba2 ul li a:active{
color: #FEFDE1;
background-color: #699924;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
cursor: pointer;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #333333;
}

.sorbaactive {
color: #E2CFAF;
background-color: #B6996A;
font-weight: bold;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #B6996A;
margin-right: 4px;
margin-left: 4px;
}

.formgomb {
background-color: #699924;
border: 1px solid #FEFDE1;
width: 126px;
padding: 2px;
font-size: 11px;
margin-top: 2px;
text-decoration: none;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}

.forminput {
background-color: #FEFDE1;
border: 1px solid #717171;
width: 170px;
padding: 2px;
font-size: 11px;
margin-top: 2px;
}

.formselect {
background-color: #FEFDE1;
border: 1px solid #717171;
width: 176px;
padding: 2px;
font-size: 11px;
margin-top: 2px;
}

.kijelol {
background-color: #990000;
border: 1px solid #000000;
color : #ffffc4; 
font-size : 15px; 
font-family : Times New Roman,verdana, Arial, sans-serif;
font-weight: bold;
}

.formgomb2 {
background-color: #699924;
border: 1px solid #FEFDE1;
width: 126px;
padding: 2px;
font-size: 8px;
margin-top: 2px;
text-decoration: none;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}












#menu {
width: 100%;
padding-top: 113px;
position: absolute;
top: 0px;
left: 0px;
z-index:1000000;
}

#chromemenu{
background-color: transparent;
color: #ffffff;
width: 950px;
margin: 0px;
border-bottom: 1px solid #555555;
}

#chromemenu:after{
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
width: 950px;
background: center center repeat-x;
padding: 0px;
margin: 0px;
margin-left: 6px;
float: left;
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
float: left;
color: #222222;
font-weight: bold;
padding: 9px 49px 9px 49px;
text-decoration: none;
background: center right no-repeat;
cursor: pointer;
font-weight: bold;
font-size: 14px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
border-left: 1px solid #CDC8B9;
border-right: 1px solid #CDC8B9;
}

#chromemenu ul li a:hover{
color: #FFFDE1;
background-color: #699924;
font-weight: bold;
font-size: 14px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
}

#chromemenu ul li a[onMouseover]:after{ 
content: "";
}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #555555;
border-bottom-width: 0;
border-top-width: 0;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
z-index:100;
background-color: #efeadb;
visibility: hidden;
width: 193px;
}

.dropmenudiv a{
display: block;
border-bottom: 1px solid #555555;
padding: 4px;
text-decoration: none;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #333333;
}

.dropmenudiv a:visited{
display: block;
border-bottom: 1px solid #555555;
padding: 4px;
text-decoration: none;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #333333;
}

.dropmenudiv a:hover{ 
color: #FFFDE1;
background-color: #6A9A26;
font-weight: bold;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
}