/* -------------------------------------------------
Code: H.S.Laszlo 2009
http://www.xhtml2u.com
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, table { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a {outline: none;outline-style:none;}
html {height: 100%;}
body {font-family: Arial, sans-serif;background:#fff;font-size:12px;color:#000;text-align:left;}
.clear{clear: both; width: 90%; height: 15px; }
.alignleft{text-align: left; }
.alignjustify{text-align: justify; }
.alignright{text-align: right; }
.aligncenter{text-align: center; }
.floatright{float: right;}
.floatleft{float: left;}
.italic{font-style: italic;}
.bold{font-weight: bold;}
#wrap{width:980px;margin: 0 auto;background:#fff url(img/wrap-bg.jpg) repeat-y;}
h1 {color:#999;font: normal bold 24px/22px Arial, sans-serif;padding:10px 5px;}
h2 {color:#333;font: normal normal 18px/22px Helvetica, arial, sans-serif;padding:10px 5px;}
h3 {color:#333;font: normal bold 12px/16px Arial, sans-serif;padding:10px 15px;text-transform:uppercase;}
/* -------------- Header ------------- */
#header{width:980px;height:165px;background:#E8E6BB url(img/bg-head.png) no-repeat top;padding:0;position:relative;}
a#logo{width:155px;height:78px;display:block;background:transparent url(img/logo.jpg) no-repeat;text-indent:-9999px;margin:30px 0 0 30px;float:left;}
#kosarblock{width:260px;height:155px;background:#fff;float:right;margin:2px 20px 0 0;position:relative;}
#kosarblock p, #kosarblock a{font-size:12px;}
#kosarblock p.kosar_tartalma{color:#fff;padding:10px 10px 4px 15px;background:#263A55 url(img/basket.png) no-repeat 210px;}
#kosarblock p.reg_bej{color:#78755A;padding:4px 0 0 16px;}
#kosarblock p.message{position: absolute;top:70px;left:20px;width:180px;padding:5px;background-color:#fff;color: #E84000;font-weight:bold;}
#kosarblock a.loggedin{color: #49545E;padding:8px 0 0 25px;}
#kosarblock a.megrendeles{width:137px;height:25px;background: url(img/kosar_megtekintese.jpg) no-repeat;
text-indent:-9999px;margin:4px 0 0 16px;border:0;padding:0;cursor:pointer;display:block;}
#kosarblock p.belepes{padding:4px 0 0 12px;}
#kosarblock .loginput{width:101px;height:14px;float:left;border:1px solid #c3c3c3;margin:0 4px 0;font-size:10px;padding:1px;background:#fff;}
#kosarblock #login_submit, #kosarblock a.forget, #kosarblock a.change{
font:normal normal 11px/12px Arial, sans-serif;text-decoration:none;text-transform:uppercase;padding:8px 12px;color:#fff;border:0;}
#kosarblock #login_submit{float:right;background:#263A55;cursor:pointer;margin:6px 16px 0 0;padding:6px 12px;}
#kosarblock a.forget{float:left;background:#ccc;margin:6px 0 0 16px;}
#kosarblock a.change{float:right;background:#ccc;margin:6px 16px 0 0;}

/* -------------- leftside ------------- */
#sidebar{float:left;height:auto;width:200px;padding:0;background:#E0E4E7;margin:0;text-align:left;}
#sidebar h4{width:180px;padding:10px 0 10px 20px;;background:#263A55;color:#fff;font: normal bold 12px/16px Arial, sans-serif;text-transform:uppercase;}

