* {margin:0px; padding:0px;}

.html {background: url(/images/spexx_bg.jpg) repeat-y center; font-family: Helvetica, sans-serif; font-size:14px;
}
html {background: #5F5659 url(/images/html.jpg) repeat-x; font-family: Helvetica, sans-serif; font-size:14px;
}

body {margin: 0 auto; width: 900px; background-color: #fff;}

img {border: none;}

a { color: #525252;}

ul { margin: 5px 0 10px 10px;}
li { margin: 0 0 0 20px; }

div#top { }

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.clear { clear: both; }
.middle { vertical-align: middle; }
/*div#termek1 {width: 400px; height: 421px; float: left;}*/
div#termek1 {width: 400px;  float: left;}

h1 {font-size: 1.4em;  color: #fff; background-color: #454444; padding: 5px 0 5px 10px; font-weight: normal;}

img#termek-kep { margin: 5px 0 5px 22px; }

#photodiv {  background-repeat: no-repeat;}

div#ar { width: 387px; height: 115px; background: url(/images/napszemuveg_ar.jpg) no-repeat; }
div#ar p {text-align: center; font-size: 1.6em; color:#FFFFFF; padding-top: 10px;}
div#ar p span.span_bold {font-weight: bold;}
div#ar p span.span_akcio { font-size: 0.8em; color:#E8E8E8; }
div#ar p span.span_ar { text-decoration: line-through; }

div#ar a#megrendelem {display:block; width: 148px; height: 38px; margin: 25px 0 0 223px;}

#accordion {}
#accordion a {font-size: 1.1em; color:#FFFFFF; text-decoration:none;}
#accordion a:hover {color:#DA1074;}
#accordion h2 { font-size: 1em; font-weight:normal; padding-left: 3px;}
#accordion ul {margin:0; padding:0;}
#accordion li {margin:0; padding:0;}
#accordion li { list-style:none; padding-left: 3px;}


/*div#termek2{ width: 500px; height: 210px; float:right; font-size:13px; }*/
div#termek2{ width: 500px; float:right;  font-size:13px; }
div#termek2 p {margin: 5px; padding: 5px;}
div#termek2 p.cim { color: #DA1074; font-weight:bold;}
a#extrakep { margin: 0 0 0 350px; padding: 0; text-align: right; }

div#top div#hirek {background: url(/images/hirek.jpg) no-repeat; width: 500px; height: 243px;}

div#top div#hirek div { padding: 15px 12px 0;}
div#top div#hirek span { font-weight: bold; font-size:1.1em;}

a#moreNews { padding: 15px 0 0 20px; font-weight: bold; font-size: 1.1em; }

.divNews { margin: 15px; }

div#top div#left, div#top div#right {width:248px;}
div#top div#left {float:right;}

div#bottom { clear: both; }

#bottom div#hicim { width: 900px; height: 35px; background-color: #454444; position: relative; }
#bottom div#hicim h1{ width: 400px; }

form#kereses {  margin:0; padding:0;  position: absolute; top: 5px; right: 30px; }
form#kereses label { width: 100px; color: #fff; font-size: 0.9em;}
form#kereses input#keres { width: 100px; border: none; }

#bottom div#hicim #lang { position: absolute; top: 5px; right: 5px; }

#bottom #valami {margin: 0px; clear: right;}
div#valami { width: 655px; min-height: 300px; float: left;}
div#valami form {margin: 10px 10px 20px 10px;}
div#valami label {font-size: 0.9em; width: 140px; float: left; line-height: 1.4em;}
div#valami p {margin: 10px;}
div#valami fieldset {margin: 10px 0; padding: 5px;}
div#valami legend { margin: 0 10px; padding: 0 15px;}
div#valami input, div#valami label {margin: 3px 0;}
div#valami div#hiba p {color: #DA1074; font-size: 0.8em;}

div#valami h2 { margin: 20px 10px; color: #DA1074; font-size: 1.2em; }

/*div.napszemuveg { width: 163px; height: 168px; background: url(images/napszemuvegek.jpg) no-repeat 8px 8px; float:left; font-size: 0.9em;}*/
/*div.napszemuveg { width: 163px; height: 180px; background: url(/images/napszemuvegek.jpg) no-repeat 8px 8px; float:left; font-size: 0.9em; position: relative; }*/
div.napszemuveg { width: 163px; height: 185px; background: url(/images/napszemuvegek_uj.jpg) no-repeat 8px 8px; float:left; font-size: 0.9em; position: relative; }
div.napszemuveg img.new { position: absolute; top: 110px; left: 2px; }
/*div.napszemuveg p.nev, div.napszemuveg img, div.napszemuveg p.p1, div.napszemuveg p.p2 {border: 1px solid red;}*/
div.napszemuveg a.kosar {display: block; float: left; width: 70px; height: 10px; margin: 15px 0 0 12px;}
div.napszemuveg span.nev { padding: 13px 7px 0 0; float: right; font-size:0.9em; font-weight:bold;}
div.napszemuveg p.img { height: 115px; margin-top:5px; }
div.napszemuveg img { margin: 7px 0 0 10px; }
div.napszemuveg p.p1, div.napszemuveg p.p2 {margin:0px;padding:0 0 0 20px; font-size:1em;}
div.napszemuveg p.p1 { padding-top:4px;}
div.napszemuveg p.p0 { text-align: right; height: 20px;margin:0px;padding:2px 10px 0 20px; font-size:1em; }
div.napszemuveg p.p0 a { margin:0; padding:0; }
div.napszemuveg p.p0 img { margin:0 3px 0 0; padding:0; }
div.napszemuveg p.p2 { float:left;}
div.napszemuveg a.reszletek {display: block; float: right; width: 63px; height: 10px; margin: 7px 10px 0 0;}
div.napszemuveg .akcios {text-decoration: line-through; color:#FF66CC;}
#valami .napszemuveg p {margin: 0px;}

div#lepes { clear: both; margin: 20px 0 0 200px; }
div#lepes a:hover { color: #fff; background-color: #000;}
div#lepes a {text-decoration: none; padding: 2px; margin: 0 2px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
div#lepes span {padding: 2px;}
div#lepes span.active { font-weight: bold;}

div#masvalami {width: 230px; float: right; margin-top:10px;}
div#shop, div#vasarlas, div#kereses, div#adatok, div#newsletter { width: 225px; float: right; margin-bottom: 20px; }

div.box { width: 215px; border: 1px solid #333;}
div.box div.title { background-color:#333333; color: #fff; height: 1.6em; font-size:1.1em; font-weight: bold; padding: 3px 0 0 10px;}

div#shop .box {  height: 150px; }
div#shop label { width: 50px; float: left; text-align: right;  color: #646263; margin: 10px 10px 0 0; font-size: 0.9em; font-weight:bold;}
div#shop input { width: 140px;  color: #6B696A; border: 1px solid  border: #fefefe; margin-top: 8px;}
div#shop input#jelszo { width: 100px; float: left;}
div#shop input#ok { width: 30px; float: right; margin-right: 5px;}
div#newsletter .box {  height: 150px; }
div#newsletter label { width: 50px; float: left; text-align: right;  color: #646263; margin: 10px 10px 0 0; font-size: 0.9em; font-weight:bold;}
div#newsletter input { width: 140px;  color: #6B696A; border: 1px solid  border: #fefefe; margin-top: 8px;}
div#newsletter input#jelszo { width: 100px; float: left;}
div#newsletter input#ok { width: 30px; float: right; margin-right: 5px;}

div#links { margin: 5px 10px 0 10px; }
div#links a { font-size: 0.8em; font-weight: bold; margin-left: 10px; text-decoration: none;}

div#adatok .box {  height: 55px; }


div#kereses .box {  height: 100px; }
div#kereses label { width: 50px; float: left; text-align: right; color: #646263; margin: 10px 10px 0 0; font-size: 0.9em; font-weight:bold;}
div#kereses input { width: 140px;  color: #6B696A; border: 1px solid  border: #fefefe; margin-top: 8px;}
div#kereses input#ok { width: 70px; float: right; margin: 0 5px 10px 0	;}

div#vasarlas {background:url(/images/vasarlas2.jpg) no-repeat right bottom;}
div#vasarlas div.box { height: 120px;}
div#vasarlas div.box a {display: block;  padding: 10px 0 0 30px; text-decoration: none; font-size:0.9em; font-weight:bold; color: #646263;}
div#vasarlas div.box a#kosar {margin-top: 15px;}

table#kosar_tabla {width: 570px; border:1px solid red; margin: 10px 0 0 20px;}
table#kosar_tabla input.db {width: 20px; border: none; background-color: #bfbfbf; padding: 2px; }
table#kosar_tabla {width: 90%; margin:20px auto; border: 1px solid #53472F;}
table#kosar_tabla td {padding:2px;}
table#kosar_tabla th {padding:2px; color:#FFFFFF; background-color:#333;}
table#kosar tbody th, table#kosar tbody td {border-bottom: dotted 1px #53472F;}

a#kosarf {margin-left: 180px;} 
a#veglegesites {margin-left: 30px;} 

#valami p.h1 {margin: 30px 0 20px 10px; color: #DA1074; font-weight: bold;}
p.h2 {margin: 10px 0 10px 0; color: #DA1074;}

table.tb { margin: 10px; }

dl.uzlet { margin: 10px 0 20px 20px; }
dl.uzlet dt {font-size: 1.1em; font-weight: bold;}
dl.uzlet dd {margin 3px 0 0 10px; }



div#footer {clear: both; background: url(/images/footer.jpg) no-repeat 0 40px; height: 80px;}

.divCikk { margin: 0 10px 20px; }

#plusCategory { margin: 3px;}
#plusCategory a { margin-right: 5px; }

#plusCategorySM { margin: 0;}
#plusCategorySM a { margin-right: 2px; }

#banner { margin: 0 0 5px 5px; }