ul.cats {list-style-type:none;margin:0 0 0 10px;padding:0;width:180px;}
ul.cats li{border-top:1px solid #cdcdcd;}
ul.cats li:first-child{border-top:1px solid #FFFFCC;}
ul.cats li a  {background:transparent url(img/triangle.png) no-repeat 10px;color: #888;display: block; text-decoration: none; padding:5px;padding-left: 20px;font-size:12px;}
ul.cats li a:hover {color:#000;}

div.block{width:178px;float:left;margin:5px 0 5px 10px;border:1px solid #ccc;background:#fff;}
div.block p{padding:10px;font-size:12px;}
/* -------------- center ------------- */
#center{width:555px;float:left;padding:5px 10px;}
#center h1{line-height:150%;}
#nav{float:left;height:25px;width:550px;padding:10px 0 0 0;background:transparent;margin:0;}
#nav li{display:inline;padding:0 1px 2px 1px;background: transparent;}
#nav li a{font:normal normal 11px/100% Arial, sans-serif;text-transform:uppercase;text-decoration:none;
background:#999999;color:#fff;padding:8px 8px;}
#nav li a:hover{background:#263A55;}
p.intro{font:normal normal 14px/180% Arial, sans-serif;color:#999;padding:10px;}

#crumbs{float:left;height:18px;border-bottom:1px solid #c3c3c3;width:548px;}
#crumbs li{display:inline;padding:1px 8px 1px 8px;background:url(img/arrow.png) no-repeat right center;}
#crumbs li, #crumbs li a{color: #696969;font-size:11px;text-transform: uppercase;text-decoration:none;}
#crumbs li a{color:#263A55;}
#crumbs img{vertical-align: text-top;}

#top_ad{width:555px;height:188px;background:transparent;margin:10px auto;float:left;}

#center_cat{width:548px;clear:both;margin:10px auto 0;float:left;}
#center_cat img{border:4px solid #ccc;margin:20px 0 0 0;}
#ad_mban_a1, #ad_mban_b1{float:left;}
#ad_mban_a2, #ad_mban_b2{float:right;}
#center_cat h3{background:#263A55;color:#fff;}


#shop{width:548px;margin:5px 0 10px 0;background:#fff;float:left;padding:0 0 13px 0;display:block;}
#shop h1{color:#8EC61C;font:normal bold 16px/100% Arial, sans-serif;padding:10px 0;border-bottom:1px solid #ccc;}
#shop h3{background:#57A7DA;color:#fff;}
/* -------------- Entry -------------- */
div.entry{width:548px;margin:5px 0 10px 0;background:#fff;float:left;padding:0 0 13px 0;display:block;}
div.entry h2{color:#000;font: normal bold 16px/22px Verdana, sans-serif;padding:10px 5px 5px 15px;}
div.entry h3{color:#888;font: normal bold 14px/20px Verdana, sans-serif;padding:8px 5px 8px 15px;}
div.entry p{padding:10px 25px;font:normal normal 14px/150% Arial, sans-serif;}
/* -------------- termek lista ------------- */
.item_list{width:170px;height:275px;float:left;margin:8px 5px 0 5px;text-align:left;position:relative;}
img.star{position:absolute;top:112px;right:0;}
.item_list p{text-align:left;padding:0;font-size:11px;}
.item_list a.pic{margin:0;display:block;width:123px;height:178px;border:4px solid #ccc;}
a.list_pictr{margin:0;display:block;width:140px;height:140px;border:4px solid #ccc;}
a.list_pictr:hover{border:4px solid #6F6F6F;}
.item_list h2{width:165px;color:#666666;font-size:12px;padding:4px 0 0 0;text-align:left;font-weight:bold;}
.item_list p.ar{background:transparent url(img/price_bg.png) no-repeat;padding:4px 0 2px 8px;margin:2px 4px 2px 0;
width:122px;height:19px;font-size:14px;color:#fff;text-align:left;font-weight:bold;}
.item_list p.ar span{padding:0 0 0 12px;}
a.list_tovabb{color:#666666;padding:2px 10px 2px 2px;background:url(img/arrow.png) no-repeat right center;line-height:14px;font-size:12px;
float:left;margin:0;font-weight:bold;}
.item_list p.descr{font-size:12px;text-align:left;padding:0 0 0 8px;height:48px;overflow:hidden;}

/* -------------- rightside ------------- */
#rightside{float:right;height:auto;width:200px;padding:0;background:#E0E4E7;margin:0;}
#searchbox{float:left;width:200px;background:#E0E4E7;position:relative;border-bottom:8px solid #fff;}
#searchbox img.search{position:absolute;top:5px;right:5px;}
#searchbox form#searchform{padding:10px 0 10px 24px;float:left;background:transparent;}
#search_input{width:130px;height:15px;border:1px solid #ccc;padding:2px;margin:0 0 8px 0;}
#searchsubmit{background:#ccc;color:#fff;border:0;cursor:pointer;font-size:10px;padding:2px 4px;text-transform:uppercase;}

#rightside h4{width:180px;padding:10px 0 10px 20px;background:#263A55;color:#fff;font: normal bold 12px/16px Arial, sans-serif;text-transform:uppercase;float:left;}
#rightside .item_list{margin:8px 8px 0 18px;}
#rightside .item_list h2{margin-left:0px;}
#rightside .item_list a.pictr{display:block;width:140px;height:140px;margin:5px auto 0 0;border:4px solid #ccc;}
#rightside .item_list a.pictr:hover{border:4px solid #6F6F6F;}
#rightside .item_list p.ar{width:167px;height:27px;background:transparent url(img/price_bgn.png) no-repeat;padding:10px 0 2px 8px;margin:2px 0;}
#rightside a.list_tovabb{margin:-10px 0 0 0;}
/* -------------- termek egyedi oldal ------------- */
#item{width:548px;margin:5px 0 10px 0;background:#fff;float:left;padding:0 0 13px 0;display:block;}
.item-top{width:548px;background:#263A55;padding:10px 0;float:left;border-bottom:1px solid #ccc;}
a.item-back{float:right;display:block;padding:5px 15px;background:#263A55;color:#fff;text-decoration:none;}
.item-top h1{width:400px;padding:4px 5px 2px 5px;color:#fff;font:normal bold 16px/100% Arial, sans-serif;float:left;}

a.item-img{display:block;float:left;text-decoration:none;text-align:center;font-size:9px;color:#ccc;font-weight:bold;margin:20px 0 0 10px;}
a.item-img img{border:4px solid #ccc;width:140px;}
a.item-img:hover img{border:4px solid #6F6F6F;}
.item-info{width:340px;float:right;}
.item-info h2{padding:15px 5px 2px 5px;color:#263A55;font:normal bold 16px/100% Arial, sans-serif;}
#item p.leir{width:280px;padding:10px;font-size:14px;color:#666666;line-height:140%;}
/* -------------- kosar ------------- */
.bskt{width:321px;/*height:146px;*/ margin:5px auto;border:7px solid #BDC6CC;background:#CFD6DA;float:left;}
div.arr{padding:4px 5px 2px 8px;background:#ffffff;float:left;}
p.arrp{color:#666666;font-size:14px;font-weight:bold;width:165px;float:left;padding:5px 0 0 0;}
.bskt p.bskt-ar-g{background:transparent url(img/price_bg.png) no-repeat;padding:4px 0 2px 8px;margin:2px 4px 2px 8px;
width:122px;height:19px;font-size:14px;color:#fff;text-align:left;font-weight:bold;float:left;}
.bskt p.bskt-ar-g span, .bskt p.bskt-ar-s span{padding:0 0 0 12px;}

p.bskt-anyag, p.bskt-szin, p.bskt-size{color:#666666;font-size:12px;font-weight:bold;width:300px;float:left;padding:10px 0 8px 20px;background-color:#DDE2E6;border-top:1px solid #C5CDD2;}
p.bskt-anyag span, p.bskt-szin span, p.bsktt-size span{padding:0 0 0 12px;font-weight:normal;}
p.bskt-szin{padding:8px 0 8px 20px;}
p.bskt-size{background-color:#CFD6DA;}

.bskt .ajax_kosar_form{padding:6px 0 6px 20px;float:left;width:280px;}
.bskt .ajax_kosar_form label{font-weight:bold;color:#666666;display:block;float:left;width:152px;}
.bskt .ajax_kosar_form input{width:37px;border:1px solid #999;}
.ajax_kosar_form button#kosarba{width:97px;height:25px;background:#AFDE27 url(img/kosarba.jpg) no-repeat;text-indent:-9999px;
color:#fff;font:normal bold 14px/100% Arial, sans-serif;cursor:pointer;/*position:absolute;top:114px;left:202px;*/border:0;}
/*.ajax_kosar_form button#kosarba:hover{background-color:#8EC61C;}*/

div.inkosar{display:block;width:97px;height:25px;background:#263A55 url(img/btn_inbasket.jpg) no-repeat;color:#fff;float:left;
margin:4px 10px 4px 180px;text-align:center;}
div.kosarel_hidden{display:none;}
/* ------------- popup kosar --------------- */
#box{border: 5px solid #fff;padding:2px 8px 8px 8px;background-color:#fff;text-align:right;}
#nyroModalContent{background:#fff;border:5px solid #fff;}
#box img#close{width:13px;height:13px;margin:0;}
#box_top{height:60px;background:#fff;}
#box_top img.box_top_logo{float:left;padding:2px 0 2px 42px;}
#box_top p{width:400px;float:right;padding:5px 0 15px 8px;text-align:center;color:#000;font-size:18px;margin:30px 30px 0 0;}

#boxcenter{height:280px;width:690px;overflow-x:hidden;overflow-y:auto;background-color:#fff;margin:0 12px 0 42px;border:8px solid #BDC6CC}

ul.box_tetel{width:690px;overflow-y:hidden;overflow-x:auto;padding:0;background-color:#fff;}
ul.box_tetel li{display:inline;float:left;background-color:#CFD6DA;padding:8px 5px;height:18px;border-top:1px solid #BDC6CC;color:#666666;font-size:12px;}
ul.box_tetel li.box-name{width:300px;font-weight:bold;font-size:12px;}
/*ul.box_tetel li.box-kiszereles{width:100px;font-size:11px;}*/
ul.box_tetel li.box-npt{width:70px;}
ul.box_tetel li.box-btn{width:60px;}
ul.box_tetel li.box_list_price{width:150px;}
ul.box_tetel li span{line-height:18px;}
ul.box_tetel.wbg li{background-color:#DDE2E6;}

.ajax_kosar_form .input_qty{width:26px;border:1px solid #999;margin-left:4px;}
form.benne{background:transparent;}
button.edt, button.remv{border:0;cursor:pointer;margin:0 2px;color:#666666;background-color:transparent;
text-decoration:underline;width:60px;font-size:12px;}
button.remv{border-right:1px solid #666666;border-left:1px solid #666666;}
button.edt:hover, button.remv:hover{color:#000;}

div.prod-all{width:690px;height:90px;padding:0 8px;background-color:#BDC6CC;margin:0 0 0 42px;}
p.fulltotal{width:640px;line-height:140%;float:right;padding:2px 20px;margin:2px 0;text-align:right;font-size:14px;}
a.tohide_orderlink{float:right;display:block;padding:8px 16px;background:#427424;color:#fff;margin:8px 16px 0 0;text-decoration:none;font:normal bold 14px/100% Arial, sans-serif;}

#box_bottom{height:20px;background:#fff;}

/* ----------------- form -------------------- */
.form {background-color:#FFF;padding:5px;margin:5px 0 0 10px;float:left;}
.form fieldset{/*border:4px solid #EEEFB3;*/background-color:#fff;padding:5px;margin-bottom:10px;float:left;}
.form legend{padding: 3px 15px;margin:0;font-size:16px;font-weight:bolder;background-color:#67b3fe;color:#fff;}
.form ol{width:460px;}
.form ol li{float:left;margin-bottom:5px;width:450px;clear:left;}
.form li label {display: block;float:left;width:180px;font-weight:bold;line-height:20px;color:#6F6F6F;font-size:12px;}
.form li.wlabel{border-bottom:2px solid #fff;}
.form li.wlabel label {width:460px;}
.form li input{border:1px solid #C2C9CF;padding:1px 2px;width:250px;height:16px;font-size:12px;}
.form li textarea{border:1px solid #C2C9CF;padding:2px;width:250px;height:32px;}
.form li input.chk{width:25px;float:right;}
.form li select{border:1px solid #C2C9CF;padding:1px;width:100px;height:22px;}
.form li select.w200{width:200px;}
.form span.required {color: red;font-weight: bold;display: inline;}
.form span.error, span.error {color:#E21E10;font-weight:bold;}
textarea#regtext{background-color: #fff;border:1px solid #C2C9CF;}
.form .submit-btn{float:left;width:160px;background-color:#FE0000;padding:2px 4px;color:#fff;border:0;cursor:pointer;
	margin:5px 0 5px 20px;font-weight:bold;font-size:14px;}
input#registerbutton{float:left;width:160px;background-color:#FE0000;padding:2px 4px;color:#fff;border:0;cursor:pointer;
	margin:5px 0 5px 20px;font-weight:bold;font-size:14px;height:26px;}

/* ----------------- ellenorzes -------------------- */	
div.ellenorzes{width:512px;float:left;padding:5px;}
div.ellenorzes p{float:left;width:330px;line-height:140%;}
div.ellenorzes .modositas{float:right;width:160px;}	
div.ellenorzes a.megrendeles{width:137px;height:25px;background: url(img/megrendeles_btn.png) no-repeat;
text-indent:-9999px;margin:4px 0 0 0px;border:0;padding:0;cursor:pointer;display:block;}

fieldset#datsrc{border:1px solid #c3c3c3;padding:5px;margin-bottom:10px;float:left;background:#DFDFDF;}	
fieldset#datsrc label {display: block;float:left;width:auto;font-weight:bold;line-height:20px;color:#6F6F6F;font-size:12px;margin-left:20px;}
fieldset#datsrc input{width:25px;float:left;}
	
table.item-list-table{width:760px;border-collapse:collapse;border:4px solid #fcfcfc;}
table.item-list-table tr{}
table.item-list-table td{padding:4px;background-color:#fff;border-bottom:1px solid #D6D6D6;}
table.item-list-table td.td-image{width:90px;}
table.item-list-table td.td-title{}
table.item-list-table td.td-price{width:120px;}
table.item-list-table td.td-shipping{width:100px;}
table.item-list-table td.td-buttons{width:120px;}

div.separator{width:760px;height:5px;border-top:1px solid #c3c3c3;float:left;clear:both;}

/* ----------------- footer -------------------- */
#bottom{height:230px;width:940px;padding:10px 20px;clear:both;float:left;background:#333;}
#bottom h5{font:normal bold 16px/100% Arial, sans-serif;color:#999;padding:10px 0 10px 58px;width:220px;}
#bottom ul{padding:0 0 0 58px;float:left;width:220px;}
#bottom ul li{font:normal normal 14px/160% Arial, sans-serif;color:#999;}
#bottom p{font:normal normal 14px/130% Arial, sans-serif;color:#999;padding:5px 0 5px 58px;width:220px;}
#bottom .banners{width:620px;height:210px;float:right;}
#bottom .banners a{display:block;float:left;width:140px;height:100px;margin:10px 10px 0 0;}

#footer{width:980px;height:29px;clear: both;background:#666666;padding:5px 0;}
#footer img{float:left;margin:0 15px 0 78px;}
#footer p, #footer a{font-size:12px;color:#fff;padding:8px 0 0 25px;}